octane 0.3.1 → 0.3.2

package/dist/runtime.js

@@ -113,6 +113,7 @@ import {
   unregisterHydrationIntentBoundary,
   wasEarlyHydrationIntentHandled
 } from "./hydration/event-capture.js";
+import { isRestoredHydrationTextarea } from "./hydration/control-capture.js";
 import { sanitizeURL, sanitizeURLAttribute } from "./sanitize-url.js";
 import {
   invalidHtmlNestingWithAncestor,
@@ -126,7 +127,30 @@ import {
 } from "./component-flags.js";
 import { formatClientError } from "./error-codes.client.generated.js";
 import { formAuthoringDiagnostics } from "./form-diagnostics.js";
-import { isBindingOpenComment } from "./dom-binding-protocol.js";
+import {
+  bindingRootMarker,
+  BINDING_OPEN_PREFIX,
+  isBindingOpenComment,
+  isForBindingOpenComment
+} from "./dom-binding-protocol.js";
+import {
+  formatUseId,
+  HYDRATION_FOR_ARM_INDEX,
+  HYDRATION_FOR_PREFIX,
+  HYDRATE_MARKER_SELECTOR
+} from "./hydration-markers.js";
+import {
+  ACTIVITY_TAG,
+  CHILDREN_BLOCK_TAG as CHILDREN_BLOCK,
+  CONTEXT_TAG,
+  ELEMENT_TAG,
+  FRAGMENT_TAG,
+  LAZY_COMPONENT_TAG as LAZY_COMPONENT,
+  PORTAL_TAG,
+  REACT_CONTEXT_TAG as REACT_FOREIGN_CONTEXT_TAG,
+  RENDERER_REGION_OWNER_TAG as RENDERER_REGION_OWNER,
+  SUSPENSE_TAG
+} from "./runtime-tags.js";
 import { moveNativeNodeBefore } from "./dom-focused-move.js";
 import {
   HYDRATE_STREAM_TOKEN_ATTR,
@@ -972,7 +996,6 @@ let NEXT_EFFECT_RENDER_VERSION = 1;
 const ACTIVE_WARM_PLANS = [];
 let NEXT_WARM_EPISODE = 1;
 let CURRENT_WARM_EPISODE = 0;
-const RENDERER_REGION_OWNER = /* @__PURE__ */ Symbol.for("octane.renderer-region.owner");
 const RENDERER_REGION_DOM_OWNERS = /* @__PURE__ */ new WeakMap();
 let RENDERER_REGION_OWNER_COUNT = 0;
 const RENDERER_REGION_DOM_BINDINGS = /* @__PURE__ */ new WeakMap();
@@ -2849,8 +2872,6 @@ function vtCaptureElements(block, owner) {
 }
 const VT_SCOPE_OWNERS = /* @__PURE__ */ new WeakMap();
 const VT_INVALID_SCOPE_WARNED = /* @__PURE__ */ new WeakSet();
-const VT_SCOPE_STYLE_ID = "octane-view-transition-scope";
-const VT_SCOPE_CSS = '[vt-scope="element"]{view-transition-scope:all!important}';
 const VT_SCOPE_STYLED_DOCUMENTS = /* @__PURE__ */ new WeakSet();
 function vtInjectScopeStyle(host) {
   if (DEFERRED_LAYOUT_DRIVER?.stageAction(() => vtInjectScopeStyle(host), true) === true) return;
@@ -8236,7 +8257,6 @@ function useEffectEvent(fn, slot) {
     return cell.impl.apply(void 0, args);
   });
 }
-const CONTEXT_TAG = /* @__PURE__ */ Symbol.for("octane.context");
 // @__NO_SIDE_EFFECTS__
 function createContext(defaultValue) {
   const ctx = function ProviderBody(props, scope) {
@@ -8360,7 +8380,6 @@ function provideContext(scope, context, value) {
   }
   values.set(context, value);
 }
-const CHILDREN_BLOCK = /* @__PURE__ */ Symbol.for("octane.childrenBlock");
 const CHILDREN_BODY = /* @__PURE__ */ Symbol.for("octane.childrenBody");
 function markSingleRoot(component) {
   component.$$singleRoot = true;
@@ -8513,7 +8532,6 @@ const HYDRATE_STRATEGY_TYPES = /* @__PURE__ */ new Set([
   "never",
   "dynamic"
 ]);
-const HYDRATE_MARKER_SELECTOR = "[data-octane-hydrate-id]";
 const HYDRATE_STREAM_ERROR_ATTR = "data-oct-err";
 const HYDRATE_STREAM_BOUNDARY_SELECTOR = `template[${STREAM_BOUNDARY_ATTR}]`;
 const HYDRATE_STREAM_SCAN_MASK = 1 | 128;
@@ -9535,7 +9553,7 @@ const Suspense = /* @__PURE__ */ markComponentFlags(
   },
   COMPONENT_FLAG_BOUNDARY,
   "Suspense",
-  /* @__PURE__ */ Symbol.for("octane.suspense")
+  SUSPENSE_TAG
 );
 function initializeViewTransitionComponent() {
   return markComponentFlags(
@@ -9609,7 +9627,6 @@ function use(usable) {
   }
   return useThenable(usable);
 }
-const REACT_FOREIGN_CONTEXT_TAG = /* @__PURE__ */ Symbol.for("react.context");
 function useForeignContext(usable, api) {
   if (usable !== null && typeof usable === "object") {
     const bridge = rendererRegionOwnerForBlock(CURRENT_BLOCK);
@@ -10619,7 +10636,6 @@ function memoPublish(slot, value, ...deps) {
 function memoPublishAlways(slot, value) {
   return publishMemoEntry(CURRENT_SCOPE, slot, void 0, value);
 }
-const LAZY_COMPONENT = /* @__PURE__ */ Symbol.for("octane.lazy");
 const LAZY_BODY_CHECK = /* @__PURE__ */ Symbol.for("octane.lazyBodyCheck");
 function markLazyBodyCheck(body, check) {
   Object.defineProperty(body, LAZY_BODY_CHECK, {
@@ -10787,7 +10803,7 @@ function useId(slot) {
     while (owner.limit !== void 0 && owner.next >= owner.limit && owner.overflow !== void 0) {
       owner = owner.overflow;
     }
-    s = { id: ":" + owner.prefix + "in-" + (owner.next++).toString(36) + ":" };
+    s = { id: formatUseId(owner.prefix, owner.next++) };
     ensureHooks(scope).set(slot, s);
   }
   return s.id;
@@ -12083,6 +12099,8 @@ function preparePresentationSignalValue(args, frame) {
       runWithBlockSignalOwner(scope, () => {
         if (!valid()) throw new Error(formatClientError(77));
         const before = snapshotHydrationControl(element);
+        const priorValue = readSignalBinding(handle);
+        const restored = lease === void 0 ? isRestoredHydrationTextarea(element, priorValue) : !before.composing && !lease.composing() && typeof priorValue === "string" && before.value !== priorValue.replace(/\r\n?/g, "\n");
         const ctrl = armControlled(element);
         ctrl.composing = before.composing || lease?.composing() === true;
         if (ctrl.composing) element.addEventListener("blur", onCtrlCompositionEnd);
@@ -12104,11 +12122,15 @@ function preparePresentationSignalValue(args, frame) {
         if (lease !== void 0) owner.controlLeases.delete(element);
         if (!binding.disposed && !scope.block.disposed) {
           const snapshot = snapshotHydrationControl(element);
-          binding.value = element.value;
-          binding.pendingControl = snapshot.editRevision > (lease === void 0 ? 0 : before.editRevision);
+          binding.value = priorValue;
+          binding.pendingControl = snapshot.editRevision > (lease === void 0 ? 0 : before.editRevision) || restored;
           installDirectSignalControl(binding);
           if (!binding.pendingControl) consumeHydrationControl(element, snapshot.revision);
-          if (binding.pendingControl) queueDirectSignalControlAdoption(binding);
+          if (binding.pendingControl)
+            queueDirectSignalControlAdoption(
+              binding,
+              lease === void 0 ? 0 : before.editRevision
+            );
           else {
             const current = readSignalBinding(handle);
             ctrl.sawV = true;
@@ -12252,7 +12274,7 @@ function presentationWrite(writer, kind, ...args) {
   return result;
 }
 function bindPresentationView(view, id) {
-  view[BINDING_VIEW_ROOT] = "[b;" + id + ";root";
+  view[BINDING_VIEW_ROOT] = bindingRootMarker(id);
   return markComponentFlags(view, COMPONENT_FLAG_BOUNDARY, view.name);
 }
 const BINDING_CHILDREN_SITE = /* @__PURE__ */ Symbol.for("octane.binding.children-site");
@@ -12282,7 +12304,8 @@ function presentationStructure(writer, kind, marker, ...args) {
   }
   const range = presentationRange(frame, start, marker, kind);
   const expected = args[3][BINDING_VIEW_ROOT];
-  if (expected !== "[b;" + range.view + ";root") presentationMiss(false);
+  if (range.view === void 0 || expected !== bindingRootMarker(range.view))
+    presentationMiss(false);
   writer(...args);
 }
 function setBindingClass(element, receipt, values) {
@@ -12302,7 +12325,7 @@ function hydrationMarkerMultiplicity(data, open) {
   const marker = open ? HYDRATION_START : HYDRATION_END;
   if (data === marker) return 1;
   if (open && (data === HYDRATION_FOR_EMPTY || data === HYDRATION_FOR_ITEMS)) return 1;
-  if (open && (data.startsWith("[b;") || data.startsWith("[f")) && isBindingOpenComment(data))
+  if (open && (data.startsWith(BINDING_OPEN_PREFIX) || data.startsWith(HYDRATION_FOR_PREFIX)) && isBindingOpenComment(data))
     return 1;
   if (data.length < 2 || data.charCodeAt(0) !== marker.charCodeAt(0)) return 0;
   const first = data.charCodeAt(1);
@@ -12364,7 +12387,7 @@ function ssrForMarkerState(node) {
   const data = (STAGED_DOM?.view(node) ?? node).data;
   if (data === HYDRATION_FOR_EMPTY) return 0;
   if (data === HYDRATION_FOR_ITEMS) return 1;
-  return isBindingOpenComment(data) && data.startsWith("[f") ? data.charCodeAt(2) === 48 ? 0 : 1 : -1;
+  return isForBindingOpenComment(data) ? data.charCodeAt(HYDRATION_FOR_ARM_INDEX) === 48 ? 0 : 1 : -1;
 }
 function child(node) {
   if (currentHydration !== null) return (STAGED_DOM?.view(node) ?? node).firstChild;
@@ -12398,6 +12421,46 @@ function setText(node, value) {
   (STAGED_DOM?.view(node) ?? node).nodeValue = text;
 }
 const DIRECT_SIGNAL_BINDING = /* @__PURE__ */ Symbol("octane.direct-signal-binding");
+const CLAIMED_BINDING_VALUE = /* @__PURE__ */ Symbol("octane.claimed-binding-value");
+function hydrateClaimedBindingCaches(scope, fields) {
+  if (activeHydration() === null) return;
+  const bag = scope.slots[0];
+  for (let i = 0; i < fields.length; i += 3) {
+    const field = fields[i];
+    const node = bag[fields[i + 1]];
+    const element = node.nodeType === 3 ? (STAGED_DOM?.view(node) ?? node).parentNode : node;
+    const claims = domBindingClaims.get(element);
+    if (claims === void 0) continue;
+    const channel = fields[i + 2];
+    const tokenOnly = channel === "#text-token";
+    let claimed = claims.has(
+      tokenOnly ? "#text" : channel.startsWith("style:") ? "style:" + styleName(channel.slice(6)) : channel
+    );
+    if (channel === "style") {
+      for (const name of claims.keys())
+        if (name.startsWith("style:")) {
+          claimed = true;
+          break;
+        }
+    }
+    if (!claimed) continue;
+    const value = channel === "style" ? (STAGED_DOM?.view(element) ?? element).style.cssText : CLAIMED_BINDING_VALUE;
+    if (typeof field === "number") {
+      const slots = scope.slots[field].block.slots;
+      journalRootProperty(slots, 0, slots[0]);
+      slots[0] = value;
+    } else {
+      const cached = bag[field];
+      if (cached?.[DIRECT_SIGNAL_BINDING] === true) {
+        if (TRANSITION_JOURNAL !== null) journalObjectOnce(cached);
+        cached.value = value;
+      } else if (!tokenOnly) {
+        if (TRANSITION_JOURNAL !== null) journalBag();
+        bag[field] = value;
+      }
+    }
+  }
+}
 function isSignalHandle(value) {
   return (typeof value === "object" || typeof value === "function") && value !== null && value[SIGNAL_HANDLE] === true;
 }
@@ -12470,7 +12533,7 @@ function writeDirectSignalBoundValue(binding, value) {
   const element = binding.target;
   const tag = element.localName;
   if (tag === "select") setSelectValue(element, value);
-  else setValue(element, value, tag === "textarea" && isWritableSignal(binding.handle));
+  else setValue(element, value);
 }
 function writeDirectSignalBoundChecked(binding, value) {
   setChecked(binding.target, value);
@@ -12599,19 +12662,19 @@ function installDirectSignalControl(binding) {
     )
   );
 }
-function queueDirectSignalControlAdoption(binding) {
+function queueDirectSignalControlAdoption(binding, priorEditRevision = 0) {
   enqueueEffectEventCommitAction(() => {
     if (binding.disposed || binding.scope.block.disposed || !binding.pendingControl) return;
     withoutSignalCandidate(
       () => runWithBlockSignalOwner(binding.scope, () => {
         const element = binding.target;
         const snapshot = snapshotHydrationControl(element);
-        if (snapshot.editRevision > 0 && isWritableSignal(binding.handle)) {
+        if (isWritableSignal(binding.handle) && (snapshot.editRevision > priorEditRevision || element.localName === "textarea" && Object.is(readSignalBinding(binding.handle), binding.value))) {
           binding.handle.set(directSignalControlValue(binding, snapshot));
         }
         if (binding.disposed || binding.scope.block.disposed) return;
         if (!consumeHydrationControl(element, snapshot.revision)) {
-          queueDirectSignalControlAdoption(binding);
+          queueDirectSignalControlAdoption(binding, priorEditRevision);
           return;
         }
         binding.pendingControl = false;
@@ -12645,8 +12708,9 @@ function createDirectSignalBinding(scope, target, value, site, policy, name, att
   };
   if (text !== void 0) binding.text = text;
   const controlSnapshot = policy.control?.snapshot(target, site) ?? null;
-  binding.pendingControl = activeHydration() !== null && isWritableSignal(handle) && controlSnapshot !== null && controlSnapshot.editRevision > 0;
   const initial = handle === null ? value : readSignalBinding(handle);
+  binding.pendingControl = activeHydration() !== null && isWritableSignal(handle) && controlSnapshot !== null && (controlSnapshot.editRevision > 0 || isRestoredHydrationTextarea(target, initial));
+  if (binding.pendingControl) binding.value = initial;
   if (!binding.pendingControl) writeDirectSignalBinding(binding, initial);
   if (STAGED_COMMIT_CAPTURE !== null) {
     DEFERRED_LAYOUT_DRIVER.stageAction(() => {
@@ -13050,10 +13114,10 @@ function applyRefValue(ref, el, prevTarget) {
   }
   ref.current = el;
 }
-const Fragment = /* @__PURE__ */ Symbol.for("octane.Fragment");
+const Fragment = FRAGMENT_TAG;
 let activityDescriptorDispatch = null;
 function initializeActivitySentinel() {
-  const type = /* @__PURE__ */ Symbol.for("octane.Activity");
+  const type = ACTIVITY_TAG;
   activityDescriptorDispatch = { type, body: renderActivityDescriptor };
   return type;
 }
@@ -13977,7 +14041,9 @@ import {
   devWarnStyleProperty,
   mergeClass,
   normalizeClass,
-  styleName
+  styleName,
+  VIEW_TRANSITION_SCOPE_CSS as VT_SCOPE_CSS,
+  VIEW_TRANSITION_SCOPE_STYLE_ID as VT_SCOPE_STYLE_ID
 } from "./css.js";
 function setClassName(el, value) {
   const cls = normalizeClass(value);
@@ -14280,7 +14346,7 @@ function resolveHostPropSources(el, sources, props, readStyle) {
   if (readStyle !== void 0 && "style" in resolved) resolved.style = readStyle(resolved.style);
   return resolved;
 }
-function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false, readStyle, deferControl = false, writableTextareaValue = false) {
+function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false, readStyle, deferControl = false) {
   const props = /* @__PURE__ */ new Map();
   const resolved = resolveHostPropSources(el, sources, props, readStyle);
   const tag = el.localName;
@@ -14295,8 +14361,7 @@ function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false,
       props.get("defaultValue")?.value,
       props.get("checked")?.value,
       props.get("defaultChecked")?.value,
-      props.get("multiple")?.value,
-      writableTextareaValue
+      props.get("multiple")?.value
     );
   return resolved;
 }
@@ -14317,14 +14382,12 @@ function resolveSignalStyle(value, handles, read) {
   }
   return copy ?? value;
 }
-function resolveSignalHostPropSources(sources, readStyle, read = readSignalBinding, textarea = false) {
+function resolveSignalHostPropSources(sources, readStyle, read = readSignalBinding) {
   const handles = /* @__PURE__ */ new Set();
   let rows;
-  let writableTextareaValue = false;
   for (let i = 0; i < sources.length; i++) {
     const source = sources[i];
     if (!source[0]) {
-      if (textarea && source[1] === "value") writableTextareaValue = isWritableSignal(source[2]);
       const value = source[1] === "children" || source[1] === "style" && readStyle !== void 0 ? source[2] : source[1] === "style" ? resolveSignalStyle(source[2], handles, read) : isSignalHandle(source[2]) ? (handles.add(source[2]), read(source[2])) : source[2];
       if (value !== source[2]) {
         rows ??= sources.slice();
@@ -14337,7 +14400,6 @@ function resolveSignalHostPropSources(sources, readStyle, read = readSignalBindi
     let copy;
     for (const name of Object.keys(spread)) {
       const current = spread[name];
-      if (textarea && name === "value") writableTextareaValue = isWritableSignal(current);
       const value = name === "children" || name === "style" && readStyle !== void 0 ? current : name === "style" ? resolveSignalStyle(current, handles, read) : isSignalHandle(current) ? (handles.add(current), read(current)) : current;
       if (value !== current) {
         copy ??= { ...spread };
@@ -14349,7 +14411,7 @@ function resolveSignalHostPropSources(sources, readStyle, read = readSignalBindi
       rows[i] = [true, copy];
     }
   }
-  return textarea ? { sources: rows ?? sources, handles, writableTextareaValue } : { sources: rows ?? sources, handles };
+  return { sources: rows ?? sources, handles };
 }
 function winningSignalHostControl(sources, name) {
   let winner;
@@ -14369,21 +14431,14 @@ function updateSignalHostPropSources(binding) {
   if (binding.disposed || binding.pendingControl || binding.scope.block.disposed) return;
   try {
     runWithBlockSignalOwner(binding.scope, () => {
-      const next = resolveSignalHostPropSources(
-        binding.sources,
-        binding.readStyle,
-        void 0,
-        binding.element.localName === "textarea"
-      );
+      const next = resolveSignalHostPropSources(binding.sources, binding.readStyle);
       binding.resolved = setHostPropSources(
         binding.element,
         next.sources,
         binding.resolved,
         binding.scope,
         binding.hasNestedChildren,
-        binding.readStyle,
-        false,
-        next.writableTextareaValue
+        binding.readStyle
       );
       if (process.env.NODE_ENV !== "production" && STAGED_DOM === null)
         drainDevFormDiagnostics(binding.element);
@@ -14520,22 +14575,22 @@ function disposeSignalHostPropSources(binding) {
     domNode(binding.element).removeEventListener("input", binding.input);
   queueOwnRefDetach(binding.resolved, binding.element);
 }
-function queueSignalHostControlAdoption(binding) {
+function queueSignalHostControlAdoption(binding, priorValue) {
   enqueueEffectEventCommitAction(() => {
     if (binding.disposed || binding.scope.block.disposed || !binding.pendingControl) return;
     withoutSignalCandidate(
       () => runWithBlockSignalOwner(binding.scope, () => {
         const snapshot = snapshotHydrationControl(binding.element);
-        if (snapshot.editRevision > 0) {
+        const value = winningSignalHostControl(binding.sources, "value");
+        if (snapshot.editRevision > 0 || binding.element.localName === "textarea" && isWritableSignal(value) && Object.is(readSignalBinding(value), priorValue)) {
           const checked = winningSignalHostControl(binding.sources, "checked");
-          const value = winningSignalHostControl(binding.sources, "value");
           if (isWritableSignal(checked) && snapshot.checked !== void 0)
             checked.set(snapshot.checked);
           if (isWritableSignal(value)) value.set(snapshot.selectedValues ?? snapshot.value);
         }
         if (binding.disposed || binding.scope.block.disposed) return;
         if (!consumeHydrationControl(binding.element, snapshot.revision)) {
-          queueSignalHostControlAdoption(binding);
+          queueSignalHostControlAdoption(binding, priorValue);
           return;
         }
         binding.pendingControl = false;
@@ -14648,14 +14703,9 @@ function bindSignalHostPropSources(scope, previous, element, sources, site, hasN
   const controlSnapshot = isWritableSignal(valueControl) || isWritableSignal(checkedControl) ? snapshotHydrationControl(element) : null;
   if (controlSnapshot !== null) {
     validateDirectSignalControl(element, site);
-    binding.pendingControl ||= activeHydration() !== null && controlSnapshot.editRevision > 0;
+    binding.pendingControl ||= activeHydration() !== null && (controlSnapshot.editRevision > 0 || isWritableSignal(valueControl) && isRestoredHydrationTextarea(element, readSignalBinding(valueControl)));
   }
-  const next = resolveSignalHostPropSources(
-    sources,
-    readStyle,
-    void 0,
-    element.localName === "textarea"
-  );
+  const next = resolveSignalHostPropSources(sources, readStyle);
   binding.resolved = setHostPropSources(
     element,
     next.sources,
@@ -14663,8 +14713,7 @@ function bindSignalHostPropSources(scope, previous, element, sources, site, hasN
     scope,
     hasNestedChildren,
     readStyle,
-    binding.pendingControl,
-    next.writableTextareaValue
+    binding.pendingControl
   );
   if (STAGED_COMMIT_CAPTURE !== null) {
     DEFERRED_LAYOUT_DRIVER.stageAction(() => {
@@ -14686,7 +14735,7 @@ function bindSignalHostPropSources(scope, previous, element, sources, site, hasN
     if (!binding.pendingControl && controlSnapshot !== null)
       consumeHydrationControl(element, controlSnapshot.revision);
   }
-  if (binding.pendingControl) queueSignalHostControlAdoption(committed);
+  if (binding.pendingControl) queueSignalHostControlAdoption(committed, binding.resolved?.value);
   return committed;
 }
 function isAggregatedFormControlProp(el, name) {
@@ -16332,7 +16381,7 @@ function setNativeChangeDiagnosticMetadata(el, value) {
   if (state !== void 0) state.staticNativeChange = false;
   if (value === "runtime") queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0, true);
 }
-function setValue(el, value, writableTextareaEcho = false) {
+function setValue(el, value) {
   if (CURRENT_SCOPE?.block.idState.renderOwner?.controlLeases?.has(el)) presentationMiss(false);
   const input = el;
   const ctrl = armControlled(el);
@@ -16364,17 +16413,14 @@ function setValue(el, value, writableTextareaEcho = false) {
   const prev = ctrl.v;
   ctrl.v = value;
   if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0);
-  if (writableTextareaEcho) {
-    if ((STAGED_DOM?.view(input) ?? input).value === s) return;
-    if (!(ctrl.composing && Object.is(prev, value))) (STAGED_DOM?.view(input) ?? input).value = s;
-    if ((STAGED_DOM?.view(input) ?? input).defaultValue !== s)
-      (STAGED_DOM?.view(input) ?? input).defaultValue = s;
-    return;
-  }
   if (!(ctrl.composing && Object.is(prev, value)) && valueNeedsWrite(input, value))
     (STAGED_DOM?.view(input) ?? input).value = s;
-  if ((STAGED_DOM?.view(input) ?? input).defaultValue !== s)
-    (STAGED_DOM?.view(input) ?? input).defaultValue = s;
+  if ((STAGED_DOM?.view(input) ?? input).defaultValue !== s) {
+    const text = STAGED_DOM === null && el.localName === "textarea" ? getFirstChild(el) : null;
+    if (text !== null && text.nodeType === 3 && getNextSibling(text) === null)
+      domNode(text).data = s;
+    else (STAGED_DOM?.view(input) ?? input).defaultValue = s;
+  }
 }
 function setCheckedState(input, value, ctrl) {
   const first = !ctrl.sawC;
@@ -16675,7 +16721,7 @@ function setFormControlSources(el, sources) {
   }
   applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple);
 }
-function applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple, writableTextareaValue = false) {
+function applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple) {
   const ctrl = armControlled(el);
   const first = !ctrl.formSeen;
   const previousMultiple = ctrl.formMultiple;
@@ -16705,7 +16751,7 @@ function applyFormControlValues(el, tag, value, defaultValue, checked, defaultCh
   }
   if (tag === "textarea") {
     const textarea = el;
-    setValue(textarea, value, writableTextareaValue);
+    setValue(textarea, value);
     if (value == null) {
       if (defaultValue != null) setDefaultValue(textarea, defaultValue, first);
       else if (!first && (STAGED_DOM?.view(textarea) ?? textarea).defaultValue !== "")
@@ -17331,7 +17377,6 @@ function normalizePortalBody(rawBody, rawProps) {
 function genericPortalBody(value, scope) {
   childSlot(scope, 0, scope.parentNode, value, scope.endMarker);
 }
-const PORTAL_TAG = /* @__PURE__ */ Symbol.for("octane.portal");
 function portalKey(value) {
   return typeof value === "string" || typeof value === "number" ? String(value) : null;
 }
@@ -17340,7 +17385,6 @@ function createPortal(body, target, props = void 0) {
   const key = portalKey(props);
   return { $$kind: PORTAL_TAG, body, target, key, props: key === null ? props : void 0 };
 }
-const ELEMENT_TAG = /* @__PURE__ */ Symbol.for("octane.element");
 const KEYED_ELEMENT_DESCRIPTORS = /* @__PURE__ */ new WeakSet();
 function elementKeyWasProvided(descriptor) {
   return descriptor.key !== null || KEYED_ELEMENT_DESCRIPTORS.has(descriptor);
@@ -27978,6 +28022,7 @@ export {
   hostComponent,
   htext,
   htextSwap,
+  hydrateClaimedBindingCaches,
   hydrateRoot,
   ifBlock,
   injectStyle,

package/dist/runtime.server.d.ts

@@ -1,5 +1,6 @@
 export { trustHTML, type TrustedHTML } from './trusted-html.js';
 export { readNativeDomStyle, readNativeDomProps } from './signals/read-protocol.js';
+import { CONTEXT_TAG, ELEMENT_TAG, FRAGMENT_TAG } from './runtime-tags.js';
 import { EXTERNAL_HYDRATION_PROMISE, HYDRATION_RANGE_BOUNDARY } from './constants.js';
 import { type IndependentHydrateBuildRecord } from './independent-hydration-protocol.js';
 import { normalizeClass } from './css.js';
@@ -78,13 +79,12 @@ type ScopedCounts = (string | number)[] | Map<string, number>;
 export declare function ssrElement(tag: string, location: string | undefined, render: () => string, htmlIntegrationPoint?: boolean): string;
 /** Compiler ABI: validate one authored static or dynamic text child in DEV SSR. */
 export declare function ssrNestingText(value: unknown): string;
-declare const ELEMENT_TAG: unique symbol;
 /**
  * React-compatible Fragment sentinel. Value-position `<Fragment>` sites compile
  * to ordinary element descriptors in both modes; ssrChild recognizes this type
  * and flattens its children with the same wrapper/key rules as the client.
  */
-export declare const Fragment: unique symbol;
+export declare const Fragment: typeof FRAGMENT_TAG;
 /**
  * React-19 `<Activity>` sentinel. Direct template sites lower to `ssrActivity`;
  * generic component and descriptor sites dispatch by this same symbol identity.
@@ -424,7 +424,6 @@ export declare const ErrorBoundary: (props: {
     fallback?: unknown;
     children?: unknown;
 }, scope: SSRScope) => string;
-declare const CONTEXT_TAG: unique symbol;
 export interface Context<T> {
     (props: {
         value: T;

package/dist/runtime.server.js

@@ -1,7 +1,22 @@
 import { trustHTML } from "./trusted-html.js";
 import { readNativeDomStyle, readNativeDomProps } from "./signals/read-protocol.js";
 import { resolveHookPath } from "./hook-slot-cache.js";
-import { encodeBindingKey, isBindingOpenComment } from "./dom-binding-protocol.js";
+import {
+  bindingRootMarker,
+  encodeBindingKey,
+  isBindingOpenComment
+} from "./dom-binding-protocol.js";
+import { formatUseId } from "./hydration-markers.js";
+import {
+  ACTIVITY_TAG,
+  CHILDREN_BLOCK_TAG as CHILDREN_BLOCK,
+  CONTEXT_TAG,
+  ELEMENT_TAG,
+  FRAGMENT_TAG,
+  LAZY_COMPONENT_TAG as LAZY_COMPONENT,
+  PORTAL_TAG,
+  SUSPENSE_TAG
+} from "./runtime-tags.js";
 import {
   BLOCK_OPEN,
   BLOCK_CLOSE,
@@ -75,7 +90,9 @@ import {
   devWarnStyleProperty,
   mergeClass,
   normalizeClass,
-  styleName
+  styleName,
+  VIEW_TRANSITION_SCOPE_CSS,
+  VIEW_TRANSITION_SCOPE_STYLE_ID
 } from "./css.js";
 import {
   invalidHtmlNestingWithAncestor,
@@ -443,10 +460,8 @@ function ssrNestingText(value) {
 }
 const NOOP = () => {
 };
-const ELEMENT_TAG = /* @__PURE__ */ Symbol.for("octane.element");
-const PORTAL_TAG = /* @__PURE__ */ Symbol.for("octane.portal");
-const Fragment = /* @__PURE__ */ Symbol.for("octane.Fragment");
-const Activity = /* @__PURE__ */ Symbol.for("octane.Activity");
+const Fragment = FRAGMENT_TAG;
+const Activity = ACTIVITY_TAG;
 const SCOPED_ELEMENT_PROPS = /* @__PURE__ */ new WeakSet();
 const SCOPED_CHILDREN_RESOLVER = /* @__PURE__ */ Symbol("octane.scopedChildrenResolver");
 const SCOPED_VALUE_RESOLVER = /* @__PURE__ */ Symbol("octane.scopedValueResolver");
@@ -1198,7 +1213,7 @@ function ssrHtml(html) {
 const BINDING_HTML_ROOT = /* @__PURE__ */ Symbol.for("octane.binding.html");
 function ssrBindingHtml(html, id) {
   const output = new ServerHtml(html);
-  output[BINDING_HTML_ROOT] = "[b;" + id + ";root";
+  output[BINDING_HTML_ROOT] = bindingRootMarker(id);
   return output;
 }
 function bindPresentationView(view, _id) {
@@ -3225,7 +3240,7 @@ const Suspense = /* @__PURE__ */ markComponentFlags(
   },
   COMPONENT_FLAG_BOUNDARY,
   "Suspense",
-  /* @__PURE__ */ Symbol.for("octane.suspense")
+  SUSPENSE_TAG
 );
 let VT_SSR_TRY_SEQ = 0;
 let VT_SSR_HAS_CANDIDATES = false;
@@ -3408,11 +3423,7 @@ function vtSsrAnnotateScope(html) {
     true
   );
   const valid = roots === 1 && !sentinel && !text;
-  if (valid)
-    injectStyle(
-      "octane-view-transition-scope",
-      '[vt-scope="element"]{view-transition-scope:all!important}'
-    );
+  if (valid) injectStyle(VIEW_TRANSITION_SCOPE_STYLE_ID, VIEW_TRANSITION_SCOPE_CSS);
   return vtSsrMapTags(
     html,
     (open) => vtSsrInject(open, [["vt-scope", valid ? "element" : "none"]]),
@@ -3604,7 +3615,6 @@ const ErrorBoundary = /* @__PURE__ */ markComponentFlags(
   COMPONENT_FLAG_BOUNDARY,
   "ErrorBoundary"
 );
-const CONTEXT_TAG = /* @__PURE__ */ Symbol.for("octane.context");
 function createContext(defaultValue) {
   const ctx = function ProviderBody(props, scope) {
     return ssrHtml(renderServerContextProvider(ctx, props, scope));
@@ -4203,7 +4213,6 @@ function warmChild(comp, props) {
   }
 }
 let LAZY_ID = 0;
-const LAZY_COMPONENT = /* @__PURE__ */ Symbol.for("octane.lazy");
 function resolveLazyModule(mod) {
   let comp = mod;
   if (mod != null) {
@@ -4452,7 +4461,7 @@ function useDebugValue(_value, _format) {
 function requestFormReset(_form) {
 }
 function useId() {
-  return ":" + ID_PREFIX + "in-" + (ID_COUNTER++).toString(36) + ":";
+  return formatUseId(ID_PREFIX, ID_COUNTER++);
 }
 function throwOnServerEffectEventCall() {
   throw new Error(formatServerError(11));
@@ -4588,7 +4597,6 @@ function startTransition(fn) {
 function flushSync(fn) {
   return fn();
 }
-const CHILDREN_BLOCK = /* @__PURE__ */ Symbol.for("octane.childrenBlock");
 function markChildrenBlock(fn) {
   if (typeof fn === "function") {
     fn[CHILDREN_BLOCK] = true;