octane 0.3.0 → 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,12 +8257,39 @@ 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) {
     return renderClientContextProvider(ctx, props, scope);
   };
+  return initializeContext(ctx, defaultValue);
+}
+// @__NO_SIDE_EFFECTS__
+function __createCompiledContext(defaultValue) {
+  const ctx = function ProviderBody(props, scope) {
+    provideContext(scope, ctx, props.value);
+    const children = props.children;
+    if (children == null) return;
+    const dialect = children[CHILDREN_BODY] ?? children;
+    const previous = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
+    if (previous !== dialect) {
+      if (previous !== void 0 && (previous === 2 || dialect === 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;
+          journalUndo(() => hooks.set(CHILDREN_DIALECT_SLOT, previous));
+        }
+      }
+      ensureHooks(scope).set(CHILDREN_DIALECT_SLOT, dialect);
+    }
+    renderSharedBody(children, void 0, scope, void 0);
+  };
+  return initializeContext(ctx, defaultValue);
+}
+function initializeContext(ctx, defaultValue) {
   ctx.$$kind = CONTEXT_TAG;
   ctx.defaultValue = defaultValue;
   ctx.$$version = 0;
@@ -8332,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;
@@ -8485,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;
@@ -8620,7 +8666,23 @@ function renderHydrateChild(state, scope, extra) {
   }
   childrenAsBody(state.props.children)(void 0, scope, extra);
 }
