octane 0.2.13 → 0.2.14

package/dist/compiler/dom-bindings.js

@@ -248,7 +248,7 @@ function importedProjectionCall(node, imports, lexical, parameterScope) {
 	const callee = unwrap(node?.callee);
 	let importedRoot = callee;
 	while (importedRoot?.type === 'MemberExpression' && !importedRoot.computed)
-		importedRoot = importedRoot.object;
+		importedRoot = unwrap(importedRoot.object);
 	const namespace =
 		importedRoot !== callee &&
 		importedRoot?.type === 'Identifier' &&
@@ -695,6 +695,8 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 	const signalIndices = [];
 	const styleIndices = [];
 	const projectionGroups = [];
+	const providerBindings = new Set();
+	const unboundAttributes = new Set();
 	const classAttributes = new Map();
 	const id = `d:${strongHash(`octane:dom-bindings:2\0${filename}\0${fn.id.name}\0${source}`)}`;
 	const parameterScope = lexical.nodeScopes.get(fn.body) ?? lexical.rootScope;
@@ -702,14 +704,15 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 	let addressed = false;
 	const markUnbound = (expression, opaque = false) => {
 		const value = unwrap(expression);
+		const callee = unwrap(value?.callee);
 		const external =
-			value?.type === 'CallExpression' && value.callee.type === 'Identifier'
-				? imports.get(value.callee.name)
+			value?.type === 'CallExpression' && callee?.type === 'Identifier'
+				? imports.get(callee.name)
 				: null;
 		if (
 			external?.source !== 'octane/behavior' ||
 			external.imported !== 'unbound' ||
-			lexical.resolveBinding(lexical.nodeScopes.get(value.callee), value.callee.name)?.scope !==
+			lexical.resolveBinding(lexical.nodeScopes.get(callee), callee.name)?.scope !==
 				lexical.rootScope
 		)
 			return false;
@@ -918,7 +921,9 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 		const externalNames = new Set();
 		const knownFields = new Set();
 		for (const attr of element.openingElement?.attributes ?? element.attributes ?? []) {
-			if (attr._octaneKnownAttributeSpread) {
+			// A provider proves normal-renderer fields, not early ownership. External
+			// spreads retain the ordinary unbound checks and are stripped below.
+			if (attr._octaneKnownAttributeSpread && !attr._octaneKnownAttributeSpread.unbound) {
 				const argument = attr.argument ?? attr.value.expression;
 				// The compiler verified the exact imported factory against its
 				// provider contract. Its arguments still need the ordinary proof.
@@ -956,6 +961,7 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 						if (!group) signalIndices.push(bindings.length);
 						bindings.push([index, bindingKind(tag, name), name]);
 					}
+					providerBindings.add(bindings.length - 1);
 					values.push(
 						group
 							? inheritHookMemoOrigin(
@@ -979,26 +985,31 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 					error(filename, attr, 'binding attribute spreads must be explicitly unbound');
 				if (bindings.some((binding) => binding[0] === index))
 					error(filename, attr, 'unbound attribute spreads must precede owned binding attributes');
+				const addExternalName = (raw, node) => {
+					const name = (
+						raw === 'className' ? 'class' : (ATTRIBUTE_ALIASES.get(raw) ?? raw)
+					).toLowerCase();
+					if (
+						FORBIDDEN_ATTRS.has(name) ||
+						name.startsWith('on') ||
+						name.startsWith('data-octane-class-')
+					)
+						error(
+							filename,
+							node,
+							`unbound spreads cannot supply reserved or structural attribute ${JSON.stringify(raw)}`,
+						);
+					externalNames.add(name);
+				};
 				const external = unwrap(unwrap(attr.argument).arguments[0]);
-				if (external?.type === 'ObjectExpression') {
+				if (attr._octaneKnownAttributeSpread) {
+					for (const raw of attr._octaneKnownAttributeSpread.fields) addExternalName(raw, attr);
+				} else if (external?.type === 'ObjectExpression') {
 					for (const property of external.properties) {
 						if (property.type !== 'Property' || property.computed) continue;
 						const raw = property.key.name ?? property.key.value;
 						if (typeof raw !== 'string') continue;
-						const name = (
-							raw === 'className' ? 'class' : (ATTRIBUTE_ALIASES.get(raw) ?? raw)
-						).toLowerCase();
-						if (
-							FORBIDDEN_ATTRS.has(name) ||
-							name.startsWith('on') ||
-							name.startsWith('data-octane-class-')
-						)
-							error(
-								filename,
-								property,
-								`unbound spreads cannot supply reserved or structural attribute ${JSON.stringify(raw)}`,
-							);
-						externalNames.add(name);
+						addExternalName(raw, property);
 					}
 				}
 				continue;
@@ -1022,6 +1033,16 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 				nodes[index][3] = null;
 				continue;
 			}
+			const value =
+				attr.value === null
+					? b.literal(true)
+					: unwrap(
+							attr.value?.type === 'JSXExpressionContainer' ? attr.value.expression : attr.value,
+						);
+			if ((lower === 'ref' || /^on[A-Z]/.test(raw)) && markUnbound(value)) {
+				unboundAttributes.add(lower);
+				continue;
+			}
 			if (
 				!/^[A-Za-z_][A-Za-z0-9_.:-]*$/.test(name) ||
 				lower.startsWith('on') ||
@@ -1030,13 +1051,10 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 			) {
 				error(filename, attr, `attribute ${JSON.stringify(raw)} is not supported in binding views`);
 			}
-			const value =
-				attr.value === null
-					? b.literal(true)
-					: unwrap(
-							attr.value?.type === 'JSXExpressionContainer' ? attr.value.expression : attr.value,
-						);
-			if (markUnbound(value)) continue;
+			if (markUnbound(value)) {
+				unboundAttributes.add(lower);
+				continue;
+			}
 			if (value?.type !== 'Literal' && externalNames.has(lower))
 				error(
 					filename,
@@ -1144,6 +1162,28 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 		}
 	};
 	visit(render, -1, native?.namespace ?? 0, native?.ancestors ?? []);
+	// Opaque descendants are outside this receipt. Only a scalar native host's
+	// declared presentation channels can transfer independently of those children.
+	const hostHandoff =
+		nodes.length === 1 &&
+		nodes[0][3] === null &&
+		!addressed &&
+		!['textarea', 'input', 'select'].includes(nodes[0][1]) &&
+		bindings.length > 0 &&
+		bindings.every(
+			(binding, index) =>
+				binding[0] === 0 &&
+				(['class', 'styleProperty', 'styleAttribute', 'styleObject'].includes(binding[1]) ||
+					providerBindings.has(index)),
+		) &&
+		[...(render.openingElement?.attributes ?? render.attributes ?? [])].every(
+			(attr) =>
+				!['JSXSpreadAttribute', 'SpreadAttribute'].includes(attr.type) ||
+				(attr._octaneKnownAttributeSpread && !attr._octaneKnownAttributeSpread.unbound),
+		) &&
+		!(render.openingElement?.attributes ?? render.attributes ?? []).some(
+			(attr) => attrName(attr)?.toLowerCase() === 'dangerouslysetinnerhtml',
+		);
 	return {
 		fn,
 		render,
@@ -1159,6 +1199,8 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 		unbound,
 		classAttributes,
 		id,
+		hostHandoff,
+		unboundAttributes,
 	};
 }
 
@@ -1181,6 +1223,7 @@ function scalarProperties(
 		b.prop('init', b.id('nodes'), literalData(plan.nodes)),
 		b.prop('init', b.id('bindings'), literalData(plan.bindings)),
 		b.prop('init', b.id('project'), project),
+		...(plan.hostHandoff ? [b.prop('init', b.id('handoff'), b.literal('host'))] : []),
 		...(plan.signalIndices.length
 			? [
 					b.prop('init', b.id('signalIndices'), literalData(plan.signalIndices)),
@@ -1876,12 +1919,13 @@ export function prepareDomBindings(ast, source, filename, selectedExport, helper
 		: new Map();
 	const isUnbound = (expression) => {
 		const value = unwrap(expression);
-		if (value?.type !== 'CallExpression' || value.callee.type !== 'Identifier') return false;
-		const imported = imports.get(value.callee.name);
+		const callee = unwrap(value?.callee);
+		if (value?.type !== 'CallExpression' || callee?.type !== 'Identifier') return false;
+		const imported = imports.get(callee.name);
 		return (
 			imported?.source === 'octane/behavior' &&
 			imported.imported === 'unbound' &&
-			lexical.resolveBinding(lexical.nodeScopes.get(value.callee), value.callee.name)?.scope ===
+			lexical.resolveBinding(lexical.nodeScopes.get(callee), callee.name)?.scope ===
 				lexical.rootScope
 		);
 	};
@@ -2132,6 +2176,9 @@ export function prepareDomBindings(ast, source, filename, selectedExport, helper
 			_octanePresentationHydration: {
 				id: plan.id,
 				supported: fixedPresentation || structuralPresentation,
+				...(field('nodes').elements.some((node) => node.elements[5]?.value === 'value')
+					? { nativeControl: true }
+					: {}),
 				...(structuralPresentation || conditionalRest ? { structural: true } : {}),
 				...(conditionalRest ? { conditionalRest: true } : {}),
 			},
@@ -2207,6 +2254,16 @@ export function prepareDomBindings(ast, source, filename, selectedExport, helper
 			);
 		}
 		for (const [node, replacement] of rewritten) replacements.set(node, replacement);
+		if (plan.hostHandoff)
+			replacements.set(node, {
+				...mapCow(node, rewritten),
+				_octanePresentationHydration: {
+					id: plan.id,
+					supported: true,
+					host: true,
+					unboundAttributes: plan.unboundAttributes,
+				},
+			});
 	});
 	if (selectedExport !== null) {
 		const plan = plans.get(selectedExport);

package/dist/compiler/volar.js

@@ -31829,11 +31829,10 @@ var OCTANE_PLATFORM = {
   }
 };
 var octaneTransform = createJsxTransform(OCTANE_PLATFORM);
-function projectNativeAttributeReads(ast, contracts) {
+function projectNativeDomReads(ast, contracts) {
   const attributes = new Set(
     contracts?.flatMap((contract) => contract.jsxAttribute ? [contract.jsxAttribute] : [])
   );
-  if (attributes.size === 0) return ast;
   const names = /* @__PURE__ */ new Set();
   const walk2 = (node, replace) => {
     if (!node || typeof node !== "object") return node;
@@ -31858,20 +31857,54 @@ function projectNativeAttributeReads(ast, contracts) {
   let helper = "__octane_nativeAttributeValue";
   while (names.has(helper)) helper += "_";
   let used = false;
+  const read = (value) => {
+    used = true;
+    return inheritHookMemoOrigin(builders_exports.call(builders_exports.id(helper), value), value);
+  };
+  const projectText = (node) => {
+    if (!node) return node;
+    if (["TSAsExpression", "TSTypeAssertion", "TSSatisfiesExpression"].includes(node.type) && node.typeAnnotation?.type === "TSStringKeyword") {
+      used = true;
+      const expression = projectText(node.expression);
+      return {
+        ...node,
+        expression: expression === node.expression ? builders_exports.call(builders_exports.id(helper), expression) : expression
+      };
+    }
+    if ([
+      "TSAsExpression",
+      "TSTypeAssertion",
+      "TSNonNullExpression",
+      "TSSatisfiesExpression",
+      "TSInstantiationExpression",
+      "ParenthesizedExpression"
+    ].includes(node.type)) {
+      const expression = projectText(node.expression);
+      return expression === node.expression ? node : { ...node, expression };
+    }
+    return node;
+  };
   const projected = walk2(ast, (node) => {
-    if (node.type !== "JSXOpeningElement" && node.type !== "Element") return null;
+    if (["JSXElement", "JSXFragment", "Element", "Fragment"].includes(node.type)) {
+      node = {
+        ...node,
+        children: node.children.map((child) => {
+          if (child.type !== "JSXExpressionContainer") return child;
+          const expression = projectText(child.expression);
+          return expression === child.expression ? child : { ...child, expression };
+        })
+      };
+    }
+    if (node.type !== "JSXOpeningElement" && node.type !== "Element") return node;
     const name = node.type === "Element" ? node.id : node.name;
     if (name?.type !== "JSXIdentifier" && name?.type !== "Identifier" || typeof name.name !== "string" || name.name[0] !== name.name[0].toLowerCase())
-      return null;
+      return node;
     return {
       ...node,
       attributes: node.attributes.map((attribute) => {
         if (!attributes.has(attribute.name?.name ?? attribute.name) || attribute.value?.type !== "JSXExpressionContainer")
           return attribute;
-        const result = lowerNativeAttributeReads(attribute.value.expression, (value) => {
-          used = true;
-          return inheritHookMemoOrigin(builders_exports.call(builders_exports.id(helper), value), value);
-        });
+        const result = lowerNativeAttributeReads(attribute.value.expression, read);
         return { ...attribute, value: { ...attribute.value, expression: result.expression } };
       })
     };
@@ -32099,7 +32132,7 @@ function compileToVolarMappings(source, filename, options) {
   const transform = selectOctaneTransform(ast);
   const transformed = transform(
     projectServerContextCalls(
-      renderer.target === "dom" ? projectNativeAttributeReads(transformAst, options?.knownAttributeSpreads) : transformAst,
+      renderer.target === "dom" ? projectNativeDomReads(transformAst, options?.knownAttributeSpreads) : transformAst,
       filename
     ),
     source,
@@ -32251,14 +32284,22 @@ function compileTypesInspection(source, filename, options) {
   const renderer = resolveRendererForFile(rendererConfig, filename ?? "untitled.tsrx");
   const rendererPragma = authoredLeadingPragma(ast, comments) ? null : createRendererTypePragma(renderer, ast);
   const transform = selectOctaneTransform(ast);
-  const transformed = transform(projectServerContextCalls(ast, filename), source, filename, {
-    collect: true,
-    loose: true,
-    typeOnly: true,
-    inspect: true,
-    errors,
-    comments: rendererPragma === null ? comments : [rendererPragma, ...comments]
-  });
+  const transformed = transform(
+    projectServerContextCalls(
+      renderer.target === "dom" ? projectNativeDomReads(ast) : ast,
+      filename
+    ),
+    source,
+    filename,
+    {
+      collect: true,
+      loose: true,
+      typeOnly: true,
+      inspect: true,
+      errors,
+      comments: rendererPragma === null ? comments : [rendererPragma, ...comments]
+    }
+  );
   markNativeTemplateBodies(ast);
   return {
     code: transformed.code,

package/dist/constants.d.ts

@@ -50,7 +50,7 @@ export declare const HYDRATION_TEXT_SEP = " ";
  * render order) so a hydrating boundary returns synchronously instead of
  * re-suspending. Shared so server emit and client read stay byte-identical.
  */
-export declare const SUSPENSE_SCRIPT_ATTR = "data-octane-suspense";
+export { SUSPENSE_SCRIPT_ATTR } from './stream-protocol.js';
 export declare const SUSPENSE_RESOLVED_COMMENT = "oct-suspense:";
 export declare const SUSPENSE_RESOLVED_SEED_ATTR = "data-octane-suspense-seeds";
 export declare const SUSPENSE_RESOLVED_NATIVE_ATTR = "data-octane-suspense-signals";
@@ -105,7 +105,7 @@ export declare const STREAM_SEGMENT_ATTR = "data-oct-s";
 /** Per-boundary seed-JSON script attribute (inside the segment). */
 export declare const STREAM_SEED_ATTR = "data-oct-seed";
 /** Renderer-owned executable/data scripts emitted by the streaming protocol. */
-export declare const STREAM_SCRIPT_ATTR = "data-octane-stream";
+export { STREAM_SCRIPT_ATTR } from './stream-protocol.js';
 /** Hidden carrier for Float sheet resources discovered after the shell; the
  *  inline `$OCTRH` call hoists its tags into document.head. */
 export declare const STREAM_RESOURCE_ATTR = "data-oct-fr";

package/dist/constants.js

@@ -8,7 +8,7 @@ const FOR_BLOCK_OPEN_EMPTY = `<!--${HYDRATION_FOR_EMPTY}-->`;
 const FOR_BLOCK_OPEN_ITEMS = `<!--${HYDRATION_FOR_ITEMS}-->`;
 const EMPTY_COMMENT = "<!---->";
 const HYDRATION_TEXT_SEP = " ";
-const SUSPENSE_SCRIPT_ATTR = "data-octane-suspense";
+import { SUSPENSE_SCRIPT_ATTR } from "./stream-protocol.js";
 const SUSPENSE_RESOLVED_COMMENT = "oct-suspense:";
 const SUSPENSE_RESOLVED_SEED_ATTR = "data-octane-suspense-seeds";
 const SUSPENSE_RESOLVED_NATIVE_ATTR = "data-octane-suspense-signals";
@@ -37,7 +37,7 @@ import {
 import { STREAM_BOUNDARY_ATTR } from "./stream-protocol.js";
 const STREAM_SEGMENT_ATTR = "data-oct-s";
 const STREAM_SEED_ATTR = "data-oct-seed";
-const STREAM_SCRIPT_ATTR = "data-octane-stream";
+import { STREAM_SCRIPT_ATTR } from "./stream-protocol.js";
 const STREAM_RESOURCE_ATTR = "data-oct-fr";
 const STREAM_SEED_COMMENT = "oct-seed:";
 import {

package/dist/dom-binding-handoff.d.ts

@@ -1,5 +1,5 @@
-/** Renderer-independent capability carried by an adopted, compiler-proven view. */
-export declare const BINDING_HANDOFF: unique symbol;
+import { BINDING_HANDOFF } from './signals/control-handoff.js';
+export { BINDING_HANDOFF };
 /** Current early-owned range, not a license to render a different shape. */
 export interface BindingHandoffRange {
     readonly kind: 'if' | 'view' | 'slot' | 'text';
@@ -24,13 +24,15 @@ export interface BindingHandoff {
     readonly root: Node;
     readonly anchor: Node;
     readonly end?: Node;
-    /** Allocated only for a claimed structural presentation. -1 means publication is in progress. */
+    /** A scalar host's declared native channels; descendants belong to other owners. */
+    readonly host?: ReadonlySet<string>;
+    /** Revisioned presentations return -1 while publication is in progress. */
     revision?(): number;
     ranges?(): ReadonlyMap<Node, BindingHandoffRange>;
     view?(root: Node): BindingHandoffView | undefined;
     rest?(element: Element, site: number): BindingHandoffRest | undefined;
     valid?(): boolean;
-    /** One deferred retry; only structural leases allocate publication listeners. */
+    /** One deferred retry; listener storage is allocated only when requested. */
     afterPublication?(callback: () => void): () => void;
     active(): boolean;
     retire(publish?: () => void): void;

package/dist/dom-binding-handoff.js

@@ -1,4 +1,4 @@
-const BINDING_HANDOFF = /* @__PURE__ */ Symbol.for("octane.binding-handoff");
+import { BINDING_HANDOFF } from "./signals/control-handoff.js";
 const events = /* @__PURE__ */ new WeakMap();
 const delivered = /* @__PURE__ */ new WeakMap();
 function registerBindingEvent(node, type) {

package/dist/dom-binding-program.d.ts

@@ -15,7 +15,8 @@ export type BindingProgramNode = readonly [
     kind: 'element',
     tag: string,
     namespace: 0 | 1,
-    children: number | null
+    children: number | null,
+    nativeControlContent?: 'value'
 ] | readonly [parent: number, kind: 'text', text: string] | readonly [parent: number, kind: 'region', site: string];
 export interface BindingRange {
     readonly start: Comment;

package/dist/dom-binding-program.js

@@ -1250,15 +1250,30 @@ function bindProgram(root, descriptor, source, options, mount, list = descriptor
           dispose,
           () => !busy
         );
-      if (mount || descriptor.root.handoff !== true || !instance || descriptor.root.regions.length !== 0 || descriptor.root.bindings.some((binding) => binding[1] === "control") || descriptor.root.nodes.some((node) => node[1] === "element" && node[4] === null))
+      if (mount || descriptor.root.handoff !== true || !instance || descriptor.root.regions.length !== 0 || descriptor.root.bindings.some((binding) => binding[1] === "control") || descriptor.root.nodes.some(
+        (node, index) => node[1] === "element" && node[4] === null && !(node[2] === "textarea" && node[3] === 0 && node[5] === "value" && Array.from(instance.nodes[index].childNodes).every((child) => child.nodeType === 3))
+      ))
         throw new Error(
           "Hydration binding leases require an adopted fixed native view without structural regions or controls."
         );
+      const topology = handoff === void 0 && descriptor.root.nodes.some((node) => node[1] === "element" && node[5] === "value") ? [instance.range.start, ...instance.nodes, instance.range.end].map(
+        (node) => [node, node.parentNode, node.previousSibling, node.nextSibling]
+      ) : void 0;
       return handoff ??= {
         id: descriptor.id,
         root: instance.range.start,
         anchor: instance.nodes.find((node) => node.nodeType === 1) ?? instance.range.start,
         active: () => !transaction.disposed,
+        ...topology === void 0 ? {} : {
+          end: instance.range.end,
+          valid: () => topology.every(
+            ([node, parent, before, after]) => node.parentNode === parent && (node === instance.range.start || node.previousSibling === before) && (node === instance.range.end || node.nextSibling === after)
+          ) && descriptor.root.nodes.every(
+            (proof, index) => proof[1] !== "element" || (proof[4] === null ? Array.from(instance.nodes[index].childNodes).every(
+              (child) => child.nodeType === 3
+            ) : instance.nodes[index].childNodes.length === proof[4])
+          )
+        },
         retire: (publish) => {
           transaction.preservePresentation = true;
           dispose(void 0, publish);

package/dist/dom-bindings.d.ts

@@ -59,6 +59,8 @@ export type BindingValue = string | null | BindingStyleSnapshot;
 /** @internal No application function is invoked to discover the DOM topology. */
 export interface CompiledBindings<Props> {
     readonly id: string;
+    /** Compiler-proven single native host, with no descendant ownership. */
+    readonly handoff?: 'host';
     /** Targets carry compiler-issued addresses when unbound siblings may change. */
     readonly addressed?: true;
     readonly nodes: readonly BindingNode[];

package/dist/dom-bindings.js

@@ -1,5 +1,8 @@
 import { normalizeClass } from "./class-names.js";
 import { sanitizeURL } from "./sanitize-url.js";
+import { STREAM_SCRIPT_ATTR, SUSPENSE_SCRIPT_ATTR } from "./stream-protocol.js";
+import { NATIVE_SIGNAL_SEED_ATTR } from "./signals/native-read-seeds.js";
+import { BINDING_HANDOFF } from "./signals/control-handoff.js";
 import { captureSignalOwner, currentSignalOwner } from "./signals/owner-context.js";
 import {
   NATIVE_TRANSITION_CONSUMER,
@@ -254,16 +257,28 @@ function __adoptBindings(root, descriptor, source, options) {
   let dirty = false;
   let revision = 0;
   let unsubscribe;
+  let publicationRetries;
+  let published;
   const signal = options?.signal;
-  const dispose = () => {
-    if (disposed) return;
+  const dispose = (_disposal, publish, preservePresentation = false) => {
+    if (disposed) {
+      publish?.();
+      return;
+    }
     disposed = true;
+    publicationRetries?.clear();
     signal?.removeEventListener("abort", dispose);
     let failed = false;
     let failure;
+    try {
+      publish?.();
+    } catch (error) {
+      failed = true;
+      failure = error;
+    }
     for (const connection of signalConnections?.values() ?? []) {
       try {
-        connection.dispose();
+        connection.dispose(preservePresentation);
       } catch (error) {
         if (!failed) {
           failed = true;
@@ -273,7 +288,7 @@ function __adoptBindings(root, descriptor, source, options) {
     }
     for (const connection of projections ? new Set(projections.values()) : []) {
       try {
-        connection.dispose();
+        connection.dispose(preservePresentation);
       } catch (error) {
         if (!failed) {
           failed = true;
@@ -298,9 +313,9 @@ function __adoptBindings(root, descriptor, source, options) {
     for (let i = 0; i < owned.length; i++) {
       const [node, name] = owned[i];
       try {
-        groups?.get(i)?.dispose();
-        styles?.get(i)?.dispose();
-        if (bindings[i][1] === "classToken" && previous[i] === "")
+        groups?.get(i)?.dispose(preservePresentation);
+        styles?.get(i)?.dispose(preservePresentation);
+        if (!preservePresentation && bindings[i][1] === "classToken" && previous[i] === "")
           node.classList.remove(bindings[i][2]);
       } catch (error) {
         if (!failed) {
@@ -571,6 +586,7 @@ function __adoptBindings(root, descriptor, source, options) {
                 writePrepared(next, indices, preparedControls, preparedGroups);
               } finally {
                 busy = false;
+                published?.();
               }
             }
           };
@@ -593,6 +609,7 @@ function __adoptBindings(root, descriptor, source, options) {
         for (const index of previousUpdates ?? []) signalUpdates.add(index);
       }
       busy = false;
+      if (!preview) published?.();
     }
   };
   const refresh = () => {
@@ -608,6 +625,52 @@ function __adoptBindings(root, descriptor, source, options) {
     prepare: () => run(() => drain(true))
   };
   const handle = { refresh, dispose };
+  if (descriptor.handoff === "host") {
+    published = () => {
+      if (!publicationRetries?.size) return;
+      const pending = [...publicationRetries];
+      publicationRetries.clear();
+      for (const retry of pending)
+        queueMicrotask(() => {
+          if (!disposed) retry();
+        });
+    };
+    const host = root;
+    const document = host.ownerDocument;
+    const ancestry = [];
+    for (let node = host; node !== null; node = node.parentNode)
+      ancestry.push([node, node.parentNode]);
+    const sibling = (node, previous2) => {
+      let next = previous2 ? node.previousSibling : node.nextSibling;
+      while (next?.nodeType === 1 && next.localName === "script" && (next.hasAttribute(NATIVE_SIGNAL_SEED_ATTR) || next.hasAttribute(SUSPENSE_SCRIPT_ATTR) || next.hasAttribute(STREAM_SCRIPT_ATTR)))
+        next = previous2 ? next.previousSibling : next.nextSibling;
+      return next;
+    };
+    const previousSibling = sibling(host, true);
+    const nextSibling = sibling(host, false);
+    let handoff;
+    handle[BINDING_HANDOFF] = () => {
+      if (handoff !== void 0) return handoff;
+      return handoff = {
+        id: descriptor.id,
+        root: host,
+        anchor: host,
+        host: new Set(
+          bindings.map(
+            (binding) => binding[1] === "styleProperty" ? "style:" + binding[2] : binding[1].startsWith("style") ? "style" : binding[2]
+          )
+        ),
+        revision: () => busy ? -1 : revision,
+        afterPublication: (callback) => {
+          (publicationRetries ??= /* @__PURE__ */ new Set()).add(callback);
+          return () => publicationRetries.delete(callback);
+        },
+        valid: () => host.parentNode !== null && host.ownerDocument === document && ancestry.every(([node, parent]) => node.parentNode === parent) && sibling(host, true) === previousSibling && sibling(host, false) === nextSibling && host.getAttribute("data-octane-bindings") === descriptor.id,
+        active: () => !disposed,
+        retire: (publish) => dispose(void 0, publish, true)
+      };
+    };
+  }
   if (signal?.aborted) {
     dispose();
     return handle;