octane 0.13.7 → 0.13.8

package/dist/cjs/index.cjs

@@ -83,6 +83,7 @@ __export(index_exports, {
   compilerCacheMappedArray: () => import_runtime.compilerCacheMappedArray,
   compilerOwnsContextProvider: () => import_runtime.compilerOwnsContextProvider,
   componentSlot: () => import_runtime.componentSlot,
+  componentSlotFromConfig: () => import_runtime.componentSlotFromConfig,
   componentSlotLite: () => import_runtime.componentSlotLite,
   componentSlotVoid: () => import_runtime.componentSlotVoid,
   createCompiledContext: () => import_runtime.createCompiledContext,
@@ -334,6 +335,7 @@ var import_method_dep = require("./method-dep.cjs");
   compilerCacheMappedArray,
   compilerOwnsContextProvider,
   componentSlot,
+  componentSlotFromConfig,
   componentSlotLite,
   componentSlotVoid,
   createCompiledContext,

package/dist/cjs/runtime.cjs

@@ -98,6 +98,7 @@ __export(runtime_exports, {
   compilerOpaqueTag: () => compilerOpaqueTag,
   compilerOwnsContextProvider: () => compilerOwnsContextProvider,
   componentSlot: () => componentSlot,
+  componentSlotFromConfig: () => componentSlotFromConfig,
   componentSlotLite: () => componentSlotLite,
   componentSlotVoid: () => componentSlotVoid,
   createCompiledContext: () => createCompiledContext,
@@ -9861,14 +9862,25 @@ function createCompiledContext(defaultValue) {
 function CompiledContext(props, scope) {
   provideContext(scope, props.context, props.value);
   const children = props.children;
-  if (children == null) return;
+  if (children == null) {
+    const previous2 = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
+    if (previous2 !== void 0 && previous2 !== 2) {
+      resetScopeChildren(scope);
+      if (scope.block.disposed) return;
+      ensureHooks(scope).set(CHILDREN_DIALECT_SLOT, 2);
+    }
+    return;
+  }
   if (!isChildrenBlock(children)) {
     throw new TypeError((0, import_error_codes_client_generated.formatClientError)(345));
   }
   const dialect = children[CHILDREN_BODY] ?? children;
   const previous = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
   if (previous !== dialect) {
-    if (previous !== void 0) {
+    if (previous === 2) {
+      resetScopeChildren(scope);
+      if (scope.block.disposed) return;
+    } else if (previous !== void 0) {
       invalidateSharedBodyOutput(scope);
       if (TRANSITION_JOURNAL !== null && !ROOT_RENDER_ROLLBACK) {
         const hooks = scope.hooks;
@@ -9899,7 +9911,7 @@ function renderClientContextProvider(context, props, renderScope) {
   const scope = renderScope;
   provideContext(scope, ctx, props.value);
   const children = props.children;
-  if (children != null) {
+  if (children != null || scope.hooks?.get(CHILDREN_DIALECT_SLOT) !== void 0) {
     const dialect = typeof children === "function" ? children[CHILDREN_BODY] ?? children : 2;
     const previous = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
     if (previous !== dialect) {
@@ -21740,6 +21752,31 @@ function componentSlotVoid(parentScope, slotKey, domParent, comp, props, invocat
     invocationSite
   );
 }
+function componentSlotFromConfig(parentScope, slotKey, domParent, comp, config, invocationSite, anchor) {
+  if (typeof comp === "function" && (0, import_renderer_bridge.isRendererContext)(comp)) {
+    (0, import_renderer_bridge.registerClientRendererBridge)(renderClientContextProvider, flushSync);
+  }
+  const key = hasElementConfigKey(config) ? "" + config.key : void 0;
+  const props = copyElementConfig(config);
+  (0, import_shared_value_helpers.applyElementDefaultProps)(comp, props);
+  const body = comp === Fragment ? props.ref != null || import_has_own.hasOwnProp.call(props, "ref") ? renderFragmentRefDescriptor : renderFragmentConfig : comp;
+  componentSlot(
+    parentScope,
+    slotKey,
+    domParent,
+    body,
+    props,
+    invocationSite,
+    anchor,
+    false,
+    false,
+    key,
+    true
+  );
+}
+function renderFragmentConfig(props) {
+  return props.children;
+}
 function rejectCompiledReturn(_block, _out, reset) {
   if (reset !== true) {
     throw new TypeError((0, import_error_codes_client_generated.formatClientError)(346));
@@ -21894,7 +21931,7 @@ function componentSlotImpl(outputHandler, parentScope, slotKey, domParent, body,
     registerSlot(parentScope, state);
   }
   const nextKey = key === void 0 ? NO_KEY : "" + key;
-  const keyChanged = key !== void 0 && state.prevKey !== NO_KEY && nextKey !== state.prevKey;
+  const keyChanged = nextKey !== state.prevKey;
   const replacing = identity !== state.currentComp || keyChanged;
   const journaledSlot = ROOT_RENDER_TRANSACTION !== null && state.block !== null && replacing;
   if (journaledSlot) {
@@ -32661,6 +32698,7 @@ function scriptResource(attrs) {
   compilerOpaqueTag,
   compilerOwnsContextProvider,
   componentSlot,
+  componentSlotFromConfig,
   componentSlotLite,
   componentSlotVoid,
   createCompiledContext,

package/dist/cjs/runtime.server.cjs

@@ -128,6 +128,7 @@ __export(runtime_server_exports, {
   ssrChildrenSources: () => ssrChildrenSources,
   ssrClass: () => ssrClass,
   ssrComponent: () => ssrComponent,
+  ssrComponentFromConfig: () => ssrComponentFromConfig,
   ssrComponentNS: () => ssrComponentNS,
   ssrControl: () => ssrControl,
   ssrElement: () => ssrElement,
@@ -1453,34 +1454,16 @@ function ssrTextPre(v) {
   const s = ssrText(v);
   return s.charCodeAt(0) === 10 ? "\n" + s : s;
 }
-function ssrComponentDescriptor(d, scope, keyScoped) {
-  if (SCOPED_ELEMENT_PROPS.has(d.props)) {
-    return ssrComponent(
-      scope,
-      d.type,
-      d.props,
-      void 0,
-      d.key ?? void 0,
-      keyScoped,
-      d.__octaneInvocationSite
-    );
-  }
+function descriptorProps(d) {
+  if (SCOPED_ELEMENT_PROPS.has(d.props)) return d.props;
   const children = d.children;
-  if (children == null || children === d.props?.children) {
-    return ssrComponent(
-      scope,
-      d.type,
-      d.props,
-      void 0,
-      d.key ?? void 0,
-      keyScoped,
-      d.__octaneInvocationSite
-    );
-  }
+  return children == null || children === d.props?.children ? d.props : { ...d.props, children };
+}
+function ssrComponentDescriptor(d, scope, keyScoped) {
   return ssrComponent(
     scope,
     d.type,
-    { ...d.props, children },
+    descriptorProps(d),
     void 0,
     d.key ?? void 0,
     keyScoped,
@@ -3473,6 +3456,16 @@ function ssrComponentNS(parent, comp, props, namespace, inherit, key, invocation
     NEXT_COMPONENT_NAMESPACE = previous;
   }
 }
+function ssrComponentFromConfig(parent, comp, config, invocationSite, namespace = null) {
+  const key = hasElementConfigKey(config) ? "" + config.key : void 0;
+  const props = copyElementConfig(config);
+  (0, import_shared_value_helpers.applyElementDefaultProps)(comp, props);
+  const body = comp === Fragment ? props.ref != null || import_has_own.hasOwnProp.call(props, "ref") ? renderFragmentRefDescriptor : renderFragmentConfig : comp;
+  return namespace === null ? ssrComponent(parent, body, props, false, key, void 0, invocationSite) : ssrComponentNS(parent, body, props, namespace, false, key, invocationSite);
+}
+function renderFragmentConfig(props, scope) {
+  return ssrHtml(ssrChild(props.children, scope));
+}
 function ssrInNamespace(namespace, render) {
   const frame = FRAME;
   if (frame === null) return render();
@@ -5288,6 +5281,10 @@ function spliceHead(body, head, documentRoot = isDocumentRoot(body)) {
 function renderEntryValue(props, scope) {
   return ssrHtml(ssrChild(props.value, scope));
 }
+function renderEntry(entry, props, options) {
+  if (typeof entry === "function") return [entry, props, options];
+  return isElementDescriptor(entry) && typeof entry.type === "function" ? [entry.type, descriptorProps(entry), options ?? props] : [renderEntryValue, { value: entry }, options ?? props];
+}
 const MAX_SUSPENSE_PASSES = 50;
 let SUSPENSE_TIMEOUT_MS = 1e4;
 function setSsrSuspenseTimeout(ms) {
@@ -6141,11 +6138,8 @@ function insertBufferedInjection(pass, injection) {
   pass.body = tailStart === -1 ? pass.body + injection : pass.body.slice(0, tailStart) + injection + pass.body.slice(tailStart);
 }
 async function prerender(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   const preparedOptions = needsAutomaticSignalInjection(options) ? await prepareAutomaticSignalInjection(options) : options;
   const injection = preparedOptions?.injection;
   const cancelRender = injection === void 0 ? void 0 : new AbortController();
@@ -6276,11 +6270,8 @@ function renderHostedAttempt(session, component, props, options) {
   return { status: "complete", html: body, head: pass.head, cssEntries: pass.cssEntries };
 }
 function renderToString(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   options?.signal?.throwIfAborted();
   const nonceAttr = nonceAttrOf(options);
   const resolved = newResolvedMap(options ?? null);
@@ -6306,11 +6297,8 @@ function renderToString(entryComponent, props, options) {
   );
 }
 function renderToStaticMarkup(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   options?.signal?.throwIfAborted();
   const nonceAttr = nonceAttrOf(options);
   const resolved = newResolvedMap(options ?? null);
@@ -7658,11 +7646,8 @@ async function runStream(component, props, options, sink, resolved, cancelInject
   sink.allReady();
 }
 function renderToPipeableStream(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   const controller = new AbortController();
   let removeOuterAbort;
   if (options?.signal) {
@@ -7906,11 +7891,8 @@ function renderToPipeableStream(entryComponent, props, options) {
   };
 }
 function renderToReadableStream(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   if (needsAutomaticSignalInjection(options)) {
     return prepareAutomaticSignalInjection(options).then(
       (prepared) => renderToReadableStream(component, props, prepared)
@@ -8502,6 +8484,7 @@ function preinitModule(href, options) {
   ssrChildrenSources,
   ssrClass,
   ssrComponent,
+  ssrComponentFromConfig,
   ssrComponentNS,
   ssrControl,
   ssrElement,

package/dist/cjs/server/index.cjs

@@ -107,6 +107,7 @@ __export(server_exports, {
   ssrChildrenSources: () => import_runtime_server.ssrChildrenSources,
   ssrClass: () => import_runtime_server.ssrClass,
   ssrComponent: () => import_runtime_server.ssrComponent,
+  ssrComponentFromConfig: () => import_runtime_server.ssrComponentFromConfig,
   ssrComponentNS: () => import_runtime_server.ssrComponentNS,
   ssrControl: () => import_runtime_server.ssrControl,
   ssrElement: () => import_runtime_server.ssrElement,
@@ -292,6 +293,7 @@ var import_runtime_server = require("../runtime.server.cjs");
   ssrChildrenSources,
   ssrClass,
   ssrComponent,
+  ssrComponentFromConfig,
   ssrComponentNS,
   ssrControl,
   ssrElement,

package/dist/cjs/signals/seed-serialization.cjs

@@ -64,7 +64,8 @@ function serializeScopeRead(root, read) {
   const scope = root.owner;
   if (!scope.seedable) return [];
   const rootEntry = scopeSeedEntry(scope, root, read);
-  if (!rootEntry) return void 0;
+  if (!rootEntry)
+    return read === "snapshot" && root.state?.snapshot.status !== "ready" ? [] : void 0;
   const owners = /* @__PURE__ */ new Map();
   const keys = /* @__PURE__ */ new Map();
   const seen = /* @__PURE__ */ new Set();

package/dist/cjs/version.cjs

@@ -21,7 +21,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-const version = "0.13.7";
+const version = "0.13.8";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   version

package/dist/compiler/compile.js

@@ -15959,6 +15959,35 @@ function ssrEmitComponent(node, ctx, name, inlinedSubs, parentNs, cssHash, compo
 	// comp-call root of a `@{}` body — which is exactly this emit.
 	const inherit = ctx._ssrInheritRoot === true && !node._octaneBindingSite;
 	ctx._ssrInheritRoot = false;
+	if (isStrongKeyedFragment(node, ctx)) {
+		const fragment = prepareKeyedFragment(node, ctx, name, inlinedSubs);
+		const sub = ssrCompileSub(
+			fragment.children,
+			ctx,
+			'__skeyed',
+			[fragment.param],
+			cssHash,
+			parentNs,
+			componentNs,
+		);
+		// Component identity participates in SSR async replay keys, so this body
+		// must stay stable when an ancestor suspends and renders again.
+		ctx.hoistedHelpers.push(sub.fn);
+		ctx.runtimeNeeded.add('ssrComponent');
+		return ssrCall(
+			'ssrComponent',
+			[
+				b.id('__s'),
+				b.id(sub.fnName),
+				fragment.propsExpr,
+				b.literal(false),
+				fragment.keyExpr,
+				undefinedNode(),
+				b.literal(invocationSite),
+			],
+			node,
+		);
+	}
 	// Capture before compiling attributes/children: nested subs temporarily mutate
 	// this context flag. Only this component's immediate children sub inherits the
 	// returned-fragment mode; control-flow arm subs intentionally reset it.
@@ -16115,6 +16144,20 @@ function ssrEmitComponent(node, ctx, name, inlinedSubs, parentNs, cssHash, compo
 		}
 	}
 	if (descriptorConfig) {
+		if (ctx.strongRenderValues && !activityDescriptor && !isFragmentLongForm(node, ctx)) {
+			ctx.runtimeNeeded.add('ssrComponentFromConfig');
+			return ssrCall(
+				'ssrComponentFromConfig',
+				[
+					b.id('__s'),
+					compExpr,
+					inheritOriginLoc(b.object(propNodes), node),
+					b.literal(invocationSite),
+					componentNs === null ? b.literal(null) : b.literal(componentNs),
+				],
+				node,
+			);
+		}
 		// The direct mode-only Activity was lowered to ActivityStatement. Richer
 		// Activity configs and generic explicit-key + spread sites keep one ordered
 		// element config, matching createElement without changing simple call sites.
@@ -16214,20 +16257,22 @@ function ssrCompileSub(
 	ctx._ssrFoldedExprHoles = baseName === '__sfragment';
 	let fn;
 	try {
-		fn = ssrCompileBody(
-			synth,
-			ctx,
-			fnName,
-			cssHash,
-			[],
-			parentNs || 'html',
-			false,
-			componentNs,
-			returnedFragmentTemplate,
-			returnedFragmentRoot,
-			// Nested helpers touch no themes; the component body already did.
-			[],
-			unboxedHtml,
+		fn = withNestedTemplateScope(synth, ctx, () =>
+			ssrCompileBody(
+				synth,
+				ctx,
+				fnName,
+				cssHash,
+				[],
+				parentNs || 'html',
+				false,
+				componentNs,
+				returnedFragmentTemplate,
+				returnedFragmentRoot,
+				// Nested helpers touch no themes; the component body already did.
+				[],
+				unboxedHtml,
+			),
 		);
 	} finally {
 		ctx._ssrFoldedExprHoles = prevFoldedExprHoles;
@@ -22455,6 +22500,65 @@ function hasJsxSpreadAttribute(node) {
 	);
 }
 
+// A Strong template owns this entire render scope. Ref/spread configs retain
+// Fragment's inspectable descriptor boundary and its ref lifecycle.
+function isStrongKeyedFragment(node, ctx) {
+	if (
+		!ctx?.strongRenderValues ||
+		node.openingElement?.metadata?.descriptorFragment ||
+		ctx._returnedFragmentTemplate ||
+		!isFragmentLongForm(node, ctx)
+	)
+		return false;
+	const attrs = node.attributes || node.openingElement?.attributes || [];
+	return attrs.length === 1 && hasJsxAttribute(node, 'key');
+}
+
+// Reuse a component scope, keeping the whole body (including setup and try
+// arms) behind the key. Capture lexical receiver/arguments before hoisting, and
+// evaluate/coerce the key before snapshotting the locals its body reads.
+function prepareKeyedFragment(node, ctx, name, inlinedSubs) {
+	let children = node.children || [];
+	const lexical = captureCallbackLexicalValues(b.arrow([], b.block(children)), ctx);
+	if (lexical) children = lexical.body.body;
+	const captures = (helperCaptures(ctx, children, []) || []).map((name) => ({
+		name,
+		value: b.id(name),
+	}));
+	if (lexical) captures.push(...lexical.captures);
+	const param = b.object_pattern(
+		captures.map(({ name }) => b.prop('init', b.id(name), b.id(name), false, true)),
+	);
+	const props = b.object(captures.map(({ name, value }) => b.prop('init', b.id(name), value)));
+	const value = (node.attributes || node.openingElement.attributes)[0].value;
+	const key =
+		value == null
+			? b.literal(true)
+			: value.type === 'JSXExpressionContainer'
+				? value.expression
+				: value;
+	const keyName = allocCompilerName(ctx, '__fragmentKey');
+	ctx.currentMapTemps.push(keyName);
+	return {
+		children,
+		param,
+		propsExpr: b.sequence([
+			b.assignment('=', b.id(keyName), tsrxExprNode(key, ctx, name, inlinedSubs)),
+			b.assignment(
+				'=',
+				b.id(keyName),
+				b.conditional(
+					b.binary('===', b.id(keyName), undefinedNode()),
+					undefinedNode(),
+					b.binary('+', b.literal(''), b.id(keyName)),
+				),
+			),
+			props,
+		]),
+		keyExpr: b.id(keyName),
+	};
+}
+
 // An explicit key cannot be split from a spread config: whichever occurs last
 // wins, and all getters/expressions must run in source order. Extracted templates
 // retain the proof after the complete config becomes a single spread hole.
@@ -23767,6 +23871,11 @@ function extractFragment(node, ctx, holeProps, parentNs = 'html', inDescriptor =
 	// The emission normalizes from `openingElement.attributes`, so update it too.
 	if (node.openingElement) {
 		out.openingElement = { ...node.openingElement, attributes: newAttrs };
+		if (isStrongKeyedFragment(node, ctx)) {
+			// Returned JSX keeps its inspectable value boundary. Its holes have
+			// already been extracted in the owning component's render scope.
+			out.openingElement.metadata = { ...node.openingElement.metadata, descriptorFragment: true };
+		}
 		if (mergedKeyedSpreadConfig) {
 			out.openingElement.metadata = {
 				...node.openingElement.metadata,
@@ -26523,7 +26632,12 @@ function normalizeChildren(
 			// Keys need a reconciliation boundary. Parser-sensitive host trees need
 			// imperative construction so HTML repair cannot change binding paths.
 			// The shared descriptor path provides both without taxing ordinary templates.
-			if (ctx && allowImperative && isDescriptorBuiltElement(n, inSvg, ctx)) {
+			if (
+				ctx &&
+				allowImperative &&
+				isDescriptorBuiltElement(n, inSvg, ctx) &&
+				!isStrongKeyedFragment(n, ctx)
+			) {
 				out.push(
 					inheritOriginLoc(
 						{
@@ -29393,6 +29507,26 @@ function planJsx(
 		const slotIndex = cc.slotIndex;
 		const org = cc.origin ?? planOrigin;
 		const hostExpr = () => hostNodeFor(`_compHost$${cc.id}`);
+		if (cc.orderedConfig) {
+			ctx.runtimeNeeded.add('componentSlotFromConfig');
+			pushAfterStmt(
+				cc.id,
+				org,
+				b.stmt(
+					b.call(
+						'_$componentSlotFromConfig',
+						b.id('__s'),
+						b.literal(slotIndex),
+						hostExpr(),
+						cc.compNode,
+						cc.propsExpr,
+						b.literal(cc.invocationSite),
+						anchorNodeFor(cc, 'compAnchor') ?? b.literal(null),
+					),
+				),
+			);
+			continue;
+		}
 		if (cc.hostChildrenBinding != null) {
 			const props = () => {
 				const host = bagFieldNode(bag, `_host$${cc.hostChildrenBinding.id}`);
@@ -34561,6 +34695,33 @@ function makeCompCall(
 ) {
 	const id = ctx.nextHelperId++;
 	const invocationSite = componentInvocationSite(ctx, node);
+	if (isStrongKeyedFragment(node, ctx)) {
+		const fragment = prepareKeyedFragment(node, ctx, componentName, inlinedSubs);
+		const helper = hoistBodyHelper(
+			ctx,
+			inlinedSubs,
+			'__keyed',
+			fragment.children,
+			[fragment.param],
+			parentNs,
+			cssHash,
+			[],
+			node,
+		);
+		return {
+			id,
+			invocationSite,
+			compNode: b.id(helper),
+			propsExpr: fragment.propsExpr,
+			keyExpr: fragment.keyExpr,
+			voidComponent: true,
+			anchorlessAppendSafe: true,
+			hostPath: null,
+			autoMemoDeps: null,
+			loc: devLoc(ctx, node),
+			origin: node,
+		};
+	}
 	const compName = tagBindingName(node);
 	const directRenderer = isStaticFragmentComponent(node, ctx)
 		? ctx.componentInfo.get(compName).staticFragmentRenderer
@@ -34737,9 +34898,23 @@ function makeCompCall(
 	// The props object as a node; the call-site emit embeds it directly.
 	const propsExpr = staticFragmentRenderer?.props ?? inheritOriginLoc(b.object(propNodes), node);
 	if (descriptorConfig) {
+		// Dynamic tags can still select a host with function actions or a Fragment.
+		classifyDescriptorCapabilities(ctx, node.openingElement?.name || node.id, true, attrs);
+		if (ctx.strongRenderValues && !activityDescriptor && !isFragmentLongForm(node, ctx)) {
+			return {
+				id,
+				invocationSite,
+				compNode,
+				propsExpr,
+				orderedConfig: true,
+				anchorlessAppendSafe: true,
+				hostPath: null,
+				loc: devLoc(ctx, node),
+				origin: node,
+			};
+		}
 		// A keyed spread builds a descriptor whose tag may be a host string or a
 		// Fragment at runtime, so its props select descriptor capabilities too.
-		classifyDescriptorCapabilities(ctx, node.openingElement?.name || node.id, true, attrs);
 		ctx.runtimeNeeded.add('createElementFromConfig');
 		return {
 			id,

package/dist/compiler/slot-hooks.js

@@ -1333,7 +1333,9 @@ export function slotHooks(source, id, options) {
 	}
 	const getterCalls = importInfo.importsHook ? collectStateGetterCalls(ast) : new WeakSet();
 	if (
-		!strongAnalysis?.enabled &&
+		// Manual Strong modules already reject generated declaration caches above,
+		// so their authored memo calls can keep the existing production lowering.
+		(!strongAnalysis?.enabled || options?.manualSlots === true) &&
 		// The whole-AST memo path does not apply declaration identity edits.
 		!signalLowering.usesSignals &&
 		canPrint &&

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export { attachBehaviorRoot } from './behavior-root.js';
 export { captureFormSubmissions } from './behavior-form-submissions.js';
 export type * from './behavior-root.js';
 export { createSubSlot, subSlot, type SubSlot, type SlotlessSubSlot, type SubSlotOptions, } from './sub-slot.js';
-export { createRoot, hydrateRoot, flushSync, act, isInActScope, type Root, type RootContainer, type RootOptions, useState, useLinkedState, type LinkedStatePrevious, type LinkedStateOptions, useReducer, useEffect, useLayoutEffect, useLayoutSnapshot, useInsertionEffect, useMemo, useCallback, useRef, useLazyRef, useId, useImperativeHandle, useEffectEvent, useSyncExternalStore, useDeferredValue, useTransition, useActionState, useActionState as useFormState, useFormStatus, useOptimistic, useDebugValue, type FormStatus, startTransition, requestFormReset, memo, lazy, preload, preinit, preloadModule, preinitModule, preconnect, prefetchDNS, createContext, createCompiledContext, CompiledContext, CompiledOutlet, type CompiledComponent, use, useContext, type Context, type ForeignHostContext, Suspense, ErrorBoundary, Hydrate, __HydrateCompiled, Activity, Activity as unstable_Activity, ViewTransition, addTransitionType, ViewTransition as unstable_ViewTransition, addTransitionType as unstable_addTransitionType, ViewTransitionPseudoElement, type ViewTransitionProps, type ViewTransitionInstance, Fragment, type FragmentProps, createPortal, type PortalDescriptor, createElement, cloneElement, isValidElement, isChildrenBlock, descriptorChildren, Children, type ElementDescriptor, type ComponentBody, type OctaneNode, TsrxErrorBoundary, __useStateWithGetter, __useLinkedStateWithGetter, __useReducerWithGetter, __createVoidRoot, __hydrateVoidRoot, __voidRootProps, bindRendererRegionOwner, EXTERNAL_HYDRATION_PROMISE, HYDRATION_RANGE_BOUNDARY, createHostContextRequest, __vtSeen, template, clone, drainFrag, bag0, bag1, bag2, bag3, bag4, bag5, bag6, bag7, bag8, bag9, bag10, bag11, bag12, bag13, bag14, bag15, bag16, bagOf, evt0, evt0u, evt1, evt1u, evt2, evt2u, evt1e, evt2e, evtN, evtNu, setEventHandler, devEventListener, devHtmlNesting, htext, htextSwap, textareaText, child, sibling, setText, setScriptText, setHTML, setDangerouslySetInnerHTML, setDangerouslySetInnerHTMLSources, markDangerouslySetInnerHTMLChildren, setAttribute, setStringData, setBooleanAttribute, setAriaAttribute, setClassName, setClassAttr, normalizeClass, isHydratingStyle, setStyle, setStyleProperty, setStyleProperties, setSpread, snapshotSpread, setHostPropSources, queueNativeChangeDiagnostic, queueFormAuthoringDiagnostic, markNativeChangeDiagnosticStatic, setFormAction, setValue, setFormControlSources, setChecked, setCheckedCheckable, setSelectValue, setDefaultValue, setDefaultValueUncontrolled, setDefaultChecked, setAutoFocus, attachRef, queueRefAttach, queueRefDetach, replaceRef, queueOwnRefDetach, injectStyle, headBlock, stylesheetResource, styleResource, scriptResource, namespaceHead, namespaceHeadElement, delegateEvents, delegateCaptureEvents, fastForBlock, fastKeyedForBlock, fastMapSlot, forBlock, keyedForBlock, mapSlot, ifBlock, errorBlock, tryBlock, switchBlock, activityBlock, componentSlot, componentSlotVoid, componentSlotLite, compilerCacheArray, compilerCacheImmutableArrayFilter, compilerCacheMappedArray, compilerCacheContext, compilerOwnsContextProvider, markSingleRoot, markWarm, markSingleRoot as __s, markChildrenBlock, createScopedValue, createScopedElement, childSlot, positionalChildren, textSlot, textHole, childTextHole, hostComponent, renderBlock, portal, hookSlots, withSlot, manualHook, invokeManualHook, useBatch, registerWarmPlan, seedOrCreate, warmMemo, warmChild, puMiss, puTake0, puTake1, puTake2, puTake3, puTake4, puPub, provideContext, mountFragmentRef, FragmentInstance, hmr, HMR, hasPendingWork, type Scope, type Block, drainPassiveEffects, setIsOctaneActEnvironment, resetFloatResourceState, setTransitionFallbackTimeout, getTransitionFallbackTimeout, } from './runtime.js';
+export { createRoot, hydrateRoot, flushSync, act, isInActScope, type Root, type RootContainer, type RootOptions, useState, useLinkedState, type LinkedStatePrevious, type LinkedStateOptions, useReducer, useEffect, useLayoutEffect, useLayoutSnapshot, useInsertionEffect, useMemo, useCallback, useRef, useLazyRef, useId, useImperativeHandle, useEffectEvent, useSyncExternalStore, useDeferredValue, useTransition, useActionState, useActionState as useFormState, useFormStatus, useOptimistic, useDebugValue, type FormStatus, startTransition, requestFormReset, memo, lazy, preload, preinit, preloadModule, preinitModule, preconnect, prefetchDNS, createContext, createCompiledContext, CompiledContext, CompiledOutlet, type CompiledComponent, use, useContext, type Context, type ForeignHostContext, Suspense, ErrorBoundary, Hydrate, __HydrateCompiled, Activity, Activity as unstable_Activity, ViewTransition, addTransitionType, ViewTransition as unstable_ViewTransition, addTransitionType as unstable_addTransitionType, ViewTransitionPseudoElement, type ViewTransitionProps, type ViewTransitionInstance, Fragment, type FragmentProps, createPortal, type PortalDescriptor, createElement, cloneElement, isValidElement, isChildrenBlock, descriptorChildren, Children, type ElementDescriptor, type ComponentBody, type OctaneNode, TsrxErrorBoundary, __useStateWithGetter, __useLinkedStateWithGetter, __useReducerWithGetter, __createVoidRoot, __hydrateVoidRoot, __voidRootProps, bindRendererRegionOwner, EXTERNAL_HYDRATION_PROMISE, HYDRATION_RANGE_BOUNDARY, createHostContextRequest, __vtSeen, template, clone, drainFrag, bag0, bag1, bag2, bag3, bag4, bag5, bag6, bag7, bag8, bag9, bag10, bag11, bag12, bag13, bag14, bag15, bag16, bagOf, evt0, evt0u, evt1, evt1u, evt2, evt2u, evt1e, evt2e, evtN, evtNu, setEventHandler, devEventListener, devHtmlNesting, htext, htextSwap, textareaText, child, sibling, setText, setScriptText, setHTML, setDangerouslySetInnerHTML, setDangerouslySetInnerHTMLSources, markDangerouslySetInnerHTMLChildren, setAttribute, setStringData, setBooleanAttribute, setAriaAttribute, setClassName, setClassAttr, normalizeClass, isHydratingStyle, setStyle, setStyleProperty, setStyleProperties, setSpread, snapshotSpread, setHostPropSources, queueNativeChangeDiagnostic, queueFormAuthoringDiagnostic, markNativeChangeDiagnosticStatic, setFormAction, setValue, setFormControlSources, setChecked, setCheckedCheckable, setSelectValue, setDefaultValue, setDefaultValueUncontrolled, setDefaultChecked, setAutoFocus, attachRef, queueRefAttach, queueRefDetach, replaceRef, queueOwnRefDetach, injectStyle, headBlock, stylesheetResource, styleResource, scriptResource, namespaceHead, namespaceHeadElement, delegateEvents, delegateCaptureEvents, fastForBlock, fastKeyedForBlock, fastMapSlot, forBlock, keyedForBlock, mapSlot, ifBlock, errorBlock, tryBlock, switchBlock, activityBlock, componentSlot, componentSlotVoid, componentSlotFromConfig, componentSlotLite, compilerCacheArray, compilerCacheImmutableArrayFilter, compilerCacheMappedArray, compilerCacheContext, compilerOwnsContextProvider, markSingleRoot, markWarm, markSingleRoot as __s, markChildrenBlock, createScopedValue, createScopedElement, childSlot, positionalChildren, textSlot, textHole, childTextHole, hostComponent, renderBlock, portal, hookSlots, withSlot, manualHook, invokeManualHook, useBatch, registerWarmPlan, seedOrCreate, warmMemo, warmChild, puMiss, puTake0, puTake1, puTake2, puTake3, puTake4, puPub, provideContext, mountFragmentRef, FragmentInstance, hmr, HMR, hasPendingWork, type Scope, type Block, drainPassiveEffects, setIsOctaneActEnvironment, resetFloatResourceState, setTransitionFallbackTimeout, getTransitionFallbackTimeout, } from './runtime.js';
 export type { HydrateOptions, HydrateProps, HydrateWhen, HydrationInteractionEvent, HydrationInteractionEvents, HydrationPrefetchContext, HydrationPrefetchFunction, HydrationPrefetchStrategy, HydrationPrefetchWaitReason, HydrationStrategy, HydrationWhen, } from './hydration/types.js';
 export { __serverRpc } from './server-rpc-client.js';
 export { ServerCallUncertainError } from './server-rpc-protocol.js';

package/dist/index.js

@@ -183,6 +183,7 @@ import {
   activityBlock,
   componentSlot,
   componentSlotVoid,
+  componentSlotFromConfig,
   componentSlotLite,
   compilerCacheArray,
   compilerCacheImmutableArrayFilter,
@@ -301,6 +302,7 @@ export {
   compilerCacheMappedArray,
   compilerOwnsContextProvider,
   componentSlot,
+  componentSlotFromConfig,
   componentSlotLite,
   componentSlotVoid,
   createCompiledContext,

package/dist/node/index.js

@@ -183,6 +183,7 @@ import {
   activityBlock,
   componentSlot,
   componentSlotVoid,
+  componentSlotFromConfig,
   componentSlotLite,
   compilerCacheArray,
   compilerCacheImmutableArrayFilter,
@@ -301,6 +302,7 @@ export {
   compilerCacheMappedArray,
   compilerOwnsContextProvider,
   componentSlot,
+  componentSlotFromConfig,
   componentSlotLite,
   componentSlotVoid,
   createCompiledContext,

package/dist/node/runtime.js

@@ -9746,14 +9746,25 @@ function createCompiledContext(defaultValue) {
 function CompiledContext(props, scope) {
   provideContext(scope, props.context, props.value);
   const children = props.children;
-  if (children == null) return;
+  if (children == null) {
+    const previous2 = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
+    if (previous2 !== void 0 && previous2 !== 2) {
+      resetScopeChildren(scope);
+      if (scope.block.disposed) return;
+      ensureHooks(scope).set(CHILDREN_DIALECT_SLOT, 2);
+    }
+    return;
+  }
   if (!isChildrenBlock(children)) {
     throw new TypeError(formatClientError(345));
   }
   const dialect = children[CHILDREN_BODY] ?? children;
   const previous = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
   if (previous !== dialect) {
-    if (previous !== void 0) {
+    if (previous === 2) {
+      resetScopeChildren(scope);
+      if (scope.block.disposed) return;
+    } else if (previous !== void 0) {
       invalidateSharedBodyOutput(scope);
       if (TRANSITION_JOURNAL !== null && !ROOT_RENDER_ROLLBACK) {
         const hooks = scope.hooks;
@@ -9784,7 +9795,7 @@ function renderClientContextProvider(context, props, renderScope) {
   const scope = renderScope;
   provideContext(scope, ctx, props.value);
   const children = props.children;
-  if (children != null) {
+  if (children != null || scope.hooks?.get(CHILDREN_DIALECT_SLOT) !== void 0) {
     const dialect = typeof children === "function" ? children[CHILDREN_BODY] ?? children : 2;
     const previous = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
     if (previous !== dialect) {
@@ -21634,6 +21645,31 @@ function componentSlotVoid(parentScope, slotKey, domParent, comp, props, invocat
     invocationSite
   );
 }
+function componentSlotFromConfig(parentScope, slotKey, domParent, comp, config, invocationSite, anchor) {
+  if (typeof comp === "function" && isRendererContext(comp)) {
+    registerClientRendererBridge(renderClientContextProvider, flushSync);
+  }
+  const key = hasElementConfigKey(config) ? "" + config.key : void 0;
+  const props = copyElementConfig(config);
+  applyElementDefaultProps(comp, props);
+  const body = comp === Fragment ? props.ref != null || hasOwnProp.call(props, "ref") ? renderFragmentRefDescriptor : renderFragmentConfig : comp;
+  componentSlot(
+    parentScope,
+    slotKey,
+    domParent,
+    body,
+    props,
+    invocationSite,
+    anchor,
+    false,
+    false,
+    key,
+    true
+  );
+}
+function renderFragmentConfig(props) {
+  return props.children;
+}
 function rejectCompiledReturn(_block, _out, reset) {
   if (reset !== true) {
     throw new TypeError(formatClientError(346));
@@ -21788,7 +21824,7 @@ function componentSlotImpl(outputHandler, parentScope, slotKey, domParent, body,
     registerSlot(parentScope, state);
   }
   const nextKey = key === void 0 ? NO_KEY : "" + key;
-  const keyChanged = key !== void 0 && state.prevKey !== NO_KEY && nextKey !== state.prevKey;
+  const keyChanged = nextKey !== state.prevKey;
   const replacing = identity !== state.currentComp || keyChanged;
   const journaledSlot = ROOT_RENDER_TRANSACTION !== null && state.block !== null && replacing;
   if (journaledSlot) {
@@ -32554,6 +32590,7 @@ export {
   compilerOpaqueTag,
   compilerOwnsContextProvider,
   componentSlot,
+  componentSlotFromConfig,
   componentSlotLite,
   componentSlotVoid,
   createCompiledContext,

package/dist/node/runtime.server.js

@@ -1375,34 +1375,16 @@ function ssrTextPre(v) {
   const s = ssrText(v);
   return s.charCodeAt(0) === 10 ? "\n" + s : s;
 }
-function ssrComponentDescriptor(d, scope, keyScoped) {
-  if (SCOPED_ELEMENT_PROPS.has(d.props)) {
-    return ssrComponent(
-      scope,
-      d.type,
-      d.props,
-      void 0,
-      d.key ?? void 0,
-      keyScoped,
-      d.__octaneInvocationSite
-    );
-  }
+function descriptorProps(d) {
+  if (SCOPED_ELEMENT_PROPS.has(d.props)) return d.props;
   const children = d.children;
-  if (children == null || children === d.props?.children) {
-    return ssrComponent(
-      scope,
-      d.type,
-      d.props,
-      void 0,
-      d.key ?? void 0,
-      keyScoped,
-      d.__octaneInvocationSite
-    );
-  }
+  return children == null || children === d.props?.children ? d.props : { ...d.props, children };
+}
+function ssrComponentDescriptor(d, scope, keyScoped) {
   return ssrComponent(
     scope,
     d.type,
-    { ...d.props, children },
+    descriptorProps(d),
     void 0,
     d.key ?? void 0,
     keyScoped,
@@ -3395,6 +3377,16 @@ function ssrComponentNS(parent, comp, props, namespace, inherit, key, invocation
     NEXT_COMPONENT_NAMESPACE = previous;
   }
 }
+function ssrComponentFromConfig(parent, comp, config, invocationSite, namespace = null) {
+  const key = hasElementConfigKey(config) ? "" + config.key : void 0;
+  const props = copyElementConfig(config);
+  applyElementDefaultProps(comp, props);
+  const body = comp === Fragment ? props.ref != null || hasOwnProp.call(props, "ref") ? renderFragmentRefDescriptor : renderFragmentConfig : comp;
+  return namespace === null ? ssrComponent(parent, body, props, false, key, void 0, invocationSite) : ssrComponentNS(parent, body, props, namespace, false, key, invocationSite);
+}
+function renderFragmentConfig(props, scope) {
+  return ssrHtml(ssrChild(props.children, scope));
+}
 function ssrInNamespace(namespace, render) {
   const frame = FRAME;
   if (frame === null) return render();
@@ -5210,6 +5202,10 @@ function spliceHead(body, head, documentRoot = isDocumentRoot(body)) {
 function renderEntryValue(props, scope) {
   return ssrHtml(ssrChild(props.value, scope));
 }
+function renderEntry(entry, props, options) {
+  if (typeof entry === "function") return [entry, props, options];
+  return isElementDescriptor(entry) && typeof entry.type === "function" ? [entry.type, descriptorProps(entry), options ?? props] : [renderEntryValue, { value: entry }, options ?? props];
+}
 const MAX_SUSPENSE_PASSES = 50;
 let SUSPENSE_TIMEOUT_MS = 1e4;
 function setSsrSuspenseTimeout(ms) {
@@ -6063,11 +6059,8 @@ function insertBufferedInjection(pass, injection) {
   pass.body = tailStart === -1 ? pass.body + injection : pass.body.slice(0, tailStart) + injection + pass.body.slice(tailStart);
 }
 async function prerender(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   const preparedOptions = needsAutomaticSignalInjection(options) ? await prepareAutomaticSignalInjection(options) : options;
   const injection = preparedOptions?.injection;
   const cancelRender = injection === void 0 ? void 0 : new AbortController();
@@ -6198,11 +6191,8 @@ function renderHostedAttempt(session, component, props, options) {
   return { status: "complete", html: body, head: pass.head, cssEntries: pass.cssEntries };
 }
 function renderToString(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   options?.signal?.throwIfAborted();
   const nonceAttr = nonceAttrOf(options);
   const resolved = newResolvedMap(options ?? null);
@@ -6228,11 +6218,8 @@ function renderToString(entryComponent, props, options) {
   );
 }
 function renderToStaticMarkup(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   options?.signal?.throwIfAborted();
   const nonceAttr = nonceAttrOf(options);
   const resolved = newResolvedMap(options ?? null);
@@ -7580,11 +7567,8 @@ async function runStream(component, props, options, sink, resolved, cancelInject
   sink.allReady();
 }
 function renderToPipeableStream(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   const controller = new AbortController();
   let removeOuterAbort;
   if (options?.signal) {
@@ -7828,11 +7812,8 @@ function renderToPipeableStream(entryComponent, props, options) {
   };
 }
 function renderToReadableStream(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   if (needsAutomaticSignalInjection(options)) {
     return prepareAutomaticSignalInjection(options).then(
       (prepared) => renderToReadableStream(component, props, prepared)
@@ -8423,6 +8404,7 @@ export {
   ssrChildrenSources,
   ssrClass,
   ssrComponent,
+  ssrComponentFromConfig,
   ssrComponentNS,
   ssrControl,
   ssrElement,

package/dist/node/server/index.js

@@ -152,6 +152,7 @@ import {
   ssrElement,
   ssrComponent,
   ssrComponentNS,
+  ssrComponentFromConfig,
   ssrInNamespace,
   ssrBlock,
   ssrFragmentMarker,
@@ -267,6 +268,7 @@ export {
   ssrChildrenSources,
   ssrClass,
   ssrComponent,
+  ssrComponentFromConfig,
   ssrComponentNS,
   ssrControl,
   ssrElement,

package/dist/node/signals/seed-serialization.js

@@ -40,7 +40,8 @@ function serializeScopeRead(root, read) {
   const scope = root.owner;
   if (!scope.seedable) return [];
   const rootEntry = scopeSeedEntry(scope, root, read);
-  if (!rootEntry) return void 0;
+  if (!rootEntry)
+    return read === "snapshot" && root.state?.snapshot.status !== "ready" ? [] : void 0;
   const owners = /* @__PURE__ */ new Map();
   const keys = /* @__PURE__ */ new Map();
   const seen = /* @__PURE__ */ new Set();

package/dist/node/version.js

@@ -1,4 +1,4 @@
-const version = "0.13.7";
+const version = "0.13.8";
 export {
   version
 };

package/dist/runtime.d.ts

@@ -3099,6 +3099,8 @@ export declare const Children: {
 export declare function componentSlot(parentScope: Scope, slotKey: number, domParent: Node, comp: ComponentBody | string, props: any, invocationSite?: string, anchor?: Node | null, singleRoot?: boolean | 2, inherit?: boolean, key?: any, hasKey?: boolean): void;
 /** Compiler-proven `@{}` component call site: the body has no value return. */
 export declare function componentSlotVoid(parentScope: Scope, slotKey: number, domParent: Node, comp: ComponentBody | string, props: any, invocationSite?: string, anchor?: Node | null, singleRoot?: boolean | 2, inherit?: boolean, key?: any, hasKey?: boolean): void;
+/** Compiler-owned ordered JSX config, without an intermediate element record. */
+export declare function componentSlotFromConfig(parentScope: Scope, slotKey: number, domParent: Node, comp: ComponentBody | string | typeof Fragment, config: any, invocationSite?: string, anchor?: Node | null): void;
 /**
  * Render a dynamically selected compiled component under the current owner.
  * Use an ordinary dynamic JSX tag when the body can return a renderable.

package/dist/runtime.js

@@ -9745,14 +9745,25 @@ function createCompiledContext(defaultValue) {
 function CompiledContext(props, scope) {
   provideContext(scope, props.context, props.value);
   const children = props.children;
-  if (children == null) return;
+  if (children == null) {
+    const previous2 = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
+    if (previous2 !== void 0 && previous2 !== 2) {
+      resetScopeChildren(scope);
+      if (scope.block.disposed) return;
+      ensureHooks(scope).set(CHILDREN_DIALECT_SLOT, 2);
+    }
+    return;
+  }
   if (!isChildrenBlock(children)) {
     throw new TypeError(formatClientError(345));
   }
   const dialect = children[CHILDREN_BODY] ?? children;
   const previous = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
   if (previous !== dialect) {
-    if (previous !== void 0) {
+    if (previous === 2) {
+      resetScopeChildren(scope);
+      if (scope.block.disposed) return;
+    } else if (previous !== void 0) {
       invalidateSharedBodyOutput(scope);
       if (TRANSITION_JOURNAL !== null && !ROOT_RENDER_ROLLBACK) {
         const hooks = scope.hooks;
@@ -9783,7 +9794,7 @@ function renderClientContextProvider(context, props, renderScope) {
   const scope = renderScope;
   provideContext(scope, ctx, props.value);
   const children = props.children;
-  if (children != null) {
+  if (children != null || scope.hooks?.get(CHILDREN_DIALECT_SLOT) !== void 0) {
     const dialect = typeof children === "function" ? children[CHILDREN_BODY] ?? children : 2;
     const previous = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
     if (previous !== dialect) {
@@ -21633,6 +21644,31 @@ function componentSlotVoid(parentScope, slotKey, domParent, comp, props, invocat
     invocationSite
   );
 }
+function componentSlotFromConfig(parentScope, slotKey, domParent, comp, config, invocationSite, anchor) {
+  if (typeof comp === "function" && isRendererContext(comp)) {
+    registerClientRendererBridge(renderClientContextProvider, flushSync);
+  }
+  const key = hasElementConfigKey(config) ? "" + config.key : void 0;
+  const props = copyElementConfig(config);
+  applyElementDefaultProps(comp, props);
+  const body = comp === Fragment ? props.ref != null || hasOwnProp.call(props, "ref") ? renderFragmentRefDescriptor : renderFragmentConfig : comp;
+  componentSlot(
+    parentScope,
+    slotKey,
+    domParent,
+    body,
+    props,
+    invocationSite,
+    anchor,
+    false,
+    false,
+    key,
+    true
+  );
+}
+function renderFragmentConfig(props) {
+  return props.children;
+}
 function rejectCompiledReturn(_block, _out, reset) {
   if (reset !== true) {
     throw new TypeError(formatClientError(346));
@@ -21787,7 +21823,7 @@ function componentSlotImpl(outputHandler, parentScope, slotKey, domParent, body,
     registerSlot(parentScope, state);
   }
   const nextKey = key === void 0 ? NO_KEY : "" + key;
-  const keyChanged = key !== void 0 && state.prevKey !== NO_KEY && nextKey !== state.prevKey;
+  const keyChanged = nextKey !== state.prevKey;
   const replacing = identity !== state.currentComp || keyChanged;
   const journaledSlot = ROOT_RENDER_TRANSACTION !== null && state.block !== null && replacing;
   if (journaledSlot) {
@@ -32553,6 +32589,7 @@ export {
   compilerOpaqueTag,
   compilerOwnsContextProvider,
   componentSlot,
+  componentSlotFromConfig,
   componentSlotLite,
   componentSlotVoid,
   createCompiledContext,

package/dist/runtime.server.d.ts

@@ -436,6 +436,8 @@ interface ServerOpaqueSignalKeys {
 export declare function ssrComponent(parent: SSRScope, comp: ServerComponent | string | typeof Activity, props: any, inherit?: boolean, key?: unknown, identityScoped?: boolean | 'key', invocationSite?: string, bindingMarker?: string, compiledOnly?: true): string;
 /** Compiler ABI for a component call whose output is parsed in foreign content. */
 export declare function ssrComponentNS(parent: SSRScope, comp: ServerComponent | string | typeof Activity, props: any, namespace: 'html' | 'svg' | 'mathml', inherit?: boolean, key?: unknown, invocationSite?: string, bindingMarker?: string): string;
+/** Server counterpart of componentSlotFromConfig's ordered config boundary. */
+export declare function ssrComponentFromConfig(parent: SSRScope, comp: ServerComponent | string | typeof Fragment | typeof Activity, config: any, invocationSite: string, namespace?: 'html' | 'svg' | 'mathml' | null): string;
 /** Run a renderable hole under a lexically proven parser namespace. */
 export declare function ssrInNamespace(namespace: 'html' | 'svg' | 'mathml', render: () => string): string;
 export declare const Hydrate: ServerComponent;

package/dist/runtime.server.js

@@ -1374,34 +1374,16 @@ function ssrTextPre(v) {
   const s = ssrText(v);
   return s.charCodeAt(0) === 10 ? "\n" + s : s;
 }
-function ssrComponentDescriptor(d, scope, keyScoped) {
-  if (SCOPED_ELEMENT_PROPS.has(d.props)) {
-    return ssrComponent(
-      scope,
-      d.type,
-      d.props,
-      void 0,
-      d.key ?? void 0,
-      keyScoped,
-      d.__octaneInvocationSite
-    );
-  }
+function descriptorProps(d) {
+  if (SCOPED_ELEMENT_PROPS.has(d.props)) return d.props;
   const children = d.children;
-  if (children == null || children === d.props?.children) {
-    return ssrComponent(
-      scope,
-      d.type,
-      d.props,
-      void 0,
-      d.key ?? void 0,
-      keyScoped,
-      d.__octaneInvocationSite
-    );
-  }
+  return children == null || children === d.props?.children ? d.props : { ...d.props, children };
+}
+function ssrComponentDescriptor(d, scope, keyScoped) {
   return ssrComponent(
     scope,
     d.type,
-    { ...d.props, children },
+    descriptorProps(d),
     void 0,
     d.key ?? void 0,
     keyScoped,
@@ -3394,6 +3376,16 @@ function ssrComponentNS(parent, comp, props, namespace, inherit, key, invocation
     NEXT_COMPONENT_NAMESPACE = previous;
   }
 }
+function ssrComponentFromConfig(parent, comp, config, invocationSite, namespace = null) {
+  const key = hasElementConfigKey(config) ? "" + config.key : void 0;
+  const props = copyElementConfig(config);
+  applyElementDefaultProps(comp, props);
+  const body = comp === Fragment ? props.ref != null || hasOwnProp.call(props, "ref") ? renderFragmentRefDescriptor : renderFragmentConfig : comp;
+  return namespace === null ? ssrComponent(parent, body, props, false, key, void 0, invocationSite) : ssrComponentNS(parent, body, props, namespace, false, key, invocationSite);
+}
+function renderFragmentConfig(props, scope) {
+  return ssrHtml(ssrChild(props.children, scope));
+}
 function ssrInNamespace(namespace, render) {
   const frame = FRAME;
   if (frame === null) return render();
@@ -5209,6 +5201,10 @@ function spliceHead(body, head, documentRoot = isDocumentRoot(body)) {
 function renderEntryValue(props, scope) {
   return ssrHtml(ssrChild(props.value, scope));
 }
+function renderEntry(entry, props, options) {
+  if (typeof entry === "function") return [entry, props, options];
+  return isElementDescriptor(entry) && typeof entry.type === "function" ? [entry.type, descriptorProps(entry), options ?? props] : [renderEntryValue, { value: entry }, options ?? props];
+}
 const MAX_SUSPENSE_PASSES = 50;
 let SUSPENSE_TIMEOUT_MS = 1e4;
 function setSsrSuspenseTimeout(ms) {
@@ -6062,11 +6058,8 @@ function insertBufferedInjection(pass, injection) {
   pass.body = tailStart === -1 ? pass.body + injection : pass.body.slice(0, tailStart) + injection + pass.body.slice(tailStart);
 }
 async function prerender(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   const preparedOptions = needsAutomaticSignalInjection(options) ? await prepareAutomaticSignalInjection(options) : options;
   const injection = preparedOptions?.injection;
   const cancelRender = injection === void 0 ? void 0 : new AbortController();
@@ -6197,11 +6190,8 @@ function renderHostedAttempt(session, component, props, options) {
   return { status: "complete", html: body, head: pass.head, cssEntries: pass.cssEntries };
 }
 function renderToString(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   options?.signal?.throwIfAborted();
   const nonceAttr = nonceAttrOf(options);
   const resolved = newResolvedMap(options ?? null);
@@ -6227,11 +6217,8 @@ function renderToString(entryComponent, props, options) {
   );
 }
 function renderToStaticMarkup(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   options?.signal?.throwIfAborted();
   const nonceAttr = nonceAttrOf(options);
   const resolved = newResolvedMap(options ?? null);
@@ -7579,11 +7566,8 @@ async function runStream(component, props, options, sink, resolved, cancelInject
   sink.allReady();
 }
 function renderToPipeableStream(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   const controller = new AbortController();
   let removeOuterAbort;
   if (options?.signal) {
@@ -7827,11 +7811,8 @@ function renderToPipeableStream(entryComponent, props, options) {
   };
 }
 function renderToReadableStream(entryComponent, props, options) {
-  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
-  if (typeof entryComponent !== "function") {
-    options ??= props;
-    props = { value: entryComponent };
-  }
+  let component;
+  [component, props, options] = renderEntry(entryComponent, props, options);
   if (needsAutomaticSignalInjection(options)) {
     return prepareAutomaticSignalInjection(options).then(
       (prepared) => renderToReadableStream(component, props, prepared)
@@ -8422,6 +8403,7 @@ export {
   ssrChildrenSources,
   ssrClass,
   ssrComponent,
+  ssrComponentFromConfig,
   ssrComponentNS,
   ssrControl,
   ssrElement,

package/dist/server/index.d.ts

@@ -37,4 +37,4 @@ export { version } from '../version.js';
 export { StrictMode, unstable_batchedUpdates } from '../compatibility.js';
 export { createSubSlot, subSlot, type SubSlot, type SlotlessSubSlot, type SubSlotOptions, } from '../sub-slot.js';
 export { __methodDep } from '../method-dep.js';
-export { renderToString, renderToStaticMarkup, renderToPipeableStream, renderToReadableStream, type RenderResult, type NativeSignalManifest, type NativeSignalReference, type RenderOptions, type ServerRenderNode, type ShellWitness, type StreamOptions, type StreamInjectionSource, setSsrSuspenseTimeout, getSsrSuspenseTimeout, EXTERNAL_HYDRATION_PROMISE, HYDRATION_RANGE_BOUNDARY, useState, useLinkedState, useReducer, __useStateWithGetter, __useLinkedStateWithGetter, __useReducerWithGetter, type LinkedStatePrevious, type LinkedStateOptions, useEffect, useLayoutEffect, useLayoutSnapshot, useInsertionEffect, useImperativeHandle, useMemo, useCallback, useRef, useLazyRef, useId, useEffectEvent, useTransition, useDeferredValue, useSyncExternalStore, useActionState, useActionState as useFormState, useFormStatus, useOptimistic, useDebugValue, memo, lazy, hookSlots, withSlot, manualHook, invokeManualHook, startTransition, flushSync, isChildrenBlock, isValidElement, cloneElement, Children, createPortal, requestFormReset, preload, preinit, preloadModule, preinitModule, preconnect, prefetchDNS, Suspense, ErrorBoundary, Hydrate, Fragment, Activity, Activity as unstable_Activity, ViewTransition, ViewTransition as unstable_ViewTransition, addTransitionType, addTransitionType as unstable_addTransitionType, createContext, createCompiledContext, CompiledContext, CompiledOutlet, use, useContext, ssrIsSuspense, type Context, type FormStatus, markChildrenBlock, markWarm, ssrHtml, ssrChildTextPre, ssrTextareaText, ssrChildPre, descriptorChildren, createElement, createScopedValue, createScopedElement, positionalChildren, escapeHtml, escapeAttr, ssrText, ssrTextPre, ssrTextSlot, ssrNestingText, ssrChild, ssrChildText, ssrAttr, normalizeClass, ssrStyle, ssrClass, ssrAttrs, ssrSignalValue, ssrSignalControlValue, ssrSignalControlAttrs, ssrSnapshotSpread, enableServerSignalBindings, ssrSpread, ssrInnerHtml, ssrScriptInnerHtml, ssrChildrenSources, ssrSpreadContent, ssrVoidContent, ssrValueAttr, ssrCheckedAttr, ssrInputAttrs, ssrFormAuthoringDiagnostics, ssrTextareaValue, ssrTextareaValueSources, ssrSelectAttrs, ssrSelectScope, ssrSelectScopeSources, ssrOptionValueSources, ssrOption, ssrElement, ssrComponent, ssrComponentNS, ssrInNamespace, ssrBlock, ssrFragmentMarker, ssrActivity, ssrForBlock, mapSlot, ssrControl, ssrArm, ssrForItem, ssrTry, ssrPortal, injectStyle, ssrHeadEl, styleMap, touchStyleMap, ssrStylesheetResource, ssrStyleResource, ssrScriptResource, namespaceHead, namespaceHeadElement, puMemo, puBatch, warmMemo, warmChild, } from '../runtime.server.js';
+export { renderToString, renderToStaticMarkup, renderToPipeableStream, renderToReadableStream, type RenderResult, type NativeSignalManifest, type NativeSignalReference, type RenderOptions, type ServerRenderNode, type ShellWitness, type StreamOptions, type StreamInjectionSource, setSsrSuspenseTimeout, getSsrSuspenseTimeout, EXTERNAL_HYDRATION_PROMISE, HYDRATION_RANGE_BOUNDARY, useState, useLinkedState, useReducer, __useStateWithGetter, __useLinkedStateWithGetter, __useReducerWithGetter, type LinkedStatePrevious, type LinkedStateOptions, useEffect, useLayoutEffect, useLayoutSnapshot, useInsertionEffect, useImperativeHandle, useMemo, useCallback, useRef, useLazyRef, useId, useEffectEvent, useTransition, useDeferredValue, useSyncExternalStore, useActionState, useActionState as useFormState, useFormStatus, useOptimistic, useDebugValue, memo, lazy, hookSlots, withSlot, manualHook, invokeManualHook, startTransition, flushSync, isChildrenBlock, isValidElement, cloneElement, Children, createPortal, requestFormReset, preload, preinit, preloadModule, preinitModule, preconnect, prefetchDNS, Suspense, ErrorBoundary, Hydrate, Fragment, Activity, Activity as unstable_Activity, ViewTransition, ViewTransition as unstable_ViewTransition, addTransitionType, addTransitionType as unstable_addTransitionType, createContext, createCompiledContext, CompiledContext, CompiledOutlet, use, useContext, ssrIsSuspense, type Context, type FormStatus, markChildrenBlock, markWarm, ssrHtml, ssrChildTextPre, ssrTextareaText, ssrChildPre, descriptorChildren, createElement, createScopedValue, createScopedElement, positionalChildren, escapeHtml, escapeAttr, ssrText, ssrTextPre, ssrTextSlot, ssrNestingText, ssrChild, ssrChildText, ssrAttr, normalizeClass, ssrStyle, ssrClass, ssrAttrs, ssrSignalValue, ssrSignalControlValue, ssrSignalControlAttrs, ssrSnapshotSpread, enableServerSignalBindings, ssrSpread, ssrInnerHtml, ssrScriptInnerHtml, ssrChildrenSources, ssrSpreadContent, ssrVoidContent, ssrValueAttr, ssrCheckedAttr, ssrInputAttrs, ssrFormAuthoringDiagnostics, ssrTextareaValue, ssrTextareaValueSources, ssrSelectAttrs, ssrSelectScope, ssrSelectScopeSources, ssrOptionValueSources, ssrOption, ssrElement, ssrComponent, ssrComponentNS, ssrComponentFromConfig, ssrInNamespace, ssrBlock, ssrFragmentMarker, ssrActivity, ssrForBlock, mapSlot, ssrControl, ssrArm, ssrForItem, ssrTry, ssrPortal, injectStyle, ssrHeadEl, styleMap, touchStyleMap, ssrStylesheetResource, ssrStyleResource, ssrScriptResource, namespaceHead, namespaceHeadElement, puMemo, puBatch, warmMemo, warmChild, } from '../runtime.server.js';

package/dist/server/index.js

@@ -152,6 +152,7 @@ import {
   ssrElement,
   ssrComponent,
   ssrComponentNS,
+  ssrComponentFromConfig,
   ssrInNamespace,
   ssrBlock,
   ssrFragmentMarker,
@@ -267,6 +268,7 @@ export {
   ssrChildrenSources,
   ssrClass,
   ssrComponent,
+  ssrComponentFromConfig,
   ssrComponentNS,
   ssrControl,
   ssrElement,

package/dist/signals/seed-serialization.js

@@ -39,7 +39,8 @@ function serializeScopeRead(root, read) {
   const scope = root.owner;
   if (!scope.seedable) return [];
   const rootEntry = scopeSeedEntry(scope, root, read);
-  if (!rootEntry) return void 0;
+  if (!rootEntry)
+    return read === "snapshot" && root.state?.snapshot.status !== "ready" ? [] : void 0;
   const owners = /* @__PURE__ */ new Map();
   const keys = /* @__PURE__ */ new Map();
   const seen = /* @__PURE__ */ new Set();

package/dist/version.js

@@ -1,4 +1,4 @@
-const version = "0.13.7";
+const version = "0.13.8";
 export {
   version
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "octane",
-  "version": "0.13.7",
+  "version": "0.13.8",
   "license": "MIT",
   "type": "module",
   "sideEffects": [