+function renderCompiledHydrateChild(state, scope, extra) {
+  if (state.loadedBody !== null) {
+    state.loadedBody(state.props.__data, scope, extra);
+  } else {
+    state.props.children(void 0, scope, extra);
+  }
+}
+const EMPTY_HYDRATE_PENDING = () => void 0;
 function hydrateBoundaryBody(state) {
+  return createHydrateBoundaryBody(state, renderHydrateChild, (_props, scope) => {
+    childSlot(scope, 0, scope.block.parentNode, state.props.fallback, scope.block.endMarker);
+  });
+}
+function compiledHydrateBoundaryBody(state) {
+  return createHydrateBoundaryBody(state, renderCompiledHydrateChild, EMPTY_HYDRATE_PENDING);
+}
+function createHydrateBoundaryBody(state, renderChild, pendingBody) {
   const contentBody = (_props, scope, extra) => {
     try {
       if (state.loadedBody === null) {
@@ -8632,7 +8694,7 @@ function hydrateBoundaryBody(state) {
           if (thenable.status !== "fulfilled") throw new SuspenseException(thenable);
         }
       }
-      renderHydrateChild(state, scope, extra);
+      renderChild(state, scope, extra);
     } catch (error) {
       const hydration = activeHydration();
       if (!state.serverPreserved || state.hydrated || hydration === null || !isSuspenseException(error)) {
@@ -8644,9 +8706,6 @@ function hydrateBoundaryBody(state) {
     state.hydrated = true;
     useEffect(notifyHydrateBoundary, [state, scope], HYDRATE_NOTIFY_SLOT);
   };
-  const pendingBody = (_props, scope) => {
-    childSlot(scope, 0, scope.block.parentNode, state.props.fallback, scope.block.endMarker);
-  };
   return (_props, scope) => {
     tryBlock(
       scope,
@@ -9042,7 +9101,7 @@ function findHydrateSeedSidecar(wrapper, attribute = HYDRATE_SEED_ATTR) {
   }
   return null;
 }
-function createHydrateSlot(props, scope, boundaryId) {
+function createHydrateSlot(props, scope, boundaryId, boundaryBody) {
   const parentBlock = scope.block;
   const parentNode = parentBlock.parentNode;
   const hydration = activeHydration();
@@ -9160,7 +9219,7 @@ function createHydrateSlot(props, scope, boundaryId) {
   scope.slots[0] = state;
   registerSlot(scope, state);
   if (!state.independent) registerHydrationIntentBoundary(wrapper, intentBoundary);
-  block.body = hydrateBoundaryBody(state);
+  block.body = boundaryBody(state);
   const initialStrategy = resolveHydrateStrategy(state);
   const pendingIntents = state.independent ? void 0 : takePendingHydrationIntents(wrapper);
   if (state.independent) {
@@ -9417,7 +9476,7 @@ function notifyHydrateBoundary(state, scope) {
     }
   }
 }
-function initializeHydrateComponent() {
+function initializeHydrateComponent(boundaryBody) {
   const hydrate = markComponentFlags(
     function Hydrate2(rawProps, scope) {
       const props = rawProps;
@@ -9425,7 +9484,7 @@ function initializeHydrateComponent() {
       let state = scope.slots[0];
       let renderedChild = false;
       if (state === void 0) {
-        state = createHydrateSlot(props, scope, boundaryId);
+        state = createHydrateSlot(props, scope, boundaryId, boundaryBody);
       } else {
         if (state.independent !== (props.__independent !== void 0)) {
           throw new Error(formatClientError(66));
@@ -9474,7 +9533,8 @@ function initializeHydrateComponent() {
   Object.defineProperty(hydrate, "__octanePermanentStatic", { value: permanentStatic });
   return hydrate;
 }
-const Hydrate = /* @__PURE__ */ initializeHydrateComponent();
+const Hydrate = /* @__PURE__ */ initializeHydrateComponent(hydrateBoundaryBody);
+const __HydrateCompiled = /* @__PURE__ */ initializeHydrateComponent(compiledHydrateBoundaryBody);
 const Suspense = /* @__PURE__ */ markComponentFlags(
   function Suspense2(props, scope) {
     const block = scope.block;
@@ -9493,7 +9553,7 @@ const Suspense = /* @__PURE__ */ markComponentFlags(
   },
   COMPONENT_FLAG_BOUNDARY,
   "Suspense",
-  /* @__PURE__ */ Symbol.for("octane.suspense")
+  SUSPENSE_TAG
 );
 function initializeViewTransitionComponent() {
   return markComponentFlags(
@@ -9567,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);
@@ -10577,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, {
@@ -10745,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;
@@ -12041,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);
@@ -12062,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;
@@ -12210,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");
@@ -12240,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) {
@@ -12260,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);
@@ -12322,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;
@@ -12356,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;
 }
@@ -12428,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);
@@ -12557,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;
@@ -12603,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(() => {
@@ -12712,6 +12818,8 @@ function bindSignalText(scope, previous, position, value, site, onlyChild = fals
   );
 }
 function bindSignalAttribute(scope, previous, element, name, value, site, attributeKind = "attr") {
+  if (previous === value && value !== void 0 && (value === null || typeof value !== "object" && typeof value !== "function"))
+    return previous;
   return bindDirectSignal(
     scope,
     previous,
@@ -13006,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;
 }
@@ -13933,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);
@@ -13990,7 +14100,14 @@ function setStyleProperty(el, name, value, staticCss, previous) {
   }
   const remove = value == null || typeof value === "boolean";
   if (remove && previous === CURRENT_SCOPE) return;
-  if (TRANSITION_JOURNAL !== null) journalAttr(el, "style");
+  if (TRANSITION_JOURNAL !== null) {
+    const log = TRANSITION_JOURNAL;
+    let tail = log.length - 4;
+    if (log[tail] === JOURNAL_BAG && log[tail + 1] === CURRENT_SCOPE?.slots[0]) tail -= 4;
+    if (tail < TRANSITION_JOURNAL_CHECKPOINT || log[tail] !== JOURNAL_ATTR || log[tail + 1] !== el || log[tail + 2] !== "style")
+      journalAttr(el, "style");
+    else journalBag();
+  }
   if (hiddenStyleWriter !== null && hiddenStyleWriter(el, value, previous, name)) return;
   const style = (STAGED_DOM?.view(el) ?? el).style;
   if (remove) style.removeProperty(styleName(name));
@@ -14229,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;
@@ -14244,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;
 }
@@ -14266,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();
@@ -14286,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 };
@@ -14298,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;
@@ -14318,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);
@@ -14469,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;
@@ -14597,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,
@@ -14612,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(() => {
@@ -14635,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) {
@@ -15031,14 +15131,16 @@ function setEventHandler(el, key, handler) {
         SCOPE_SIGNAL_OWNERS.set(owner, false);
       const owners = SIGNAL_EVENT_OWNERS ??= /* @__PURE__ */ new WeakMap();
       if (STAGED_COMMIT_CAPTURE !== null)
-        DEFERRED_LAYOUT_DRIVER.stageAction(() => owners.set(el, owner));
+        DEFERRED_LAYOUT_DRIVER.stageAction(() => {
+          if (owners.get(el) !== owner) owners.set(el, owner);
+        });
       else {
-        if (TRANSITION_JOURNAL !== null) {
-          const previous = owners.get(el);
-          if (previous !== owner)
+        const previous = owners.get(el);
+        if (previous !== owner) {
+          if (TRANSITION_JOURNAL !== null)
             TRANSITION_JOURNAL.push(JOURNAL_EVENT_OWNER, owners, el, previous);
+          owners.set(el, owner);
         }
-        owners.set(el, owner);
       }
     }
   }
@@ -15050,9 +15152,11 @@ function evt0(el, key, fn) {
 }
 function evt0u(d, fn) {
   if (STAGED_COMMIT_CAPTURE !== null) d = DEFERRED_LAYOUT_DRIVER.projectEventBundle(d);
-  if (_dispatchDepth !== 0) preserveDispatchedBundle(d);
-  if (TRANSITION_JOURNAL !== null) journalObjectOnce(d);
-  d.fn = fn;
+  if (d.fn !== fn) {
+    if (_dispatchDepth !== 0) preserveDispatchedBundle(d);
+    if (TRANSITION_JOURNAL !== null) journalObjectOnce(d);
+    d.fn = fn;
+  }
   if ((SIGNAL_BINDINGS_ENABLED || signalDocumentEnabled || activeSynchronousSignalOwner !== null || activeSignalOwnerEnvironment !== void 0 || SIGNAL_EVENT_OWNERS !== null) && (activeSynchronousSignalOwner !== null || activeSignalOwnerEnvironment !== void 0 || STAGED_COMMIT_CAPTURE !== null || signalDocumentEnabled || CURRENT_SCOPE?.block.idState.renderOwner?.signalOwner !== void 0 || SIGNAL_EVENT_OWNERS?.get(d.el) !== CURRENT_SCOPE))
     setEventHandler(d.el);
 }
@@ -15063,10 +15167,12 @@ function evt1(el, key, fn, a0) {
 }
 function evt1u(d, fn, a0) {
   if (STAGED_COMMIT_CAPTURE !== null) d = DEFERRED_LAYOUT_DRIVER.projectEventBundle(d);
-  if (_dispatchDepth !== 0) preserveDispatchedBundle(d);
-  if (TRANSITION_JOURNAL !== null) journalObjectOnce(d);
-  d.fn = fn;
-  d.a0 = a0;
+  if (d.fn !== fn || !Object.is(d.a0, a0)) {
+    if (_dispatchDepth !== 0) preserveDispatchedBundle(d);
+    if (TRANSITION_JOURNAL !== null) journalObjectOnce(d);
+    d.fn = fn;
+    d.a0 = a0;
+  }
   if ((SIGNAL_BINDINGS_ENABLED || signalDocumentEnabled || activeSynchronousSignalOwner !== null || activeSignalOwnerEnvironment !== void 0 || SIGNAL_EVENT_OWNERS !== null) && (activeSynchronousSignalOwner !== null || activeSignalOwnerEnvironment !== void 0 || STAGED_COMMIT_CAPTURE !== null || signalDocumentEnabled || CURRENT_SCOPE?.block.idState.renderOwner?.signalOwner !== void 0 || SIGNAL_EVENT_OWNERS?.get(d.el) !== CURRENT_SCOPE))
     setEventHandler(d.el);
 }
@@ -15077,11 +15183,13 @@ function evt2(el, key, fn, a0, a1) {
 }
 function evt2u(d, fn, a0, a1) {
   if (STAGED_COMMIT_CAPTURE !== null) d = DEFERRED_LAYOUT_DRIVER.projectEventBundle(d);
-  if (_dispatchDepth !== 0) preserveDispatchedBundle(d);
-  if (TRANSITION_JOURNAL !== null) journalObjectOnce(d);
-  d.fn = fn;
-  d.a0 = a0;
-  d.a1 = a1;
+  if (d.fn !== fn || !Object.is(d.a0, a0) || !Object.is(d.a1, a1)) {
+    if (_dispatchDepth !== 0) preserveDispatchedBundle(d);
+    if (TRANSITION_JOURNAL !== null) journalObjectOnce(d);
+    d.fn = fn;
+    d.a0 = a0;
+    d.a1 = a1;
+  }
   if ((SIGNAL_BINDINGS_ENABLED || signalDocumentEnabled || activeSynchronousSignalOwner !== null || activeSignalOwnerEnvironment !== void 0 || SIGNAL_EVENT_OWNERS !== null) && (activeSynchronousSignalOwner !== null || activeSignalOwnerEnvironment !== void 0 || STAGED_COMMIT_CAPTURE !== null || signalDocumentEnabled || CURRENT_SCOPE?.block.idState.renderOwner?.signalOwner !== void 0 || SIGNAL_EVENT_OWNERS?.get(d.el) !== CURRENT_SCOPE))
     setEventHandler(d.el);
 }
@@ -15102,10 +15210,12 @@ function evtN(el, key, fn, args) {
 }
 function evtNu(d, fn, args) {
   if (STAGED_COMMIT_CAPTURE !== null) d = DEFERRED_LAYOUT_DRIVER.projectEventBundle(d);
-  if (_dispatchDepth !== 0) preserveDispatchedBundle(d);
-  if (TRANSITION_JOURNAL !== null) journalObjectOnce(d);
-  d.fn = fn;
-  d.args = args;
+  if (d.fn !== fn || d.args !== args) {
+    if (_dispatchDepth !== 0) preserveDispatchedBundle(d);
+    if (TRANSITION_JOURNAL !== null) journalObjectOnce(d);
+    d.fn = fn;
+    d.args = args;
+  }
   if ((SIGNAL_BINDINGS_ENABLED || signalDocumentEnabled || activeSynchronousSignalOwner !== null || activeSignalOwnerEnvironment !== void 0 || SIGNAL_EVENT_OWNERS !== null) && (activeSynchronousSignalOwner !== null || activeSignalOwnerEnvironment !== void 0 || STAGED_COMMIT_CAPTURE !== null || signalDocumentEnabled || CURRENT_SCOPE?.block.idState.renderOwner?.signalOwner !== void 0 || SIGNAL_EVENT_OWNERS?.get(d.el) !== CURRENT_SCOPE))
     setEventHandler(d.el);
 }
@@ -16271,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);
@@ -16303,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;
@@ -16614,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;
@@ -16644,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 !== "")
@@ -17270,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;
 }
@@ -17279,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);
@@ -24932,6 +25037,7 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
     parentScope.slots[slotKey] = state;
     registerSlot(parentScope, state);
   }
+  if (hydration !== null && state.size === 0) hydration.node = getNextSibling(state.start);
   const serverMarkerState = hydration?.markerState(state.start) ?? -1;
   if (ROOT_RENDER_TRANSACTION !== null && state.env !== deps)
     journalRootProperty(state, "env", state.env);
@@ -25025,6 +25131,7 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
       (f & 2) !== 0,
       (f & 16) !== 0
     );
+    if (hydration !== null) discardLeftoverHydrationItems(state.end, hydration);
   } else {
     reconcileKeyed(
       parentBlock,
@@ -25039,10 +25146,7 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
       (f & 16) !== 0
     );
   }
-  if (hydration !== null) {
-    discardLeftoverHydrationItems(state.end, hydration);
-    hydration.node = getNextSibling(state.end);
-  }
+  if (hydration !== null) hydration.node = getNextSibling(state.end);
 }
 function keyedForBlock(parentScope, slotKey, domParent, items, getKey, itemBody, flags, deps, emptyBody, anchor, ownEnd, selectionBody) {
   if (CURRENT_BLOCK?.pending && !CURRENT_BLOCK.crossRenderUpdate) return;
@@ -27800,6 +27904,8 @@ export {
   TsrxErrorBoundary,
   ViewTransition,
   ViewTransitionPseudoElement,
+  __HydrateCompiled,
+  __createCompiledContext,
   __createVoidRoot,
   __hydrateVoidRoot,
   __useLinkedStateWithGetter,
@@ -27916,6 +28022,7 @@ export {
   hostComponent,
   htext,
   htextSwap,
+  hydrateClaimedBindingCaches,
   hydrateRoot,
   ifBlock,
   injectStyle,