From 252ada33eb477ba6cc857845549ff2e4cf2f92a8 Mon Sep 17 00:00:00 2001
From: mhenrixon <mikael@mhenrixon.com>
Date: Fri, 10 Jul 2026 08:54:14 +0200
Subject: [PATCH] fix(client): interpolate %{field} in nested-remove confirm on
 client-added rows (#222)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Summary
A row added client-side via reactive_nested_add is a cloneNode of the
<template>, and the clone path (#renumberNestedRow / #seedNestedRow) never
rewrote data-reactive-confirm[-when]-param — so a per-row confirm like
"Delete '%{name}'?" froze to the template's value-less string on every added
row (the exact rows the primitive exists for).

nestedRemove now resolves %{field} placeholders in the confirm message from
THAT row's live field values (via #nestedRowObject, keyed by the same
trailing-bracket inference as: :json uses) at click time — so a later edit is
reflected too. An unresolved %{key} is left as its literal text (debuggable,
never a silent blank); the confirm-when Hash message interpolates as well.
Server-rendered rows already interpolate server-side, so their finished strings
(no %{}) are a no-op.

Superset of the issue's proposal 3: confirmResolver now receives an optional
2nd arg — { el } on every confirm path (dispatch/runOps/nestedRemove), plus
{ row, fields } on nestedRemove — so a themed-dialog override can build
row-specific messages. Additive: a one-parameter resolver (and window.confirm)
is unchanged.

## Test Coverage
- spec/javascript/reactive_nested.test.js: 6 new — interpolation from live
  values, literal on missing key, client-added row reflects its own value,
  later-edit (click-time not clone-time), confirm-when message interpolation,
  resolver ctx { el, row, fields }
- spec/system/draft_order_confirm_interpolate_spec.rb: 2 new — the ADDED row's
  own typed quantity interpolated into its confirm (Puma + Falcon), later edit
- Existing #218 confirm-remove + #52/#55/#178/#179 confirm specs unchanged

## Verification
- [x] bundle exec rubocop (288 files, clean)
- [x] bundle exec rspec spec/phlex spec/requests (1357 examples)
- [x] confirm + draft system specs green under Puma AND Falcon
- [x] bun test spec/javascript (533)
- [x] client rebuilt (rake build:js) + vendored copy re-synced (sync spec green)
---
 CHANGELOG.md                                  |  19 +++
 README.md                                     |  24 ++-
 app/javascript/phlex/reactive/confirm.js      |   8 +
 .../phlex/reactive/confirm.min.js.map         |   4 +-
 .../phlex/reactive/reactive_controller.js     |  47 +++++-
 .../phlex/reactive/reactive_controller.min.js |   4 +-
 .../reactive/reactive_controller.min.js.map   |   6 +-
 .../views/docs/pages/draft_rows_new_parent.rb |  42 ++++-
 ...aft_order_confirm_interpolate_component.rb |  60 +++++++
 .../dummy/app/controllers/demos_controller.rb |   7 +
 spec/dummy/config/routes.rb                   |   3 +
 .../public/vendor/reactive_controller.js      |   4 +-
 spec/javascript/reactive_nested.test.js       | 154 +++++++++++++++++-
 .../draft_order_confirm_interpolate_spec.rb   |  72 ++++++++
 14 files changed, 429 insertions(+), 25 deletions(-)
 create mode 100644 spec/dummy/app/components/draft_order_confirm_interpolate_component.rb
 create mode 100644 spec/system/draft_order_confirm_interpolate_spec.rb

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 211cf7f..0dcc774 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -220,6 +220,25 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ### Fixed
 
+- **`reactive_nested_remove(confirm:)` now interpolates `%{field}` on client-added
+  rows (#222).** A row added in the browser via `reactive_nested_add` is a
+  `cloneNode` of the `<template>`, and the clone path (`#renumberNestedRow` /
+  `#seedNestedRow`) never rewrote the confirm attribute — so a per-row confirm
+  froze to the template's value-less string on every added row (the exact rows
+  the primitive exists for). The client now resolves `%{field}` placeholders in
+  the confirm message from **that row's live field values** at click time (keyed
+  by the same trailing-bracket inference `as: :json` uses), so
+  `confirm: "Delete '%{name}'?"` on the template shows `Delete 'Widget'?` on the
+  added row — reflecting a later edit too (resolved on remove, not on clone). An
+  unresolved `%{key}` is left as its literal text (debuggable, never a silent
+  blank); the placeholder works in the conditional Hash's `message:` as well.
+  Server-rendered rows already interpolate server-side, so their finished strings
+  are unaffected. **Also (superset of the issue's proposal 3):** `confirmResolver`
+  now receives an optional second argument — a context object, always `{ el }`
+  (the trigger), plus `{ row, fields }` on a `reactive_nested_remove` — so a
+  themed-dialog override can build row-specific messages programmatically. The
+  arg is additive: a one-parameter resolver (and `window.confirm`) is unchanged.
+
 - **A draft (unsaved-parent) token can now round-trip real server actions (#208).**
   `Component::Identity` already signed a gid-less `{c, state}` token for an
   unpersisted (or nil) record, but `from_identity` still `fetch`ed the absent
diff --git a/README.md b/README.md
index de06941..3111116 100644
--- a/README.md
+++ b/README.md
@@ -1512,9 +1512,27 @@ the user dismissed the dialog) cancels the action, exactly like declining the
 native prompt. The native default is always prevented up front, so a `submit`
 trigger never navigates while the dialog is open.
 
-Unset, behavior is identical to the native `window.confirm` — the `confirm:`
-markup and `on(...)` API are unchanged; only the client's resolution strategy
-gains a seam.
+The resolver also gets an **optional second argument** — a context object — so a
+power-user override can build the string itself instead of relying on the message
+alone. It always carries `{ el }` (the trigger element the confirm fired from);
+on a `reactive_nested_remove` it additionally carries `{ row, fields }` (the row
+element and its `{ key => value }` field map), so a themed dialog can render
+row-specific detail programmatically:
+
+```js
+setConfirmResolver((message, ctx) => {
+  // message is already interpolated (client-added rows resolve %{field}, see below)
+  return myThemedDialog(message, { trigger: ctx.el, fields: ctx.fields })
+})
+```
+
+The second argument is purely additive — a one-parameter resolver keeps working
+untouched. Unset, behavior is identical to the native `window.confirm`; the
+`confirm:` markup and `on(...)` API are unchanged. For per-row confirm messages
+on **client-added** draft rows, the message the resolver receives is already
+interpolated from the row's live field values (`confirm: "Delete '%{name}'?"` →
+`Delete 'Widget'?`) — see [Draft rows for a new
+parent](#draft-rows-for-a-new-parent-reactive_nested_).
 
 ### `reply` — controlling the action's reply
 
diff --git a/app/javascript/phlex/reactive/confirm.js b/app/javascript/phlex/reactive/confirm.js
index 255908c..eb1023e 100644
--- a/app/javascript/phlex/reactive/confirm.js
+++ b/app/javascript/phlex/reactive/confirm.js
@@ -20,6 +20,14 @@
 // Promise.resolve, so a bare boolean and a Promise<boolean> both work. It must
 // resolve truthy to proceed; a falsy resolve (or a rejection) cancels the
 // action — exactly like declining the native prompt.
+//
+// The resolver receives an OPTIONAL 2nd arg (issue #222): a context object,
+// always `{ el }` (the trigger element), plus `{ row, fields }` on a
+// reactive_nested_remove (the row element + its { key: value } field map). It's
+// purely additive — a one-arg resolver (and window.confirm, which ignores extra
+// args) keeps working unchanged. On a client-added draft row the `message` the
+// resolver receives is already interpolated from the row's live field values
+// (`confirm: "Delete '%{name}'?"` → "Delete 'Widget'?").
 
 // The default: wrap the synchronous native confirm in a Promise so the call
 // site can always `await` it. Read window lazily (per call), not at module load
diff --git a/app/javascript/phlex/reactive/confirm.min.js.map b/app/javascript/phlex/reactive/confirm.min.js.map
index df6b6a8..7a00dde 100644
--- a/app/javascript/phlex/reactive/confirm.min.js.map
+++ b/app/javascript/phlex/reactive/confirm.min.js.map
@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["confirm.js"],
   "sourcesContent": [
-    "// The overridable confirmation resolver behind `on(:action, confirm: \"…\")`\n// (issue #55, follow-up to #52).\n//\n// The reactive controller preempts the click event (its own preventDefault +\n// POST), so Hotwire's `data-turbo-confirm` — which routes through\n// `Turbo.config.forms.confirm` — never runs for a reactive trigger. That made\n// the reactive path the ONE interaction a Hotwire app couldn't theme: every\n// confirmable reactive action showed the unstyled native window.confirm chrome.\n//\n// This module is the seam. `dispatch` resolves the confirm message through\n// `confirmResolver`, which defaults to a Promise-wrapped window.confirm (so the\n// 0.4.5 behavior is byte-for-byte unchanged when nothing is configured: sync,\n// no dependency, screen-reader friendly). An app reuses its themed dialog with\n// one line at boot:\n//\n//   import { setConfirmResolver } from \"phlex/reactive/confirm\"\n//   setConfirmResolver((message) => window.Turbo.config.forms.confirm(message))\n//\n// The resolver may be sync or async — the controller awaits it via\n// Promise.resolve, so a bare boolean and a Promise<boolean> both work. It must\n// resolve truthy to proceed; a falsy resolve (or a rejection) cancels the\n// action — exactly like declining the native prompt.\n\n// The default: wrap the synchronous native confirm in a Promise so the call\n// site can always `await` it. Read window lazily (per call), not at module load\n// — under SSR / test the global may not exist yet when this module is imported.\nexport let confirmResolver = (message) =>\n  Promise.resolve(typeof window !== \"undefined\" ? window.confirm(message) : true)\n\n// Override the resolver. Pass a function `(message) => boolean | Promise<boolean>`.\n// Truthy resolves the action through; falsy (or a rejected Promise) cancels it.\nexport function setConfirmResolver(fn) {\n  confirmResolver = fn\n}\n"
+    "// The overridable confirmation resolver behind `on(:action, confirm: \"…\")`\n// (issue #55, follow-up to #52).\n//\n// The reactive controller preempts the click event (its own preventDefault +\n// POST), so Hotwire's `data-turbo-confirm` — which routes through\n// `Turbo.config.forms.confirm` — never runs for a reactive trigger. That made\n// the reactive path the ONE interaction a Hotwire app couldn't theme: every\n// confirmable reactive action showed the unstyled native window.confirm chrome.\n//\n// This module is the seam. `dispatch` resolves the confirm message through\n// `confirmResolver`, which defaults to a Promise-wrapped window.confirm (so the\n// 0.4.5 behavior is byte-for-byte unchanged when nothing is configured: sync,\n// no dependency, screen-reader friendly). An app reuses its themed dialog with\n// one line at boot:\n//\n//   import { setConfirmResolver } from \"phlex/reactive/confirm\"\n//   setConfirmResolver((message) => window.Turbo.config.forms.confirm(message))\n//\n// The resolver may be sync or async — the controller awaits it via\n// Promise.resolve, so a bare boolean and a Promise<boolean> both work. It must\n// resolve truthy to proceed; a falsy resolve (or a rejection) cancels the\n// action — exactly like declining the native prompt.\n//\n// The resolver receives an OPTIONAL 2nd arg (issue #222): a context object,\n// always `{ el }` (the trigger element), plus `{ row, fields }` on a\n// reactive_nested_remove (the row element + its { key: value } field map). It's\n// purely additive — a one-arg resolver (and window.confirm, which ignores extra\n// args) keeps working unchanged. On a client-added draft row the `message` the\n// resolver receives is already interpolated from the row's live field values\n// (`confirm: \"Delete '%{name}'?\"` → \"Delete 'Widget'?\").\n\n// The default: wrap the synchronous native confirm in a Promise so the call\n// site can always `await` it. Read window lazily (per call), not at module load\n// — under SSR / test the global may not exist yet when this module is imported.\nexport let confirmResolver = (message) =>\n  Promise.resolve(typeof window !== \"undefined\" ? window.confirm(message) : true)\n\n// Override the resolver. Pass a function `(message) => boolean | Promise<boolean>`.\n// Truthy resolves the action through; falsy (or a rejected Promise) cancels it.\nexport function setConfirmResolver(fn) {\n  confirmResolver = fn\n}\n"
   ],
-  "mappings": "AA0BO,IAAI,EAAkB,CAAC,IAC5B,QAAQ,QAAQ,OAAO,OAAW,IAAc,OAAO,QAAQ,CAAO,EAAI,EAAI,EAIzE,SAAS,CAAkB,CAAC,EAAI,CACrC,EAAkB",
+  "mappings": "AAkCO,IAAI,EAAkB,CAAC,IAC5B,QAAQ,QAAQ,OAAO,OAAW,IAAc,OAAO,QAAQ,CAAO,EAAI,EAAI,EAIzE,SAAS,CAAkB,CAAC,EAAI,CACrC,EAAkB",
   "debugId": "95D50A0903B9B05E64756E2164756E21",
   "names": []
 }
\ No newline at end of file
diff --git a/app/javascript/phlex/reactive/reactive_controller.js b/app/javascript/phlex/reactive/reactive_controller.js
index e5df0df..7020209 100644
--- a/app/javascript/phlex/reactive/reactive_controller.js
+++ b/app/javascript/phlex/reactive/reactive_controller.js
@@ -1742,8 +1742,10 @@ export default class extends Controller {
     // so a dismissed/erroring dialog never surfaces as an unhandled rejection AND a
     // genuine bug inside #proceed is NOT silently swallowed. Enqueue ONLY on a
     // truthy resolution — nothing is enqueued, no timer scheduled, otherwise.
+    // The resolver's optional 2nd arg (issue #222) carries the trigger element,
+    // so an override has the same ctx shape here as on nestedRemove ({ el, … }).
     Promise.resolve()
-      .then(() => confirmResolver(message))
+      .then(() => confirmResolver(message, { el: target }))
       .catch(() => false)
       .then((ok) => {
         if (ok) this.#proceed(target, action, params, debounce, throttle, optimistic, busy)
@@ -1758,6 +1760,9 @@ export default class extends Controller {
   // owns state that must survive re-renders).
   runOps(event) {
     const { ops, confirm, confirmWhen, outside, window: windowBound } = event.params
+    // The trigger element on_client was spread onto (issue #222 ctx: { el }),
+    // captured now — currentTarget resets before the confirm resolver's microtask.
+    const trigger = event.currentTarget ?? event.target
 
     // Outside guard FIRST — identical semantics to dispatch() (issue #80): an
     // outside: trigger is a COMPLETE no-op for events inside this root, before
@@ -1789,7 +1794,7 @@ export default class extends Controller {
     // here (the user gesture), NOT in #applyOps: that applier is shared with the
     // server-pushed reactive:js stream action, which must NEVER prompt.
     Promise.resolve()
-      .then(() => confirmResolver(message))
+      .then(() => confirmResolver(message, { el: trigger }))
       .catch(() => false)
       .then((ok) => {
         if (ok) this.#applyOps(this.#parseOps(ops))
@@ -2254,21 +2259,47 @@ export default class extends Controller {
     // else null. No confirm attr → null → the immediate-remove fast path.
     const confirm = trigger?.getAttribute?.("data-reactive-confirm-param")
     const confirmWhen = trigger?.getAttribute?.("data-reactive-confirm-when-param")
-    const message = this.#effectiveConfirmMessage(confirm, confirmWhen)
-    if (!message) return this.#removeNestedRow(row)
+    const rawMessage = this.#effectiveConfirmMessage(confirm, confirmWhen)
+    if (!rawMessage) return this.#removeNestedRow(row)
+
+    // Per-row confirm interpolation (issue #222). A row added client-side is a
+    // cloneNode of the <template>, and the clone carries the TEMPLATE's confirm
+    // string verbatim — the renumber/seed steps never rewrite the confirm attr.
+    // So resolve %{field} placeholders here, from THIS row's live field values
+    // (read now, not at clone time, so a later edit is reflected). An unresolved
+    // key is left as its literal %{key} (debuggable, never throws). Server-
+    // rendered rows already interpolate server-side, so their finished strings
+    // carry no %{}; this is a no-op for them.
+    const fields = this.#nestedRowObject(row)
+    const message = this.#interpolateConfirm(rawMessage, fields)
 
     // Gate through the overridable confirmResolver (issues #52/#55/#178) — a
-    // themed dialog set with setConfirmResolver covers this trigger too. Call the
-    // resolver INSIDE the chain so even a SYNCHRONOUS override throw is a cancel
-    // (like a dismissed dialog), and remove ONLY on a truthy resolution.
+    // themed dialog set with setConfirmResolver covers this trigger too. Pass the
+    // row context (issue #222, superset of proposal 3) as an optional 2nd arg so
+    // a power-user override can build the string itself; the message is already
+    // interpolated for the default window.confirm path. Call the resolver INSIDE
+    // the chain so even a SYNCHRONOUS override throw is a cancel (like a dismissed
+    // dialog), and remove ONLY on a truthy resolution.
     return Promise.resolve()
-      .then(() => confirmResolver(message))
+      .then(() => confirmResolver(message, { el: trigger, row, fields }))
       .catch(() => false)
       .then((ok) => {
         if (ok) this.#removeNestedRow(row)
       })
   }
 
+  // Resolve %{field} placeholders in a confirm message from a row's field map
+  // (issue #222). Ruby-style %{name} tokens; an unresolved key is left verbatim
+  // (a visible, debuggable placeholder — never an empty hole or a throw). A
+  // message with no placeholders returns unchanged, so this is inert for every
+  // server-rendered (already-interpolated) confirm string.
+  #interpolateConfirm(message, fields) {
+    if (!message.includes("%{")) return message
+    return message.replace(/%\{(\w+)\}/g, (whole, key) =>
+      Object.prototype.hasOwnProperty.call(fields, key) ? fields[key] : whole,
+    )
+  }
+
   // The remove itself, shared by the confirmed and no-confirm paths. Draft rows
   // leave the DOM; a persisted row (a hidden [_destroy] input present) is marked
   // "1" + hidden instead (set-value + dispatch contract, #183), so Rails destroys
diff --git a/app/javascript/phlex/reactive/reactive_controller.min.js b/app/javascript/phlex/reactive/reactive_controller.min.js
index 06197d5..69d0e8b 100644
--- a/app/javascript/phlex/reactive/reactive_controller.min.js
+++ b/app/javascript/phlex/reactive/reactive_controller.min.js
@@ -1,4 +1,4 @@
-import{Controller as WX}from"@hotwired/stimulus";import{confirmResolver as R}from"phlex/reactive/confirm";import{computeReducer as JX}from"phlex/reactive/compute";import{confirmPredicate as LX}from"phlex/reactive/confirm_predicate";function VX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:visit"])return;X["reactive:visit"]=function(){let Z=this.getAttribute("data-url");if(Z)window.Turbo.visit(Z,{action:"advance"})}}function BX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:token"])return;X["reactive:token"]=function(){let Z=this.getAttribute("data-reactive-token-value"),$=this.getAttribute("target");if(!Z||!$)return;let Q=document.getElementById($);if(Q)Q.setAttribute("data-reactive-token-value",Z)}}function MX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:js"])return;X["reactive:js"]=function(){let Z=HX(this.getAttribute("data-reactive-ops"));if(!Z.length)return;let $=this.getAttribute("target"),Q=$?document.getElementById($):null;if($&&!Q)return;UX(Z,(j)=>ZZ(j,Q))}}var M=new Map;function s(X,Z){let $=!M.has(X);if(M.set(X,Z),$)QX()}function N(X){if(M.delete(X))jX()}function GZ(){M.clear(),S=!1}function qZ(X){return M.get(X)?.via}var S=!1;function _X(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:defer"])return;if(X["reactive:defer"]=function(){let Z=this.getAttribute("target");if(!Z)return;if(this.getAttribute("data-reactive-defer-via")==="stream"){OX(Z,this);return}let $=this.getAttribute("data-reactive-defer-token");if(!$)return;C(Z,$)},!S&&typeof document<"u"&&document.addEventListener)S=!0,document.addEventListener("turbo:before-stream-render",AX)}function AX(X){let $=X.target?.getAttribute?.("target");if(!$)return;let Q=$.startsWith("reactive-defer-src-")?$.slice(19):$;if(M.get(Q)?.via==="stream")N(Q)}function C(X,Z){let $=document.getElementById(X);if(!$){console.warn(`[phlex-reactive] reactive:defer target #${X} is not on the page — skipped`);return}a(X),r($);let Q={via:"fetch",abort:new AbortController,timedOut:!1};s(X,Q),xX(X,Q,Z)}function OX(X,Z){let $=document.getElementById(X);if(!$){console.warn(`[phlex-reactive] reactive:defer target #${X} is not on the page — skipped`);return}let Q=Z.getAttribute("data-reactive-defer-src");if(!Q)return;if(!globalThis.customElements?.get?.("pgbus-stream-source")){let z=Z.getAttribute("data-reactive-defer-token");if(z){C(X,z);return}console.error("[phlex-reactive] reactive:defer via=stream but <pgbus-stream-source> is not registered "+"and no fallback token was provided — is the pgbus client loaded on this page?");return}a(X),r($);let j=document.createElement("pgbus-stream-source");j.id=n(X),j.setAttribute("src",Q),j.setAttribute("since-id",Z.getAttribute("data-reactive-defer-since-id")??"0"),j.setAttribute("hidden",""),document.body.appendChild(j),s(X,{via:"stream"})}function n(X){return`reactive-defer-src-${X}`}async function xX(X,Z,$){let Q=setTimeout(()=>{Z.timedOut=!0,Z.abort.abort()},CX()),j;try{j=await fetch(PX(),{method:"POST",headers:{Accept:"text/vnd.turbo-stream.html","Content-Type":"application/json","X-CSRF-Token":NX()},body:JSON.stringify({token:$}),credentials:"same-origin",signal:Z.abort.signal})}catch(G){if(clearTimeout(Q),M.get(X)!==Z)return;console.error("[phlex-reactive] deferred render failed",G),F(X,$);return}if(M.get(X)!==Z){clearTimeout(Q);return}if(j.status===204){clearTimeout(Q),g(X);return}if(!j.ok){clearTimeout(Q),console.error(`[phlex-reactive] deferred render failed: HTTP ${j.status}`),F(X,$,j.status);return}let z;try{z=await j.text()}catch(G){if(clearTimeout(Q),M.get(X)!==Z)return;console.error("[phlex-reactive] deferred render failed reading the body",G),F(X,$);return}if(clearTimeout(Q),M.get(X)!==Z)return;g(X),window.Turbo.renderStreamMessage(z)}function a(X){let Z=M.get(X);if(!Z)return;if(N(X),Z.via==="fetch")Z.abort.abort();else document.getElementById(n(X))?.remove?.()}function r(X){X.setAttribute("data-reactive-defer-pending","true"),X.setAttribute("aria-busy","true")}function t(X){X.removeAttribute("data-reactive-defer-pending"),X.removeAttribute("aria-busy")}function g(X){N(X);let Z=document.getElementById(X);if(!Z)return;t(Z),Z.removeAttribute("data-reactive-error")}function F(X,Z,$){N(X);let Q=document.getElementById(X);if(!Q)return;t(Q),Q.setAttribute("data-reactive-error","defer");let j=()=>{let z=document.getElementById(X);if(!z){console.warn("[phlex-reactive] defer retry() ignored — the target left the DOM");return}z.removeAttribute("data-reactive-error"),C(X,Z)};Q.dispatchEvent(new CustomEvent("reactive:error",{bubbles:!0,composed:!0,detail:{kind:"defer",target:X,status:$,retry:j}}))}function PX(){return document.querySelector('meta[name="phlex-reactive-defer-path"]')?.content||"/reactive/defer"}function NX(){return document.querySelector('meta[name="csrf-token"]')?.content??""}function CX(){let X=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,Z=Number(X);return Number.isFinite(Z)&&Z>0?Z:30000}var b=!1;function DX(){if(b)return;if(typeof document>"u"||!document.addEventListener)return;b=!0,document.addEventListener("turbo:before-stream-render",RX)}function RX(X){let Z=X.detail,$=Z?.render;if(typeof $!=="function"||$.__reactiveDismissWrapped){if(typeof requestAnimationFrame==="function")requestAnimationFrame(I);else setTimeout(I,0);return}let Q=async(j)=>{await $(j),I()};Q.__reactiveDismissWrapped=!0,Z.render=Q}function I(){let X=document.querySelectorAll("[data-reactive-dismiss-after]");for(let Z of X){if(Z.hasAttribute("data-reactive-dismiss-scheduled"))continue;let $=Number(Z.getAttribute("data-reactive-dismiss-after"));if(!Number.isFinite($)||$<=0)continue;Z.setAttribute("data-reactive-dismiss-scheduled",""),setTimeout(()=>Z.remove(),$)}}function YZ(){b=!1}var FX=Object.freeze({append:"enter",prepend:"enter",replace:"update",update:"update",remove:"exit"}),T=Object.freeze(["fade","slide","scale","highlight","shake"]),w="data-reactive-fx-pending",e=1000,h=!1;function IX(){if(h)return;if(typeof document>"u"||typeof document.addEventListener!=="function")return;h=!0,document.addEventListener("turbo:before-stream-render",TX)}function KZ(){h=!1}function TX(X){let Z=X.detail,$=Z?.render;if(typeof $!=="function"||$.__reactiveEffectsWrapped)return;let Q=Z?.newStream??X.target,j=FX[Q?.getAttribute?.("action")];if(!j||SX())return;let z=EX(Q,j);if(!z)return;let G=j==="exit"?async(q)=>{await hX(x(Q),z),await $(q)}:async(q)=>{let Y=j==="enter"?bX(Q):null;if(await $(q),j==="enter")wX(Y,z);else XX(x(Q),z)};G.__reactiveEffectsWrapped=!0,Z.render=G}function EX(X,Z){let $=X.getAttribute?.("data-reactive-effect");if($==="off")return null;if($)return c($,Z);let j=(Z==="enter"?kX(X):x(X))?.getAttribute?.(`data-reactive-effect-${Z}`);return j?c(j,Z):null}function x(X){let Z=X.getAttribute?.("target");return Z?document.getElementById?.(Z)??null:null}function kX(X){return X.querySelector?.("template")?.content?.firstElementChild??null}function c(X,Z){if(X.startsWith("[")){let Q=null;try{let j=JSON.parse(X);if(Array.isArray(j)&&j.length===3)Q=j.map(String)}catch{}if(Q)return{legs:Q};return console.warn(`[phlex-reactive] malformed effect legs ${JSON.stringify(X)} — skipped`),null}let $=X==="random"?T[Math.floor(Math.random()*T.length)]:X;if(!T.includes($))return console.warn(`[phlex-reactive] unknown effect ${JSON.stringify(X)} — skipped`),null;return{className:`reactive-fx--${$}-${Z}`}}function SX(){try{return typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches}catch{return!1}}function bX(X){let Z=X.querySelector?.("template")?.content;if(!Z)return null;for(let $ of Array.from(Z.children??[]))$.setAttribute?.(w,"");return x(X)}function wX(X,Z){if(typeof X?.querySelectorAll!=="function")return;for(let $ of Array.from(X.querySelectorAll(`[${w}]`)))$.removeAttribute(w),XX($,Z)}async function hX(X,Z){if(!X?.classList)return;if(Z.legs){await ZX(X,Z.legs);return}X.classList.add(Z.className);let $=f(X);if($<=0){X.classList.remove(Z.className);return}await p(X,$),X.classList.remove(Z.className)}function XX(X,Z){if(!X?.classList)return;if(Z.legs){ZX(X,Z.legs);return}if(X.classList.contains(Z.className))X.classList.remove(Z.className),X.offsetWidth;X.classList.add(Z.className);let $=f(X);if($<=0){X.classList.remove(Z.className);return}let Q=X.__reactiveFxToken=(X.__reactiveFxToken??0)+1;p(X,$).then(()=>{if(X.__reactiveFxToken===Q)X.classList.remove(Z.className)})}async function ZX(X,Z){let[$,Q,j]=Z.map(yX),z=X.__reactiveFxToken=(X.__reactiveFxToken??0)+1;if(X.classList.remove(...$,...Q,...j),X.classList.add(...$,...Q),await vX(),X.__reactiveFxToken!==z)return;X.classList.remove(...Q),X.classList.add(...j);let G=f(X);if(G>0)await p(X,G);if(X.__reactiveFxToken!==z)return;X.classList.remove(...$,...j)}function yX(X){return String(X??"").split(/\s+/).filter(Boolean)}function f(X){if(typeof getComputedStyle!=="function")return 0;try{let Z=getComputedStyle(X),$=(z)=>String(z??"").split(",").reduce((G,q)=>Math.max(G,parseFloat(q)||0),0),Q=$(Z.animationDuration)+$(Z.animationDelay),j=$(Z.transitionDuration)+$(Z.transitionDelay);return Math.min(Math.max(Q,j)*1000,e)}catch{return 0}}function p(X,Z){return new Promise(($)=>{let Q=!1,j=()=>{if(Q)return;Q=!0,$()};X.addEventListener?.("animationend",j,{once:!0}),X.addEventListener?.("transitionend",j,{once:!0}),setTimeout(j,Math.min(Z+50,e))})}function vX(){return new Promise((X)=>{if(typeof requestAnimationFrame==="function")requestAnimationFrame(()=>X());else setTimeout(X,16)})}var y=!1;function fX(){if(y)return;if(typeof window>"u"||typeof document>"u")return;if(typeof window.addEventListener!=="function")return;y=!0;let X=()=>{let Z=document.documentElement;if(typeof Z?.toggleAttribute!=="function")return;Z.toggleAttribute("data-reactive-offline",globalThis.navigator?.onLine===!1)};X(),window.addEventListener("online",X),window.addEventListener("offline",X)}function HZ(){y=!1}var m="phlex-reactive:latency",P=!1;function pX(X){if(typeof sessionStorage>"u")return;sessionStorage.setItem(m,String(X))}function mX(){if(typeof sessionStorage>"u")return;sessionStorage.removeItem(m),P=!1}function uX(){if(typeof window>"u"||typeof document>"u")return;if(document.querySelector?.('meta[name="phlex-reactive-env"]')?.content!=="development")return;window.PhlexReactive={enableLatencySim:pX,disableLatencySim:mX}}function UZ(){P=!1}var $X="data-reactive-active",_=0;function QX(){if(_++,_===1)zX("reactive:busy")}function jX(){if(_===0)return;if(_--,_===0)zX("reactive:idle")}function WZ(){return _}function JZ(){_=0,(typeof document<"u"?document.documentElement:null)?.removeAttribute?.($X)}function zX(X){if(typeof document>"u")return;let Z=document.documentElement;if(typeof Z?.toggleAttribute==="function")Z.toggleAttribute($X,_>0);if(typeof document.dispatchEvent==="function"&&typeof CustomEvent==="function")document.dispatchEvent(new CustomEvent(X,{detail:{count:_}}))}function d(){VX(),BX(),MX(),_X(),DX(),IX(),fX(),uX()}function gX(X){return X.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}if(typeof window<"u")if(window.Turbo)d();else document.addEventListener("turbo:load",d,{once:!0});var D=!1;function cX(){if(D)return;if(typeof document>"u")return;let X=document.querySelectorAll('[data-controller~="reactive"]');if(!X||X.length===0)return;console.warn("[phlex-reactive] found "+X.length+' element(s) with data-controller="reactive" '+"but the reactive controller never connected. It is loaded but not registered — "+'add `application.register("reactive", ReactiveController)` (importmap) or import it into app/javascript/controllers/ for lazyLoadControllersFrom apps. See the README.')}function LZ(){D=!1}function VZ(){D=!0}if(typeof window<"u"&&typeof document<"u"){let X=()=>setTimeout(cX,0);if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",X,{once:!0});else X()}var dX=new Set(["href","src","srcdoc","action","formaction","xlink:href","style"]);function lX(X){let Z=String(X).toLowerCase();return Z.startsWith("on")||dX.has(Z)}function iX(X,Z,$){let[Q,j,z]=Z;X.classList.add(Q,j),$(),requestAnimationFrame(()=>{X.classList.remove(j),X.classList.add(z)});let G=!1,q=()=>{if(G)return;G=!0,X.classList.remove(Q,z)};X.addEventListener("animationend",q,{once:!0}),setTimeout(q,350)}var l=Object.freeze({show:(X,Z)=>E(X,!1,Z),hide:(X,Z)=>E(X,!0,Z),toggle:(X,Z)=>E(X,!X.hidden,Z),add_class:(X,Z)=>X.classList.add(...Z.classes??[]),remove_class:(X,Z)=>X.classList.remove(...Z.classes??[]),toggle_class:(X,Z)=>(Z.classes??[]).forEach(($)=>X.classList.toggle($)),set_attr:(X,Z)=>{if(k(Z.name))X.setAttribute(Z.name,Z.value??"")},remove_attr:(X,Z)=>{if(k(Z.name))X.removeAttribute(Z.name)},toggle_attr:(X,Z)=>{if(!k(Z.name))return;if(X.hasAttribute(Z.name))X.removeAttribute(Z.name);else X.setAttribute(Z.name,"")},focus:(X)=>X.focus?.(),focus_first:(X)=>XZ(X)?.focus?.(),text:(X,Z)=>{let $=String(Z.value??"");if(X.textContent!==$)X.textContent=$},dispatch:(X,Z)=>{X.dispatchEvent(new CustomEvent(Z.name,{bubbles:!0,composed:!0,detail:Z.detail??{}}))}});function E(X,Z,$){if($?.transition)iX(X,$.transition,()=>X.hidden=Z);else X.hidden=Z}function k(X){if(!lX(X))return!0;return console.warn(`[phlex-reactive] refused client attr op on ${JSON.stringify(X)} — skipped`),!1}var GX=/^#[A-Za-z_][\w-]*$/;function oX(X){if(typeof X==="string"&&GX.test(X))return!0;return console.warn(`[phlex-reactive] refused cross-root mirror target ${JSON.stringify(X)} — skipped`),!1}function sX(X,Z){let $=X.getAttribute("data-reactive-show-equals");if($!==null)return Z===$;let Q=X.getAttribute("data-reactive-show-not");if(Q!==null)return Z!==Q;let j=X.getAttribute("data-reactive-show-in");if(j!==null){try{let z=JSON.parse(j);if(Array.isArray(z))return z.includes(Z)}catch{}return console.warn(`[phlex-reactive] malformed reactive_show in: list ${JSON.stringify(j)} — skipped`),null}for(let z of qX){let G=X.getAttribute(`data-reactive-show-${z}`);if(G!==null)return YX(z,G,Z)}return console.warn("[phlex-reactive] a reactive_show binding declares no predicate — skipped"),null}var qX=["gte","gt","lte","lt"];function YX(X,Z,$){let Q=Number(Z);if(Number.isNaN(Q))return console.warn(`[phlex-reactive] reactive_show ${X}: needs a numeric literal, got ${JSON.stringify(Z)} — skipped`),null;let j=$==null?"":String($).trim(),z=j===""?NaN:Number(j);if(Number.isNaN(z))return!1;switch(X){case"gte":return z>=Q;case"gt":return z>Q;case"lte":return z<=Q;case"lt":return z<Q;default:return null}}function KX(X,Z){if(!X||typeof X!=="object")return null;if(typeof X.equals==="string")return Z===X.equals;if(typeof X.not==="string")return Z!==X.not;if(Array.isArray(X.in))return X.in.includes(Z);for(let $ of qX)if($ in X)return YX($,X[$],Z);return null}var i="[data-reactive-show-field], [data-reactive-show]";function nX(X){try{let Z=JSON.parse(X);if(Z&&typeof Z==="object"&&!Array.isArray(Z))return Z}catch{}return console.warn(`[phlex-reactive] malformed compound reactive_show payload ${JSON.stringify(X)} — skipped`),null}function u(X,Z){if(!X||typeof X!=="object"||typeof X.field!=="string")return!1;let $=Z(X.field)??"";return KX(X,$)===!0}function v(X,Z){if(!Array.isArray(X)||X.length===0)return null;return X.some(($)=>Array.isArray($)&&$.length>0&&$.every((Q)=>u(Q,Z)))}function aX(X){if(!Array.isArray(X)||X.length===0)return null;let Z=new Set;for(let $ of X){if(!Array.isArray($))continue;for(let Q of $)if(Q&&typeof Q==="object"&&typeof Q.field==="string")Z.add(Q.field)}return Z.size>0?[...Z]:null}function rX(X,Z){if(!X||typeof X!=="object")return null;let $=X.any;if(Array.isArray($)&&($.length===0||Array.isArray($[0])))return v($,Z);return tX(X,Z)}function tX(X,Z){let $=Array.isArray(X.all)?"all":Array.isArray(X.any)?"any":null;if(!$)return null;let Q=X[$];if(Q.length===0)return null;let j=Q.map((z)=>u(z,Z));return $==="all"?j.every(Boolean):j.some(Boolean)}function o(X){if(typeof X==="string"&&GX.test(X))return!0;return console.warn(`[phlex-reactive] refused cross-root show target ${JSON.stringify(X)} — skipped`),!1}var eX='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function XZ(X){return X.querySelectorAll?.(eX)?.[0]??null}function HX(X){if(Array.isArray(X))return X;if(typeof X!=="string")return[];try{let Z=JSON.parse(X);return Array.isArray(Z)?Z:[]}catch{return[]}}function UX(X,Z){for(let $ of X){if(!Array.isArray($))continue;let[Q,j={}]=$;if(!Object.hasOwn(l,Q)){console.warn(`[phlex-reactive] unknown client op ${JSON.stringify(Q)} — skipped`);continue}for(let z of Z(j))l[Q](z,j)}}function ZZ(X,Z){let $=X.to;if(Z){if($==="@root")return[Z];if(typeof $!=="string"||$==="")return[];if(X.global)return[...document.querySelectorAll($)];return[...Z.querySelectorAll($)]}if(typeof $!=="string"||$===""||$==="@root")return[];return[...document.querySelectorAll($)]}class BZ extends WX{static values={token:String};#m;#A=new Map;#H=new Map;#BX;#I;#u;#T=0;#U=new Map;#E=new WeakMap;#O=new Map;#g=new WeakSet;#W;#J;#L;#Z;#Q;#V;#c=!1;#k=0;#d=!1;#j;#B;#M;#x;connect(){if(D=!0,this.element.id==="")console.warn("[phlex-reactive] a reactive root has no id; its next-action token can't self-match "+"and may fall back to the first token in the response → a silent HTTP 403 on the NEXT action. "+"Put id: on the SAME element as reactive_attrs — use div(**reactive_root) (emits id + token together), "+"or div(id:, **reactive_attrs). The id: must NOT be on a child. See the README.");if(this.element.getAttribute?.("data-reactive-defer-token"))this.#l(),this.#x=()=>this.#l(),this.element.addEventListener?.("turbo:morph-element",this.#x);if(this.#MX()){if(this.#W=()=>this.#h(),this.element.addEventListener?.("turbo:morph-element",this.#W),this.#h(),this.element.getAttribute?.("data-reactive-warn-unsaved")==="true")this.#gX()}if(this.#dX())this.#Z=()=>this.#zX(),this.element.addEventListener?.("input",this.#Z),this.element.addEventListener?.("change",this.#Z),this.element.addEventListener?.("turbo:morph-element",this.#Z),this.#zX();if(this.#R())this.#Q=(X)=>{if(X?.type==="input"&&!this.#rX(X))return;this.#_()},this.element.addEventListener?.("input",this.#Q),this.element.addEventListener?.("turbo:morph-element",this.#Q),this.#_();if(this.#F())this.#V=()=>this.#f(),this.element.addEventListener?.("turbo:morph-element",this.#V),this.#f();if(this.#eX())this.#j=(X)=>this.syncNestedJson(X),this.#B=()=>this.#N(),this.element.addEventListener?.("input",this.#j),this.element.addEventListener?.("change",this.#j),this.element.addEventListener?.("turbo:morph-element",this.#B),this.#N();if(this.#aX())this.#M=()=>this.recompute(),this.element.addEventListener?.("turbo:morph-element",this.#M),this.recompute()}#MX(){if((this.element.getAttribute?.("data-action")??"").includes("reactive#trackDirty"))return!0;let X=this.element.querySelectorAll?.('[data-action*="reactive#trackDirty"]')??[];for(let Z of X)if(this.#$(Z))return!0;return!1}disconnect(){if(this.#kX(),this.#bX(),this.#cX(),this.#nX(),this.#tX(),this.#GZ(),this.#qZ(),this.#YZ(),this.#x)this.element.removeEventListener?.("turbo:morph-element",this.#x)}#l(){let X=this.element;if(!X?.id)return;let Z=X.getAttribute?.("data-reactive-defer-token");if(!Z)return;if(X.getAttribute?.("data-reactive-defer-pending")!=="true")return;C(X.id,Z)}dispatch(X){let{action:Z,params:$,debounce:Q,throttle:j,confirm:z,confirmWhen:G,outside:q,window:Y,optimistic:K}=X.params;if(!Z)return;let W=X.params.busy??this.#_Z(X.params.loading);if(q&&this.element.contains(X.target))return;let B=X.currentTarget??X.target;if(!Y&&!this.#UZ(K,B))X.preventDefault();let J=this.#w(z,G);if(!J)return this.#t(B,Z,$,Q,j,K,W);Promise.resolve().then(()=>R(J)).catch(()=>!1).then((L)=>{if(L)this.#t(B,Z,$,Q,j,K,W)})}runOps(X){let{ops:Z,confirm:$,confirmWhen:Q,outside:j,window:z}=X.params;if(j&&this.element.contains(X.target))return;if(!z)X.preventDefault();let G=this.#w($,Q);if(!G)return this.#UX(this.#HX(Z));Promise.resolve().then(()=>R(G)).catch(()=>!1).then((q)=>{if(q)this.#UX(this.#HX(Z))})}trackDirty(){this.#h()}recompute(X){if(X&&this.#g.has(X))return;let Z=this.#CX(),$=Z.map(([H])=>H),Q=this.element.getAttribute?.("data-reactive-scope")||null,j=(H)=>Q&&!H.includes("[")?`${Q}[${H}]`:H,z=this.#X(),G=new Map,q=(H)=>{if(G.has(H))return G.get(H);let U=null;for(let A of this.element.querySelectorAll(`[name="${j(H)}"]`))if(z(A)){U=A;break}return G.set(H,U),U};for(let H of $)this.#a(H,q(H)?.value??"");let Y=this.element.getAttribute("data-reactive-compute-reducer-param"),K=Y?JX(Y):null;if(!K){this.#r({},q);return}let W=this.#NX("data-reactive-compute-outputs-param"),B={};for(let[H,U]of Z){let A=q(H);if(U==="string")B[H]=A?.value??"";else{let V=Number(A?.value);B[H]=Number.isFinite(V)?V:0}}let J=K(B,{changed:this.#DX(X,$,Q)})||{},L=[];for(let H of W){if(!(H in J))continue;let U=q(H);if(!U)continue;if(String(J[H])===U.value)continue;U.value=J[H],L.push(U)}for(let H of Object.keys(J)){let U=J[H];if(U===void 0||U===null)continue;this.#a(H,U)}this.#r(J,q);for(let H of L){let U=new Event("input",{bubbles:!0});this.#g.add(U),H.dispatchEvent(U)}}listnavNext(X){this.#i(X,1)}listnavPrev(X){this.#i(X,-1)}listnavPick(X){let Z=this.#P(X),$=Z.findIndex((Q)=>Q.hasAttribute("data-reactive-highlighted"));if($<0)return;X.preventDefault(),Z[$].click()}listnavClose(X){for(let Z of this.#P(X))Z.removeAttribute("data-reactive-highlighted")}#i(X,Z){let $=this.#P(X);if(!$.length)return;X.preventDefault();let Q=$.findIndex((G)=>G.hasAttribute("data-reactive-highlighted")),j=Q<0?Z>0?0:$.length-1:(Q+Z+$.length)%$.length;for(let G of $)G.removeAttribute("data-reactive-highlighted");let z=$[j];z.setAttribute("data-reactive-highlighted","true"),z.scrollIntoView?.({block:"nearest"})}#P(X){let $=(X?.currentTarget??X?.target??this.element).getAttribute?.("data-reactive-listnav-option-param")??this.element.getAttribute("data-reactive-listnav-option-param");if(!$)return[];let Q=this.#X();return Array.from(this.element.querySelectorAll($)).filter((j)=>!j.hidden&&Q(j))}tagsAdd(X){if(!this.#F())return;if(X?.defaultPrevented)return;if(this.#P(X).some((Q)=>Q.hasAttribute?.("data-reactive-highlighted")))return;X?.preventDefault?.();let Z=X?.currentTarget??X?.target;if(!Z)return;if(!this.#qX(String(Z.value??"").split(",")))return;if(Z.value="",this.#R())this.#_()}tagsPick(X){if(!this.#F())return;X?.preventDefault?.();let $=(X?.currentTarget??X?.target)?.getAttribute?.("data-reactive-tag-param");if(!$)return;if(!this.#qX([$]))return;let Q=this.#XZ();if(!Q)return;Q.value="",this.#_(),Q.focus?.()}tagsRemove(X){if(!this.#F())return;X?.preventDefault?.();let $=(X?.currentTarget??X?.target)?.getAttribute?.("data-reactive-tag-param");if(!$)return;let Q=this.#y();if(!Q)return;let j=this.#v(Q),z=j.filter((G)=>G.toLowerCase()!==$.toLowerCase());if(z.length===j.length)return;this.#YX(Q,z)}nestedAdd(X){X?.preventDefault?.();let Z=X?.currentTarget??X?.target,$=Z?.getAttribute?.("data-reactive-association-param");if(!$)return;if(typeof this.element?.querySelectorAll!=="function")return;let Q=this.#X(),j=[...this.element.querySelectorAll(`[data-reactive-nested-list="${$}"]`)].find(Q),G=[...this.element.querySelectorAll(`[data-reactive-nested-template="${$}"]`)].find(Q)?.content?.firstElementChild;if(!j||!G){this.#zZ($);return}let q=G.cloneNode(!0);this.#jZ(q,this.#QZ()),j.appendChild(q);let Y=Z?.getAttribute?.("data-reactive-nested-from-param"),K=Z?.getAttribute?.("data-reactive-nested-clear-param")==="true",W=this.#_X(q,Y,K);if(Y)W?.focus?.();else[...q.querySelectorAll?.("input, select, textarea")??[]][0]?.focus?.();if(j.getAttribute?.("data-reactive-nested-json")===$)this.#s($)}#_X(X,Z,$){if(!Z)return null;let Q;try{Q=JSON.parse(Z)}catch{return null}if(!Q||typeof Q!=="object")return null;let j=this.#X(),z=[...X.querySelectorAll?.("input, select, textarea")??[]],G=[];for(let[q,Y]of Object.entries(Q)){let K=[...this.element.querySelectorAll?.(Y)??[]].find(j);if(!K)continue;let W=z.find((B)=>this.#n(B.getAttribute?.("name"))===q);if(!W)continue;this.#AX(W,K),G.push(K)}if($)for(let q of G)this.#OX(q);return G[0]??null}#AX(X,Z){if(X.type==="checkbox")X.checked=Z.type==="checkbox"?!!Z.checked:this.#S(Z)!=="";else X.value=this.#S(Z);if(typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}))}#OX(X){if(X.type==="checkbox")X.checked=!1;else X.value="";if(typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}))}nestedRemove(X){X?.preventDefault?.();let Z=X?.currentTarget??X?.target,$=Z?.closest?.("[data-reactive-nested-row]");if(!$)return;if($.closest?.('[data-controller~="reactive"]')!==this.element)return;let Q=Z?.getAttribute?.("data-reactive-confirm-param"),j=Z?.getAttribute?.("data-reactive-confirm-when-param"),z=this.#w(Q,j);if(!z)return this.#o($);return Promise.resolve().then(()=>R(z)).catch(()=>!1).then((G)=>{if(G)this.#o($)})}#o(X){let Z=[...X.querySelectorAll?.('input[name$="[_destroy]"]')??[]][0];if(Z){if(Z.value="1",typeof Z.dispatchEvent==="function")Z.dispatchEvent(new Event("input",{bubbles:!0}));X.hidden=!0}else X.parentNode?.removeChild?.(X);this.#N()}syncNestedJson(X){let Z=X?.target;if(!Z||!this.#$(Z))return;this.#N()}#N(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.#X();for(let Z of[...this.element.querySelectorAll("[data-reactive-nested-json]")].filter(X))this.#s(Z.getAttribute("data-reactive-nested-json"))}#s(X){let Z=this.#X(),$=[...this.element.querySelectorAll(`[data-reactive-nested-list="${X}"]`)].find(Z);if(!$)return;let Q=this.#xX($);if(!Q)return;let j=[];for(let G of[...$.querySelectorAll?.("[data-reactive-nested-row]")??[]]){if(!Z(G)||G.hidden)continue;j.push(this.#PX(G))}let z=JSON.stringify(j);if(Q.value===z)return;if(Q.value=z,typeof Q.dispatchEvent==="function")Q.dispatchEvent(new Event("input",{bubbles:!0}))}#xX(X){let Z=X.getAttribute?.("data-reactive-nested-json-field");if(!Z)return null;let $=this.#X();return[...this.element.querySelectorAll(Z)].find($)??null}#PX(X){let Z={};for(let $ of[...X.querySelectorAll?.("input, select, textarea")??[]]){let Q=this.#n($.getAttribute?.("name"));if(Q===null||Q==="_destroy")continue;Z[Q]=this.#S($)}return Z}#n(X){if(!X)return null;let Z=X.match(/\[([^\][]+)\]$/);return Z?Z[1]:X}#S(X){if(X.type==="checkbox")return X.checked?X.value||"on":"";return X.value??""}#NX(X){let Z=this.element.getAttribute(X);if(!Z)return[];try{let $=JSON.parse(Z);return Array.isArray($)?$:[]}catch{return[]}}#CX(){let X=this.element.getAttribute("data-reactive-compute-inputs-param");if(!X)return[];try{let Z=JSON.parse(X);if(Array.isArray(Z))return Z.map(($)=>[$,"number"]);if(Z&&typeof Z==="object")return Object.entries(Z);return[]}catch{return[]}}#DX(X,Z,$){let Q=X?.target;if(!Q?.name||typeof Q.closest!=="function")return null;let j=this.#RX(Q.name,$);if(!Z.includes(j))return null;return this.#$(Q)?j:null}#RX(X,Z){if(!Z)return X;let $=`${Z}[`;return X.startsWith($)&&X.endsWith("]")?X.slice($.length,-1):X}#a(X,Z){let $=String(Z);for(let Q of this.#FX(X)){if(Q.textContent===$)continue;Q.textContent=$}}#FX(X){let Z=this.element.querySelectorAll(`[data-reactive-text="${X}"]`);return Array.from(Z).filter(($)=>this.#$($))}#r(X,Z){let $=this.#IX();for(let[Q,j]of Object.entries($)){let z=Q in X?X[Q]:Z(Q)?.value;if(z===void 0||z===null)continue;let G=String(z);for(let q of Array.isArray(j)?j:[j]){if(!oX(q))continue;for(let Y of document.querySelectorAll(q)){if(Y.textContent===G)continue;Y.textContent=G}}}}#IX(){let X=this.element.getAttribute("data-reactive-compute-mirror-param");if(!X)return{};try{let Z=JSON.parse(X);return Z&&typeof Z==="object"&&!Array.isArray(Z)?Z:{}}catch{return{}}}#t(X,Z,$,Q,j,z,G){if(this.#D("reactive:before-dispatch",{action:Z,params:this.#KX($),element:this.element},{cancelable:!0}).defaultPrevented)return;let Y=Number(Q)||0;if(Y>0)return this.#EX(X,Y,Z,$,z,G);let K=Number(j)||0;if(K>0)return this.#SX(X,K,Z,$,z,G);return this.#C(Z,$,z,X,G)}#C(X,Z,$,Q,j){let z=this.#WZ($,Q),G=this.#JZ(X,Q,j),q=this.#e()?this.#TX($,Q):null;return this.queue=(this.queue??Promise.resolve()).then(()=>this.#pX(X,Z,z,G,q)),this.queue}#TX(X,Z){if(!X?.hide)return null;let $=this.#LX(X,Z);if(!$.length)return null;return()=>{let Q=$.filter((j)=>j.isConnected&&!j.hidden);if(!Q.length)return;console.warn("[phlex-reactive] optimistic: { hide: true } was undone by the reply's re-render — "+"the element is visible again. For an instant delete, return reply.remove so the server removes it; otherwise the hide only flashes.",Q)}}#EX(X,Z,$,Q,j,z){this.#b(X);let G=()=>{this.#b(X),this.#C($,Q,j,X,z)},q=setTimeout(G,Z);X?.addEventListener?.("blur",G,{once:!0}),this.#A.set(X,{timer:q,flush:G})}#b(X){let Z=this.#A.get(X);if(!Z)return;clearTimeout(Z.timer),X?.removeEventListener?.("blur",Z.flush),this.#A.delete(X)}#kX(){for(let X of[...this.#A.keys()])this.#b(X)}#SX(X,Z,$,Q,j,z){let G=this.#H.get(X)??new Map;if(G.has($))return;let q=setTimeout(()=>{if(G.delete($),G.size===0)this.#H.delete(X)},Z);return G.set($,q),this.#H.set(X,G),this.#C($,Q,j,X,z)}#bX(){for(let X of this.#H.values())for(let Z of X.values())clearTimeout(Z);this.#H.clear()}#D(X,Z,{cancelable:$=!1}={}){let Q=new CustomEvent(X,{bubbles:!0,composed:!0,cancelable:$,detail:Z});return(this.element.isConnected?this.element:document).dispatchEvent(Q),Q}#z(X,Z,$,Q){let j=()=>{if(!this.element.isConnected){console.warn("[phlex-reactive] retry() ignored — the reactive root left the DOM");return}return this.#C(X,Z)};this.#D("reactive:error",{action:X,params:$,...Q,retry:j})}#G(X){if(this.element?.isConnected===!1)return;this.element?.setAttribute?.("data-reactive-error",X)}#wX(){this.element?.removeAttribute?.("data-reactive-error")}#hX(){let X=document.querySelector("[data-reactive-error-flash]");if(!X?.content)return;let Z=X.getAttribute("data-reactive-error-flash")||"flash",$=document.getElementById(Z);if(!$)return;$.appendChild(X.content.cloneNode(!0))}#yX(){if(typeof sessionStorage>"u")return Promise.resolve();let X=Number(sessionStorage.getItem(m));if(!Number.isFinite(X)||X<=0)return Promise.resolve();if(!P)P=!0,console.warn(`[phlex-reactive] latency simulator ACTIVE — every action is delayed by ${X}ms. Call PhlexReactive.disableLatencySim() (or clear sessionStorage) to turn it off.`);return new Promise((Z)=>setTimeout(Z,X))}#e(){return this.element?.getAttribute?.("data-reactive-debug")==="true"}#XX(){return typeof performance<"u"&&typeof performance.now==="function"?performance.now():Date.now()}#vX(X){if(!X)return[];let Z=[],$=/<turbo-stream\b([^>]*)>/g,Q;while((Q=$.exec(X))!==null){let j=Q[1],z=j.match(/\baction="([^"]*)"/)?.[1]??"?",G=j.match(/\btarget="([^"]*)"/)?.[1];Z.push(G?`${z} → #${G}`:z)}return Z}#fX(X){let{action:Z,status:$,ms:Q}=X,z=`reactive ${this.element?.id?`#${this.element.id} `:""}${Z} → ${$??"—"} (${Math.round(Q)}ms)`;if(console.groupCollapsed(z),console.log(`params: [${X.paramNames.join(", ")}] + collected: [${X.fieldNames.join(", ")}]`),console.log(`encoding: ${X.encoding}`),X.streams.length)console.log(`streams: ${X.streams.join("   ")}`);console.log(`token: ${X.tokenRefreshed?"refreshed ✓":"unchanged"}`),console.groupEnd()}async#pX(X,Z,$,Q,j){let{fields:z,files:G}=this.#QX(),q=this.#KX(Z),Y={...z,...q},K=this.#q,W=G.length>0,B=W?this.#KZ(K,X,Y,G):JSON.stringify({token:K,act:X,params:Y}),J=this.#e()?{action:X,paramNames:Object.keys(q),fieldNames:Object.keys(z),encoding:W?"multipart":"json",status:null,streams:[],tokenRefreshed:!1,started:this.#XX()}:null;await this.#yX();try{if(navigator.onLine===!1){this.#Y($),this.#G("offline"),this.#z(X,Z,Y,{kind:"offline"});return}let L;try{let V={Accept:"text/vnd.turbo-stream.html","X-CSRF-Token":this.#xZ()};if(!W)V["Content-Type"]="application/json";let O=this.#PZ();if(O)V["X-Pgbus-Connection"]=O;L=await fetch(this.#AZ(),{method:"POST",headers:V,body:B,credentials:"same-origin",signal:AbortSignal.timeout(this.#OZ())})}catch(V){if(console.error("[phlex-reactive] action error",V),this.#Y($),V?.name==="TimeoutError"||V?.name==="AbortError"){this.#G("timeout"),this.#z(X,Z,Y,{kind:"timeout"});return}this.#hX(),this.#G("network"),this.#z(X,Z,Y,{kind:"network"});return}if(J)J.status=L.status;if(L.redirected){console.error("[phlex-reactive] action was redirected (auth/CSRF?) — no update applied"),this.#Y($),this.#G("redirected"),this.#z(X,Z,Y,{kind:"redirected",status:L.status});return}if(!L.ok){let V=await L.text();if(console.error(`[phlex-reactive] action failed: HTTP ${L.status}`,V),this.#Y($),(L.headers.get("Content-Type")||"").includes("turbo-stream")){let O=this.#$X(V);if(this.#q=O??this.#q,J)this.#ZX(J,V,O);window.Turbo.renderStreamMessage(V)}this.#G("http"),this.#z(X,Z,Y,{kind:"http",status:L.status,body:V});return}let H=L.headers.get("Content-Type")||"";if(!H.includes("turbo-stream")){console.error(`[phlex-reactive] expected a turbo-stream, got "${H}" — no update applied`),this.#Y($),this.#G("content-type"),this.#z(X,Z,Y,{kind:"content-type",status:L.status});return}let U=await L.text(),A=this.#$X(U);if(this.#q=A??this.#q,J)this.#ZX(J,U,A);if(window.Turbo.renderStreamMessage(U),j)queueMicrotask(j);this.#wX(),this.#D("reactive:applied",{action:X,params:Y,html:U})}catch(L){console.error("[phlex-reactive] action error",L),this.#Y($),this.#D("reactive:error",{action:X,params:Y,kind:"apply"})}finally{if(Q?.(),J)this.#fX({...J,ms:this.#XX()-J.started})}}#ZX(X,Z,$){X.streams=this.#vX(Z),X.tokenRefreshed=$!=null}get#q(){return this.#m??this.tokenValue}set#q(X){this.#m=X}#$X(X){let Z=this.element.id;if(!Z)return X.match(/data-reactive-token-value="([^"]+)"/)?.[1];let{token:$,self:Q}=this.#mX(Z),j=X.match($);if(j)return j[1];let z=X.match(Q);if(z)return z[1].match(/data-reactive-token-value="([^"]+)"/)?.[1];return}#mX(X){let Z=this.#u;if(Z&&Z.id===X)return Z;let $=gX(X);return this.#u={id:X,token:new RegExp(`<turbo-stream\\b[^>]*\\baction="reactive:token"[^>]*\\btarget="${$}"[^>]*\\bdata-reactive-token-value="([^"]+)"`),self:new RegExp(`<turbo-stream\\b[^>]*\\baction="(?:replace|update)"[^>]*\\btarget="${$}"[^>]*>([\\s\\S]*?)</turbo-stream>`)}}#$(X){return X.closest('[data-controller~="reactive"]')===this.element}#X(){if(this.element.querySelectorAll('[data-controller~="reactive"]').length===0)return()=>!0;return(Z)=>this.#$(Z)}#w(X,Z){if(X)return X;if(!Z)return null;let $=Z;if(typeof Z==="string")try{$=JSON.parse(Z)}catch{return console.warn(`[phlex-reactive] malformed conditional confirm payload ${JSON.stringify(Z)} — skipped`),null}if(!$||typeof $!=="object")return null;let{fields:Q}=this.#QX(),j=(G)=>Q[G],z;if(typeof $.predicate==="string"){let G=LX($.predicate);if(!G)return console.warn(`[phlex-reactive] confirm predicate "${$.predicate}" is not registered — proceeding without a dialog (register it with setConfirmPredicate)`),null;z=!!G(Q)}else z=v($.groups?.any,j)===!0;return z?$.message:null}#QX(){let X={},Z=[],$=this.#X();return this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((Q)=>{if(!$(Q))return;if(Q.type==="file")for(let j of Q.files??[])Z.push({name:Q.name,file:j,multiple:Q.multiple});else if(Q.type==="checkbox")X[Q.name]=Q.checked;else if(Q.type==="radio"){if(Q.checked)X[Q.name]=Q.value}else X[Q.name]=Q.value}),this.element.querySelectorAll("[name]:is(lexxy-editor, trix-editor, [contenteditable=''], [contenteditable=true], [contenteditable=plaintext-only])").forEach((Q)=>{if(!$(Q))return;let j=Q.getAttribute("name");if(!j)return;let z=X[j];if(z==null||z==="")X[j]=Q.value??Q.textContent??Q.innerHTML??""}),{fields:X,files:Z}}#h(){if(typeof this.element?.querySelectorAll!=="function")return;let X=0;if(this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((Z)=>{if(!this.#$(Z))return;if(Z.type==="file")return;if(this.#uX(Z))Z.setAttribute("data-reactive-dirty","true"),X++;else Z.removeAttribute("data-reactive-dirty")}),X>0)this.element.setAttribute("data-reactive-dirty",String(X));else this.element.removeAttribute("data-reactive-dirty")}#uX(X){if(X.type==="checkbox"||X.type==="radio")return X.checked!==X.defaultChecked;if(X.tag==="select"||X.options)return Array.from(X.options??[]).some((Z)=>Z.selected!==Z.defaultSelected);return X.value!==X.defaultValue}#jX(){let X=this.element.getAttribute?.("data-reactive-dirty"),Z=Number(X);return Number.isFinite(Z)&&Z>0?Z:0}#gX(){if(typeof window>"u"||typeof window.addEventListener!=="function")return;this.#J=(X)=>{if(this.#jX()===0)return;return X.preventDefault(),X.returnValue="You have unsaved changes.",X.returnValue},this.#L=(X)=>{if(this.#jX()===0)return;if(!(typeof window.confirm==="function"?window.confirm("You have unsaved changes. Leave anyway?"):!0))X.preventDefault?.()},window.addEventListener("beforeunload",this.#J),window.addEventListener("turbo:before-visit",this.#L)}#cX(){if(this.#W)this.element.removeEventListener?.("turbo:morph-element",this.#W),this.#W=void 0;if(typeof window<"u"&&typeof window.removeEventListener==="function"){if(this.#J)window.removeEventListener("beforeunload",this.#J);if(this.#L)window.removeEventListener("turbo:before-visit",this.#L)}this.#J=void 0,this.#L=void 0}#dX(){if(this.element.getAttribute?.("data-reactive-show-targets"))return!0;let X=this.element.querySelectorAll?.(i)??[];for(let Z of X)if(this.#$(Z))return!0;return!1}#zX(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.#X(),Z=this.element.getAttribute?.("data-reactive-scope")||null,$=new Map,Q=(j)=>{if(!$.has(j))$.set(j,this.#sX(j,X,Z));return $.get(j)};for(let j of this.element.querySelectorAll(i)){if(!X(j))continue;let z=j.getAttribute("data-reactive-show");if(z!==null){let K=rX(nX(z),Q);if(K!==null)this.#GX(j,K,X,Z);continue}let G=j.getAttribute("data-reactive-show-field");if(!G)continue;let q=Q(G);if(q===null)continue;let Y=sX(j,q);if(Y===null)continue;this.#GX(j,Y,X,Z)}this.#lX(Q)}#GX(X,Z,$,Q){if(X.hidden=!Z,X.getAttribute("data-reactive-show-disable")!=="true")return;if(typeof X.querySelectorAll!=="function")return;for(let j of X.querySelectorAll("input[name], select[name], textarea[name]"))if($(j))j.disabled=!Z;if(X.name&&$(X))X.disabled=!Z}#lX(X){let Z=this.#oX();for(let[$,Q]of Object.entries(Z)){if($.startsWith("#")){this.#iX($,Q,X);continue}if(!Q||typeof Q!=="object"||Array.isArray(Q))continue;let j=X($);if(j===null)continue;let z=()=>j;for(let[G,q]of Object.entries(Q)){if(!o(G))continue;let Y;if(Array.isArray(q)){if(q.length===0){console.warn(`[phlex-reactive] malformed reactive_show_targets group for ${G} — skipped`);continue}Y=q.every((K)=>u(K,z))}else{let K=KX(q,j);if(K===null){console.warn(`[phlex-reactive] malformed reactive_show_targets predicate for ${G} — skipped`);continue}Y=K}for(let K of document.querySelectorAll(G))K.hidden=!Y}}}#iX(X,Z,$){if(!o(X))return;let Q=Z&&typeof Z==="object"&&!Array.isArray(Z)?Z.any:null,j=aX(Q);if(j===null){console.warn(`[phlex-reactive] malformed reactive_show_targets conditions for ${X} — skipped`);return}if(j.every((G)=>$(G)===null))return;let z=v(Q,$);if(z===null)return;for(let G of document.querySelectorAll(X))G.hidden=!z}#oX(){let X=this.element.getAttribute?.("data-reactive-show-targets");if(!X)return{};try{let Z=JSON.parse(X);if(Z&&typeof Z==="object"&&!Array.isArray(Z))return Z}catch{}return console.warn("[phlex-reactive] malformed data-reactive-show-targets — ignored. "+"Did two reactive_show_targets calls collide on one root? Declare every field in ONE call: reactive_show_targets(mode: { ... }, kind: { ... })"),{}}#sX(X,Z,$){let Q=$&&!X.includes("[")?`${$}[${X}]`:X,j=!1,z=null;for(let G of this.element.querySelectorAll(`[name="${Q}"]`)){if(!Z(G))continue;if(G.type==="checkbox")return G.checked?"true":"false";if(G.type==="radio"){if(G.checked)return G.value??"";j=!0;continue}z??=G}if(z)return z.value??"";return j?"":null}#nX(){if(!this.#Z)return;this.element.removeEventListener?.("input",this.#Z),this.element.removeEventListener?.("change",this.#Z),this.element.removeEventListener?.("turbo:morph-element",this.#Z),this.#Z=void 0}#R(){return!!(this.element.getAttribute?.("data-reactive-filter-input")&&this.element.getAttribute?.("data-reactive-filter-option"))}#aX(){return this.element.getAttribute?.("data-reactive-compute-seed")==="true"}#rX(X){let Z=this.element.getAttribute("data-reactive-filter-input");return!!Z&&typeof X.target?.matches==="function"&&X.target.matches(Z)}#_(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.element.getAttribute("data-reactive-filter-input"),Z=this.element.getAttribute("data-reactive-filter-option");if(!X||!Z)return;let $=this.#X(),Q=[...this.element.querySelectorAll(X)].find($);if(!Q)return;let j=(Q.value??"").trim().toLowerCase(),z=0;for(let Y of this.element.querySelectorAll(Z)){if(!$(Y))continue;let K=(Y.getAttribute("data-reactive-filter-text")??Y.textContent??"").toLowerCase(),W=Y.hasAttribute?.("data-reactive-tags-selected")||j!==""&&!K.includes(j);if(Y.hidden=W,W)Y.removeAttribute("data-reactive-highlighted");else z++}let G=this.element.getAttribute("data-reactive-filter-group");if(G)for(let Y of this.element.querySelectorAll(G)){if(!$(Y))continue;let K=[...Y.querySelectorAll(Z)].filter($);if(K.length===0)continue;Y.hidden=K.every((W)=>W.hidden)}let q=this.element.getAttribute("data-reactive-filter-empty");if(q){for(let Y of this.element.querySelectorAll(q))if($(Y))Y.hidden=z>0}}#tX(){if(!this.#Q)return;this.element.removeEventListener?.("input",this.#Q),this.element.removeEventListener?.("turbo:morph-element",this.#Q),this.#Q=void 0}#F(){return!!this.element.getAttribute?.("data-reactive-tags-field")}#eX(){if(typeof this.element?.querySelector!=="function")return!1;return!!this.element.querySelector("[data-reactive-nested-json]")}#y(){if(typeof this.element?.querySelectorAll!=="function")return null;let X=this.element.getAttribute("data-reactive-tags-field");if(!X)return null;let Z=this.#X();return[...this.element.querySelectorAll(X)].find(Z)??null}#v(X){let Z=new Set,$=[];for(let Q of String(X.value??"").split(",")){let j=Q.trim();if(j===""||Z.has(j.toLowerCase()))continue;Z.add(j.toLowerCase()),$.push(j)}return $}#qX(X){let Z=this.#y();if(!Z)return!1;let $=this.#v(Z),Q=new Set($.map((z)=>z.toLowerCase())),j=!1;for(let z of X){let G=String(z??"").trim();if(G===""||Q.has(G.toLowerCase()))continue;Q.add(G.toLowerCase()),$.push(G),j=!0}if(j)this.#YX(Z,$);return j}#YX(X,Z){if(X.value=Z.join(","),typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}));this.#f()}#XZ(){if(typeof this.element?.querySelectorAll!=="function")return null;let X=this.element.getAttribute("data-reactive-filter-input");if(!X)return null;let Z=this.#X();return[...this.element.querySelectorAll(X)].find(Z)??null}#f(){let X=this.#y();if(!X)return;let Z=this.#v(X),$=this.#X();this.#ZZ(Z,$),this.#$Z(Z,$)}#ZZ(X,Z){let $=[...this.element.querySelectorAll("[data-reactive-tags-list]")].find(Z);if(!$)return;let j=[...this.element.querySelectorAll("[data-reactive-tags-template]")].find(Z)?.content?.firstElementChild;if(!j){if(!this.#c)console.warn("[phlex-reactive] reactive_tags: no chip <template data-reactive-tags-template> found in this root — "+"chips will not render (the hidden field still updates). Add a template with a [data-reactive-tag-text] node and a reactive_tags_remove button."),this.#c=!0;return}while($.firstChild)$.removeChild($.firstChild);for(let z of X){let G=j.cloneNode(!0);G.setAttribute?.("data-reactive-tag",z);let q=G.matches?.("[data-reactive-tag-text]")?G:(G.querySelectorAll?.("[data-reactive-tag-text]")??[])[0];if(q)q.textContent=z;let Y=[...G.querySelectorAll?.('[data-action*="reactive#tagsRemove"]')??[]];if(G.matches?.('[data-action*="reactive#tagsRemove"]'))Y.push(G);for(let K of Y)K.setAttribute?.("data-reactive-tag-param",z);$.appendChild(G)}}#$Z(X,Z){let $=new Set(X.map((Q)=>Q.toLowerCase()));for(let Q of this.element.querySelectorAll("[role=option]")){if(!Z(Q))continue;let j=Q.getAttribute?.("data-reactive-tag-param");if(!j)continue;if($.has(j.toLowerCase()))Q.setAttribute("data-reactive-tags-selected","true"),Q.hidden=!0,Q.removeAttribute?.("data-reactive-highlighted");else if(Q.hasAttribute?.("data-reactive-tags-selected")){if(Q.removeAttribute("data-reactive-tags-selected"),!this.#R())Q.hidden=!1}}if(this.#R())this.#_()}#QZ(){return this.#k=Math.max(this.#k+1,Date.now()),this.#k}#jZ(X,Z){let $=[X,...X.querySelectorAll?.("*")??[]];for(let Q of $)for(let j of["name","id","for"]){let z=Q.getAttribute?.(j);if(z&&z.includes("NEW_ROW"))Q.setAttribute?.(j,z.replaceAll("NEW_ROW",String(Z)))}}#zZ(X){if(this.#d)return;console.warn(`[phlex-reactive] nested rows: no owned [data-reactive-nested-list="${X}"] container + <template data-reactive-nested-template="${X}"> pair found in this root — the add `+"trigger did nothing. Render both inside the same reactive root (reactive_nested_list / reactive_nested_template)."),this.#d=!0}#GZ(){if(!this.#V)return;this.element.removeEventListener?.("turbo:morph-element",this.#V),this.#V=void 0}#qZ(){if(this.#j)this.element.removeEventListener?.("input",this.#j),this.element.removeEventListener?.("change",this.#j),this.#j=void 0;if(this.#B)this.element.removeEventListener?.("turbo:morph-element",this.#B),this.#B=void 0}#YZ(){if(!this.#M)return;this.element.removeEventListener?.("turbo:morph-element",this.#M),this.#M=void 0}#KZ(X,Z,$,Q){let j=new FormData;j.append("token",X),j.append("act",Z);for(let[G,q]of Object.entries($))this.#p(j,`params[${G}]`,q);let z=this.#HZ(Q);for(let{name:G,file:q,multiple:Y}of Q){let W=Y||z.has(G)?`params[${G}][]`:`params[${G}]`;j.append(W,q,q.name)}return j}#p(X,Z,$){if($==null)X.append(Z,"");else if(Array.isArray($))$.forEach((Q,j)=>this.#p(X,`${Z}[${j}]`,Q));else if(typeof $==="object")for(let[Q,j]of Object.entries($))this.#p(X,`${Z}[${Q}]`,j);else X.append(Z,String($))}#HZ(X){let Z=new Map;for(let{name:$}of X)Z.set($,(Z.get($)??0)+1);return new Set([...Z].filter(([,$])=>$>1).map(([$])=>$))}#KX(X){if(!X)return{};try{return typeof X==="string"?JSON.parse(X):X}catch{return{}}}#HX(X){return HX(X)}#UX(X){UX(X,(Z)=>this.#WX(Z))}#WX(X){let Z=X.to;if(Z==="@root")return[this.element];if(typeof Z!=="string"||Z==="")return[];if(X.global)return[...document.querySelectorAll(Z)];return[...this.element.querySelectorAll(Z)].filter(($)=>this.#$($))}#UZ(X,Z){if(X?.checked!=="keep")return!1;let $=Z?.type;return $==="checkbox"||$==="radio"}#WZ(X,Z){if(!X)return null;let $=this.#JX(X,Z,!0);return $.length?$:null}#Y(X){if(!X)return;if(!this.element.isConnected)return;for(let Z of X)Z()}#JZ(X,Z,$){this.#VZ(X,Z);let Q=$?this.#JX($,Z,!1):[];QX();let j=!1;return()=>{if(j)return;j=!0,this.#BZ(X,Z),jX();for(let z of Q)z()}}#JX(X,Z,$){let Q=[];for(let j of this.#LX(X,Z)){if(X.add_class){let z=X.add_class.filter((G)=>!j.classList.contains(G));if(j.classList.add(...z),z.length)Q.push(()=>j.classList.remove(...z))}if(X.remove_class){let z=X.remove_class.filter((G)=>j.classList.contains(G));if(j.classList.remove(...z),z.length)Q.push(()=>j.classList.add(...z))}if(X.toggle_class)X.toggle_class.forEach((z)=>j.classList.toggle(z)),Q.push(()=>X.toggle_class.forEach((z)=>j.classList.toggle(z)));if(X.hide)j.hidden=!0,Q.push(()=>j.hidden=!1);if(X.show)j.hidden=!1,Q.push(()=>j.hidden=!0)}if(Z&&(X.disable||X.text!=null))Q.push(this.#LZ(X,Z));if($&&X.checked==="keep"&&Z&&"checked"in Z){let j=Z.checked;Q.push(()=>Z.checked=!j)}return Q}#LX(X,Z){if(X.to==null)return Z?[Z]:[];return this.#WX({to:X.to})}#LZ(X,Z){let $=this.#O.get(Z);if($)$.count++;else this.#O.set(Z,{count:1,disabled:Z.disabled,html:Z.innerHTML,hadText:X.text!=null,swappedTo:X.text});if(X.disable)Z.disabled=!0;if(X.text!=null)Z.innerHTML=X.text;return()=>this.#MZ(Z,X)}#VZ(X,Z){if(this.#K(Z,X,1),this.#K(this.element,X,1),this.#U.set(X,(this.#U.get(X)??0)+1),this.#T++===0)this.element.setAttribute("aria-busy","true");for(let $ of this.#VX(X))this.#K($,X,1)}#BZ(X,Z){this.#K(Z,X,-1),this.#K(this.element,X,-1);let $=(this.#U.get(X)??1)-1;if($<=0)this.#U.delete(X);else this.#U.set(X,$);if(--this.#T<=0)this.#T=0,this.element.removeAttribute("aria-busy");for(let Q of this.#VX(X))this.#K(Q,X,-1)}#K(X,Z,$){if(!X||typeof X.getAttribute!=="function")return;let Q=this.#E.get(X)??new Map,j=(Q.get(Z)??0)+$;if(j<=0)Q.delete(Z);else Q.set(Z,j);if(Q.size===0){this.#E.delete(X),X.removeAttribute("data-reactive-busy");return}this.#E.set(X,Q),X.setAttribute("data-reactive-busy",[...Q.keys()].join(" "))}#VX(X){return[...this.element.querySelectorAll?.("[data-reactive-busy-on]")??[]].filter(($)=>$.getAttribute("data-reactive-busy-on")===X&&this.#$($))}#MZ(X,Z){let $=this.#O.get(X);if(!$)return;if(--$.count>0)return;if(this.#O.delete(X),!X.isConnected)return;if(Z.disable)X.disabled=$.disabled;if($.hadText&&X.innerHTML===$.swappedTo)X.innerHTML=$.html}#_Z(X){if(!X||typeof X!=="object")return null;let{class:Z,...$}=X;return Z==null?X:{...$,add_class:Z}}#AZ(){return this.#BX??=document.querySelector('meta[name="phlex-reactive-action-path"]')?.content||"/reactive/actions"}#OZ(){if(this.#I!=null)return this.#I;let X=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,Z=Number(X);return this.#I=Number.isFinite(Z)&&Z>0?Z:30000}#xZ(){return document.querySelector('meta[name="csrf-token"]')?.content??""}#PZ(){return document.querySelector("pgbus-stream-source[connection-id]")?.getAttribute("connection-id")||document.querySelector('meta[name="pgbus-connection-id"]')?.content||null}}export{GZ as resetReactiveDefers,JZ as resetReactiveActivity,VX as registerReactiveVisit,BX as registerReactiveToken,fX as registerReactiveOffline,MX as registerReactiveJs,IX as registerReactiveEffects,DX as registerReactiveDismiss,_X as registerReactiveDefer,d as registerReactiveActions,WZ as reactiveActivityCount,qZ as pendingDeferVia,jX as exitReactiveActivity,gX as escapeRegExp,QX as enterReactiveActivity,pX as enableLatencySim,mX as disableLatencySim,BZ as default,cX as checkReactiveRegistration,LZ as __resetReactiveRegistrationForTest,HZ as __resetReactiveOfflineForTest,UZ as __resetReactiveLatencyForTest,KZ as __resetReactiveEffectsForTest,YZ as __resetReactiveDismissForTest,VZ as __markReactiveConnectedForTest,m as LATENCY_KEY,$X as ACTIVE_ATTR};
+import{Controller as WX}from"@hotwired/stimulus";import{confirmResolver as R}from"phlex/reactive/confirm";import{computeReducer as JX}from"phlex/reactive/compute";import{confirmPredicate as LX}from"phlex/reactive/confirm_predicate";function VX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:visit"])return;X["reactive:visit"]=function(){let Z=this.getAttribute("data-url");if(Z)window.Turbo.visit(Z,{action:"advance"})}}function BX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:token"])return;X["reactive:token"]=function(){let Z=this.getAttribute("data-reactive-token-value"),$=this.getAttribute("target");if(!Z||!$)return;let Q=document.getElementById($);if(Q)Q.setAttribute("data-reactive-token-value",Z)}}function _X(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:js"])return;X["reactive:js"]=function(){let Z=HX(this.getAttribute("data-reactive-ops"));if(!Z.length)return;let $=this.getAttribute("target"),Q=$?document.getElementById($):null;if($&&!Q)return;UX(Z,(j)=>ZZ(j,Q))}}var _=new Map;function s(X,Z){let $=!_.has(X);if(_.set(X,Z),$)QX()}function N(X){if(_.delete(X))jX()}function GZ(){_.clear(),S=!1}function qZ(X){return _.get(X)?.via}var S=!1;function AX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:defer"])return;if(X["reactive:defer"]=function(){let Z=this.getAttribute("target");if(!Z)return;if(this.getAttribute("data-reactive-defer-via")==="stream"){OX(Z,this);return}let $=this.getAttribute("data-reactive-defer-token");if(!$)return;C(Z,$)},!S&&typeof document<"u"&&document.addEventListener)S=!0,document.addEventListener("turbo:before-stream-render",MX)}function MX(X){let $=X.target?.getAttribute?.("target");if(!$)return;let Q=$.startsWith("reactive-defer-src-")?$.slice(19):$;if(_.get(Q)?.via==="stream")N(Q)}function C(X,Z){let $=document.getElementById(X);if(!$){console.warn(`[phlex-reactive] reactive:defer target #${X} is not on the page — skipped`);return}a(X),r($);let Q={via:"fetch",abort:new AbortController,timedOut:!1};s(X,Q),xX(X,Q,Z)}function OX(X,Z){let $=document.getElementById(X);if(!$){console.warn(`[phlex-reactive] reactive:defer target #${X} is not on the page — skipped`);return}let Q=Z.getAttribute("data-reactive-defer-src");if(!Q)return;if(!globalThis.customElements?.get?.("pgbus-stream-source")){let z=Z.getAttribute("data-reactive-defer-token");if(z){C(X,z);return}console.error("[phlex-reactive] reactive:defer via=stream but <pgbus-stream-source> is not registered "+"and no fallback token was provided — is the pgbus client loaded on this page?");return}a(X),r($);let j=document.createElement("pgbus-stream-source");j.id=n(X),j.setAttribute("src",Q),j.setAttribute("since-id",Z.getAttribute("data-reactive-defer-since-id")??"0"),j.setAttribute("hidden",""),document.body.appendChild(j),s(X,{via:"stream"})}function n(X){return`reactive-defer-src-${X}`}async function xX(X,Z,$){let Q=setTimeout(()=>{Z.timedOut=!0,Z.abort.abort()},CX()),j;try{j=await fetch(PX(),{method:"POST",headers:{Accept:"text/vnd.turbo-stream.html","Content-Type":"application/json","X-CSRF-Token":NX()},body:JSON.stringify({token:$}),credentials:"same-origin",signal:Z.abort.signal})}catch(G){if(clearTimeout(Q),_.get(X)!==Z)return;console.error("[phlex-reactive] deferred render failed",G),F(X,$);return}if(_.get(X)!==Z){clearTimeout(Q);return}if(j.status===204){clearTimeout(Q),g(X);return}if(!j.ok){clearTimeout(Q),console.error(`[phlex-reactive] deferred render failed: HTTP ${j.status}`),F(X,$,j.status);return}let z;try{z=await j.text()}catch(G){if(clearTimeout(Q),_.get(X)!==Z)return;console.error("[phlex-reactive] deferred render failed reading the body",G),F(X,$);return}if(clearTimeout(Q),_.get(X)!==Z)return;g(X),window.Turbo.renderStreamMessage(z)}function a(X){let Z=_.get(X);if(!Z)return;if(N(X),Z.via==="fetch")Z.abort.abort();else document.getElementById(n(X))?.remove?.()}function r(X){X.setAttribute("data-reactive-defer-pending","true"),X.setAttribute("aria-busy","true")}function t(X){X.removeAttribute("data-reactive-defer-pending"),X.removeAttribute("aria-busy")}function g(X){N(X);let Z=document.getElementById(X);if(!Z)return;t(Z),Z.removeAttribute("data-reactive-error")}function F(X,Z,$){N(X);let Q=document.getElementById(X);if(!Q)return;t(Q),Q.setAttribute("data-reactive-error","defer");let j=()=>{let z=document.getElementById(X);if(!z){console.warn("[phlex-reactive] defer retry() ignored — the target left the DOM");return}z.removeAttribute("data-reactive-error"),C(X,Z)};Q.dispatchEvent(new CustomEvent("reactive:error",{bubbles:!0,composed:!0,detail:{kind:"defer",target:X,status:$,retry:j}}))}function PX(){return document.querySelector('meta[name="phlex-reactive-defer-path"]')?.content||"/reactive/defer"}function NX(){return document.querySelector('meta[name="csrf-token"]')?.content??""}function CX(){let X=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,Z=Number(X);return Number.isFinite(Z)&&Z>0?Z:30000}var b=!1;function DX(){if(b)return;if(typeof document>"u"||!document.addEventListener)return;b=!0,document.addEventListener("turbo:before-stream-render",RX)}function RX(X){let Z=X.detail,$=Z?.render;if(typeof $!=="function"||$.__reactiveDismissWrapped){if(typeof requestAnimationFrame==="function")requestAnimationFrame(I);else setTimeout(I,0);return}let Q=async(j)=>{await $(j),I()};Q.__reactiveDismissWrapped=!0,Z.render=Q}function I(){let X=document.querySelectorAll("[data-reactive-dismiss-after]");for(let Z of X){if(Z.hasAttribute("data-reactive-dismiss-scheduled"))continue;let $=Number(Z.getAttribute("data-reactive-dismiss-after"));if(!Number.isFinite($)||$<=0)continue;Z.setAttribute("data-reactive-dismiss-scheduled",""),setTimeout(()=>Z.remove(),$)}}function YZ(){b=!1}var FX=Object.freeze({append:"enter",prepend:"enter",replace:"update",update:"update",remove:"exit"}),T=Object.freeze(["fade","slide","scale","highlight","shake"]),w="data-reactive-fx-pending",e=1000,h=!1;function IX(){if(h)return;if(typeof document>"u"||typeof document.addEventListener!=="function")return;h=!0,document.addEventListener("turbo:before-stream-render",TX)}function KZ(){h=!1}function TX(X){let Z=X.detail,$=Z?.render;if(typeof $!=="function"||$.__reactiveEffectsWrapped)return;let Q=Z?.newStream??X.target,j=FX[Q?.getAttribute?.("action")];if(!j||SX())return;let z=EX(Q,j);if(!z)return;let G=j==="exit"?async(q)=>{await hX(x(Q),z),await $(q)}:async(q)=>{let Y=j==="enter"?bX(Q):null;if(await $(q),j==="enter")wX(Y,z);else XX(x(Q),z)};G.__reactiveEffectsWrapped=!0,Z.render=G}function EX(X,Z){let $=X.getAttribute?.("data-reactive-effect");if($==="off")return null;if($)return c($,Z);let j=(Z==="enter"?kX(X):x(X))?.getAttribute?.(`data-reactive-effect-${Z}`);return j?c(j,Z):null}function x(X){let Z=X.getAttribute?.("target");return Z?document.getElementById?.(Z)??null:null}function kX(X){return X.querySelector?.("template")?.content?.firstElementChild??null}function c(X,Z){if(X.startsWith("[")){let Q=null;try{let j=JSON.parse(X);if(Array.isArray(j)&&j.length===3)Q=j.map(String)}catch{}if(Q)return{legs:Q};return console.warn(`[phlex-reactive] malformed effect legs ${JSON.stringify(X)} — skipped`),null}let $=X==="random"?T[Math.floor(Math.random()*T.length)]:X;if(!T.includes($))return console.warn(`[phlex-reactive] unknown effect ${JSON.stringify(X)} — skipped`),null;return{className:`reactive-fx--${$}-${Z}`}}function SX(){try{return typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches}catch{return!1}}function bX(X){let Z=X.querySelector?.("template")?.content;if(!Z)return null;for(let $ of Array.from(Z.children??[]))$.setAttribute?.(w,"");return x(X)}function wX(X,Z){if(typeof X?.querySelectorAll!=="function")return;for(let $ of Array.from(X.querySelectorAll(`[${w}]`)))$.removeAttribute(w),XX($,Z)}async function hX(X,Z){if(!X?.classList)return;if(Z.legs){await ZX(X,Z.legs);return}X.classList.add(Z.className);let $=p(X);if($<=0){X.classList.remove(Z.className);return}await f(X,$),X.classList.remove(Z.className)}function XX(X,Z){if(!X?.classList)return;if(Z.legs){ZX(X,Z.legs);return}if(X.classList.contains(Z.className))X.classList.remove(Z.className),X.offsetWidth;X.classList.add(Z.className);let $=p(X);if($<=0){X.classList.remove(Z.className);return}let Q=X.__reactiveFxToken=(X.__reactiveFxToken??0)+1;f(X,$).then(()=>{if(X.__reactiveFxToken===Q)X.classList.remove(Z.className)})}async function ZX(X,Z){let[$,Q,j]=Z.map(yX),z=X.__reactiveFxToken=(X.__reactiveFxToken??0)+1;if(X.classList.remove(...$,...Q,...j),X.classList.add(...$,...Q),await vX(),X.__reactiveFxToken!==z)return;X.classList.remove(...Q),X.classList.add(...j);let G=p(X);if(G>0)await f(X,G);if(X.__reactiveFxToken!==z)return;X.classList.remove(...$,...j)}function yX(X){return String(X??"").split(/\s+/).filter(Boolean)}function p(X){if(typeof getComputedStyle!=="function")return 0;try{let Z=getComputedStyle(X),$=(z)=>String(z??"").split(",").reduce((G,q)=>Math.max(G,parseFloat(q)||0),0),Q=$(Z.animationDuration)+$(Z.animationDelay),j=$(Z.transitionDuration)+$(Z.transitionDelay);return Math.min(Math.max(Q,j)*1000,e)}catch{return 0}}function f(X,Z){return new Promise(($)=>{let Q=!1,j=()=>{if(Q)return;Q=!0,$()};X.addEventListener?.("animationend",j,{once:!0}),X.addEventListener?.("transitionend",j,{once:!0}),setTimeout(j,Math.min(Z+50,e))})}function vX(){return new Promise((X)=>{if(typeof requestAnimationFrame==="function")requestAnimationFrame(()=>X());else setTimeout(X,16)})}var y=!1;function pX(){if(y)return;if(typeof window>"u"||typeof document>"u")return;if(typeof window.addEventListener!=="function")return;y=!0;let X=()=>{let Z=document.documentElement;if(typeof Z?.toggleAttribute!=="function")return;Z.toggleAttribute("data-reactive-offline",globalThis.navigator?.onLine===!1)};X(),window.addEventListener("online",X),window.addEventListener("offline",X)}function HZ(){y=!1}var m="phlex-reactive:latency",P=!1;function fX(X){if(typeof sessionStorage>"u")return;sessionStorage.setItem(m,String(X))}function mX(){if(typeof sessionStorage>"u")return;sessionStorage.removeItem(m),P=!1}function uX(){if(typeof window>"u"||typeof document>"u")return;if(document.querySelector?.('meta[name="phlex-reactive-env"]')?.content!=="development")return;window.PhlexReactive={enableLatencySim:fX,disableLatencySim:mX}}function UZ(){P=!1}var $X="data-reactive-active",A=0;function QX(){if(A++,A===1)zX("reactive:busy")}function jX(){if(A===0)return;if(A--,A===0)zX("reactive:idle")}function WZ(){return A}function JZ(){A=0,(typeof document<"u"?document.documentElement:null)?.removeAttribute?.($X)}function zX(X){if(typeof document>"u")return;let Z=document.documentElement;if(typeof Z?.toggleAttribute==="function")Z.toggleAttribute($X,A>0);if(typeof document.dispatchEvent==="function"&&typeof CustomEvent==="function")document.dispatchEvent(new CustomEvent(X,{detail:{count:A}}))}function d(){VX(),BX(),_X(),AX(),DX(),IX(),pX(),uX()}function gX(X){return X.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}if(typeof window<"u")if(window.Turbo)d();else document.addEventListener("turbo:load",d,{once:!0});var D=!1;function cX(){if(D)return;if(typeof document>"u")return;let X=document.querySelectorAll('[data-controller~="reactive"]');if(!X||X.length===0)return;console.warn("[phlex-reactive] found "+X.length+' element(s) with data-controller="reactive" '+"but the reactive controller never connected. It is loaded but not registered — "+'add `application.register("reactive", ReactiveController)` (importmap) or import it into app/javascript/controllers/ for lazyLoadControllersFrom apps. See the README.')}function LZ(){D=!1}function VZ(){D=!0}if(typeof window<"u"&&typeof document<"u"){let X=()=>setTimeout(cX,0);if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",X,{once:!0});else X()}var dX=new Set(["href","src","srcdoc","action","formaction","xlink:href","style"]);function lX(X){let Z=String(X).toLowerCase();return Z.startsWith("on")||dX.has(Z)}function iX(X,Z,$){let[Q,j,z]=Z;X.classList.add(Q,j),$(),requestAnimationFrame(()=>{X.classList.remove(j),X.classList.add(z)});let G=!1,q=()=>{if(G)return;G=!0,X.classList.remove(Q,z)};X.addEventListener("animationend",q,{once:!0}),setTimeout(q,350)}var l=Object.freeze({show:(X,Z)=>E(X,!1,Z),hide:(X,Z)=>E(X,!0,Z),toggle:(X,Z)=>E(X,!X.hidden,Z),add_class:(X,Z)=>X.classList.add(...Z.classes??[]),remove_class:(X,Z)=>X.classList.remove(...Z.classes??[]),toggle_class:(X,Z)=>(Z.classes??[]).forEach(($)=>X.classList.toggle($)),set_attr:(X,Z)=>{if(k(Z.name))X.setAttribute(Z.name,Z.value??"")},remove_attr:(X,Z)=>{if(k(Z.name))X.removeAttribute(Z.name)},toggle_attr:(X,Z)=>{if(!k(Z.name))return;if(X.hasAttribute(Z.name))X.removeAttribute(Z.name);else X.setAttribute(Z.name,"")},focus:(X)=>X.focus?.(),focus_first:(X)=>XZ(X)?.focus?.(),text:(X,Z)=>{let $=String(Z.value??"");if(X.textContent!==$)X.textContent=$},dispatch:(X,Z)=>{X.dispatchEvent(new CustomEvent(Z.name,{bubbles:!0,composed:!0,detail:Z.detail??{}}))}});function E(X,Z,$){if($?.transition)iX(X,$.transition,()=>X.hidden=Z);else X.hidden=Z}function k(X){if(!lX(X))return!0;return console.warn(`[phlex-reactive] refused client attr op on ${JSON.stringify(X)} — skipped`),!1}var GX=/^#[A-Za-z_][\w-]*$/;function oX(X){if(typeof X==="string"&&GX.test(X))return!0;return console.warn(`[phlex-reactive] refused cross-root mirror target ${JSON.stringify(X)} — skipped`),!1}function sX(X,Z){let $=X.getAttribute("data-reactive-show-equals");if($!==null)return Z===$;let Q=X.getAttribute("data-reactive-show-not");if(Q!==null)return Z!==Q;let j=X.getAttribute("data-reactive-show-in");if(j!==null){try{let z=JSON.parse(j);if(Array.isArray(z))return z.includes(Z)}catch{}return console.warn(`[phlex-reactive] malformed reactive_show in: list ${JSON.stringify(j)} — skipped`),null}for(let z of qX){let G=X.getAttribute(`data-reactive-show-${z}`);if(G!==null)return YX(z,G,Z)}return console.warn("[phlex-reactive] a reactive_show binding declares no predicate — skipped"),null}var qX=["gte","gt","lte","lt"];function YX(X,Z,$){let Q=Number(Z);if(Number.isNaN(Q))return console.warn(`[phlex-reactive] reactive_show ${X}: needs a numeric literal, got ${JSON.stringify(Z)} — skipped`),null;let j=$==null?"":String($).trim(),z=j===""?NaN:Number(j);if(Number.isNaN(z))return!1;switch(X){case"gte":return z>=Q;case"gt":return z>Q;case"lte":return z<=Q;case"lt":return z<Q;default:return null}}function KX(X,Z){if(!X||typeof X!=="object")return null;if(typeof X.equals==="string")return Z===X.equals;if(typeof X.not==="string")return Z!==X.not;if(Array.isArray(X.in))return X.in.includes(Z);for(let $ of qX)if($ in X)return YX($,X[$],Z);return null}var i="[data-reactive-show-field], [data-reactive-show]";function nX(X){try{let Z=JSON.parse(X);if(Z&&typeof Z==="object"&&!Array.isArray(Z))return Z}catch{}return console.warn(`[phlex-reactive] malformed compound reactive_show payload ${JSON.stringify(X)} — skipped`),null}function u(X,Z){if(!X||typeof X!=="object"||typeof X.field!=="string")return!1;let $=Z(X.field)??"";return KX(X,$)===!0}function v(X,Z){if(!Array.isArray(X)||X.length===0)return null;return X.some(($)=>Array.isArray($)&&$.length>0&&$.every((Q)=>u(Q,Z)))}function aX(X){if(!Array.isArray(X)||X.length===0)return null;let Z=new Set;for(let $ of X){if(!Array.isArray($))continue;for(let Q of $)if(Q&&typeof Q==="object"&&typeof Q.field==="string")Z.add(Q.field)}return Z.size>0?[...Z]:null}function rX(X,Z){if(!X||typeof X!=="object")return null;let $=X.any;if(Array.isArray($)&&($.length===0||Array.isArray($[0])))return v($,Z);return tX(X,Z)}function tX(X,Z){let $=Array.isArray(X.all)?"all":Array.isArray(X.any)?"any":null;if(!$)return null;let Q=X[$];if(Q.length===0)return null;let j=Q.map((z)=>u(z,Z));return $==="all"?j.every(Boolean):j.some(Boolean)}function o(X){if(typeof X==="string"&&GX.test(X))return!0;return console.warn(`[phlex-reactive] refused cross-root show target ${JSON.stringify(X)} — skipped`),!1}var eX='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function XZ(X){return X.querySelectorAll?.(eX)?.[0]??null}function HX(X){if(Array.isArray(X))return X;if(typeof X!=="string")return[];try{let Z=JSON.parse(X);return Array.isArray(Z)?Z:[]}catch{return[]}}function UX(X,Z){for(let $ of X){if(!Array.isArray($))continue;let[Q,j={}]=$;if(!Object.hasOwn(l,Q)){console.warn(`[phlex-reactive] unknown client op ${JSON.stringify(Q)} — skipped`);continue}for(let z of Z(j))l[Q](z,j)}}function ZZ(X,Z){let $=X.to;if(Z){if($==="@root")return[Z];if(typeof $!=="string"||$==="")return[];if(X.global)return[...document.querySelectorAll($)];return[...Z.querySelectorAll($)]}if(typeof $!=="string"||$===""||$==="@root")return[];return[...document.querySelectorAll($)]}class BZ extends WX{static values={token:String};#m;#M=new Map;#H=new Map;#_X;#I;#u;#T=0;#U=new Map;#E=new WeakMap;#O=new Map;#g=new WeakSet;#W;#J;#L;#Z;#Q;#V;#c=!1;#k=0;#d=!1;#j;#B;#_;#x;connect(){if(D=!0,this.element.id==="")console.warn("[phlex-reactive] a reactive root has no id; its next-action token can't self-match "+"and may fall back to the first token in the response → a silent HTTP 403 on the NEXT action. "+"Put id: on the SAME element as reactive_attrs — use div(**reactive_root) (emits id + token together), "+"or div(id:, **reactive_attrs). The id: must NOT be on a child. See the README.");if(this.element.getAttribute?.("data-reactive-defer-token"))this.#l(),this.#x=()=>this.#l(),this.element.addEventListener?.("turbo:morph-element",this.#x);if(this.#AX()){if(this.#W=()=>this.#h(),this.element.addEventListener?.("turbo:morph-element",this.#W),this.#h(),this.element.getAttribute?.("data-reactive-warn-unsaved")==="true")this.#cX()}if(this.#lX())this.#Z=()=>this.#GX(),this.element.addEventListener?.("input",this.#Z),this.element.addEventListener?.("change",this.#Z),this.element.addEventListener?.("turbo:morph-element",this.#Z),this.#GX();if(this.#R())this.#Q=(X)=>{if(X?.type==="input"&&!this.#tX(X))return;this.#A()},this.element.addEventListener?.("input",this.#Q),this.element.addEventListener?.("turbo:morph-element",this.#Q),this.#A();if(this.#F())this.#V=()=>this.#p(),this.element.addEventListener?.("turbo:morph-element",this.#V),this.#p();if(this.#XZ())this.#j=(X)=>this.syncNestedJson(X),this.#B=()=>this.#N(),this.element.addEventListener?.("input",this.#j),this.element.addEventListener?.("change",this.#j),this.element.addEventListener?.("turbo:morph-element",this.#B),this.#N();if(this.#rX())this.#_=()=>this.recompute(),this.element.addEventListener?.("turbo:morph-element",this.#_),this.recompute()}#AX(){if((this.element.getAttribute?.("data-action")??"").includes("reactive#trackDirty"))return!0;let X=this.element.querySelectorAll?.('[data-action*="reactive#trackDirty"]')??[];for(let Z of X)if(this.#$(Z))return!0;return!1}disconnect(){if(this.#SX(),this.#wX(),this.#dX(),this.#aX(),this.#eX(),this.#qZ(),this.#YZ(),this.#KZ(),this.#x)this.element.removeEventListener?.("turbo:morph-element",this.#x)}#l(){let X=this.element;if(!X?.id)return;let Z=X.getAttribute?.("data-reactive-defer-token");if(!Z)return;if(X.getAttribute?.("data-reactive-defer-pending")!=="true")return;C(X.id,Z)}dispatch(X){let{action:Z,params:$,debounce:Q,throttle:j,confirm:z,confirmWhen:G,outside:q,window:Y,optimistic:K}=X.params;if(!Z)return;let W=X.params.busy??this.#MZ(X.params.loading);if(q&&this.element.contains(X.target))return;let B=X.currentTarget??X.target;if(!Y&&!this.#WZ(K,B))X.preventDefault();let J=this.#w(z,G);if(!J)return this.#e(B,Z,$,Q,j,K,W);Promise.resolve().then(()=>R(J,{el:B})).catch(()=>!1).then((L)=>{if(L)this.#e(B,Z,$,Q,j,K,W)})}runOps(X){let{ops:Z,confirm:$,confirmWhen:Q,outside:j,window:z}=X.params,G=X.currentTarget??X.target;if(j&&this.element.contains(X.target))return;if(!z)X.preventDefault();let q=this.#w($,Q);if(!q)return this.#WX(this.#UX(Z));Promise.resolve().then(()=>R(q,{el:G})).catch(()=>!1).then((Y)=>{if(Y)this.#WX(this.#UX(Z))})}trackDirty(){this.#h()}recompute(X){if(X&&this.#g.has(X))return;let Z=this.#DX(),$=Z.map(([H])=>H),Q=this.element.getAttribute?.("data-reactive-scope")||null,j=(H)=>Q&&!H.includes("[")?`${Q}[${H}]`:H,z=this.#X(),G=new Map,q=(H)=>{if(G.has(H))return G.get(H);let U=null;for(let M of this.element.querySelectorAll(`[name="${j(H)}"]`))if(z(M)){U=M;break}return G.set(H,U),U};for(let H of $)this.#r(H,q(H)?.value??"");let Y=this.element.getAttribute("data-reactive-compute-reducer-param"),K=Y?JX(Y):null;if(!K){this.#t({},q);return}let W=this.#CX("data-reactive-compute-outputs-param"),B={};for(let[H,U]of Z){let M=q(H);if(U==="string")B[H]=M?.value??"";else{let V=Number(M?.value);B[H]=Number.isFinite(V)?V:0}}let J=K(B,{changed:this.#RX(X,$,Q)})||{},L=[];for(let H of W){if(!(H in J))continue;let U=q(H);if(!U)continue;if(String(J[H])===U.value)continue;U.value=J[H],L.push(U)}for(let H of Object.keys(J)){let U=J[H];if(U===void 0||U===null)continue;this.#r(H,U)}this.#t(J,q);for(let H of L){let U=new Event("input",{bubbles:!0});this.#g.add(U),H.dispatchEvent(U)}}listnavNext(X){this.#i(X,1)}listnavPrev(X){this.#i(X,-1)}listnavPick(X){let Z=this.#P(X),$=Z.findIndex((Q)=>Q.hasAttribute("data-reactive-highlighted"));if($<0)return;X.preventDefault(),Z[$].click()}listnavClose(X){for(let Z of this.#P(X))Z.removeAttribute("data-reactive-highlighted")}#i(X,Z){let $=this.#P(X);if(!$.length)return;X.preventDefault();let Q=$.findIndex((G)=>G.hasAttribute("data-reactive-highlighted")),j=Q<0?Z>0?0:$.length-1:(Q+Z+$.length)%$.length;for(let G of $)G.removeAttribute("data-reactive-highlighted");let z=$[j];z.setAttribute("data-reactive-highlighted","true"),z.scrollIntoView?.({block:"nearest"})}#P(X){let $=(X?.currentTarget??X?.target??this.element).getAttribute?.("data-reactive-listnav-option-param")??this.element.getAttribute("data-reactive-listnav-option-param");if(!$)return[];let Q=this.#X();return Array.from(this.element.querySelectorAll($)).filter((j)=>!j.hidden&&Q(j))}tagsAdd(X){if(!this.#F())return;if(X?.defaultPrevented)return;if(this.#P(X).some((Q)=>Q.hasAttribute?.("data-reactive-highlighted")))return;X?.preventDefault?.();let Z=X?.currentTarget??X?.target;if(!Z)return;if(!this.#YX(String(Z.value??"").split(",")))return;if(Z.value="",this.#R())this.#A()}tagsPick(X){if(!this.#F())return;X?.preventDefault?.();let $=(X?.currentTarget??X?.target)?.getAttribute?.("data-reactive-tag-param");if(!$)return;if(!this.#YX([$]))return;let Q=this.#ZZ();if(!Q)return;Q.value="",this.#A(),Q.focus?.()}tagsRemove(X){if(!this.#F())return;X?.preventDefault?.();let $=(X?.currentTarget??X?.target)?.getAttribute?.("data-reactive-tag-param");if(!$)return;let Q=this.#y();if(!Q)return;let j=this.#v(Q),z=j.filter((G)=>G.toLowerCase()!==$.toLowerCase());if(z.length===j.length)return;this.#KX(Q,z)}nestedAdd(X){X?.preventDefault?.();let Z=X?.currentTarget??X?.target,$=Z?.getAttribute?.("data-reactive-association-param");if(!$)return;if(typeof this.element?.querySelectorAll!=="function")return;let Q=this.#X(),j=[...this.element.querySelectorAll(`[data-reactive-nested-list="${$}"]`)].find(Q),G=[...this.element.querySelectorAll(`[data-reactive-nested-template="${$}"]`)].find(Q)?.content?.firstElementChild;if(!j||!G){this.#GZ($);return}let q=G.cloneNode(!0);this.#zZ(q,this.#jZ()),j.appendChild(q);let Y=Z?.getAttribute?.("data-reactive-nested-from-param"),K=Z?.getAttribute?.("data-reactive-nested-clear-param")==="true",W=this.#MX(q,Y,K);if(Y)W?.focus?.();else[...q.querySelectorAll?.("input, select, textarea")??[]][0]?.focus?.();if(j.getAttribute?.("data-reactive-nested-json")===$)this.#s($)}#MX(X,Z,$){if(!Z)return null;let Q;try{Q=JSON.parse(Z)}catch{return null}if(!Q||typeof Q!=="object")return null;let j=this.#X(),z=[...X.querySelectorAll?.("input, select, textarea")??[]],G=[];for(let[q,Y]of Object.entries(Q)){let K=[...this.element.querySelectorAll?.(Y)??[]].find(j);if(!K)continue;let W=z.find((B)=>this.#a(B.getAttribute?.("name"))===q);if(!W)continue;this.#OX(W,K),G.push(K)}if($)for(let q of G)this.#xX(q);return G[0]??null}#OX(X,Z){if(X.type==="checkbox")X.checked=Z.type==="checkbox"?!!Z.checked:this.#S(Z)!=="";else X.value=this.#S(Z);if(typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}))}#xX(X){if(X.type==="checkbox")X.checked=!1;else X.value="";if(typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}))}nestedRemove(X){X?.preventDefault?.();let Z=X?.currentTarget??X?.target,$=Z?.closest?.("[data-reactive-nested-row]");if(!$)return;if($.closest?.('[data-controller~="reactive"]')!==this.element)return;let Q=Z?.getAttribute?.("data-reactive-confirm-param"),j=Z?.getAttribute?.("data-reactive-confirm-when-param"),z=this.#w(Q,j);if(!z)return this.#o($);let G=this.#n($),q=this.#PX(z,G);return Promise.resolve().then(()=>R(q,{el:Z,row:$,fields:G})).catch(()=>!1).then((Y)=>{if(Y)this.#o($)})}#PX(X,Z){if(!X.includes("%{"))return X;return X.replace(/%\{(\w+)\}/g,($,Q)=>Object.prototype.hasOwnProperty.call(Z,Q)?Z[Q]:$)}#o(X){let Z=[...X.querySelectorAll?.('input[name$="[_destroy]"]')??[]][0];if(Z){if(Z.value="1",typeof Z.dispatchEvent==="function")Z.dispatchEvent(new Event("input",{bubbles:!0}));X.hidden=!0}else X.parentNode?.removeChild?.(X);this.#N()}syncNestedJson(X){let Z=X?.target;if(!Z||!this.#$(Z))return;this.#N()}#N(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.#X();for(let Z of[...this.element.querySelectorAll("[data-reactive-nested-json]")].filter(X))this.#s(Z.getAttribute("data-reactive-nested-json"))}#s(X){let Z=this.#X(),$=[...this.element.querySelectorAll(`[data-reactive-nested-list="${X}"]`)].find(Z);if(!$)return;let Q=this.#NX($);if(!Q)return;let j=[];for(let G of[...$.querySelectorAll?.("[data-reactive-nested-row]")??[]]){if(!Z(G)||G.hidden)continue;j.push(this.#n(G))}let z=JSON.stringify(j);if(Q.value===z)return;if(Q.value=z,typeof Q.dispatchEvent==="function")Q.dispatchEvent(new Event("input",{bubbles:!0}))}#NX(X){let Z=X.getAttribute?.("data-reactive-nested-json-field");if(!Z)return null;let $=this.#X();return[...this.element.querySelectorAll(Z)].find($)??null}#n(X){let Z={};for(let $ of[...X.querySelectorAll?.("input, select, textarea")??[]]){let Q=this.#a($.getAttribute?.("name"));if(Q===null||Q==="_destroy")continue;Z[Q]=this.#S($)}return Z}#a(X){if(!X)return null;let Z=X.match(/\[([^\][]+)\]$/);return Z?Z[1]:X}#S(X){if(X.type==="checkbox")return X.checked?X.value||"on":"";return X.value??""}#CX(X){let Z=this.element.getAttribute(X);if(!Z)return[];try{let $=JSON.parse(Z);return Array.isArray($)?$:[]}catch{return[]}}#DX(){let X=this.element.getAttribute("data-reactive-compute-inputs-param");if(!X)return[];try{let Z=JSON.parse(X);if(Array.isArray(Z))return Z.map(($)=>[$,"number"]);if(Z&&typeof Z==="object")return Object.entries(Z);return[]}catch{return[]}}#RX(X,Z,$){let Q=X?.target;if(!Q?.name||typeof Q.closest!=="function")return null;let j=this.#FX(Q.name,$);if(!Z.includes(j))return null;return this.#$(Q)?j:null}#FX(X,Z){if(!Z)return X;let $=`${Z}[`;return X.startsWith($)&&X.endsWith("]")?X.slice($.length,-1):X}#r(X,Z){let $=String(Z);for(let Q of this.#IX(X)){if(Q.textContent===$)continue;Q.textContent=$}}#IX(X){let Z=this.element.querySelectorAll(`[data-reactive-text="${X}"]`);return Array.from(Z).filter(($)=>this.#$($))}#t(X,Z){let $=this.#TX();for(let[Q,j]of Object.entries($)){let z=Q in X?X[Q]:Z(Q)?.value;if(z===void 0||z===null)continue;let G=String(z);for(let q of Array.isArray(j)?j:[j]){if(!oX(q))continue;for(let Y of document.querySelectorAll(q)){if(Y.textContent===G)continue;Y.textContent=G}}}}#TX(){let X=this.element.getAttribute("data-reactive-compute-mirror-param");if(!X)return{};try{let Z=JSON.parse(X);return Z&&typeof Z==="object"&&!Array.isArray(Z)?Z:{}}catch{return{}}}#e(X,Z,$,Q,j,z,G){if(this.#D("reactive:before-dispatch",{action:Z,params:this.#HX($),element:this.element},{cancelable:!0}).defaultPrevented)return;let Y=Number(Q)||0;if(Y>0)return this.#kX(X,Y,Z,$,z,G);let K=Number(j)||0;if(K>0)return this.#bX(X,K,Z,$,z,G);return this.#C(Z,$,z,X,G)}#C(X,Z,$,Q,j){let z=this.#JZ($,Q),G=this.#LZ(X,Q,j),q=this.#XX()?this.#EX($,Q):null;return this.queue=(this.queue??Promise.resolve()).then(()=>this.#mX(X,Z,z,G,q)),this.queue}#EX(X,Z){if(!X?.hide)return null;let $=this.#VX(X,Z);if(!$.length)return null;return()=>{let Q=$.filter((j)=>j.isConnected&&!j.hidden);if(!Q.length)return;console.warn("[phlex-reactive] optimistic: { hide: true } was undone by the reply's re-render — "+"the element is visible again. For an instant delete, return reply.remove so the server removes it; otherwise the hide only flashes.",Q)}}#kX(X,Z,$,Q,j,z){this.#b(X);let G=()=>{this.#b(X),this.#C($,Q,j,X,z)},q=setTimeout(G,Z);X?.addEventListener?.("blur",G,{once:!0}),this.#M.set(X,{timer:q,flush:G})}#b(X){let Z=this.#M.get(X);if(!Z)return;clearTimeout(Z.timer),X?.removeEventListener?.("blur",Z.flush),this.#M.delete(X)}#SX(){for(let X of[...this.#M.keys()])this.#b(X)}#bX(X,Z,$,Q,j,z){let G=this.#H.get(X)??new Map;if(G.has($))return;let q=setTimeout(()=>{if(G.delete($),G.size===0)this.#H.delete(X)},Z);return G.set($,q),this.#H.set(X,G),this.#C($,Q,j,X,z)}#wX(){for(let X of this.#H.values())for(let Z of X.values())clearTimeout(Z);this.#H.clear()}#D(X,Z,{cancelable:$=!1}={}){let Q=new CustomEvent(X,{bubbles:!0,composed:!0,cancelable:$,detail:Z});return(this.element.isConnected?this.element:document).dispatchEvent(Q),Q}#z(X,Z,$,Q){let j=()=>{if(!this.element.isConnected){console.warn("[phlex-reactive] retry() ignored — the reactive root left the DOM");return}return this.#C(X,Z)};this.#D("reactive:error",{action:X,params:$,...Q,retry:j})}#G(X){if(this.element?.isConnected===!1)return;this.element?.setAttribute?.("data-reactive-error",X)}#hX(){this.element?.removeAttribute?.("data-reactive-error")}#yX(){let X=document.querySelector("[data-reactive-error-flash]");if(!X?.content)return;let Z=X.getAttribute("data-reactive-error-flash")||"flash",$=document.getElementById(Z);if(!$)return;$.appendChild(X.content.cloneNode(!0))}#vX(){if(typeof sessionStorage>"u")return Promise.resolve();let X=Number(sessionStorage.getItem(m));if(!Number.isFinite(X)||X<=0)return Promise.resolve();if(!P)P=!0,console.warn(`[phlex-reactive] latency simulator ACTIVE — every action is delayed by ${X}ms. Call PhlexReactive.disableLatencySim() (or clear sessionStorage) to turn it off.`);return new Promise((Z)=>setTimeout(Z,X))}#XX(){return this.element?.getAttribute?.("data-reactive-debug")==="true"}#ZX(){return typeof performance<"u"&&typeof performance.now==="function"?performance.now():Date.now()}#pX(X){if(!X)return[];let Z=[],$=/<turbo-stream\b([^>]*)>/g,Q;while((Q=$.exec(X))!==null){let j=Q[1],z=j.match(/\baction="([^"]*)"/)?.[1]??"?",G=j.match(/\btarget="([^"]*)"/)?.[1];Z.push(G?`${z} → #${G}`:z)}return Z}#fX(X){let{action:Z,status:$,ms:Q}=X,z=`reactive ${this.element?.id?`#${this.element.id} `:""}${Z} → ${$??"—"} (${Math.round(Q)}ms)`;if(console.groupCollapsed(z),console.log(`params: [${X.paramNames.join(", ")}] + collected: [${X.fieldNames.join(", ")}]`),console.log(`encoding: ${X.encoding}`),X.streams.length)console.log(`streams: ${X.streams.join("   ")}`);console.log(`token: ${X.tokenRefreshed?"refreshed ✓":"unchanged"}`),console.groupEnd()}async#mX(X,Z,$,Q,j){let{fields:z,files:G}=this.#jX(),q=this.#HX(Z),Y={...z,...q},K=this.#q,W=G.length>0,B=W?this.#HZ(K,X,Y,G):JSON.stringify({token:K,act:X,params:Y}),J=this.#XX()?{action:X,paramNames:Object.keys(q),fieldNames:Object.keys(z),encoding:W?"multipart":"json",status:null,streams:[],tokenRefreshed:!1,started:this.#ZX()}:null;await this.#vX();try{if(navigator.onLine===!1){this.#Y($),this.#G("offline"),this.#z(X,Z,Y,{kind:"offline"});return}let L;try{let V={Accept:"text/vnd.turbo-stream.html","X-CSRF-Token":this.#PZ()};if(!W)V["Content-Type"]="application/json";let O=this.#NZ();if(O)V["X-Pgbus-Connection"]=O;L=await fetch(this.#OZ(),{method:"POST",headers:V,body:B,credentials:"same-origin",signal:AbortSignal.timeout(this.#xZ())})}catch(V){if(console.error("[phlex-reactive] action error",V),this.#Y($),V?.name==="TimeoutError"||V?.name==="AbortError"){this.#G("timeout"),this.#z(X,Z,Y,{kind:"timeout"});return}this.#yX(),this.#G("network"),this.#z(X,Z,Y,{kind:"network"});return}if(J)J.status=L.status;if(L.redirected){console.error("[phlex-reactive] action was redirected (auth/CSRF?) — no update applied"),this.#Y($),this.#G("redirected"),this.#z(X,Z,Y,{kind:"redirected",status:L.status});return}if(!L.ok){let V=await L.text();if(console.error(`[phlex-reactive] action failed: HTTP ${L.status}`,V),this.#Y($),(L.headers.get("Content-Type")||"").includes("turbo-stream")){let O=this.#QX(V);if(this.#q=O??this.#q,J)this.#$X(J,V,O);window.Turbo.renderStreamMessage(V)}this.#G("http"),this.#z(X,Z,Y,{kind:"http",status:L.status,body:V});return}let H=L.headers.get("Content-Type")||"";if(!H.includes("turbo-stream")){console.error(`[phlex-reactive] expected a turbo-stream, got "${H}" — no update applied`),this.#Y($),this.#G("content-type"),this.#z(X,Z,Y,{kind:"content-type",status:L.status});return}let U=await L.text(),M=this.#QX(U);if(this.#q=M??this.#q,J)this.#$X(J,U,M);if(window.Turbo.renderStreamMessage(U),j)queueMicrotask(j);this.#hX(),this.#D("reactive:applied",{action:X,params:Y,html:U})}catch(L){console.error("[phlex-reactive] action error",L),this.#Y($),this.#D("reactive:error",{action:X,params:Y,kind:"apply"})}finally{if(Q?.(),J)this.#fX({...J,ms:this.#ZX()-J.started})}}#$X(X,Z,$){X.streams=this.#pX(Z),X.tokenRefreshed=$!=null}get#q(){return this.#m??this.tokenValue}set#q(X){this.#m=X}#QX(X){let Z=this.element.id;if(!Z)return X.match(/data-reactive-token-value="([^"]+)"/)?.[1];let{token:$,self:Q}=this.#uX(Z),j=X.match($);if(j)return j[1];let z=X.match(Q);if(z)return z[1].match(/data-reactive-token-value="([^"]+)"/)?.[1];return}#uX(X){let Z=this.#u;if(Z&&Z.id===X)return Z;let $=gX(X);return this.#u={id:X,token:new RegExp(`<turbo-stream\\b[^>]*\\baction="reactive:token"[^>]*\\btarget="${$}"[^>]*\\bdata-reactive-token-value="([^"]+)"`),self:new RegExp(`<turbo-stream\\b[^>]*\\baction="(?:replace|update)"[^>]*\\btarget="${$}"[^>]*>([\\s\\S]*?)</turbo-stream>`)}}#$(X){return X.closest('[data-controller~="reactive"]')===this.element}#X(){if(this.element.querySelectorAll('[data-controller~="reactive"]').length===0)return()=>!0;return(Z)=>this.#$(Z)}#w(X,Z){if(X)return X;if(!Z)return null;let $=Z;if(typeof Z==="string")try{$=JSON.parse(Z)}catch{return console.warn(`[phlex-reactive] malformed conditional confirm payload ${JSON.stringify(Z)} — skipped`),null}if(!$||typeof $!=="object")return null;let{fields:Q}=this.#jX(),j=(G)=>Q[G],z;if(typeof $.predicate==="string"){let G=LX($.predicate);if(!G)return console.warn(`[phlex-reactive] confirm predicate "${$.predicate}" is not registered — proceeding without a dialog (register it with setConfirmPredicate)`),null;z=!!G(Q)}else z=v($.groups?.any,j)===!0;return z?$.message:null}#jX(){let X={},Z=[],$=this.#X();return this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((Q)=>{if(!$(Q))return;if(Q.type==="file")for(let j of Q.files??[])Z.push({name:Q.name,file:j,multiple:Q.multiple});else if(Q.type==="checkbox")X[Q.name]=Q.checked;else if(Q.type==="radio"){if(Q.checked)X[Q.name]=Q.value}else X[Q.name]=Q.value}),this.element.querySelectorAll("[name]:is(lexxy-editor, trix-editor, [contenteditable=''], [contenteditable=true], [contenteditable=plaintext-only])").forEach((Q)=>{if(!$(Q))return;let j=Q.getAttribute("name");if(!j)return;let z=X[j];if(z==null||z==="")X[j]=Q.value??Q.textContent??Q.innerHTML??""}),{fields:X,files:Z}}#h(){if(typeof this.element?.querySelectorAll!=="function")return;let X=0;if(this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((Z)=>{if(!this.#$(Z))return;if(Z.type==="file")return;if(this.#gX(Z))Z.setAttribute("data-reactive-dirty","true"),X++;else Z.removeAttribute("data-reactive-dirty")}),X>0)this.element.setAttribute("data-reactive-dirty",String(X));else this.element.removeAttribute("data-reactive-dirty")}#gX(X){if(X.type==="checkbox"||X.type==="radio")return X.checked!==X.defaultChecked;if(X.tag==="select"||X.options)return Array.from(X.options??[]).some((Z)=>Z.selected!==Z.defaultSelected);return X.value!==X.defaultValue}#zX(){let X=this.element.getAttribute?.("data-reactive-dirty"),Z=Number(X);return Number.isFinite(Z)&&Z>0?Z:0}#cX(){if(typeof window>"u"||typeof window.addEventListener!=="function")return;this.#J=(X)=>{if(this.#zX()===0)return;return X.preventDefault(),X.returnValue="You have unsaved changes.",X.returnValue},this.#L=(X)=>{if(this.#zX()===0)return;if(!(typeof window.confirm==="function"?window.confirm("You have unsaved changes. Leave anyway?"):!0))X.preventDefault?.()},window.addEventListener("beforeunload",this.#J),window.addEventListener("turbo:before-visit",this.#L)}#dX(){if(this.#W)this.element.removeEventListener?.("turbo:morph-element",this.#W),this.#W=void 0;if(typeof window<"u"&&typeof window.removeEventListener==="function"){if(this.#J)window.removeEventListener("beforeunload",this.#J);if(this.#L)window.removeEventListener("turbo:before-visit",this.#L)}this.#J=void 0,this.#L=void 0}#lX(){if(this.element.getAttribute?.("data-reactive-show-targets"))return!0;let X=this.element.querySelectorAll?.(i)??[];for(let Z of X)if(this.#$(Z))return!0;return!1}#GX(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.#X(),Z=this.element.getAttribute?.("data-reactive-scope")||null,$=new Map,Q=(j)=>{if(!$.has(j))$.set(j,this.#nX(j,X,Z));return $.get(j)};for(let j of this.element.querySelectorAll(i)){if(!X(j))continue;let z=j.getAttribute("data-reactive-show");if(z!==null){let K=rX(nX(z),Q);if(K!==null)this.#qX(j,K,X,Z);continue}let G=j.getAttribute("data-reactive-show-field");if(!G)continue;let q=Q(G);if(q===null)continue;let Y=sX(j,q);if(Y===null)continue;this.#qX(j,Y,X,Z)}this.#iX(Q)}#qX(X,Z,$,Q){if(X.hidden=!Z,X.getAttribute("data-reactive-show-disable")!=="true")return;if(typeof X.querySelectorAll!=="function")return;for(let j of X.querySelectorAll("input[name], select[name], textarea[name]"))if($(j))j.disabled=!Z;if(X.name&&$(X))X.disabled=!Z}#iX(X){let Z=this.#sX();for(let[$,Q]of Object.entries(Z)){if($.startsWith("#")){this.#oX($,Q,X);continue}if(!Q||typeof Q!=="object"||Array.isArray(Q))continue;let j=X($);if(j===null)continue;let z=()=>j;for(let[G,q]of Object.entries(Q)){if(!o(G))continue;let Y;if(Array.isArray(q)){if(q.length===0){console.warn(`[phlex-reactive] malformed reactive_show_targets group for ${G} — skipped`);continue}Y=q.every((K)=>u(K,z))}else{let K=KX(q,j);if(K===null){console.warn(`[phlex-reactive] malformed reactive_show_targets predicate for ${G} — skipped`);continue}Y=K}for(let K of document.querySelectorAll(G))K.hidden=!Y}}}#oX(X,Z,$){if(!o(X))return;let Q=Z&&typeof Z==="object"&&!Array.isArray(Z)?Z.any:null,j=aX(Q);if(j===null){console.warn(`[phlex-reactive] malformed reactive_show_targets conditions for ${X} — skipped`);return}if(j.every((G)=>$(G)===null))return;let z=v(Q,$);if(z===null)return;for(let G of document.querySelectorAll(X))G.hidden=!z}#sX(){let X=this.element.getAttribute?.("data-reactive-show-targets");if(!X)return{};try{let Z=JSON.parse(X);if(Z&&typeof Z==="object"&&!Array.isArray(Z))return Z}catch{}return console.warn("[phlex-reactive] malformed data-reactive-show-targets — ignored. "+"Did two reactive_show_targets calls collide on one root? Declare every field in ONE call: reactive_show_targets(mode: { ... }, kind: { ... })"),{}}#nX(X,Z,$){let Q=$&&!X.includes("[")?`${$}[${X}]`:X,j=!1,z=null;for(let G of this.element.querySelectorAll(`[name="${Q}"]`)){if(!Z(G))continue;if(G.type==="checkbox")return G.checked?"true":"false";if(G.type==="radio"){if(G.checked)return G.value??"";j=!0;continue}z??=G}if(z)return z.value??"";return j?"":null}#aX(){if(!this.#Z)return;this.element.removeEventListener?.("input",this.#Z),this.element.removeEventListener?.("change",this.#Z),this.element.removeEventListener?.("turbo:morph-element",this.#Z),this.#Z=void 0}#R(){return!!(this.element.getAttribute?.("data-reactive-filter-input")&&this.element.getAttribute?.("data-reactive-filter-option"))}#rX(){return this.element.getAttribute?.("data-reactive-compute-seed")==="true"}#tX(X){let Z=this.element.getAttribute("data-reactive-filter-input");return!!Z&&typeof X.target?.matches==="function"&&X.target.matches(Z)}#A(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.element.getAttribute("data-reactive-filter-input"),Z=this.element.getAttribute("data-reactive-filter-option");if(!X||!Z)return;let $=this.#X(),Q=[...this.element.querySelectorAll(X)].find($);if(!Q)return;let j=(Q.value??"").trim().toLowerCase(),z=0;for(let Y of this.element.querySelectorAll(Z)){if(!$(Y))continue;let K=(Y.getAttribute("data-reactive-filter-text")??Y.textContent??"").toLowerCase(),W=Y.hasAttribute?.("data-reactive-tags-selected")||j!==""&&!K.includes(j);if(Y.hidden=W,W)Y.removeAttribute("data-reactive-highlighted");else z++}let G=this.element.getAttribute("data-reactive-filter-group");if(G)for(let Y of this.element.querySelectorAll(G)){if(!$(Y))continue;let K=[...Y.querySelectorAll(Z)].filter($);if(K.length===0)continue;Y.hidden=K.every((W)=>W.hidden)}let q=this.element.getAttribute("data-reactive-filter-empty");if(q){for(let Y of this.element.querySelectorAll(q))if($(Y))Y.hidden=z>0}}#eX(){if(!this.#Q)return;this.element.removeEventListener?.("input",this.#Q),this.element.removeEventListener?.("turbo:morph-element",this.#Q),this.#Q=void 0}#F(){return!!this.element.getAttribute?.("data-reactive-tags-field")}#XZ(){if(typeof this.element?.querySelector!=="function")return!1;return!!this.element.querySelector("[data-reactive-nested-json]")}#y(){if(typeof this.element?.querySelectorAll!=="function")return null;let X=this.element.getAttribute("data-reactive-tags-field");if(!X)return null;let Z=this.#X();return[...this.element.querySelectorAll(X)].find(Z)??null}#v(X){let Z=new Set,$=[];for(let Q of String(X.value??"").split(",")){let j=Q.trim();if(j===""||Z.has(j.toLowerCase()))continue;Z.add(j.toLowerCase()),$.push(j)}return $}#YX(X){let Z=this.#y();if(!Z)return!1;let $=this.#v(Z),Q=new Set($.map((z)=>z.toLowerCase())),j=!1;for(let z of X){let G=String(z??"").trim();if(G===""||Q.has(G.toLowerCase()))continue;Q.add(G.toLowerCase()),$.push(G),j=!0}if(j)this.#KX(Z,$);return j}#KX(X,Z){if(X.value=Z.join(","),typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}));this.#p()}#ZZ(){if(typeof this.element?.querySelectorAll!=="function")return null;let X=this.element.getAttribute("data-reactive-filter-input");if(!X)return null;let Z=this.#X();return[...this.element.querySelectorAll(X)].find(Z)??null}#p(){let X=this.#y();if(!X)return;let Z=this.#v(X),$=this.#X();this.#$Z(Z,$),this.#QZ(Z,$)}#$Z(X,Z){let $=[...this.element.querySelectorAll("[data-reactive-tags-list]")].find(Z);if(!$)return;let j=[...this.element.querySelectorAll("[data-reactive-tags-template]")].find(Z)?.content?.firstElementChild;if(!j){if(!this.#c)console.warn("[phlex-reactive] reactive_tags: no chip <template data-reactive-tags-template> found in this root — "+"chips will not render (the hidden field still updates). Add a template with a [data-reactive-tag-text] node and a reactive_tags_remove button."),this.#c=!0;return}while($.firstChild)$.removeChild($.firstChild);for(let z of X){let G=j.cloneNode(!0);G.setAttribute?.("data-reactive-tag",z);let q=G.matches?.("[data-reactive-tag-text]")?G:(G.querySelectorAll?.("[data-reactive-tag-text]")??[])[0];if(q)q.textContent=z;let Y=[...G.querySelectorAll?.('[data-action*="reactive#tagsRemove"]')??[]];if(G.matches?.('[data-action*="reactive#tagsRemove"]'))Y.push(G);for(let K of Y)K.setAttribute?.("data-reactive-tag-param",z);$.appendChild(G)}}#QZ(X,Z){let $=new Set(X.map((Q)=>Q.toLowerCase()));for(let Q of this.element.querySelectorAll("[role=option]")){if(!Z(Q))continue;let j=Q.getAttribute?.("data-reactive-tag-param");if(!j)continue;if($.has(j.toLowerCase()))Q.setAttribute("data-reactive-tags-selected","true"),Q.hidden=!0,Q.removeAttribute?.("data-reactive-highlighted");else if(Q.hasAttribute?.("data-reactive-tags-selected")){if(Q.removeAttribute("data-reactive-tags-selected"),!this.#R())Q.hidden=!1}}if(this.#R())this.#A()}#jZ(){return this.#k=Math.max(this.#k+1,Date.now()),this.#k}#zZ(X,Z){let $=[X,...X.querySelectorAll?.("*")??[]];for(let Q of $)for(let j of["name","id","for"]){let z=Q.getAttribute?.(j);if(z&&z.includes("NEW_ROW"))Q.setAttribute?.(j,z.replaceAll("NEW_ROW",String(Z)))}}#GZ(X){if(this.#d)return;console.warn(`[phlex-reactive] nested rows: no owned [data-reactive-nested-list="${X}"] container + <template data-reactive-nested-template="${X}"> pair found in this root — the add `+"trigger did nothing. Render both inside the same reactive root (reactive_nested_list / reactive_nested_template)."),this.#d=!0}#qZ(){if(!this.#V)return;this.element.removeEventListener?.("turbo:morph-element",this.#V),this.#V=void 0}#YZ(){if(this.#j)this.element.removeEventListener?.("input",this.#j),this.element.removeEventListener?.("change",this.#j),this.#j=void 0;if(this.#B)this.element.removeEventListener?.("turbo:morph-element",this.#B),this.#B=void 0}#KZ(){if(!this.#_)return;this.element.removeEventListener?.("turbo:morph-element",this.#_),this.#_=void 0}#HZ(X,Z,$,Q){let j=new FormData;j.append("token",X),j.append("act",Z);for(let[G,q]of Object.entries($))this.#f(j,`params[${G}]`,q);let z=this.#UZ(Q);for(let{name:G,file:q,multiple:Y}of Q){let W=Y||z.has(G)?`params[${G}][]`:`params[${G}]`;j.append(W,q,q.name)}return j}#f(X,Z,$){if($==null)X.append(Z,"");else if(Array.isArray($))$.forEach((Q,j)=>this.#f(X,`${Z}[${j}]`,Q));else if(typeof $==="object")for(let[Q,j]of Object.entries($))this.#f(X,`${Z}[${Q}]`,j);else X.append(Z,String($))}#UZ(X){let Z=new Map;for(let{name:$}of X)Z.set($,(Z.get($)??0)+1);return new Set([...Z].filter(([,$])=>$>1).map(([$])=>$))}#HX(X){if(!X)return{};try{return typeof X==="string"?JSON.parse(X):X}catch{return{}}}#UX(X){return HX(X)}#WX(X){UX(X,(Z)=>this.#JX(Z))}#JX(X){let Z=X.to;if(Z==="@root")return[this.element];if(typeof Z!=="string"||Z==="")return[];if(X.global)return[...document.querySelectorAll(Z)];return[...this.element.querySelectorAll(Z)].filter(($)=>this.#$($))}#WZ(X,Z){if(X?.checked!=="keep")return!1;let $=Z?.type;return $==="checkbox"||$==="radio"}#JZ(X,Z){if(!X)return null;let $=this.#LX(X,Z,!0);return $.length?$:null}#Y(X){if(!X)return;if(!this.element.isConnected)return;for(let Z of X)Z()}#LZ(X,Z,$){this.#BZ(X,Z);let Q=$?this.#LX($,Z,!1):[];QX();let j=!1;return()=>{if(j)return;j=!0,this.#_Z(X,Z),jX();for(let z of Q)z()}}#LX(X,Z,$){let Q=[];for(let j of this.#VX(X,Z)){if(X.add_class){let z=X.add_class.filter((G)=>!j.classList.contains(G));if(j.classList.add(...z),z.length)Q.push(()=>j.classList.remove(...z))}if(X.remove_class){let z=X.remove_class.filter((G)=>j.classList.contains(G));if(j.classList.remove(...z),z.length)Q.push(()=>j.classList.add(...z))}if(X.toggle_class)X.toggle_class.forEach((z)=>j.classList.toggle(z)),Q.push(()=>X.toggle_class.forEach((z)=>j.classList.toggle(z)));if(X.hide)j.hidden=!0,Q.push(()=>j.hidden=!1);if(X.show)j.hidden=!1,Q.push(()=>j.hidden=!0)}if(Z&&(X.disable||X.text!=null))Q.push(this.#VZ(X,Z));if($&&X.checked==="keep"&&Z&&"checked"in Z){let j=Z.checked;Q.push(()=>Z.checked=!j)}return Q}#VX(X,Z){if(X.to==null)return Z?[Z]:[];return this.#JX({to:X.to})}#VZ(X,Z){let $=this.#O.get(Z);if($)$.count++;else this.#O.set(Z,{count:1,disabled:Z.disabled,html:Z.innerHTML,hadText:X.text!=null,swappedTo:X.text});if(X.disable)Z.disabled=!0;if(X.text!=null)Z.innerHTML=X.text;return()=>this.#AZ(Z,X)}#BZ(X,Z){if(this.#K(Z,X,1),this.#K(this.element,X,1),this.#U.set(X,(this.#U.get(X)??0)+1),this.#T++===0)this.element.setAttribute("aria-busy","true");for(let $ of this.#BX(X))this.#K($,X,1)}#_Z(X,Z){this.#K(Z,X,-1),this.#K(this.element,X,-1);let $=(this.#U.get(X)??1)-1;if($<=0)this.#U.delete(X);else this.#U.set(X,$);if(--this.#T<=0)this.#T=0,this.element.removeAttribute("aria-busy");for(let Q of this.#BX(X))this.#K(Q,X,-1)}#K(X,Z,$){if(!X||typeof X.getAttribute!=="function")return;let Q=this.#E.get(X)??new Map,j=(Q.get(Z)??0)+$;if(j<=0)Q.delete(Z);else Q.set(Z,j);if(Q.size===0){this.#E.delete(X),X.removeAttribute("data-reactive-busy");return}this.#E.set(X,Q),X.setAttribute("data-reactive-busy",[...Q.keys()].join(" "))}#BX(X){return[...this.element.querySelectorAll?.("[data-reactive-busy-on]")??[]].filter(($)=>$.getAttribute("data-reactive-busy-on")===X&&this.#$($))}#AZ(X,Z){let $=this.#O.get(X);if(!$)return;if(--$.count>0)return;if(this.#O.delete(X),!X.isConnected)return;if(Z.disable)X.disabled=$.disabled;if($.hadText&&X.innerHTML===$.swappedTo)X.innerHTML=$.html}#MZ(X){if(!X||typeof X!=="object")return null;let{class:Z,...$}=X;return Z==null?X:{...$,add_class:Z}}#OZ(){return this.#_X??=document.querySelector('meta[name="phlex-reactive-action-path"]')?.content||"/reactive/actions"}#xZ(){if(this.#I!=null)return this.#I;let X=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,Z=Number(X);return this.#I=Number.isFinite(Z)&&Z>0?Z:30000}#PZ(){return document.querySelector('meta[name="csrf-token"]')?.content??""}#NZ(){return document.querySelector("pgbus-stream-source[connection-id]")?.getAttribute("connection-id")||document.querySelector('meta[name="pgbus-connection-id"]')?.content||null}}export{GZ as resetReactiveDefers,JZ as resetReactiveActivity,VX as registerReactiveVisit,BX as registerReactiveToken,pX as registerReactiveOffline,_X as registerReactiveJs,IX as registerReactiveEffects,DX as registerReactiveDismiss,AX as registerReactiveDefer,d as registerReactiveActions,WZ as reactiveActivityCount,qZ as pendingDeferVia,jX as exitReactiveActivity,gX as escapeRegExp,QX as enterReactiveActivity,fX as enableLatencySim,mX as disableLatencySim,BZ as default,cX as checkReactiveRegistration,LZ as __resetReactiveRegistrationForTest,HZ as __resetReactiveOfflineForTest,UZ as __resetReactiveLatencyForTest,KZ as __resetReactiveEffectsForTest,YZ as __resetReactiveDismissForTest,VZ as __markReactiveConnectedForTest,m as LATENCY_KEY,$X as ACTIVE_ATTR};
 
-//# debugId=730B1A7F3EE4DCD964756E2164756E21
+//# debugId=3D36FCC8A2F9938464756E2164756E21
 //# sourceMappingURL=reactive_controller.min.js.map
diff --git a/app/javascript/phlex/reactive/reactive_controller.min.js.map b/app/javascript/phlex/reactive/reactive_controller.min.js.map
index a23668a..00c113a 100644
--- a/app/javascript/phlex/reactive/reactive_controller.min.js.map
+++ b/app/javascript/phlex/reactive/reactive_controller.min.js.map
@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["reactive_controller.js"],
   "sourcesContent": [
-    "import { Controller } from \"@hotwired/stimulus\"\n// Import the BARE specifier the engine already pins (phlex/reactive/confirm),\n// NOT a relative \"./confirm.js\" (issue #57). Under importmap-rails + Propshaft\n// the controller is served at its DIGESTED url; a relative sibling import is\n// left untouched (Propshaft rewrites only RAILS_ASSET_URL(...), and the import\n// map resolves ONLY bare specifiers), so \"./confirm.js\" resolves against the\n// digested controller url → an undigested /assets/.../confirm.js that 404s, and\n// the throwing import takes down every Stimulus controller on the page. The\n// bare specifier resolves to the digested asset through the import map, and\n// bundlers/bun resolve it the same way they already resolve\n// \"phlex/reactive/reactive_controller\" (see tsconfig.json paths for the tests).\nimport { confirmResolver } from \"phlex/reactive/confirm\"\n// Client-side computes (data bindings): the reducer registry behind\n// reactive_compute. Bare specifier for the same import-map reason as confirm.\nimport { computeReducer } from \"phlex/reactive/compute\"\n// Conditional-confirm predicates (issue #179): the registry behind the\n// confirm: { predicate: \"name\" } escape hatch. Same bare-specifier reason.\nimport { confirmPredicate } from \"phlex/reactive/confirm_predicate\"\n\n// The ONE generic controller behind every reactive Phlex component. It\n// replaces the per-feature Stimulus controllers you'd otherwise hand-write\n// for interactive components. A component declares its actions in Ruby (via\n// Phlex::Reactive::Component); this controller binds DOM events to a single\n// HTTP round trip and lets Turbo apply the re-rendered component back in\n// (replace by default; method=\"morph\" — Response.morph — preserves focus).\n//\n// Wire format (client -> server), POST <action path>, turbo-stream Accept:\n//   { token: \"<signed identity>\", act: \"<action>\", params: {...} }   (JSON)\n// (`act`, not `action`: `action` is a reserved Rails routing param.)\n// The token is a MessageVerifier-signed { component, gid } — NO state is sent.\n// When the root holds a chosen <input type=\"file\">, the SAME payload is sent as\n// multipart FormData instead (token/act flat, params bracketed, files appended)\n// so an upload reaches the action (issue #34) — only the encoding differs.\n// The response is a <turbo-stream> that replaces the component by its id.\n//\n// Server -> client live updates use the SAME element id, pushed over the\n// stream transport (pgbus SSE / Action Cable) via the Streamable\n// .broadcast_* methods — so a click and a background broadcast converge on\n// one re-render unit.\n//\n// Custom turbo-stream action: the server tells the actor to full-navigate\n// (e.g. the record's slug changed and the current URL is now dead). It rides a\n// 200 turbo-stream — NOT an HTTP 3xx — so it never trips the response.redirected\n// bail below (which still correctly catches real auth/CSRF redirects). Registered\n// once on the Turbo global (no @hotwired/turbo import — the gem uses window.Turbo\n// everywhere, and a named import is unreliable under importmap/esbuild).\nexport function registerReactiveVisit() {\n  const actions = window.Turbo?.StreamActions\n  if (!actions || actions[\"reactive:visit\"]) return\n  actions[\"reactive:visit\"] = function () {\n    const url = this.getAttribute(\"data-url\")\n    if (url) window.Turbo.visit(url, { action: \"advance\" })\n  }\n}\n\n// Custom turbo-stream action: a TOKEN-ONLY refresh (issue #30). A partial\n// update (Response.streams / reply.streams) re-renders only PART of a component\n// — so there's no full-self replace to carry the next signed token. The server\n// instead emits `<turbo-stream action=\"reactive:token\" target=\"<id>\"\n// data-reactive-token-value=\"<fresh>\">`. #perform's #extractToken already reads\n// the token out of the response body for the NEXT queued request; this handler\n// keeps the DOM in sync too, writing the attribute onto the root element so the\n// `tokenValue` fallback stays fresh. It's a pure attribute set — no node is\n// replaced — so a focused <input> + caret survive (the whole point: update a\n// total cell without tearing down the field the user is typing in).\nexport function registerReactiveToken() {\n  const actions = window.Turbo?.StreamActions\n  if (!actions || actions[\"reactive:token\"]) return\n  actions[\"reactive:token\"] = function () {\n    const token = this.getAttribute(\"data-reactive-token-value\")\n    const target = this.getAttribute(\"target\")\n    if (!token || !target) return\n    const el = document.getElementById(target)\n    // Stimulus reads the token via the `token` value -> data-reactive-token-value.\n    if (el) el.setAttribute(\"data-reactive-token-value\", token)\n  }\n}\n\n// Custom turbo-stream action: SERVER-PUSHED client DOM ops (issue #97). The\n// server-side sibling of on_client's runOps — a reply (reply.<verb>.js(ops)) or\n// a broadcast (Streamable.broadcast_js_to) emits\n//\n//   <turbo-stream action=\"reactive:js\" target=\"<optional root id>\"\n//                 data-reactive-ops=\"[[op, args], ...]\"></turbo-stream>\n//\n// and Turbo invokes this handler with `this` bound to that <turbo-stream>\n// element. It runs the ops through the SAME frozen CLIENT_OPS whitelist as\n// runOps (client-side default-deny — an unknown op warns + is skipped), so a\n// forged/stale ops attr can never break the page or execute anything off the\n// vocabulary. NO token, NO fetch — a pure local DOM mutation.\n//\n// `target` (optional, an element id) scopes op resolution to that root: \"@root\"\n// resolves to the target element itself and a selector resolves WITHIN it.\n// Without a target, ops resolve document-wide (a broadcast op like\n// add_class(\"#bell\", ...) that isn't anchored to one component). The op stream\n// is emitted AFTER all render streams in the reply (the endpoint appends it\n// last), so focus(\"[name=next]\") sees the freshly morphed DOM — Turbo applies\n// streams in document order.\nexport function registerReactiveJs() {\n  const actions = window.Turbo?.StreamActions\n  if (!actions || actions[\"reactive:js\"]) return\n  actions[\"reactive:js\"] = function () {\n    const list = parseOps(this.getAttribute(\"data-reactive-ops\"))\n    if (!list.length) return\n    const targetId = this.getAttribute(\"target\")\n    // With a target: scope to that element (missing → no-op). Without: document.\n    const root = targetId ? document.getElementById(targetId) : null\n    if (targetId && !root) return\n    applyOps(list, (args) => streamOpTargets(args, root))\n  }\n}\n\n// --- Deferred reply segments (issue #165) ----------------------------------\n// The client half of reply.defer: the server's reply carries a\n// `<turbo-stream action=\"reactive:defer\" target=\"<id>\">` directive and the\n// real render reaches the SAME actor later — via a parallel fetch (pull) or a\n// pgbus one-shot stream (push). Everything here is MODULE-level, deliberately\n// OFF the per-controller request queue: the whole point is that the expensive\n// segment never blocks the actor's next action.\n//\n// Supersession is the correctness core: pendingDefers keys one in-flight\n// delivery per target id. A newer directive for the same target aborts the\n// older fetch (or removes the older stream source), and an arrival applies\n// ONLY while its entry is still current — so a fast typist's debounced\n// keystrokes can never paint stale totals over fresh ones.\nconst pendingDefers = new Map()\n\n// Register/drop a target's pending defer entry, keeping the GLOBAL activity\n// counter (issue #201) balanced against the Map's ACTUAL key presence — a defer\n// is one in-flight reactive operation for as long as its registry entry lives.\n// Keying enter/exit on the presence TRANSITION (not the raw call) means a\n// re-set of an already-present key, or a delete of an absent one, can never\n// unbalance the count. Both the fetch (pull) and stream (push) lane route their\n// registry mutations through here, so the push lane is counted correctly even\n// though its DOM pending markers clear by a node swap, not clearDeferPending.\nfunction setPendingDefer(targetId, entry) {\n  const isNew = !pendingDefers.has(targetId)\n  pendingDefers.set(targetId, entry)\n  if (isNew) enterReactiveActivity()\n}\n\nfunction deletePendingDefer(targetId) {\n  if (pendingDefers.delete(targetId)) exitReactiveActivity()\n}\n\n// Test seam: clear the module-level registry between unit tests. Also resets\n// the one-shot settle-listener guard so a test's fresh document re-registers\n// the turbo:before-stream-render settler. Does NOT touch the activity counter —\n// resetReactiveActivity is its own seam (the two are reset together in tests).\nexport function resetReactiveDefers() {\n  pendingDefers.clear()\n  deferStreamSettleRegistered = false\n}\n\n// Test seam: the `via` of a target's pending defer entry (or undefined) — lets\n// tests assert an entry was SETTLED (dropped) on arrival without exposing the\n// Map. Not used by the runtime.\nexport function pendingDeferVia(targetId) {\n  return pendingDefers.get(targetId)?.via\n}\n\nlet deferStreamSettleRegistered = false\n\nexport function registerReactiveDefer() {\n  const actions = window.Turbo?.StreamActions\n  if (!actions || actions[\"reactive:defer\"]) return\n  actions[\"reactive:defer\"] = function () {\n    const target = this.getAttribute(\"target\")\n    if (!target) return\n    if (this.getAttribute(\"data-reactive-defer-via\") === \"stream\") {\n      startStreamDefer(target, this)\n      return\n    }\n    const token = this.getAttribute(\"data-reactive-defer-token\")\n    if (!token) return\n    startFetchDefer(target, token)\n  }\n\n  // Settle a STREAM-lane pendingDefers entry when its arrival lands: the job's\n  // broadcast is a turbo-stream that replaces the target (and removes the\n  // source). A document-level turbo:before-stream-render hook drops the Map\n  // entry for a stream target the moment a stream renders against it — so the\n  // entry never outlives the delivery (the fetch lane settles inline; the\n  // stream lane's arrival is a broadcast this controller doesn't await, so it\n  // needs this hook). Registered once; a no-op without document.\n  if (!deferStreamSettleRegistered && typeof document !== \"undefined\" && document.addEventListener) {\n    deferStreamSettleRegistered = true\n    document.addEventListener(\"turbo:before-stream-render\", settleStreamDeferOnRender)\n  }\n}\n\n// Drop a stream-lane pendingDefers entry when a turbo-stream renders against\n// its target id (the job's replace) OR removes its source element. Keyed by the\n// stream's target so an unrelated stream never settles a defer. Pure Map\n// cleanup — the DOM apply is Turbo's; this only releases our bookkeeping.\nfunction settleStreamDeferOnRender(event) {\n  const streamEl = event.target\n  const target = streamEl?.getAttribute?.(\"target\")\n  if (!target) return\n  // The arrival replaces #<target>; the source removal targets\n  // reactive-defer-src-<target>. Either signals the stream delivered.\n  const targetId = target.startsWith(\"reactive-defer-src-\")\n    ? target.slice(\"reactive-defer-src-\".length)\n    : target\n  const entry = pendingDefers.get(targetId)\n  if (entry?.via === \"stream\") deletePendingDefer(targetId)\n}\n\n// The pull lane: mark the target pending and POST the signed defer token to\n// the defer endpoint, in parallel with everything else the page is doing.\nfunction startFetchDefer(targetId, token) {\n  const el = document.getElementById(targetId)\n  if (!el) {\n    console.warn(`[phlex-reactive] reactive:defer target #${targetId} is not on the page — skipped`)\n    return\n  }\n  supersedeDefer(targetId)\n  markDeferPending(el)\n  const entry = { via: \"fetch\", abort: new AbortController(), timedOut: false }\n  setPendingDefer(targetId, entry)\n  performDeferFetch(targetId, entry, token)\n}\n\n// The push lane: subscribe a <pgbus-stream-source> to the server-signed\n// one-shot stream. Arrival + teardown need no client logic — the job's\n// broadcast carries the replace AND a remove of this source element (its\n// disconnectedCallback closes the SSE connection). since-id=0 on a fresh key\n// replays a broadcast that beat the subscription (the durable-lane guarantee).\nfunction startStreamDefer(targetId, directive) {\n  const el = document.getElementById(targetId)\n  if (!el) {\n    console.warn(`[phlex-reactive] reactive:defer target #${targetId} is not on the page — skipped`)\n    return\n  }\n  const src = directive.getAttribute(\"data-reactive-defer-src\")\n  if (!src) return\n  if (!globalThis.customElements?.get?.(\"pgbus-stream-source\")) {\n    // The server chose push on server-side capability, but this page has no\n    // pgbus client. Degrade to the fetch lane using the fallback token the push\n    // directive carries — rather than dead-end the shimmer. No token (an app on\n    // a bespoke transport) is a loud no-op.\n    const fallbackToken = directive.getAttribute(\"data-reactive-defer-token\")\n    if (fallbackToken) {\n      startFetchDefer(targetId, fallbackToken)\n      return\n    }\n    console.error(\n      \"[phlex-reactive] reactive:defer via=stream but <pgbus-stream-source> is not registered \" +\n        \"and no fallback token was provided — is the pgbus client loaded on this page?\",\n    )\n    return\n  }\n  supersedeDefer(targetId)\n  markDeferPending(el)\n  const source = document.createElement(\"pgbus-stream-source\")\n  // Deterministic id: the JOB's broadcast removes it by this exact id — the\n  // subscription tears itself down with the payload it delivered.\n  source.id = deferSourceId(targetId)\n  source.setAttribute(\"src\", src)\n  source.setAttribute(\"since-id\", directive.getAttribute(\"data-reactive-defer-since-id\") ?? \"0\")\n  source.setAttribute(\"hidden\", \"\")\n  document.body.appendChild(source)\n  // Record only { via } — NOT a strong ref to the source element. The job's\n  // broadcast removes the source by its deterministic id (its\n  // disconnectedCallback closes the SSE), so holding srcEl here would pin the\n  // detached node in this module-level Map forever (a leak). Supersession\n  // re-finds the element by id instead. The entry is dropped on\n  // supersession or when the arriving broadcast replaces the target (a\n  // turbo:before-stream-render hook, below).\n  setPendingDefer(targetId, { via: \"stream\" })\n}\n\n// The deterministic id of a target's one-shot <pgbus-stream-source>.\nfunction deferSourceId(targetId) {\n  return `reactive-defer-src-${targetId}`\n}\n\nasync function performDeferFetch(targetId, entry, token) {\n  // Bound the wait like the action fetch (issue #101) — a hung defer must not\n  // shimmer forever. A manual timer (not AbortSignal.timeout) so the catch can\n  // tell a TIMEOUT (fail loudly) from a SUPERSEDED abort (stay silent).\n  const timer = setTimeout(() => {\n    entry.timedOut = true\n    entry.abort.abort()\n  }, deferTimeoutMs())\n\n  // The timeout is cleared ONLY after the body is fully read (below), not the\n  // moment headers arrive — a server that streams headers then stalls the body\n  // must still abort, or the shimmer hangs forever (the abort signal covers the\n  // whole fetch + body read, mirroring #perform's AbortSignal.timeout).\n  let response\n  try {\n    response = await fetch(deferPath(), {\n      method: \"POST\",\n      headers: {\n        Accept: \"text/vnd.turbo-stream.html\",\n        \"Content-Type\": \"application/json\",\n        \"X-CSRF-Token\": deferCsrfToken(),\n      },\n      body: JSON.stringify({ token }),\n      credentials: \"same-origin\",\n      signal: entry.abort.signal,\n    })\n  } catch (error) {\n    clearTimeout(timer)\n    if (pendingDefers.get(targetId) !== entry) return // superseded — silent\n    console.error(\"[phlex-reactive] deferred render failed\", error)\n    failDefer(targetId, token)\n    return\n  }\n  if (pendingDefers.get(targetId) !== entry) {\n    clearTimeout(timer)\n    return // superseded mid-flight\n  }\n\n  if (response.status === 204) {\n    clearTimeout(timer)\n    // render? false — keep the current content, just clear the pending state.\n    settleDefer(targetId)\n    return\n  }\n  if (!response.ok) {\n    clearTimeout(timer)\n    console.error(`[phlex-reactive] deferred render failed: HTTP ${response.status}`)\n    failDefer(targetId, token, response.status)\n    return\n  }\n\n  let html\n  try {\n    html = await response.text()\n  } catch (error) {\n    clearTimeout(timer)\n    if (pendingDefers.get(targetId) !== entry) return\n    console.error(\"[phlex-reactive] deferred render failed reading the body\", error)\n    failDefer(targetId, token)\n    return\n  }\n  clearTimeout(timer)\n  if (pendingDefers.get(targetId) !== entry) return // superseded during read\n\n  settleDefer(targetId)\n  // A normal replace/morph of the target — the fresh root carries no pending\n  // markers and a fresh action token, so the component lands interactive.\n  window.Turbo.renderStreamMessage(html)\n}\n\n// Abort/unsubscribe whatever delivery is in flight for this target. The\n// deleted entry makes every late arrival fail its identity check — stale\n// content can never paint.\nfunction supersedeDefer(targetId) {\n  const existing = pendingDefers.get(targetId)\n  if (!existing) return\n  deletePendingDefer(targetId)\n  if (existing.via === \"fetch\") existing.abort.abort()\n  // Stream lane: re-find the old source by its deterministic id and remove it\n  // (unsubscribe) — we deliberately don't hold a strong ref to the detached\n  // node. Its disconnectedCallback closes the SSE.\n  else document.getElementById(deferSourceId(targetId))?.remove?.()\n}\n\nfunction markDeferPending(el) {\n  el.setAttribute(\"data-reactive-defer-pending\", \"true\")\n  el.setAttribute(\"aria-busy\", \"true\")\n}\n\nfunction clearDeferPending(el) {\n  el.removeAttribute(\"data-reactive-defer-pending\")\n  el.removeAttribute(\"aria-busy\")\n}\n\n// Success/204: drop the registry entry, clear pending, and clear any prior\n// defer failure marker (recovery resets error-driven CSS, issue #100 style).\nfunction settleDefer(targetId) {\n  deletePendingDefer(targetId)\n  const el = document.getElementById(targetId)\n  if (!el) return\n  clearDeferPending(el)\n  el.removeAttribute(\"data-reactive-error\")\n}\n\n// Failure: clear pending (the shimmer must not lie), mark the root\n// (data-reactive-error=\"defer\" — style it in pure CSS), and emit a bubbling\n// reactive:error whose retry() re-enters the defer fetch with the SAME token\n// (still valid inside the TTL; an expired token 400s into this same path).\nfunction failDefer(targetId, token, status) {\n  deletePendingDefer(targetId)\n  const el = document.getElementById(targetId)\n  if (!el) return\n  clearDeferPending(el)\n  el.setAttribute(\"data-reactive-error\", \"defer\")\n  const retry = () => {\n    const fresh = document.getElementById(targetId)\n    if (!fresh) {\n      console.warn(\"[phlex-reactive] defer retry() ignored — the target left the DOM\")\n      return\n    }\n    fresh.removeAttribute(\"data-reactive-error\")\n    startFetchDefer(targetId, token)\n  }\n  el.dispatchEvent(\n    new CustomEvent(\"reactive:error\", {\n      bubbles: true,\n      composed: true,\n      detail: { kind: \"defer\", target: targetId, status, retry },\n    }),\n  )\n}\n\nfunction deferPath() {\n  return document.querySelector('meta[name=\"phlex-reactive-defer-path\"]')?.content || \"/reactive/defer\"\n}\n\n// CSRF is read LIVE per request (Rails can rotate it) — same contract as the\n// controller's #csrfToken.\nfunction deferCsrfToken() {\n  return document.querySelector('meta[name=\"csrf-token\"]')?.content ?? \"\"\n}\n\n// Same page-stable meta + default as the controller's #timeoutMs (issue #101),\n// parsed defensively so a typo'd meta can never disable the bound.\nfunction deferTimeoutMs() {\n  const raw = document.querySelector('meta[name=\"phlex-reactive-timeout\"]')?.content\n  const ms = Number(raw)\n  return Number.isFinite(ms) && ms > 0 ? ms : 30000\n}\n\n// Document-level self-dismissing flashes (issue #100). A flash rendered with\n// dismiss_after: carries data-reactive-dismiss-after=\"<ms>\"; after the timeout\n// it removes itself. This is deliberately NOT a Stimulus controller — the flash\n// container is a plain host-app div (Response#flash appends into it) with no\n// controller attached, so nothing would honor the attr. A document-level scan\n// on turbo:before-stream-render (which fires for EVERY <turbo-stream> render —\n// a reply AND a broadcast) schedules removal for any newly-arrived dismissing\n// flash. Each is marked data-reactive-dismiss-scheduled so re-scans (a later\n// stream render) never double-schedule the same node. Registered once; the\n// guard flag makes a second call a no-op (bun imports the module once per run).\nlet dismissRegistered = false\nexport function registerReactiveDismiss() {\n  if (dismissRegistered) return\n  if (typeof document === \"undefined\" || !document.addEventListener) return\n  dismissRegistered = true\n  // turbo:before-stream-render fires BEFORE the stream is applied — and Turbo\n  // then does `await nextRepaint(); await event.detail.render(this)`, so a bare\n  // setTimeout(0) can run BEFORE the node is inserted (observed under Falcon).\n  // WRAP event.detail.render instead: run Turbo's own render, then scan once it\n  // has resolved — timing-independent and correct on every server. The event\n  // fires for EVERY <turbo-stream> (a reply AND a broadcast), so both delivery\n  // paths self-clean. detail.render may be absent on exotic streams — guard it.\n  document.addEventListener(\"turbo:before-stream-render\", wrapStreamRenderForDismiss)\n}\n\n// Chain the dismissing-flash scan after Turbo's own stream render resolves, so\n// the scan sees the freshly-inserted node. Idempotent per event (marks\n// detail.render as already-wrapped) and defensive if detail/render is missing.\nfunction wrapStreamRenderForDismiss(event) {\n  const detail = event.detail\n  const original = detail?.render\n  if (typeof original !== \"function\" || original.__reactiveDismissWrapped) {\n    // No render to wrap (or already wrapped) — fall back to a post-repaint scan.\n    if (typeof requestAnimationFrame === \"function\") requestAnimationFrame(scheduleReactiveDismissals)\n    else setTimeout(scheduleReactiveDismissals, 0)\n    return\n  }\n  const wrapped = async (streamElement) => {\n    await original(streamElement)\n    scheduleReactiveDismissals()\n  }\n  wrapped.__reactiveDismissWrapped = true\n  detail.render = wrapped\n}\n\n// Scan for un-scheduled dismissing flashes and schedule each one's removal.\n// Kept a module function so the scan logic is testable and re-run on every\n// stream render.\nfunction scheduleReactiveDismissals() {\n  const flashes = document.querySelectorAll(\"[data-reactive-dismiss-after]\")\n  for (const el of flashes) {\n    if (el.hasAttribute(\"data-reactive-dismiss-scheduled\")) continue\n    const ms = Number(el.getAttribute(\"data-reactive-dismiss-after\"))\n    if (!Number.isFinite(ms) || ms <= 0) continue\n    el.setAttribute(\"data-reactive-dismiss-scheduled\", \"\")\n    setTimeout(() => el.remove(), ms)\n  }\n}\n\n// Test seam: reset the one-time registration guard so a fresh document stub in\n// the next test registers its own listener (bun runs all specs in one process).\nexport function __resetReactiveDismissForTest() {\n  dismissRegistered = false\n}\n\n// Reactive effects (issue #215): animate ENTER (append/prepend), EXIT (remove)\n// and UPDATE (replace/update, plain or morph) when a <turbo-stream> renders.\n// Document-level and render-wrapping like the dismiss hook above, so ONE\n// interceptor covers both delivery paths (a reply and a broadcast). Strictly\n// data-driven and default-deny: the per-call data-reactive-effect on the\n// stream element wins (\"off\" suppresses), else the carrier element's\n// data-reactive-effect-<hook> — the DOM target for exit/update, the INCOMING\n// template root for enter. No attribute → no work; unknown names and\n// malformed legs warn + skip (a newer or forged attr must never break the\n// page). prefers-reduced-motion disables everything (the shipped CSS is also\n// media-wrapped — defense in depth).\n//\n// Timing:\n//   * exit — the animation runs BEFORE Turbo's render (the removal), awaited\n//     via animationend/transitionend with a timeout fallback; a ZERO computed\n//     duration (no effects CSS loaded, reduced-motion CSS gate) skips the wait\n//     entirely, so a missing stylesheet can never freeze a removal.\n//   * enter/update — Turbo renders first, then the effect class is applied to\n//     the inserted/updated element(s) and removed on settle (fire-and-forget).\n//     Re-applying an update effect restarts it (class off → reflow → on).\n//\n// A named effect maps to the shipped CSS class reactive-fx--<name>-<hook>\n// (app/assets/stylesheets/phlex/reactive/effects.css); \"random\" picks a\n// built-in per application; a \"[\"-prefixed value is a custom\n// [during, from, to] class-legs triple (the #96/#186 vocabulary), run with\n// runTransition's add → frame → swap → settle choreography.\nconst EFFECT_HOOKS = Object.freeze({\n  append: \"enter\",\n  prepend: \"enter\",\n  replace: \"update\",\n  update: \"update\",\n  remove: \"exit\",\n})\nconst EFFECT_BUILT_INS = Object.freeze([\"fade\", \"slide\", \"scale\", \"highlight\", \"shake\"])\n// Marks an incoming template root so the post-render scan finds the inserted\n// CLONE (Turbo clones template content on render — attrs ride the clone).\nconst EFFECT_PENDING_ATTR = \"data-reactive-fx-pending\"\n// The hard ceiling on any effect wait — an exit's removal is delayed at most\n// this long even if animationend/transitionend never fire.\nconst EFFECT_SETTLE_FALLBACK_MS = 1000\n\nlet effectsRegistered = false\nexport function registerReactiveEffects() {\n  if (effectsRegistered) return\n  if (typeof document === \"undefined\" || typeof document.addEventListener !== \"function\") return\n  effectsRegistered = true\n  document.addEventListener(\"turbo:before-stream-render\", wrapStreamRenderForEffects)\n}\n\nexport function __resetReactiveEffectsForTest() {\n  effectsRegistered = false\n}\n\n// Wrap event.detail.render (the dismiss-hook pattern) when this stream both\n// maps to a hook AND resolves to an effect. Resolution happens HERE, before\n// the render, because exit must read the target while it is still in the DOM\n// and enter must read (and mark) the template content before Turbo clones it.\nfunction wrapStreamRenderForEffects(event) {\n  const detail = event.detail\n  const original = detail?.render\n  if (typeof original !== \"function\" || original.__reactiveEffectsWrapped) return\n  const streamEl = detail?.newStream ?? event.target\n  const hook = EFFECT_HOOKS[streamEl?.getAttribute?.(\"action\")]\n  if (!hook || effectsReducedMotion()) return\n  const effect = resolveStreamEffect(streamEl, hook)\n  if (!effect) return\n\n  const wrapped =\n    hook === \"exit\"\n      ? async (el) => {\n          await runExitEffect(effectTarget(streamEl), effect)\n          await original(el)\n        }\n      : async (el) => {\n          const container = hook === \"enter\" ? markIncomingRoots(streamEl) : null\n          await original(el)\n          if (hook === \"enter\") animateMarkedRoots(container, effect)\n          else runEnterOrUpdateEffect(effectTarget(streamEl), effect)\n        }\n  wrapped.__reactiveEffectsWrapped = true\n  detail.render = wrapped\n}\n\n// The effect for this stream: per-call data-reactive-effect first (\"off\" →\n// none), else the carrier's declared data-reactive-effect-<hook>.\nfunction resolveStreamEffect(streamEl, hook) {\n  const perCall = streamEl.getAttribute?.(\"data-reactive-effect\")\n  if (perCall === \"off\") return null\n  if (perCall) return parseEffect(perCall, hook)\n  const carrier = hook === \"enter\" ? incomingEffectRoot(streamEl) : effectTarget(streamEl)\n  const declared = carrier?.getAttribute?.(`data-reactive-effect-${hook}`)\n  return declared ? parseEffect(declared, hook) : null\n}\n\n// The stream's CURRENT DOM target (re-queried at use, so a post-replace call\n// sees the freshly-swapped element). Our builders always emit `target` —\n// multi-`targets` streams are not ours and pass through unanimated.\nfunction effectTarget(streamEl) {\n  const target = streamEl.getAttribute?.(\"target\")\n  return target ? (document.getElementById?.(target) ?? null) : null\n}\n\n// The incoming content's root element (an append/prepend's arriving\n// component) — the carrier of a declared enter effect.\nfunction incomingEffectRoot(streamEl) {\n  return streamEl.querySelector?.(\"template\")?.content?.firstElementChild ?? null\n}\n\n// A wire value → an executable effect: { className } for a shipped built-in\n// (\"random\" picks one per application), { legs } for a custom triple. null +\n// console.warn for anything else (default-deny).\nfunction parseEffect(value, hook) {\n  if (value.startsWith(\"[\")) {\n    let legs = null\n    try {\n      const parsed = JSON.parse(value)\n      if (Array.isArray(parsed) && parsed.length === 3) legs = parsed.map(String)\n    } catch {\n      // malformed JSON → the shared warn below\n    }\n    if (legs) return { legs }\n    console.warn(`[phlex-reactive] malformed effect legs ${JSON.stringify(value)} — skipped`)\n    return null\n  }\n  const name =\n    value === \"random\" ? EFFECT_BUILT_INS[Math.floor(Math.random() * EFFECT_BUILT_INS.length)] : value\n  if (!EFFECT_BUILT_INS.includes(name)) {\n    console.warn(`[phlex-reactive] unknown effect ${JSON.stringify(value)} — skipped`)\n    return null\n  }\n  return { className: `reactive-fx--${name}-${hook}` }\n}\n\nfunction effectsReducedMotion() {\n  try {\n    return typeof matchMedia === \"function\" && matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n  } catch {\n    return false\n  }\n}\n\n// Stamp each incoming template root with the pending marker (Turbo's render\n// clones the content, so the marker rides the inserted clone) and return the\n// container the post-render scan searches. Pre-render on purpose.\nfunction markIncomingRoots(streamEl) {\n  const content = streamEl.querySelector?.(\"template\")?.content\n  if (!content) return null\n  for (const child of Array.from(content.children ?? [])) child.setAttribute?.(EFFECT_PENDING_ATTR, \"\")\n  return effectTarget(streamEl)\n}\n\n// Post-render: find the just-inserted clones by their marker, unmark, animate.\nfunction animateMarkedRoots(container, effect) {\n  if (typeof container?.querySelectorAll !== \"function\") return\n  for (const el of Array.from(container.querySelectorAll(`[${EFFECT_PENDING_ATTR}]`))) {\n    el.removeAttribute(EFFECT_PENDING_ATTR)\n    runEnterOrUpdateEffect(el, effect)\n  }\n}\n\n// EXIT: animate on the still-present element, resolve when settled, and only\n// then does the wrapper run Turbo's removal. Zero computed duration (no\n// effects CSS) resolves immediately — never a dead 1s freeze.\nasync function runExitEffect(el, effect) {\n  if (!el?.classList) return\n  if (effect.legs) {\n    await runLegsEffect(el, effect.legs)\n    return\n  }\n  el.classList.add(effect.className)\n  const duration = effectDurationMs(el)\n  if (duration <= 0) {\n    el.classList.remove(effect.className)\n    return\n  }\n  await effectSettled(el, duration)\n  el.classList.remove(effect.className)\n}\n\n// ENTER/UPDATE: fire-and-forget after the render. A re-applied class is\n// removed + reflowed first so rapid successive updates restart the flash; the\n// per-element token keeps an older settle from clearing a newer application.\nfunction runEnterOrUpdateEffect(el, effect) {\n  if (!el?.classList) return\n  if (effect.legs) {\n    runLegsEffect(el, effect.legs)\n    return\n  }\n  if (el.classList.contains(effect.className)) {\n    el.classList.remove(effect.className)\n    void el.offsetWidth // force a reflow so re-adding restarts the animation\n  }\n  el.classList.add(effect.className)\n  const duration = effectDurationMs(el)\n  if (duration <= 0) {\n    el.classList.remove(effect.className)\n    return\n  }\n  const token = (el.__reactiveFxToken = (el.__reactiveFxToken ?? 0) + 1)\n  effectSettled(el, duration).then(() => {\n    if (el.__reactiveFxToken === token) el.classList.remove(effect.className)\n  })\n}\n\n// Custom class legs — runTransition's choreography (add during+from, swap\n// from→to on the next frame, settle, clean up), promise-shaped so an exit can\n// await it. Class lists are space-separated (the #96/#186 wire).\n//\n// Rapid re-application on the same element RESTARTS, mirroring the named\n// path's token guard: each run takes the per-element token, clears any\n// earlier run's leg classes, and a superseded run stops touching the element\n// the moment a newer run owns it — so a stale settle can never strip classes\n// mid-animation or double-swap the legs. A superseded EXIT run resolves\n// early, which only lets Turbo's removal proceed sooner (never later).\nasync function runLegsEffect(el, legs) {\n  const [during, from, to] = legs.map(splitEffectClasses)\n  const token = (el.__reactiveFxToken = (el.__reactiveFxToken ?? 0) + 1)\n  el.classList.remove(...during, ...from, ...to)\n  el.classList.add(...during, ...from)\n  await effectNextFrame()\n  if (el.__reactiveFxToken !== token) return\n  el.classList.remove(...from)\n  el.classList.add(...to)\n  const duration = effectDurationMs(el)\n  if (duration > 0) await effectSettled(el, duration)\n  if (el.__reactiveFxToken !== token) return\n  el.classList.remove(...during, ...to)\n}\n\nfunction splitEffectClasses(list) {\n  return String(list ?? \"\")\n    .split(/\\s+/)\n    .filter(Boolean)\n}\n\n// The longest computed animation/transition (duration + delay, comma lists\n// included) in ms, capped at the hard fallback. 0 when getComputedStyle is\n// unavailable or nothing animates — callers skip the wait entirely.\nfunction effectDurationMs(el) {\n  if (typeof getComputedStyle !== \"function\") return 0\n  try {\n    const style = getComputedStyle(el)\n    const longest = (value) =>\n      String(value ?? \"\")\n        .split(\",\")\n        .reduce((max, part) => Math.max(max, parseFloat(part) || 0), 0)\n    const animation = longest(style.animationDuration) + longest(style.animationDelay)\n    const transition = longest(style.transitionDuration) + longest(style.transitionDelay)\n    return Math.min(Math.max(animation, transition) * 1000, EFFECT_SETTLE_FALLBACK_MS)\n  } catch {\n    return 0\n  }\n}\n\n// Resolve on animationend/transitionend — whichever fires first — with a\n// timeout slightly past the computed duration, so a canceled animation (a\n// display:none ancestor, an interrupted transition) can't hang an exit.\nfunction effectSettled(el, durationMs) {\n  return new Promise((resolve) => {\n    let done = false\n    const settle = () => {\n      if (done) return\n      done = true\n      resolve()\n    }\n    el.addEventListener?.(\"animationend\", settle, { once: true })\n    el.addEventListener?.(\"transitionend\", settle, { once: true })\n    setTimeout(settle, Math.min(durationMs + 50, EFFECT_SETTLE_FALLBACK_MS))\n  })\n}\n\nfunction effectNextFrame() {\n  return new Promise((resolve) => {\n    if (typeof requestAnimationFrame === \"function\") requestAnimationFrame(() => resolve())\n    else setTimeout(resolve, 16)\n  })\n}\n\n// Offline CSS hook (issue #101). Mirror data-reactive-offline on\n// document.documentElement from navigator.onLine, kept in sync by the window\n// online/offline events — so an app can dim a save button or show a banner with\n// PURE CSS and zero JS ([data-reactive-offline] .save { pointer-events: none }).\n// Guarded on window (needed for addEventListener AND navigator) so importing the\n// module in a non-browser (bun test) context is a no-op, and registered once\n// (the online/offline listeners are NOT {once}, so a second registerReactiveActions\n// call must not stack duplicates) — mirroring the dismiss guard + reset seam.\nlet offlineRegistered = false\nexport function registerReactiveOffline() {\n  if (offlineRegistered) return\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") return\n  if (typeof window.addEventListener !== \"function\") return\n  offlineRegistered = true\n  // toggleAttribute(name, force) writes data-reactive-offline=\"\" (a bare boolean\n  // attr the [data-reactive-offline] selector matches) or removes it — never the\n  // \"true\" string. navigator.onLine === false is the reliable direction (a false\n  // \"online\" is spec-permitted but rare, and this is only a presentational hook —\n  // the authoritative offline signal is the #perform gate, not this attribute).\n  // Fully defensive: a missing documentElement/toggleAttribute/navigator degrades\n  // to a no-op — a presentational hook must NEVER throw during bootstrap.\n  const sync = () => {\n    const root = document.documentElement\n    if (typeof root?.toggleAttribute !== \"function\") return\n    root.toggleAttribute(\"data-reactive-offline\", globalThis.navigator?.onLine === false)\n  }\n  sync() // seed synchronously so first paint is correct\n  window.addEventListener(\"online\", sync)\n  window.addEventListener(\"offline\", sync)\n}\n\nexport function __resetReactiveOfflineForTest() {\n  offlineRegistered = false\n}\n\n// Latency simulator dev aid (issue #102). On localhost the click→morph round\n// trip is ~5ms, so the pending/loading/optimistic affordances (aria-busy,\n// disable_with, busy_on, optimistic hints) flash by too fast to see while\n// developing or demoing them — the reason LiveView ships enableLatencySim(ms).\n//\n// enableLatencySim(ms) persists the delay to sessionStorage (session-scoped, so\n// it clears when the tab closes — never a config you forget you left on);\n// #perform reads it right before the fetch and awaits setTimeout(ms), stretching\n// the already-set busy window to something visible. disableLatencySim() clears\n// it. NAMED exports (the setConfirmResolver precedent) — but importmap module\n// exports are unreachable from the browser console, so registerReactiveActions\n// ALSO attaches these to window.PhlexReactive, and ONLY when the app opts in with\n// <meta name=\"phlex-reactive-env\" content=\"development\"> (see #attachLatencyHandle).\nexport const LATENCY_KEY = \"phlex-reactive:latency\"\n\n// One-time \"sim active\" banner guard (module-level, mirroring offlineRegistered):\n// #maybeSimulateLatency warns ONCE while the sim is on, not once per request.\nlet latencyBannerShown = false\n\nexport function enableLatencySim(ms) {\n  if (typeof sessionStorage === \"undefined\") return\n  sessionStorage.setItem(LATENCY_KEY, String(ms))\n}\n\nexport function disableLatencySim() {\n  if (typeof sessionStorage === \"undefined\") return\n  sessionStorage.removeItem(LATENCY_KEY)\n  // Re-arm the one-time \"sim active\" banner: turning the sim OFF is the lifecycle\n  // boundary, so a later enableLatencySim() in the same session re-announces that\n  // the sim is on (otherwise the guard would stay set across an off→on cycle and\n  // swallow the banner). Matches the __resetReactiveLatencyForTest seam.\n  latencyBannerShown = false\n}\n\n// The dev gate. importmap module exports aren't reachable from the DevTools\n// console, so we expose the two functions on a window handle — but ONLY when the\n// app authored <meta name=\"phlex-reactive-env\" content=\"development\">. There is\n// NO engine-emitted meta (the engine can't inject into the host layout); the\n// install generator ships the snippet commented. Without the meta: no global\n// handle at all, and #perform short-circuits on the null sessionStorage read —\n// zero production surface. The `?.content` chain is fully defensive (a stubbed\n// document with no querySelector, a missing meta) so bootstrap never throws.\nfunction attachLatencyHandle() {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") return\n  const env = document.querySelector?.('meta[name=\"phlex-reactive-env\"]')?.content\n  if (env !== \"development\") return\n  window.PhlexReactive = { enableLatencySim, disableLatencySim }\n}\n\n// Test seam: forget the one-time active-sim banner so the next test re-warns.\nexport function __resetReactiveLatencyForTest() {\n  latencyBannerShown = false\n}\n\n// --- Global reactive-activity signal (issue #201) --------------------------\n// A DOCUMENT-LEVEL count of in-flight reactive operations — the direct analogue\n// of Turbo's progress bar, but for reactive round trips and deferred renders\n// instead of navigations. Anything that starts an async reactive operation calls\n// enterReactiveActivity(); when it settles (success OR failure, on every path) it\n// calls exitReactiveActivity(). The count is exposed two ways so an app — or a\n// system test — can key off \"is the reactive layer settling?\" without knowing\n// about any individual root:\n//\n//   * a marker on <html>: data-reactive-active present while count > 0 (CSS can\n//     drive a global spinner; code/tests can read it). A DISTINCT name from the\n//     per-root data-reactive-busy so a [data-reactive-busy] selector never also\n//     matches the document element.\n//   * events on document: reactive:busy on the 0 -> >0 edge, reactive:idle on the\n//     >0 -> 0 edge — EDGES ONLY (not once per op), each carrying { count }.\n//\n// It sums ACROSS all reactive roots (module-level, not per-controller) and across\n// the two async lifecycles wired below:\n//   * dispatch — entered in #applyBusy (at ENQUEUE, so the queue wait counts too),\n//     exited in the settle closure #perform runs in its finally.\n//   * defer    — entered/exited with the pendingDefers registry (set/delete), the\n//     ONE registry both the fetch (pull) and the stream (push) lane maintain — so\n//     the push lane stays balanced even though it clears its pending markers by a\n//     node swap, not clearDeferPending. A supersede is delete-then-set (net zero),\n//     which is correct: a fast typist's replaced defer is still \"layer busy\".\n//\n// compute-seed is deliberately NOT counted: recompute() is synchronous, so a seed\n// is fully applied by the time the call returns — there is no async window to await\n// (the \"value settles a beat after a morph/seed\" case the issue describes is\n// covered by the System test helpers' re-resolve-by-id polling, not this counter).\nexport const ACTIVE_ATTR = \"data-reactive-active\"\n\nlet activityCount = 0\n\n// Increment the global in-flight count; on the 0 -> 1 edge, mark <html> and fire\n// reactive:busy. Fully defensive — a non-browser/test document with no\n// documentElement/dispatchEvent still tracks the count and simply skips the DOM\n// side effects (a global signal must never throw during bootstrap or a round trip).\nexport function enterReactiveActivity() {\n  activityCount++\n  if (activityCount === 1) syncReactiveActivity(\"reactive:busy\")\n}\n\n// Decrement the global in-flight count, clamped at 0 so an unbalanced exit can\n// never drive it negative (which would wedge the marker on forever). On the\n// 1 -> 0 edge, clear the <html> marker and fire reactive:idle.\nexport function exitReactiveActivity() {\n  if (activityCount === 0) return\n  activityCount--\n  if (activityCount === 0) syncReactiveActivity(\"reactive:idle\")\n}\n\n// The current in-flight count — a test seam and a runtime read (an app can gate an\n// \"unsaved changes\" prompt on `reactiveActivityCount() > 0`).\nexport function reactiveActivityCount() {\n  return activityCount\n}\n\n// Test seam: reset the module-level counter (and clear the marker) between tests,\n// since the module is imported once per bun run.\nexport function resetReactiveActivity() {\n  activityCount = 0\n  const root = typeof document !== \"undefined\" ? document.documentElement : null\n  root?.removeAttribute?.(ACTIVE_ATTR)\n}\n\n// Write the <html> marker from the current count and fire the edge event on\n// document. Both sides are independently guarded so a partial document stub (a\n// documentElement without toggleAttribute, or a document without dispatchEvent)\n// degrades to a no-op rather than throwing.\nfunction syncReactiveActivity(eventName) {\n  if (typeof document === \"undefined\") return\n  const root = document.documentElement\n  if (typeof root?.toggleAttribute === \"function\") {\n    root.toggleAttribute(ACTIVE_ATTR, activityCount > 0)\n  }\n  if (typeof document.dispatchEvent === \"function\" && typeof CustomEvent === \"function\") {\n    document.dispatchEvent(new CustomEvent(eventName, { detail: { count: activityCount } }))\n  }\n}\n\nexport function registerReactiveActions() {\n  registerReactiveVisit()\n  registerReactiveToken()\n  registerReactiveJs()\n  registerReactiveDefer()\n  registerReactiveDismiss()\n  registerReactiveEffects()\n  registerReactiveOffline()\n  attachLatencyHandle()\n}\n\n// Escape a DOM id for safe interpolation into a RegExp (an id can legally contain\n// regex metacharacters like `.`/`:` — e.g. an `escape:`-namespaced or dotted id).\n// Used by #extractToken to match the stream that re-renders THIS element by id.\nexport function escapeRegExp(string) {\n  return string.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")\n}\n\nif (typeof window !== \"undefined\") {\n  if (window.Turbo) registerReactiveActions()\n  else document.addEventListener(\"turbo:load\", registerReactiveActions, { once: true })\n}\n\n// --- Registration guard (issue #26 part 2) -------------------------------\n// In a `lazyLoadControllersFrom(\"controllers\", application)` app, only\n// controllers under app/javascript/controllers/ are registered. This module\n// lives outside that dir, so importing it isn't enough — `data-controller=\n// \"reactive\"` does NOTHING until the host runs application.register(\"reactive\",\n// ...). The failure is silent: components render, but no action ever fires.\n//\n// We can't warn from connect() in that case (connect never runs). Instead, once\n// the page is ready, if reactive elements exist but no controller has connected,\n// the controller wasn't registered — so we warn, pointing at the fix.\nlet reactiveConnected = false\n\nexport function checkReactiveRegistration() {\n  if (reactiveConnected) return\n  if (typeof document === \"undefined\") return\n  const els = document.querySelectorAll('[data-controller~=\"reactive\"]')\n  if (!els || els.length === 0) return\n  console.warn(\n    \"[phlex-reactive] found \" + els.length + ' element(s) with data-controller=\"reactive\" ' +\n      \"but the reactive controller never connected. It is loaded but not registered — \" +\n      'add `application.register(\"reactive\", ReactiveController)` (importmap) or import it ' +\n      \"into app/javascript/controllers/ for lazyLoadControllersFrom apps. See the README.\"\n  )\n}\n\n// Test seams (no-ops in production usage).\nexport function __resetReactiveRegistrationForTest() {\n  reactiveConnected = false\n}\nexport function __markReactiveConnectedForTest() {\n  reactiveConnected = true\n}\n\nif (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n  // Defer past initial controller connection (a microtask/tick after ready).\n  const scheduleCheck = () => setTimeout(checkReactiveRegistration, 0)\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", scheduleCheck, { once: true })\n  } else {\n    scheduleCheck()\n  }\n}\n\n// The interpret-time attribute-name allowlist (issue #96) — the SECOND half of\n// the two-sided default-deny. The Ruby builder already refuses these at build\n// time; this guards a hand-built / forged ops attr from bypassing it. Refused:\n// event handlers (on*, XSS), URL-bearing names (a javascript: navigation\n// surface), and style (CSS injection). Case-insensitive, mirroring js.rb.\nconst REFUSED_ATTR_URL = new Set([\"href\", \"src\", \"srcdoc\", \"action\", \"formaction\", \"xlink:href\", \"style\"])\nfunction attrRefused(name) {\n  const lower = String(name).toLowerCase()\n  return lower.startsWith(\"on\") || REFUSED_ATTR_URL.has(lower)\n}\n\n// Run an animated visibility change (issue #96 `transition:`). `flip` performs\n// the actual hidden-flag change; `[during, from, to]` are class lists applied\n// AROUND it. Cleanup (removing during+to) is awaited via `animationend` OR a\n// setTimeout fallback — whichever comes first — so an element with NO animation\n// never leaves the helper classes stuck (the op chain itself is not blocked:\n// cleanup is fire-and-forget, later ops run immediately). The fallback and the\n// listener share a one-shot `done` guard so cleanup runs exactly once.\nfunction runTransition(el, transition, flip) {\n  const [during, from, to] = transition\n  el.classList.add(during, from)\n  flip()\n  requestAnimationFrame(() => {\n    el.classList.remove(from)\n    el.classList.add(to)\n  })\n\n  let done = false\n  const cleanup = () => {\n    if (done) return\n    done = true\n    el.classList.remove(during, to)\n  }\n  el.addEventListener(\"animationend\", cleanup, { once: true })\n  // ~10% over a common 300ms transition; also the ONLY path for a non-animated\n  // element (animationend never fires there), so it must always be scheduled.\n  setTimeout(cleanup, 350)\n}\n\n// The client-op whitelist behind on_client (issue #95, extended in #96). Mirrors\n// Phlex::Reactive::JS's vocabulary; an op name not in this map is\n// warn-and-skipped by #applyOps (client-side default-deny — a stale or newer\n// ops attr must never break the page). Each op is a pure, local DOM mutation:\n// nothing is read back, nothing is sent anywhere. Frozen so nothing can be\n// registered into it at runtime — extending the vocabulary is a gem change,\n// not an app hook.\nconst CLIENT_OPS = Object.freeze({\n  show: (el, args) => setHidden(el, false, args),\n  hide: (el, args) => setHidden(el, true, args),\n  toggle: (el, args) => setHidden(el, !el.hidden, args),\n  add_class: (el, args) => el.classList.add(...(args.classes ?? [])),\n  remove_class: (el, args) => el.classList.remove(...(args.classes ?? [])),\n  toggle_class: (el, args) => (args.classes ?? []).forEach((c) => el.classList.toggle(c)),\n\n  // Attribute ops (issue #96), interpret-time allowlisted. set_attr writes the\n  // (already-stringified) value; toggle_attr adds a missing attr (value \"\") or\n  // removes a present one; remove_attr removes it. A refused name warns + skips.\n  set_attr: (el, args) => {\n    if (guardAttr(args.name)) el.setAttribute(args.name, args.value ?? \"\")\n  },\n  remove_attr: (el, args) => {\n    if (guardAttr(args.name)) el.removeAttribute(args.name)\n  },\n  toggle_attr: (el, args) => {\n    if (!guardAttr(args.name)) return\n    if (el.hasAttribute(args.name)) el.removeAttribute(args.name)\n    else el.setAttribute(args.name, \"\")\n  },\n\n  // Focus ops (issue #96). focus targets the match itself; focus_first targets\n  // its first focusable descendant (opened-menu → first menuitem).\n  focus: (el) => el.focus?.(),\n  focus_first: (el) => firstFocusable(el)?.focus?.(),\n\n  // Text op (issue #159): set textContent — XSS-safe by construction (never\n  // innerHTML), strictly less powerful than set_attr. Change-guarded like\n  // #mirrorText. With global: true it is the cross-root text escape: paint a\n  // value into a recap node OUTSIDE the component's root.\n  text: (el, args) => {\n    const text = String(args.value ?? \"\")\n    if (el.textContent !== text) el.textContent = text\n  },\n\n  // Dispatch a bubbling CustomEvent (issue #96). RAW element.dispatchEvent — the\n  // controller SHADOWS Stimulus's this.dispatch helper, so it must not be used.\n  dispatch: (el, args) => {\n    el.dispatchEvent(new CustomEvent(args.name, { bubbles: true, composed: true, detail: args.detail ?? {} }))\n  },\n})\n\n// Apply a hidden-flag change, optionally animated by a [during, from, to]\n// transition (issue #96). Split out so show/hide/toggle share it.\nfunction setHidden(el, hidden, args) {\n  if (args?.transition) runTransition(el, args.transition, () => (el.hidden = hidden))\n  else el.hidden = hidden\n}\n\n// The interpret-time attribute guard: refuse (warn + skip) a name off the\n// allowlist. Returns true when the op may proceed.\nfunction guardAttr(name) {\n  if (!attrRefused(name)) return true\n  console.warn(`[phlex-reactive] refused client attr op on ${JSON.stringify(name)} — skipped`)\n  return false\n}\n\n// A cross-root mirror target must be a single ID selector (issue #159) — \"#\" +\n// a CSS identifier, nothing else. The client half of the two-sided default-deny\n// (reactive_compute's `mirror:` validates the SAME shape loudly at declare\n// time): a hand-built mirror attr must not widen a declared text mirror into a\n// page-wide selector write. A refused selector warns + skips (its siblings\n// still apply), matching the attr-allowlist posture.\nconst MIRROR_ID_SELECTOR = /^#[A-Za-z_][\\w-]*$/\nfunction guardMirrorSelector(selector) {\n  if (typeof selector === \"string\" && MIRROR_ID_SELECTOR.test(selector)) return true\n  console.warn(`[phlex-reactive] refused cross-root mirror target ${JSON.stringify(selector)} — skipped`)\n  return false\n}\n\n// Evaluate a show binding's declared literal predicate (issue #161) against\n// the controlling field's current value. Exactly one of the three predicate\n// attrs decides: equals (value === literal), not (value !== literal), in\n// (value ∈ a JSON string list). The vocabulary is fixed and literal-only —\n// never an expression, so there is no eval surface (the reactive_show helper\n// enforces the same shape loudly at render; this is the client half of the\n// two-sided posture). Returns true/false for a decidable binding, or null for\n// a malformed/missing predicate — the caller SKIPS a null so a hand-built or\n// stale binding never flips visibility it doesn't understand (default-deny,\n// like the op whitelist).\nfunction showBindingMatches(el, value) {\n  const equals = el.getAttribute(\"data-reactive-show-equals\")\n  if (equals !== null) return value === equals\n  const not = el.getAttribute(\"data-reactive-show-not\")\n  if (not !== null) return value !== not\n  const inRaw = el.getAttribute(\"data-reactive-show-in\")\n  if (inRaw !== null) {\n    try {\n      const list = JSON.parse(inRaw)\n      if (Array.isArray(list)) return list.includes(value)\n    } catch {\n      // fall through to the warn below — malformed JSON and a non-array both skip\n    }\n    console.warn(`[phlex-reactive] malformed reactive_show in: list ${JSON.stringify(inRaw)} — skipped`)\n    return null\n  }\n  // Numeric threshold predicates (issue #176 part B): gte/gt/lte/lt read the\n  // literal off its own flat attr and compare Number(value) against it. Any\n  // present numeric attr decides the binding — a non-numeric field value (NaN)\n  // is false (hidden), and a non-numeric LITERAL warn-skips (null).\n  for (const key of SHOW_NUMERIC_KEYS) {\n    const raw = el.getAttribute(`data-reactive-show-${key}`)\n    if (raw !== null) return numericPredicateMatches(key, raw, value)\n  }\n  console.warn(\"[phlex-reactive] a reactive_show binding declares no predicate — skipped\")\n  return null\n}\n\n// The numeric threshold keys (issue #176 part B) — the client half of the Ruby\n// SHOW_NUMERIC_KEYS. Order-independent; the evaluator reads the one that's\n// present. Each coerces BOTH sides to Number and compares.\nconst SHOW_NUMERIC_KEYS = [\"gte\", \"gt\", \"lte\", \"lt\"]\n\n// Evaluate one numeric threshold predicate against a field value. Returns\n// true/false for a decidable comparison, or null when the LITERAL itself is\n// non-numeric (a malformed binding — warn-skip, default-deny). A non-numeric\n// FIELD value (empty/blank/garbage) is treated as NaN → false: the\n// reveal-on-threshold notice stays hidden, the safe default. Shared by the\n// owned-binding evaluator (raw string literal off an attr) and the\n// cross-root/compound evaluator (a literal that arrived as a JSON number or\n// string).\nfunction numericPredicateMatches(key, literal, value) {\n  const rhs = Number(literal)\n  if (Number.isNaN(rhs)) {\n    console.warn(`[phlex-reactive] reactive_show ${key}: needs a numeric literal, got ${JSON.stringify(literal)} — skipped`)\n    return null\n  }\n  // A blank/whitespace field value must fail closed. Number(\"\") and\n  // Number(\"   \") are 0 (NOT NaN), so a bare Number()+isNaN check would wrongly\n  // reveal a `lte:`/`lt:`/`gte: 0` binding on an EMPTY field. Force the\n  // empty/blank case to NaN so the \"blank → hidden\" contract holds for every\n  // operator, not just the ones where 0 happens to fail the comparison.\n  const trimmed = value == null ? \"\" : String(value).trim()\n  const n = trimmed === \"\" ? NaN : Number(trimmed)\n  if (Number.isNaN(n)) return false\n  switch (key) {\n    case \"gte\":\n      return n >= rhs\n    case \"gt\":\n      return n > rhs\n    case \"lte\":\n      return n <= rhs\n    case \"lt\":\n      return n < rhs\n    default:\n      return null\n  }\n}\n\n// Evaluate an ALREADY-PARSED show predicate object (issue #164) — the\n// reactive_show_targets map embeds { equals/not/in } directly in its JSON, so\n// unlike showBindingMatches there are no attrs to read or re-parse. The same\n// literal-only vocabulary; anything else (empty, unknown keys, a non-array\n// in:) returns null and the caller warn-skips that target (default-deny — a\n// hand-built map entry must never flip visibility it doesn't declare).\nfunction showPredicateMatches(pred, value) {\n  if (!pred || typeof pred !== \"object\") return null\n  if (typeof pred.equals === \"string\") return value === pred.equals\n  if (typeof pred.not === \"string\") return value !== pred.not\n  if (Array.isArray(pred.in)) return pred.in.includes(value)\n  // Numeric threshold predicates (issue #176 part B): the literal arrives as a\n  // JSON number (or a numeric string) embedded in the predicate object — one\n  // shared numericPredicateMatches with the owned-binding evaluator.\n  for (const key of SHOW_NUMERIC_KEYS) {\n    if (key in pred) return numericPredicateMatches(key, pred[key], value)\n  }\n  return null\n}\n\n// The selector matching every OWNED-element show binding: single-field\n// (data-reactive-show-field, issue #161) OR compound all:/any:\n// (data-reactive-show, issue #176). Both the connect() gate and the sync walk\n// use it so a compound-only root still enables the sync.\nconst SHOW_BINDING_SELECTOR = \"[data-reactive-show-field], [data-reactive-show]\"\n\n// Parse a compound show binding's JSON payload (issue #176 part A). Malformed\n// JSON degrades to null WITH a warn — a bad binding must never throw or blank\n// the page (client-side default-deny), but a collision (two bindings' JSON\n// mix-joined) is worth surfacing.\nfunction parseShowCompound(raw) {\n  try {\n    const parsed = JSON.parse(raw)\n    if (parsed && typeof parsed === \"object\" && !Array.isArray(parsed)) return parsed\n  } catch {\n    // fall through to the warn\n  }\n  console.warn(`[phlex-reactive] malformed compound reactive_show payload ${JSON.stringify(raw)} — skipped`)\n  return null\n}\n\n// Evaluate one DNF TERM against a resolved field value (issue #180). A missing\n// field (null) or a malformed/unknown predicate folds to FALSE — fail-closed\n// (default-deny): a broken AND term can't pass, a broken OR term can't reveal.\nfunction dnfTermMatches(term, fieldValue) {\n  if (!term || typeof term !== \"object\" || typeof term.field !== \"string\") return false\n  // An absent owned field reads as \"\" — identical to the server evaluator\n  // (ShowConditions.match? treats a missing field as blank). This keeps the\n  // Ruby first-paint and the client live-toggle in exact agreement (the shared\n  // fixture proves it). A malformed predicate still folds to false.\n  const value = fieldValue(term.field) ?? \"\"\n  return showPredicateMatches(term, value) === true\n}\n\n// Evaluate a DNF show payload (issue #180): { any: [group, …] } where each\n// GROUP is an array of terms (terms AND within a group, groups OR). Returns\n// true/false for a decidable payload, or null for a malformed one (no groups)\n// so the caller warn-skips and leaves visibility alone. This is the ONE shape\n// the 0.10 wire emits; showPayloadMatches routes the legacy shapes here or to\n// the compatibility arm below.\nfunction anyOfAllsMatches(groups, fieldValue) {\n  if (!Array.isArray(groups) || groups.length === 0) return null\n  // groups OR; within a group, terms AND (an empty group can't decide → false).\n  return groups.some((group) => Array.isArray(group) && group.length > 0 &&\n    group.every((term) => dnfTermMatches(term, fieldValue)))\n}\n\n// Every field a DNF payload's groups reference (issue #209) — drives the\n// \"leave the target alone when NO referenced field is owned\" skip, the\n// single-field-target skip generalized. Returns null for a malformed payload\n// (no groups, or no term names a field) so the caller warn-skips instead of\n// toggling on garbage (default-deny, like every other malformed-wire arm).\nfunction dnfGroupFields(groups) {\n  if (!Array.isArray(groups) || groups.length === 0) return null\n  const fields = new Set()\n  for (const group of groups) {\n    if (!Array.isArray(group)) continue\n    for (const term of group) {\n      if (term && typeof term === \"object\" && typeof term.field === \"string\") fields.add(term.field)\n    }\n  }\n  return fields.size > 0 ? [...fields] : null\n}\n\n// Route a parsed data-reactive-show payload to the right evaluator. The 0.10\n// wire is { any: [ [term,…], … ] } (DNF — groups are ARRAYS). For a stale tab\n// still serving pre-0.10 HTML (deploy overlap), fall back to the 0.9.5 compound\n// shape { all: [term,…] } / { any: [term,…] } where the values are flat TERM\n// OBJECTS, not arrays. The nesting distinguishes them: DNF's any[0] is an Array.\n// DELETE the legacy arm in 0.11.\nfunction showPayloadMatches(payload, fieldValue) {\n  if (!payload || typeof payload !== \"object\") return null\n  const any = payload.any\n  if (Array.isArray(any) && (any.length === 0 || Array.isArray(any[0]))) {\n    return anyOfAllsMatches(any, fieldValue)\n  }\n  return legacyCompoundShowMatches(payload, fieldValue)\n}\n\n// LEGACY (0.9.5, deploy-overlap only — DELETE in 0.11): the flat all:/any:\n// compound fold, where terms are objects (not groups). Preserved so a morph of\n// stale pre-0.10 HTML doesn't go dead.\nfunction legacyCompoundShowMatches(payload, fieldValue) {\n  const connective = Array.isArray(payload.all) ? \"all\" : Array.isArray(payload.any) ? \"any\" : null\n  if (!connective) return null\n  const terms = payload[connective]\n  if (terms.length === 0) return null\n  const results = terms.map((term) => dnfTermMatches(term, fieldValue))\n  return connective === \"all\" ? results.every(Boolean) : results.some(Boolean)\n}\n\n// A cross-root show target must be a single ID selector (issue #164) — the\n// SAME shape the #159 mirror enforces (one shared regex), with its own warn so\n// a refused show target is distinguishable in the console. The client half of\n// the two-sided default-deny: reactive_show_targets raises at declare time; a\n// hand-built wire attr must not widen the escape to class/compound selectors.\n// A refused selector warns + skips — its siblings still apply.\nfunction guardShowTargetSelector(selector) {\n  if (typeof selector === \"string\" && MIRROR_ID_SELECTOR.test(selector)) return true\n  console.warn(`[phlex-reactive] refused cross-root show target ${JSON.stringify(selector)} — skipped`)\n  return false\n}\n\n// The first focusable descendant of `el`, in document order — the natural\n// keyboard target inside an opened menu/dialog. Covers the standard focusable\n// set; :not([tabindex=\"-1\"]) drops explicitly-removed nodes. Returns null when\n// nothing inside is focusable (focus_first then no-ops).\nconst FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\nfunction firstFocusable(el) {\n  return el.querySelectorAll?.(FOCUSABLE)?.[0] ?? null\n}\n\n// Parse a [[name, args], ...] op list from a raw attr/param. An array passes\n// through; a JSON string is parsed; anything malformed degrades to [] — a bad\n// ops attr must NEVER break the page (client-side default-deny). Shared by the\n// controller's runOps and the reactive:js stream action (issue #97).\nfunction parseOps(raw) {\n  if (Array.isArray(raw)) return raw\n  if (typeof raw !== \"string\") return []\n  try {\n    const list = JSON.parse(raw)\n    return Array.isArray(list) ? list : []\n  } catch {\n    return []\n  }\n}\n\n// Interpret a [[name, args], ...] op list against the frozen CLIENT_OPS\n// whitelist (issues #95/#96/#97). `resolveTargets(args)` returns the element(s)\n// an op applies to — the controller scopes to its root (excluding nested\n// reactive roots); the reactive:js stream action scopes to its target root (or\n// the document). An unknown name warns and is SKIPPED while the rest of the\n// chain still applies — client-side default-deny, one bad op never takes down\n// its siblings. Object.hasOwn (not a bare read) so inherited Object members\n// (\"constructor\") can't masquerade as ops.\nfunction applyOps(list, resolveTargets) {\n  for (const entry of list) {\n    if (!Array.isArray(entry)) continue\n    const [name, args = {}] = entry\n    if (!Object.hasOwn(CLIENT_OPS, name)) {\n      console.warn(`[phlex-reactive] unknown client op ${JSON.stringify(name)} — skipped`)\n      continue\n    }\n    for (const el of resolveTargets(args)) CLIENT_OPS[name](el, args)\n  }\n}\n\n// Resolve a reactive:js op's targets against its `target` root (issue #97).\n// \"@root\" is the root element itself; a selector resolves WITHIN it; a bare\n// selector with no root (no `target` attr on the stream) resolves document-wide\n// — a broadcast op anchored by a global selector (#bell) rather than a\n// component. Unlike the controller path there is no nested-reactive-root\n// ownership filter: a server-pushed op names its own scope explicitly —\n// including `global: true`, which opts a single op out of the target-root\n// scope to document-wide resolution (issue #159; the same escape the builder\n// documents for the controller path).\nfunction streamOpTargets(args, root) {\n  const to = args.to\n  if (root) {\n    if (to === \"@root\") return [root]\n    if (typeof to !== \"string\" || to === \"\") return []\n    if (args.global) return [...document.querySelectorAll(to)]\n    return [...root.querySelectorAll(to)]\n  }\n  // No target root: document-scoped. \"@root\" is meaningless here (nothing to\n  // anchor to) → no-op; a selector matches document-wide.\n  if (typeof to !== \"string\" || to === \"\" || to === \"@root\") return []\n  return [...document.querySelectorAll(to)]\n}\n\n// Register this controller eagerly (not lazily) so a click immediately after\n// page load is never missed. The phlex-reactive engine auto-pins it with\n// preload: true for importmap apps; see the README for esbuild/webpack.\nexport default class extends Controller {\n  static values = {\n    token: String, // signed identity token (component + record gid/state)\n  }\n\n  #tokenCache // freshest token, threaded synchronously across queued requests\n  #debounceTimers = new Map() // trigger element -> { timer, flush } pending dispatch\n  #throttleTimers = new Map() // trigger element -> Map(action -> suppression timer)\n  #actionPathCache // page-stable action path, resolved once per controller\n  #timeoutMsCache // page-stable request timeout (ms), resolved once per controller (issue #101)\n  #tokenRegexCache // { id, token, self } — #extractToken's two per-id RegExps, rebuilt on id change (issue #118)\n  // Loading-state bookkeeping (issue #99). All keyed so overlapping enqueues\n  // refcount correctly and never clobber each other:\n  #busyPending = 0 // root aria-busy pending counter (remove only at zero)\n  #busyActions = new Map() // action -> in-flight count (root's space-separated busy set + busy_on)\n  #busyTokenCounts = new WeakMap() // element -> Map(action -> count): its data-reactive-busy token set\n  #textDisableSnapshots = new Map() // trigger -> { count, disabled, html } refcounted text/disable snapshot (issue #181)\n  // Issue #183: the `input` events recompute dispatches for its OWN output writes,\n  // marked so a re-entrant recompute on THIS root skips re-running the reducer\n  // (single-pass write set). Per-instance, so another root's events are never\n  // swallowed. WeakSet: entries drop when the short-lived Event is GC'd.\n  #computeSelfDispatched = new WeakSet()\n  // Dirty tracking (issue #103): the bound re-scan (turbo:morph-element) and the\n  // navigate-away guard handlers, held so disconnect() can remove exactly them.\n  #boundScanDirty\n  #boundBeforeUnload\n  #boundBeforeVisit\n  // Show bindings (issue #161): the ONE delegated sync handler shared by the\n  // root's input/change/turbo:morph-element listeners, held for teardown.\n  #boundSyncShow\n  // Option filtering (issue #163): the ONE delegated sync handler shared by the\n  // root's input/turbo:morph-element listeners, held for teardown.\n  #boundSyncFilter\n  // Tag-chip input (issue #203): the bound re-projection attached to\n  // turbo:morph-element (a morph rewrites the hidden field to server truth, so\n  // the chip projection must follow), held for teardown — plus the once-only\n  // missing-template warning latch.\n  #boundSyncTags\n  #tagsWarnedTemplate = false\n  // Draft nested-attribute rows (issue #208): the strictly-monotonic index\n  // counter (clock-seeded so it never collides with server-rendered 0..n\n  // indexes) plus the once-only missing-list/template warning latch.\n  #nestedIndex = 0\n  #nestedWarned = false\n  // JSON-mode nested rows (issue #208): the bound delegated input/change\n  // handler and the bound morph re-seed, held so disconnect() removes exactly\n  // them.\n  #boundSyncNestedJson\n  #boundSeedNestedJson\n  // Connect-time compute seed (issue #199): the bound re-seed attached to\n  // turbo:morph-element so an in-place morph re-runs the compute, held for teardown.\n  #boundSeedCompute\n  // Lazy initial mount (issue #165): the bound re-probe attached to\n  // turbo:morph-element so a Turbo page-refresh morph re-fires the defer fetch.\n  #boundProbeLazyDefer\n\n  // Mark that a reactive controller actually connected, so the registration\n  // guard above knows the controller was registered (issue #26 part 2).\n  connect() {\n    reactiveConnected = true\n\n    // Root-id guard (issue #48). The token round trip assumes the reactive root\n    // element's id == component.id: the server targets component.id and the client\n    // self-matches its NEXT token by this.element.id (#extractToken, issue #46).\n    // If `id:` landed on a CHILD instead of the `**reactive_attrs` root, this id is\n    // \"\" — #extractToken falls back to the FIRST token in the response (a child's),\n    // so the next action POSTs a foreign token → endpoint default-deny → silent 403.\n    // Warn NOW (on connect) so the failure surfaces on page load, not on click 2.\n    if (this.element.id === \"\") {\n      console.warn(\n        \"[phlex-reactive] a reactive root has no id; its next-action token can't self-match \" +\n          \"and may fall back to the first token in the response → a silent HTTP 403 on the NEXT action. \" +\n          \"Put id: on the SAME element as reactive_attrs — use div(**reactive_root) (emits id + token together), \" +\n          \"or div(id:, **reactive_attrs). The id: must NOT be on a child. See the README.\"\n      )\n    }\n\n    // Lazy initial mount (issue #165): a reactive_lazy shell carries its defer\n    // token as a ROOT attribute — enter the SAME module-level fetch path a\n    // reply directive uses (supersession, pending markers, error handling\n    // included). Probe on connect (a plain replace / cache restoration\n    // re-connects) AND on turbo:morph-element: a Turbo page-refresh MORPH\n    // re-shows the shell while keeping the element CONNECTED and firing no\n    // Stimulus lifecycle, so a connect-only probe would leave the morphed-in\n    // shell shimmering forever. The supersession registry makes a duplicate\n    // probe a no-op (same target id), so re-probing is safe. The attribute\n    // stays on the shell precisely so a re-appearance re-fires.\n    // Only wire the morph re-probe for a root that IS a lazy shell (carries the\n    // token) — a component that never uses reactive_lazy pays nothing (no\n    // listener), matching the dirty-tracking / show-sync gating precedent.\n    if (this.element.getAttribute?.(\"data-reactive-defer-token\")) {\n      this.#probeLazyDefer()\n      this.#boundProbeLazyDefer = () => this.#probeLazyDefer()\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundProbeLazyDefer)\n    }\n\n    // Dirty tracking (issue #103) — ONLY when this root opts in (track_dirty: or a\n    // reactive_field(dirty:)), so a component that never uses it pays nothing (no\n    // baseline scan, no morph listener on every broadcast). A plain (outerHTML)\n    // replace re-connects the controller, so seed the baseline scan here — the root\n    // reflects current-vs-default WITHOUT waiting for the first input. An in-place\n    // morph / broadcast morph keeps the element CONNECTED and fires no Stimulus\n    // lifecycle, so ALSO listen for turbo:morph-element on this.element to re-scan\n    // after the morph writes fresh default* attributes (reactive:applied is NOT a\n    // valid hook — it fires when streams are handed to Turbo, BEFORE the DOM\n    // mutation). Both listeners are torn down in disconnect().\n    if (this.#dirtyTrackingEnabled()) {\n      this.#boundScanDirty = () => this.#scanDirty()\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundScanDirty)\n      this.#scanDirty()\n\n      // warn_unsaved: arm a navigate-away guard gated on a LIVE dirty-count read\n      // (never a cached snapshot — the count is re-derived from the DOM each time).\n      // beforeunload covers a real browser unload; turbo:before-visit covers a\n      // Turbo in-app navigation (it does NOT fire on restoration visits — the\n      // documented gap). Registered on window only when the marker is present.\n      if (this.element.getAttribute?.(\"data-reactive-warn-unsaved\") === \"true\") {\n        this.#armUnsavedGuard()\n      }\n    }\n\n    // Show bindings (issue #161) — ONLY when this root owns one, so a component\n    // without any pays a single probe (the dirty-tracking gate precedent). ONE\n    // delegated listener pair on the root (input + change bubble from every\n    // owned field — no per-field wiring, and a reactive_compute output write\n    // dispatches a real input event, so computed values drive visibility too).\n    // The connect sync seeds the initial state — a plain replace re-connects —\n    // and turbo:morph-element re-syncs after an in-place morph (which keeps the\n    // element connected, fires no Stimulus lifecycle, and may preserve a\n    // user-edited field value the server's hidden attrs don't reflect).\n    if (this.#showSyncEnabled()) {\n      this.#boundSyncShow = () => this.#syncShow()\n      this.element.addEventListener?.(\"input\", this.#boundSyncShow)\n      this.element.addEventListener?.(\"change\", this.#boundSyncShow)\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundSyncShow)\n      this.#syncShow()\n    }\n\n    // Option filtering (issue #163) — ONLY when the root declares the binding\n    // (reactive_filter emits both attrs together), so a component without one\n    // pays two attribute reads. ONE delegated input listener on the root — the\n    // handler re-filters only for events from the NAMED input, so keystrokes in\n    // unrelated fields on a wide form never pay a filter pass. The connect sync\n    // seeds from the input's current value (a plain replace re-connects; back\n    // navigation may restore typed text), and turbo:morph-element re-applies\n    // after an in-place morph (which keeps the element connected, fires no\n    // Stimulus lifecycle, and may preserve the user's typed query while the\n    // server re-rendered every option visible).\n    if (this.#filterEnabled()) {\n      this.#boundSyncFilter = (event) => {\n        if (event?.type === \"input\" && !this.#filterInputEvent(event)) return\n        this.#syncFilter()\n      }\n      this.element.addEventListener?.(\"input\", this.#boundSyncFilter)\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundSyncFilter)\n      this.#syncFilter()\n    }\n\n    // Tag-chip input (issue #203) — ONLY when the root names the hidden value\n    // field (reactive_tags), so a component without one pays one attribute\n    // read. The chip list is a CLIENT PROJECTION of the hidden field's\n    // comma-joined value: connect seeds it (a plain replace re-connects with\n    // the server-rendered value), and turbo:morph-element re-projects after an\n    // in-place morph (the morph wrote server truth into the hidden field while\n    // the chips DOM kept the pre-morph projection). Registered AFTER the\n    // filter's listeners so a morph re-filters first and the tags pass then\n    // re-marks selected options on the fresh visibility state.\n    if (this.#tagsEnabled()) {\n      this.#boundSyncTags = () => this.#syncTags()\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundSyncTags)\n      this.#syncTags()\n    }\n\n    // JSON-mode nested rows (issue #208) — ONLY when the root owns a list with\n    // `as: :json`, so a form without one pays a single probe (the show/filter/\n    // tags gate precedent). ONE delegated input + change listener re-serializes\n    // the rows into the hidden field on every owned edit (nestedAdd/Remove call\n    // the sync directly; this covers typing into a row's fields). The connect\n    // seed writes the initial array (a plain replace re-connects), and\n    // turbo:morph-element re-seeds after an in-place morph (which keeps the\n    // element connected, fires no Stimulus lifecycle, and may have rewritten\n    // the rows to server truth while the hidden field kept its pre-morph value).\n    if (this.#nestedJsonEnabled()) {\n      this.#boundSyncNestedJson = (event) => this.syncNestedJson(event)\n      this.#boundSeedNestedJson = () => this.#syncAllNestedJson()\n      this.element.addEventListener?.(\"input\", this.#boundSyncNestedJson)\n      this.element.addEventListener?.(\"change\", this.#boundSyncNestedJson)\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundSeedNestedJson)\n      this.#syncAllNestedJson()\n    }\n\n    // Connect-time compute seed (issue #199) — ONLY when the root carries a\n    // reactive_compute binding that opts in (data-reactive-compute-seed). A\n    // freshly-rendered compute root (a first paint, or a server validation-error\n    // re-render that replaced the body) computed NOTHING until the first user\n    // `input`; apps worked around it by dispatching a synthetic seed `input` on\n    // connect, but the compute root is a distinct Stimulus controller that may\n    // connect a frame later, so the seed raced its own wiring — the reported\n    // symptom being a PARTIAL apply (an early output paints; a later output + the\n    // mirror stay blank). Running ONE recompute() HERE — after Stimulus has fully\n    // connected the controller and wired the input->recompute delegation — runs\n    // the whole single-pass write set (issue #183) synchronously, so every\n    // declared output, text sink, and cross-root mirror paints from one reducer\n    // result. It is client-only (recompute never enqueues a round trip) and\n    // idempotent (change-guarded writes make a re-seed a no-op — an app still\n    // dispatching a synthetic input is harmless). A plain replace re-connects and\n    // re-seeds; an in-place morph keeps the element CONNECTED and fires no\n    // Stimulus lifecycle, so ALSO re-seed on turbo:morph-element (the show/filter/\n    // dirty precedent). No event is passed, so meta.changed is null — the correct\n    // \"no field edited yet\" seed semantics; a convergent reducer's default branch\n    // computes the full settled set (see compute.js CONVERGENCE REQUIREMENT).\n    if (this.#computeSeedEnabled()) {\n      this.#boundSeedCompute = () => this.recompute()\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundSeedCompute)\n      this.recompute()\n    }\n  }\n\n  // Whether this root opts into dirty tracking (issue #103): track_dirty: puts the\n  // trackDirty descriptor on the ROOT's data-action; a per-field reactive_field(\n  // dirty:) puts it on a descendant field. Either turns tracking on. A quick\n  // attribute read + one scoped query, evaluated once per connect (a cold path).\n  #dirtyTrackingEnabled() {\n    if ((this.element.getAttribute?.(\"data-action\") ?? \"\").includes(\"reactive#trackDirty\")) return true\n    const nodes = this.element.querySelectorAll?.('[data-action*=\"reactive#trackDirty\"]') ?? []\n    for (const el of nodes) if (this.#ownsField(el)) return true\n    return false\n  }\n\n  // Tear down any pending debounce timers when the controller leaves the DOM\n  // (Turbo morph/navigation removes the element). Otherwise a timer that hasn't\n  // fired yet would later call #enqueue on a disconnected controller — a round\n  // trip against a detached element / stale token (issue #17 follow-up).\n  // Throttle suppression timers (issue #80) are torn down the same way — a\n  // leading-edge timer holds no pending POST, but leaving it running would leak\n  // it past the element's life.\n  disconnect() {\n    this.#clearAllDebounces()\n    this.#clearAllThrottles()\n    this.#teardownDirtyTracking()\n    this.#teardownShowSync()\n    this.#teardownFilterSync()\n    this.#teardownTagsSync()\n    this.#teardownNestedJsonSync()\n    this.#teardownComputeSeed()\n    if (this.#boundProbeLazyDefer) {\n      this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundProbeLazyDefer)\n    }\n  }\n\n  // Lazy initial mount probe (issue #165): fetch the real content when THIS\n  // root is a reactive_lazy shell that still carries its defer token AND the\n  // pending marker. Gating on the pending marker is what makes a re-probe (a\n  // Turbo morph re-showing the shell) fire while a re-probe of an already\n  // RESOLVED root (real content, no token, no marker) is a no-op. The\n  // module-level supersession registry dedupes a duplicate in-flight fetch for\n  // the same id, so calling this on both connect and every morph is safe.\n  #probeLazyDefer() {\n    const el = this.element\n    if (!el?.id) return\n    const token = el.getAttribute?.(\"data-reactive-defer-token\")\n    if (!token) return\n    if (el.getAttribute?.(\"data-reactive-defer-pending\") !== \"true\") return\n    startFetchDefer(el.id, token)\n  }\n\n  // Serialize requests per component. Each round trip rewrites the signed\n  // token in the DOM (state lives in the token, not the client). If events\n  // fire faster than round trips complete, concurrent requests would all read\n  // the SAME stale token and clobber each other (last-write-wins). Chaining on\n  // a per-controller promise makes each dispatch wait for the previous one, so\n  // it always uses the freshest token.\n  dispatch(event) {\n    // `window` (renamed: never shadow the global) and `outside` are the event-\n    // modifier params (issue #80). The client decides preventDefault behavior\n    // from event.params — set by the Ruby on() — never by sniffing the\n    // Stimulus descriptor.\n    const { action, params, debounce, throttle, confirm, confirmWhen, outside, window: windowBound, optimistic } =\n      event.params\n    if (!action) return\n\n    // The pending-state hint (issue #181): data-reactive-busy-param. During a\n    // deploy overlap a page rendered by the PREVIOUS gem still emits the old\n    // data-reactive-loading-param — read it as a fallback so an in-flight page\n    // keeps its pending affordance until the next full render. The old `class:`\n    // key is remapped to add_class: so it flows through the one hint applier.\n    const busy = event.params.busy ?? this.#legacyLoadingHint(event.params.loading)\n\n    // Outside guard FIRST (issue #80): an outside: trigger only fires for\n    // events whose target is OUTSIDE this component's ROOT (containment against\n    // this.element — .contains includes the root itself). An event inside the\n    // root must be a COMPLETE no-op — before preventDefault (the page's native\n    // click behavior is untouched) and before the reactive:before-dispatch\n    // lifecycle event (nothing to announce, nothing to veto).\n    if (outside && this.element.contains(event.target)) return\n\n    // The trigger is event.currentTarget — the element on(...) was spread onto —\n    // NOT event.target (issue #99). A `<button><span>Save</span></button>` click\n    // has target === the span, which carries no params and is the wrong element\n    // to disable / swap text on. currentTarget is the bound element; fall back to\n    // target for a directly-invoked/synthetic event. Captured now because\n    // #proceed runs in a later microtask (after the confirm resolver), by which\n    // point currentTarget is reset to null.\n    const target = event.currentTarget ?? event.target\n\n    // Stop native behavior (button submit / FORM NAVIGATION) HERE, synchronously\n    // within the event dispatch — BEFORE the (possibly async) confirm gate below.\n    // preventDefault() only works while the event is still being handled; once we\n    // await the confirm resolver it's too late, and a `submit` trigger would\n    // natively POST the form and navigate before the reactive round trip runs\n    // (issue #11). For a `click` trigger there's no default to miss. This holds\n    // for debounced triggers too — the round trip is deferred, but the native\n    // default must still be prevented now. (Moved ahead of the confirm branch in\n    // issue #55: an async resolver means we can't preventDefault after awaiting.)\n    //\n    // ONLY for element-bound triggers: a window-bound trigger (window:/outside:,\n    // issue #80) hears EVERY matching event on the page — preventDefault-ing\n    // those would kill every link click while a dropdown is mounted. The page's\n    // native behavior proceeds alongside the reactive round trip.\n    //\n    // The `checked: :keep` optimistic hint (issue #98) OPTS OUT: for a click-bound\n    // checkbox/radio the unconditional preventDefault is exactly what stops the\n    // native flip from happening before the morph — so a bare checkbox click\n    // (which has no form-navigation default to lose) skips it and flips now, and\n    // the failure revert snaps it back. A `change`-bound trigger is unaffected —\n    // `change` isn't cancelable, so preventDefault was already a no-op there.\n    if (!windowBound && !this.#keepsNativeToggle(optimistic, target)) event.preventDefault()\n\n    // Resolve the EFFECTIVE confirm message (issue #179): a plain string confirm:\n    // is that string (static, #52); a Hash confirm: (confirmWhen) evaluates its\n    // condition/predicate over the collected fields and returns the message ONLY\n    // when it fires, else null → no dialog. No confirm at all → also null.\n    const message = this.#effectiveConfirmMessage(confirm, confirmWhen)\n\n    // No message → proceed straight away (unchanged fast path).\n    if (!message) return this.#proceed(target, action, params, debounce, throttle, optimistic, busy)\n\n    // Confirmation gate (issue #52, made overridable + async in #55). A reactive\n    // trigger can't use Hotwire's data-turbo-confirm — this controller preempts\n    // the event — so a `confirm:` message routes through confirmResolver (default\n    // window.confirm; an app can override it to reuse Turbo.config.forms.confirm).\n    // The resolver may be sync or async; call it INSIDE the chain (via the leading\n    // .then) so even a SYNCHRONOUS override throw rejects this promise instead of\n    // escaping dispatch — a throwing dialog is treated as a cancel, like the user\n    // dismissing it. The .catch is scoped to the resolver step (→ false = cancel),\n    // so a dismissed/erroring dialog never surfaces as an unhandled rejection AND a\n    // genuine bug inside #proceed is NOT silently swallowed. Enqueue ONLY on a\n    // truthy resolution — nothing is enqueued, no timer scheduled, otherwise.\n    Promise.resolve()\n      .then(() => confirmResolver(message))\n      .catch(() => false)\n      .then((ok) => {\n        if (ok) this.#proceed(target, action, params, debounce, throttle, optimistic, busy)\n      })\n  }\n\n  // CLIENT-ONLY trigger entry point (issue #95) — the zero-round-trip sibling\n  // of dispatch(). Wired by on_client: applies the declared op chain\n  // (data-reactive-ops-param, built by Phlex::Reactive::JS) locally. NO token,\n  // NO params, NO fetch, ever. Ops are ephemeral UI: any server re-render of\n  // the component resets whatever they toggled (by design — a signed action\n  // owns state that must survive re-renders).\n  runOps(event) {\n    const { ops, confirm, confirmWhen, outside, window: windowBound } = event.params\n\n    // Outside guard FIRST — identical semantics to dispatch() (issue #80): an\n    // outside: trigger is a COMPLETE no-op for events inside this root, before\n    // preventDefault and before any op runs.\n    if (outside && this.element.contains(event.target)) return\n\n    // Element-bound triggers preventDefault (a bare button inside a <form>\n    // must not submit it); window-bound triggers (window:/outside:) never do —\n    // they hear every matching event on the page, and preventDefault-ing those\n    // would kill native clicks site-wide (issue #80 rationale). Runs BEFORE the\n    // (possibly async) confirm gate below — a native default can't wait for a\n    // pending dialog (same ordering as dispatch()).\n    if (!windowBound) event.preventDefault()\n\n    // Resolve the effective confirm message — static string, or the conditional\n    // Hash form (issue #179) evaluated over collected fields. Null → no dialog.\n    const message = this.#effectiveConfirmMessage(confirm, confirmWhen)\n\n    // No message → apply straight away (unchanged fast path, no prompt).\n    if (!message) return this.#applyOps(this.#parseOps(ops))\n\n    // Confirmation gate for client ops (issue #178) — the SAME confirmResolver\n    // gate on(:action, confirm:) uses (issues #52/#55), reused verbatim so a\n    // themed dialog set with setConfirmResolver covers BOTH paths. A destructive\n    // client op (clear a draft, reset a form) gets the one-line themed confirm\n    // without a round trip. Call the resolver INSIDE the chain (leading .then)\n    // so even a SYNCHRONOUS override throw rejects here instead of escaping\n    // runOps — a throwing dialog is a cancel, like dismissing it. The gate is\n    // here (the user gesture), NOT in #applyOps: that applier is shared with the\n    // server-pushed reactive:js stream action, which must NEVER prompt.\n    Promise.resolve()\n      .then(() => confirmResolver(message))\n      .catch(() => false)\n      .then((ok) => {\n        if (ok) this.#applyOps(this.#parseOps(ops))\n      })\n  }\n\n  // Dirty tracking (issue #103). Wired by reactive_field(dirty: true) /\n  // reactive_root(track_dirty: true): an `input` on an owned field runs a FULL\n  // re-scan of every field this root owns. NO round trip, NO shipped state — the\n  // baseline is the DOM's own defaultValue/defaultChecked/defaultSelected (the\n  // last server render). A full pass (not a per-target toggle) is essential for\n  // radio groups: the deselected radio flips to checked=false and fires no input\n  // event, so only re-scanning everything keeps its flag honest.\n  trackDirty() {\n    this.#scanDirty()\n  }\n\n  // Client-side compute (data binding). Wired by reactive_compute: an `input`\n  // trigger (input->reactive#recompute) runs a REGISTERED JS reducer over the\n  // named input fields and writes the named output fields WITH NO ROUND TRIP —\n  // the \"instant\" half of the new/unpersisted-record UX. If the field ALSO\n  // carries on(...) (a persisted record, or a synced draft), that debounced POST\n  // still fires and the server reply reconciles; recompute just paints first.\n  //\n  // Reads inputs/outputs/reducer from the root's data-reactive-compute-* attrs\n  // (set once by reactive_compute_attrs). A missing/unregistered reducer is a\n  // no-op — a page must never break because a binding wasn't wired up.\n  //\n  // The reducer gets a second argument, meta = { changed } (issue #75): the\n  // name of the declared input the triggering event edited, or null for a\n  // direct call / an unowned or undeclared target. A multi-way rebalance\n  // branches on it (edit c → derive a; else → derive c). Note that a #76\n  // output write dispatches a real input event, so recompute RE-ENTERS with\n  // changed = that output's name — the reducer must be convergent (see\n  // compute.js) so the change guard settles the chain.\n  recompute(event) {\n    // Issue #183 — single-pass write set: an `input` event this method dispatched\n    // for its OWN output writes is self-marked. Re-running the reducer on it would\n    // re-enter from a partially-written DOM (the old mid-loop-dispatch corruption\n    // class). Skip the reducer for our own event — but ONLY ours: the marker lives\n    // in a per-instance WeakSet, so a genuinely different root's compute event (or\n    // a real user edit) is never swallowed. The event still bubbled and fired every\n    // OTHER listener (dirty tracking, show bindings, sibling roots) before reaching\n    // here; we simply don't recompute a second time from our own write.\n    if (event && this.#computeSelfDispatched.has(event)) return\n\n    // Inputs may be a JSON ARRAY of names (array form — every input coerced\n    // through Number, the shipped behavior) or a JSON OBJECT of name→type (hash\n    // form, issue #104 — :number coerced, :string read raw). #parseComputeInputs\n    // returns [name, type] pairs either way (array form defaults type \"number\").\n    const inputPairs = this.#parseComputeInputs()\n    const inputs = inputPairs.map(([name]) => name)\n\n    // Resolve every declared input AND output through ONE per-call resolver whose\n    // ownership probe is computed ONCE (issue #117), replacing the per-name\n    // closest() walk #ownedField did on every read — a 30-field calculator paid\n    // ~60 closest() sweeps per keystroke. #ownershipFilter returns a constant-true\n    // predicate in the common no-nested-root case (skipping closest() entirely)\n    // and the exact #ownsField check when a nested reactive root is present\n    // (issue #15 scoping, byte-identical to before). Resolution is memoized in a\n    // per-CALL Map, FIRST-WINS, so a name read as an input AND written as an\n    // output resolves to the SAME element and is queried once.\n    //\n    // Why per-name `[name=\"X\"]` queries and not one bare `[name]` sweep: a single\n    // sweep is the natural \"one walk\", but the resolver must issue the SAME\n    // per-name query shape the field walk always has (the issue-#15 unit fakes\n    // answer only `[name=\"X\"]`). It is O(distinct declared names) queries, not the\n    // old O(inputs + outputs) — the ownership decision is hoisted out of the loop.\n    // The memo is per-CALL only: an output write dispatches `input` (issue #76),\n    // re-entering recompute, which correctly rebuilds a fresh map (a morph may\n    // have replaced the nodes) — it is NEVER stored on the instance.\n    // Scope (issue #183, mirroring #showFieldValue): a bare compute name `cash`\n    // under `data-reactive-scope=\"order\"` resolves as `[name=\"order[cash]\"]`. A\n    // name already carrying a bracket (a raw wire name the author passed) is used\n    // verbatim — so bracketed literals pass through unscoped.\n    const scope = this.element.getAttribute?.(\"data-reactive-scope\") || null\n    const scoped = (name) => (scope && !name.includes(\"[\") ? `${scope}[${name}]` : name)\n\n    const owns = this.#ownershipFilter()\n    const byName = new Map()\n    const ownedField = (name) => {\n      if (byName.has(name)) return byName.get(name)\n      let found = null\n      for (const el of this.element.querySelectorAll(`[name=\"${scoped(name)}\"]`)) {\n        if (owns(el)) {\n          found = el // FIRST-WINS (radio groups, Rails hidden+checkbox name pairs)\n          break\n        }\n      }\n      byName.set(name, found)\n      return found\n    }\n\n    // Identity-mirror pass (issue #104), ALWAYS run — even with NO registered\n    // reducer, so reactive_text(:title) mirrors a field into its text node with\n    // zero reducer wiring. Each declared input's RAW string value is written to\n    // its owned [data-reactive-text=\"<name>\"] node(s). It runs BEFORE the reducer\n    // early-return below so a reducer-less binding still mirrors.\n    for (const name of inputs) this.#mirrorText(name, ownedField(name)?.value ?? \"\")\n\n    const key = this.element.getAttribute(\"data-reactive-compute-reducer-param\")\n    const reduce = key ? computeReducer(key) : null\n    if (!reduce) {\n      // No reducer registered: the identity pass above still ran, so declared\n      // cross-root mirrors of the INPUT names still paint (issue #159) — a\n      // reducer-less binding mirrors, exactly like the owned-text-node case.\n      this.#applyComputeMirrors({}, ownedField)\n      return\n    }\n\n    const outputs = this.#parseComputeList(\"data-reactive-compute-outputs-param\")\n\n    // Coerce each input per its declared type (issue #104): \"string\" → the raw\n    // display string (blank/absent → \"\"); else (\"number\", the array-form default)\n    // → the numeric coercion (blank/NaN → 0, the nanToZero the hand-written\n    // calculators use). Reads from the memoized resolver — no re-query.\n    const values = {}\n    for (const [name, type] of inputPairs) {\n      const field = ownedField(name)\n      if (type === \"string\") {\n        values[name] = field?.value ?? \"\"\n      } else {\n        const n = Number(field?.value)\n        values[name] = Number.isFinite(n) ? n : 0\n      }\n    }\n\n    // meta.changed stays on #changedComputeField (its own #ownsField check over\n    // the raw event target) — NOT this resolver. The issue-#15 nested-rejection\n    // test depends on that path being unchanged. ONE run, from the ONE pre-write\n    // snapshot above (issue #183): its result drives the whole single-pass write.\n    const result = reduce(values, { changed: this.#changedComputeField(event, inputs, scope) }) || {}\n\n    // Issue #183 — SINGLE-PASS WRITE SET. Three ordered phases, so declared output\n    // order stops being semantics and a wrong order can no longer corrupt values:\n    //\n    //   1. BATCH the field writes from the ONE result. Each output name in the\n    //      allowlist (outputs:) whose owned field's value actually changes is\n    //      written now (change-guarded) and remembered — but NO `input` event is\n    //      dispatched yet, so nothing re-enters mid-batch.\n    //   2. PAINT the sinks from the SETTLED values: any owned reactive_text node by\n    //      presence (issue #183 change #4 — a text node no longer needs its name in\n    //      outputs:), then the cross-root mirror: ids (issue #159).\n    //   3. DISPATCH a self-marked `input` on each changed field. The marker (a\n    //      per-instance WeakSet) makes recompute skip re-running the reducer for our\n    //      own write, while the event still fires every OTHER listener (chained\n    //      repaint, dirty tracking, show bindings, sibling roots).\n    const changedFields = []\n    for (const name of outputs) {\n      if (!(name in result)) continue\n      const field = ownedField(name)\n      if (!field) continue // a non-field output paints as a text sink in phase 2\n      if (String(result[name]) === field.value) continue // change-guard — unchanged, skip\n      field.value = result[name]\n      changedFields.push(field)\n    }\n\n    // Phase 2 — text sinks declare themselves (issue #183 change #4): every result\n    // key paints into any owned [data-reactive-text=\"<name>\"] node by PRESENCE,\n    // regardless of outputs: membership. Runs from settled field values. A null/\n    // undefined result value is SKIPPED (never stringified to \"null\"/\"undefined\") —\n    // the same \"no value this pass, don't paint\" filter #applyComputeMirrors uses.\n    for (const name of Object.keys(result)) {\n      const value = result[name]\n      if (value === undefined || value === null) continue\n      this.#mirrorText(name, value)\n    }\n\n    // Cross-root text mirrors (issue #159) — AFTER the batch + text sinks, so a\n    // mirror keyed on a just-written output paints the settled value.\n    this.#applyComputeMirrors(result, ownedField)\n\n    // Phase 3 — dispatch the deferred `input` events (issue #183). Real browsers\n    // do NOT fire `input` on a programmatic .value write (issue #76), so we do it\n    // ourselves, matching the server's set_value + dispatch(\"input\") contract.\n    // Each event is SELF-MARKED so our own re-entry skips the reducer (guard at the\n    // top of recompute) — but the event still bubbles and fires every other\n    // listener. Dispatched AFTER all writes + paints, so a chained listener reads\n    // SETTLED values, never a half-written DOM.\n    for (const field of changedFields) {\n      const inputEvent = new Event(\"input\", { bubbles: true })\n      this.#computeSelfDispatched.add(inputEvent)\n      field.dispatchEvent(inputEvent)\n    }\n  }\n\n  // Client-side list navigation (combobox keyboard nav, issue #72). Wired by\n  // on(:search, …, listnav: \"[role=option]\"), which appends keyboard filters to\n  // the input's data-action (keydown.down/up/enter/esc->reactive#listnav*) and\n  // sets data-reactive-listnav-option-param. Arrow keys move a highlight among\n  // the options WITH NO ROUND TRIP; Enter picks the highlighted option by\n  // CLICKING IT (so its own on(:select) reactive trigger fires — selection stays\n  // a signed action); Escape clears. Ephemeral highlight state lives on the DOM\n  // (data-reactive-highlighted), never shipped to the client as trusted state.\n  listnavNext(event) {\n    this.#moveHighlight(event, +1)\n  }\n\n  listnavPrev(event) {\n    this.#moveHighlight(event, -1)\n  }\n\n  // Enter: activate the highlighted option (fires its reactive select). No-op if\n  // nothing is highlighted, and in that case DON'T preventDefault — Enter falls\n  // through (there's no selection to make).\n  listnavPick(event) {\n    const options = this.#listnavOptions(event)\n    const current = options.findIndex((el) => el.hasAttribute(\"data-reactive-highlighted\"))\n    if (current < 0) return\n    event.preventDefault()\n    options[current].click()\n  }\n\n  listnavClose(event) {\n    for (const el of this.#listnavOptions(event)) el.removeAttribute(\"data-reactive-highlighted\")\n  }\n\n  // Move the highlight by `step` (with wrap-around) among THIS root's options.\n  // preventDefault stops Arrow keys from moving the caret in the search input.\n  #moveHighlight(event, step) {\n    const options = this.#listnavOptions(event)\n    if (!options.length) return\n    event.preventDefault()\n\n    const current = options.findIndex((el) => el.hasAttribute(\"data-reactive-highlighted\"))\n    // From nothing: Down highlights the first option, Up the last.\n    const next = current < 0 ? (step > 0 ? 0 : options.length - 1) : (current + step + options.length) % options.length\n\n    for (const el of options) el.removeAttribute(\"data-reactive-highlighted\")\n    const chosen = options[next]\n    chosen.setAttribute(\"data-reactive-highlighted\", \"true\")\n    chosen.scrollIntoView?.({ block: \"nearest\" })\n  }\n\n  // The option elements this root owns (skips nested reactive roots, issue #15),\n  // per the selector on data-reactive-listnav-option-param. The attr rides on the\n  // TRIGGER element (the search input on(...) is spread onto), read from the\n  // event; the options are still scoped to this controller's root. Empty when\n  // unset. Falls back to the root for a directly-invoked call (unit tests). The\n  // ownership predicate is hoisted ONCE per keypress (issue #117) — in the common\n  // no-nested-root case it is a constant true, skipping a closest() walk per\n  // option. Hidden options are excluded (issue #163): a reactive_filter (or any\n  // `hidden` toggle) removes a row from the keyboard path too, so an Arrow can't\n  // highlight — and Enter can't pick — an invisible option.\n  #listnavOptions(event) {\n    const trigger = event?.currentTarget ?? event?.target ?? this.element\n    const selector =\n      trigger.getAttribute?.(\"data-reactive-listnav-option-param\") ??\n      this.element.getAttribute(\"data-reactive-listnav-option-param\")\n    if (!selector) return []\n    const owns = this.#ownershipFilter()\n    return Array.from(this.element.querySelectorAll(selector)).filter((el) => !el.hidden && owns(el))\n  }\n\n  // Tag-chip input (issue #203) — the composed combobox/tags primitive. The\n  // root's data-reactive-tags-field names the hidden input that stores the\n  // COMMA-JOINED value; these three actions are its only writers. All of it is\n  // FORM state (like text in an input) — no token, no POST: the surrounding\n  // form submit carries the joined value. The chip list is re-projected from\n  // the field on every write (#syncTags), so the field stays the single source\n  // of truth.\n  //\n  // Enter on the query input: add the TYPED text — unless this Enter belongs\n  // to listnav (reactive_tags_add composes after reactive_listnav on the same\n  // keydown.enter). Two guards make the composition order-independent:\n  // defaultPrevented means listnavPick ALREADY picked the highlighted option\n  // (adding the typed text too would double-add); a still-visible highlighted\n  // option means listnavPick is ABOUT to pick it (when tagsAdd is bound\n  // first). Past the guards, Enter is OURS — preventDefault unconditionally so\n  // it can never submit the enclosing form (blank input included). A\n  // comma-separated paste splits into individual tags (the value is\n  // comma-joined, so a comma can never be part of one tag). The input clears\n  // only when something was actually added — a duplicate keeps the typed text\n  // for correction.\n  tagsAdd(event) {\n    if (!this.#tagsEnabled()) return\n    if (event?.defaultPrevented) return\n    if (this.#listnavOptions(event).some((el) => el.hasAttribute?.(\"data-reactive-highlighted\"))) return\n    event?.preventDefault?.()\n\n    const input = event?.currentTarget ?? event?.target\n    if (!input) return\n    const added = this.#tagsAddValues(String(input.value ?? \"\").split(\",\"))\n    if (!added) return\n    input.value = \"\"\n    if (this.#filterEnabled()) this.#syncFilter()\n  }\n\n  // Click (or listnav Enter, which CLICKS the highlighted option) on a\n  // preloaded option: add its DECLARED tag (data-reactive-tag-param — set by\n  // reactive_tags_option, never free text). After a successful add, reset the\n  // query so the next tag starts from the full list: clear the filter input,\n  // re-narrow, and hand focus back for continued typing.\n  tagsPick(event) {\n    if (!this.#tagsEnabled()) return\n    event?.preventDefault?.()\n\n    const trigger = event?.currentTarget ?? event?.target\n    const tag = trigger?.getAttribute?.(\"data-reactive-tag-param\")\n    if (!tag) return\n    if (!this.#tagsAddValues([tag])) return\n\n    const input = this.#tagsQueryInput()\n    if (!input) return\n    input.value = \"\"\n    this.#syncFilter()\n    input.focus?.()\n  }\n\n  // Click on a chip's remove button: drop its tag (case-insensitive match, the\n  // dedupe convention) from the hidden value. The re-projection removes the\n  // chip and resurfaces the option. Removing an absent tag is a no-op.\n  tagsRemove(event) {\n    if (!this.#tagsEnabled()) return\n    event?.preventDefault?.()\n\n    const trigger = event?.currentTarget ?? event?.target\n    const tag = trigger?.getAttribute?.(\"data-reactive-tag-param\")\n    if (!tag) return\n    const field = this.#tagsField()\n    if (!field) return\n\n    const tags = this.#tagsRead(field)\n    const next = tags.filter((t) => t.toLowerCase() !== tag.toLowerCase())\n    if (next.length === tags.length) return\n    this.#tagsWrite(field, next)\n  }\n\n  // Draft nested-attribute rows (issue #208) — the \"new parent + child rows\"\n  // window. The rows are FORM state (the reactive_tags posture): no token, no\n  // POST, ever — the surrounding REAL form submit carries Rails'\n  // accepts_nested_attributes_for names and the server reconciles parent +\n  // rows in ONE create. Add clones the association's server-owned\n  // <template data-reactive-nested-template=\"assoc\"> row, swaps every NEW_ROW\n  // in the clone's name/id/for for a fresh unique index (each row posts as its\n  // own `…_attributes[<index>][field]` group), appends it to the owned\n  // [data-reactive-nested-list=\"assoc\"] container, and focuses the new row's\n  // first field. Several collections can share one root — everything is keyed\n  // by the association name the trigger carries.\n  nestedAdd(event) {\n    event?.preventDefault?.()\n    const trigger = event?.currentTarget ?? event?.target\n    const assoc = trigger?.getAttribute?.(\"data-reactive-association-param\")\n    if (!assoc) return\n    if (typeof this.element?.querySelectorAll !== \"function\") return\n\n    const owns = this.#ownershipFilter()\n    const list = [...this.element.querySelectorAll(`[data-reactive-nested-list=\"${assoc}\"]`)].find(owns)\n    const template = [...this.element.querySelectorAll(`[data-reactive-nested-template=\"${assoc}\"]`)].find(owns)\n    const proto = template?.content?.firstElementChild\n    if (!list || !proto) {\n      this.#warnNestedOnce(assoc)\n      return\n    }\n\n    const row = proto.cloneNode(true)\n    this.#renumberNestedRow(row, this.#nextNestedIndex())\n    list.appendChild(row)\n\n    // Fill-then-add (issue #208 Scenario A): seed the cloned row from named\n    // source controls OUTSIDE the row, then (optionally) clear the sources.\n    // Runs AFTER renumber+append so a seeded field's name already carries its\n    // final `[<index>][field]` form — the key match agrees with what JSON mode\n    // reads. `seeded` is the FIRST source we cleared/read, so fill-then-add can\n    // return focus to the sources instead of stealing it into the new row.\n    const fromJson = trigger?.getAttribute?.(\"data-reactive-nested-from-param\")\n    const clear = trigger?.getAttribute?.(\"data-reactive-nested-clear-param\") === \"true\"\n    const firstSource = this.#seedNestedRow(row, fromJson, clear)\n\n    // Focus: inline-edit (no from:) focuses the new row's first field so you\n    // type INTO it; fill-then-add keeps focus on the sources (the first one) so\n    // you keep entering the next item — stealing focus would break that loop.\n    if (fromJson) firstSource?.focus?.()\n    else [...(row.querySelectorAll?.(\"input, select, textarea\") ?? [])][0]?.focus?.()\n\n    // JSON mode (issue #208): a freshly-added row must land in the hidden field\n    // immediately (seeded values included), so the serialized array reflects the\n    // DOM even before the first keystroke. A no-op when not `as: :json`.\n    if (list.getAttribute?.(\"data-reactive-nested-json\") === assoc) this.#syncNestedJson(assoc)\n  }\n\n  // Fill-then-add (issue #208): copy each source control's value into the\n  // matching cloned-row field, keyed by the trailing bracket segment of the\n  // field's name (#nestedJsonKey — the SAME inference JSON mode uses, so the\n  // two features can't drift). Sources resolve root-scoped and owned (#15); an\n  // unresolved source or an unmatched key is silently skipped (the row still\n  // adds — a half-mapped binding must never throw on click). Returns the FIRST\n  // source control read (for focus), or null. With `clear`, resets every source\n  // it read via the set-value + dispatch contract (#183) so dirty/show/compute\n  // observe the reset.\n  #seedNestedRow(row, fromJson, clear) {\n    if (!fromJson) return null\n    let map\n    try {\n      map = JSON.parse(fromJson)\n    } catch {\n      return null\n    }\n    if (!map || typeof map !== \"object\") return null\n\n    const owns = this.#ownershipFilter()\n    const rowFields = [...(row.querySelectorAll?.(\"input, select, textarea\") ?? [])]\n    const sources = []\n    for (const [key, selector] of Object.entries(map)) {\n      const source = [...(this.element.querySelectorAll?.(selector) ?? [])].find(owns)\n      if (!source) continue\n      const target = rowFields.find((field) => this.#nestedJsonKey(field.getAttribute?.(\"name\")) === key)\n      if (!target) continue\n      this.#seedNestedField(target, source)\n      sources.push(source)\n    }\n    if (clear) for (const source of sources) this.#clearNestedSource(source)\n    return sources[0] ?? null\n  }\n\n  // Copy a source control's value into a cloned-row field, then dispatch a\n  // bubbling `input` (the set-value + dispatch contract, #183). Checkbox ↔\n  // checkbox copies the checked state; every other target takes the source's\n  // submit-shaped value (#nestedFieldValue), so a checkbox source feeding a\n  // text field lands \"on\"/\"\" exactly as a submit would.\n  #seedNestedField(target, source) {\n    if (target.type === \"checkbox\") {\n      target.checked = source.type === \"checkbox\" ? !!source.checked : this.#nestedFieldValue(source) !== \"\"\n    } else {\n      target.value = this.#nestedFieldValue(source)\n    }\n    if (typeof target.dispatchEvent === \"function\") {\n      target.dispatchEvent(new Event(\"input\", { bubbles: true }))\n    }\n  }\n\n  // Reset a source control after a fill-then-add (issue #208), dispatching a\n  // bubbling `input` so dirty tracking / reactive_show / compute see the reset.\n  #clearNestedSource(source) {\n    if (source.type === \"checkbox\") source.checked = false\n    else source.value = \"\"\n    if (typeof source.dispatchEvent === \"function\") {\n      source.dispatchEvent(new Event(\"input\", { bubbles: true }))\n    }\n  }\n\n  // Remove the trigger's closest row wrapper. A DRAFT row (no [_destroy]\n  // input) leaves the DOM — it was never persisted, so removing its fields IS\n  // the removal. A PERSISTED row (an edit form rendered a hidden [_destroy]\n  // input via nested_field_name) is marked \"1\" and hidden instead — Rails\n  // destroys it on save. The mark dispatches a real bubbling `input` (the\n  // set-value + dispatch contract, issue #183) so dirty tracking/compute see it.\n  nestedRemove(event) {\n    event?.preventDefault?.()\n    const trigger = event?.currentTarget ?? event?.target\n    const row = trigger?.closest?.(\"[data-reactive-nested-row]\")\n    if (!row) return\n    // The closest() walk must not escape this root — a root can itself sit\n    // inside ANOTHER collection's row (the issue #15 closest-form posture).\n    if (row.closest?.('[data-controller~=\"reactive\"]') !== this.element) return\n\n    // Confirm gate (issue #218): reactive_nested_remove(confirm:) emits the SAME\n    // data-reactive-confirm[-when]-param the other triggers do (nestedRemove reads\n    // params via getAttribute, not event.params, so pull them off the trigger),\n    // routed through the SAME #effectiveConfirmMessage + confirmResolver seam. A\n    // static string always shows; a conditional Hash fires only when it matches,\n    // else null. No confirm attr → null → the immediate-remove fast path.\n    const confirm = trigger?.getAttribute?.(\"data-reactive-confirm-param\")\n    const confirmWhen = trigger?.getAttribute?.(\"data-reactive-confirm-when-param\")\n    const message = this.#effectiveConfirmMessage(confirm, confirmWhen)\n    if (!message) return this.#removeNestedRow(row)\n\n    // Gate through the overridable confirmResolver (issues #52/#55/#178) — a\n    // themed dialog set with setConfirmResolver covers this trigger too. Call the\n    // resolver INSIDE the chain so even a SYNCHRONOUS override throw is a cancel\n    // (like a dismissed dialog), and remove ONLY on a truthy resolution.\n    return Promise.resolve()\n      .then(() => confirmResolver(message))\n      .catch(() => false)\n      .then((ok) => {\n        if (ok) this.#removeNestedRow(row)\n      })\n  }\n\n  // The remove itself, shared by the confirmed and no-confirm paths. Draft rows\n  // leave the DOM; a persisted row (a hidden [_destroy] input present) is marked\n  // \"1\" + hidden instead (set-value + dispatch contract, #183), so Rails destroys\n  // it on save. Then re-sync every owned JSON-mode list (#208) — an absent row\n  // IS the removal; a form without a JSON list iterates an empty set and exits.\n  #removeNestedRow(row) {\n    const destroy = [...(row.querySelectorAll?.('input[name$=\"[_destroy]\"]') ?? [])][0]\n    if (destroy) {\n      destroy.value = \"1\"\n      if (typeof destroy.dispatchEvent === \"function\") {\n        destroy.dispatchEvent(new Event(\"input\", { bubbles: true }))\n      }\n      row.hidden = true\n    } else {\n      row.parentNode?.removeChild?.(row)\n    }\n\n    this.#syncAllNestedJson()\n  }\n\n  // JSON-mode nested rows (issue #208) — the delegated input/change handler.\n  // An app whose controller parses a serialized JSON param instead of Rails'\n  // accepts_nested_attributes_for opts a list into `as: :json`; the client\n  // then mirrors that list's rows into ONE hidden field as a JSON array on\n  // every owned edit. Public so Stimulus can bind it; a no-op unless the\n  // edited field belongs to a JSON-mode list this root owns.\n  syncNestedJson(event) {\n    const target = event?.target\n    if (!target || !this.#ownsField(target)) return\n    // Re-serialize every JSON-mode list (an edit could touch any of them; the\n    // per-list owned-row scan is cheap and keeps this handler association-free).\n    this.#syncAllNestedJson()\n  }\n\n  // Serialize every owned JSON-mode list into its hidden field. The connect\n  // seed and the input/remove re-syncs funnel through here so one place owns\n  // the \"DOM rows → JSON field\" projection.\n  #syncAllNestedJson() {\n    if (typeof this.element?.querySelectorAll !== \"function\") return\n    const owns = this.#ownershipFilter()\n    for (const list of [...this.element.querySelectorAll(\"[data-reactive-nested-json]\")].filter(owns)) {\n      this.#syncNestedJson(list.getAttribute(\"data-reactive-nested-json\"))\n    }\n  }\n\n  // Project ONE JSON-mode list's surviving rows into its hidden field. Each\n  // row becomes an object keyed by the trailing bracket segment of its inputs'\n  // names (…[title] → \"title\"); a hidden/_destroy-marked row is skipped (an\n  // absent row IS the removal — JSON carries no destroy marker). The write\n  // uses the set-value + dispatch contract (issue #183) so dirty tracking,\n  // reactive_show, and compute see the change — but only when the value\n  // actually changed, so a connect seed on an already-correct field is silent.\n  #syncNestedJson(assoc) {\n    const owns = this.#ownershipFilter()\n    const list = [...this.element.querySelectorAll(`[data-reactive-nested-list=\"${assoc}\"]`)].find(owns)\n    if (!list) return\n    const field = this.#nestedJsonField(list)\n    if (!field) return\n\n    const rows = []\n    for (const row of [...(list.querySelectorAll?.(\"[data-reactive-nested-row]\") ?? [])]) {\n      if (!owns(row) || row.hidden) continue\n      rows.push(this.#nestedRowObject(row))\n    }\n\n    const next = JSON.stringify(rows)\n    if (field.value === next) return\n    field.value = next\n    if (typeof field.dispatchEvent === \"function\") {\n      field.dispatchEvent(new Event(\"input\", { bubbles: true }))\n    }\n  }\n\n  // The hidden field a JSON-mode list mirrors into — resolved fresh (a morph\n  // replaces nodes, never cache it) and OWNED by this root (#15). null when\n  // the selector resolves nothing, so the caller no-ops (a half-built binding\n  // must never break the page).\n  #nestedJsonField(list) {\n    const selector = list.getAttribute?.(\"data-reactive-nested-json-field\")\n    if (!selector) return null\n    const owns = this.#ownershipFilter()\n    return [...this.element.querySelectorAll(selector)].find(owns) ?? null\n  }\n\n  // One row → { key: value } over its named form controls. The JSON key is the\n  // trailing bracket segment of each control's name (order[todos_attributes]\n  // [3][title] → \"title\"; a bare `title` → \"title\"), the \"infer from input\n  // names\" contract. The [_destroy] control is dropped (JSON has no destroy\n  // marker). Later inputs with the same key win (last-wins, the DOM order).\n  #nestedRowObject(row) {\n    const obj = {}\n    for (const el of [...(row.querySelectorAll?.(\"input, select, textarea\") ?? [])]) {\n      const key = this.#nestedJsonKey(el.getAttribute?.(\"name\"))\n      if (key === null || key === \"_destroy\") continue\n      obj[key] = this.#nestedFieldValue(el)\n    }\n    return obj\n  }\n\n  // The trailing bracket segment of a field name (the inferred JSON key), or\n  // the bare name when it carries no brackets. null for a nameless control\n  // (a bare button, an unnamed helper input) — skipped by the caller.\n  #nestedJsonKey(name) {\n    if (!name) return null\n    const match = name.match(/\\[([^\\][]+)\\]$/)\n    return match ? match[1] : name\n  }\n\n  // A form control's submitted value: an unchecked checkbox contributes \"\" (it\n  // wouldn't post at all), a checked one its value (default \"on\"); everything\n  // else its .value. Keeps the JSON shape close to what a real form submit\n  // would carry for the same control.\n  #nestedFieldValue(el) {\n    if (el.type === \"checkbox\") return el.checked ? (el.value || \"on\") : \"\"\n    return el.value ?? \"\"\n  }\n\n  // Parse a JSON string list from a root data attr; [] on absence/parse error so\n  // a malformed binding degrades to \"no fields\" rather than throwing on input.\n  #parseComputeList(attr) {\n    const raw = this.element.getAttribute(attr)\n    if (!raw) return []\n    try {\n      const list = JSON.parse(raw)\n      return Array.isArray(list) ? list : []\n    } catch {\n      return []\n    }\n  }\n\n  // Parse the inputs param into [name, type] pairs (issue #104). The wire is a\n  // JSON ARRAY of names (array form → every input typed \"number\", the shipped\n  // numeric coercion) OR a JSON OBJECT of name→type (hash form → \":string\" read\n  // raw, \":number\" coerced). Malformed/absent degrades to [] — a bad binding\n  // must never throw on input.\n  #parseComputeInputs() {\n    const raw = this.element.getAttribute(\"data-reactive-compute-inputs-param\")\n    if (!raw) return []\n    try {\n      const parsed = JSON.parse(raw)\n      if (Array.isArray(parsed)) return parsed.map((name) => [name, \"number\"])\n      if (parsed && typeof parsed === \"object\") return Object.entries(parsed)\n      return []\n    } catch {\n      return []\n    }\n  }\n\n  // The declared compute input the event just edited — the reducer's\n  // meta.changed (issue #75). The triggering field counts only when it is a\n  // named form control OWNED by this root (not a nested reactive root's, issue\n  // #15) AND its name is among the declared compute inputs; anything else\n  // (a direct call, an unowned/undeclared target) yields null.\n  //\n  // Scope-aware (issue #184): under data-reactive-scope, the edited field's DOM\n  // name is scoped (order[allowance]) while the declared inputs are BARE\n  // (allowance). Strip the scope prefix off the DOM name before comparing, and\n  // return the BARE name — so a reducer branching on `changed` sees the same\n  // names it declared, scoped or not.\n  #changedComputeField(event, inputs, scope) {\n    const target = event?.target\n    if (!target?.name || typeof target.closest !== \"function\") return null\n    const bare = this.#unscopeName(target.name, scope)\n    if (!inputs.includes(bare)) return null\n    return this.#ownsField(target) ? bare : null\n  }\n\n  // Strip a leading `scope[…]` wrapper off a DOM field name, returning the bare\n  // inner name; a name that isn't wrapped in this scope passes through unchanged.\n  #unscopeName(name, scope) {\n    if (!scope) return name\n    const prefix = `${scope}[`\n    return name.startsWith(prefix) && name.endsWith(\"]\") ? name.slice(prefix.length, -1) : name\n  }\n\n  // Write `value` into every owned [data-reactive-text=\"<name>\"] node via\n  // textContent (issue #104) — XSS-safe by construction (never innerHTML). Drives\n  // both the identity mirror (an input's raw value) and a text-node output (a\n  // reducer result with no matching field). Change-guarded (skip an unchanged\n  // node) and NO input dispatch — a text node has no listener contract. String()\n  // so a numeric result renders like the DOM would.\n  #mirrorText(name, value) {\n    const text = String(value)\n    for (const node of this.#ownedTextNodes(name)) {\n      if (node.textContent === text) continue\n      node.textContent = text\n    }\n  }\n\n  // Every [data-reactive-text=\"<name>\"] mirror OWNED by this root (skips nested\n  // reactive roots, issue #15). Empty when none — reactive_text is optional.\n  #ownedTextNodes(name) {\n    const nodes = this.element.querySelectorAll(`[data-reactive-text=\"${name}\"]`)\n    return Array.from(nodes).filter((el) => this.#ownsField(el))\n  }\n\n  // Cross-root text mirrors (issue #159): paint every DECLARED mirror name into\n  // its allowlisted document-wide id targets via textContent — the opt-in escape\n  // from root isolation (issue #15) for a recap OUTSIDE the computing root. The\n  // value is the reducer's result when it produced one, else the owned field's\n  // CURRENT value (an input identity mirror / a just-written output) — one\n  // declaration covers all three shapes. A name with NO value this pass is\n  // SKIPPED (a mirror never blanks a recap the reducer didn't feed). textContent\n  // only (never innerHTML), change-guarded, and NO input dispatch — same\n  // contract as #mirrorText. With no mirror declared this is one getAttribute\n  // and out — the shipped compute path never touches the document.\n  #applyComputeMirrors(result, ownedField) {\n    const mirror = this.#parseComputeMirror()\n    for (const [name, selectors] of Object.entries(mirror)) {\n      const value = name in result ? result[name] : ownedField(name)?.value\n      if (value === undefined || value === null) continue\n      const text = String(value)\n      for (const sel of Array.isArray(selectors) ? selectors : [selectors]) {\n        if (!guardMirrorSelector(sel)) continue\n        for (const node of document.querySelectorAll(sel)) {\n          if (node.textContent === text) continue\n          node.textContent = text\n        }\n      }\n    }\n  }\n\n  // The declared cross-root mirror map (issue #159): a JSON object of\n  // { name: [id selectors] } from data-reactive-compute-mirror-param (emitted by\n  // reactive_compute's `mirror:`). Absent/malformed degrades to {} — a bad\n  // binding must never throw on input.\n  #parseComputeMirror() {\n    const raw = this.element.getAttribute(\"data-reactive-compute-mirror-param\")\n    if (!raw) return {}\n    try {\n      const parsed = JSON.parse(raw)\n      return parsed && typeof parsed === \"object\" && !Array.isArray(parsed) ? parsed : {}\n    } catch {\n      return {}\n    }\n  }\n\n  // Enqueue the action — debounced if a debounce window is set, else immediately.\n  // Split out of dispatch so both the no-confirm fast path and the post-confirm\n  // microtask share one place (issue #55). `target` is captured up front because\n  // this can run in a later microtask, after event.target has been reset.\n  #proceed(target, action, params, debounce, throttle, optimistic, busy) {\n    // Lifecycle veto point (issue #79): one cancelable reactive:before-dispatch\n    // per user gesture — post-preventDefault, post-confirm, PRE-debounce (and\n    // PRE-throttle, the same timing). event.preventDefault() skips the\n    // debounce/throttle AND the enqueue entirely (nothing is scheduled).\n    // retry() re-enters the queue directly, so this does NOT refire on a retry.\n    // detail.params are the trigger's explicit params; sibling fields are\n    // collected later, at send time.\n    const before = this.#emit(\"reactive:before-dispatch\", {\n      action,\n      params: this.#parseParams(params),\n      element: this.element,\n    }, { cancelable: true })\n    if (before.defaultPrevented) return\n\n    // Debounced trigger (e.g. on(:update, event: \"input\", debounce: 300)):\n    // coalesce rapid events into ONE round trip after a quiet period, instead of\n    // one POST per keystroke (issue #17). A blur flushes a pending dispatch.\n    // The optimistic hint (issue #98) and the busy state (issue #181) ride to\n    // the flush too, so they apply ONCE per enqueue — a debounced input must not\n    // flap toggle_class per keystroke, and its element must NOT be disabled\n    // during the quiet period (that would break typing). Both apply at ENQUEUE.\n    const ms = Number(debounce) || 0\n    if (ms > 0) return this.#debounceDispatch(target, ms, action, params, optimistic, busy)\n\n    // Throttled trigger (e.g. on(:track, event: \"scroll\", window: true,\n    // throttle: 250), issue #80): LEADING-EDGE rate limit — fire the first\n    // event immediately, drop the rest until the window elapses. debounce and\n    // throttle are mutually exclusive (the Ruby on() raises on both).\n    const throttleMs = Number(throttle) || 0\n    if (throttleMs > 0) return this.#throttleDispatch(target, throttleMs, action, params, optimistic, busy)\n\n    return this.#enqueue(action, params, optimistic, target, busy)\n  }\n\n  // Apply the optimistic hint ONCE (recording its inverse) and chain the round\n  // trip, threading that inverse onto THIS queued request so the serialized\n  // per-controller queue reverts the RIGHT request's hint on failure (issue\n  // #98). Applying here — the single flush/enqueue point every path funnels\n  // through — is what makes a hint apply once per enqueue, not per raw dispatch.\n  //\n  // The busy state (issue #181) applies here too, for the same reason: enqueue\n  // is the moment the request is committed to the queue, so the always-on busy\n  // vocabulary (data-reactive-busy on the trigger + root, aria-busy via a pending\n  // counter, busy_on scoping) and the busy hint (disable + class + text swap)\n  // cover the WHOLE pending window — queue wait included — not just the fetch. It\n  // returns a `settle` closure that #perform runs in its finally (success OR\n  // failure), guarded so a morph-replaced trigger is never clobbered.\n  #enqueue(action, params, optimistic, target, busy) {\n    const inverse = this.#applyOptimistic(optimistic, target)\n    const settle = this.#applyBusy(action, target, busy)\n    // Debug-only teaching aid (issue #181): if optimistic: { hide: true } is used\n    // for instant-delete but the reply RE-RENDERS the element (bringing it back),\n    // that hint was pointless — the developer likely wanted reply.remove. Capture\n    // the hidden nodes now; the success path re-checks the OBSERVED DOM after the\n    // morph (never inferred from the verb) and warns if any came back visible.\n    const resurrect = this.#debugEnabled() ? this.#buildResurrectionCheck(optimistic, target) : null\n    this.queue = (this.queue ?? Promise.resolve())\n      .then(() => this.#perform(action, params, inverse, settle, resurrect))\n    return this.queue\n  }\n\n  // Snapshot the elements an optimistic hide: targeted (the trigger, or the `to:`\n  // selector) so the success path can detect a resurrection. Returns null unless\n  // a hide: hint is present — nothing else can be \"resurrected\".\n  #buildResurrectionCheck(optimistic, target) {\n    if (!optimistic?.hide) return null\n    const hidden = this.#hintTargets(optimistic, target)\n    if (!hidden.length) return null\n    return () => {\n      const back = hidden.filter((el) => el.isConnected && !el.hidden)\n      if (!back.length) return\n      console.warn(\n        \"[phlex-reactive] optimistic: { hide: true } was undone by the reply's re-render — \" +\n          \"the element is visible again. For an instant delete, return reply.remove so the \" +\n          \"server removes it; otherwise the hide only flashes.\",\n        back,\n      )\n    }\n  }\n\n  // Reset a per-element timer; only enqueue the round trip after `ms` of quiet.\n  // Also flush immediately on blur so leaving the field never drops the last\n  // edit (a long debounce shouldn't swallow a value the user tabbed away from).\n  #debounceDispatch(target, ms, action, params, optimistic, busy) {\n    this.#clearDebounce(target)\n\n    const flush = () => {\n      this.#clearDebounce(target)\n      this.#enqueue(action, params, optimistic, target, busy)\n    }\n    const timer = setTimeout(flush, ms)\n    target?.addEventListener?.(\"blur\", flush, { once: true })\n    this.#debounceTimers.set(target, { timer, flush })\n  }\n\n  #clearDebounce(target) {\n    const pending = this.#debounceTimers.get(target)\n    if (!pending) return\n    clearTimeout(pending.timer)\n    target?.removeEventListener?.(\"blur\", pending.flush)\n    this.#debounceTimers.delete(target)\n  }\n\n  // Clear every pending debounce timer (used on disconnect). Reuses\n  // #clearDebounce so all timer/listener teardown stays in one place. Snapshot\n  // the keys first — #clearDebounce mutates the map as it goes.\n  #clearAllDebounces() {\n    for (const target of [...this.#debounceTimers.keys()]) this.#clearDebounce(target)\n  }\n\n  // Leading-edge throttle (issue #80), mirroring #debounceDispatch: the FIRST\n  // event fires immediately; a suppression timer then drops further events\n  // until the window elapses (no trailing fire — dropped, not queued). Timers\n  // are keyed on action + target, NOT target alone: window-bound scroll/resize\n  // events all share event.target === document, so two window-bound triggers\n  // on one component would otherwise collide on one timer.\n  #throttleDispatch(target, ms, action, params, optimistic, busy) {\n    const timers = this.#throttleTimers.get(target) ?? new Map()\n    if (timers.has(action)) return // inside the window — suppress\n\n    const timer = setTimeout(() => {\n      timers.delete(action)\n      if (timers.size === 0) this.#throttleTimers.delete(target)\n    }, ms)\n    timers.set(action, timer)\n    this.#throttleTimers.set(target, timers)\n    return this.#enqueue(action, params, optimistic, target, busy) // leading edge: fire NOW\n  }\n\n  // Clear every throttle suppression timer (used on disconnect, alongside\n  // #clearAllDebounces) so nothing outlives the element.\n  #clearAllThrottles() {\n    for (const timers of this.#throttleTimers.values()) {\n      for (const timer of timers.values()) clearTimeout(timer)\n    }\n    this.#throttleTimers.clear()\n  }\n\n  // Raw-dispatch a lifecycle CustomEvent (issue #79). Deliberately NOT\n  // Stimulus's this.dispatch() helper — that name is SHADOWED by this\n  // controller's own dispatch(event) action method. Bubbling + composed so a\n  // page-level listener (or `data-action=\"reactive:error->toast#show\"` on an\n  // ancestor) hears it. After a plain (non-morph) replace this.element is a\n  // DETACHED node — a bubbling event on it never reaches document listeners —\n  // so fall back to dispatching on document itself.\n  #emit(name, detail, { cancelable = false } = {}) {\n    const event = new CustomEvent(name, { bubbles: true, composed: true, cancelable, detail })\n    const root = this.element.isConnected ? this.element : document\n    root.dispatchEvent(event)\n    return event\n  }\n\n  // reactive:error detail: { action, params, kind, status?, body?, retry }.\n  // `params` are the FULL params that were sent (collected fields + explicit\n  // trigger params). retry() re-enters the request queue with the ORIGINAL raw\n  // trigger params, so #perform re-reads the freshest token and RE-COLLECTS the\n  // sibling fields — nothing stale is replayed. It does not refire\n  // reactive:before-dispatch (one veto per user gesture), and it no-ops with a\n  // warning once the root has left the DOM (retrying against a detached\n  // element would post a stale token into nowhere).\n  #emitError(action, rawParams, sentParams, extra) {\n    const retry = () => {\n      if (!this.element.isConnected) {\n        console.warn(\"[phlex-reactive] retry() ignored — the reactive root left the DOM\")\n        return\n      }\n      return this.#enqueue(action, rawParams)\n    }\n    this.#emit(\"reactive:error\", { action, params: sentParams, ...extra, retry })\n  }\n\n  // Mark the reactive root as errored (issue #100) with the failure kind, so an\n  // app can style it purely in CSS ([data-reactive-error] { … }) with zero JS.\n  // Guarded — a plain replace may have detached the root before the failure lands.\n  #markError(kind) {\n    if (this.element?.isConnected === false) return\n    this.element?.setAttribute?.(\"data-reactive-error\", kind)\n  }\n\n  // Clear the failure marker on the next successful apply (issue #100).\n  #clearError() {\n    this.element?.removeAttribute?.(\"data-reactive-error\")\n  }\n\n  // Offline fallback (issue #100): a network failure reached no server, so there\n  // is no body to render. Clone the content of a server-rendered\n  // <template data-reactive-error-flash> into the flash region so the user still\n  // sees SOMETHING. The template is app-authored (trusted) — this is a pure\n  // deep clone, never client templating of untrusted data. No template, or no\n  // flash container, is a silent no-op (a page without the opt-in is unchanged).\n  #renderNetworkFallback() {\n    const template = document.querySelector(\"[data-reactive-error-flash]\")\n    if (!template?.content) return\n    // The flash region is the host-app container Response#flash targets. Its id\n    // defaults to \"flash\" (Phlex::Reactive.flash_target); an app that customized\n    // it can point the fallback at the same node by putting the template's\n    // data-reactive-error-flash value there — but the common case is #flash.\n    const targetId = template.getAttribute(\"data-reactive-error-flash\") || \"flash\"\n    const region = document.getElementById(targetId)\n    if (!region) return\n    region.appendChild(template.content.cloneNode(true))\n  }\n\n  // Latency simulator (issue #102): if enableLatencySim(ms) stored a delay in\n  // sessionStorage, await it before the fetch so the busy window (already open\n  // since enqueue) is actually visible on localhost. Reads the key LIVE per\n  // request — like the CSRF token — so toggling the sim mid-session takes effect\n  // on the very next action without a reload. A missing sessionStorage, an absent\n  // key, or a non-positive/NaN value resolves immediately (no timer, no delay) —\n  // the whole feature is inert for any app that never opts in. Warns ONCE while\n  // active (module-level guard), not once per request.\n  #maybeSimulateLatency() {\n    if (typeof sessionStorage === \"undefined\") return Promise.resolve()\n    const ms = Number(sessionStorage.getItem(LATENCY_KEY))\n    if (!Number.isFinite(ms) || ms <= 0) return Promise.resolve()\n    if (!latencyBannerShown) {\n      latencyBannerShown = true\n      console.warn(\n        `[phlex-reactive] latency simulator ACTIVE — every action is delayed by ${ms}ms. ` +\n          \"Call PhlexReactive.disableLatencySim() (or clear sessionStorage) to turn it off.\",\n      )\n    }\n    return new Promise((resolve) => setTimeout(resolve, ms))\n  }\n\n  // Client debug mode (issue #108) — the \"devtools-lite\" lens. On when the Ruby\n  // reactive_attrs stamped data-reactive-debug=\"true\" (Phlex::Reactive.debug).\n  // Read live (a single getAttribute) so the whole feature is inert for any app\n  // that never opts in: OFF → this returns false and #perform builds no debug\n  // object, parses no response, and logs nothing (the \"zero cost when off\"\n  // invariant — one nil-check per dispatch). Guarded for a stub root with no\n  // getAttribute (unit harnesses) so it degrades to off, never throwing.\n  #debugEnabled() {\n    return this.element?.getAttribute?.(\"data-reactive-debug\") === \"true\"\n  }\n\n  // A monotonic timestamp for the round-trip duration (ms). performance.now is\n  // monotonic (immune to a wall-clock adjustment mid-request); Date.now is the\n  // fallback for an exotic environment without it. ONLY called on the debug path,\n  // so it costs nothing when debug is off.\n  #debugNow() {\n    return typeof performance !== \"undefined\" && typeof performance.now === \"function\"\n      ? performance.now()\n      : Date.now()\n  }\n\n  // Parse a turbo-stream response's action + target pairs for the debug trace,\n  // from the body text #perform ALREADY read (never a re-fetch). NAMES only — the\n  // <template> contents (rendered HTML, the fresh token) are deliberately not\n  // touched. A non-turbo-stream / empty body yields [] (nothing to report).\n  #debugStreams(body) {\n    if (!body) return []\n    const streams = []\n    const re = /<turbo-stream\\b([^>]*)>/g\n    let match\n    while ((match = re.exec(body)) !== null) {\n      const attrs = match[1]\n      const action = attrs.match(/\\baction=\"([^\"]*)\"/)?.[1] ?? \"?\"\n      const target = attrs.match(/\\btarget=\"([^\"]*)\"/)?.[1]\n      streams.push(target ? `${action} → #${target}` : action)\n    }\n    return streams\n  }\n\n  // console.group ONE dispatch (issue #108). Carries NAMES + outcomes ONLY — the\n  // signed token VALUE and every field/param VALUE are deliberately absent (they\n  // may be sensitive; the whole point is observability without leaking data). The\n  // caller passes the info it already holds so nothing is recomputed or re-fetched:\n  //   { action, paramNames, fieldNames, encoding, status, streams, tokenRefreshed, ms }\n  // `console.groupCollapsed` keeps the console tidy (one collapsed line per action).\n  #logDispatch(info) {\n    const { action, status, ms } = info\n    // The client can't name the component CLASS (it's inside the signed, opaque\n    // token — never decoded here), but the root's id is the stable client-side\n    // handle (e.g. #todo_42), so the header reads `reactive #todo_42 rename → …`.\n    const who = this.element?.id ? `#${this.element.id} ` : \"\"\n    const header = `reactive ${who}${action} → ${status ?? \"—\"} (${Math.round(ms)}ms)`\n    /* eslint-disable no-console */\n    console.groupCollapsed(header)\n    console.log(`params: [${info.paramNames.join(\", \")}] + collected: [${info.fieldNames.join(\", \")}]`)\n    console.log(`encoding: ${info.encoding}`)\n    if (info.streams.length) console.log(`streams: ${info.streams.join(\"   \")}`)\n    console.log(`token: ${info.tokenRefreshed ? \"refreshed ✓\" : \"unchanged\"}`)\n    console.groupEnd()\n    /* eslint-enable no-console */\n  }\n\n  async #perform(action, params, inverse, settle, resurrect) {\n    // Auto-collect named field values inside this component so a button-\n    // triggered action still receives sibling inputs (Livewire-style), plus any\n    // chosen file inputs in the SAME walk. Explicit params\n    // (data-reactive-params-param) win over collected fields.\n    const { fields, files } = this.#collectFields()\n    // Parse the explicit trigger params ONCE — reused below for allParams and, on\n    // the debug path, for the params-only name list (so the trace can show\n    // `params: [...]` distinct from the collected `+ collected: [...]`). #parseParams\n    // is pure (a fresh object from a JSON string, or the same object by reference\n    // when already parsed); allParams spreads a COPY and nothing mutates parsedParams\n    // downstream (JSON.stringify / #buildFormData read allParams, a new object).\n    const parsedParams = this.#parseParams(params)\n    const allParams = { ...fields, ...parsedParams }\n    const token = this.#currentToken\n\n    // File/multipart path (issue #34): if THIS root has a populated\n    // <input type=\"file\">, the action can't be JSON (JSON.stringify drops the\n    // File). Send FormData instead — token + act + scalar params as fields, each\n    // chosen file appended. The morph/token machinery downstream is identical;\n    // only the request ENCODING differs when files are present.\n    const multipart = files.length > 0\n    const body = multipart\n      ? this.#buildFormData(token, action, allParams, files)\n      : JSON.stringify({ token, act: action, params: allParams })\n\n    // Client debug mode (issue #108): build the trace object ONLY when debug is on\n    // (one nil-check otherwise — zero cost off). It carries NAMES only: the\n    // explicit trigger param names and the collected sibling field names, split so\n    // the group shows `params: [...] + collected: [...]`. status/streams/\n    // tokenRefreshed are filled in at the branch that knows them; the group is\n    // emitted once in the finally so EVERY exit (success or any failure) logs.\n    const debug = this.#debugEnabled()\n      ? {\n          action,\n          paramNames: Object.keys(parsedParams),\n          fieldNames: Object.keys(fields),\n          encoding: multipart ? \"multipart\" : \"json\",\n          status: null,\n          streams: [],\n          tokenRefreshed: false,\n          started: this.#debugNow(),\n        }\n      : null\n\n    // aria-busy on the root is now driven by the loading pending counter\n    // (#applyLoading, applied at ENQUEUE so it covers the queue wait too), not\n    // set here. #settleLoading in the finally clears it — see #enqueue.\n\n    // Latency simulator (issue #102): the busy window (aria-busy + loading state)\n    // is already applied at enqueue, so awaiting the configured delay HERE — after\n    // that window opened and before the fetch — is what makes it visible on\n    // localhost. A null/absent/non-positive sessionStorage key is a no-op (zero\n    // production surface), so this line vanishes for any app that never opts in.\n    await this.#maybeSimulateLatency()\n\n    try {\n      // Offline gate (issue #101), authoritative at the NETWORK BOUNDARY (send\n      // time), not at enqueue. A click can enqueue while online and reach here\n      // after going offline (a debounced/queued request, a rapid transition) —\n      // gating in #perform makes the kind consistently \"offline\" for that whole\n      // condition instead of leaking through as a \"network\" fetch throw. The\n      // fetch never fires, so the edit is not half-sent; the finally still runs\n      // (settle clears loading), the optimistic hint reverts, and retry() (which\n      // re-enters #perform) re-checks and sends once back online.\n      if (navigator.onLine === false) {\n        this.#revertOptimistic(inverse)\n        this.#markError(\"offline\")\n        this.#emitError(action, params, allParams, { kind: \"offline\" })\n        return\n      }\n\n      let response\n      try {\n        const headers = {\n          Accept: \"text/vnd.turbo-stream.html\",\n          \"X-CSRF-Token\": this.#csrfToken(),\n        }\n        // For JSON we declare the content type; for multipart we must NOT — the\n        // browser sets `multipart/form-data; boundary=…` itself, and overriding it\n        // would strip the boundary and corrupt the body server-side.\n        if (!multipart) headers[\"Content-Type\"] = \"application/json\"\n        // Send the pgbus SSE connection id (if subscribed) so the server can\n        // exclude this connection from its own broadcast echo — the actor\n        // already gets the action's HTTP response. Harmless without pgbus.\n        const connectionId = this.#connectionId()\n        if (connectionId) headers[\"X-Pgbus-Connection\"] = connectionId\n\n        // ONLY `fetch` itself is the network boundary — offline, DNS, a reset\n        // connection. Everything below this inner try (reading the body,\n        // extracting the token, handing streams to Turbo) runs AFTER the\n        // server already processed the mutation, so none of it belongs in the\n        // `kind: \"network\"` / retriable bucket (CodeRabbit review on #89): if\n        // renderStreamMessage throws, retry()ing would re-POST an action the\n        // server already completed — see the outer catch below. (NOT a\n        // reactive:applied LISTENER throwing — per the DOM spec, dispatchEvent\n        // never propagates a listener's exception back to its caller, so that\n        // case can't reach this catch at all; verified in the JS test suite.)\n        response = await fetch(this.#actionPath(), {\n          method: \"POST\",\n          headers,\n          body,\n          credentials: \"same-origin\",\n          // Bound the request (issue #101): a server that never answers used to\n          // wedge this.queue forever (the finally that clears aria-busy/loading\n          // never ran). AbortSignal.timeout(ms) aborts the fetch after the\n          // configured window; the abort surfaces in this catch as a\n          // DOMException named \"TimeoutError\" (see the branch below).\n          signal: AbortSignal.timeout(this.#timeoutMs()),\n        })\n      } catch (error) {\n        console.error(\"[phlex-reactive] action error\", error)\n        this.#revertOptimistic(inverse)\n        // AbortSignal.timeout() rejects with a DOMException named \"TimeoutError\"\n        // (a manual AbortController.abort() would be \"AbortError\" — we don't use\n        // one, but accept it too for robustness). A timeout is NOT \"offline\":\n        // the request left and the server didn't answer in time; connectivity is\n        // unknown. So do NOT clone the offline-fallback template or mark network\n        // — just fire kind:\"timeout\" (retriable). The queue still advances\n        // (#perform returns, never rejects), so the hung request un-wedges it.\n        if (error?.name === \"TimeoutError\" || error?.name === \"AbortError\") {\n          this.#markError(\"timeout\")\n          this.#emitError(action, params, allParams, { kind: \"timeout\" })\n          return\n        }\n        // No server reached — nothing to render (issue #100). Clone a\n        // server-rendered <template data-reactive-error-flash> into the flash\n        // region as an offline fallback. The template is rendered by the app\n        // (trusted), so this is a pure clone — no client templating of data.\n        this.#renderNetworkFallback()\n        this.#markError(\"network\")\n        this.#emitError(action, params, allParams, { kind: \"network\" })\n        return\n      }\n\n      // Debug (issue #108): the server answered — record the status for the trace\n      // now, so every response branch below (redirected/http/content-type/ok) logs\n      // it. The transport-failure branches above return before here (they have no\n      // status); their group still fires from the finally with status null → \"—\".\n      if (debug) debug.status = response.status\n\n      if (response.redirected) {\n        console.error(\"[phlex-reactive] action was redirected (auth/CSRF?) — no update applied\")\n        this.#revertOptimistic(inverse)\n        this.#markError(\"redirected\")\n        this.#emitError(action, params, allParams, { kind: \"redirected\", status: response.status })\n        return\n      }\n      if (!response.ok) {\n        const errorBody = await response.text()\n        console.error(`[phlex-reactive] action failed: HTTP ${response.status}`, errorBody)\n        this.#revertOptimistic(inverse)\n        // Render a non-OK turbo-stream body so a server-rendered error flash\n        // (an error_flash rescue, or a status: :unprocessable_entity validation\n        // reply from a plain controller) is actually SHOWN — instead of being\n        // read only for the console (issue #100). #extractToken is run as usual;\n        // it NO-OPS when no stream re-renders our id, so a 400 InvalidToken body\n        // never refreshes the held identity token (which is not a nonce and stays\n        // retry-valid — do not \"fix\" that). A non-turbo-stream body is left to the\n        // console.error above (an HTML error page must not be handed to Turbo).\n        if ((response.headers.get(\"Content-Type\") || \"\").includes(\"turbo-stream\")) {\n          const fresh = this.#extractToken(errorBody)\n          this.#currentToken = fresh ?? this.#currentToken\n          if (debug) this.#debugRecordBody(debug, errorBody, fresh)\n          window.Turbo.renderStreamMessage(errorBody)\n        }\n        this.#markError(\"http\")\n        this.#emitError(action, params, allParams, { kind: \"http\", status: response.status, body: errorBody })\n        return\n      }\n\n      const contentType = response.headers.get(\"Content-Type\") || \"\"\n      if (!contentType.includes(\"turbo-stream\")) {\n        console.error(`[phlex-reactive] expected a turbo-stream, got \"${contentType}\" — no update applied`)\n        this.#revertOptimistic(inverse)\n        this.#markError(\"content-type\")\n        this.#emitError(action, params, allParams, { kind: \"content-type\", status: response.status })\n        return\n      }\n\n      const html = await response.text()\n      // Capture the new token from the response synchronously, so the next\n      // queued request uses it without waiting for the async DOM morph.\n      const fresh = this.#extractToken(html)\n      this.#currentToken = fresh ?? this.#currentToken\n      // Debug (issue #108): record the stream actions/targets + whether a refresh\n      // arrived, from the body we JUST read (reuse — no second text() read). Never\n      // the token or template contents.\n      if (debug) this.#debugRecordBody(debug, html, fresh)\n      // Turbo applies the <turbo-stream> ops by id. A plain replace is an\n      // outerHTML swap (focus on the replaced subtree is lost); a method=\"morph\"\n      // replace (Response.morph) or an update morphs in place, preserving the\n      // focused input + caret on unchanged nodes — see issue #28.\n      window.Turbo.renderStreamMessage(html)\n      // Debug-only (issue #181): the morph may apply a microtask later, so check\n      // the resurrected-hide case AFTER it lands. Off the debug path, resurrect is\n      // null — zero cost.\n      if (resurrect) queueMicrotask(resurrect)\n      // A successful apply CLEARS any prior failure marker (issue #100), so\n      // error-driven CSS on the root (a red border, a shake) resets on recovery.\n      this.#clearError()\n      // Lifecycle hook (issue #79): the streams were HANDED TO Turbo — a\n      // renderStreamMessage applies asynchronously, so the DOM mutation may\n      // complete a tick later. Apps needing post-morph timing listen to Turbo's\n      // own events; this one is for \"the action round trip succeeded\".\n      this.#emit(\"reactive:applied\", { action, params: allParams, html })\n    } catch (error) {\n      // The server already processed this action successfully (we're past the\n      // fetch) — a throw here is a CLIENT-side apply failure (a malformed\n      // response, a broken Turbo render — NOT a reactive:applied listener\n      // throw, which dispatchEvent never propagates here), not a transport\n      // failure. kind: \"apply\" carries NO retry() — retrying would re-POST an\n      // action the server already completed.\n      console.error(\"[phlex-reactive] action error\", error)\n      this.#revertOptimistic(inverse)\n      this.#emit(\"reactive:error\", { action, params: allParams, kind: \"apply\" })\n    } finally {\n      // Settle the loading state (issue #99): decrement the pending counter,\n      // drop the trigger's/root's busy tokens, restore disabled/text/class —\n      // guarded so a morph-replaced trigger is never clobbered. Runs on EVERY\n      // exit (success, every failure branch, or an apply throw).\n      settle?.()\n      // Debug (issue #108): emit the group here so EVERY exit path logs exactly\n      // once — success, any transport/response failure, or an apply throw. Null\n      // when debug is off (zero cost). The round-trip ms is measured now, at the\n      // finally, so it spans the whole #perform (fetch + apply) regardless of exit.\n      if (debug) this.#logDispatch({ ...debug, ms: this.#debugNow() - debug.started })\n    }\n  }\n\n  // Debug (issue #108): fold the response body #perform already read into the\n  // trace — the stream action/target pairs and whether a token refresh arrived\n  // (a boolean; the token VALUE is intentionally not stored). Shared by the\n  // success and the non-OK-turbo-stream branches so both log the same shape.\n  #debugRecordBody(debug, body, freshToken) {\n    debug.streams = this.#debugStreams(body)\n    debug.tokenRefreshed = freshToken != null\n  }\n\n  get #currentToken() {\n    return this.#tokenCache ?? this.tokenValue\n  }\n\n  set #currentToken(value) {\n    this.#tokenCache = value\n  }\n\n  // Read the next token for THIS controller — the one that re-renders THIS\n  // element's id, never just the first token in the body (issue #46). On a\n  // collection of REACTIVE rows the prepended/appended ROW carries its OWN\n  // data-reactive-token-value and it sorts FIRST in the response; the list's own\n  // fresh token rides a trailing `reactive:token` stream targeting the container.\n  // Grabbing the first match stored the ROW's token, so the list's SECOND\n  // dispatch sent a row token → failed verification → add-once-only. This mirrors\n  // the server's carries_token_for? (#44): a stream carries OUR token only when it\n  // RE-RENDERS our id (reactive:token / replace / update of `this.element.id`) —\n  // append/prepend insert children and never count. Returns undefined when no\n  // stream re-renders our id, so #currentToken keeps its existing value.\n  #extractToken(html) {\n    const id = this.element.id\n    if (!id) {\n      // No id to self-match (shouldn't happen for a reactive root). Fall back to\n      // the legacy first-token behavior so a single-component response still works.\n      return html.match(/data-reactive-token-value=\"([^\"]+)\"/)?.[1]\n    }\n\n    const { token, self } = this.#tokenRegexes(id)\n\n    // The dedicated token-only refresh for THIS element (partial updates / the\n    // collection container) — an attribute on the <turbo-stream> itself.\n    const tokenStream = html.match(token)\n    if (tokenStream) return tokenStream[1]\n\n    // A full self re-render: a replace/update of THIS element whose template root\n    // carries the fresh token. Scope the token search to that one stream so a\n    // sibling/child token elsewhere in the body can't leak in.\n    const selfStream = html.match(self)\n    if (selfStream) return selfStream[1].match(/data-reactive-token-value=\"([^\"]+)\"/)?.[1]\n\n    // Nothing re-rendered our id — keep the current token.\n    return undefined\n  }\n\n  // The two per-id RegExps #extractToken uses to self-match this element's next\n  // token (issue #118). `this.element.id` is page-stable, so these are compiled\n  // ONCE and reused across every response — instead of allocating two fresh\n  // RegExps per round trip. The memo is KEYED ON THE ID and rebuilt when it\n  // changes: a re-render that re-identifies the root must scan for the NEW target,\n  // never the stale one (or the token would freeze — see the id-change bun test).\n  // The PATTERNS are byte-identical to the pre-memo inline literals; only their\n  // allocation moved.\n  #tokenRegexes(id) {\n    const cache = this.#tokenRegexCache\n    if (cache && cache.id === id) return cache\n    const escaped = escapeRegExp(id)\n    return (this.#tokenRegexCache = {\n      id,\n      token: new RegExp(\n        `<turbo-stream\\\\b[^>]*\\\\baction=\"reactive:token\"[^>]*\\\\btarget=\"${escaped}\"[^>]*\\\\bdata-reactive-token-value=\"([^\"]+)\"`,\n      ),\n      self: new RegExp(\n        `<turbo-stream\\\\b[^>]*\\\\baction=\"(?:replace|update)\"[^>]*\\\\btarget=\"${escaped}\"[^>]*>([\\\\s\\\\S]*?)</turbo-stream>`,\n      ),\n    })\n  }\n\n  // True when `el` is collected by THIS reactive root and not by a nested one.\n  // A reactive component can be rendered inside another (both are\n  // data-controller=\"reactive\" roots). querySelectorAll() descends into nested\n  // roots, so without this guard an outer action would sweep the inner roots'\n  // inputs into its own params (issue #15). An element belongs to this root iff\n  // its nearest [data-controller~=\"reactive\"] ancestor is this.element.\n  #ownsField(el) {\n    return el.closest('[data-controller~=\"reactive\"]') === this.element\n  }\n\n  // A per-op ownership PREDICATE — the issue #117 fast path over issue #15\n  // scoping. #ownsField answers \"is this element mine, not a nested reactive\n  // root's\" with a per-element closest() walk; on a wide form or every keystroke\n  // that walk runs per matched field. This hoists the DECISION to once per op.\n  //\n  // HYBRID GATE — closest() stays the source of truth; the nested-root query only\n  // decides whether the fast path is SAFE:\n  //   * Fast path (overwhelmingly common): this root contains NO nested reactive\n  //     roots, so every element the caller's querySelectorAll returned is already\n  //     a direct descendant of this.element with no intervening reactive root —\n  //     it is ours. Return a constant-true predicate and skip the per-field\n  //     closest() walk entirely. That is the whole win.\n  //   * Nested case: fall back to the UNCHANGED #ownsField closest() check, so\n  //     scoping is byte-identical to before. We deliberately do NOT use\n  //     contains() here — the closest() form needs no node to implement\n  //     contains(), and on a real DOM the two agree for a descendant of\n  //     this.element (el.closest('[data-controller~=\"reactive\"]') === this.element\n  //     iff no nested reactive-root descendant contains el).\n  //\n  // Computed ONCE per dispatch-scoped op (per #collectFields call, per recompute,\n  // per #listnavOptions) and NEVER stored on the instance — a morph replaces\n  // nodes, so a cached predicate would close over stale roots.\n  #ownershipFilter() {\n    const nested = this.element.querySelectorAll('[data-controller~=\"reactive\"]')\n    if (nested.length === 0) return () => true\n    return (el) => this.#ownsField(el)\n  }\n\n  // Resolve the effective confirm message (issue #179). A plain string is the\n  // static #52 form (always shown). A confirmWhen JSON payload is the CONDITIONAL\n  // form — evaluated over the SAME collected fields reactive_compute reads — and\n  // returns the message ONLY when it fires, else null (proceed, no dialog):\n  //   { groups, message }    — the reactive_show conditions fold (anyOfAllsMatches)\n  //   { predicate, message } — a registered fn (setConfirmPredicate) over the fields\n  // A missing predicate warns and returns null (PROCEED without a dialog) — the\n  // compute unknown-reducer posture. This is soft-validation UX; the endpoint's\n  // authorize/default-deny is the real gate, so failing OPEN here never grants\n  // anything the server wouldn't already allow.\n  #effectiveConfirmMessage(confirm, confirmWhen) {\n    if (confirm) return confirm\n    if (!confirmWhen) return null\n\n    // Stimulus auto-parses a JSON-object -param value, so confirmWhen usually\n    // arrives ALREADY parsed. Accept an object as-is; parse a string defensively\n    // (a hand-built attr, or a non-Stimulus caller). A malformed string warns and\n    // proceeds without a dialog (default-deny UX — the server is the real gate).\n    let payload = confirmWhen\n    if (typeof confirmWhen === \"string\") {\n      try {\n        payload = JSON.parse(confirmWhen)\n      } catch {\n        console.warn(`[phlex-reactive] malformed conditional confirm payload ${JSON.stringify(confirmWhen)} — skipped`)\n        return null\n      }\n    }\n    if (!payload || typeof payload !== \"object\") return null\n\n    const { fields } = this.#collectFields()\n    const fieldValue = (name) => fields[name]\n\n    let fires\n    if (typeof payload.predicate === \"string\") {\n      const fn = confirmPredicate(payload.predicate)\n      if (!fn) {\n        console.warn(`[phlex-reactive] confirm predicate \"${payload.predicate}\" is not registered — proceeding without a dialog (register it with setConfirmPredicate)`)\n        return null\n      }\n      fires = !!fn(fields)\n    } else {\n      // Declarative: the DNF groups fold, identical to reactive_show — matches → fire.\n      fires = anyOfAllsMatches(payload.groups?.any, fieldValue) === true\n    }\n\n    return fires ? payload.message : null\n  }\n\n  // One walk over THIS root's named controls (not a nested reactive root's),\n  // returning both the scalar `fields` and any chosen `files`. The ownership\n  // predicate is hoisted ONCE (issue #117) via #ownershipFilter — in the common\n  // no-nested-root case it is a constant true, so we skip a closest() walk per\n  // field. A file input's `.value` is the useless \"C:\\fakepath\\…\" string, never a\n  // scalar — so its chosen files are collected separately (honoring `multiple`)\n  // and it adds no phantom blank value (issue #34). An empty `files` keeps the\n  // JSON path.\n  #collectFields() {\n    const fields = {}\n    const files = []\n    const owns = this.#ownershipFilter() // compute ONCE per dispatch (issue #117)\n    this.element.querySelectorAll(\"input[name], select[name], textarea[name]\").forEach((field) => {\n      if (!owns(field)) return\n      if (field.type === \"file\") {\n        // Carry the input's `multiple` flag so #buildFormData keeps the array\n        // shape (params[name][]) even when the user picked exactly one file —\n        // otherwise a [:file] schema would see a lone scalar upload and drop it.\n        for (const file of field.files ?? []) files.push({ name: field.name, file, multiple: field.multiple })\n      } else if (field.type === \"checkbox\") {\n        fields[field.name] = field.checked\n      } else if (field.type === \"radio\") {\n        if (field.checked) fields[field.name] = field.value\n      } else {\n        fields[field.name] = field.value\n      }\n    })\n    // Named rich-text / custom editors (lexxy-editor, trix-editor) and bare\n    // [contenteditable]. These aren't input/select/textarea, so the query above\n    // skips them — without this, a reactive save posts an empty value and\n    // silently wipes the field (issue #8). Read whatever the element exposes:\n    // a custom editor's serialized `.value`, else its contenteditable text.\n    // Only fill a name the standard controls left absent or empty, so a synced\n    // hidden input (e.g. Trix mirrors into one) still wins when populated.\n    this.element\n      .querySelectorAll(\"[name]:is(lexxy-editor, trix-editor, [contenteditable=''], [contenteditable=true], [contenteditable=plaintext-only])\")\n      .forEach((el) => {\n        if (!owns(el)) return // reuse the SAME hoisted predicate (nested reactive root — issue #15)\n        // A plain element (e.g. a <div contenteditable>) has no `name` IDL\n        // property — only the attribute — so read getAttribute, not el.name.\n        const name = el.getAttribute(\"name\")\n        if (!name) return\n        const existing = fields[name]\n        if (existing == null || existing === \"\") {\n          fields[name] = el.value ?? el.textContent ?? el.innerHTML ?? \"\"\n        }\n      })\n    return { fields, files }\n  }\n\n  // Re-compute the dirty flag for EVERY field this root owns in one pass (issue\n  // #103), then reflect the total onto the root. Called on an owned field's input\n  // (trackDirty), on connect (baseline seed), and after a turbo:morph-element\n  // re-render (fresh default* attrs). dirty = current ≠ the DOM's own default:\n  //   checkbox/radio → checked  !== defaultChecked\n  //   select         → some option.selected !== option.defaultSelected\n  //   else           → value    !== defaultValue\n  // A full pass (not per-target) is REQUIRED: a radio group's previously-checked\n  // radio flips to checked=false with NO input event, so per-target toggling\n  // would leave its flag stale. File inputs are skipped — a file has no server\n  // default baseline. Per-dirty-field data-reactive-dirty=\"true\" (\"true\" STRING,\n  // not a valueless boolean attr — mirrors the on() flag convention); the root\n  // carries data-reactive-dirty=\"<count>\" and DROPS the attr at zero, so\n  // `[data-reactive-dirty]` styles the whole form and `[data-reactive-dirty]`\n  // on a field styles just the changed control — both pure CSS, zero JS.\n  #scanDirty() {\n    // Runs at bootstrap (the connect baseline seed) as well as on input/morph, so\n    // it must never throw — degrade to a no-op if the root can't be queried (a real\n    // reactive root always can; this guards minimal/test element stubs).\n    if (typeof this.element?.querySelectorAll !== \"function\") return\n\n    let count = 0\n    this.element.querySelectorAll(\"input[name], select[name], textarea[name]\").forEach((field) => {\n      if (!this.#ownsField(field)) return // skip a nested reactive root's fields (issue #15)\n      if (field.type === \"file\") return // no server default baseline to diff against\n\n      if (this.#fieldDirty(field)) {\n        field.setAttribute(\"data-reactive-dirty\", \"true\")\n        count++\n      } else {\n        field.removeAttribute(\"data-reactive-dirty\")\n      }\n    })\n\n    if (count > 0) this.element.setAttribute(\"data-reactive-dirty\", String(count))\n    else this.element.removeAttribute(\"data-reactive-dirty\")\n  }\n\n  // Whether a single owned control differs from its server-rendered default.\n  #fieldDirty(field) {\n    if (field.type === \"checkbox\" || field.type === \"radio\") {\n      return field.checked !== field.defaultChecked\n    }\n    if (field.tag === \"select\" || field.options) {\n      // Any option whose selected state diverges from its defaultSelected. Guard\n      // for a stub/absent options list (degrade to clean).\n      return Array.from(field.options ?? []).some((o) => o.selected !== o.defaultSelected)\n    }\n    return field.value !== field.defaultValue\n  }\n\n  // The live dirty-field count, re-derived from the DOM (never a cached snapshot)\n  // — the source of truth for the warn_unsaved guard's gate.\n  #dirtyCount() {\n    const raw = this.element.getAttribute?.(\"data-reactive-dirty\")\n    const n = Number(raw)\n    return Number.isFinite(n) && n > 0 ? n : 0\n  }\n\n  // Arm the navigate-away guard (warn_unsaved: true, issue #103). beforeunload\n  // blocks a real browser unload; turbo:before-visit blocks a Turbo in-app\n  // navigation (it does NOT fire on restoration visits — the documented gap).\n  // Both read the LIVE dirty count, so a clean form never blocks. Handlers are\n  // stored so disconnect() removes exactly them.\n  #armUnsavedGuard() {\n    if (typeof window === \"undefined\" || typeof window.addEventListener !== \"function\") return\n\n    this.#boundBeforeUnload = (event) => {\n      if (this.#dirtyCount() === 0) return undefined\n      // The spec dance: preventDefault + a truthy returnValue triggers the native\n      // \"leave site?\" prompt. The string is legacy (modern browsers show their own\n      // copy) but must be non-empty/truthy to arm the dialog.\n      event.preventDefault()\n      event.returnValue = \"You have unsaved changes.\"\n      return event.returnValue\n    }\n    this.#boundBeforeVisit = (event) => {\n      if (this.#dirtyCount() === 0) return\n      const ok = typeof window.confirm === \"function\" ? window.confirm(\"You have unsaved changes. Leave anyway?\") : true\n      if (!ok) event.preventDefault?.()\n    }\n\n    window.addEventListener(\"beforeunload\", this.#boundBeforeUnload)\n    window.addEventListener(\"turbo:before-visit\", this.#boundBeforeVisit)\n  }\n\n  // Remove the dirty-tracking listeners on disconnect (Turbo morph/navigation) so\n  // a morph re-scan or a navigate-away guard never runs against a detached root.\n  #teardownDirtyTracking() {\n    if (this.#boundScanDirty) {\n      this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundScanDirty)\n      this.#boundScanDirty = undefined\n    }\n    if (typeof window !== \"undefined\" && typeof window.removeEventListener === \"function\") {\n      if (this.#boundBeforeUnload) window.removeEventListener(\"beforeunload\", this.#boundBeforeUnload)\n      if (this.#boundBeforeVisit) window.removeEventListener(\"turbo:before-visit\", this.#boundBeforeVisit)\n    }\n    this.#boundBeforeUnload = undefined\n    this.#boundBeforeVisit = undefined\n  }\n\n  // Whether this root owns a show binding (issue #161) or declares cross-root\n  // show targets (issue #164) — the connect() gate, so a component with\n  // neither pays only this probe (the #dirtyTrackingEnabled precedent). A\n  // NESTED root's bindings don't count: its own controller instance syncs them\n  // (issue #15 ownership). The targets attr is checked FIRST — one\n  // getAttribute, cheaper than the binding walk.\n  #showSyncEnabled() {\n    if (this.element.getAttribute?.(\"data-reactive-show-targets\")) return true\n    // Single-field bindings carry -field; compound all:/any: bindings (issue\n    // #176) carry data-reactive-show and have NO single controlling field, so\n    // both selectors gate the sync.\n    const nodes = this.element.querySelectorAll?.(SHOW_BINDING_SELECTOR) ?? []\n    for (const el of nodes) if (this.#ownsField(el)) return true\n    return false\n  }\n\n  // Re-evaluate every OWNED show binding in one pass (issue #161): read the\n  // controlling field's current value, evaluate the declared literal predicate,\n  // toggle `hidden`. A full pass (not per-target) for the same reason as\n  // #scanDirty — a radio group's deselected radio fires no event — and because\n  // several bindings can hang off one field (the value read is memoized per\n  // pass). A binding whose field can't be resolved, or whose predicate is\n  // malformed, leaves visibility ALONE — a bad binding must never break or\n  // blank the page (client-side default-deny).\n  #syncShow() {\n    if (typeof this.element?.querySelectorAll !== \"function\") return\n\n    const owns = this.#ownershipFilter()\n    const scope = this.element.getAttribute?.(\"data-reactive-scope\") || null\n    const values = new Map()\n    // A memoized resolver shared by every binding in this pass — a field driving\n    // several bindings (and several DNF terms) reads exactly once. Scope-aware:\n    // a bare field `director` resolves as `[name=\"scope[director]\"]` (issue #180).\n    const fieldValue = (name) => {\n      if (!values.has(name)) values.set(name, this.#showFieldValue(name, owns, scope))\n      return values.get(name)\n    }\n    for (const el of this.element.querySelectorAll(SHOW_BINDING_SELECTOR)) {\n      if (!owns(el)) continue // a nested root's binding is its own controller's job\n\n      // The 0.10 DNF payload (issue #180): data-reactive-show carries\n      // { any: [ [term,…], … ] }. The legacy flat-attr and 0.9.5-compound read\n      // arms live in showPayloadMatches/showBindingMatches for deploy overlap.\n      const payloadRaw = el.getAttribute(\"data-reactive-show\")\n      if (payloadRaw !== null) {\n        const match = showPayloadMatches(parseShowCompound(payloadRaw), fieldValue)\n        if (match !== null) this.#applyShowVisibility(el, match, owns, scope)\n        continue\n      }\n\n      // LEGACY flat-attr binding (pre-0.10, deploy overlap — removed in 0.11).\n      const name = el.getAttribute(\"data-reactive-show-field\")\n      if (!name) continue\n      const value = fieldValue(name)\n      if (value === null) continue // no owned field with that name — leave it be\n      const match = showBindingMatches(el, value)\n      if (match === null) continue // malformed predicate — warned + skipped\n      this.#applyShowVisibility(el, match, owns, scope)\n    }\n\n    // The cross-root pass (issue #164) shares the same owned-field memo, so a\n    // field driving both an owned binding and an outside target reads once.\n    this.#syncShowTargets(fieldValue)\n  }\n\n  // Toggle `hidden` (and, when the binding declares data-reactive-show-disable,\n  // the `disabled` of every owned named control inside it) from a match result\n  // (issue #180). Disabling a hidden section's controls stops them submitting —\n  // the stale-value fix. A visible section re-enables them. Controls a nested\n  // reactive root owns are left alone (#15 ownership).\n  #applyShowVisibility(el, match, owns, scope) {\n    el.hidden = !match\n    if (el.getAttribute(\"data-reactive-show-disable\") !== \"true\") return\n    if (typeof el.querySelectorAll !== \"function\") return\n    for (const control of el.querySelectorAll(\"input[name], select[name], textarea[name]\")) {\n      if (owns(control)) control.disabled = !match\n    }\n    // The element itself may be a named control (a bare field with a binding).\n    if (el.name && owns(el)) el.disabled = !match\n  }\n\n  // Apply the declared cross-root show targets (issue #164) — the visibility\n  // parallel of #applyComputeMirrors. For each declared field: read the OWNED\n  // field's current value (never a nested root's — you can only drive outside\n  // visibility from a field this root owns), then for each \"#id\" → predicate\n  // entry: guard the selector id-only (warn-and-skip; the Ruby helper raised\n  // at declare time — two-sided default-deny), resolve it DOCUMENT-WIDE, and\n  // toggle `hidden`. A target id not on the page is silently skipped (an\n  // unrendered tab pane is normal); a malformed predicate warn-skips its one\n  // target while siblings still apply. With no map declared this is one\n  // getAttribute and out.\n  //\n  // A \"#id\" KEY (issue #209) is a TARGET-KEYED entry instead: its value is the\n  // same DNF payload data-reactive-show holds, folded with per-term owned-field\n  // reads — the multi-field cross-root case. The \"#\" prefix routes unambiguously\n  // (a field name may never start with \"#\"; the Ruby helper raises).\n  #syncShowTargets(fieldValue) {\n    const map = this.#parseShowTargets()\n    for (const [name, targets] of Object.entries(map)) {\n      if (name.startsWith(\"#\")) {\n        this.#applyConditionsTarget(name, targets, fieldValue)\n        continue\n      }\n      if (!targets || typeof targets !== \"object\" || Array.isArray(targets)) continue\n      const value = fieldValue(name)\n      if (value === null) continue // no owned field with that name — leave them be\n      // Every target's terms share this one field, so a constant resolver folds\n      // the group (issue #180): a target's value is a DNF GROUP (terms ANDed).\n      const resolve = () => value\n      for (const [selector, group] of Object.entries(targets)) {\n        if (!guardShowTargetSelector(selector)) continue\n        // 0.10 wire: the value is a DNF GROUP (an array of terms, ANDed).\n        // LEGACY (0.9.5, deploy overlap — DELETE in 0.11): a flat predicate\n        // OBJECT ({ equals/not/in/gte… }) routed through showPredicateMatches.\n        let match\n        if (Array.isArray(group)) {\n          if (group.length === 0) {\n            console.warn(`[phlex-reactive] malformed reactive_show_targets group for ${selector} — skipped`)\n            continue\n          }\n          match = group.every((term) => dnfTermMatches(term, resolve))\n        } else {\n          const legacy = showPredicateMatches(group, value)\n          if (legacy === null) {\n            console.warn(`[phlex-reactive] malformed reactive_show_targets predicate for ${selector} — skipped`)\n            continue\n          }\n          match = legacy\n        }\n        for (const node of document.querySelectorAll(selector)) node.hidden = !match\n      }\n    }\n  }\n\n  // Apply ONE target-keyed conditions entry (issue #209): \"#id\" → the DNF\n  // payload { any: [[term,…],…] }, folded by the SAME anyOfAllsMatches as an\n  // in-root reactive_show — each term reads its OWN owned field, a missing\n  // owned field reads as blank (fail-closed, the shared-fixture contract). A\n  // target whose referenced fields are ALL unowned is left alone — the\n  // single-field skip generalized (this root has nothing to evaluate with). A\n  // malformed payload warn-skips its one target while siblings still apply;\n  // the selector guard is the same id-only allowlist as every cross-root arm.\n  #applyConditionsTarget(selector, payload, fieldValue) {\n    if (!guardShowTargetSelector(selector)) return\n    const groups = payload && typeof payload === \"object\" && !Array.isArray(payload) ? payload.any : null\n    const fields = dnfGroupFields(groups)\n    if (fields === null) {\n      console.warn(`[phlex-reactive] malformed reactive_show_targets conditions for ${selector} — skipped`)\n      return\n    }\n    if (fields.every((name) => fieldValue(name) === null)) return // no owned field — leave it be\n    const match = anyOfAllsMatches(groups, fieldValue)\n    if (match === null) return // unreachable after dnfGroupFields, kept fail-closed\n    for (const node of document.querySelectorAll(selector)) node.hidden = !match\n  }\n\n  // The declared cross-root show-target map (issue #164): a JSON object of\n  // { field: { \"#id\": predicate } } from data-reactive-show-targets (emitted\n  // by reactive_show_targets on the root). Absent degrades to {}; malformed\n  // degrades to {} WITH a warn — never a throw (the #parseComputeMirror\n  // contract), but never silent either: the likeliest cause is TWO\n  // reactive_show_targets calls on one root, whose JSON strings Phlex `mix`\n  // space-joined into an unparseable attr. The warn names the fix.\n  #parseShowTargets() {\n    const raw = this.element.getAttribute?.(\"data-reactive-show-targets\")\n    if (!raw) return {}\n    try {\n      const parsed = JSON.parse(raw)\n      if (parsed && typeof parsed === \"object\" && !Array.isArray(parsed)) return parsed\n    } catch {\n      // fall through to the shared warn below\n    }\n    console.warn(\n      \"[phlex-reactive] malformed data-reactive-show-targets — ignored. \" +\n        \"Did two reactive_show_targets calls collide on one root? Declare every field in ONE call: \" +\n        \"reactive_show_targets(mode: { ... }, kind: { ... })\"\n    )\n    return {}\n  }\n\n  // The current value of the OWNED field controlling a show binding, as the\n  // string the literal predicate compares against. Mirrors #collectFields'\n  // per-kind reads: a checkbox reports its checked state (\"true\"/\"false\" — its\n  // .value is the constant \"on\", and the checkbox wins over the hidden input\n  // Rails pairs with it); a radio group reports the CHECKED radio's value (\"\"\n  // when none is); anything else reports .value first-wins. Returns null when\n  // no owned field carries the name — the caller then leaves visibility alone.\n  #showFieldValue(name, owns, scope) {\n    // Scope (issue #180): a bare field `director` under `data-reactive-scope=\n    // \"form\"` resolves as `[name=\"form[director]\"]`. A name already carrying a\n    // bracket (a raw wire name the author passed) is used verbatim.\n    const domName = scope && !name.includes(\"[\") ? `${scope}[${name}]` : name\n    let sawRadio = false\n    let first = null\n    for (const el of this.element.querySelectorAll(`[name=\"${domName}\"]`)) {\n      if (!owns(el)) continue\n      if (el.type === \"checkbox\") return el.checked ? \"true\" : \"false\"\n      if (el.type === \"radio\") {\n        if (el.checked) return el.value ?? \"\"\n        sawRadio = true\n        continue\n      }\n      first ??= el\n    }\n    if (first) return first.value ?? \"\"\n    return sawRadio ? \"\" : null\n  }\n\n  // Remove the show-sync listeners on disconnect, so a stray event after a\n  // Turbo morph/navigation never re-evaluates against a detached root.\n  #teardownShowSync() {\n    if (!this.#boundSyncShow) return\n    this.element.removeEventListener?.(\"input\", this.#boundSyncShow)\n    this.element.removeEventListener?.(\"change\", this.#boundSyncShow)\n    this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundSyncShow)\n    this.#boundSyncShow = undefined\n  }\n\n  // Whether this root declares an option filter (issue #163) — the connect()\n  // gate. reactive_filter always emits input + option together, so requiring\n  // BOTH also default-denies a half-built hand-authored binding.\n  #filterEnabled() {\n    return !!(\n      this.element.getAttribute?.(\"data-reactive-filter-input\") &&\n      this.element.getAttribute?.(\"data-reactive-filter-option\")\n    )\n  }\n\n  // Whether this root opts into the connect-time compute seed (issue #199).\n  // reactive_compute's root binding emits data-reactive-compute-seed=\"true\"; a\n  // root without a compute binding (or with the seed opted out) pays one\n  // attribute read and never seeds. A quick read, evaluated once per connect.\n  #computeSeedEnabled() {\n    return this.element.getAttribute?.(\"data-reactive-compute-seed\") === \"true\"\n  }\n\n  // Whether a delegated input event came from the NAMED filter input (issue\n  // #163). Anything else — another field's keystroke, a target without\n  // matches() — skips the filter pass (the morph re-sync path bypasses this).\n  #filterInputEvent(event) {\n    const selector = this.element.getAttribute(\"data-reactive-filter-input\")\n    return !!selector && typeof event.target?.matches === \"function\" && event.target.matches(selector)\n  }\n\n  // Re-apply the filter in one pass (issue #163): lowercase the named input's\n  // current value, toggle `hidden` on every OWNED option by a substring match\n  // against its haystack (data-reactive-filter-text, falling back to the\n  // option's own text), collapse any group whose every contained option is\n  // hidden, and reveal the empty target at 0 visible. A filtered-out option\n  // also loses its listnav highlight so Enter can never pick an invisible row.\n  // No owned input → leave visibility ALONE — a binding that can't resolve\n  // must never break or blank the page (client-side default-deny). All\n  // selectors resolve within this root, skipping nested reactive roots'\n  // elements (issue #15 ownership; the predicate is hoisted once per pass).\n  #syncFilter() {\n    if (typeof this.element?.querySelectorAll !== \"function\") return\n    const inputSelector = this.element.getAttribute(\"data-reactive-filter-input\")\n    const optionSelector = this.element.getAttribute(\"data-reactive-filter-option\")\n    if (!inputSelector || !optionSelector) return\n\n    const owns = this.#ownershipFilter()\n    const input = [...this.element.querySelectorAll(inputSelector)].find(owns)\n    if (!input) return\n\n    const query = (input.value ?? \"\").trim().toLowerCase()\n    let visible = 0\n    for (const el of this.element.querySelectorAll(optionSelector)) {\n      if (!owns(el)) continue // a nested root's option is its own controller's job\n      const haystack = (el.getAttribute(\"data-reactive-filter-text\") ?? el.textContent ?? \"\").toLowerCase()\n      // An option whose tag is already selected (reactive_tags, issue #203)\n      // stays hidden through every re-filter — clearing the query must not\n      // resurface an already-added tag.\n      const hidden =\n        el.hasAttribute?.(\"data-reactive-tags-selected\") || (query !== \"\" && !haystack.includes(query))\n      el.hidden = hidden\n      if (hidden) el.removeAttribute(\"data-reactive-highlighted\")\n      else visible++\n    }\n\n    const groupSelector = this.element.getAttribute(\"data-reactive-filter-group\")\n    if (groupSelector) {\n      for (const group of this.element.querySelectorAll(groupSelector)) {\n        if (!owns(group)) continue\n        const contained = [...group.querySelectorAll(optionSelector)].filter(owns)\n        // A group with no options isn't this filter's to decide — server state\n        // stands (it may be a header the app toggles by other means).\n        if (contained.length === 0) continue\n        group.hidden = contained.every((el) => el.hidden)\n      }\n    }\n\n    const emptySelector = this.element.getAttribute(\"data-reactive-filter-empty\")\n    if (emptySelector) {\n      for (const el of this.element.querySelectorAll(emptySelector)) {\n        if (owns(el)) el.hidden = visible > 0\n      }\n    }\n  }\n\n  // Remove the filter-sync listeners on disconnect, so a stray event after a\n  // Turbo morph/navigation never re-filters against a detached root.\n  #teardownFilterSync() {\n    if (!this.#boundSyncFilter) return\n    this.element.removeEventListener?.(\"input\", this.#boundSyncFilter)\n    this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundSyncFilter)\n    this.#boundSyncFilter = undefined\n  }\n\n  // Whether this root declares a tag-chip binding (issue #203) — the connect()\n  // gate and every tags action's first check (an action bound without the root\n  // binding is default-denied, the filter posture).\n  #tagsEnabled() {\n    return !!this.element.getAttribute?.(\"data-reactive-tags-field\")\n  }\n\n  // Whether this root owns at least one JSON-mode nested list (issue #208) —\n  // the connect() gate. A cheap descendant probe: a form without one wires no\n  // input/change listeners. Ownership is re-checked per sync, so a stray match\n  // in a nested reactive root here is harmless (it just arms the listeners).\n  #nestedJsonEnabled() {\n    if (typeof this.element?.querySelector !== \"function\") return false\n    return !!this.element.querySelector(\"[data-reactive-nested-json]\")\n  }\n\n  // The hidden input storing the comma-joined value, resolved fresh per use\n  // (a morph replaces nodes — never cache it) and OWNED by this root (issue\n  // #15). null when the selector resolves nothing — every caller then no-ops:\n  // a binding that can't resolve must never break the page.\n  #tagsField() {\n    if (typeof this.element?.querySelectorAll !== \"function\") return null\n    const selector = this.element.getAttribute(\"data-reactive-tags-field\")\n    if (!selector) return null\n    const owns = this.#ownershipFilter()\n    return [...this.element.querySelectorAll(selector)].find(owns) ?? null\n  }\n\n  // Parse the field's comma-joined value into the canonical tag list: split,\n  // trim, drop blanks, dedupe case-insensitively KEEPING the first casing (the\n  // server may have stored a ragged value — the projection normalizes without\n  // rewriting the field, so we never fight server truth).\n  #tagsRead(field) {\n    const seen = new Set()\n    const tags = []\n    for (const part of String(field.value ?? \"\").split(\",\")) {\n      const tag = part.trim()\n      if (tag === \"\" || seen.has(tag.toLowerCase())) continue\n      seen.add(tag.toLowerCase())\n      tags.push(tag)\n    }\n    return tags\n  }\n\n  // Append any NEW tags (trimmed, non-blank, not already present under the\n  // case-insensitive dedupe) and write the field once. Returns whether\n  // anything was actually added — callers only clear the query input then.\n  #tagsAddValues(values) {\n    const field = this.#tagsField()\n    if (!field) return false\n\n    const tags = this.#tagsRead(field)\n    const seen = new Set(tags.map((tag) => tag.toLowerCase()))\n    let added = false\n    for (const value of values) {\n      const tag = String(value ?? \"\").trim()\n      if (tag === \"\" || seen.has(tag.toLowerCase())) continue\n      seen.add(tag.toLowerCase())\n      tags.push(tag)\n      added = true\n    }\n    if (added) this.#tagsWrite(field, tags)\n    return added\n  }\n\n  // The ONE writer: join, store, dispatch a real bubbling `input` on the field\n  // (the set-value + dispatch contract, issue #183 — dirty tracking,\n  // reactive_show, and compute all see the change), then re-project.\n  #tagsWrite(field, tags) {\n    field.value = tags.join(\",\")\n    if (typeof field.dispatchEvent === \"function\") {\n      field.dispatchEvent(new Event(\"input\", { bubbles: true }))\n    }\n    this.#syncTags()\n  }\n\n  // The query input the tags widget resets after a pick — the SAME input that\n  // drives reactive_filter (a tags widget without filtering has none; the\n  // caller then skips the reset).\n  #tagsQueryInput() {\n    if (typeof this.element?.querySelectorAll !== \"function\") return null\n    const selector = this.element.getAttribute(\"data-reactive-filter-input\")\n    if (!selector) return null\n    const owns = this.#ownershipFilter()\n    return [...this.element.querySelectorAll(selector)].find(owns) ?? null\n  }\n\n  // Re-project the hidden field into the DOM (issue #203): rebuild the chip\n  // list from the <template> and mark/hide the options whose tag is already\n  // selected. The field is the single source of truth — this never writes it.\n  #syncTags() {\n    const field = this.#tagsField()\n    if (!field) return\n    const tags = this.#tagsRead(field)\n    const owns = this.#ownershipFilter()\n    this.#tagsRenderChips(tags, owns)\n    this.#tagsMarkOptions(tags, owns)\n  }\n\n  // Rebuild the chip list: clear the container and clone one chip per tag from\n  // the server-owned template. The tag lands in the clone's\n  // [data-reactive-tag-text] node via textContent (XSS-safe by construction —\n  // never innerHTML, the reactive_text posture), and every tagsRemove trigger\n  // in the clone gets the tag as its param. A missing list is a chip-less\n  // widget (fine — the value still maintains); a missing/empty template warns\n  // ONCE (a half-built binding should be loud, but never per-keystroke).\n  #tagsRenderChips(tags, owns) {\n    const list = [...this.element.querySelectorAll(\"[data-reactive-tags-list]\")].find(owns)\n    if (!list) return\n\n    const template = [...this.element.querySelectorAll(\"[data-reactive-tags-template]\")].find(owns)\n    const chipProto = template?.content?.firstElementChild\n    if (!chipProto) {\n      if (!this.#tagsWarnedTemplate) {\n        console.warn(\n          \"[phlex-reactive] reactive_tags: no chip <template data-reactive-tags-template> found in this root — \" +\n            \"chips will not render (the hidden field still updates). Add a template with a \" +\n            \"[data-reactive-tag-text] node and a reactive_tags_remove button.\"\n        )\n        this.#tagsWarnedTemplate = true\n      }\n      return\n    }\n\n    while (list.firstChild) list.removeChild(list.firstChild)\n    for (const tag of tags) {\n      const chip = chipProto.cloneNode(true)\n      chip.setAttribute?.(\"data-reactive-tag\", tag)\n      const sink = chip.matches?.(\"[data-reactive-tag-text]\")\n        ? chip\n        : (chip.querySelectorAll?.(\"[data-reactive-tag-text]\") ?? [])[0]\n      if (sink) sink.textContent = tag\n      const removers = [...(chip.querySelectorAll?.('[data-action*=\"reactive#tagsRemove\"]') ?? [])]\n      if (chip.matches?.('[data-action*=\"reactive#tagsRemove\"]')) removers.push(chip)\n      for (const remover of removers) remover.setAttribute?.(\"data-reactive-tag-param\", tag)\n      list.appendChild(chip)\n    }\n  }\n\n  // Hide + mark every owned option whose DECLARED tag is already selected\n  // (data-reactive-tags-selected — #syncFilter keeps it hidden through\n  // re-filters), and resurface an option WE hid when its tag is removed. Only\n  // marker-carrying options are un-hidden — an option hidden by the filter or\n  // the server stays as-is. With a filter bound, one final #syncFilter re-folds\n  // groups/empty against the new selected set.\n  #tagsMarkOptions(tags, owns) {\n    const selected = new Set(tags.map((tag) => tag.toLowerCase()))\n    for (const el of this.element.querySelectorAll(\"[role=option]\")) {\n      if (!owns(el)) continue\n      const tag = el.getAttribute?.(\"data-reactive-tag-param\")\n      if (!tag) continue\n      if (selected.has(tag.toLowerCase())) {\n        el.setAttribute(\"data-reactive-tags-selected\", \"true\")\n        el.hidden = true\n        el.removeAttribute?.(\"data-reactive-highlighted\")\n      } else if (el.hasAttribute?.(\"data-reactive-tags-selected\")) {\n        el.removeAttribute(\"data-reactive-tags-selected\")\n        if (!this.#filterEnabled()) el.hidden = false\n      }\n    }\n    if (this.#filterEnabled()) this.#syncFilter()\n  }\n\n  // A fresh index per nested-row add (issue #208) — strictly monotonic and\n  // clock-seeded, so it can never collide with server-rendered integer indexes\n  // (0..n) NOR with a rapid same-millisecond double add.\n  #nextNestedIndex() {\n    this.#nestedIndex = Math.max(this.#nestedIndex + 1, Date.now())\n    return this.#nestedIndex\n  }\n\n  // Swap every NEW_ROW in the clone's name/id/for for the fresh index, so the\n  // row posts as its own `…_attributes[<index>][field]` group and labels keep\n  // pointing at their (renumbered) inputs.\n  #renumberNestedRow(row, index) {\n    const nodes = [row, ...(row.querySelectorAll?.(\"*\") ?? [])]\n    for (const el of nodes) {\n      for (const attr of [\"name\", \"id\", \"for\"]) {\n        const value = el.getAttribute?.(attr)\n        if (value && value.includes(\"NEW_ROW\")) el.setAttribute?.(attr, value.replaceAll(\"NEW_ROW\", String(index)))\n      }\n    }\n  }\n\n  // A half-built nested-rows binding should be loud, but never per-click.\n  #warnNestedOnce(assoc) {\n    if (this.#nestedWarned) return\n    console.warn(\n      `[phlex-reactive] nested rows: no owned [data-reactive-nested-list=\"${assoc}\"] container + ` +\n        `<template data-reactive-nested-template=\"${assoc}\"> pair found in this root — the add ` +\n        \"trigger did nothing. Render both inside the same reactive root (reactive_nested_list / \" +\n        \"reactive_nested_template).\"\n    )\n    this.#nestedWarned = true\n  }\n\n  // Remove the tags morph listener on disconnect, so a stray morph event after\n  // the element leaves the DOM never re-projects against a detached root.\n  #teardownTagsSync() {\n    if (!this.#boundSyncTags) return\n    this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundSyncTags)\n    this.#boundSyncTags = undefined\n  }\n\n  // Remove the JSON-mode nested-rows listeners on disconnect (issue #208), so a\n  // stray input/change/morph after the element leaves the DOM never re-syncs\n  // against a detached root.\n  #teardownNestedJsonSync() {\n    if (this.#boundSyncNestedJson) {\n      this.element.removeEventListener?.(\"input\", this.#boundSyncNestedJson)\n      this.element.removeEventListener?.(\"change\", this.#boundSyncNestedJson)\n      this.#boundSyncNestedJson = undefined\n    }\n    if (this.#boundSeedNestedJson) {\n      this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundSeedNestedJson)\n      this.#boundSeedNestedJson = undefined\n    }\n  }\n\n  // Remove the compute seed morph listener on disconnect (issue #199), so a\n  // stray turbo:morph-element after the element leaves the DOM never re-seeds\n  // against a detached root.\n  #teardownComputeSeed() {\n    if (!this.#boundSeedCompute) return\n    this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundSeedCompute)\n    this.#boundSeedCompute = undefined\n  }\n\n  // Build the multipart body (issue #34). `token`/`act` are flat fields the\n  // endpoint reads from params[:token]/params[:act]; scalar params nest under\n  // params[<key>] (Rails parses the bracket into params[:params]); each file is\n  // appended under params[<name>] (single) — a second file with the same name\n  // (a `multiple` picker, several inputs sharing a name) is sent as\n  // params[<name>][] so Rails coerces it to an array for a [:file] schema.\n  #buildFormData(token, action, params, files) {\n    const fd = new FormData()\n    fd.append(\"token\", token)\n    fd.append(\"act\", action)\n    for (const [key, value] of Object.entries(params)) {\n      this.#appendField(fd, `params[${key}]`, value)\n    }\n    const multiNames = this.#multiFileNames(files)\n    for (const { name, file, multiple } of files) {\n      // params[name][] when the input is `multiple` (array shape even for one\n      // file) OR the name repeats across inputs; otherwise a lone scalar file.\n      const asArray = multiple || multiNames.has(name)\n      const key = asArray ? `params[${name}][]` : `params[${name}]`\n      fd.append(key, file, file.name)\n    }\n    return fd\n  }\n\n  // Append a param leaf to FormData under its bracketed key. FormData carries\n  // only strings, so a NON-scalar param (a nested object or an array) is\n  // bracket-EXPANDED into params[key][sub] / params[key][index][...] fields —\n  // the SAME Rails-form shape the server's expand_bracket_keys / array_values\n  // already parse, so a JSON body and a multipart body coerce identically\n  // (issue #39). Previously a non-scalar was JSON.stringify'd into one\n  // params[key]='<json>' field, which the server received as an un-decodable\n  // String leaf and DROPPED (nested hash -> {}, array -> key removed).\n  //\n  // Arrays use NUMERIC indices (params[key][0], params[key][1]) — required for\n  // an array-of-hash so each element's sub-keys stay grouped and the server's\n  // index-hash sort rebuilds order; params[key][] would collapse them. A scalar\n  // (string/number/boolean) is one string field, mirroring the JSON wire shape\n  // (the server's :boolean/:integer casts read \"true\"/\"42\"). null/undefined is\n  // an empty field. An EMPTY array/object emits NOTHING — FormData can't carry\n  // []/{}, so the key is omitted and the action's keyword default applies (this\n  // differs from the JSON path, where an explicit [] coerces to an empty array).\n  #appendField(fd, key, value) {\n    if (value == null) {\n      fd.append(key, \"\")\n    } else if (Array.isArray(value)) {\n      value.forEach((element, index) => this.#appendField(fd, `${key}[${index}]`, element))\n    } else if (typeof value === \"object\") {\n      for (const [subKey, subValue] of Object.entries(value)) {\n        this.#appendField(fd, `${key}[${subKey}]`, subValue)\n      }\n    } else {\n      fd.append(key, String(value))\n    }\n  }\n\n  // Names that appear more than once across the chosen files (a `multiple`\n  // picker, or several file inputs sharing a name) — those go to params[name][]\n  // so the server sees an array; a lone file stays params[name].\n  #multiFileNames(files) {\n    const counts = new Map()\n    for (const { name } of files) counts.set(name, (counts.get(name) ?? 0) + 1)\n    return new Set([...counts].filter(([, n]) => n > 1).map(([name]) => name))\n  }\n\n  #parseParams(raw) {\n    if (!raw) return {}\n    try {\n      return typeof raw === \"string\" ? JSON.parse(raw) : raw\n    } catch {\n      return {}\n    }\n  }\n\n  // Stimulus typecasts a JSON param to the parsed array already; a raw string\n  // (hand-built attr, non-typecasting harness) is parsed here. Delegates to the\n  // shared parseOps so the controller and the reactive:js stream action (issue\n  // #97) treat a malformed ops attr identically (→ [], never a throw).\n  #parseOps(raw) {\n    return parseOps(raw)\n  }\n\n  // Interpret a [[name, args], ...] op list against this root (issue #95),\n  // scoping each op's targets to this controller's own root via #opTargets (the\n  // nested-reactive-root ownership filter, issue #15). The whitelist + skip\n  // logic lives in the shared applyOps so runOps and the reactive:js stream\n  // action interpret the SAME vocabulary the SAME way (client-side default-deny).\n  #applyOps(list) {\n    applyOps(list, (args) => this.#opTargets(args))\n  }\n\n  // Resolve an op's targets: \"@root\" is this element; a selector resolves\n  // WITHIN this root and excludes nested reactive roots' subtrees (issue #15\n  // semantics — the same nearest-root ownership check the field walk uses);\n  // global: true opts a single op out to document-wide.\n  #opTargets(args) {\n    const to = args.to\n    if (to === \"@root\") return [this.element]\n    if (typeof to !== \"string\" || to === \"\") return []\n    if (args.global) return [...document.querySelectorAll(to)]\n    return [...this.element.querySelectorAll(to)].filter((el) => this.#ownsField(el))\n  }\n\n  // Whether a click-bound checkbox/radio trigger should keep its NATIVE flip\n  // (issue #98). `checked: :keep` means \"let the control flip now\": the\n  // unconditional preventDefault is exactly what suppresses that flip until the\n  // morph, so we skip it — but ONLY for a checkbox/radio (a bare toggle click\n  // has no form-navigation default to lose). Any other element (a button) keeps\n  // preventDefault so an in-form submit can't navigate.\n  #keepsNativeToggle(optimistic, target) {\n    if (optimistic?.checked !== \"keep\") return false\n    const type = target?.type\n    return type === \"checkbox\" || type === \"radio\"\n  }\n\n  // Apply the OPTIMISTIC hint (issue #98) NOW and return its `undo` closure — the\n  // exact ops to replay on FAILURE (optimistic reverts only when the round trip\n  // fails; success leaves server truth or the deliberately-standing hint). It is\n  // the same op vocabulary busy: uses (issue #181) via the one #applyHint engine;\n  // the ONLY optimistic-specific op is checked: :keep (honorChecked = true).\n  #applyOptimistic(optimistic, trigger) {\n    if (!optimistic) return null\n    const undo = this.#applyHint(optimistic, trigger, true)\n    return undo.length ? undo : null\n  }\n\n  // Replay the recorded undo ops on failure (issue #98), guarded by isConnected:\n  // a plain (non-morph) replace can detach this subtree before the failure lands,\n  // and reverting a stale/detached node is pointless (it's gone) — so a\n  // disconnected root skips the revert entirely. On success NOTHING calls this:\n  // the server re-render overwrites the hint, or (reply.remove / streams-only)\n  // the hint is deliberately left standing.\n  #revertOptimistic(inverse) {\n    if (!inverse) return\n    if (!this.element.isConnected) return\n    for (const undo of inverse) undo()\n  }\n\n  // Apply the BUSY state for THIS enqueue (issue #181) and return a `settle`\n  // closure that undoes exactly this enqueue's contribution when the round trip\n  // finishes (success OR any failure). Everything is refcounted so overlapping\n  // enqueues never clobber: A's settle can't clear busy while B is still pending.\n  //\n  // Two layers:\n  //   1. The ALWAYS-ON busy vocabulary (fires for every action, no hint needed):\n  //      data-reactive-busy=\"<action>\" on the trigger and the root (a\n  //      space-separated, per-action refcounted set), aria-busy on the root (a\n  //      pending counter), and data-reactive-busy on any busy_on element scoped\n  //      to this action. Apps style a spinner with pure CSS and zero Ruby.\n  //   2. The busy HINT (only when busy: was declared): the SAME cosmetic op set\n  //      as optimistic: (class ops, hide/show, disable, text), applied through\n  //      the one #applyHint engine and reverted on SETTLE (not on failure). These\n  //      apply at ENQUEUE — never during a debounce quiet period — so a debounced\n  //      input is not disabled mid-typing. checked: is optimistic-only, so busy:\n  //      passes honorChecked = false (the Ruby on() already rejects it — this is\n  //      belt-and-braces).\n  #applyBusy(action, trigger, busy) {\n    this.#markBusy(action, trigger)\n    const undo = busy ? this.#applyHint(busy, trigger, false) : []\n    // Global activity signal (issue #201): this enqueue is one in-flight reactive\n    // operation. Entered HERE (at enqueue, via #applyBusy) so the document marker\n    // covers the whole pending window — queue wait included — exactly like the\n    // per-root busy vocabulary. Exited once in the settle closure below, which\n    // #perform runs in its finally on EVERY exit path (success or any failure).\n    enterReactiveActivity()\n\n    let settled = false\n    return () => {\n      if (settled) return // one settle per enqueue, even if called twice\n      settled = true\n      this.#unmarkBusy(action, trigger)\n      exitReactiveActivity()\n      // Busy reverts on SETTLE regardless of outcome, guarded per element.\n      for (const op of undo) op()\n    }\n  }\n\n  // The ONE pending-state hint engine (issue #181), shared by optimistic: (revert\n  // on failure) and busy: (revert on settle) — they differ only in WHEN the\n  // returned undo ops run, never in the ops themselves. Applies the hint's\n  // cosmetic ops to their targets (the trigger by default, or a `to:` selector\n  // scoped to the root) and returns an array of undo closures. Class ops and\n  // hide/show use a DELTA inverse (undo only what THIS call changed, so it\n  // composes across overlapping enqueues); disable/text use a REFCOUNTED snapshot\n  // (the true pre-hint value survives an overlapping enqueue that would otherwise\n  // capture the already-swapped label as the \"original\"). `honorChecked` gates\n  // checked: :keep — an optimistic-only native-control revert.\n  #applyHint(hint, trigger, honorChecked) {\n    const undo = []\n    for (const el of this.#hintTargets(hint, trigger)) {\n      if (hint.add_class) {\n        // Undo only the classes this op ACTUALLY added — a class already present\n        // was not our change, so reverting it would strip a class the element\n        // legitimately had. Capture the real delta now.\n        const added = hint.add_class.filter((c) => !el.classList.contains(c))\n        el.classList.add(...added)\n        if (added.length) undo.push(() => el.classList.remove(...added))\n      }\n      if (hint.remove_class) {\n        // Symmetric: undo only the classes actually removed.\n        const removed = hint.remove_class.filter((c) => el.classList.contains(c))\n        el.classList.remove(...removed)\n        if (removed.length) undo.push(() => el.classList.add(...removed))\n      }\n      if (hint.toggle_class) {\n        // toggle_class is its own inverse regardless of prior state.\n        hint.toggle_class.forEach((c) => el.classList.toggle(c))\n        undo.push(() => hint.toggle_class.forEach((c) => el.classList.toggle(c)))\n      }\n      if (hint.hide) {\n        el.hidden = true\n        undo.push(() => (el.hidden = false))\n      }\n      if (hint.show) {\n        el.hidden = false\n        undo.push(() => (el.hidden = true))\n      }\n    }\n\n    // disable/text swap the TRIGGER (a `to:` retargets only the class/hide/show\n    // ops above — disable/text are inherently trigger affordances). Refcounted so\n    // overlapping enqueues restore correctly.\n    if (trigger && (hint.disable || hint.text != null)) {\n      undo.push(this.#applyTextDisable(hint, trigger))\n    }\n\n    // checked: :keep — the native flip already happened on the trigger; record\n    // the inverse (flip it back) so a revert restores the control's state.\n    if (honorChecked && hint.checked === \"keep\" && trigger && \"checked\" in trigger) {\n      const flipped = trigger.checked\n      undo.push(() => (trigger.checked = !flipped))\n    }\n\n    return undo\n  }\n\n  // The elements a hint's class/hide/show ops apply to: the `to:` selector\n  // (resolved like an op target — \"@root\" is the root, a selector is scoped to\n  // this root's owned matches) or, with no `to:`, the trigger itself.\n  #hintTargets(hint, trigger) {\n    if (hint.to == null) return trigger ? [trigger] : []\n    return this.#opTargets({ to: hint.to })\n  }\n\n  // Swap the trigger's disabled/innerHTML for a pending hint, snapshotting the\n  // ORIGINAL once per trigger (refcounted so an overlapping enqueue never\n  // snapshots the already-swapped \"Saving…\" as the original), and return the undo\n  // closure. text swaps innerHTML (issue #181), NOT textContent: a composite\n  // trigger like `<button><svg/> Save</button>` has child nodes, and\n  // textContent = \"Saving…\" would DESTROY the icon; innerHTML preserves the\n  // markup structure and restores it byte-for-byte.\n  #applyTextDisable(hint, trigger) {\n    const snap = this.#textDisableSnapshots.get(trigger)\n    if (snap) {\n      snap.count++\n    } else {\n      this.#textDisableSnapshots.set(trigger, {\n        count: 1,\n        disabled: trigger.disabled,\n        html: trigger.innerHTML,\n        hadText: hint.text != null,\n        swappedTo: hint.text,\n      })\n    }\n\n    if (hint.disable) trigger.disabled = true\n    if (hint.text != null) trigger.innerHTML = hint.text\n\n    return () => this.#restoreTextDisable(trigger, hint)\n  }\n\n  // Layer 1 — the always-on busy markers. Trigger + root carry the action token;\n  // the root's counter drives aria-busy; busy_on elements scoped to this action\n  // light up. Refcounts (#busyActions, #busyPending) so overlapping requests\n  // don't clear each other.\n  #markBusy(action, trigger) {\n    this.#setBusyToken(trigger, action, +1)\n    this.#setBusyToken(this.element, action, +1)\n\n    this.#busyActions.set(action, (this.#busyActions.get(action) ?? 0) + 1)\n    if (this.#busyPending++ === 0) this.element.setAttribute(\"aria-busy\", \"true\")\n\n    for (const el of this.#busyOnTargets(action)) this.#setBusyToken(el, action, +1)\n  }\n\n  #unmarkBusy(action, trigger) {\n    this.#setBusyToken(trigger, action, -1)\n    this.#setBusyToken(this.element, action, -1)\n\n    const count = (this.#busyActions.get(action) ?? 1) - 1\n    if (count <= 0) this.#busyActions.delete(action)\n    else this.#busyActions.set(action, count)\n\n    if (--this.#busyPending <= 0) {\n      this.#busyPending = 0\n      this.element.removeAttribute(\"aria-busy\")\n    }\n\n    for (const el of this.#busyOnTargets(action)) this.#setBusyToken(el, action, -1)\n  }\n\n  // Add (+1) or remove (-1) `action` from an element's space-separated\n  // data-reactive-busy token set, refcounted PER ELEMENT+ACTION so two queued\n  // requests of the same action on the same element don't drop the token early\n  // (and two DIFFERENT actions both keep their token — the set never clobbers).\n  // The attribute is removed only when the set empties. No-op on a nullish/\n  // detached element (a morph may have replaced the trigger before settle).\n  #setBusyToken(el, action, delta) {\n    if (!el || typeof el.getAttribute !== \"function\") return\n\n    const counts = (this.#busyTokenCounts.get(el) ?? new Map())\n    const next = (counts.get(action) ?? 0) + delta\n    if (next <= 0) counts.delete(action)\n    else counts.set(action, next)\n\n    if (counts.size === 0) {\n      this.#busyTokenCounts.delete(el)\n      el.removeAttribute(\"data-reactive-busy\")\n      return\n    }\n    this.#busyTokenCounts.set(el, counts)\n    el.setAttribute(\"data-reactive-busy\", [...counts.keys()].join(\" \"))\n  }\n\n  // busy_on elements scoped to THIS action, owned by this root (not a nested\n  // reactive root's, issue #15). data-reactive-busy-on=\"<action>\" is the marker\n  // busy_on(:action) emits.\n  #busyOnTargets(action) {\n    const nodes = this.element.querySelectorAll?.(\"[data-reactive-busy-on]\") ?? []\n    return [...nodes].filter(\n      (el) => el.getAttribute(\"data-reactive-busy-on\") === action && this.#ownsField(el),\n    )\n  }\n\n  // Restore the trigger's disabled/innerHTML from its snapshot when the LAST\n  // enqueue for that trigger settles (refcount → 0). GUARDED: skip a disconnected\n  // trigger (a plain replace detached it — the node is gone), and do NOT restore\n  // the label if it no longer equals what we swapped IN (a morph rendered a new\n  // server label — clobbering it with the old markup would fight server truth).\n  // The comparison + restore both use innerHTML so a composite trigger (icon +\n  // label) round-trips its full markup, not a flattened text run (issue #181).\n  #restoreTextDisable(trigger, hint) {\n    const snap = this.#textDisableSnapshots.get(trigger)\n    if (!snap) return\n    if (--snap.count > 0) return // another enqueue for this trigger is still pending\n    this.#textDisableSnapshots.delete(trigger)\n\n    if (!trigger.isConnected) return // detached — nothing to restore\n\n    if (hint.disable) trigger.disabled = snap.disabled\n    if (snap.hadText && trigger.innerHTML === snap.swappedTo) trigger.innerHTML = snap.html\n  }\n\n  // Deploy-overlap read shim (issue #181): a page still rendered by the PREVIOUS\n  // gem emits the old data-reactive-loading-param, whose `class:` key is the busy\n  // vocabulary's `add_class:`. Remap it so an in-flight legacy page keeps its\n  // pending affordance through the one #applyHint engine. Returns null for the\n  // common (no legacy param) case so the fast path is untouched. Drop this shim\n  // one minor after #181 ships (no page can still carry the old attr by then).\n  #legacyLoadingHint(loading) {\n    if (!loading || typeof loading !== \"object\") return null\n    const { class: cls, ...rest } = loading\n    return cls == null ? loading : { ...rest, add_class: cls }\n  }\n\n  // The action path comes from a <meta> tag that is fixed for the page's life,\n  // so resolve it once per controller and cache it — avoids a querySelector on\n  // every dispatch (this runs on the request hot path, once per click/keystroke\n  // round trip). Cached on the instance, so a fresh connect() (after a Turbo\n  // navigation swaps the element) re-reads it.\n  #actionPath() {\n    return (this.#actionPathCache ??=\n      document.querySelector('meta[name=\"phlex-reactive-action-path\"]')?.content ||\n      \"/reactive/actions\")\n  }\n\n  // The per-request timeout in ms (issue #101), from a page-stable\n  // <meta name=\"phlex-reactive-timeout\"> (default 30000). Cached per-controller\n  // like the action path. Parsed defensively: a missing/blank/non-positive/NaN\n  // value falls back to the default, so a typo'd meta can never disable the\n  // timeout (which would reintroduce the wedged-queue bug) or set a zero/negative\n  // window that aborts instantly.\n  #timeoutMs() {\n    if (this.#timeoutMsCache != null) return this.#timeoutMsCache\n    const raw = document.querySelector('meta[name=\"phlex-reactive-timeout\"]')?.content\n    const ms = Number(raw)\n    return (this.#timeoutMsCache = Number.isFinite(ms) && ms > 0 ? ms : 30000)\n  }\n\n  // CSRF token and connection id are read LIVE (not cached) on purpose: Rails\n  // can rotate the CSRF token, and the pgbus connection id changes on an SSE\n  // reconnect — caching either would send a stale value. A single querySelector\n  // per request is cheap next to the round trip itself.\n  #csrfToken() {\n    return document.querySelector('meta[name=\"csrf-token\"]')?.content ?? \"\"\n  }\n\n  // The pgbus SSE connection id, if the page is subscribed to a stream. pgbus\n  // reflects it onto the <pgbus-stream-source connection-id=\"…\"> element (and\n  // apps may mirror it to <meta name=\"pgbus-connection-id\">). Returns null\n  // when not present (e.g. no pgbus, or no active subscription) — the header\n  // is then simply omitted.\n  #connectionId() {\n    return (\n      document.querySelector(\"pgbus-stream-source[connection-id]\")?.getAttribute(\"connection-id\") ||\n      document.querySelector('meta[name=\"pgbus-connection-id\"]')?.content ||\n      null\n    )\n  }\n}\n"
+    "import { Controller } from \"@hotwired/stimulus\"\n// Import the BARE specifier the engine already pins (phlex/reactive/confirm),\n// NOT a relative \"./confirm.js\" (issue #57). Under importmap-rails + Propshaft\n// the controller is served at its DIGESTED url; a relative sibling import is\n// left untouched (Propshaft rewrites only RAILS_ASSET_URL(...), and the import\n// map resolves ONLY bare specifiers), so \"./confirm.js\" resolves against the\n// digested controller url → an undigested /assets/.../confirm.js that 404s, and\n// the throwing import takes down every Stimulus controller on the page. The\n// bare specifier resolves to the digested asset through the import map, and\n// bundlers/bun resolve it the same way they already resolve\n// \"phlex/reactive/reactive_controller\" (see tsconfig.json paths for the tests).\nimport { confirmResolver } from \"phlex/reactive/confirm\"\n// Client-side computes (data bindings): the reducer registry behind\n// reactive_compute. Bare specifier for the same import-map reason as confirm.\nimport { computeReducer } from \"phlex/reactive/compute\"\n// Conditional-confirm predicates (issue #179): the registry behind the\n// confirm: { predicate: \"name\" } escape hatch. Same bare-specifier reason.\nimport { confirmPredicate } from \"phlex/reactive/confirm_predicate\"\n\n// The ONE generic controller behind every reactive Phlex component. It\n// replaces the per-feature Stimulus controllers you'd otherwise hand-write\n// for interactive components. A component declares its actions in Ruby (via\n// Phlex::Reactive::Component); this controller binds DOM events to a single\n// HTTP round trip and lets Turbo apply the re-rendered component back in\n// (replace by default; method=\"morph\" — Response.morph — preserves focus).\n//\n// Wire format (client -> server), POST <action path>, turbo-stream Accept:\n//   { token: \"<signed identity>\", act: \"<action>\", params: {...} }   (JSON)\n// (`act`, not `action`: `action` is a reserved Rails routing param.)\n// The token is a MessageVerifier-signed { component, gid } — NO state is sent.\n// When the root holds a chosen <input type=\"file\">, the SAME payload is sent as\n// multipart FormData instead (token/act flat, params bracketed, files appended)\n// so an upload reaches the action (issue #34) — only the encoding differs.\n// The response is a <turbo-stream> that replaces the component by its id.\n//\n// Server -> client live updates use the SAME element id, pushed over the\n// stream transport (pgbus SSE / Action Cable) via the Streamable\n// .broadcast_* methods — so a click and a background broadcast converge on\n// one re-render unit.\n//\n// Custom turbo-stream action: the server tells the actor to full-navigate\n// (e.g. the record's slug changed and the current URL is now dead). It rides a\n// 200 turbo-stream — NOT an HTTP 3xx — so it never trips the response.redirected\n// bail below (which still correctly catches real auth/CSRF redirects). Registered\n// once on the Turbo global (no @hotwired/turbo import — the gem uses window.Turbo\n// everywhere, and a named import is unreliable under importmap/esbuild).\nexport function registerReactiveVisit() {\n  const actions = window.Turbo?.StreamActions\n  if (!actions || actions[\"reactive:visit\"]) return\n  actions[\"reactive:visit\"] = function () {\n    const url = this.getAttribute(\"data-url\")\n    if (url) window.Turbo.visit(url, { action: \"advance\" })\n  }\n}\n\n// Custom turbo-stream action: a TOKEN-ONLY refresh (issue #30). A partial\n// update (Response.streams / reply.streams) re-renders only PART of a component\n// — so there's no full-self replace to carry the next signed token. The server\n// instead emits `<turbo-stream action=\"reactive:token\" target=\"<id>\"\n// data-reactive-token-value=\"<fresh>\">`. #perform's #extractToken already reads\n// the token out of the response body for the NEXT queued request; this handler\n// keeps the DOM in sync too, writing the attribute onto the root element so the\n// `tokenValue` fallback stays fresh. It's a pure attribute set — no node is\n// replaced — so a focused <input> + caret survive (the whole point: update a\n// total cell without tearing down the field the user is typing in).\nexport function registerReactiveToken() {\n  const actions = window.Turbo?.StreamActions\n  if (!actions || actions[\"reactive:token\"]) return\n  actions[\"reactive:token\"] = function () {\n    const token = this.getAttribute(\"data-reactive-token-value\")\n    const target = this.getAttribute(\"target\")\n    if (!token || !target) return\n    const el = document.getElementById(target)\n    // Stimulus reads the token via the `token` value -> data-reactive-token-value.\n    if (el) el.setAttribute(\"data-reactive-token-value\", token)\n  }\n}\n\n// Custom turbo-stream action: SERVER-PUSHED client DOM ops (issue #97). The\n// server-side sibling of on_client's runOps — a reply (reply.<verb>.js(ops)) or\n// a broadcast (Streamable.broadcast_js_to) emits\n//\n//   <turbo-stream action=\"reactive:js\" target=\"<optional root id>\"\n//                 data-reactive-ops=\"[[op, args], ...]\"></turbo-stream>\n//\n// and Turbo invokes this handler with `this` bound to that <turbo-stream>\n// element. It runs the ops through the SAME frozen CLIENT_OPS whitelist as\n// runOps (client-side default-deny — an unknown op warns + is skipped), so a\n// forged/stale ops attr can never break the page or execute anything off the\n// vocabulary. NO token, NO fetch — a pure local DOM mutation.\n//\n// `target` (optional, an element id) scopes op resolution to that root: \"@root\"\n// resolves to the target element itself and a selector resolves WITHIN it.\n// Without a target, ops resolve document-wide (a broadcast op like\n// add_class(\"#bell\", ...) that isn't anchored to one component). The op stream\n// is emitted AFTER all render streams in the reply (the endpoint appends it\n// last), so focus(\"[name=next]\") sees the freshly morphed DOM — Turbo applies\n// streams in document order.\nexport function registerReactiveJs() {\n  const actions = window.Turbo?.StreamActions\n  if (!actions || actions[\"reactive:js\"]) return\n  actions[\"reactive:js\"] = function () {\n    const list = parseOps(this.getAttribute(\"data-reactive-ops\"))\n    if (!list.length) return\n    const targetId = this.getAttribute(\"target\")\n    // With a target: scope to that element (missing → no-op). Without: document.\n    const root = targetId ? document.getElementById(targetId) : null\n    if (targetId && !root) return\n    applyOps(list, (args) => streamOpTargets(args, root))\n  }\n}\n\n// --- Deferred reply segments (issue #165) ----------------------------------\n// The client half of reply.defer: the server's reply carries a\n// `<turbo-stream action=\"reactive:defer\" target=\"<id>\">` directive and the\n// real render reaches the SAME actor later — via a parallel fetch (pull) or a\n// pgbus one-shot stream (push). Everything here is MODULE-level, deliberately\n// OFF the per-controller request queue: the whole point is that the expensive\n// segment never blocks the actor's next action.\n//\n// Supersession is the correctness core: pendingDefers keys one in-flight\n// delivery per target id. A newer directive for the same target aborts the\n// older fetch (or removes the older stream source), and an arrival applies\n// ONLY while its entry is still current — so a fast typist's debounced\n// keystrokes can never paint stale totals over fresh ones.\nconst pendingDefers = new Map()\n\n// Register/drop a target's pending defer entry, keeping the GLOBAL activity\n// counter (issue #201) balanced against the Map's ACTUAL key presence — a defer\n// is one in-flight reactive operation for as long as its registry entry lives.\n// Keying enter/exit on the presence TRANSITION (not the raw call) means a\n// re-set of an already-present key, or a delete of an absent one, can never\n// unbalance the count. Both the fetch (pull) and stream (push) lane route their\n// registry mutations through here, so the push lane is counted correctly even\n// though its DOM pending markers clear by a node swap, not clearDeferPending.\nfunction setPendingDefer(targetId, entry) {\n  const isNew = !pendingDefers.has(targetId)\n  pendingDefers.set(targetId, entry)\n  if (isNew) enterReactiveActivity()\n}\n\nfunction deletePendingDefer(targetId) {\n  if (pendingDefers.delete(targetId)) exitReactiveActivity()\n}\n\n// Test seam: clear the module-level registry between unit tests. Also resets\n// the one-shot settle-listener guard so a test's fresh document re-registers\n// the turbo:before-stream-render settler. Does NOT touch the activity counter —\n// resetReactiveActivity is its own seam (the two are reset together in tests).\nexport function resetReactiveDefers() {\n  pendingDefers.clear()\n  deferStreamSettleRegistered = false\n}\n\n// Test seam: the `via` of a target's pending defer entry (or undefined) — lets\n// tests assert an entry was SETTLED (dropped) on arrival without exposing the\n// Map. Not used by the runtime.\nexport function pendingDeferVia(targetId) {\n  return pendingDefers.get(targetId)?.via\n}\n\nlet deferStreamSettleRegistered = false\n\nexport function registerReactiveDefer() {\n  const actions = window.Turbo?.StreamActions\n  if (!actions || actions[\"reactive:defer\"]) return\n  actions[\"reactive:defer\"] = function () {\n    const target = this.getAttribute(\"target\")\n    if (!target) return\n    if (this.getAttribute(\"data-reactive-defer-via\") === \"stream\") {\n      startStreamDefer(target, this)\n      return\n    }\n    const token = this.getAttribute(\"data-reactive-defer-token\")\n    if (!token) return\n    startFetchDefer(target, token)\n  }\n\n  // Settle a STREAM-lane pendingDefers entry when its arrival lands: the job's\n  // broadcast is a turbo-stream that replaces the target (and removes the\n  // source). A document-level turbo:before-stream-render hook drops the Map\n  // entry for a stream target the moment a stream renders against it — so the\n  // entry never outlives the delivery (the fetch lane settles inline; the\n  // stream lane's arrival is a broadcast this controller doesn't await, so it\n  // needs this hook). Registered once; a no-op without document.\n  if (!deferStreamSettleRegistered && typeof document !== \"undefined\" && document.addEventListener) {\n    deferStreamSettleRegistered = true\n    document.addEventListener(\"turbo:before-stream-render\", settleStreamDeferOnRender)\n  }\n}\n\n// Drop a stream-lane pendingDefers entry when a turbo-stream renders against\n// its target id (the job's replace) OR removes its source element. Keyed by the\n// stream's target so an unrelated stream never settles a defer. Pure Map\n// cleanup — the DOM apply is Turbo's; this only releases our bookkeeping.\nfunction settleStreamDeferOnRender(event) {\n  const streamEl = event.target\n  const target = streamEl?.getAttribute?.(\"target\")\n  if (!target) return\n  // The arrival replaces #<target>; the source removal targets\n  // reactive-defer-src-<target>. Either signals the stream delivered.\n  const targetId = target.startsWith(\"reactive-defer-src-\")\n    ? target.slice(\"reactive-defer-src-\".length)\n    : target\n  const entry = pendingDefers.get(targetId)\n  if (entry?.via === \"stream\") deletePendingDefer(targetId)\n}\n\n// The pull lane: mark the target pending and POST the signed defer token to\n// the defer endpoint, in parallel with everything else the page is doing.\nfunction startFetchDefer(targetId, token) {\n  const el = document.getElementById(targetId)\n  if (!el) {\n    console.warn(`[phlex-reactive] reactive:defer target #${targetId} is not on the page — skipped`)\n    return\n  }\n  supersedeDefer(targetId)\n  markDeferPending(el)\n  const entry = { via: \"fetch\", abort: new AbortController(), timedOut: false }\n  setPendingDefer(targetId, entry)\n  performDeferFetch(targetId, entry, token)\n}\n\n// The push lane: subscribe a <pgbus-stream-source> to the server-signed\n// one-shot stream. Arrival + teardown need no client logic — the job's\n// broadcast carries the replace AND a remove of this source element (its\n// disconnectedCallback closes the SSE connection). since-id=0 on a fresh key\n// replays a broadcast that beat the subscription (the durable-lane guarantee).\nfunction startStreamDefer(targetId, directive) {\n  const el = document.getElementById(targetId)\n  if (!el) {\n    console.warn(`[phlex-reactive] reactive:defer target #${targetId} is not on the page — skipped`)\n    return\n  }\n  const src = directive.getAttribute(\"data-reactive-defer-src\")\n  if (!src) return\n  if (!globalThis.customElements?.get?.(\"pgbus-stream-source\")) {\n    // The server chose push on server-side capability, but this page has no\n    // pgbus client. Degrade to the fetch lane using the fallback token the push\n    // directive carries — rather than dead-end the shimmer. No token (an app on\n    // a bespoke transport) is a loud no-op.\n    const fallbackToken = directive.getAttribute(\"data-reactive-defer-token\")\n    if (fallbackToken) {\n      startFetchDefer(targetId, fallbackToken)\n      return\n    }\n    console.error(\n      \"[phlex-reactive] reactive:defer via=stream but <pgbus-stream-source> is not registered \" +\n        \"and no fallback token was provided — is the pgbus client loaded on this page?\",\n    )\n    return\n  }\n  supersedeDefer(targetId)\n  markDeferPending(el)\n  const source = document.createElement(\"pgbus-stream-source\")\n  // Deterministic id: the JOB's broadcast removes it by this exact id — the\n  // subscription tears itself down with the payload it delivered.\n  source.id = deferSourceId(targetId)\n  source.setAttribute(\"src\", src)\n  source.setAttribute(\"since-id\", directive.getAttribute(\"data-reactive-defer-since-id\") ?? \"0\")\n  source.setAttribute(\"hidden\", \"\")\n  document.body.appendChild(source)\n  // Record only { via } — NOT a strong ref to the source element. The job's\n  // broadcast removes the source by its deterministic id (its\n  // disconnectedCallback closes the SSE), so holding srcEl here would pin the\n  // detached node in this module-level Map forever (a leak). Supersession\n  // re-finds the element by id instead. The entry is dropped on\n  // supersession or when the arriving broadcast replaces the target (a\n  // turbo:before-stream-render hook, below).\n  setPendingDefer(targetId, { via: \"stream\" })\n}\n\n// The deterministic id of a target's one-shot <pgbus-stream-source>.\nfunction deferSourceId(targetId) {\n  return `reactive-defer-src-${targetId}`\n}\n\nasync function performDeferFetch(targetId, entry, token) {\n  // Bound the wait like the action fetch (issue #101) — a hung defer must not\n  // shimmer forever. A manual timer (not AbortSignal.timeout) so the catch can\n  // tell a TIMEOUT (fail loudly) from a SUPERSEDED abort (stay silent).\n  const timer = setTimeout(() => {\n    entry.timedOut = true\n    entry.abort.abort()\n  }, deferTimeoutMs())\n\n  // The timeout is cleared ONLY after the body is fully read (below), not the\n  // moment headers arrive — a server that streams headers then stalls the body\n  // must still abort, or the shimmer hangs forever (the abort signal covers the\n  // whole fetch + body read, mirroring #perform's AbortSignal.timeout).\n  let response\n  try {\n    response = await fetch(deferPath(), {\n      method: \"POST\",\n      headers: {\n        Accept: \"text/vnd.turbo-stream.html\",\n        \"Content-Type\": \"application/json\",\n        \"X-CSRF-Token\": deferCsrfToken(),\n      },\n      body: JSON.stringify({ token }),\n      credentials: \"same-origin\",\n      signal: entry.abort.signal,\n    })\n  } catch (error) {\n    clearTimeout(timer)\n    if (pendingDefers.get(targetId) !== entry) return // superseded — silent\n    console.error(\"[phlex-reactive] deferred render failed\", error)\n    failDefer(targetId, token)\n    return\n  }\n  if (pendingDefers.get(targetId) !== entry) {\n    clearTimeout(timer)\n    return // superseded mid-flight\n  }\n\n  if (response.status === 204) {\n    clearTimeout(timer)\n    // render? false — keep the current content, just clear the pending state.\n    settleDefer(targetId)\n    return\n  }\n  if (!response.ok) {\n    clearTimeout(timer)\n    console.error(`[phlex-reactive] deferred render failed: HTTP ${response.status}`)\n    failDefer(targetId, token, response.status)\n    return\n  }\n\n  let html\n  try {\n    html = await response.text()\n  } catch (error) {\n    clearTimeout(timer)\n    if (pendingDefers.get(targetId) !== entry) return\n    console.error(\"[phlex-reactive] deferred render failed reading the body\", error)\n    failDefer(targetId, token)\n    return\n  }\n  clearTimeout(timer)\n  if (pendingDefers.get(targetId) !== entry) return // superseded during read\n\n  settleDefer(targetId)\n  // A normal replace/morph of the target — the fresh root carries no pending\n  // markers and a fresh action token, so the component lands interactive.\n  window.Turbo.renderStreamMessage(html)\n}\n\n// Abort/unsubscribe whatever delivery is in flight for this target. The\n// deleted entry makes every late arrival fail its identity check — stale\n// content can never paint.\nfunction supersedeDefer(targetId) {\n  const existing = pendingDefers.get(targetId)\n  if (!existing) return\n  deletePendingDefer(targetId)\n  if (existing.via === \"fetch\") existing.abort.abort()\n  // Stream lane: re-find the old source by its deterministic id and remove it\n  // (unsubscribe) — we deliberately don't hold a strong ref to the detached\n  // node. Its disconnectedCallback closes the SSE.\n  else document.getElementById(deferSourceId(targetId))?.remove?.()\n}\n\nfunction markDeferPending(el) {\n  el.setAttribute(\"data-reactive-defer-pending\", \"true\")\n  el.setAttribute(\"aria-busy\", \"true\")\n}\n\nfunction clearDeferPending(el) {\n  el.removeAttribute(\"data-reactive-defer-pending\")\n  el.removeAttribute(\"aria-busy\")\n}\n\n// Success/204: drop the registry entry, clear pending, and clear any prior\n// defer failure marker (recovery resets error-driven CSS, issue #100 style).\nfunction settleDefer(targetId) {\n  deletePendingDefer(targetId)\n  const el = document.getElementById(targetId)\n  if (!el) return\n  clearDeferPending(el)\n  el.removeAttribute(\"data-reactive-error\")\n}\n\n// Failure: clear pending (the shimmer must not lie), mark the root\n// (data-reactive-error=\"defer\" — style it in pure CSS), and emit a bubbling\n// reactive:error whose retry() re-enters the defer fetch with the SAME token\n// (still valid inside the TTL; an expired token 400s into this same path).\nfunction failDefer(targetId, token, status) {\n  deletePendingDefer(targetId)\n  const el = document.getElementById(targetId)\n  if (!el) return\n  clearDeferPending(el)\n  el.setAttribute(\"data-reactive-error\", \"defer\")\n  const retry = () => {\n    const fresh = document.getElementById(targetId)\n    if (!fresh) {\n      console.warn(\"[phlex-reactive] defer retry() ignored — the target left the DOM\")\n      return\n    }\n    fresh.removeAttribute(\"data-reactive-error\")\n    startFetchDefer(targetId, token)\n  }\n  el.dispatchEvent(\n    new CustomEvent(\"reactive:error\", {\n      bubbles: true,\n      composed: true,\n      detail: { kind: \"defer\", target: targetId, status, retry },\n    }),\n  )\n}\n\nfunction deferPath() {\n  return document.querySelector('meta[name=\"phlex-reactive-defer-path\"]')?.content || \"/reactive/defer\"\n}\n\n// CSRF is read LIVE per request (Rails can rotate it) — same contract as the\n// controller's #csrfToken.\nfunction deferCsrfToken() {\n  return document.querySelector('meta[name=\"csrf-token\"]')?.content ?? \"\"\n}\n\n// Same page-stable meta + default as the controller's #timeoutMs (issue #101),\n// parsed defensively so a typo'd meta can never disable the bound.\nfunction deferTimeoutMs() {\n  const raw = document.querySelector('meta[name=\"phlex-reactive-timeout\"]')?.content\n  const ms = Number(raw)\n  return Number.isFinite(ms) && ms > 0 ? ms : 30000\n}\n\n// Document-level self-dismissing flashes (issue #100). A flash rendered with\n// dismiss_after: carries data-reactive-dismiss-after=\"<ms>\"; after the timeout\n// it removes itself. This is deliberately NOT a Stimulus controller — the flash\n// container is a plain host-app div (Response#flash appends into it) with no\n// controller attached, so nothing would honor the attr. A document-level scan\n// on turbo:before-stream-render (which fires for EVERY <turbo-stream> render —\n// a reply AND a broadcast) schedules removal for any newly-arrived dismissing\n// flash. Each is marked data-reactive-dismiss-scheduled so re-scans (a later\n// stream render) never double-schedule the same node. Registered once; the\n// guard flag makes a second call a no-op (bun imports the module once per run).\nlet dismissRegistered = false\nexport function registerReactiveDismiss() {\n  if (dismissRegistered) return\n  if (typeof document === \"undefined\" || !document.addEventListener) return\n  dismissRegistered = true\n  // turbo:before-stream-render fires BEFORE the stream is applied — and Turbo\n  // then does `await nextRepaint(); await event.detail.render(this)`, so a bare\n  // setTimeout(0) can run BEFORE the node is inserted (observed under Falcon).\n  // WRAP event.detail.render instead: run Turbo's own render, then scan once it\n  // has resolved — timing-independent and correct on every server. The event\n  // fires for EVERY <turbo-stream> (a reply AND a broadcast), so both delivery\n  // paths self-clean. detail.render may be absent on exotic streams — guard it.\n  document.addEventListener(\"turbo:before-stream-render\", wrapStreamRenderForDismiss)\n}\n\n// Chain the dismissing-flash scan after Turbo's own stream render resolves, so\n// the scan sees the freshly-inserted node. Idempotent per event (marks\n// detail.render as already-wrapped) and defensive if detail/render is missing.\nfunction wrapStreamRenderForDismiss(event) {\n  const detail = event.detail\n  const original = detail?.render\n  if (typeof original !== \"function\" || original.__reactiveDismissWrapped) {\n    // No render to wrap (or already wrapped) — fall back to a post-repaint scan.\n    if (typeof requestAnimationFrame === \"function\") requestAnimationFrame(scheduleReactiveDismissals)\n    else setTimeout(scheduleReactiveDismissals, 0)\n    return\n  }\n  const wrapped = async (streamElement) => {\n    await original(streamElement)\n    scheduleReactiveDismissals()\n  }\n  wrapped.__reactiveDismissWrapped = true\n  detail.render = wrapped\n}\n\n// Scan for un-scheduled dismissing flashes and schedule each one's removal.\n// Kept a module function so the scan logic is testable and re-run on every\n// stream render.\nfunction scheduleReactiveDismissals() {\n  const flashes = document.querySelectorAll(\"[data-reactive-dismiss-after]\")\n  for (const el of flashes) {\n    if (el.hasAttribute(\"data-reactive-dismiss-scheduled\")) continue\n    const ms = Number(el.getAttribute(\"data-reactive-dismiss-after\"))\n    if (!Number.isFinite(ms) || ms <= 0) continue\n    el.setAttribute(\"data-reactive-dismiss-scheduled\", \"\")\n    setTimeout(() => el.remove(), ms)\n  }\n}\n\n// Test seam: reset the one-time registration guard so a fresh document stub in\n// the next test registers its own listener (bun runs all specs in one process).\nexport function __resetReactiveDismissForTest() {\n  dismissRegistered = false\n}\n\n// Reactive effects (issue #215): animate ENTER (append/prepend), EXIT (remove)\n// and UPDATE (replace/update, plain or morph) when a <turbo-stream> renders.\n// Document-level and render-wrapping like the dismiss hook above, so ONE\n// interceptor covers both delivery paths (a reply and a broadcast). Strictly\n// data-driven and default-deny: the per-call data-reactive-effect on the\n// stream element wins (\"off\" suppresses), else the carrier element's\n// data-reactive-effect-<hook> — the DOM target for exit/update, the INCOMING\n// template root for enter. No attribute → no work; unknown names and\n// malformed legs warn + skip (a newer or forged attr must never break the\n// page). prefers-reduced-motion disables everything (the shipped CSS is also\n// media-wrapped — defense in depth).\n//\n// Timing:\n//   * exit — the animation runs BEFORE Turbo's render (the removal), awaited\n//     via animationend/transitionend with a timeout fallback; a ZERO computed\n//     duration (no effects CSS loaded, reduced-motion CSS gate) skips the wait\n//     entirely, so a missing stylesheet can never freeze a removal.\n//   * enter/update — Turbo renders first, then the effect class is applied to\n//     the inserted/updated element(s) and removed on settle (fire-and-forget).\n//     Re-applying an update effect restarts it (class off → reflow → on).\n//\n// A named effect maps to the shipped CSS class reactive-fx--<name>-<hook>\n// (app/assets/stylesheets/phlex/reactive/effects.css); \"random\" picks a\n// built-in per application; a \"[\"-prefixed value is a custom\n// [during, from, to] class-legs triple (the #96/#186 vocabulary), run with\n// runTransition's add → frame → swap → settle choreography.\nconst EFFECT_HOOKS = Object.freeze({\n  append: \"enter\",\n  prepend: \"enter\",\n  replace: \"update\",\n  update: \"update\",\n  remove: \"exit\",\n})\nconst EFFECT_BUILT_INS = Object.freeze([\"fade\", \"slide\", \"scale\", \"highlight\", \"shake\"])\n// Marks an incoming template root so the post-render scan finds the inserted\n// CLONE (Turbo clones template content on render — attrs ride the clone).\nconst EFFECT_PENDING_ATTR = \"data-reactive-fx-pending\"\n// The hard ceiling on any effect wait — an exit's removal is delayed at most\n// this long even if animationend/transitionend never fire.\nconst EFFECT_SETTLE_FALLBACK_MS = 1000\n\nlet effectsRegistered = false\nexport function registerReactiveEffects() {\n  if (effectsRegistered) return\n  if (typeof document === \"undefined\" || typeof document.addEventListener !== \"function\") return\n  effectsRegistered = true\n  document.addEventListener(\"turbo:before-stream-render\", wrapStreamRenderForEffects)\n}\n\nexport function __resetReactiveEffectsForTest() {\n  effectsRegistered = false\n}\n\n// Wrap event.detail.render (the dismiss-hook pattern) when this stream both\n// maps to a hook AND resolves to an effect. Resolution happens HERE, before\n// the render, because exit must read the target while it is still in the DOM\n// and enter must read (and mark) the template content before Turbo clones it.\nfunction wrapStreamRenderForEffects(event) {\n  const detail = event.detail\n  const original = detail?.render\n  if (typeof original !== \"function\" || original.__reactiveEffectsWrapped) return\n  const streamEl = detail?.newStream ?? event.target\n  const hook = EFFECT_HOOKS[streamEl?.getAttribute?.(\"action\")]\n  if (!hook || effectsReducedMotion()) return\n  const effect = resolveStreamEffect(streamEl, hook)\n  if (!effect) return\n\n  const wrapped =\n    hook === \"exit\"\n      ? async (el) => {\n          await runExitEffect(effectTarget(streamEl), effect)\n          await original(el)\n        }\n      : async (el) => {\n          const container = hook === \"enter\" ? markIncomingRoots(streamEl) : null\n          await original(el)\n          if (hook === \"enter\") animateMarkedRoots(container, effect)\n          else runEnterOrUpdateEffect(effectTarget(streamEl), effect)\n        }\n  wrapped.__reactiveEffectsWrapped = true\n  detail.render = wrapped\n}\n\n// The effect for this stream: per-call data-reactive-effect first (\"off\" →\n// none), else the carrier's declared data-reactive-effect-<hook>.\nfunction resolveStreamEffect(streamEl, hook) {\n  const perCall = streamEl.getAttribute?.(\"data-reactive-effect\")\n  if (perCall === \"off\") return null\n  if (perCall) return parseEffect(perCall, hook)\n  const carrier = hook === \"enter\" ? incomingEffectRoot(streamEl) : effectTarget(streamEl)\n  const declared = carrier?.getAttribute?.(`data-reactive-effect-${hook}`)\n  return declared ? parseEffect(declared, hook) : null\n}\n\n// The stream's CURRENT DOM target (re-queried at use, so a post-replace call\n// sees the freshly-swapped element). Our builders always emit `target` —\n// multi-`targets` streams are not ours and pass through unanimated.\nfunction effectTarget(streamEl) {\n  const target = streamEl.getAttribute?.(\"target\")\n  return target ? (document.getElementById?.(target) ?? null) : null\n}\n\n// The incoming content's root element (an append/prepend's arriving\n// component) — the carrier of a declared enter effect.\nfunction incomingEffectRoot(streamEl) {\n  return streamEl.querySelector?.(\"template\")?.content?.firstElementChild ?? null\n}\n\n// A wire value → an executable effect: { className } for a shipped built-in\n// (\"random\" picks one per application), { legs } for a custom triple. null +\n// console.warn for anything else (default-deny).\nfunction parseEffect(value, hook) {\n  if (value.startsWith(\"[\")) {\n    let legs = null\n    try {\n      const parsed = JSON.parse(value)\n      if (Array.isArray(parsed) && parsed.length === 3) legs = parsed.map(String)\n    } catch {\n      // malformed JSON → the shared warn below\n    }\n    if (legs) return { legs }\n    console.warn(`[phlex-reactive] malformed effect legs ${JSON.stringify(value)} — skipped`)\n    return null\n  }\n  const name =\n    value === \"random\" ? EFFECT_BUILT_INS[Math.floor(Math.random() * EFFECT_BUILT_INS.length)] : value\n  if (!EFFECT_BUILT_INS.includes(name)) {\n    console.warn(`[phlex-reactive] unknown effect ${JSON.stringify(value)} — skipped`)\n    return null\n  }\n  return { className: `reactive-fx--${name}-${hook}` }\n}\n\nfunction effectsReducedMotion() {\n  try {\n    return typeof matchMedia === \"function\" && matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n  } catch {\n    return false\n  }\n}\n\n// Stamp each incoming template root with the pending marker (Turbo's render\n// clones the content, so the marker rides the inserted clone) and return the\n// container the post-render scan searches. Pre-render on purpose.\nfunction markIncomingRoots(streamEl) {\n  const content = streamEl.querySelector?.(\"template\")?.content\n  if (!content) return null\n  for (const child of Array.from(content.children ?? [])) child.setAttribute?.(EFFECT_PENDING_ATTR, \"\")\n  return effectTarget(streamEl)\n}\n\n// Post-render: find the just-inserted clones by their marker, unmark, animate.\nfunction animateMarkedRoots(container, effect) {\n  if (typeof container?.querySelectorAll !== \"function\") return\n  for (const el of Array.from(container.querySelectorAll(`[${EFFECT_PENDING_ATTR}]`))) {\n    el.removeAttribute(EFFECT_PENDING_ATTR)\n    runEnterOrUpdateEffect(el, effect)\n  }\n}\n\n// EXIT: animate on the still-present element, resolve when settled, and only\n// then does the wrapper run Turbo's removal. Zero computed duration (no\n// effects CSS) resolves immediately — never a dead 1s freeze.\nasync function runExitEffect(el, effect) {\n  if (!el?.classList) return\n  if (effect.legs) {\n    await runLegsEffect(el, effect.legs)\n    return\n  }\n  el.classList.add(effect.className)\n  const duration = effectDurationMs(el)\n  if (duration <= 0) {\n    el.classList.remove(effect.className)\n    return\n  }\n  await effectSettled(el, duration)\n  el.classList.remove(effect.className)\n}\n\n// ENTER/UPDATE: fire-and-forget after the render. A re-applied class is\n// removed + reflowed first so rapid successive updates restart the flash; the\n// per-element token keeps an older settle from clearing a newer application.\nfunction runEnterOrUpdateEffect(el, effect) {\n  if (!el?.classList) return\n  if (effect.legs) {\n    runLegsEffect(el, effect.legs)\n    return\n  }\n  if (el.classList.contains(effect.className)) {\n    el.classList.remove(effect.className)\n    void el.offsetWidth // force a reflow so re-adding restarts the animation\n  }\n  el.classList.add(effect.className)\n  const duration = effectDurationMs(el)\n  if (duration <= 0) {\n    el.classList.remove(effect.className)\n    return\n  }\n  const token = (el.__reactiveFxToken = (el.__reactiveFxToken ?? 0) + 1)\n  effectSettled(el, duration).then(() => {\n    if (el.__reactiveFxToken === token) el.classList.remove(effect.className)\n  })\n}\n\n// Custom class legs — runTransition's choreography (add during+from, swap\n// from→to on the next frame, settle, clean up), promise-shaped so an exit can\n// await it. Class lists are space-separated (the #96/#186 wire).\n//\n// Rapid re-application on the same element RESTARTS, mirroring the named\n// path's token guard: each run takes the per-element token, clears any\n// earlier run's leg classes, and a superseded run stops touching the element\n// the moment a newer run owns it — so a stale settle can never strip classes\n// mid-animation or double-swap the legs. A superseded EXIT run resolves\n// early, which only lets Turbo's removal proceed sooner (never later).\nasync function runLegsEffect(el, legs) {\n  const [during, from, to] = legs.map(splitEffectClasses)\n  const token = (el.__reactiveFxToken = (el.__reactiveFxToken ?? 0) + 1)\n  el.classList.remove(...during, ...from, ...to)\n  el.classList.add(...during, ...from)\n  await effectNextFrame()\n  if (el.__reactiveFxToken !== token) return\n  el.classList.remove(...from)\n  el.classList.add(...to)\n  const duration = effectDurationMs(el)\n  if (duration > 0) await effectSettled(el, duration)\n  if (el.__reactiveFxToken !== token) return\n  el.classList.remove(...during, ...to)\n}\n\nfunction splitEffectClasses(list) {\n  return String(list ?? \"\")\n    .split(/\\s+/)\n    .filter(Boolean)\n}\n\n// The longest computed animation/transition (duration + delay, comma lists\n// included) in ms, capped at the hard fallback. 0 when getComputedStyle is\n// unavailable or nothing animates — callers skip the wait entirely.\nfunction effectDurationMs(el) {\n  if (typeof getComputedStyle !== \"function\") return 0\n  try {\n    const style = getComputedStyle(el)\n    const longest = (value) =>\n      String(value ?? \"\")\n        .split(\",\")\n        .reduce((max, part) => Math.max(max, parseFloat(part) || 0), 0)\n    const animation = longest(style.animationDuration) + longest(style.animationDelay)\n    const transition = longest(style.transitionDuration) + longest(style.transitionDelay)\n    return Math.min(Math.max(animation, transition) * 1000, EFFECT_SETTLE_FALLBACK_MS)\n  } catch {\n    return 0\n  }\n}\n\n// Resolve on animationend/transitionend — whichever fires first — with a\n// timeout slightly past the computed duration, so a canceled animation (a\n// display:none ancestor, an interrupted transition) can't hang an exit.\nfunction effectSettled(el, durationMs) {\n  return new Promise((resolve) => {\n    let done = false\n    const settle = () => {\n      if (done) return\n      done = true\n      resolve()\n    }\n    el.addEventListener?.(\"animationend\", settle, { once: true })\n    el.addEventListener?.(\"transitionend\", settle, { once: true })\n    setTimeout(settle, Math.min(durationMs + 50, EFFECT_SETTLE_FALLBACK_MS))\n  })\n}\n\nfunction effectNextFrame() {\n  return new Promise((resolve) => {\n    if (typeof requestAnimationFrame === \"function\") requestAnimationFrame(() => resolve())\n    else setTimeout(resolve, 16)\n  })\n}\n\n// Offline CSS hook (issue #101). Mirror data-reactive-offline on\n// document.documentElement from navigator.onLine, kept in sync by the window\n// online/offline events — so an app can dim a save button or show a banner with\n// PURE CSS and zero JS ([data-reactive-offline] .save { pointer-events: none }).\n// Guarded on window (needed for addEventListener AND navigator) so importing the\n// module in a non-browser (bun test) context is a no-op, and registered once\n// (the online/offline listeners are NOT {once}, so a second registerReactiveActions\n// call must not stack duplicates) — mirroring the dismiss guard + reset seam.\nlet offlineRegistered = false\nexport function registerReactiveOffline() {\n  if (offlineRegistered) return\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") return\n  if (typeof window.addEventListener !== \"function\") return\n  offlineRegistered = true\n  // toggleAttribute(name, force) writes data-reactive-offline=\"\" (a bare boolean\n  // attr the [data-reactive-offline] selector matches) or removes it — never the\n  // \"true\" string. navigator.onLine === false is the reliable direction (a false\n  // \"online\" is spec-permitted but rare, and this is only a presentational hook —\n  // the authoritative offline signal is the #perform gate, not this attribute).\n  // Fully defensive: a missing documentElement/toggleAttribute/navigator degrades\n  // to a no-op — a presentational hook must NEVER throw during bootstrap.\n  const sync = () => {\n    const root = document.documentElement\n    if (typeof root?.toggleAttribute !== \"function\") return\n    root.toggleAttribute(\"data-reactive-offline\", globalThis.navigator?.onLine === false)\n  }\n  sync() // seed synchronously so first paint is correct\n  window.addEventListener(\"online\", sync)\n  window.addEventListener(\"offline\", sync)\n}\n\nexport function __resetReactiveOfflineForTest() {\n  offlineRegistered = false\n}\n\n// Latency simulator dev aid (issue #102). On localhost the click→morph round\n// trip is ~5ms, so the pending/loading/optimistic affordances (aria-busy,\n// disable_with, busy_on, optimistic hints) flash by too fast to see while\n// developing or demoing them — the reason LiveView ships enableLatencySim(ms).\n//\n// enableLatencySim(ms) persists the delay to sessionStorage (session-scoped, so\n// it clears when the tab closes — never a config you forget you left on);\n// #perform reads it right before the fetch and awaits setTimeout(ms), stretching\n// the already-set busy window to something visible. disableLatencySim() clears\n// it. NAMED exports (the setConfirmResolver precedent) — but importmap module\n// exports are unreachable from the browser console, so registerReactiveActions\n// ALSO attaches these to window.PhlexReactive, and ONLY when the app opts in with\n// <meta name=\"phlex-reactive-env\" content=\"development\"> (see #attachLatencyHandle).\nexport const LATENCY_KEY = \"phlex-reactive:latency\"\n\n// One-time \"sim active\" banner guard (module-level, mirroring offlineRegistered):\n// #maybeSimulateLatency warns ONCE while the sim is on, not once per request.\nlet latencyBannerShown = false\n\nexport function enableLatencySim(ms) {\n  if (typeof sessionStorage === \"undefined\") return\n  sessionStorage.setItem(LATENCY_KEY, String(ms))\n}\n\nexport function disableLatencySim() {\n  if (typeof sessionStorage === \"undefined\") return\n  sessionStorage.removeItem(LATENCY_KEY)\n  // Re-arm the one-time \"sim active\" banner: turning the sim OFF is the lifecycle\n  // boundary, so a later enableLatencySim() in the same session re-announces that\n  // the sim is on (otherwise the guard would stay set across an off→on cycle and\n  // swallow the banner). Matches the __resetReactiveLatencyForTest seam.\n  latencyBannerShown = false\n}\n\n// The dev gate. importmap module exports aren't reachable from the DevTools\n// console, so we expose the two functions on a window handle — but ONLY when the\n// app authored <meta name=\"phlex-reactive-env\" content=\"development\">. There is\n// NO engine-emitted meta (the engine can't inject into the host layout); the\n// install generator ships the snippet commented. Without the meta: no global\n// handle at all, and #perform short-circuits on the null sessionStorage read —\n// zero production surface. The `?.content` chain is fully defensive (a stubbed\n// document with no querySelector, a missing meta) so bootstrap never throws.\nfunction attachLatencyHandle() {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") return\n  const env = document.querySelector?.('meta[name=\"phlex-reactive-env\"]')?.content\n  if (env !== \"development\") return\n  window.PhlexReactive = { enableLatencySim, disableLatencySim }\n}\n\n// Test seam: forget the one-time active-sim banner so the next test re-warns.\nexport function __resetReactiveLatencyForTest() {\n  latencyBannerShown = false\n}\n\n// --- Global reactive-activity signal (issue #201) --------------------------\n// A DOCUMENT-LEVEL count of in-flight reactive operations — the direct analogue\n// of Turbo's progress bar, but for reactive round trips and deferred renders\n// instead of navigations. Anything that starts an async reactive operation calls\n// enterReactiveActivity(); when it settles (success OR failure, on every path) it\n// calls exitReactiveActivity(). The count is exposed two ways so an app — or a\n// system test — can key off \"is the reactive layer settling?\" without knowing\n// about any individual root:\n//\n//   * a marker on <html>: data-reactive-active present while count > 0 (CSS can\n//     drive a global spinner; code/tests can read it). A DISTINCT name from the\n//     per-root data-reactive-busy so a [data-reactive-busy] selector never also\n//     matches the document element.\n//   * events on document: reactive:busy on the 0 -> >0 edge, reactive:idle on the\n//     >0 -> 0 edge — EDGES ONLY (not once per op), each carrying { count }.\n//\n// It sums ACROSS all reactive roots (module-level, not per-controller) and across\n// the two async lifecycles wired below:\n//   * dispatch — entered in #applyBusy (at ENQUEUE, so the queue wait counts too),\n//     exited in the settle closure #perform runs in its finally.\n//   * defer    — entered/exited with the pendingDefers registry (set/delete), the\n//     ONE registry both the fetch (pull) and the stream (push) lane maintain — so\n//     the push lane stays balanced even though it clears its pending markers by a\n//     node swap, not clearDeferPending. A supersede is delete-then-set (net zero),\n//     which is correct: a fast typist's replaced defer is still \"layer busy\".\n//\n// compute-seed is deliberately NOT counted: recompute() is synchronous, so a seed\n// is fully applied by the time the call returns — there is no async window to await\n// (the \"value settles a beat after a morph/seed\" case the issue describes is\n// covered by the System test helpers' re-resolve-by-id polling, not this counter).\nexport const ACTIVE_ATTR = \"data-reactive-active\"\n\nlet activityCount = 0\n\n// Increment the global in-flight count; on the 0 -> 1 edge, mark <html> and fire\n// reactive:busy. Fully defensive — a non-browser/test document with no\n// documentElement/dispatchEvent still tracks the count and simply skips the DOM\n// side effects (a global signal must never throw during bootstrap or a round trip).\nexport function enterReactiveActivity() {\n  activityCount++\n  if (activityCount === 1) syncReactiveActivity(\"reactive:busy\")\n}\n\n// Decrement the global in-flight count, clamped at 0 so an unbalanced exit can\n// never drive it negative (which would wedge the marker on forever). On the\n// 1 -> 0 edge, clear the <html> marker and fire reactive:idle.\nexport function exitReactiveActivity() {\n  if (activityCount === 0) return\n  activityCount--\n  if (activityCount === 0) syncReactiveActivity(\"reactive:idle\")\n}\n\n// The current in-flight count — a test seam and a runtime read (an app can gate an\n// \"unsaved changes\" prompt on `reactiveActivityCount() > 0`).\nexport function reactiveActivityCount() {\n  return activityCount\n}\n\n// Test seam: reset the module-level counter (and clear the marker) between tests,\n// since the module is imported once per bun run.\nexport function resetReactiveActivity() {\n  activityCount = 0\n  const root = typeof document !== \"undefined\" ? document.documentElement : null\n  root?.removeAttribute?.(ACTIVE_ATTR)\n}\n\n// Write the <html> marker from the current count and fire the edge event on\n// document. Both sides are independently guarded so a partial document stub (a\n// documentElement without toggleAttribute, or a document without dispatchEvent)\n// degrades to a no-op rather than throwing.\nfunction syncReactiveActivity(eventName) {\n  if (typeof document === \"undefined\") return\n  const root = document.documentElement\n  if (typeof root?.toggleAttribute === \"function\") {\n    root.toggleAttribute(ACTIVE_ATTR, activityCount > 0)\n  }\n  if (typeof document.dispatchEvent === \"function\" && typeof CustomEvent === \"function\") {\n    document.dispatchEvent(new CustomEvent(eventName, { detail: { count: activityCount } }))\n  }\n}\n\nexport function registerReactiveActions() {\n  registerReactiveVisit()\n  registerReactiveToken()\n  registerReactiveJs()\n  registerReactiveDefer()\n  registerReactiveDismiss()\n  registerReactiveEffects()\n  registerReactiveOffline()\n  attachLatencyHandle()\n}\n\n// Escape a DOM id for safe interpolation into a RegExp (an id can legally contain\n// regex metacharacters like `.`/`:` — e.g. an `escape:`-namespaced or dotted id).\n// Used by #extractToken to match the stream that re-renders THIS element by id.\nexport function escapeRegExp(string) {\n  return string.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")\n}\n\nif (typeof window !== \"undefined\") {\n  if (window.Turbo) registerReactiveActions()\n  else document.addEventListener(\"turbo:load\", registerReactiveActions, { once: true })\n}\n\n// --- Registration guard (issue #26 part 2) -------------------------------\n// In a `lazyLoadControllersFrom(\"controllers\", application)` app, only\n// controllers under app/javascript/controllers/ are registered. This module\n// lives outside that dir, so importing it isn't enough — `data-controller=\n// \"reactive\"` does NOTHING until the host runs application.register(\"reactive\",\n// ...). The failure is silent: components render, but no action ever fires.\n//\n// We can't warn from connect() in that case (connect never runs). Instead, once\n// the page is ready, if reactive elements exist but no controller has connected,\n// the controller wasn't registered — so we warn, pointing at the fix.\nlet reactiveConnected = false\n\nexport function checkReactiveRegistration() {\n  if (reactiveConnected) return\n  if (typeof document === \"undefined\") return\n  const els = document.querySelectorAll('[data-controller~=\"reactive\"]')\n  if (!els || els.length === 0) return\n  console.warn(\n    \"[phlex-reactive] found \" + els.length + ' element(s) with data-controller=\"reactive\" ' +\n      \"but the reactive controller never connected. It is loaded but not registered — \" +\n      'add `application.register(\"reactive\", ReactiveController)` (importmap) or import it ' +\n      \"into app/javascript/controllers/ for lazyLoadControllersFrom apps. See the README.\"\n  )\n}\n\n// Test seams (no-ops in production usage).\nexport function __resetReactiveRegistrationForTest() {\n  reactiveConnected = false\n}\nexport function __markReactiveConnectedForTest() {\n  reactiveConnected = true\n}\n\nif (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n  // Defer past initial controller connection (a microtask/tick after ready).\n  const scheduleCheck = () => setTimeout(checkReactiveRegistration, 0)\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", scheduleCheck, { once: true })\n  } else {\n    scheduleCheck()\n  }\n}\n\n// The interpret-time attribute-name allowlist (issue #96) — the SECOND half of\n// the two-sided default-deny. The Ruby builder already refuses these at build\n// time; this guards a hand-built / forged ops attr from bypassing it. Refused:\n// event handlers (on*, XSS), URL-bearing names (a javascript: navigation\n// surface), and style (CSS injection). Case-insensitive, mirroring js.rb.\nconst REFUSED_ATTR_URL = new Set([\"href\", \"src\", \"srcdoc\", \"action\", \"formaction\", \"xlink:href\", \"style\"])\nfunction attrRefused(name) {\n  const lower = String(name).toLowerCase()\n  return lower.startsWith(\"on\") || REFUSED_ATTR_URL.has(lower)\n}\n\n// Run an animated visibility change (issue #96 `transition:`). `flip` performs\n// the actual hidden-flag change; `[during, from, to]` are class lists applied\n// AROUND it. Cleanup (removing during+to) is awaited via `animationend` OR a\n// setTimeout fallback — whichever comes first — so an element with NO animation\n// never leaves the helper classes stuck (the op chain itself is not blocked:\n// cleanup is fire-and-forget, later ops run immediately). The fallback and the\n// listener share a one-shot `done` guard so cleanup runs exactly once.\nfunction runTransition(el, transition, flip) {\n  const [during, from, to] = transition\n  el.classList.add(during, from)\n  flip()\n  requestAnimationFrame(() => {\n    el.classList.remove(from)\n    el.classList.add(to)\n  })\n\n  let done = false\n  const cleanup = () => {\n    if (done) return\n    done = true\n    el.classList.remove(during, to)\n  }\n  el.addEventListener(\"animationend\", cleanup, { once: true })\n  // ~10% over a common 300ms transition; also the ONLY path for a non-animated\n  // element (animationend never fires there), so it must always be scheduled.\n  setTimeout(cleanup, 350)\n}\n\n// The client-op whitelist behind on_client (issue #95, extended in #96). Mirrors\n// Phlex::Reactive::JS's vocabulary; an op name not in this map is\n// warn-and-skipped by #applyOps (client-side default-deny — a stale or newer\n// ops attr must never break the page). Each op is a pure, local DOM mutation:\n// nothing is read back, nothing is sent anywhere. Frozen so nothing can be\n// registered into it at runtime — extending the vocabulary is a gem change,\n// not an app hook.\nconst CLIENT_OPS = Object.freeze({\n  show: (el, args) => setHidden(el, false, args),\n  hide: (el, args) => setHidden(el, true, args),\n  toggle: (el, args) => setHidden(el, !el.hidden, args),\n  add_class: (el, args) => el.classList.add(...(args.classes ?? [])),\n  remove_class: (el, args) => el.classList.remove(...(args.classes ?? [])),\n  toggle_class: (el, args) => (args.classes ?? []).forEach((c) => el.classList.toggle(c)),\n\n  // Attribute ops (issue #96), interpret-time allowlisted. set_attr writes the\n  // (already-stringified) value; toggle_attr adds a missing attr (value \"\") or\n  // removes a present one; remove_attr removes it. A refused name warns + skips.\n  set_attr: (el, args) => {\n    if (guardAttr(args.name)) el.setAttribute(args.name, args.value ?? \"\")\n  },\n  remove_attr: (el, args) => {\n    if (guardAttr(args.name)) el.removeAttribute(args.name)\n  },\n  toggle_attr: (el, args) => {\n    if (!guardAttr(args.name)) return\n    if (el.hasAttribute(args.name)) el.removeAttribute(args.name)\n    else el.setAttribute(args.name, \"\")\n  },\n\n  // Focus ops (issue #96). focus targets the match itself; focus_first targets\n  // its first focusable descendant (opened-menu → first menuitem).\n  focus: (el) => el.focus?.(),\n  focus_first: (el) => firstFocusable(el)?.focus?.(),\n\n  // Text op (issue #159): set textContent — XSS-safe by construction (never\n  // innerHTML), strictly less powerful than set_attr. Change-guarded like\n  // #mirrorText. With global: true it is the cross-root text escape: paint a\n  // value into a recap node OUTSIDE the component's root.\n  text: (el, args) => {\n    const text = String(args.value ?? \"\")\n    if (el.textContent !== text) el.textContent = text\n  },\n\n  // Dispatch a bubbling CustomEvent (issue #96). RAW element.dispatchEvent — the\n  // controller SHADOWS Stimulus's this.dispatch helper, so it must not be used.\n  dispatch: (el, args) => {\n    el.dispatchEvent(new CustomEvent(args.name, { bubbles: true, composed: true, detail: args.detail ?? {} }))\n  },\n})\n\n// Apply a hidden-flag change, optionally animated by a [during, from, to]\n// transition (issue #96). Split out so show/hide/toggle share it.\nfunction setHidden(el, hidden, args) {\n  if (args?.transition) runTransition(el, args.transition, () => (el.hidden = hidden))\n  else el.hidden = hidden\n}\n\n// The interpret-time attribute guard: refuse (warn + skip) a name off the\n// allowlist. Returns true when the op may proceed.\nfunction guardAttr(name) {\n  if (!attrRefused(name)) return true\n  console.warn(`[phlex-reactive] refused client attr op on ${JSON.stringify(name)} — skipped`)\n  return false\n}\n\n// A cross-root mirror target must be a single ID selector (issue #159) — \"#\" +\n// a CSS identifier, nothing else. The client half of the two-sided default-deny\n// (reactive_compute's `mirror:` validates the SAME shape loudly at declare\n// time): a hand-built mirror attr must not widen a declared text mirror into a\n// page-wide selector write. A refused selector warns + skips (its siblings\n// still apply), matching the attr-allowlist posture.\nconst MIRROR_ID_SELECTOR = /^#[A-Za-z_][\\w-]*$/\nfunction guardMirrorSelector(selector) {\n  if (typeof selector === \"string\" && MIRROR_ID_SELECTOR.test(selector)) return true\n  console.warn(`[phlex-reactive] refused cross-root mirror target ${JSON.stringify(selector)} — skipped`)\n  return false\n}\n\n// Evaluate a show binding's declared literal predicate (issue #161) against\n// the controlling field's current value. Exactly one of the three predicate\n// attrs decides: equals (value === literal), not (value !== literal), in\n// (value ∈ a JSON string list). The vocabulary is fixed and literal-only —\n// never an expression, so there is no eval surface (the reactive_show helper\n// enforces the same shape loudly at render; this is the client half of the\n// two-sided posture). Returns true/false for a decidable binding, or null for\n// a malformed/missing predicate — the caller SKIPS a null so a hand-built or\n// stale binding never flips visibility it doesn't understand (default-deny,\n// like the op whitelist).\nfunction showBindingMatches(el, value) {\n  const equals = el.getAttribute(\"data-reactive-show-equals\")\n  if (equals !== null) return value === equals\n  const not = el.getAttribute(\"data-reactive-show-not\")\n  if (not !== null) return value !== not\n  const inRaw = el.getAttribute(\"data-reactive-show-in\")\n  if (inRaw !== null) {\n    try {\n      const list = JSON.parse(inRaw)\n      if (Array.isArray(list)) return list.includes(value)\n    } catch {\n      // fall through to the warn below — malformed JSON and a non-array both skip\n    }\n    console.warn(`[phlex-reactive] malformed reactive_show in: list ${JSON.stringify(inRaw)} — skipped`)\n    return null\n  }\n  // Numeric threshold predicates (issue #176 part B): gte/gt/lte/lt read the\n  // literal off its own flat attr and compare Number(value) against it. Any\n  // present numeric attr decides the binding — a non-numeric field value (NaN)\n  // is false (hidden), and a non-numeric LITERAL warn-skips (null).\n  for (const key of SHOW_NUMERIC_KEYS) {\n    const raw = el.getAttribute(`data-reactive-show-${key}`)\n    if (raw !== null) return numericPredicateMatches(key, raw, value)\n  }\n  console.warn(\"[phlex-reactive] a reactive_show binding declares no predicate — skipped\")\n  return null\n}\n\n// The numeric threshold keys (issue #176 part B) — the client half of the Ruby\n// SHOW_NUMERIC_KEYS. Order-independent; the evaluator reads the one that's\n// present. Each coerces BOTH sides to Number and compares.\nconst SHOW_NUMERIC_KEYS = [\"gte\", \"gt\", \"lte\", \"lt\"]\n\n// Evaluate one numeric threshold predicate against a field value. Returns\n// true/false for a decidable comparison, or null when the LITERAL itself is\n// non-numeric (a malformed binding — warn-skip, default-deny). A non-numeric\n// FIELD value (empty/blank/garbage) is treated as NaN → false: the\n// reveal-on-threshold notice stays hidden, the safe default. Shared by the\n// owned-binding evaluator (raw string literal off an attr) and the\n// cross-root/compound evaluator (a literal that arrived as a JSON number or\n// string).\nfunction numericPredicateMatches(key, literal, value) {\n  const rhs = Number(literal)\n  if (Number.isNaN(rhs)) {\n    console.warn(`[phlex-reactive] reactive_show ${key}: needs a numeric literal, got ${JSON.stringify(literal)} — skipped`)\n    return null\n  }\n  // A blank/whitespace field value must fail closed. Number(\"\") and\n  // Number(\"   \") are 0 (NOT NaN), so a bare Number()+isNaN check would wrongly\n  // reveal a `lte:`/`lt:`/`gte: 0` binding on an EMPTY field. Force the\n  // empty/blank case to NaN so the \"blank → hidden\" contract holds for every\n  // operator, not just the ones where 0 happens to fail the comparison.\n  const trimmed = value == null ? \"\" : String(value).trim()\n  const n = trimmed === \"\" ? NaN : Number(trimmed)\n  if (Number.isNaN(n)) return false\n  switch (key) {\n    case \"gte\":\n      return n >= rhs\n    case \"gt\":\n      return n > rhs\n    case \"lte\":\n      return n <= rhs\n    case \"lt\":\n      return n < rhs\n    default:\n      return null\n  }\n}\n\n// Evaluate an ALREADY-PARSED show predicate object (issue #164) — the\n// reactive_show_targets map embeds { equals/not/in } directly in its JSON, so\n// unlike showBindingMatches there are no attrs to read or re-parse. The same\n// literal-only vocabulary; anything else (empty, unknown keys, a non-array\n// in:) returns null and the caller warn-skips that target (default-deny — a\n// hand-built map entry must never flip visibility it doesn't declare).\nfunction showPredicateMatches(pred, value) {\n  if (!pred || typeof pred !== \"object\") return null\n  if (typeof pred.equals === \"string\") return value === pred.equals\n  if (typeof pred.not === \"string\") return value !== pred.not\n  if (Array.isArray(pred.in)) return pred.in.includes(value)\n  // Numeric threshold predicates (issue #176 part B): the literal arrives as a\n  // JSON number (or a numeric string) embedded in the predicate object — one\n  // shared numericPredicateMatches with the owned-binding evaluator.\n  for (const key of SHOW_NUMERIC_KEYS) {\n    if (key in pred) return numericPredicateMatches(key, pred[key], value)\n  }\n  return null\n}\n\n// The selector matching every OWNED-element show binding: single-field\n// (data-reactive-show-field, issue #161) OR compound all:/any:\n// (data-reactive-show, issue #176). Both the connect() gate and the sync walk\n// use it so a compound-only root still enables the sync.\nconst SHOW_BINDING_SELECTOR = \"[data-reactive-show-field], [data-reactive-show]\"\n\n// Parse a compound show binding's JSON payload (issue #176 part A). Malformed\n// JSON degrades to null WITH a warn — a bad binding must never throw or blank\n// the page (client-side default-deny), but a collision (two bindings' JSON\n// mix-joined) is worth surfacing.\nfunction parseShowCompound(raw) {\n  try {\n    const parsed = JSON.parse(raw)\n    if (parsed && typeof parsed === \"object\" && !Array.isArray(parsed)) return parsed\n  } catch {\n    // fall through to the warn\n  }\n  console.warn(`[phlex-reactive] malformed compound reactive_show payload ${JSON.stringify(raw)} — skipped`)\n  return null\n}\n\n// Evaluate one DNF TERM against a resolved field value (issue #180). A missing\n// field (null) or a malformed/unknown predicate folds to FALSE — fail-closed\n// (default-deny): a broken AND term can't pass, a broken OR term can't reveal.\nfunction dnfTermMatches(term, fieldValue) {\n  if (!term || typeof term !== \"object\" || typeof term.field !== \"string\") return false\n  // An absent owned field reads as \"\" — identical to the server evaluator\n  // (ShowConditions.match? treats a missing field as blank). This keeps the\n  // Ruby first-paint and the client live-toggle in exact agreement (the shared\n  // fixture proves it). A malformed predicate still folds to false.\n  const value = fieldValue(term.field) ?? \"\"\n  return showPredicateMatches(term, value) === true\n}\n\n// Evaluate a DNF show payload (issue #180): { any: [group, …] } where each\n// GROUP is an array of terms (terms AND within a group, groups OR). Returns\n// true/false for a decidable payload, or null for a malformed one (no groups)\n// so the caller warn-skips and leaves visibility alone. This is the ONE shape\n// the 0.10 wire emits; showPayloadMatches routes the legacy shapes here or to\n// the compatibility arm below.\nfunction anyOfAllsMatches(groups, fieldValue) {\n  if (!Array.isArray(groups) || groups.length === 0) return null\n  // groups OR; within a group, terms AND (an empty group can't decide → false).\n  return groups.some((group) => Array.isArray(group) && group.length > 0 &&\n    group.every((term) => dnfTermMatches(term, fieldValue)))\n}\n\n// Every field a DNF payload's groups reference (issue #209) — drives the\n// \"leave the target alone when NO referenced field is owned\" skip, the\n// single-field-target skip generalized. Returns null for a malformed payload\n// (no groups, or no term names a field) so the caller warn-skips instead of\n// toggling on garbage (default-deny, like every other malformed-wire arm).\nfunction dnfGroupFields(groups) {\n  if (!Array.isArray(groups) || groups.length === 0) return null\n  const fields = new Set()\n  for (const group of groups) {\n    if (!Array.isArray(group)) continue\n    for (const term of group) {\n      if (term && typeof term === \"object\" && typeof term.field === \"string\") fields.add(term.field)\n    }\n  }\n  return fields.size > 0 ? [...fields] : null\n}\n\n// Route a parsed data-reactive-show payload to the right evaluator. The 0.10\n// wire is { any: [ [term,…], … ] } (DNF — groups are ARRAYS). For a stale tab\n// still serving pre-0.10 HTML (deploy overlap), fall back to the 0.9.5 compound\n// shape { all: [term,…] } / { any: [term,…] } where the values are flat TERM\n// OBJECTS, not arrays. The nesting distinguishes them: DNF's any[0] is an Array.\n// DELETE the legacy arm in 0.11.\nfunction showPayloadMatches(payload, fieldValue) {\n  if (!payload || typeof payload !== \"object\") return null\n  const any = payload.any\n  if (Array.isArray(any) && (any.length === 0 || Array.isArray(any[0]))) {\n    return anyOfAllsMatches(any, fieldValue)\n  }\n  return legacyCompoundShowMatches(payload, fieldValue)\n}\n\n// LEGACY (0.9.5, deploy-overlap only — DELETE in 0.11): the flat all:/any:\n// compound fold, where terms are objects (not groups). Preserved so a morph of\n// stale pre-0.10 HTML doesn't go dead.\nfunction legacyCompoundShowMatches(payload, fieldValue) {\n  const connective = Array.isArray(payload.all) ? \"all\" : Array.isArray(payload.any) ? \"any\" : null\n  if (!connective) return null\n  const terms = payload[connective]\n  if (terms.length === 0) return null\n  const results = terms.map((term) => dnfTermMatches(term, fieldValue))\n  return connective === \"all\" ? results.every(Boolean) : results.some(Boolean)\n}\n\n// A cross-root show target must be a single ID selector (issue #164) — the\n// SAME shape the #159 mirror enforces (one shared regex), with its own warn so\n// a refused show target is distinguishable in the console. The client half of\n// the two-sided default-deny: reactive_show_targets raises at declare time; a\n// hand-built wire attr must not widen the escape to class/compound selectors.\n// A refused selector warns + skips — its siblings still apply.\nfunction guardShowTargetSelector(selector) {\n  if (typeof selector === \"string\" && MIRROR_ID_SELECTOR.test(selector)) return true\n  console.warn(`[phlex-reactive] refused cross-root show target ${JSON.stringify(selector)} — skipped`)\n  return false\n}\n\n// The first focusable descendant of `el`, in document order — the natural\n// keyboard target inside an opened menu/dialog. Covers the standard focusable\n// set; :not([tabindex=\"-1\"]) drops explicitly-removed nodes. Returns null when\n// nothing inside is focusable (focus_first then no-ops).\nconst FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\nfunction firstFocusable(el) {\n  return el.querySelectorAll?.(FOCUSABLE)?.[0] ?? null\n}\n\n// Parse a [[name, args], ...] op list from a raw attr/param. An array passes\n// through; a JSON string is parsed; anything malformed degrades to [] — a bad\n// ops attr must NEVER break the page (client-side default-deny). Shared by the\n// controller's runOps and the reactive:js stream action (issue #97).\nfunction parseOps(raw) {\n  if (Array.isArray(raw)) return raw\n  if (typeof raw !== \"string\") return []\n  try {\n    const list = JSON.parse(raw)\n    return Array.isArray(list) ? list : []\n  } catch {\n    return []\n  }\n}\n\n// Interpret a [[name, args], ...] op list against the frozen CLIENT_OPS\n// whitelist (issues #95/#96/#97). `resolveTargets(args)` returns the element(s)\n// an op applies to — the controller scopes to its root (excluding nested\n// reactive roots); the reactive:js stream action scopes to its target root (or\n// the document). An unknown name warns and is SKIPPED while the rest of the\n// chain still applies — client-side default-deny, one bad op never takes down\n// its siblings. Object.hasOwn (not a bare read) so inherited Object members\n// (\"constructor\") can't masquerade as ops.\nfunction applyOps(list, resolveTargets) {\n  for (const entry of list) {\n    if (!Array.isArray(entry)) continue\n    const [name, args = {}] = entry\n    if (!Object.hasOwn(CLIENT_OPS, name)) {\n      console.warn(`[phlex-reactive] unknown client op ${JSON.stringify(name)} — skipped`)\n      continue\n    }\n    for (const el of resolveTargets(args)) CLIENT_OPS[name](el, args)\n  }\n}\n\n// Resolve a reactive:js op's targets against its `target` root (issue #97).\n// \"@root\" is the root element itself; a selector resolves WITHIN it; a bare\n// selector with no root (no `target` attr on the stream) resolves document-wide\n// — a broadcast op anchored by a global selector (#bell) rather than a\n// component. Unlike the controller path there is no nested-reactive-root\n// ownership filter: a server-pushed op names its own scope explicitly —\n// including `global: true`, which opts a single op out of the target-root\n// scope to document-wide resolution (issue #159; the same escape the builder\n// documents for the controller path).\nfunction streamOpTargets(args, root) {\n  const to = args.to\n  if (root) {\n    if (to === \"@root\") return [root]\n    if (typeof to !== \"string\" || to === \"\") return []\n    if (args.global) return [...document.querySelectorAll(to)]\n    return [...root.querySelectorAll(to)]\n  }\n  // No target root: document-scoped. \"@root\" is meaningless here (nothing to\n  // anchor to) → no-op; a selector matches document-wide.\n  if (typeof to !== \"string\" || to === \"\" || to === \"@root\") return []\n  return [...document.querySelectorAll(to)]\n}\n\n// Register this controller eagerly (not lazily) so a click immediately after\n// page load is never missed. The phlex-reactive engine auto-pins it with\n// preload: true for importmap apps; see the README for esbuild/webpack.\nexport default class extends Controller {\n  static values = {\n    token: String, // signed identity token (component + record gid/state)\n  }\n\n  #tokenCache // freshest token, threaded synchronously across queued requests\n  #debounceTimers = new Map() // trigger element -> { timer, flush } pending dispatch\n  #throttleTimers = new Map() // trigger element -> Map(action -> suppression timer)\n  #actionPathCache // page-stable action path, resolved once per controller\n  #timeoutMsCache // page-stable request timeout (ms), resolved once per controller (issue #101)\n  #tokenRegexCache // { id, token, self } — #extractToken's two per-id RegExps, rebuilt on id change (issue #118)\n  // Loading-state bookkeeping (issue #99). All keyed so overlapping enqueues\n  // refcount correctly and never clobber each other:\n  #busyPending = 0 // root aria-busy pending counter (remove only at zero)\n  #busyActions = new Map() // action -> in-flight count (root's space-separated busy set + busy_on)\n  #busyTokenCounts = new WeakMap() // element -> Map(action -> count): its data-reactive-busy token set\n  #textDisableSnapshots = new Map() // trigger -> { count, disabled, html } refcounted text/disable snapshot (issue #181)\n  // Issue #183: the `input` events recompute dispatches for its OWN output writes,\n  // marked so a re-entrant recompute on THIS root skips re-running the reducer\n  // (single-pass write set). Per-instance, so another root's events are never\n  // swallowed. WeakSet: entries drop when the short-lived Event is GC'd.\n  #computeSelfDispatched = new WeakSet()\n  // Dirty tracking (issue #103): the bound re-scan (turbo:morph-element) and the\n  // navigate-away guard handlers, held so disconnect() can remove exactly them.\n  #boundScanDirty\n  #boundBeforeUnload\n  #boundBeforeVisit\n  // Show bindings (issue #161): the ONE delegated sync handler shared by the\n  // root's input/change/turbo:morph-element listeners, held for teardown.\n  #boundSyncShow\n  // Option filtering (issue #163): the ONE delegated sync handler shared by the\n  // root's input/turbo:morph-element listeners, held for teardown.\n  #boundSyncFilter\n  // Tag-chip input (issue #203): the bound re-projection attached to\n  // turbo:morph-element (a morph rewrites the hidden field to server truth, so\n  // the chip projection must follow), held for teardown — plus the once-only\n  // missing-template warning latch.\n  #boundSyncTags\n  #tagsWarnedTemplate = false\n  // Draft nested-attribute rows (issue #208): the strictly-monotonic index\n  // counter (clock-seeded so it never collides with server-rendered 0..n\n  // indexes) plus the once-only missing-list/template warning latch.\n  #nestedIndex = 0\n  #nestedWarned = false\n  // JSON-mode nested rows (issue #208): the bound delegated input/change\n  // handler and the bound morph re-seed, held so disconnect() removes exactly\n  // them.\n  #boundSyncNestedJson\n  #boundSeedNestedJson\n  // Connect-time compute seed (issue #199): the bound re-seed attached to\n  // turbo:morph-element so an in-place morph re-runs the compute, held for teardown.\n  #boundSeedCompute\n  // Lazy initial mount (issue #165): the bound re-probe attached to\n  // turbo:morph-element so a Turbo page-refresh morph re-fires the defer fetch.\n  #boundProbeLazyDefer\n\n  // Mark that a reactive controller actually connected, so the registration\n  // guard above knows the controller was registered (issue #26 part 2).\n  connect() {\n    reactiveConnected = true\n\n    // Root-id guard (issue #48). The token round trip assumes the reactive root\n    // element's id == component.id: the server targets component.id and the client\n    // self-matches its NEXT token by this.element.id (#extractToken, issue #46).\n    // If `id:` landed on a CHILD instead of the `**reactive_attrs` root, this id is\n    // \"\" — #extractToken falls back to the FIRST token in the response (a child's),\n    // so the next action POSTs a foreign token → endpoint default-deny → silent 403.\n    // Warn NOW (on connect) so the failure surfaces on page load, not on click 2.\n    if (this.element.id === \"\") {\n      console.warn(\n        \"[phlex-reactive] a reactive root has no id; its next-action token can't self-match \" +\n          \"and may fall back to the first token in the response → a silent HTTP 403 on the NEXT action. \" +\n          \"Put id: on the SAME element as reactive_attrs — use div(**reactive_root) (emits id + token together), \" +\n          \"or div(id:, **reactive_attrs). The id: must NOT be on a child. See the README.\"\n      )\n    }\n\n    // Lazy initial mount (issue #165): a reactive_lazy shell carries its defer\n    // token as a ROOT attribute — enter the SAME module-level fetch path a\n    // reply directive uses (supersession, pending markers, error handling\n    // included). Probe on connect (a plain replace / cache restoration\n    // re-connects) AND on turbo:morph-element: a Turbo page-refresh MORPH\n    // re-shows the shell while keeping the element CONNECTED and firing no\n    // Stimulus lifecycle, so a connect-only probe would leave the morphed-in\n    // shell shimmering forever. The supersession registry makes a duplicate\n    // probe a no-op (same target id), so re-probing is safe. The attribute\n    // stays on the shell precisely so a re-appearance re-fires.\n    // Only wire the morph re-probe for a root that IS a lazy shell (carries the\n    // token) — a component that never uses reactive_lazy pays nothing (no\n    // listener), matching the dirty-tracking / show-sync gating precedent.\n    if (this.element.getAttribute?.(\"data-reactive-defer-token\")) {\n      this.#probeLazyDefer()\n      this.#boundProbeLazyDefer = () => this.#probeLazyDefer()\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundProbeLazyDefer)\n    }\n\n    // Dirty tracking (issue #103) — ONLY when this root opts in (track_dirty: or a\n    // reactive_field(dirty:)), so a component that never uses it pays nothing (no\n    // baseline scan, no morph listener on every broadcast). A plain (outerHTML)\n    // replace re-connects the controller, so seed the baseline scan here — the root\n    // reflects current-vs-default WITHOUT waiting for the first input. An in-place\n    // morph / broadcast morph keeps the element CONNECTED and fires no Stimulus\n    // lifecycle, so ALSO listen for turbo:morph-element on this.element to re-scan\n    // after the morph writes fresh default* attributes (reactive:applied is NOT a\n    // valid hook — it fires when streams are handed to Turbo, BEFORE the DOM\n    // mutation). Both listeners are torn down in disconnect().\n    if (this.#dirtyTrackingEnabled()) {\n      this.#boundScanDirty = () => this.#scanDirty()\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundScanDirty)\n      this.#scanDirty()\n\n      // warn_unsaved: arm a navigate-away guard gated on a LIVE dirty-count read\n      // (never a cached snapshot — the count is re-derived from the DOM each time).\n      // beforeunload covers a real browser unload; turbo:before-visit covers a\n      // Turbo in-app navigation (it does NOT fire on restoration visits — the\n      // documented gap). Registered on window only when the marker is present.\n      if (this.element.getAttribute?.(\"data-reactive-warn-unsaved\") === \"true\") {\n        this.#armUnsavedGuard()\n      }\n    }\n\n    // Show bindings (issue #161) — ONLY when this root owns one, so a component\n    // without any pays a single probe (the dirty-tracking gate precedent). ONE\n    // delegated listener pair on the root (input + change bubble from every\n    // owned field — no per-field wiring, and a reactive_compute output write\n    // dispatches a real input event, so computed values drive visibility too).\n    // The connect sync seeds the initial state — a plain replace re-connects —\n    // and turbo:morph-element re-syncs after an in-place morph (which keeps the\n    // element connected, fires no Stimulus lifecycle, and may preserve a\n    // user-edited field value the server's hidden attrs don't reflect).\n    if (this.#showSyncEnabled()) {\n      this.#boundSyncShow = () => this.#syncShow()\n      this.element.addEventListener?.(\"input\", this.#boundSyncShow)\n      this.element.addEventListener?.(\"change\", this.#boundSyncShow)\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundSyncShow)\n      this.#syncShow()\n    }\n\n    // Option filtering (issue #163) — ONLY when the root declares the binding\n    // (reactive_filter emits both attrs together), so a component without one\n    // pays two attribute reads. ONE delegated input listener on the root — the\n    // handler re-filters only for events from the NAMED input, so keystrokes in\n    // unrelated fields on a wide form never pay a filter pass. The connect sync\n    // seeds from the input's current value (a plain replace re-connects; back\n    // navigation may restore typed text), and turbo:morph-element re-applies\n    // after an in-place morph (which keeps the element connected, fires no\n    // Stimulus lifecycle, and may preserve the user's typed query while the\n    // server re-rendered every option visible).\n    if (this.#filterEnabled()) {\n      this.#boundSyncFilter = (event) => {\n        if (event?.type === \"input\" && !this.#filterInputEvent(event)) return\n        this.#syncFilter()\n      }\n      this.element.addEventListener?.(\"input\", this.#boundSyncFilter)\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundSyncFilter)\n      this.#syncFilter()\n    }\n\n    // Tag-chip input (issue #203) — ONLY when the root names the hidden value\n    // field (reactive_tags), so a component without one pays one attribute\n    // read. The chip list is a CLIENT PROJECTION of the hidden field's\n    // comma-joined value: connect seeds it (a plain replace re-connects with\n    // the server-rendered value), and turbo:morph-element re-projects after an\n    // in-place morph (the morph wrote server truth into the hidden field while\n    // the chips DOM kept the pre-morph projection). Registered AFTER the\n    // filter's listeners so a morph re-filters first and the tags pass then\n    // re-marks selected options on the fresh visibility state.\n    if (this.#tagsEnabled()) {\n      this.#boundSyncTags = () => this.#syncTags()\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundSyncTags)\n      this.#syncTags()\n    }\n\n    // JSON-mode nested rows (issue #208) — ONLY when the root owns a list with\n    // `as: :json`, so a form without one pays a single probe (the show/filter/\n    // tags gate precedent). ONE delegated input + change listener re-serializes\n    // the rows into the hidden field on every owned edit (nestedAdd/Remove call\n    // the sync directly; this covers typing into a row's fields). The connect\n    // seed writes the initial array (a plain replace re-connects), and\n    // turbo:morph-element re-seeds after an in-place morph (which keeps the\n    // element connected, fires no Stimulus lifecycle, and may have rewritten\n    // the rows to server truth while the hidden field kept its pre-morph value).\n    if (this.#nestedJsonEnabled()) {\n      this.#boundSyncNestedJson = (event) => this.syncNestedJson(event)\n      this.#boundSeedNestedJson = () => this.#syncAllNestedJson()\n      this.element.addEventListener?.(\"input\", this.#boundSyncNestedJson)\n      this.element.addEventListener?.(\"change\", this.#boundSyncNestedJson)\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundSeedNestedJson)\n      this.#syncAllNestedJson()\n    }\n\n    // Connect-time compute seed (issue #199) — ONLY when the root carries a\n    // reactive_compute binding that opts in (data-reactive-compute-seed). A\n    // freshly-rendered compute root (a first paint, or a server validation-error\n    // re-render that replaced the body) computed NOTHING until the first user\n    // `input`; apps worked around it by dispatching a synthetic seed `input` on\n    // connect, but the compute root is a distinct Stimulus controller that may\n    // connect a frame later, so the seed raced its own wiring — the reported\n    // symptom being a PARTIAL apply (an early output paints; a later output + the\n    // mirror stay blank). Running ONE recompute() HERE — after Stimulus has fully\n    // connected the controller and wired the input->recompute delegation — runs\n    // the whole single-pass write set (issue #183) synchronously, so every\n    // declared output, text sink, and cross-root mirror paints from one reducer\n    // result. It is client-only (recompute never enqueues a round trip) and\n    // idempotent (change-guarded writes make a re-seed a no-op — an app still\n    // dispatching a synthetic input is harmless). A plain replace re-connects and\n    // re-seeds; an in-place morph keeps the element CONNECTED and fires no\n    // Stimulus lifecycle, so ALSO re-seed on turbo:morph-element (the show/filter/\n    // dirty precedent). No event is passed, so meta.changed is null — the correct\n    // \"no field edited yet\" seed semantics; a convergent reducer's default branch\n    // computes the full settled set (see compute.js CONVERGENCE REQUIREMENT).\n    if (this.#computeSeedEnabled()) {\n      this.#boundSeedCompute = () => this.recompute()\n      this.element.addEventListener?.(\"turbo:morph-element\", this.#boundSeedCompute)\n      this.recompute()\n    }\n  }\n\n  // Whether this root opts into dirty tracking (issue #103): track_dirty: puts the\n  // trackDirty descriptor on the ROOT's data-action; a per-field reactive_field(\n  // dirty:) puts it on a descendant field. Either turns tracking on. A quick\n  // attribute read + one scoped query, evaluated once per connect (a cold path).\n  #dirtyTrackingEnabled() {\n    if ((this.element.getAttribute?.(\"data-action\") ?? \"\").includes(\"reactive#trackDirty\")) return true\n    const nodes = this.element.querySelectorAll?.('[data-action*=\"reactive#trackDirty\"]') ?? []\n    for (const el of nodes) if (this.#ownsField(el)) return true\n    return false\n  }\n\n  // Tear down any pending debounce timers when the controller leaves the DOM\n  // (Turbo morph/navigation removes the element). Otherwise a timer that hasn't\n  // fired yet would later call #enqueue on a disconnected controller — a round\n  // trip against a detached element / stale token (issue #17 follow-up).\n  // Throttle suppression timers (issue #80) are torn down the same way — a\n  // leading-edge timer holds no pending POST, but leaving it running would leak\n  // it past the element's life.\n  disconnect() {\n    this.#clearAllDebounces()\n    this.#clearAllThrottles()\n    this.#teardownDirtyTracking()\n    this.#teardownShowSync()\n    this.#teardownFilterSync()\n    this.#teardownTagsSync()\n    this.#teardownNestedJsonSync()\n    this.#teardownComputeSeed()\n    if (this.#boundProbeLazyDefer) {\n      this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundProbeLazyDefer)\n    }\n  }\n\n  // Lazy initial mount probe (issue #165): fetch the real content when THIS\n  // root is a reactive_lazy shell that still carries its defer token AND the\n  // pending marker. Gating on the pending marker is what makes a re-probe (a\n  // Turbo morph re-showing the shell) fire while a re-probe of an already\n  // RESOLVED root (real content, no token, no marker) is a no-op. The\n  // module-level supersession registry dedupes a duplicate in-flight fetch for\n  // the same id, so calling this on both connect and every morph is safe.\n  #probeLazyDefer() {\n    const el = this.element\n    if (!el?.id) return\n    const token = el.getAttribute?.(\"data-reactive-defer-token\")\n    if (!token) return\n    if (el.getAttribute?.(\"data-reactive-defer-pending\") !== \"true\") return\n    startFetchDefer(el.id, token)\n  }\n\n  // Serialize requests per component. Each round trip rewrites the signed\n  // token in the DOM (state lives in the token, not the client). If events\n  // fire faster than round trips complete, concurrent requests would all read\n  // the SAME stale token and clobber each other (last-write-wins). Chaining on\n  // a per-controller promise makes each dispatch wait for the previous one, so\n  // it always uses the freshest token.\n  dispatch(event) {\n    // `window` (renamed: never shadow the global) and `outside` are the event-\n    // modifier params (issue #80). The client decides preventDefault behavior\n    // from event.params — set by the Ruby on() — never by sniffing the\n    // Stimulus descriptor.\n    const { action, params, debounce, throttle, confirm, confirmWhen, outside, window: windowBound, optimistic } =\n      event.params\n    if (!action) return\n\n    // The pending-state hint (issue #181): data-reactive-busy-param. During a\n    // deploy overlap a page rendered by the PREVIOUS gem still emits the old\n    // data-reactive-loading-param — read it as a fallback so an in-flight page\n    // keeps its pending affordance until the next full render. The old `class:`\n    // key is remapped to add_class: so it flows through the one hint applier.\n    const busy = event.params.busy ?? this.#legacyLoadingHint(event.params.loading)\n\n    // Outside guard FIRST (issue #80): an outside: trigger only fires for\n    // events whose target is OUTSIDE this component's ROOT (containment against\n    // this.element — .contains includes the root itself). An event inside the\n    // root must be a COMPLETE no-op — before preventDefault (the page's native\n    // click behavior is untouched) and before the reactive:before-dispatch\n    // lifecycle event (nothing to announce, nothing to veto).\n    if (outside && this.element.contains(event.target)) return\n\n    // The trigger is event.currentTarget — the element on(...) was spread onto —\n    // NOT event.target (issue #99). A `<button><span>Save</span></button>` click\n    // has target === the span, which carries no params and is the wrong element\n    // to disable / swap text on. currentTarget is the bound element; fall back to\n    // target for a directly-invoked/synthetic event. Captured now because\n    // #proceed runs in a later microtask (after the confirm resolver), by which\n    // point currentTarget is reset to null.\n    const target = event.currentTarget ?? event.target\n\n    // Stop native behavior (button submit / FORM NAVIGATION) HERE, synchronously\n    // within the event dispatch — BEFORE the (possibly async) confirm gate below.\n    // preventDefault() only works while the event is still being handled; once we\n    // await the confirm resolver it's too late, and a `submit` trigger would\n    // natively POST the form and navigate before the reactive round trip runs\n    // (issue #11). For a `click` trigger there's no default to miss. This holds\n    // for debounced triggers too — the round trip is deferred, but the native\n    // default must still be prevented now. (Moved ahead of the confirm branch in\n    // issue #55: an async resolver means we can't preventDefault after awaiting.)\n    //\n    // ONLY for element-bound triggers: a window-bound trigger (window:/outside:,\n    // issue #80) hears EVERY matching event on the page — preventDefault-ing\n    // those would kill every link click while a dropdown is mounted. The page's\n    // native behavior proceeds alongside the reactive round trip.\n    //\n    // The `checked: :keep` optimistic hint (issue #98) OPTS OUT: for a click-bound\n    // checkbox/radio the unconditional preventDefault is exactly what stops the\n    // native flip from happening before the morph — so a bare checkbox click\n    // (which has no form-navigation default to lose) skips it and flips now, and\n    // the failure revert snaps it back. A `change`-bound trigger is unaffected —\n    // `change` isn't cancelable, so preventDefault was already a no-op there.\n    if (!windowBound && !this.#keepsNativeToggle(optimistic, target)) event.preventDefault()\n\n    // Resolve the EFFECTIVE confirm message (issue #179): a plain string confirm:\n    // is that string (static, #52); a Hash confirm: (confirmWhen) evaluates its\n    // condition/predicate over the collected fields and returns the message ONLY\n    // when it fires, else null → no dialog. No confirm at all → also null.\n    const message = this.#effectiveConfirmMessage(confirm, confirmWhen)\n\n    // No message → proceed straight away (unchanged fast path).\n    if (!message) return this.#proceed(target, action, params, debounce, throttle, optimistic, busy)\n\n    // Confirmation gate (issue #52, made overridable + async in #55). A reactive\n    // trigger can't use Hotwire's data-turbo-confirm — this controller preempts\n    // the event — so a `confirm:` message routes through confirmResolver (default\n    // window.confirm; an app can override it to reuse Turbo.config.forms.confirm).\n    // The resolver may be sync or async; call it INSIDE the chain (via the leading\n    // .then) so even a SYNCHRONOUS override throw rejects this promise instead of\n    // escaping dispatch — a throwing dialog is treated as a cancel, like the user\n    // dismissing it. The .catch is scoped to the resolver step (→ false = cancel),\n    // so a dismissed/erroring dialog never surfaces as an unhandled rejection AND a\n    // genuine bug inside #proceed is NOT silently swallowed. Enqueue ONLY on a\n    // truthy resolution — nothing is enqueued, no timer scheduled, otherwise.\n    // The resolver's optional 2nd arg (issue #222) carries the trigger element,\n    // so an override has the same ctx shape here as on nestedRemove ({ el, … }).\n    Promise.resolve()\n      .then(() => confirmResolver(message, { el: target }))\n      .catch(() => false)\n      .then((ok) => {\n        if (ok) this.#proceed(target, action, params, debounce, throttle, optimistic, busy)\n      })\n  }\n\n  // CLIENT-ONLY trigger entry point (issue #95) — the zero-round-trip sibling\n  // of dispatch(). Wired by on_client: applies the declared op chain\n  // (data-reactive-ops-param, built by Phlex::Reactive::JS) locally. NO token,\n  // NO params, NO fetch, ever. Ops are ephemeral UI: any server re-render of\n  // the component resets whatever they toggled (by design — a signed action\n  // owns state that must survive re-renders).\n  runOps(event) {\n    const { ops, confirm, confirmWhen, outside, window: windowBound } = event.params\n    // The trigger element on_client was spread onto (issue #222 ctx: { el }),\n    // captured now — currentTarget resets before the confirm resolver's microtask.\n    const trigger = event.currentTarget ?? event.target\n\n    // Outside guard FIRST — identical semantics to dispatch() (issue #80): an\n    // outside: trigger is a COMPLETE no-op for events inside this root, before\n    // preventDefault and before any op runs.\n    if (outside && this.element.contains(event.target)) return\n\n    // Element-bound triggers preventDefault (a bare button inside a <form>\n    // must not submit it); window-bound triggers (window:/outside:) never do —\n    // they hear every matching event on the page, and preventDefault-ing those\n    // would kill native clicks site-wide (issue #80 rationale). Runs BEFORE the\n    // (possibly async) confirm gate below — a native default can't wait for a\n    // pending dialog (same ordering as dispatch()).\n    if (!windowBound) event.preventDefault()\n\n    // Resolve the effective confirm message — static string, or the conditional\n    // Hash form (issue #179) evaluated over collected fields. Null → no dialog.\n    const message = this.#effectiveConfirmMessage(confirm, confirmWhen)\n\n    // No message → apply straight away (unchanged fast path, no prompt).\n    if (!message) return this.#applyOps(this.#parseOps(ops))\n\n    // Confirmation gate for client ops (issue #178) — the SAME confirmResolver\n    // gate on(:action, confirm:) uses (issues #52/#55), reused verbatim so a\n    // themed dialog set with setConfirmResolver covers BOTH paths. A destructive\n    // client op (clear a draft, reset a form) gets the one-line themed confirm\n    // without a round trip. Call the resolver INSIDE the chain (leading .then)\n    // so even a SYNCHRONOUS override throw rejects here instead of escaping\n    // runOps — a throwing dialog is a cancel, like dismissing it. The gate is\n    // here (the user gesture), NOT in #applyOps: that applier is shared with the\n    // server-pushed reactive:js stream action, which must NEVER prompt.\n    Promise.resolve()\n      .then(() => confirmResolver(message, { el: trigger }))\n      .catch(() => false)\n      .then((ok) => {\n        if (ok) this.#applyOps(this.#parseOps(ops))\n      })\n  }\n\n  // Dirty tracking (issue #103). Wired by reactive_field(dirty: true) /\n  // reactive_root(track_dirty: true): an `input` on an owned field runs a FULL\n  // re-scan of every field this root owns. NO round trip, NO shipped state — the\n  // baseline is the DOM's own defaultValue/defaultChecked/defaultSelected (the\n  // last server render). A full pass (not a per-target toggle) is essential for\n  // radio groups: the deselected radio flips to checked=false and fires no input\n  // event, so only re-scanning everything keeps its flag honest.\n  trackDirty() {\n    this.#scanDirty()\n  }\n\n  // Client-side compute (data binding). Wired by reactive_compute: an `input`\n  // trigger (input->reactive#recompute) runs a REGISTERED JS reducer over the\n  // named input fields and writes the named output fields WITH NO ROUND TRIP —\n  // the \"instant\" half of the new/unpersisted-record UX. If the field ALSO\n  // carries on(...) (a persisted record, or a synced draft), that debounced POST\n  // still fires and the server reply reconciles; recompute just paints first.\n  //\n  // Reads inputs/outputs/reducer from the root's data-reactive-compute-* attrs\n  // (set once by reactive_compute_attrs). A missing/unregistered reducer is a\n  // no-op — a page must never break because a binding wasn't wired up.\n  //\n  // The reducer gets a second argument, meta = { changed } (issue #75): the\n  // name of the declared input the triggering event edited, or null for a\n  // direct call / an unowned or undeclared target. A multi-way rebalance\n  // branches on it (edit c → derive a; else → derive c). Note that a #76\n  // output write dispatches a real input event, so recompute RE-ENTERS with\n  // changed = that output's name — the reducer must be convergent (see\n  // compute.js) so the change guard settles the chain.\n  recompute(event) {\n    // Issue #183 — single-pass write set: an `input` event this method dispatched\n    // for its OWN output writes is self-marked. Re-running the reducer on it would\n    // re-enter from a partially-written DOM (the old mid-loop-dispatch corruption\n    // class). Skip the reducer for our own event — but ONLY ours: the marker lives\n    // in a per-instance WeakSet, so a genuinely different root's compute event (or\n    // a real user edit) is never swallowed. The event still bubbled and fired every\n    // OTHER listener (dirty tracking, show bindings, sibling roots) before reaching\n    // here; we simply don't recompute a second time from our own write.\n    if (event && this.#computeSelfDispatched.has(event)) return\n\n    // Inputs may be a JSON ARRAY of names (array form — every input coerced\n    // through Number, the shipped behavior) or a JSON OBJECT of name→type (hash\n    // form, issue #104 — :number coerced, :string read raw). #parseComputeInputs\n    // returns [name, type] pairs either way (array form defaults type \"number\").\n    const inputPairs = this.#parseComputeInputs()\n    const inputs = inputPairs.map(([name]) => name)\n\n    // Resolve every declared input AND output through ONE per-call resolver whose\n    // ownership probe is computed ONCE (issue #117), replacing the per-name\n    // closest() walk #ownedField did on every read — a 30-field calculator paid\n    // ~60 closest() sweeps per keystroke. #ownershipFilter returns a constant-true\n    // predicate in the common no-nested-root case (skipping closest() entirely)\n    // and the exact #ownsField check when a nested reactive root is present\n    // (issue #15 scoping, byte-identical to before). Resolution is memoized in a\n    // per-CALL Map, FIRST-WINS, so a name read as an input AND written as an\n    // output resolves to the SAME element and is queried once.\n    //\n    // Why per-name `[name=\"X\"]` queries and not one bare `[name]` sweep: a single\n    // sweep is the natural \"one walk\", but the resolver must issue the SAME\n    // per-name query shape the field walk always has (the issue-#15 unit fakes\n    // answer only `[name=\"X\"]`). It is O(distinct declared names) queries, not the\n    // old O(inputs + outputs) — the ownership decision is hoisted out of the loop.\n    // The memo is per-CALL only: an output write dispatches `input` (issue #76),\n    // re-entering recompute, which correctly rebuilds a fresh map (a morph may\n    // have replaced the nodes) — it is NEVER stored on the instance.\n    // Scope (issue #183, mirroring #showFieldValue): a bare compute name `cash`\n    // under `data-reactive-scope=\"order\"` resolves as `[name=\"order[cash]\"]`. A\n    // name already carrying a bracket (a raw wire name the author passed) is used\n    // verbatim — so bracketed literals pass through unscoped.\n    const scope = this.element.getAttribute?.(\"data-reactive-scope\") || null\n    const scoped = (name) => (scope && !name.includes(\"[\") ? `${scope}[${name}]` : name)\n\n    const owns = this.#ownershipFilter()\n    const byName = new Map()\n    const ownedField = (name) => {\n      if (byName.has(name)) return byName.get(name)\n      let found = null\n      for (const el of this.element.querySelectorAll(`[name=\"${scoped(name)}\"]`)) {\n        if (owns(el)) {\n          found = el // FIRST-WINS (radio groups, Rails hidden+checkbox name pairs)\n          break\n        }\n      }\n      byName.set(name, found)\n      return found\n    }\n\n    // Identity-mirror pass (issue #104), ALWAYS run — even with NO registered\n    // reducer, so reactive_text(:title) mirrors a field into its text node with\n    // zero reducer wiring. Each declared input's RAW string value is written to\n    // its owned [data-reactive-text=\"<name>\"] node(s). It runs BEFORE the reducer\n    // early-return below so a reducer-less binding still mirrors.\n    for (const name of inputs) this.#mirrorText(name, ownedField(name)?.value ?? \"\")\n\n    const key = this.element.getAttribute(\"data-reactive-compute-reducer-param\")\n    const reduce = key ? computeReducer(key) : null\n    if (!reduce) {\n      // No reducer registered: the identity pass above still ran, so declared\n      // cross-root mirrors of the INPUT names still paint (issue #159) — a\n      // reducer-less binding mirrors, exactly like the owned-text-node case.\n      this.#applyComputeMirrors({}, ownedField)\n      return\n    }\n\n    const outputs = this.#parseComputeList(\"data-reactive-compute-outputs-param\")\n\n    // Coerce each input per its declared type (issue #104): \"string\" → the raw\n    // display string (blank/absent → \"\"); else (\"number\", the array-form default)\n    // → the numeric coercion (blank/NaN → 0, the nanToZero the hand-written\n    // calculators use). Reads from the memoized resolver — no re-query.\n    const values = {}\n    for (const [name, type] of inputPairs) {\n      const field = ownedField(name)\n      if (type === \"string\") {\n        values[name] = field?.value ?? \"\"\n      } else {\n        const n = Number(field?.value)\n        values[name] = Number.isFinite(n) ? n : 0\n      }\n    }\n\n    // meta.changed stays on #changedComputeField (its own #ownsField check over\n    // the raw event target) — NOT this resolver. The issue-#15 nested-rejection\n    // test depends on that path being unchanged. ONE run, from the ONE pre-write\n    // snapshot above (issue #183): its result drives the whole single-pass write.\n    const result = reduce(values, { changed: this.#changedComputeField(event, inputs, scope) }) || {}\n\n    // Issue #183 — SINGLE-PASS WRITE SET. Three ordered phases, so declared output\n    // order stops being semantics and a wrong order can no longer corrupt values:\n    //\n    //   1. BATCH the field writes from the ONE result. Each output name in the\n    //      allowlist (outputs:) whose owned field's value actually changes is\n    //      written now (change-guarded) and remembered — but NO `input` event is\n    //      dispatched yet, so nothing re-enters mid-batch.\n    //   2. PAINT the sinks from the SETTLED values: any owned reactive_text node by\n    //      presence (issue #183 change #4 — a text node no longer needs its name in\n    //      outputs:), then the cross-root mirror: ids (issue #159).\n    //   3. DISPATCH a self-marked `input` on each changed field. The marker (a\n    //      per-instance WeakSet) makes recompute skip re-running the reducer for our\n    //      own write, while the event still fires every OTHER listener (chained\n    //      repaint, dirty tracking, show bindings, sibling roots).\n    const changedFields = []\n    for (const name of outputs) {\n      if (!(name in result)) continue\n      const field = ownedField(name)\n      if (!field) continue // a non-field output paints as a text sink in phase 2\n      if (String(result[name]) === field.value) continue // change-guard — unchanged, skip\n      field.value = result[name]\n      changedFields.push(field)\n    }\n\n    // Phase 2 — text sinks declare themselves (issue #183 change #4): every result\n    // key paints into any owned [data-reactive-text=\"<name>\"] node by PRESENCE,\n    // regardless of outputs: membership. Runs from settled field values. A null/\n    // undefined result value is SKIPPED (never stringified to \"null\"/\"undefined\") —\n    // the same \"no value this pass, don't paint\" filter #applyComputeMirrors uses.\n    for (const name of Object.keys(result)) {\n      const value = result[name]\n      if (value === undefined || value === null) continue\n      this.#mirrorText(name, value)\n    }\n\n    // Cross-root text mirrors (issue #159) — AFTER the batch + text sinks, so a\n    // mirror keyed on a just-written output paints the settled value.\n    this.#applyComputeMirrors(result, ownedField)\n\n    // Phase 3 — dispatch the deferred `input` events (issue #183). Real browsers\n    // do NOT fire `input` on a programmatic .value write (issue #76), so we do it\n    // ourselves, matching the server's set_value + dispatch(\"input\") contract.\n    // Each event is SELF-MARKED so our own re-entry skips the reducer (guard at the\n    // top of recompute) — but the event still bubbles and fires every other\n    // listener. Dispatched AFTER all writes + paints, so a chained listener reads\n    // SETTLED values, never a half-written DOM.\n    for (const field of changedFields) {\n      const inputEvent = new Event(\"input\", { bubbles: true })\n      this.#computeSelfDispatched.add(inputEvent)\n      field.dispatchEvent(inputEvent)\n    }\n  }\n\n  // Client-side list navigation (combobox keyboard nav, issue #72). Wired by\n  // on(:search, …, listnav: \"[role=option]\"), which appends keyboard filters to\n  // the input's data-action (keydown.down/up/enter/esc->reactive#listnav*) and\n  // sets data-reactive-listnav-option-param. Arrow keys move a highlight among\n  // the options WITH NO ROUND TRIP; Enter picks the highlighted option by\n  // CLICKING IT (so its own on(:select) reactive trigger fires — selection stays\n  // a signed action); Escape clears. Ephemeral highlight state lives on the DOM\n  // (data-reactive-highlighted), never shipped to the client as trusted state.\n  listnavNext(event) {\n    this.#moveHighlight(event, +1)\n  }\n\n  listnavPrev(event) {\n    this.#moveHighlight(event, -1)\n  }\n\n  // Enter: activate the highlighted option (fires its reactive select). No-op if\n  // nothing is highlighted, and in that case DON'T preventDefault — Enter falls\n  // through (there's no selection to make).\n  listnavPick(event) {\n    const options = this.#listnavOptions(event)\n    const current = options.findIndex((el) => el.hasAttribute(\"data-reactive-highlighted\"))\n    if (current < 0) return\n    event.preventDefault()\n    options[current].click()\n  }\n\n  listnavClose(event) {\n    for (const el of this.#listnavOptions(event)) el.removeAttribute(\"data-reactive-highlighted\")\n  }\n\n  // Move the highlight by `step` (with wrap-around) among THIS root's options.\n  // preventDefault stops Arrow keys from moving the caret in the search input.\n  #moveHighlight(event, step) {\n    const options = this.#listnavOptions(event)\n    if (!options.length) return\n    event.preventDefault()\n\n    const current = options.findIndex((el) => el.hasAttribute(\"data-reactive-highlighted\"))\n    // From nothing: Down highlights the first option, Up the last.\n    const next = current < 0 ? (step > 0 ? 0 : options.length - 1) : (current + step + options.length) % options.length\n\n    for (const el of options) el.removeAttribute(\"data-reactive-highlighted\")\n    const chosen = options[next]\n    chosen.setAttribute(\"data-reactive-highlighted\", \"true\")\n    chosen.scrollIntoView?.({ block: \"nearest\" })\n  }\n\n  // The option elements this root owns (skips nested reactive roots, issue #15),\n  // per the selector on data-reactive-listnav-option-param. The attr rides on the\n  // TRIGGER element (the search input on(...) is spread onto), read from the\n  // event; the options are still scoped to this controller's root. Empty when\n  // unset. Falls back to the root for a directly-invoked call (unit tests). The\n  // ownership predicate is hoisted ONCE per keypress (issue #117) — in the common\n  // no-nested-root case it is a constant true, skipping a closest() walk per\n  // option. Hidden options are excluded (issue #163): a reactive_filter (or any\n  // `hidden` toggle) removes a row from the keyboard path too, so an Arrow can't\n  // highlight — and Enter can't pick — an invisible option.\n  #listnavOptions(event) {\n    const trigger = event?.currentTarget ?? event?.target ?? this.element\n    const selector =\n      trigger.getAttribute?.(\"data-reactive-listnav-option-param\") ??\n      this.element.getAttribute(\"data-reactive-listnav-option-param\")\n    if (!selector) return []\n    const owns = this.#ownershipFilter()\n    return Array.from(this.element.querySelectorAll(selector)).filter((el) => !el.hidden && owns(el))\n  }\n\n  // Tag-chip input (issue #203) — the composed combobox/tags primitive. The\n  // root's data-reactive-tags-field names the hidden input that stores the\n  // COMMA-JOINED value; these three actions are its only writers. All of it is\n  // FORM state (like text in an input) — no token, no POST: the surrounding\n  // form submit carries the joined value. The chip list is re-projected from\n  // the field on every write (#syncTags), so the field stays the single source\n  // of truth.\n  //\n  // Enter on the query input: add the TYPED text — unless this Enter belongs\n  // to listnav (reactive_tags_add composes after reactive_listnav on the same\n  // keydown.enter). Two guards make the composition order-independent:\n  // defaultPrevented means listnavPick ALREADY picked the highlighted option\n  // (adding the typed text too would double-add); a still-visible highlighted\n  // option means listnavPick is ABOUT to pick it (when tagsAdd is bound\n  // first). Past the guards, Enter is OURS — preventDefault unconditionally so\n  // it can never submit the enclosing form (blank input included). A\n  // comma-separated paste splits into individual tags (the value is\n  // comma-joined, so a comma can never be part of one tag). The input clears\n  // only when something was actually added — a duplicate keeps the typed text\n  // for correction.\n  tagsAdd(event) {\n    if (!this.#tagsEnabled()) return\n    if (event?.defaultPrevented) return\n    if (this.#listnavOptions(event).some((el) => el.hasAttribute?.(\"data-reactive-highlighted\"))) return\n    event?.preventDefault?.()\n\n    const input = event?.currentTarget ?? event?.target\n    if (!input) return\n    const added = this.#tagsAddValues(String(input.value ?? \"\").split(\",\"))\n    if (!added) return\n    input.value = \"\"\n    if (this.#filterEnabled()) this.#syncFilter()\n  }\n\n  // Click (or listnav Enter, which CLICKS the highlighted option) on a\n  // preloaded option: add its DECLARED tag (data-reactive-tag-param — set by\n  // reactive_tags_option, never free text). After a successful add, reset the\n  // query so the next tag starts from the full list: clear the filter input,\n  // re-narrow, and hand focus back for continued typing.\n  tagsPick(event) {\n    if (!this.#tagsEnabled()) return\n    event?.preventDefault?.()\n\n    const trigger = event?.currentTarget ?? event?.target\n    const tag = trigger?.getAttribute?.(\"data-reactive-tag-param\")\n    if (!tag) return\n    if (!this.#tagsAddValues([tag])) return\n\n    const input = this.#tagsQueryInput()\n    if (!input) return\n    input.value = \"\"\n    this.#syncFilter()\n    input.focus?.()\n  }\n\n  // Click on a chip's remove button: drop its tag (case-insensitive match, the\n  // dedupe convention) from the hidden value. The re-projection removes the\n  // chip and resurfaces the option. Removing an absent tag is a no-op.\n  tagsRemove(event) {\n    if (!this.#tagsEnabled()) return\n    event?.preventDefault?.()\n\n    const trigger = event?.currentTarget ?? event?.target\n    const tag = trigger?.getAttribute?.(\"data-reactive-tag-param\")\n    if (!tag) return\n    const field = this.#tagsField()\n    if (!field) return\n\n    const tags = this.#tagsRead(field)\n    const next = tags.filter((t) => t.toLowerCase() !== tag.toLowerCase())\n    if (next.length === tags.length) return\n    this.#tagsWrite(field, next)\n  }\n\n  // Draft nested-attribute rows (issue #208) — the \"new parent + child rows\"\n  // window. The rows are FORM state (the reactive_tags posture): no token, no\n  // POST, ever — the surrounding REAL form submit carries Rails'\n  // accepts_nested_attributes_for names and the server reconciles parent +\n  // rows in ONE create. Add clones the association's server-owned\n  // <template data-reactive-nested-template=\"assoc\"> row, swaps every NEW_ROW\n  // in the clone's name/id/for for a fresh unique index (each row posts as its\n  // own `…_attributes[<index>][field]` group), appends it to the owned\n  // [data-reactive-nested-list=\"assoc\"] container, and focuses the new row's\n  // first field. Several collections can share one root — everything is keyed\n  // by the association name the trigger carries.\n  nestedAdd(event) {\n    event?.preventDefault?.()\n    const trigger = event?.currentTarget ?? event?.target\n    const assoc = trigger?.getAttribute?.(\"data-reactive-association-param\")\n    if (!assoc) return\n    if (typeof this.element?.querySelectorAll !== \"function\") return\n\n    const owns = this.#ownershipFilter()\n    const list = [...this.element.querySelectorAll(`[data-reactive-nested-list=\"${assoc}\"]`)].find(owns)\n    const template = [...this.element.querySelectorAll(`[data-reactive-nested-template=\"${assoc}\"]`)].find(owns)\n    const proto = template?.content?.firstElementChild\n    if (!list || !proto) {\n      this.#warnNestedOnce(assoc)\n      return\n    }\n\n    const row = proto.cloneNode(true)\n    this.#renumberNestedRow(row, this.#nextNestedIndex())\n    list.appendChild(row)\n\n    // Fill-then-add (issue #208 Scenario A): seed the cloned row from named\n    // source controls OUTSIDE the row, then (optionally) clear the sources.\n    // Runs AFTER renumber+append so a seeded field's name already carries its\n    // final `[<index>][field]` form — the key match agrees with what JSON mode\n    // reads. `seeded` is the FIRST source we cleared/read, so fill-then-add can\n    // return focus to the sources instead of stealing it into the new row.\n    const fromJson = trigger?.getAttribute?.(\"data-reactive-nested-from-param\")\n    const clear = trigger?.getAttribute?.(\"data-reactive-nested-clear-param\") === \"true\"\n    const firstSource = this.#seedNestedRow(row, fromJson, clear)\n\n    // Focus: inline-edit (no from:) focuses the new row's first field so you\n    // type INTO it; fill-then-add keeps focus on the sources (the first one) so\n    // you keep entering the next item — stealing focus would break that loop.\n    if (fromJson) firstSource?.focus?.()\n    else [...(row.querySelectorAll?.(\"input, select, textarea\") ?? [])][0]?.focus?.()\n\n    // JSON mode (issue #208): a freshly-added row must land in the hidden field\n    // immediately (seeded values included), so the serialized array reflects the\n    // DOM even before the first keystroke. A no-op when not `as: :json`.\n    if (list.getAttribute?.(\"data-reactive-nested-json\") === assoc) this.#syncNestedJson(assoc)\n  }\n\n  // Fill-then-add (issue #208): copy each source control's value into the\n  // matching cloned-row field, keyed by the trailing bracket segment of the\n  // field's name (#nestedJsonKey — the SAME inference JSON mode uses, so the\n  // two features can't drift). Sources resolve root-scoped and owned (#15); an\n  // unresolved source or an unmatched key is silently skipped (the row still\n  // adds — a half-mapped binding must never throw on click). Returns the FIRST\n  // source control read (for focus), or null. With `clear`, resets every source\n  // it read via the set-value + dispatch contract (#183) so dirty/show/compute\n  // observe the reset.\n  #seedNestedRow(row, fromJson, clear) {\n    if (!fromJson) return null\n    let map\n    try {\n      map = JSON.parse(fromJson)\n    } catch {\n      return null\n    }\n    if (!map || typeof map !== \"object\") return null\n\n    const owns = this.#ownershipFilter()\n    const rowFields = [...(row.querySelectorAll?.(\"input, select, textarea\") ?? [])]\n    const sources = []\n    for (const [key, selector] of Object.entries(map)) {\n      const source = [...(this.element.querySelectorAll?.(selector) ?? [])].find(owns)\n      if (!source) continue\n      const target = rowFields.find((field) => this.#nestedJsonKey(field.getAttribute?.(\"name\")) === key)\n      if (!target) continue\n      this.#seedNestedField(target, source)\n      sources.push(source)\n    }\n    if (clear) for (const source of sources) this.#clearNestedSource(source)\n    return sources[0] ?? null\n  }\n\n  // Copy a source control's value into a cloned-row field, then dispatch a\n  // bubbling `input` (the set-value + dispatch contract, #183). Checkbox ↔\n  // checkbox copies the checked state; every other target takes the source's\n  // submit-shaped value (#nestedFieldValue), so a checkbox source feeding a\n  // text field lands \"on\"/\"\" exactly as a submit would.\n  #seedNestedField(target, source) {\n    if (target.type === \"checkbox\") {\n      target.checked = source.type === \"checkbox\" ? !!source.checked : this.#nestedFieldValue(source) !== \"\"\n    } else {\n      target.value = this.#nestedFieldValue(source)\n    }\n    if (typeof target.dispatchEvent === \"function\") {\n      target.dispatchEvent(new Event(\"input\", { bubbles: true }))\n    }\n  }\n\n  // Reset a source control after a fill-then-add (issue #208), dispatching a\n  // bubbling `input` so dirty tracking / reactive_show / compute see the reset.\n  #clearNestedSource(source) {\n    if (source.type === \"checkbox\") source.checked = false\n    else source.value = \"\"\n    if (typeof source.dispatchEvent === \"function\") {\n      source.dispatchEvent(new Event(\"input\", { bubbles: true }))\n    }\n  }\n\n  // Remove the trigger's closest row wrapper. A DRAFT row (no [_destroy]\n  // input) leaves the DOM — it was never persisted, so removing its fields IS\n  // the removal. A PERSISTED row (an edit form rendered a hidden [_destroy]\n  // input via nested_field_name) is marked \"1\" and hidden instead — Rails\n  // destroys it on save. The mark dispatches a real bubbling `input` (the\n  // set-value + dispatch contract, issue #183) so dirty tracking/compute see it.\n  nestedRemove(event) {\n    event?.preventDefault?.()\n    const trigger = event?.currentTarget ?? event?.target\n    const row = trigger?.closest?.(\"[data-reactive-nested-row]\")\n    if (!row) return\n    // The closest() walk must not escape this root — a root can itself sit\n    // inside ANOTHER collection's row (the issue #15 closest-form posture).\n    if (row.closest?.('[data-controller~=\"reactive\"]') !== this.element) return\n\n    // Confirm gate (issue #218): reactive_nested_remove(confirm:) emits the SAME\n    // data-reactive-confirm[-when]-param the other triggers do (nestedRemove reads\n    // params via getAttribute, not event.params, so pull them off the trigger),\n    // routed through the SAME #effectiveConfirmMessage + confirmResolver seam. A\n    // static string always shows; a conditional Hash fires only when it matches,\n    // else null. No confirm attr → null → the immediate-remove fast path.\n    const confirm = trigger?.getAttribute?.(\"data-reactive-confirm-param\")\n    const confirmWhen = trigger?.getAttribute?.(\"data-reactive-confirm-when-param\")\n    const rawMessage = this.#effectiveConfirmMessage(confirm, confirmWhen)\n    if (!rawMessage) return this.#removeNestedRow(row)\n\n    // Per-row confirm interpolation (issue #222). A row added client-side is a\n    // cloneNode of the <template>, and the clone carries the TEMPLATE's confirm\n    // string verbatim — the renumber/seed steps never rewrite the confirm attr.\n    // So resolve %{field} placeholders here, from THIS row's live field values\n    // (read now, not at clone time, so a later edit is reflected). An unresolved\n    // key is left as its literal %{key} (debuggable, never throws). Server-\n    // rendered rows already interpolate server-side, so their finished strings\n    // carry no %{}; this is a no-op for them.\n    const fields = this.#nestedRowObject(row)\n    const message = this.#interpolateConfirm(rawMessage, fields)\n\n    // Gate through the overridable confirmResolver (issues #52/#55/#178) — a\n    // themed dialog set with setConfirmResolver covers this trigger too. Pass the\n    // row context (issue #222, superset of proposal 3) as an optional 2nd arg so\n    // a power-user override can build the string itself; the message is already\n    // interpolated for the default window.confirm path. Call the resolver INSIDE\n    // the chain so even a SYNCHRONOUS override throw is a cancel (like a dismissed\n    // dialog), and remove ONLY on a truthy resolution.\n    return Promise.resolve()\n      .then(() => confirmResolver(message, { el: trigger, row, fields }))\n      .catch(() => false)\n      .then((ok) => {\n        if (ok) this.#removeNestedRow(row)\n      })\n  }\n\n  // Resolve %{field} placeholders in a confirm message from a row's field map\n  // (issue #222). Ruby-style %{name} tokens; an unresolved key is left verbatim\n  // (a visible, debuggable placeholder — never an empty hole or a throw). A\n  // message with no placeholders returns unchanged, so this is inert for every\n  // server-rendered (already-interpolated) confirm string.\n  #interpolateConfirm(message, fields) {\n    if (!message.includes(\"%{\")) return message\n    return message.replace(/%\\{(\\w+)\\}/g, (whole, key) =>\n      Object.prototype.hasOwnProperty.call(fields, key) ? fields[key] : whole,\n    )\n  }\n\n  // The remove itself, shared by the confirmed and no-confirm paths. Draft rows\n  // leave the DOM; a persisted row (a hidden [_destroy] input present) is marked\n  // \"1\" + hidden instead (set-value + dispatch contract, #183), so Rails destroys\n  // it on save. Then re-sync every owned JSON-mode list (#208) — an absent row\n  // IS the removal; a form without a JSON list iterates an empty set and exits.\n  #removeNestedRow(row) {\n    const destroy = [...(row.querySelectorAll?.('input[name$=\"[_destroy]\"]') ?? [])][0]\n    if (destroy) {\n      destroy.value = \"1\"\n      if (typeof destroy.dispatchEvent === \"function\") {\n        destroy.dispatchEvent(new Event(\"input\", { bubbles: true }))\n      }\n      row.hidden = true\n    } else {\n      row.parentNode?.removeChild?.(row)\n    }\n\n    this.#syncAllNestedJson()\n  }\n\n  // JSON-mode nested rows (issue #208) — the delegated input/change handler.\n  // An app whose controller parses a serialized JSON param instead of Rails'\n  // accepts_nested_attributes_for opts a list into `as: :json`; the client\n  // then mirrors that list's rows into ONE hidden field as a JSON array on\n  // every owned edit. Public so Stimulus can bind it; a no-op unless the\n  // edited field belongs to a JSON-mode list this root owns.\n  syncNestedJson(event) {\n    const target = event?.target\n    if (!target || !this.#ownsField(target)) return\n    // Re-serialize every JSON-mode list (an edit could touch any of them; the\n    // per-list owned-row scan is cheap and keeps this handler association-free).\n    this.#syncAllNestedJson()\n  }\n\n  // Serialize every owned JSON-mode list into its hidden field. The connect\n  // seed and the input/remove re-syncs funnel through here so one place owns\n  // the \"DOM rows → JSON field\" projection.\n  #syncAllNestedJson() {\n    if (typeof this.element?.querySelectorAll !== \"function\") return\n    const owns = this.#ownershipFilter()\n    for (const list of [...this.element.querySelectorAll(\"[data-reactive-nested-json]\")].filter(owns)) {\n      this.#syncNestedJson(list.getAttribute(\"data-reactive-nested-json\"))\n    }\n  }\n\n  // Project ONE JSON-mode list's surviving rows into its hidden field. Each\n  // row becomes an object keyed by the trailing bracket segment of its inputs'\n  // names (…[title] → \"title\"); a hidden/_destroy-marked row is skipped (an\n  // absent row IS the removal — JSON carries no destroy marker). The write\n  // uses the set-value + dispatch contract (issue #183) so dirty tracking,\n  // reactive_show, and compute see the change — but only when the value\n  // actually changed, so a connect seed on an already-correct field is silent.\n  #syncNestedJson(assoc) {\n    const owns = this.#ownershipFilter()\n    const list = [...this.element.querySelectorAll(`[data-reactive-nested-list=\"${assoc}\"]`)].find(owns)\n    if (!list) return\n    const field = this.#nestedJsonField(list)\n    if (!field) return\n\n    const rows = []\n    for (const row of [...(list.querySelectorAll?.(\"[data-reactive-nested-row]\") ?? [])]) {\n      if (!owns(row) || row.hidden) continue\n      rows.push(this.#nestedRowObject(row))\n    }\n\n    const next = JSON.stringify(rows)\n    if (field.value === next) return\n    field.value = next\n    if (typeof field.dispatchEvent === \"function\") {\n      field.dispatchEvent(new Event(\"input\", { bubbles: true }))\n    }\n  }\n\n  // The hidden field a JSON-mode list mirrors into — resolved fresh (a morph\n  // replaces nodes, never cache it) and OWNED by this root (#15). null when\n  // the selector resolves nothing, so the caller no-ops (a half-built binding\n  // must never break the page).\n  #nestedJsonField(list) {\n    const selector = list.getAttribute?.(\"data-reactive-nested-json-field\")\n    if (!selector) return null\n    const owns = this.#ownershipFilter()\n    return [...this.element.querySelectorAll(selector)].find(owns) ?? null\n  }\n\n  // One row → { key: value } over its named form controls. The JSON key is the\n  // trailing bracket segment of each control's name (order[todos_attributes]\n  // [3][title] → \"title\"; a bare `title` → \"title\"), the \"infer from input\n  // names\" contract. The [_destroy] control is dropped (JSON has no destroy\n  // marker). Later inputs with the same key win (last-wins, the DOM order).\n  #nestedRowObject(row) {\n    const obj = {}\n    for (const el of [...(row.querySelectorAll?.(\"input, select, textarea\") ?? [])]) {\n      const key = this.#nestedJsonKey(el.getAttribute?.(\"name\"))\n      if (key === null || key === \"_destroy\") continue\n      obj[key] = this.#nestedFieldValue(el)\n    }\n    return obj\n  }\n\n  // The trailing bracket segment of a field name (the inferred JSON key), or\n  // the bare name when it carries no brackets. null for a nameless control\n  // (a bare button, an unnamed helper input) — skipped by the caller.\n  #nestedJsonKey(name) {\n    if (!name) return null\n    const match = name.match(/\\[([^\\][]+)\\]$/)\n    return match ? match[1] : name\n  }\n\n  // A form control's submitted value: an unchecked checkbox contributes \"\" (it\n  // wouldn't post at all), a checked one its value (default \"on\"); everything\n  // else its .value. Keeps the JSON shape close to what a real form submit\n  // would carry for the same control.\n  #nestedFieldValue(el) {\n    if (el.type === \"checkbox\") return el.checked ? (el.value || \"on\") : \"\"\n    return el.value ?? \"\"\n  }\n\n  // Parse a JSON string list from a root data attr; [] on absence/parse error so\n  // a malformed binding degrades to \"no fields\" rather than throwing on input.\n  #parseComputeList(attr) {\n    const raw = this.element.getAttribute(attr)\n    if (!raw) return []\n    try {\n      const list = JSON.parse(raw)\n      return Array.isArray(list) ? list : []\n    } catch {\n      return []\n    }\n  }\n\n  // Parse the inputs param into [name, type] pairs (issue #104). The wire is a\n  // JSON ARRAY of names (array form → every input typed \"number\", the shipped\n  // numeric coercion) OR a JSON OBJECT of name→type (hash form → \":string\" read\n  // raw, \":number\" coerced). Malformed/absent degrades to [] — a bad binding\n  // must never throw on input.\n  #parseComputeInputs() {\n    const raw = this.element.getAttribute(\"data-reactive-compute-inputs-param\")\n    if (!raw) return []\n    try {\n      const parsed = JSON.parse(raw)\n      if (Array.isArray(parsed)) return parsed.map((name) => [name, \"number\"])\n      if (parsed && typeof parsed === \"object\") return Object.entries(parsed)\n      return []\n    } catch {\n      return []\n    }\n  }\n\n  // The declared compute input the event just edited — the reducer's\n  // meta.changed (issue #75). The triggering field counts only when it is a\n  // named form control OWNED by this root (not a nested reactive root's, issue\n  // #15) AND its name is among the declared compute inputs; anything else\n  // (a direct call, an unowned/undeclared target) yields null.\n  //\n  // Scope-aware (issue #184): under data-reactive-scope, the edited field's DOM\n  // name is scoped (order[allowance]) while the declared inputs are BARE\n  // (allowance). Strip the scope prefix off the DOM name before comparing, and\n  // return the BARE name — so a reducer branching on `changed` sees the same\n  // names it declared, scoped or not.\n  #changedComputeField(event, inputs, scope) {\n    const target = event?.target\n    if (!target?.name || typeof target.closest !== \"function\") return null\n    const bare = this.#unscopeName(target.name, scope)\n    if (!inputs.includes(bare)) return null\n    return this.#ownsField(target) ? bare : null\n  }\n\n  // Strip a leading `scope[…]` wrapper off a DOM field name, returning the bare\n  // inner name; a name that isn't wrapped in this scope passes through unchanged.\n  #unscopeName(name, scope) {\n    if (!scope) return name\n    const prefix = `${scope}[`\n    return name.startsWith(prefix) && name.endsWith(\"]\") ? name.slice(prefix.length, -1) : name\n  }\n\n  // Write `value` into every owned [data-reactive-text=\"<name>\"] node via\n  // textContent (issue #104) — XSS-safe by construction (never innerHTML). Drives\n  // both the identity mirror (an input's raw value) and a text-node output (a\n  // reducer result with no matching field). Change-guarded (skip an unchanged\n  // node) and NO input dispatch — a text node has no listener contract. String()\n  // so a numeric result renders like the DOM would.\n  #mirrorText(name, value) {\n    const text = String(value)\n    for (const node of this.#ownedTextNodes(name)) {\n      if (node.textContent === text) continue\n      node.textContent = text\n    }\n  }\n\n  // Every [data-reactive-text=\"<name>\"] mirror OWNED by this root (skips nested\n  // reactive roots, issue #15). Empty when none — reactive_text is optional.\n  #ownedTextNodes(name) {\n    const nodes = this.element.querySelectorAll(`[data-reactive-text=\"${name}\"]`)\n    return Array.from(nodes).filter((el) => this.#ownsField(el))\n  }\n\n  // Cross-root text mirrors (issue #159): paint every DECLARED mirror name into\n  // its allowlisted document-wide id targets via textContent — the opt-in escape\n  // from root isolation (issue #15) for a recap OUTSIDE the computing root. The\n  // value is the reducer's result when it produced one, else the owned field's\n  // CURRENT value (an input identity mirror / a just-written output) — one\n  // declaration covers all three shapes. A name with NO value this pass is\n  // SKIPPED (a mirror never blanks a recap the reducer didn't feed). textContent\n  // only (never innerHTML), change-guarded, and NO input dispatch — same\n  // contract as #mirrorText. With no mirror declared this is one getAttribute\n  // and out — the shipped compute path never touches the document.\n  #applyComputeMirrors(result, ownedField) {\n    const mirror = this.#parseComputeMirror()\n    for (const [name, selectors] of Object.entries(mirror)) {\n      const value = name in result ? result[name] : ownedField(name)?.value\n      if (value === undefined || value === null) continue\n      const text = String(value)\n      for (const sel of Array.isArray(selectors) ? selectors : [selectors]) {\n        if (!guardMirrorSelector(sel)) continue\n        for (const node of document.querySelectorAll(sel)) {\n          if (node.textContent === text) continue\n          node.textContent = text\n        }\n      }\n    }\n  }\n\n  // The declared cross-root mirror map (issue #159): a JSON object of\n  // { name: [id selectors] } from data-reactive-compute-mirror-param (emitted by\n  // reactive_compute's `mirror:`). Absent/malformed degrades to {} — a bad\n  // binding must never throw on input.\n  #parseComputeMirror() {\n    const raw = this.element.getAttribute(\"data-reactive-compute-mirror-param\")\n    if (!raw) return {}\n    try {\n      const parsed = JSON.parse(raw)\n      return parsed && typeof parsed === \"object\" && !Array.isArray(parsed) ? parsed : {}\n    } catch {\n      return {}\n    }\n  }\n\n  // Enqueue the action — debounced if a debounce window is set, else immediately.\n  // Split out of dispatch so both the no-confirm fast path and the post-confirm\n  // microtask share one place (issue #55). `target` is captured up front because\n  // this can run in a later microtask, after event.target has been reset.\n  #proceed(target, action, params, debounce, throttle, optimistic, busy) {\n    // Lifecycle veto point (issue #79): one cancelable reactive:before-dispatch\n    // per user gesture — post-preventDefault, post-confirm, PRE-debounce (and\n    // PRE-throttle, the same timing). event.preventDefault() skips the\n    // debounce/throttle AND the enqueue entirely (nothing is scheduled).\n    // retry() re-enters the queue directly, so this does NOT refire on a retry.\n    // detail.params are the trigger's explicit params; sibling fields are\n    // collected later, at send time.\n    const before = this.#emit(\"reactive:before-dispatch\", {\n      action,\n      params: this.#parseParams(params),\n      element: this.element,\n    }, { cancelable: true })\n    if (before.defaultPrevented) return\n\n    // Debounced trigger (e.g. on(:update, event: \"input\", debounce: 300)):\n    // coalesce rapid events into ONE round trip after a quiet period, instead of\n    // one POST per keystroke (issue #17). A blur flushes a pending dispatch.\n    // The optimistic hint (issue #98) and the busy state (issue #181) ride to\n    // the flush too, so they apply ONCE per enqueue — a debounced input must not\n    // flap toggle_class per keystroke, and its element must NOT be disabled\n    // during the quiet period (that would break typing). Both apply at ENQUEUE.\n    const ms = Number(debounce) || 0\n    if (ms > 0) return this.#debounceDispatch(target, ms, action, params, optimistic, busy)\n\n    // Throttled trigger (e.g. on(:track, event: \"scroll\", window: true,\n    // throttle: 250), issue #80): LEADING-EDGE rate limit — fire the first\n    // event immediately, drop the rest until the window elapses. debounce and\n    // throttle are mutually exclusive (the Ruby on() raises on both).\n    const throttleMs = Number(throttle) || 0\n    if (throttleMs > 0) return this.#throttleDispatch(target, throttleMs, action, params, optimistic, busy)\n\n    return this.#enqueue(action, params, optimistic, target, busy)\n  }\n\n  // Apply the optimistic hint ONCE (recording its inverse) and chain the round\n  // trip, threading that inverse onto THIS queued request so the serialized\n  // per-controller queue reverts the RIGHT request's hint on failure (issue\n  // #98). Applying here — the single flush/enqueue point every path funnels\n  // through — is what makes a hint apply once per enqueue, not per raw dispatch.\n  //\n  // The busy state (issue #181) applies here too, for the same reason: enqueue\n  // is the moment the request is committed to the queue, so the always-on busy\n  // vocabulary (data-reactive-busy on the trigger + root, aria-busy via a pending\n  // counter, busy_on scoping) and the busy hint (disable + class + text swap)\n  // cover the WHOLE pending window — queue wait included — not just the fetch. It\n  // returns a `settle` closure that #perform runs in its finally (success OR\n  // failure), guarded so a morph-replaced trigger is never clobbered.\n  #enqueue(action, params, optimistic, target, busy) {\n    const inverse = this.#applyOptimistic(optimistic, target)\n    const settle = this.#applyBusy(action, target, busy)\n    // Debug-only teaching aid (issue #181): if optimistic: { hide: true } is used\n    // for instant-delete but the reply RE-RENDERS the element (bringing it back),\n    // that hint was pointless — the developer likely wanted reply.remove. Capture\n    // the hidden nodes now; the success path re-checks the OBSERVED DOM after the\n    // morph (never inferred from the verb) and warns if any came back visible.\n    const resurrect = this.#debugEnabled() ? this.#buildResurrectionCheck(optimistic, target) : null\n    this.queue = (this.queue ?? Promise.resolve())\n      .then(() => this.#perform(action, params, inverse, settle, resurrect))\n    return this.queue\n  }\n\n  // Snapshot the elements an optimistic hide: targeted (the trigger, or the `to:`\n  // selector) so the success path can detect a resurrection. Returns null unless\n  // a hide: hint is present — nothing else can be \"resurrected\".\n  #buildResurrectionCheck(optimistic, target) {\n    if (!optimistic?.hide) return null\n    const hidden = this.#hintTargets(optimistic, target)\n    if (!hidden.length) return null\n    return () => {\n      const back = hidden.filter((el) => el.isConnected && !el.hidden)\n      if (!back.length) return\n      console.warn(\n        \"[phlex-reactive] optimistic: { hide: true } was undone by the reply's re-render — \" +\n          \"the element is visible again. For an instant delete, return reply.remove so the \" +\n          \"server removes it; otherwise the hide only flashes.\",\n        back,\n      )\n    }\n  }\n\n  // Reset a per-element timer; only enqueue the round trip after `ms` of quiet.\n  // Also flush immediately on blur so leaving the field never drops the last\n  // edit (a long debounce shouldn't swallow a value the user tabbed away from).\n  #debounceDispatch(target, ms, action, params, optimistic, busy) {\n    this.#clearDebounce(target)\n\n    const flush = () => {\n      this.#clearDebounce(target)\n      this.#enqueue(action, params, optimistic, target, busy)\n    }\n    const timer = setTimeout(flush, ms)\n    target?.addEventListener?.(\"blur\", flush, { once: true })\n    this.#debounceTimers.set(target, { timer, flush })\n  }\n\n  #clearDebounce(target) {\n    const pending = this.#debounceTimers.get(target)\n    if (!pending) return\n    clearTimeout(pending.timer)\n    target?.removeEventListener?.(\"blur\", pending.flush)\n    this.#debounceTimers.delete(target)\n  }\n\n  // Clear every pending debounce timer (used on disconnect). Reuses\n  // #clearDebounce so all timer/listener teardown stays in one place. Snapshot\n  // the keys first — #clearDebounce mutates the map as it goes.\n  #clearAllDebounces() {\n    for (const target of [...this.#debounceTimers.keys()]) this.#clearDebounce(target)\n  }\n\n  // Leading-edge throttle (issue #80), mirroring #debounceDispatch: the FIRST\n  // event fires immediately; a suppression timer then drops further events\n  // until the window elapses (no trailing fire — dropped, not queued). Timers\n  // are keyed on action + target, NOT target alone: window-bound scroll/resize\n  // events all share event.target === document, so two window-bound triggers\n  // on one component would otherwise collide on one timer.\n  #throttleDispatch(target, ms, action, params, optimistic, busy) {\n    const timers = this.#throttleTimers.get(target) ?? new Map()\n    if (timers.has(action)) return // inside the window — suppress\n\n    const timer = setTimeout(() => {\n      timers.delete(action)\n      if (timers.size === 0) this.#throttleTimers.delete(target)\n    }, ms)\n    timers.set(action, timer)\n    this.#throttleTimers.set(target, timers)\n    return this.#enqueue(action, params, optimistic, target, busy) // leading edge: fire NOW\n  }\n\n  // Clear every throttle suppression timer (used on disconnect, alongside\n  // #clearAllDebounces) so nothing outlives the element.\n  #clearAllThrottles() {\n    for (const timers of this.#throttleTimers.values()) {\n      for (const timer of timers.values()) clearTimeout(timer)\n    }\n    this.#throttleTimers.clear()\n  }\n\n  // Raw-dispatch a lifecycle CustomEvent (issue #79). Deliberately NOT\n  // Stimulus's this.dispatch() helper — that name is SHADOWED by this\n  // controller's own dispatch(event) action method. Bubbling + composed so a\n  // page-level listener (or `data-action=\"reactive:error->toast#show\"` on an\n  // ancestor) hears it. After a plain (non-morph) replace this.element is a\n  // DETACHED node — a bubbling event on it never reaches document listeners —\n  // so fall back to dispatching on document itself.\n  #emit(name, detail, { cancelable = false } = {}) {\n    const event = new CustomEvent(name, { bubbles: true, composed: true, cancelable, detail })\n    const root = this.element.isConnected ? this.element : document\n    root.dispatchEvent(event)\n    return event\n  }\n\n  // reactive:error detail: { action, params, kind, status?, body?, retry }.\n  // `params` are the FULL params that were sent (collected fields + explicit\n  // trigger params). retry() re-enters the request queue with the ORIGINAL raw\n  // trigger params, so #perform re-reads the freshest token and RE-COLLECTS the\n  // sibling fields — nothing stale is replayed. It does not refire\n  // reactive:before-dispatch (one veto per user gesture), and it no-ops with a\n  // warning once the root has left the DOM (retrying against a detached\n  // element would post a stale token into nowhere).\n  #emitError(action, rawParams, sentParams, extra) {\n    const retry = () => {\n      if (!this.element.isConnected) {\n        console.warn(\"[phlex-reactive] retry() ignored — the reactive root left the DOM\")\n        return\n      }\n      return this.#enqueue(action, rawParams)\n    }\n    this.#emit(\"reactive:error\", { action, params: sentParams, ...extra, retry })\n  }\n\n  // Mark the reactive root as errored (issue #100) with the failure kind, so an\n  // app can style it purely in CSS ([data-reactive-error] { … }) with zero JS.\n  // Guarded — a plain replace may have detached the root before the failure lands.\n  #markError(kind) {\n    if (this.element?.isConnected === false) return\n    this.element?.setAttribute?.(\"data-reactive-error\", kind)\n  }\n\n  // Clear the failure marker on the next successful apply (issue #100).\n  #clearError() {\n    this.element?.removeAttribute?.(\"data-reactive-error\")\n  }\n\n  // Offline fallback (issue #100): a network failure reached no server, so there\n  // is no body to render. Clone the content of a server-rendered\n  // <template data-reactive-error-flash> into the flash region so the user still\n  // sees SOMETHING. The template is app-authored (trusted) — this is a pure\n  // deep clone, never client templating of untrusted data. No template, or no\n  // flash container, is a silent no-op (a page without the opt-in is unchanged).\n  #renderNetworkFallback() {\n    const template = document.querySelector(\"[data-reactive-error-flash]\")\n    if (!template?.content) return\n    // The flash region is the host-app container Response#flash targets. Its id\n    // defaults to \"flash\" (Phlex::Reactive.flash_target); an app that customized\n    // it can point the fallback at the same node by putting the template's\n    // data-reactive-error-flash value there — but the common case is #flash.\n    const targetId = template.getAttribute(\"data-reactive-error-flash\") || \"flash\"\n    const region = document.getElementById(targetId)\n    if (!region) return\n    region.appendChild(template.content.cloneNode(true))\n  }\n\n  // Latency simulator (issue #102): if enableLatencySim(ms) stored a delay in\n  // sessionStorage, await it before the fetch so the busy window (already open\n  // since enqueue) is actually visible on localhost. Reads the key LIVE per\n  // request — like the CSRF token — so toggling the sim mid-session takes effect\n  // on the very next action without a reload. A missing sessionStorage, an absent\n  // key, or a non-positive/NaN value resolves immediately (no timer, no delay) —\n  // the whole feature is inert for any app that never opts in. Warns ONCE while\n  // active (module-level guard), not once per request.\n  #maybeSimulateLatency() {\n    if (typeof sessionStorage === \"undefined\") return Promise.resolve()\n    const ms = Number(sessionStorage.getItem(LATENCY_KEY))\n    if (!Number.isFinite(ms) || ms <= 0) return Promise.resolve()\n    if (!latencyBannerShown) {\n      latencyBannerShown = true\n      console.warn(\n        `[phlex-reactive] latency simulator ACTIVE — every action is delayed by ${ms}ms. ` +\n          \"Call PhlexReactive.disableLatencySim() (or clear sessionStorage) to turn it off.\",\n      )\n    }\n    return new Promise((resolve) => setTimeout(resolve, ms))\n  }\n\n  // Client debug mode (issue #108) — the \"devtools-lite\" lens. On when the Ruby\n  // reactive_attrs stamped data-reactive-debug=\"true\" (Phlex::Reactive.debug).\n  // Read live (a single getAttribute) so the whole feature is inert for any app\n  // that never opts in: OFF → this returns false and #perform builds no debug\n  // object, parses no response, and logs nothing (the \"zero cost when off\"\n  // invariant — one nil-check per dispatch). Guarded for a stub root with no\n  // getAttribute (unit harnesses) so it degrades to off, never throwing.\n  #debugEnabled() {\n    return this.element?.getAttribute?.(\"data-reactive-debug\") === \"true\"\n  }\n\n  // A monotonic timestamp for the round-trip duration (ms). performance.now is\n  // monotonic (immune to a wall-clock adjustment mid-request); Date.now is the\n  // fallback for an exotic environment without it. ONLY called on the debug path,\n  // so it costs nothing when debug is off.\n  #debugNow() {\n    return typeof performance !== \"undefined\" && typeof performance.now === \"function\"\n      ? performance.now()\n      : Date.now()\n  }\n\n  // Parse a turbo-stream response's action + target pairs for the debug trace,\n  // from the body text #perform ALREADY read (never a re-fetch). NAMES only — the\n  // <template> contents (rendered HTML, the fresh token) are deliberately not\n  // touched. A non-turbo-stream / empty body yields [] (nothing to report).\n  #debugStreams(body) {\n    if (!body) return []\n    const streams = []\n    const re = /<turbo-stream\\b([^>]*)>/g\n    let match\n    while ((match = re.exec(body)) !== null) {\n      const attrs = match[1]\n      const action = attrs.match(/\\baction=\"([^\"]*)\"/)?.[1] ?? \"?\"\n      const target = attrs.match(/\\btarget=\"([^\"]*)\"/)?.[1]\n      streams.push(target ? `${action} → #${target}` : action)\n    }\n    return streams\n  }\n\n  // console.group ONE dispatch (issue #108). Carries NAMES + outcomes ONLY — the\n  // signed token VALUE and every field/param VALUE are deliberately absent (they\n  // may be sensitive; the whole point is observability without leaking data). The\n  // caller passes the info it already holds so nothing is recomputed or re-fetched:\n  //   { action, paramNames, fieldNames, encoding, status, streams, tokenRefreshed, ms }\n  // `console.groupCollapsed` keeps the console tidy (one collapsed line per action).\n  #logDispatch(info) {\n    const { action, status, ms } = info\n    // The client can't name the component CLASS (it's inside the signed, opaque\n    // token — never decoded here), but the root's id is the stable client-side\n    // handle (e.g. #todo_42), so the header reads `reactive #todo_42 rename → …`.\n    const who = this.element?.id ? `#${this.element.id} ` : \"\"\n    const header = `reactive ${who}${action} → ${status ?? \"—\"} (${Math.round(ms)}ms)`\n    /* eslint-disable no-console */\n    console.groupCollapsed(header)\n    console.log(`params: [${info.paramNames.join(\", \")}] + collected: [${info.fieldNames.join(\", \")}]`)\n    console.log(`encoding: ${info.encoding}`)\n    if (info.streams.length) console.log(`streams: ${info.streams.join(\"   \")}`)\n    console.log(`token: ${info.tokenRefreshed ? \"refreshed ✓\" : \"unchanged\"}`)\n    console.groupEnd()\n    /* eslint-enable no-console */\n  }\n\n  async #perform(action, params, inverse, settle, resurrect) {\n    // Auto-collect named field values inside this component so a button-\n    // triggered action still receives sibling inputs (Livewire-style), plus any\n    // chosen file inputs in the SAME walk. Explicit params\n    // (data-reactive-params-param) win over collected fields.\n    const { fields, files } = this.#collectFields()\n    // Parse the explicit trigger params ONCE — reused below for allParams and, on\n    // the debug path, for the params-only name list (so the trace can show\n    // `params: [...]` distinct from the collected `+ collected: [...]`). #parseParams\n    // is pure (a fresh object from a JSON string, or the same object by reference\n    // when already parsed); allParams spreads a COPY and nothing mutates parsedParams\n    // downstream (JSON.stringify / #buildFormData read allParams, a new object).\n    const parsedParams = this.#parseParams(params)\n    const allParams = { ...fields, ...parsedParams }\n    const token = this.#currentToken\n\n    // File/multipart path (issue #34): if THIS root has a populated\n    // <input type=\"file\">, the action can't be JSON (JSON.stringify drops the\n    // File). Send FormData instead — token + act + scalar params as fields, each\n    // chosen file appended. The morph/token machinery downstream is identical;\n    // only the request ENCODING differs when files are present.\n    const multipart = files.length > 0\n    const body = multipart\n      ? this.#buildFormData(token, action, allParams, files)\n      : JSON.stringify({ token, act: action, params: allParams })\n\n    // Client debug mode (issue #108): build the trace object ONLY when debug is on\n    // (one nil-check otherwise — zero cost off). It carries NAMES only: the\n    // explicit trigger param names and the collected sibling field names, split so\n    // the group shows `params: [...] + collected: [...]`. status/streams/\n    // tokenRefreshed are filled in at the branch that knows them; the group is\n    // emitted once in the finally so EVERY exit (success or any failure) logs.\n    const debug = this.#debugEnabled()\n      ? {\n          action,\n          paramNames: Object.keys(parsedParams),\n          fieldNames: Object.keys(fields),\n          encoding: multipart ? \"multipart\" : \"json\",\n          status: null,\n          streams: [],\n          tokenRefreshed: false,\n          started: this.#debugNow(),\n        }\n      : null\n\n    // aria-busy on the root is now driven by the loading pending counter\n    // (#applyLoading, applied at ENQUEUE so it covers the queue wait too), not\n    // set here. #settleLoading in the finally clears it — see #enqueue.\n\n    // Latency simulator (issue #102): the busy window (aria-busy + loading state)\n    // is already applied at enqueue, so awaiting the configured delay HERE — after\n    // that window opened and before the fetch — is what makes it visible on\n    // localhost. A null/absent/non-positive sessionStorage key is a no-op (zero\n    // production surface), so this line vanishes for any app that never opts in.\n    await this.#maybeSimulateLatency()\n\n    try {\n      // Offline gate (issue #101), authoritative at the NETWORK BOUNDARY (send\n      // time), not at enqueue. A click can enqueue while online and reach here\n      // after going offline (a debounced/queued request, a rapid transition) —\n      // gating in #perform makes the kind consistently \"offline\" for that whole\n      // condition instead of leaking through as a \"network\" fetch throw. The\n      // fetch never fires, so the edit is not half-sent; the finally still runs\n      // (settle clears loading), the optimistic hint reverts, and retry() (which\n      // re-enters #perform) re-checks and sends once back online.\n      if (navigator.onLine === false) {\n        this.#revertOptimistic(inverse)\n        this.#markError(\"offline\")\n        this.#emitError(action, params, allParams, { kind: \"offline\" })\n        return\n      }\n\n      let response\n      try {\n        const headers = {\n          Accept: \"text/vnd.turbo-stream.html\",\n          \"X-CSRF-Token\": this.#csrfToken(),\n        }\n        // For JSON we declare the content type; for multipart we must NOT — the\n        // browser sets `multipart/form-data; boundary=…` itself, and overriding it\n        // would strip the boundary and corrupt the body server-side.\n        if (!multipart) headers[\"Content-Type\"] = \"application/json\"\n        // Send the pgbus SSE connection id (if subscribed) so the server can\n        // exclude this connection from its own broadcast echo — the actor\n        // already gets the action's HTTP response. Harmless without pgbus.\n        const connectionId = this.#connectionId()\n        if (connectionId) headers[\"X-Pgbus-Connection\"] = connectionId\n\n        // ONLY `fetch` itself is the network boundary — offline, DNS, a reset\n        // connection. Everything below this inner try (reading the body,\n        // extracting the token, handing streams to Turbo) runs AFTER the\n        // server already processed the mutation, so none of it belongs in the\n        // `kind: \"network\"` / retriable bucket (CodeRabbit review on #89): if\n        // renderStreamMessage throws, retry()ing would re-POST an action the\n        // server already completed — see the outer catch below. (NOT a\n        // reactive:applied LISTENER throwing — per the DOM spec, dispatchEvent\n        // never propagates a listener's exception back to its caller, so that\n        // case can't reach this catch at all; verified in the JS test suite.)\n        response = await fetch(this.#actionPath(), {\n          method: \"POST\",\n          headers,\n          body,\n          credentials: \"same-origin\",\n          // Bound the request (issue #101): a server that never answers used to\n          // wedge this.queue forever (the finally that clears aria-busy/loading\n          // never ran). AbortSignal.timeout(ms) aborts the fetch after the\n          // configured window; the abort surfaces in this catch as a\n          // DOMException named \"TimeoutError\" (see the branch below).\n          signal: AbortSignal.timeout(this.#timeoutMs()),\n        })\n      } catch (error) {\n        console.error(\"[phlex-reactive] action error\", error)\n        this.#revertOptimistic(inverse)\n        // AbortSignal.timeout() rejects with a DOMException named \"TimeoutError\"\n        // (a manual AbortController.abort() would be \"AbortError\" — we don't use\n        // one, but accept it too for robustness). A timeout is NOT \"offline\":\n        // the request left and the server didn't answer in time; connectivity is\n        // unknown. So do NOT clone the offline-fallback template or mark network\n        // — just fire kind:\"timeout\" (retriable). The queue still advances\n        // (#perform returns, never rejects), so the hung request un-wedges it.\n        if (error?.name === \"TimeoutError\" || error?.name === \"AbortError\") {\n          this.#markError(\"timeout\")\n          this.#emitError(action, params, allParams, { kind: \"timeout\" })\n          return\n        }\n        // No server reached — nothing to render (issue #100). Clone a\n        // server-rendered <template data-reactive-error-flash> into the flash\n        // region as an offline fallback. The template is rendered by the app\n        // (trusted), so this is a pure clone — no client templating of data.\n        this.#renderNetworkFallback()\n        this.#markError(\"network\")\n        this.#emitError(action, params, allParams, { kind: \"network\" })\n        return\n      }\n\n      // Debug (issue #108): the server answered — record the status for the trace\n      // now, so every response branch below (redirected/http/content-type/ok) logs\n      // it. The transport-failure branches above return before here (they have no\n      // status); their group still fires from the finally with status null → \"—\".\n      if (debug) debug.status = response.status\n\n      if (response.redirected) {\n        console.error(\"[phlex-reactive] action was redirected (auth/CSRF?) — no update applied\")\n        this.#revertOptimistic(inverse)\n        this.#markError(\"redirected\")\n        this.#emitError(action, params, allParams, { kind: \"redirected\", status: response.status })\n        return\n      }\n      if (!response.ok) {\n        const errorBody = await response.text()\n        console.error(`[phlex-reactive] action failed: HTTP ${response.status}`, errorBody)\n        this.#revertOptimistic(inverse)\n        // Render a non-OK turbo-stream body so a server-rendered error flash\n        // (an error_flash rescue, or a status: :unprocessable_entity validation\n        // reply from a plain controller) is actually SHOWN — instead of being\n        // read only for the console (issue #100). #extractToken is run as usual;\n        // it NO-OPS when no stream re-renders our id, so a 400 InvalidToken body\n        // never refreshes the held identity token (which is not a nonce and stays\n        // retry-valid — do not \"fix\" that). A non-turbo-stream body is left to the\n        // console.error above (an HTML error page must not be handed to Turbo).\n        if ((response.headers.get(\"Content-Type\") || \"\").includes(\"turbo-stream\")) {\n          const fresh = this.#extractToken(errorBody)\n          this.#currentToken = fresh ?? this.#currentToken\n          if (debug) this.#debugRecordBody(debug, errorBody, fresh)\n          window.Turbo.renderStreamMessage(errorBody)\n        }\n        this.#markError(\"http\")\n        this.#emitError(action, params, allParams, { kind: \"http\", status: response.status, body: errorBody })\n        return\n      }\n\n      const contentType = response.headers.get(\"Content-Type\") || \"\"\n      if (!contentType.includes(\"turbo-stream\")) {\n        console.error(`[phlex-reactive] expected a turbo-stream, got \"${contentType}\" — no update applied`)\n        this.#revertOptimistic(inverse)\n        this.#markError(\"content-type\")\n        this.#emitError(action, params, allParams, { kind: \"content-type\", status: response.status })\n        return\n      }\n\n      const html = await response.text()\n      // Capture the new token from the response synchronously, so the next\n      // queued request uses it without waiting for the async DOM morph.\n      const fresh = this.#extractToken(html)\n      this.#currentToken = fresh ?? this.#currentToken\n      // Debug (issue #108): record the stream actions/targets + whether a refresh\n      // arrived, from the body we JUST read (reuse — no second text() read). Never\n      // the token or template contents.\n      if (debug) this.#debugRecordBody(debug, html, fresh)\n      // Turbo applies the <turbo-stream> ops by id. A plain replace is an\n      // outerHTML swap (focus on the replaced subtree is lost); a method=\"morph\"\n      // replace (Response.morph) or an update morphs in place, preserving the\n      // focused input + caret on unchanged nodes — see issue #28.\n      window.Turbo.renderStreamMessage(html)\n      // Debug-only (issue #181): the morph may apply a microtask later, so check\n      // the resurrected-hide case AFTER it lands. Off the debug path, resurrect is\n      // null — zero cost.\n      if (resurrect) queueMicrotask(resurrect)\n      // A successful apply CLEARS any prior failure marker (issue #100), so\n      // error-driven CSS on the root (a red border, a shake) resets on recovery.\n      this.#clearError()\n      // Lifecycle hook (issue #79): the streams were HANDED TO Turbo — a\n      // renderStreamMessage applies asynchronously, so the DOM mutation may\n      // complete a tick later. Apps needing post-morph timing listen to Turbo's\n      // own events; this one is for \"the action round trip succeeded\".\n      this.#emit(\"reactive:applied\", { action, params: allParams, html })\n    } catch (error) {\n      // The server already processed this action successfully (we're past the\n      // fetch) — a throw here is a CLIENT-side apply failure (a malformed\n      // response, a broken Turbo render — NOT a reactive:applied listener\n      // throw, which dispatchEvent never propagates here), not a transport\n      // failure. kind: \"apply\" carries NO retry() — retrying would re-POST an\n      // action the server already completed.\n      console.error(\"[phlex-reactive] action error\", error)\n      this.#revertOptimistic(inverse)\n      this.#emit(\"reactive:error\", { action, params: allParams, kind: \"apply\" })\n    } finally {\n      // Settle the loading state (issue #99): decrement the pending counter,\n      // drop the trigger's/root's busy tokens, restore disabled/text/class —\n      // guarded so a morph-replaced trigger is never clobbered. Runs on EVERY\n      // exit (success, every failure branch, or an apply throw).\n      settle?.()\n      // Debug (issue #108): emit the group here so EVERY exit path logs exactly\n      // once — success, any transport/response failure, or an apply throw. Null\n      // when debug is off (zero cost). The round-trip ms is measured now, at the\n      // finally, so it spans the whole #perform (fetch + apply) regardless of exit.\n      if (debug) this.#logDispatch({ ...debug, ms: this.#debugNow() - debug.started })\n    }\n  }\n\n  // Debug (issue #108): fold the response body #perform already read into the\n  // trace — the stream action/target pairs and whether a token refresh arrived\n  // (a boolean; the token VALUE is intentionally not stored). Shared by the\n  // success and the non-OK-turbo-stream branches so both log the same shape.\n  #debugRecordBody(debug, body, freshToken) {\n    debug.streams = this.#debugStreams(body)\n    debug.tokenRefreshed = freshToken != null\n  }\n\n  get #currentToken() {\n    return this.#tokenCache ?? this.tokenValue\n  }\n\n  set #currentToken(value) {\n    this.#tokenCache = value\n  }\n\n  // Read the next token for THIS controller — the one that re-renders THIS\n  // element's id, never just the first token in the body (issue #46). On a\n  // collection of REACTIVE rows the prepended/appended ROW carries its OWN\n  // data-reactive-token-value and it sorts FIRST in the response; the list's own\n  // fresh token rides a trailing `reactive:token` stream targeting the container.\n  // Grabbing the first match stored the ROW's token, so the list's SECOND\n  // dispatch sent a row token → failed verification → add-once-only. This mirrors\n  // the server's carries_token_for? (#44): a stream carries OUR token only when it\n  // RE-RENDERS our id (reactive:token / replace / update of `this.element.id`) —\n  // append/prepend insert children and never count. Returns undefined when no\n  // stream re-renders our id, so #currentToken keeps its existing value.\n  #extractToken(html) {\n    const id = this.element.id\n    if (!id) {\n      // No id to self-match (shouldn't happen for a reactive root). Fall back to\n      // the legacy first-token behavior so a single-component response still works.\n      return html.match(/data-reactive-token-value=\"([^\"]+)\"/)?.[1]\n    }\n\n    const { token, self } = this.#tokenRegexes(id)\n\n    // The dedicated token-only refresh for THIS element (partial updates / the\n    // collection container) — an attribute on the <turbo-stream> itself.\n    const tokenStream = html.match(token)\n    if (tokenStream) return tokenStream[1]\n\n    // A full self re-render: a replace/update of THIS element whose template root\n    // carries the fresh token. Scope the token search to that one stream so a\n    // sibling/child token elsewhere in the body can't leak in.\n    const selfStream = html.match(self)\n    if (selfStream) return selfStream[1].match(/data-reactive-token-value=\"([^\"]+)\"/)?.[1]\n\n    // Nothing re-rendered our id — keep the current token.\n    return undefined\n  }\n\n  // The two per-id RegExps #extractToken uses to self-match this element's next\n  // token (issue #118). `this.element.id` is page-stable, so these are compiled\n  // ONCE and reused across every response — instead of allocating two fresh\n  // RegExps per round trip. The memo is KEYED ON THE ID and rebuilt when it\n  // changes: a re-render that re-identifies the root must scan for the NEW target,\n  // never the stale one (or the token would freeze — see the id-change bun test).\n  // The PATTERNS are byte-identical to the pre-memo inline literals; only their\n  // allocation moved.\n  #tokenRegexes(id) {\n    const cache = this.#tokenRegexCache\n    if (cache && cache.id === id) return cache\n    const escaped = escapeRegExp(id)\n    return (this.#tokenRegexCache = {\n      id,\n      token: new RegExp(\n        `<turbo-stream\\\\b[^>]*\\\\baction=\"reactive:token\"[^>]*\\\\btarget=\"${escaped}\"[^>]*\\\\bdata-reactive-token-value=\"([^\"]+)\"`,\n      ),\n      self: new RegExp(\n        `<turbo-stream\\\\b[^>]*\\\\baction=\"(?:replace|update)\"[^>]*\\\\btarget=\"${escaped}\"[^>]*>([\\\\s\\\\S]*?)</turbo-stream>`,\n      ),\n    })\n  }\n\n  // True when `el` is collected by THIS reactive root and not by a nested one.\n  // A reactive component can be rendered inside another (both are\n  // data-controller=\"reactive\" roots). querySelectorAll() descends into nested\n  // roots, so without this guard an outer action would sweep the inner roots'\n  // inputs into its own params (issue #15). An element belongs to this root iff\n  // its nearest [data-controller~=\"reactive\"] ancestor is this.element.\n  #ownsField(el) {\n    return el.closest('[data-controller~=\"reactive\"]') === this.element\n  }\n\n  // A per-op ownership PREDICATE — the issue #117 fast path over issue #15\n  // scoping. #ownsField answers \"is this element mine, not a nested reactive\n  // root's\" with a per-element closest() walk; on a wide form or every keystroke\n  // that walk runs per matched field. This hoists the DECISION to once per op.\n  //\n  // HYBRID GATE — closest() stays the source of truth; the nested-root query only\n  // decides whether the fast path is SAFE:\n  //   * Fast path (overwhelmingly common): this root contains NO nested reactive\n  //     roots, so every element the caller's querySelectorAll returned is already\n  //     a direct descendant of this.element with no intervening reactive root —\n  //     it is ours. Return a constant-true predicate and skip the per-field\n  //     closest() walk entirely. That is the whole win.\n  //   * Nested case: fall back to the UNCHANGED #ownsField closest() check, so\n  //     scoping is byte-identical to before. We deliberately do NOT use\n  //     contains() here — the closest() form needs no node to implement\n  //     contains(), and on a real DOM the two agree for a descendant of\n  //     this.element (el.closest('[data-controller~=\"reactive\"]') === this.element\n  //     iff no nested reactive-root descendant contains el).\n  //\n  // Computed ONCE per dispatch-scoped op (per #collectFields call, per recompute,\n  // per #listnavOptions) and NEVER stored on the instance — a morph replaces\n  // nodes, so a cached predicate would close over stale roots.\n  #ownershipFilter() {\n    const nested = this.element.querySelectorAll('[data-controller~=\"reactive\"]')\n    if (nested.length === 0) return () => true\n    return (el) => this.#ownsField(el)\n  }\n\n  // Resolve the effective confirm message (issue #179). A plain string is the\n  // static #52 form (always shown). A confirmWhen JSON payload is the CONDITIONAL\n  // form — evaluated over the SAME collected fields reactive_compute reads — and\n  // returns the message ONLY when it fires, else null (proceed, no dialog):\n  //   { groups, message }    — the reactive_show conditions fold (anyOfAllsMatches)\n  //   { predicate, message } — a registered fn (setConfirmPredicate) over the fields\n  // A missing predicate warns and returns null (PROCEED without a dialog) — the\n  // compute unknown-reducer posture. This is soft-validation UX; the endpoint's\n  // authorize/default-deny is the real gate, so failing OPEN here never grants\n  // anything the server wouldn't already allow.\n  #effectiveConfirmMessage(confirm, confirmWhen) {\n    if (confirm) return confirm\n    if (!confirmWhen) return null\n\n    // Stimulus auto-parses a JSON-object -param value, so confirmWhen usually\n    // arrives ALREADY parsed. Accept an object as-is; parse a string defensively\n    // (a hand-built attr, or a non-Stimulus caller). A malformed string warns and\n    // proceeds without a dialog (default-deny UX — the server is the real gate).\n    let payload = confirmWhen\n    if (typeof confirmWhen === \"string\") {\n      try {\n        payload = JSON.parse(confirmWhen)\n      } catch {\n        console.warn(`[phlex-reactive] malformed conditional confirm payload ${JSON.stringify(confirmWhen)} — skipped`)\n        return null\n      }\n    }\n    if (!payload || typeof payload !== \"object\") return null\n\n    const { fields } = this.#collectFields()\n    const fieldValue = (name) => fields[name]\n\n    let fires\n    if (typeof payload.predicate === \"string\") {\n      const fn = confirmPredicate(payload.predicate)\n      if (!fn) {\n        console.warn(`[phlex-reactive] confirm predicate \"${payload.predicate}\" is not registered — proceeding without a dialog (register it with setConfirmPredicate)`)\n        return null\n      }\n      fires = !!fn(fields)\n    } else {\n      // Declarative: the DNF groups fold, identical to reactive_show — matches → fire.\n      fires = anyOfAllsMatches(payload.groups?.any, fieldValue) === true\n    }\n\n    return fires ? payload.message : null\n  }\n\n  // One walk over THIS root's named controls (not a nested reactive root's),\n  // returning both the scalar `fields` and any chosen `files`. The ownership\n  // predicate is hoisted ONCE (issue #117) via #ownershipFilter — in the common\n  // no-nested-root case it is a constant true, so we skip a closest() walk per\n  // field. A file input's `.value` is the useless \"C:\\fakepath\\…\" string, never a\n  // scalar — so its chosen files are collected separately (honoring `multiple`)\n  // and it adds no phantom blank value (issue #34). An empty `files` keeps the\n  // JSON path.\n  #collectFields() {\n    const fields = {}\n    const files = []\n    const owns = this.#ownershipFilter() // compute ONCE per dispatch (issue #117)\n    this.element.querySelectorAll(\"input[name], select[name], textarea[name]\").forEach((field) => {\n      if (!owns(field)) return\n      if (field.type === \"file\") {\n        // Carry the input's `multiple` flag so #buildFormData keeps the array\n        // shape (params[name][]) even when the user picked exactly one file —\n        // otherwise a [:file] schema would see a lone scalar upload and drop it.\n        for (const file of field.files ?? []) files.push({ name: field.name, file, multiple: field.multiple })\n      } else if (field.type === \"checkbox\") {\n        fields[field.name] = field.checked\n      } else if (field.type === \"radio\") {\n        if (field.checked) fields[field.name] = field.value\n      } else {\n        fields[field.name] = field.value\n      }\n    })\n    // Named rich-text / custom editors (lexxy-editor, trix-editor) and bare\n    // [contenteditable]. These aren't input/select/textarea, so the query above\n    // skips them — without this, a reactive save posts an empty value and\n    // silently wipes the field (issue #8). Read whatever the element exposes:\n    // a custom editor's serialized `.value`, else its contenteditable text.\n    // Only fill a name the standard controls left absent or empty, so a synced\n    // hidden input (e.g. Trix mirrors into one) still wins when populated.\n    this.element\n      .querySelectorAll(\"[name]:is(lexxy-editor, trix-editor, [contenteditable=''], [contenteditable=true], [contenteditable=plaintext-only])\")\n      .forEach((el) => {\n        if (!owns(el)) return // reuse the SAME hoisted predicate (nested reactive root — issue #15)\n        // A plain element (e.g. a <div contenteditable>) has no `name` IDL\n        // property — only the attribute — so read getAttribute, not el.name.\n        const name = el.getAttribute(\"name\")\n        if (!name) return\n        const existing = fields[name]\n        if (existing == null || existing === \"\") {\n          fields[name] = el.value ?? el.textContent ?? el.innerHTML ?? \"\"\n        }\n      })\n    return { fields, files }\n  }\n\n  // Re-compute the dirty flag for EVERY field this root owns in one pass (issue\n  // #103), then reflect the total onto the root. Called on an owned field's input\n  // (trackDirty), on connect (baseline seed), and after a turbo:morph-element\n  // re-render (fresh default* attrs). dirty = current ≠ the DOM's own default:\n  //   checkbox/radio → checked  !== defaultChecked\n  //   select         → some option.selected !== option.defaultSelected\n  //   else           → value    !== defaultValue\n  // A full pass (not per-target) is REQUIRED: a radio group's previously-checked\n  // radio flips to checked=false with NO input event, so per-target toggling\n  // would leave its flag stale. File inputs are skipped — a file has no server\n  // default baseline. Per-dirty-field data-reactive-dirty=\"true\" (\"true\" STRING,\n  // not a valueless boolean attr — mirrors the on() flag convention); the root\n  // carries data-reactive-dirty=\"<count>\" and DROPS the attr at zero, so\n  // `[data-reactive-dirty]` styles the whole form and `[data-reactive-dirty]`\n  // on a field styles just the changed control — both pure CSS, zero JS.\n  #scanDirty() {\n    // Runs at bootstrap (the connect baseline seed) as well as on input/morph, so\n    // it must never throw — degrade to a no-op if the root can't be queried (a real\n    // reactive root always can; this guards minimal/test element stubs).\n    if (typeof this.element?.querySelectorAll !== \"function\") return\n\n    let count = 0\n    this.element.querySelectorAll(\"input[name], select[name], textarea[name]\").forEach((field) => {\n      if (!this.#ownsField(field)) return // skip a nested reactive root's fields (issue #15)\n      if (field.type === \"file\") return // no server default baseline to diff against\n\n      if (this.#fieldDirty(field)) {\n        field.setAttribute(\"data-reactive-dirty\", \"true\")\n        count++\n      } else {\n        field.removeAttribute(\"data-reactive-dirty\")\n      }\n    })\n\n    if (count > 0) this.element.setAttribute(\"data-reactive-dirty\", String(count))\n    else this.element.removeAttribute(\"data-reactive-dirty\")\n  }\n\n  // Whether a single owned control differs from its server-rendered default.\n  #fieldDirty(field) {\n    if (field.type === \"checkbox\" || field.type === \"radio\") {\n      return field.checked !== field.defaultChecked\n    }\n    if (field.tag === \"select\" || field.options) {\n      // Any option whose selected state diverges from its defaultSelected. Guard\n      // for a stub/absent options list (degrade to clean).\n      return Array.from(field.options ?? []).some((o) => o.selected !== o.defaultSelected)\n    }\n    return field.value !== field.defaultValue\n  }\n\n  // The live dirty-field count, re-derived from the DOM (never a cached snapshot)\n  // — the source of truth for the warn_unsaved guard's gate.\n  #dirtyCount() {\n    const raw = this.element.getAttribute?.(\"data-reactive-dirty\")\n    const n = Number(raw)\n    return Number.isFinite(n) && n > 0 ? n : 0\n  }\n\n  // Arm the navigate-away guard (warn_unsaved: true, issue #103). beforeunload\n  // blocks a real browser unload; turbo:before-visit blocks a Turbo in-app\n  // navigation (it does NOT fire on restoration visits — the documented gap).\n  // Both read the LIVE dirty count, so a clean form never blocks. Handlers are\n  // stored so disconnect() removes exactly them.\n  #armUnsavedGuard() {\n    if (typeof window === \"undefined\" || typeof window.addEventListener !== \"function\") return\n\n    this.#boundBeforeUnload = (event) => {\n      if (this.#dirtyCount() === 0) return undefined\n      // The spec dance: preventDefault + a truthy returnValue triggers the native\n      // \"leave site?\" prompt. The string is legacy (modern browsers show their own\n      // copy) but must be non-empty/truthy to arm the dialog.\n      event.preventDefault()\n      event.returnValue = \"You have unsaved changes.\"\n      return event.returnValue\n    }\n    this.#boundBeforeVisit = (event) => {\n      if (this.#dirtyCount() === 0) return\n      const ok = typeof window.confirm === \"function\" ? window.confirm(\"You have unsaved changes. Leave anyway?\") : true\n      if (!ok) event.preventDefault?.()\n    }\n\n    window.addEventListener(\"beforeunload\", this.#boundBeforeUnload)\n    window.addEventListener(\"turbo:before-visit\", this.#boundBeforeVisit)\n  }\n\n  // Remove the dirty-tracking listeners on disconnect (Turbo morph/navigation) so\n  // a morph re-scan or a navigate-away guard never runs against a detached root.\n  #teardownDirtyTracking() {\n    if (this.#boundScanDirty) {\n      this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundScanDirty)\n      this.#boundScanDirty = undefined\n    }\n    if (typeof window !== \"undefined\" && typeof window.removeEventListener === \"function\") {\n      if (this.#boundBeforeUnload) window.removeEventListener(\"beforeunload\", this.#boundBeforeUnload)\n      if (this.#boundBeforeVisit) window.removeEventListener(\"turbo:before-visit\", this.#boundBeforeVisit)\n    }\n    this.#boundBeforeUnload = undefined\n    this.#boundBeforeVisit = undefined\n  }\n\n  // Whether this root owns a show binding (issue #161) or declares cross-root\n  // show targets (issue #164) — the connect() gate, so a component with\n  // neither pays only this probe (the #dirtyTrackingEnabled precedent). A\n  // NESTED root's bindings don't count: its own controller instance syncs them\n  // (issue #15 ownership). The targets attr is checked FIRST — one\n  // getAttribute, cheaper than the binding walk.\n  #showSyncEnabled() {\n    if (this.element.getAttribute?.(\"data-reactive-show-targets\")) return true\n    // Single-field bindings carry -field; compound all:/any: bindings (issue\n    // #176) carry data-reactive-show and have NO single controlling field, so\n    // both selectors gate the sync.\n    const nodes = this.element.querySelectorAll?.(SHOW_BINDING_SELECTOR) ?? []\n    for (const el of nodes) if (this.#ownsField(el)) return true\n    return false\n  }\n\n  // Re-evaluate every OWNED show binding in one pass (issue #161): read the\n  // controlling field's current value, evaluate the declared literal predicate,\n  // toggle `hidden`. A full pass (not per-target) for the same reason as\n  // #scanDirty — a radio group's deselected radio fires no event — and because\n  // several bindings can hang off one field (the value read is memoized per\n  // pass). A binding whose field can't be resolved, or whose predicate is\n  // malformed, leaves visibility ALONE — a bad binding must never break or\n  // blank the page (client-side default-deny).\n  #syncShow() {\n    if (typeof this.element?.querySelectorAll !== \"function\") return\n\n    const owns = this.#ownershipFilter()\n    const scope = this.element.getAttribute?.(\"data-reactive-scope\") || null\n    const values = new Map()\n    // A memoized resolver shared by every binding in this pass — a field driving\n    // several bindings (and several DNF terms) reads exactly once. Scope-aware:\n    // a bare field `director` resolves as `[name=\"scope[director]\"]` (issue #180).\n    const fieldValue = (name) => {\n      if (!values.has(name)) values.set(name, this.#showFieldValue(name, owns, scope))\n      return values.get(name)\n    }\n    for (const el of this.element.querySelectorAll(SHOW_BINDING_SELECTOR)) {\n      if (!owns(el)) continue // a nested root's binding is its own controller's job\n\n      // The 0.10 DNF payload (issue #180): data-reactive-show carries\n      // { any: [ [term,…], … ] }. The legacy flat-attr and 0.9.5-compound read\n      // arms live in showPayloadMatches/showBindingMatches for deploy overlap.\n      const payloadRaw = el.getAttribute(\"data-reactive-show\")\n      if (payloadRaw !== null) {\n        const match = showPayloadMatches(parseShowCompound(payloadRaw), fieldValue)\n        if (match !== null) this.#applyShowVisibility(el, match, owns, scope)\n        continue\n      }\n\n      // LEGACY flat-attr binding (pre-0.10, deploy overlap — removed in 0.11).\n      const name = el.getAttribute(\"data-reactive-show-field\")\n      if (!name) continue\n      const value = fieldValue(name)\n      if (value === null) continue // no owned field with that name — leave it be\n      const match = showBindingMatches(el, value)\n      if (match === null) continue // malformed predicate — warned + skipped\n      this.#applyShowVisibility(el, match, owns, scope)\n    }\n\n    // The cross-root pass (issue #164) shares the same owned-field memo, so a\n    // field driving both an owned binding and an outside target reads once.\n    this.#syncShowTargets(fieldValue)\n  }\n\n  // Toggle `hidden` (and, when the binding declares data-reactive-show-disable,\n  // the `disabled` of every owned named control inside it) from a match result\n  // (issue #180). Disabling a hidden section's controls stops them submitting —\n  // the stale-value fix. A visible section re-enables them. Controls a nested\n  // reactive root owns are left alone (#15 ownership).\n  #applyShowVisibility(el, match, owns, scope) {\n    el.hidden = !match\n    if (el.getAttribute(\"data-reactive-show-disable\") !== \"true\") return\n    if (typeof el.querySelectorAll !== \"function\") return\n    for (const control of el.querySelectorAll(\"input[name], select[name], textarea[name]\")) {\n      if (owns(control)) control.disabled = !match\n    }\n    // The element itself may be a named control (a bare field with a binding).\n    if (el.name && owns(el)) el.disabled = !match\n  }\n\n  // Apply the declared cross-root show targets (issue #164) — the visibility\n  // parallel of #applyComputeMirrors. For each declared field: read the OWNED\n  // field's current value (never a nested root's — you can only drive outside\n  // visibility from a field this root owns), then for each \"#id\" → predicate\n  // entry: guard the selector id-only (warn-and-skip; the Ruby helper raised\n  // at declare time — two-sided default-deny), resolve it DOCUMENT-WIDE, and\n  // toggle `hidden`. A target id not on the page is silently skipped (an\n  // unrendered tab pane is normal); a malformed predicate warn-skips its one\n  // target while siblings still apply. With no map declared this is one\n  // getAttribute and out.\n  //\n  // A \"#id\" KEY (issue #209) is a TARGET-KEYED entry instead: its value is the\n  // same DNF payload data-reactive-show holds, folded with per-term owned-field\n  // reads — the multi-field cross-root case. The \"#\" prefix routes unambiguously\n  // (a field name may never start with \"#\"; the Ruby helper raises).\n  #syncShowTargets(fieldValue) {\n    const map = this.#parseShowTargets()\n    for (const [name, targets] of Object.entries(map)) {\n      if (name.startsWith(\"#\")) {\n        this.#applyConditionsTarget(name, targets, fieldValue)\n        continue\n      }\n      if (!targets || typeof targets !== \"object\" || Array.isArray(targets)) continue\n      const value = fieldValue(name)\n      if (value === null) continue // no owned field with that name — leave them be\n      // Every target's terms share this one field, so a constant resolver folds\n      // the group (issue #180): a target's value is a DNF GROUP (terms ANDed).\n      const resolve = () => value\n      for (const [selector, group] of Object.entries(targets)) {\n        if (!guardShowTargetSelector(selector)) continue\n        // 0.10 wire: the value is a DNF GROUP (an array of terms, ANDed).\n        // LEGACY (0.9.5, deploy overlap — DELETE in 0.11): a flat predicate\n        // OBJECT ({ equals/not/in/gte… }) routed through showPredicateMatches.\n        let match\n        if (Array.isArray(group)) {\n          if (group.length === 0) {\n            console.warn(`[phlex-reactive] malformed reactive_show_targets group for ${selector} — skipped`)\n            continue\n          }\n          match = group.every((term) => dnfTermMatches(term, resolve))\n        } else {\n          const legacy = showPredicateMatches(group, value)\n          if (legacy === null) {\n            console.warn(`[phlex-reactive] malformed reactive_show_targets predicate for ${selector} — skipped`)\n            continue\n          }\n          match = legacy\n        }\n        for (const node of document.querySelectorAll(selector)) node.hidden = !match\n      }\n    }\n  }\n\n  // Apply ONE target-keyed conditions entry (issue #209): \"#id\" → the DNF\n  // payload { any: [[term,…],…] }, folded by the SAME anyOfAllsMatches as an\n  // in-root reactive_show — each term reads its OWN owned field, a missing\n  // owned field reads as blank (fail-closed, the shared-fixture contract). A\n  // target whose referenced fields are ALL unowned is left alone — the\n  // single-field skip generalized (this root has nothing to evaluate with). A\n  // malformed payload warn-skips its one target while siblings still apply;\n  // the selector guard is the same id-only allowlist as every cross-root arm.\n  #applyConditionsTarget(selector, payload, fieldValue) {\n    if (!guardShowTargetSelector(selector)) return\n    const groups = payload && typeof payload === \"object\" && !Array.isArray(payload) ? payload.any : null\n    const fields = dnfGroupFields(groups)\n    if (fields === null) {\n      console.warn(`[phlex-reactive] malformed reactive_show_targets conditions for ${selector} — skipped`)\n      return\n    }\n    if (fields.every((name) => fieldValue(name) === null)) return // no owned field — leave it be\n    const match = anyOfAllsMatches(groups, fieldValue)\n    if (match === null) return // unreachable after dnfGroupFields, kept fail-closed\n    for (const node of document.querySelectorAll(selector)) node.hidden = !match\n  }\n\n  // The declared cross-root show-target map (issue #164): a JSON object of\n  // { field: { \"#id\": predicate } } from data-reactive-show-targets (emitted\n  // by reactive_show_targets on the root). Absent degrades to {}; malformed\n  // degrades to {} WITH a warn — never a throw (the #parseComputeMirror\n  // contract), but never silent either: the likeliest cause is TWO\n  // reactive_show_targets calls on one root, whose JSON strings Phlex `mix`\n  // space-joined into an unparseable attr. The warn names the fix.\n  #parseShowTargets() {\n    const raw = this.element.getAttribute?.(\"data-reactive-show-targets\")\n    if (!raw) return {}\n    try {\n      const parsed = JSON.parse(raw)\n      if (parsed && typeof parsed === \"object\" && !Array.isArray(parsed)) return parsed\n    } catch {\n      // fall through to the shared warn below\n    }\n    console.warn(\n      \"[phlex-reactive] malformed data-reactive-show-targets — ignored. \" +\n        \"Did two reactive_show_targets calls collide on one root? Declare every field in ONE call: \" +\n        \"reactive_show_targets(mode: { ... }, kind: { ... })\"\n    )\n    return {}\n  }\n\n  // The current value of the OWNED field controlling a show binding, as the\n  // string the literal predicate compares against. Mirrors #collectFields'\n  // per-kind reads: a checkbox reports its checked state (\"true\"/\"false\" — its\n  // .value is the constant \"on\", and the checkbox wins over the hidden input\n  // Rails pairs with it); a radio group reports the CHECKED radio's value (\"\"\n  // when none is); anything else reports .value first-wins. Returns null when\n  // no owned field carries the name — the caller then leaves visibility alone.\n  #showFieldValue(name, owns, scope) {\n    // Scope (issue #180): a bare field `director` under `data-reactive-scope=\n    // \"form\"` resolves as `[name=\"form[director]\"]`. A name already carrying a\n    // bracket (a raw wire name the author passed) is used verbatim.\n    const domName = scope && !name.includes(\"[\") ? `${scope}[${name}]` : name\n    let sawRadio = false\n    let first = null\n    for (const el of this.element.querySelectorAll(`[name=\"${domName}\"]`)) {\n      if (!owns(el)) continue\n      if (el.type === \"checkbox\") return el.checked ? \"true\" : \"false\"\n      if (el.type === \"radio\") {\n        if (el.checked) return el.value ?? \"\"\n        sawRadio = true\n        continue\n      }\n      first ??= el\n    }\n    if (first) return first.value ?? \"\"\n    return sawRadio ? \"\" : null\n  }\n\n  // Remove the show-sync listeners on disconnect, so a stray event after a\n  // Turbo morph/navigation never re-evaluates against a detached root.\n  #teardownShowSync() {\n    if (!this.#boundSyncShow) return\n    this.element.removeEventListener?.(\"input\", this.#boundSyncShow)\n    this.element.removeEventListener?.(\"change\", this.#boundSyncShow)\n    this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundSyncShow)\n    this.#boundSyncShow = undefined\n  }\n\n  // Whether this root declares an option filter (issue #163) — the connect()\n  // gate. reactive_filter always emits input + option together, so requiring\n  // BOTH also default-denies a half-built hand-authored binding.\n  #filterEnabled() {\n    return !!(\n      this.element.getAttribute?.(\"data-reactive-filter-input\") &&\n      this.element.getAttribute?.(\"data-reactive-filter-option\")\n    )\n  }\n\n  // Whether this root opts into the connect-time compute seed (issue #199).\n  // reactive_compute's root binding emits data-reactive-compute-seed=\"true\"; a\n  // root without a compute binding (or with the seed opted out) pays one\n  // attribute read and never seeds. A quick read, evaluated once per connect.\n  #computeSeedEnabled() {\n    return this.element.getAttribute?.(\"data-reactive-compute-seed\") === \"true\"\n  }\n\n  // Whether a delegated input event came from the NAMED filter input (issue\n  // #163). Anything else — another field's keystroke, a target without\n  // matches() — skips the filter pass (the morph re-sync path bypasses this).\n  #filterInputEvent(event) {\n    const selector = this.element.getAttribute(\"data-reactive-filter-input\")\n    return !!selector && typeof event.target?.matches === \"function\" && event.target.matches(selector)\n  }\n\n  // Re-apply the filter in one pass (issue #163): lowercase the named input's\n  // current value, toggle `hidden` on every OWNED option by a substring match\n  // against its haystack (data-reactive-filter-text, falling back to the\n  // option's own text), collapse any group whose every contained option is\n  // hidden, and reveal the empty target at 0 visible. A filtered-out option\n  // also loses its listnav highlight so Enter can never pick an invisible row.\n  // No owned input → leave visibility ALONE — a binding that can't resolve\n  // must never break or blank the page (client-side default-deny). All\n  // selectors resolve within this root, skipping nested reactive roots'\n  // elements (issue #15 ownership; the predicate is hoisted once per pass).\n  #syncFilter() {\n    if (typeof this.element?.querySelectorAll !== \"function\") return\n    const inputSelector = this.element.getAttribute(\"data-reactive-filter-input\")\n    const optionSelector = this.element.getAttribute(\"data-reactive-filter-option\")\n    if (!inputSelector || !optionSelector) return\n\n    const owns = this.#ownershipFilter()\n    const input = [...this.element.querySelectorAll(inputSelector)].find(owns)\n    if (!input) return\n\n    const query = (input.value ?? \"\").trim().toLowerCase()\n    let visible = 0\n    for (const el of this.element.querySelectorAll(optionSelector)) {\n      if (!owns(el)) continue // a nested root's option is its own controller's job\n      const haystack = (el.getAttribute(\"data-reactive-filter-text\") ?? el.textContent ?? \"\").toLowerCase()\n      // An option whose tag is already selected (reactive_tags, issue #203)\n      // stays hidden through every re-filter — clearing the query must not\n      // resurface an already-added tag.\n      const hidden =\n        el.hasAttribute?.(\"data-reactive-tags-selected\") || (query !== \"\" && !haystack.includes(query))\n      el.hidden = hidden\n      if (hidden) el.removeAttribute(\"data-reactive-highlighted\")\n      else visible++\n    }\n\n    const groupSelector = this.element.getAttribute(\"data-reactive-filter-group\")\n    if (groupSelector) {\n      for (const group of this.element.querySelectorAll(groupSelector)) {\n        if (!owns(group)) continue\n        const contained = [...group.querySelectorAll(optionSelector)].filter(owns)\n        // A group with no options isn't this filter's to decide — server state\n        // stands (it may be a header the app toggles by other means).\n        if (contained.length === 0) continue\n        group.hidden = contained.every((el) => el.hidden)\n      }\n    }\n\n    const emptySelector = this.element.getAttribute(\"data-reactive-filter-empty\")\n    if (emptySelector) {\n      for (const el of this.element.querySelectorAll(emptySelector)) {\n        if (owns(el)) el.hidden = visible > 0\n      }\n    }\n  }\n\n  // Remove the filter-sync listeners on disconnect, so a stray event after a\n  // Turbo morph/navigation never re-filters against a detached root.\n  #teardownFilterSync() {\n    if (!this.#boundSyncFilter) return\n    this.element.removeEventListener?.(\"input\", this.#boundSyncFilter)\n    this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundSyncFilter)\n    this.#boundSyncFilter = undefined\n  }\n\n  // Whether this root declares a tag-chip binding (issue #203) — the connect()\n  // gate and every tags action's first check (an action bound without the root\n  // binding is default-denied, the filter posture).\n  #tagsEnabled() {\n    return !!this.element.getAttribute?.(\"data-reactive-tags-field\")\n  }\n\n  // Whether this root owns at least one JSON-mode nested list (issue #208) —\n  // the connect() gate. A cheap descendant probe: a form without one wires no\n  // input/change listeners. Ownership is re-checked per sync, so a stray match\n  // in a nested reactive root here is harmless (it just arms the listeners).\n  #nestedJsonEnabled() {\n    if (typeof this.element?.querySelector !== \"function\") return false\n    return !!this.element.querySelector(\"[data-reactive-nested-json]\")\n  }\n\n  // The hidden input storing the comma-joined value, resolved fresh per use\n  // (a morph replaces nodes — never cache it) and OWNED by this root (issue\n  // #15). null when the selector resolves nothing — every caller then no-ops:\n  // a binding that can't resolve must never break the page.\n  #tagsField() {\n    if (typeof this.element?.querySelectorAll !== \"function\") return null\n    const selector = this.element.getAttribute(\"data-reactive-tags-field\")\n    if (!selector) return null\n    const owns = this.#ownershipFilter()\n    return [...this.element.querySelectorAll(selector)].find(owns) ?? null\n  }\n\n  // Parse the field's comma-joined value into the canonical tag list: split,\n  // trim, drop blanks, dedupe case-insensitively KEEPING the first casing (the\n  // server may have stored a ragged value — the projection normalizes without\n  // rewriting the field, so we never fight server truth).\n  #tagsRead(field) {\n    const seen = new Set()\n    const tags = []\n    for (const part of String(field.value ?? \"\").split(\",\")) {\n      const tag = part.trim()\n      if (tag === \"\" || seen.has(tag.toLowerCase())) continue\n      seen.add(tag.toLowerCase())\n      tags.push(tag)\n    }\n    return tags\n  }\n\n  // Append any NEW tags (trimmed, non-blank, not already present under the\n  // case-insensitive dedupe) and write the field once. Returns whether\n  // anything was actually added — callers only clear the query input then.\n  #tagsAddValues(values) {\n    const field = this.#tagsField()\n    if (!field) return false\n\n    const tags = this.#tagsRead(field)\n    const seen = new Set(tags.map((tag) => tag.toLowerCase()))\n    let added = false\n    for (const value of values) {\n      const tag = String(value ?? \"\").trim()\n      if (tag === \"\" || seen.has(tag.toLowerCase())) continue\n      seen.add(tag.toLowerCase())\n      tags.push(tag)\n      added = true\n    }\n    if (added) this.#tagsWrite(field, tags)\n    return added\n  }\n\n  // The ONE writer: join, store, dispatch a real bubbling `input` on the field\n  // (the set-value + dispatch contract, issue #183 — dirty tracking,\n  // reactive_show, and compute all see the change), then re-project.\n  #tagsWrite(field, tags) {\n    field.value = tags.join(\",\")\n    if (typeof field.dispatchEvent === \"function\") {\n      field.dispatchEvent(new Event(\"input\", { bubbles: true }))\n    }\n    this.#syncTags()\n  }\n\n  // The query input the tags widget resets after a pick — the SAME input that\n  // drives reactive_filter (a tags widget without filtering has none; the\n  // caller then skips the reset).\n  #tagsQueryInput() {\n    if (typeof this.element?.querySelectorAll !== \"function\") return null\n    const selector = this.element.getAttribute(\"data-reactive-filter-input\")\n    if (!selector) return null\n    const owns = this.#ownershipFilter()\n    return [...this.element.querySelectorAll(selector)].find(owns) ?? null\n  }\n\n  // Re-project the hidden field into the DOM (issue #203): rebuild the chip\n  // list from the <template> and mark/hide the options whose tag is already\n  // selected. The field is the single source of truth — this never writes it.\n  #syncTags() {\n    const field = this.#tagsField()\n    if (!field) return\n    const tags = this.#tagsRead(field)\n    const owns = this.#ownershipFilter()\n    this.#tagsRenderChips(tags, owns)\n    this.#tagsMarkOptions(tags, owns)\n  }\n\n  // Rebuild the chip list: clear the container and clone one chip per tag from\n  // the server-owned template. The tag lands in the clone's\n  // [data-reactive-tag-text] node via textContent (XSS-safe by construction —\n  // never innerHTML, the reactive_text posture), and every tagsRemove trigger\n  // in the clone gets the tag as its param. A missing list is a chip-less\n  // widget (fine — the value still maintains); a missing/empty template warns\n  // ONCE (a half-built binding should be loud, but never per-keystroke).\n  #tagsRenderChips(tags, owns) {\n    const list = [...this.element.querySelectorAll(\"[data-reactive-tags-list]\")].find(owns)\n    if (!list) return\n\n    const template = [...this.element.querySelectorAll(\"[data-reactive-tags-template]\")].find(owns)\n    const chipProto = template?.content?.firstElementChild\n    if (!chipProto) {\n      if (!this.#tagsWarnedTemplate) {\n        console.warn(\n          \"[phlex-reactive] reactive_tags: no chip <template data-reactive-tags-template> found in this root — \" +\n            \"chips will not render (the hidden field still updates). Add a template with a \" +\n            \"[data-reactive-tag-text] node and a reactive_tags_remove button.\"\n        )\n        this.#tagsWarnedTemplate = true\n      }\n      return\n    }\n\n    while (list.firstChild) list.removeChild(list.firstChild)\n    for (const tag of tags) {\n      const chip = chipProto.cloneNode(true)\n      chip.setAttribute?.(\"data-reactive-tag\", tag)\n      const sink = chip.matches?.(\"[data-reactive-tag-text]\")\n        ? chip\n        : (chip.querySelectorAll?.(\"[data-reactive-tag-text]\") ?? [])[0]\n      if (sink) sink.textContent = tag\n      const removers = [...(chip.querySelectorAll?.('[data-action*=\"reactive#tagsRemove\"]') ?? [])]\n      if (chip.matches?.('[data-action*=\"reactive#tagsRemove\"]')) removers.push(chip)\n      for (const remover of removers) remover.setAttribute?.(\"data-reactive-tag-param\", tag)\n      list.appendChild(chip)\n    }\n  }\n\n  // Hide + mark every owned option whose DECLARED tag is already selected\n  // (data-reactive-tags-selected — #syncFilter keeps it hidden through\n  // re-filters), and resurface an option WE hid when its tag is removed. Only\n  // marker-carrying options are un-hidden — an option hidden by the filter or\n  // the server stays as-is. With a filter bound, one final #syncFilter re-folds\n  // groups/empty against the new selected set.\n  #tagsMarkOptions(tags, owns) {\n    const selected = new Set(tags.map((tag) => tag.toLowerCase()))\n    for (const el of this.element.querySelectorAll(\"[role=option]\")) {\n      if (!owns(el)) continue\n      const tag = el.getAttribute?.(\"data-reactive-tag-param\")\n      if (!tag) continue\n      if (selected.has(tag.toLowerCase())) {\n        el.setAttribute(\"data-reactive-tags-selected\", \"true\")\n        el.hidden = true\n        el.removeAttribute?.(\"data-reactive-highlighted\")\n      } else if (el.hasAttribute?.(\"data-reactive-tags-selected\")) {\n        el.removeAttribute(\"data-reactive-tags-selected\")\n        if (!this.#filterEnabled()) el.hidden = false\n      }\n    }\n    if (this.#filterEnabled()) this.#syncFilter()\n  }\n\n  // A fresh index per nested-row add (issue #208) — strictly monotonic and\n  // clock-seeded, so it can never collide with server-rendered integer indexes\n  // (0..n) NOR with a rapid same-millisecond double add.\n  #nextNestedIndex() {\n    this.#nestedIndex = Math.max(this.#nestedIndex + 1, Date.now())\n    return this.#nestedIndex\n  }\n\n  // Swap every NEW_ROW in the clone's name/id/for for the fresh index, so the\n  // row posts as its own `…_attributes[<index>][field]` group and labels keep\n  // pointing at their (renumbered) inputs.\n  #renumberNestedRow(row, index) {\n    const nodes = [row, ...(row.querySelectorAll?.(\"*\") ?? [])]\n    for (const el of nodes) {\n      for (const attr of [\"name\", \"id\", \"for\"]) {\n        const value = el.getAttribute?.(attr)\n        if (value && value.includes(\"NEW_ROW\")) el.setAttribute?.(attr, value.replaceAll(\"NEW_ROW\", String(index)))\n      }\n    }\n  }\n\n  // A half-built nested-rows binding should be loud, but never per-click.\n  #warnNestedOnce(assoc) {\n    if (this.#nestedWarned) return\n    console.warn(\n      `[phlex-reactive] nested rows: no owned [data-reactive-nested-list=\"${assoc}\"] container + ` +\n        `<template data-reactive-nested-template=\"${assoc}\"> pair found in this root — the add ` +\n        \"trigger did nothing. Render both inside the same reactive root (reactive_nested_list / \" +\n        \"reactive_nested_template).\"\n    )\n    this.#nestedWarned = true\n  }\n\n  // Remove the tags morph listener on disconnect, so a stray morph event after\n  // the element leaves the DOM never re-projects against a detached root.\n  #teardownTagsSync() {\n    if (!this.#boundSyncTags) return\n    this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundSyncTags)\n    this.#boundSyncTags = undefined\n  }\n\n  // Remove the JSON-mode nested-rows listeners on disconnect (issue #208), so a\n  // stray input/change/morph after the element leaves the DOM never re-syncs\n  // against a detached root.\n  #teardownNestedJsonSync() {\n    if (this.#boundSyncNestedJson) {\n      this.element.removeEventListener?.(\"input\", this.#boundSyncNestedJson)\n      this.element.removeEventListener?.(\"change\", this.#boundSyncNestedJson)\n      this.#boundSyncNestedJson = undefined\n    }\n    if (this.#boundSeedNestedJson) {\n      this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundSeedNestedJson)\n      this.#boundSeedNestedJson = undefined\n    }\n  }\n\n  // Remove the compute seed morph listener on disconnect (issue #199), so a\n  // stray turbo:morph-element after the element leaves the DOM never re-seeds\n  // against a detached root.\n  #teardownComputeSeed() {\n    if (!this.#boundSeedCompute) return\n    this.element.removeEventListener?.(\"turbo:morph-element\", this.#boundSeedCompute)\n    this.#boundSeedCompute = undefined\n  }\n\n  // Build the multipart body (issue #34). `token`/`act` are flat fields the\n  // endpoint reads from params[:token]/params[:act]; scalar params nest under\n  // params[<key>] (Rails parses the bracket into params[:params]); each file is\n  // appended under params[<name>] (single) — a second file with the same name\n  // (a `multiple` picker, several inputs sharing a name) is sent as\n  // params[<name>][] so Rails coerces it to an array for a [:file] schema.\n  #buildFormData(token, action, params, files) {\n    const fd = new FormData()\n    fd.append(\"token\", token)\n    fd.append(\"act\", action)\n    for (const [key, value] of Object.entries(params)) {\n      this.#appendField(fd, `params[${key}]`, value)\n    }\n    const multiNames = this.#multiFileNames(files)\n    for (const { name, file, multiple } of files) {\n      // params[name][] when the input is `multiple` (array shape even for one\n      // file) OR the name repeats across inputs; otherwise a lone scalar file.\n      const asArray = multiple || multiNames.has(name)\n      const key = asArray ? `params[${name}][]` : `params[${name}]`\n      fd.append(key, file, file.name)\n    }\n    return fd\n  }\n\n  // Append a param leaf to FormData under its bracketed key. FormData carries\n  // only strings, so a NON-scalar param (a nested object or an array) is\n  // bracket-EXPANDED into params[key][sub] / params[key][index][...] fields —\n  // the SAME Rails-form shape the server's expand_bracket_keys / array_values\n  // already parse, so a JSON body and a multipart body coerce identically\n  // (issue #39). Previously a non-scalar was JSON.stringify'd into one\n  // params[key]='<json>' field, which the server received as an un-decodable\n  // String leaf and DROPPED (nested hash -> {}, array -> key removed).\n  //\n  // Arrays use NUMERIC indices (params[key][0], params[key][1]) — required for\n  // an array-of-hash so each element's sub-keys stay grouped and the server's\n  // index-hash sort rebuilds order; params[key][] would collapse them. A scalar\n  // (string/number/boolean) is one string field, mirroring the JSON wire shape\n  // (the server's :boolean/:integer casts read \"true\"/\"42\"). null/undefined is\n  // an empty field. An EMPTY array/object emits NOTHING — FormData can't carry\n  // []/{}, so the key is omitted and the action's keyword default applies (this\n  // differs from the JSON path, where an explicit [] coerces to an empty array).\n  #appendField(fd, key, value) {\n    if (value == null) {\n      fd.append(key, \"\")\n    } else if (Array.isArray(value)) {\n      value.forEach((element, index) => this.#appendField(fd, `${key}[${index}]`, element))\n    } else if (typeof value === \"object\") {\n      for (const [subKey, subValue] of Object.entries(value)) {\n        this.#appendField(fd, `${key}[${subKey}]`, subValue)\n      }\n    } else {\n      fd.append(key, String(value))\n    }\n  }\n\n  // Names that appear more than once across the chosen files (a `multiple`\n  // picker, or several file inputs sharing a name) — those go to params[name][]\n  // so the server sees an array; a lone file stays params[name].\n  #multiFileNames(files) {\n    const counts = new Map()\n    for (const { name } of files) counts.set(name, (counts.get(name) ?? 0) + 1)\n    return new Set([...counts].filter(([, n]) => n > 1).map(([name]) => name))\n  }\n\n  #parseParams(raw) {\n    if (!raw) return {}\n    try {\n      return typeof raw === \"string\" ? JSON.parse(raw) : raw\n    } catch {\n      return {}\n    }\n  }\n\n  // Stimulus typecasts a JSON param to the parsed array already; a raw string\n  // (hand-built attr, non-typecasting harness) is parsed here. Delegates to the\n  // shared parseOps so the controller and the reactive:js stream action (issue\n  // #97) treat a malformed ops attr identically (→ [], never a throw).\n  #parseOps(raw) {\n    return parseOps(raw)\n  }\n\n  // Interpret a [[name, args], ...] op list against this root (issue #95),\n  // scoping each op's targets to this controller's own root via #opTargets (the\n  // nested-reactive-root ownership filter, issue #15). The whitelist + skip\n  // logic lives in the shared applyOps so runOps and the reactive:js stream\n  // action interpret the SAME vocabulary the SAME way (client-side default-deny).\n  #applyOps(list) {\n    applyOps(list, (args) => this.#opTargets(args))\n  }\n\n  // Resolve an op's targets: \"@root\" is this element; a selector resolves\n  // WITHIN this root and excludes nested reactive roots' subtrees (issue #15\n  // semantics — the same nearest-root ownership check the field walk uses);\n  // global: true opts a single op out to document-wide.\n  #opTargets(args) {\n    const to = args.to\n    if (to === \"@root\") return [this.element]\n    if (typeof to !== \"string\" || to === \"\") return []\n    if (args.global) return [...document.querySelectorAll(to)]\n    return [...this.element.querySelectorAll(to)].filter((el) => this.#ownsField(el))\n  }\n\n  // Whether a click-bound checkbox/radio trigger should keep its NATIVE flip\n  // (issue #98). `checked: :keep` means \"let the control flip now\": the\n  // unconditional preventDefault is exactly what suppresses that flip until the\n  // morph, so we skip it — but ONLY for a checkbox/radio (a bare toggle click\n  // has no form-navigation default to lose). Any other element (a button) keeps\n  // preventDefault so an in-form submit can't navigate.\n  #keepsNativeToggle(optimistic, target) {\n    if (optimistic?.checked !== \"keep\") return false\n    const type = target?.type\n    return type === \"checkbox\" || type === \"radio\"\n  }\n\n  // Apply the OPTIMISTIC hint (issue #98) NOW and return its `undo` closure — the\n  // exact ops to replay on FAILURE (optimistic reverts only when the round trip\n  // fails; success leaves server truth or the deliberately-standing hint). It is\n  // the same op vocabulary busy: uses (issue #181) via the one #applyHint engine;\n  // the ONLY optimistic-specific op is checked: :keep (honorChecked = true).\n  #applyOptimistic(optimistic, trigger) {\n    if (!optimistic) return null\n    const undo = this.#applyHint(optimistic, trigger, true)\n    return undo.length ? undo : null\n  }\n\n  // Replay the recorded undo ops on failure (issue #98), guarded by isConnected:\n  // a plain (non-morph) replace can detach this subtree before the failure lands,\n  // and reverting a stale/detached node is pointless (it's gone) — so a\n  // disconnected root skips the revert entirely. On success NOTHING calls this:\n  // the server re-render overwrites the hint, or (reply.remove / streams-only)\n  // the hint is deliberately left standing.\n  #revertOptimistic(inverse) {\n    if (!inverse) return\n    if (!this.element.isConnected) return\n    for (const undo of inverse) undo()\n  }\n\n  // Apply the BUSY state for THIS enqueue (issue #181) and return a `settle`\n  // closure that undoes exactly this enqueue's contribution when the round trip\n  // finishes (success OR any failure). Everything is refcounted so overlapping\n  // enqueues never clobber: A's settle can't clear busy while B is still pending.\n  //\n  // Two layers:\n  //   1. The ALWAYS-ON busy vocabulary (fires for every action, no hint needed):\n  //      data-reactive-busy=\"<action>\" on the trigger and the root (a\n  //      space-separated, per-action refcounted set), aria-busy on the root (a\n  //      pending counter), and data-reactive-busy on any busy_on element scoped\n  //      to this action. Apps style a spinner with pure CSS and zero Ruby.\n  //   2. The busy HINT (only when busy: was declared): the SAME cosmetic op set\n  //      as optimistic: (class ops, hide/show, disable, text), applied through\n  //      the one #applyHint engine and reverted on SETTLE (not on failure). These\n  //      apply at ENQUEUE — never during a debounce quiet period — so a debounced\n  //      input is not disabled mid-typing. checked: is optimistic-only, so busy:\n  //      passes honorChecked = false (the Ruby on() already rejects it — this is\n  //      belt-and-braces).\n  #applyBusy(action, trigger, busy) {\n    this.#markBusy(action, trigger)\n    const undo = busy ? this.#applyHint(busy, trigger, false) : []\n    // Global activity signal (issue #201): this enqueue is one in-flight reactive\n    // operation. Entered HERE (at enqueue, via #applyBusy) so the document marker\n    // covers the whole pending window — queue wait included — exactly like the\n    // per-root busy vocabulary. Exited once in the settle closure below, which\n    // #perform runs in its finally on EVERY exit path (success or any failure).\n    enterReactiveActivity()\n\n    let settled = false\n    return () => {\n      if (settled) return // one settle per enqueue, even if called twice\n      settled = true\n      this.#unmarkBusy(action, trigger)\n      exitReactiveActivity()\n      // Busy reverts on SETTLE regardless of outcome, guarded per element.\n      for (const op of undo) op()\n    }\n  }\n\n  // The ONE pending-state hint engine (issue #181), shared by optimistic: (revert\n  // on failure) and busy: (revert on settle) — they differ only in WHEN the\n  // returned undo ops run, never in the ops themselves. Applies the hint's\n  // cosmetic ops to their targets (the trigger by default, or a `to:` selector\n  // scoped to the root) and returns an array of undo closures. Class ops and\n  // hide/show use a DELTA inverse (undo only what THIS call changed, so it\n  // composes across overlapping enqueues); disable/text use a REFCOUNTED snapshot\n  // (the true pre-hint value survives an overlapping enqueue that would otherwise\n  // capture the already-swapped label as the \"original\"). `honorChecked` gates\n  // checked: :keep — an optimistic-only native-control revert.\n  #applyHint(hint, trigger, honorChecked) {\n    const undo = []\n    for (const el of this.#hintTargets(hint, trigger)) {\n      if (hint.add_class) {\n        // Undo only the classes this op ACTUALLY added — a class already present\n        // was not our change, so reverting it would strip a class the element\n        // legitimately had. Capture the real delta now.\n        const added = hint.add_class.filter((c) => !el.classList.contains(c))\n        el.classList.add(...added)\n        if (added.length) undo.push(() => el.classList.remove(...added))\n      }\n      if (hint.remove_class) {\n        // Symmetric: undo only the classes actually removed.\n        const removed = hint.remove_class.filter((c) => el.classList.contains(c))\n        el.classList.remove(...removed)\n        if (removed.length) undo.push(() => el.classList.add(...removed))\n      }\n      if (hint.toggle_class) {\n        // toggle_class is its own inverse regardless of prior state.\n        hint.toggle_class.forEach((c) => el.classList.toggle(c))\n        undo.push(() => hint.toggle_class.forEach((c) => el.classList.toggle(c)))\n      }\n      if (hint.hide) {\n        el.hidden = true\n        undo.push(() => (el.hidden = false))\n      }\n      if (hint.show) {\n        el.hidden = false\n        undo.push(() => (el.hidden = true))\n      }\n    }\n\n    // disable/text swap the TRIGGER (a `to:` retargets only the class/hide/show\n    // ops above — disable/text are inherently trigger affordances). Refcounted so\n    // overlapping enqueues restore correctly.\n    if (trigger && (hint.disable || hint.text != null)) {\n      undo.push(this.#applyTextDisable(hint, trigger))\n    }\n\n    // checked: :keep — the native flip already happened on the trigger; record\n    // the inverse (flip it back) so a revert restores the control's state.\n    if (honorChecked && hint.checked === \"keep\" && trigger && \"checked\" in trigger) {\n      const flipped = trigger.checked\n      undo.push(() => (trigger.checked = !flipped))\n    }\n\n    return undo\n  }\n\n  // The elements a hint's class/hide/show ops apply to: the `to:` selector\n  // (resolved like an op target — \"@root\" is the root, a selector is scoped to\n  // this root's owned matches) or, with no `to:`, the trigger itself.\n  #hintTargets(hint, trigger) {\n    if (hint.to == null) return trigger ? [trigger] : []\n    return this.#opTargets({ to: hint.to })\n  }\n\n  // Swap the trigger's disabled/innerHTML for a pending hint, snapshotting the\n  // ORIGINAL once per trigger (refcounted so an overlapping enqueue never\n  // snapshots the already-swapped \"Saving…\" as the original), and return the undo\n  // closure. text swaps innerHTML (issue #181), NOT textContent: a composite\n  // trigger like `<button><svg/> Save</button>` has child nodes, and\n  // textContent = \"Saving…\" would DESTROY the icon; innerHTML preserves the\n  // markup structure and restores it byte-for-byte.\n  #applyTextDisable(hint, trigger) {\n    const snap = this.#textDisableSnapshots.get(trigger)\n    if (snap) {\n      snap.count++\n    } else {\n      this.#textDisableSnapshots.set(trigger, {\n        count: 1,\n        disabled: trigger.disabled,\n        html: trigger.innerHTML,\n        hadText: hint.text != null,\n        swappedTo: hint.text,\n      })\n    }\n\n    if (hint.disable) trigger.disabled = true\n    if (hint.text != null) trigger.innerHTML = hint.text\n\n    return () => this.#restoreTextDisable(trigger, hint)\n  }\n\n  // Layer 1 — the always-on busy markers. Trigger + root carry the action token;\n  // the root's counter drives aria-busy; busy_on elements scoped to this action\n  // light up. Refcounts (#busyActions, #busyPending) so overlapping requests\n  // don't clear each other.\n  #markBusy(action, trigger) {\n    this.#setBusyToken(trigger, action, +1)\n    this.#setBusyToken(this.element, action, +1)\n\n    this.#busyActions.set(action, (this.#busyActions.get(action) ?? 0) + 1)\n    if (this.#busyPending++ === 0) this.element.setAttribute(\"aria-busy\", \"true\")\n\n    for (const el of this.#busyOnTargets(action)) this.#setBusyToken(el, action, +1)\n  }\n\n  #unmarkBusy(action, trigger) {\n    this.#setBusyToken(trigger, action, -1)\n    this.#setBusyToken(this.element, action, -1)\n\n    const count = (this.#busyActions.get(action) ?? 1) - 1\n    if (count <= 0) this.#busyActions.delete(action)\n    else this.#busyActions.set(action, count)\n\n    if (--this.#busyPending <= 0) {\n      this.#busyPending = 0\n      this.element.removeAttribute(\"aria-busy\")\n    }\n\n    for (const el of this.#busyOnTargets(action)) this.#setBusyToken(el, action, -1)\n  }\n\n  // Add (+1) or remove (-1) `action` from an element's space-separated\n  // data-reactive-busy token set, refcounted PER ELEMENT+ACTION so two queued\n  // requests of the same action on the same element don't drop the token early\n  // (and two DIFFERENT actions both keep their token — the set never clobbers).\n  // The attribute is removed only when the set empties. No-op on a nullish/\n  // detached element (a morph may have replaced the trigger before settle).\n  #setBusyToken(el, action, delta) {\n    if (!el || typeof el.getAttribute !== \"function\") return\n\n    const counts = (this.#busyTokenCounts.get(el) ?? new Map())\n    const next = (counts.get(action) ?? 0) + delta\n    if (next <= 0) counts.delete(action)\n    else counts.set(action, next)\n\n    if (counts.size === 0) {\n      this.#busyTokenCounts.delete(el)\n      el.removeAttribute(\"data-reactive-busy\")\n      return\n    }\n    this.#busyTokenCounts.set(el, counts)\n    el.setAttribute(\"data-reactive-busy\", [...counts.keys()].join(\" \"))\n  }\n\n  // busy_on elements scoped to THIS action, owned by this root (not a nested\n  // reactive root's, issue #15). data-reactive-busy-on=\"<action>\" is the marker\n  // busy_on(:action) emits.\n  #busyOnTargets(action) {\n    const nodes = this.element.querySelectorAll?.(\"[data-reactive-busy-on]\") ?? []\n    return [...nodes].filter(\n      (el) => el.getAttribute(\"data-reactive-busy-on\") === action && this.#ownsField(el),\n    )\n  }\n\n  // Restore the trigger's disabled/innerHTML from its snapshot when the LAST\n  // enqueue for that trigger settles (refcount → 0). GUARDED: skip a disconnected\n  // trigger (a plain replace detached it — the node is gone), and do NOT restore\n  // the label if it no longer equals what we swapped IN (a morph rendered a new\n  // server label — clobbering it with the old markup would fight server truth).\n  // The comparison + restore both use innerHTML so a composite trigger (icon +\n  // label) round-trips its full markup, not a flattened text run (issue #181).\n  #restoreTextDisable(trigger, hint) {\n    const snap = this.#textDisableSnapshots.get(trigger)\n    if (!snap) return\n    if (--snap.count > 0) return // another enqueue for this trigger is still pending\n    this.#textDisableSnapshots.delete(trigger)\n\n    if (!trigger.isConnected) return // detached — nothing to restore\n\n    if (hint.disable) trigger.disabled = snap.disabled\n    if (snap.hadText && trigger.innerHTML === snap.swappedTo) trigger.innerHTML = snap.html\n  }\n\n  // Deploy-overlap read shim (issue #181): a page still rendered by the PREVIOUS\n  // gem emits the old data-reactive-loading-param, whose `class:` key is the busy\n  // vocabulary's `add_class:`. Remap it so an in-flight legacy page keeps its\n  // pending affordance through the one #applyHint engine. Returns null for the\n  // common (no legacy param) case so the fast path is untouched. Drop this shim\n  // one minor after #181 ships (no page can still carry the old attr by then).\n  #legacyLoadingHint(loading) {\n    if (!loading || typeof loading !== \"object\") return null\n    const { class: cls, ...rest } = loading\n    return cls == null ? loading : { ...rest, add_class: cls }\n  }\n\n  // The action path comes from a <meta> tag that is fixed for the page's life,\n  // so resolve it once per controller and cache it — avoids a querySelector on\n  // every dispatch (this runs on the request hot path, once per click/keystroke\n  // round trip). Cached on the instance, so a fresh connect() (after a Turbo\n  // navigation swaps the element) re-reads it.\n  #actionPath() {\n    return (this.#actionPathCache ??=\n      document.querySelector('meta[name=\"phlex-reactive-action-path\"]')?.content ||\n      \"/reactive/actions\")\n  }\n\n  // The per-request timeout in ms (issue #101), from a page-stable\n  // <meta name=\"phlex-reactive-timeout\"> (default 30000). Cached per-controller\n  // like the action path. Parsed defensively: a missing/blank/non-positive/NaN\n  // value falls back to the default, so a typo'd meta can never disable the\n  // timeout (which would reintroduce the wedged-queue bug) or set a zero/negative\n  // window that aborts instantly.\n  #timeoutMs() {\n    if (this.#timeoutMsCache != null) return this.#timeoutMsCache\n    const raw = document.querySelector('meta[name=\"phlex-reactive-timeout\"]')?.content\n    const ms = Number(raw)\n    return (this.#timeoutMsCache = Number.isFinite(ms) && ms > 0 ? ms : 30000)\n  }\n\n  // CSRF token and connection id are read LIVE (not cached) on purpose: Rails\n  // can rotate the CSRF token, and the pgbus connection id changes on an SSE\n  // reconnect — caching either would send a stale value. A single querySelector\n  // per request is cheap next to the round trip itself.\n  #csrfToken() {\n    return document.querySelector('meta[name=\"csrf-token\"]')?.content ?? \"\"\n  }\n\n  // The pgbus SSE connection id, if the page is subscribed to a stream. pgbus\n  // reflects it onto the <pgbus-stream-source connection-id=\"…\"> element (and\n  // apps may mirror it to <meta name=\"pgbus-connection-id\">). Returns null\n  // when not present (e.g. no pgbus, or no active subscription) — the header\n  // is then simply omitted.\n  #connectionId() {\n    return (\n      document.querySelector(\"pgbus-stream-source[connection-id]\")?.getAttribute(\"connection-id\") ||\n      document.querySelector('meta[name=\"pgbus-connection-id\"]')?.content ||\n      null\n    )\n  }\n}\n"
   ],
-  "mappings": "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",
-  "debugId": "730B1A7F3EE4DCD964756E2164756E21",
+  "mappings": "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",
+  "debugId": "3D36FCC8A2F9938464756E2164756E21",
   "names": []
 }
\ No newline at end of file
diff --git a/docs/app/views/docs/pages/draft_rows_new_parent.rb b/docs/app/views/docs/pages/draft_rows_new_parent.rb
index 576a16c..71a3fdd 100644
--- a/docs/app/views/docs/pages/draft_rows_new_parent.rb
+++ b/docs/app/views/docs/pages/draft_rows_new_parent.rb
@@ -251,6 +251,11 @@ def fill_then_add
           end
         end
 
+        # The %{field} tokens in the confirm examples below are the CLIENT's
+        # interpolation syntax (the reactive runtime parses them on remove), not
+        # Ruby format strings — Style/FormatStringToken's annotated-token
+        # preference doesn't apply to documentation of client-side markup.
+        # rubocop:disable Style/FormatStringToken
         def confirm_on_remove
           DocsUI::Section('Confirm before removing a row') do
             md <<~'MD'
@@ -269,9 +274,8 @@ def confirm_on_remove
               `_destroy`-marked + hidden) and the existing JSON/attributes
               re-sync; on **cancel** nothing happens. It works in both wire modes.
 
-              **Per-row messages come for free** — the confirm is a per-render
-              string, so a row that wants row-specific detail just renders a
-              different one (no gem-side interpolation feature needed, exactly as
+              **Server-rendered rows** get per-row detail for free — the confirm
+              is a per-render string, so a persisted row just renders its own (as
               with `on(:destroy, confirm:)`):
 
               ```ruby
@@ -279,17 +283,47 @@ def confirm_on_remove
                 confirm: "Really delete #{row.name} (#{row.amount})?")) { '×' }
               ```
 
+              **Client-added rows use a `%{field}` placeholder (#222).** A row you
+              add in the browser is a `cloneNode` of the `<template>`, so it can
+              only carry the template's confirm string — and the template row has
+              no values yet. Interpolate at the client instead: put a
+              `%{field_key}` placeholder in the message, and on remove the client
+              substitutes **that row's own live field values** (keyed by the same
+              trailing-bracket inference `as: :json` uses). The message reflects
+              the row the user actually built, and a later edit is reflected too
+              (it resolves at click time, not clone time):
+
+              ```ruby
+              # The template row is value-less, so this renders "%{name}"/"%{amount}"
+              # literally; the client fills them from the ADDED row on remove.
+              td { input(name: nested_field_name(:line_items, :name)) }
+              td { input(name: nested_field_name(:line_items, :amount), type: 'number') }
+              button(**reactive_nested_remove(
+                confirm: "Delete '%{name}' (%{amount})?")) { '×' }
+              # a row the user filled with "Widget"/42 prompts: Delete 'Widget' (42)?
+              ```
+
+              A `%{key}` with no matching row field is left as its literal text
+              (visible and debuggable, never a silent blank). The placeholder
+              works in the conditional Hash's `message:` too. Interpolation
+              applies to `reactive_nested_remove` confirms only — `on`/`on_client`
+              confirms never substitute — so if a remove confirm needs a
+              **literal** `%{word}` where `word` also happens to be a field on the
+              row, reword it (there is no escape); this only bites text that
+              deliberately contains a field name in braces.
+
               It also composes with the conditional-confirm Hash form — prompt
               only when a condition matches, for parity with `on`/`on_client`:
 
               ```ruby
               # Only ask if the row still has a value; a blank draft row goes quietly.
               button(**reactive_nested_remove(
-                confirm: { when: { amount: 1.. }, message: 'Remove this line item?' })) { '×' }
+                confirm: { when: { amount: 1.. }, message: 'Remove %{name}?' })) { '×' }
               ```
             MD
           end
         end
+        # rubocop:enable Style/FormatStringToken
 
         def draft_actions
           DocsUI::Section('Bonus: real server actions on a draft parent') do
diff --git a/spec/dummy/app/components/draft_order_confirm_interpolate_component.rb b/spec/dummy/app/components/draft_order_confirm_interpolate_component.rb
new file mode 100644
index 0000000..3cdaea3
--- /dev/null
+++ b/spec/dummy/app/components/draft_order_confirm_interpolate_component.rb
@@ -0,0 +1,60 @@
+# frozen_string_literal: true
+
+# reactive_nested_remove(confirm:) with a %{field} PLACEHOLDER on a JSON-mode
+# draft list (issue #222). A row added client-side via reactive_nested_add is a
+# cloneNode of the <template>, so it carries the TEMPLATE's confirm string
+# verbatim — the value-less "%{quantity}" placeholder. Before #222 that froze
+# the message to the template string on every added row; now the client
+# interpolates %{field} from the row's LIVE field values at click time, so the
+# per-row confirm reflects the quantity the user actually typed into THAT row.
+#
+# Reconciled through the SAME /orders_json endpoint as DraftOrderJsonFormComponent
+# and DraftOrderConfirmRemoveComponent, so the interpolation is the only thing
+# under test.
+class DraftOrderConfirmInterpolateComponent < ApplicationComponent
+  include Phlex::Rails::Helpers::FormAuthenticityToken
+  include Phlex::Reactive::ClientBindings
+
+  reactive_scope :order
+
+  def view_template
+    div(**mix(
+      reactive_root(id: "draft_order_confirm_interpolate_form", data: { testid: "draft-order-interp" })
+    )) do
+      form(action: "/orders_json", method: "post", data: { turbo: "false" }) do
+        input(type: "hidden", name: "authenticity_token", value: form_authenticity_token)
+
+        input(type: "hidden", **reactive_field(:line_items), value: "[]", data: { testid: "json-field" })
+
+        div(**mix(reactive_nested_list(:line_items, as: :json), data: { testid: "items" }))
+        row_template
+        button(**mix(reactive_nested_add(:line_items), data: { testid: "add-item" })) { "Add item" }
+
+        button(type: "submit", data: { testid: "create-order" }) { "Create order" }
+      end
+    end
+  end
+
+  private
+
+  def row_template
+    template(**reactive_nested_template(:line_items)) { row_fields }
+  end
+
+  def row_fields
+    div(**mix(reactive_nested_row, data: { testid: "item-row" })) do
+      input(name: nested_field_name(:line_items, :quantity), type: "number", data: { testid: "qty" })
+      input(name: nested_field_name(:line_items, :price), type: "number", data: { testid: "price" })
+      # A %{field} PLACEHOLDER, not a per-row string. The template row is
+      # value-less, so this renders the literal "%{quantity}"; the client
+      # interpolates it from the added row's own quantity field on remove. The
+      # %{quantity} is a CLIENT interpolation template (the reactive runtime
+      # parses it), not a Ruby format string — so Style/FormatStringToken's
+      # annotated-token preference doesn't apply here.
+      # rubocop:disable Style/FormatStringToken
+      button(**mix(reactive_nested_remove(confirm: "Remove line item with quantity %{quantity}?"),
+        data: { testid: "remove-item" }), aria: { label: "Remove item" }) { "×" }
+      # rubocop:enable Style/FormatStringToken
+    end
+  end
+end
diff --git a/spec/dummy/app/controllers/demos_controller.rb b/spec/dummy/app/controllers/demos_controller.rb
index b8da069..4cff875 100644
--- a/spec/dummy/app/controllers/demos_controller.rb
+++ b/spec/dummy/app/controllers/demos_controller.rb
@@ -166,6 +166,13 @@ def draft_order_confirm_remove
     render_component DraftOrderConfirmRemoveComponent.new
   end
 
+  # Issue #222: the per-row remove confirm carries a %{quantity} PLACEHOLDER;
+  # a row the user ADDS client-side interpolates it from its own live value at
+  # click time. Reconciled through the SAME /orders_json endpoint.
+  def draft_order_confirm_interpolate
+    render_component DraftOrderConfirmInterpolateComponent.new
+  end
+
   # The JSON-mode reconcile: the app parses a SERIALIZED JSON param by hand
   # (NO accepts_nested_attributes_for), the exact controller path an app that
   # already ships a JSON param keeps unchanged when adopting the primitive.
diff --git a/spec/dummy/config/routes.rb b/spec/dummy/config/routes.rb
index f859381..460eb58 100644
--- a/spec/dummy/config/routes.rb
+++ b/spec/dummy/config/routes.rb
@@ -35,6 +35,9 @@
   # Issue #218: a JSON-mode draft list whose per-row remove confirms first —
   # reconciled through the SAME /orders_json endpoint.
   get "draft_order_confirm_remove" => "demos#draft_order_confirm_remove"
+  # Issue #222: the per-row remove confirm carries a %{field} PLACEHOLDER; a
+  # client-added row interpolates it from its own live field value on remove.
+  get "draft_order_confirm_interpolate" => "demos#draft_order_confirm_interpolate"
   get "post_preview/:id" => "demos#post_preview"
   get "compute_seed" => "demos#compute_seed"
   get "notifications" => "demos#notifications"
diff --git a/spec/dummy/public/vendor/reactive_controller.js b/spec/dummy/public/vendor/reactive_controller.js
index 06197d5..69d0e8b 100644
--- a/spec/dummy/public/vendor/reactive_controller.js
+++ b/spec/dummy/public/vendor/reactive_controller.js
@@ -1,4 +1,4 @@
-import{Controller as WX}from"@hotwired/stimulus";import{confirmResolver as R}from"phlex/reactive/confirm";import{computeReducer as JX}from"phlex/reactive/compute";import{confirmPredicate as LX}from"phlex/reactive/confirm_predicate";function VX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:visit"])return;X["reactive:visit"]=function(){let Z=this.getAttribute("data-url");if(Z)window.Turbo.visit(Z,{action:"advance"})}}function BX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:token"])return;X["reactive:token"]=function(){let Z=this.getAttribute("data-reactive-token-value"),$=this.getAttribute("target");if(!Z||!$)return;let Q=document.getElementById($);if(Q)Q.setAttribute("data-reactive-token-value",Z)}}function MX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:js"])return;X["reactive:js"]=function(){let Z=HX(this.getAttribute("data-reactive-ops"));if(!Z.length)return;let $=this.getAttribute("target"),Q=$?document.getElementById($):null;if($&&!Q)return;UX(Z,(j)=>ZZ(j,Q))}}var M=new Map;function s(X,Z){let $=!M.has(X);if(M.set(X,Z),$)QX()}function N(X){if(M.delete(X))jX()}function GZ(){M.clear(),S=!1}function qZ(X){return M.get(X)?.via}var S=!1;function _X(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:defer"])return;if(X["reactive:defer"]=function(){let Z=this.getAttribute("target");if(!Z)return;if(this.getAttribute("data-reactive-defer-via")==="stream"){OX(Z,this);return}let $=this.getAttribute("data-reactive-defer-token");if(!$)return;C(Z,$)},!S&&typeof document<"u"&&document.addEventListener)S=!0,document.addEventListener("turbo:before-stream-render",AX)}function AX(X){let $=X.target?.getAttribute?.("target");if(!$)return;let Q=$.startsWith("reactive-defer-src-")?$.slice(19):$;if(M.get(Q)?.via==="stream")N(Q)}function C(X,Z){let $=document.getElementById(X);if(!$){console.warn(`[phlex-reactive] reactive:defer target #${X} is not on the page — skipped`);return}a(X),r($);let Q={via:"fetch",abort:new AbortController,timedOut:!1};s(X,Q),xX(X,Q,Z)}function OX(X,Z){let $=document.getElementById(X);if(!$){console.warn(`[phlex-reactive] reactive:defer target #${X} is not on the page — skipped`);return}let Q=Z.getAttribute("data-reactive-defer-src");if(!Q)return;if(!globalThis.customElements?.get?.("pgbus-stream-source")){let z=Z.getAttribute("data-reactive-defer-token");if(z){C(X,z);return}console.error("[phlex-reactive] reactive:defer via=stream but <pgbus-stream-source> is not registered "+"and no fallback token was provided — is the pgbus client loaded on this page?");return}a(X),r($);let j=document.createElement("pgbus-stream-source");j.id=n(X),j.setAttribute("src",Q),j.setAttribute("since-id",Z.getAttribute("data-reactive-defer-since-id")??"0"),j.setAttribute("hidden",""),document.body.appendChild(j),s(X,{via:"stream"})}function n(X){return`reactive-defer-src-${X}`}async function xX(X,Z,$){let Q=setTimeout(()=>{Z.timedOut=!0,Z.abort.abort()},CX()),j;try{j=await fetch(PX(),{method:"POST",headers:{Accept:"text/vnd.turbo-stream.html","Content-Type":"application/json","X-CSRF-Token":NX()},body:JSON.stringify({token:$}),credentials:"same-origin",signal:Z.abort.signal})}catch(G){if(clearTimeout(Q),M.get(X)!==Z)return;console.error("[phlex-reactive] deferred render failed",G),F(X,$);return}if(M.get(X)!==Z){clearTimeout(Q);return}if(j.status===204){clearTimeout(Q),g(X);return}if(!j.ok){clearTimeout(Q),console.error(`[phlex-reactive] deferred render failed: HTTP ${j.status}`),F(X,$,j.status);return}let z;try{z=await j.text()}catch(G){if(clearTimeout(Q),M.get(X)!==Z)return;console.error("[phlex-reactive] deferred render failed reading the body",G),F(X,$);return}if(clearTimeout(Q),M.get(X)!==Z)return;g(X),window.Turbo.renderStreamMessage(z)}function a(X){let Z=M.get(X);if(!Z)return;if(N(X),Z.via==="fetch")Z.abort.abort();else document.getElementById(n(X))?.remove?.()}function r(X){X.setAttribute("data-reactive-defer-pending","true"),X.setAttribute("aria-busy","true")}function t(X){X.removeAttribute("data-reactive-defer-pending"),X.removeAttribute("aria-busy")}function g(X){N(X);let Z=document.getElementById(X);if(!Z)return;t(Z),Z.removeAttribute("data-reactive-error")}function F(X,Z,$){N(X);let Q=document.getElementById(X);if(!Q)return;t(Q),Q.setAttribute("data-reactive-error","defer");let j=()=>{let z=document.getElementById(X);if(!z){console.warn("[phlex-reactive] defer retry() ignored — the target left the DOM");return}z.removeAttribute("data-reactive-error"),C(X,Z)};Q.dispatchEvent(new CustomEvent("reactive:error",{bubbles:!0,composed:!0,detail:{kind:"defer",target:X,status:$,retry:j}}))}function PX(){return document.querySelector('meta[name="phlex-reactive-defer-path"]')?.content||"/reactive/defer"}function NX(){return document.querySelector('meta[name="csrf-token"]')?.content??""}function CX(){let X=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,Z=Number(X);return Number.isFinite(Z)&&Z>0?Z:30000}var b=!1;function DX(){if(b)return;if(typeof document>"u"||!document.addEventListener)return;b=!0,document.addEventListener("turbo:before-stream-render",RX)}function RX(X){let Z=X.detail,$=Z?.render;if(typeof $!=="function"||$.__reactiveDismissWrapped){if(typeof requestAnimationFrame==="function")requestAnimationFrame(I);else setTimeout(I,0);return}let Q=async(j)=>{await $(j),I()};Q.__reactiveDismissWrapped=!0,Z.render=Q}function I(){let X=document.querySelectorAll("[data-reactive-dismiss-after]");for(let Z of X){if(Z.hasAttribute("data-reactive-dismiss-scheduled"))continue;let $=Number(Z.getAttribute("data-reactive-dismiss-after"));if(!Number.isFinite($)||$<=0)continue;Z.setAttribute("data-reactive-dismiss-scheduled",""),setTimeout(()=>Z.remove(),$)}}function YZ(){b=!1}var FX=Object.freeze({append:"enter",prepend:"enter",replace:"update",update:"update",remove:"exit"}),T=Object.freeze(["fade","slide","scale","highlight","shake"]),w="data-reactive-fx-pending",e=1000,h=!1;function IX(){if(h)return;if(typeof document>"u"||typeof document.addEventListener!=="function")return;h=!0,document.addEventListener("turbo:before-stream-render",TX)}function KZ(){h=!1}function TX(X){let Z=X.detail,$=Z?.render;if(typeof $!=="function"||$.__reactiveEffectsWrapped)return;let Q=Z?.newStream??X.target,j=FX[Q?.getAttribute?.("action")];if(!j||SX())return;let z=EX(Q,j);if(!z)return;let G=j==="exit"?async(q)=>{await hX(x(Q),z),await $(q)}:async(q)=>{let Y=j==="enter"?bX(Q):null;if(await $(q),j==="enter")wX(Y,z);else XX(x(Q),z)};G.__reactiveEffectsWrapped=!0,Z.render=G}function EX(X,Z){let $=X.getAttribute?.("data-reactive-effect");if($==="off")return null;if($)return c($,Z);let j=(Z==="enter"?kX(X):x(X))?.getAttribute?.(`data-reactive-effect-${Z}`);return j?c(j,Z):null}function x(X){let Z=X.getAttribute?.("target");return Z?document.getElementById?.(Z)??null:null}function kX(X){return X.querySelector?.("template")?.content?.firstElementChild??null}function c(X,Z){if(X.startsWith("[")){let Q=null;try{let j=JSON.parse(X);if(Array.isArray(j)&&j.length===3)Q=j.map(String)}catch{}if(Q)return{legs:Q};return console.warn(`[phlex-reactive] malformed effect legs ${JSON.stringify(X)} — skipped`),null}let $=X==="random"?T[Math.floor(Math.random()*T.length)]:X;if(!T.includes($))return console.warn(`[phlex-reactive] unknown effect ${JSON.stringify(X)} — skipped`),null;return{className:`reactive-fx--${$}-${Z}`}}function SX(){try{return typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches}catch{return!1}}function bX(X){let Z=X.querySelector?.("template")?.content;if(!Z)return null;for(let $ of Array.from(Z.children??[]))$.setAttribute?.(w,"");return x(X)}function wX(X,Z){if(typeof X?.querySelectorAll!=="function")return;for(let $ of Array.from(X.querySelectorAll(`[${w}]`)))$.removeAttribute(w),XX($,Z)}async function hX(X,Z){if(!X?.classList)return;if(Z.legs){await ZX(X,Z.legs);return}X.classList.add(Z.className);let $=f(X);if($<=0){X.classList.remove(Z.className);return}await p(X,$),X.classList.remove(Z.className)}function XX(X,Z){if(!X?.classList)return;if(Z.legs){ZX(X,Z.legs);return}if(X.classList.contains(Z.className))X.classList.remove(Z.className),X.offsetWidth;X.classList.add(Z.className);let $=f(X);if($<=0){X.classList.remove(Z.className);return}let Q=X.__reactiveFxToken=(X.__reactiveFxToken??0)+1;p(X,$).then(()=>{if(X.__reactiveFxToken===Q)X.classList.remove(Z.className)})}async function ZX(X,Z){let[$,Q,j]=Z.map(yX),z=X.__reactiveFxToken=(X.__reactiveFxToken??0)+1;if(X.classList.remove(...$,...Q,...j),X.classList.add(...$,...Q),await vX(),X.__reactiveFxToken!==z)return;X.classList.remove(...Q),X.classList.add(...j);let G=f(X);if(G>0)await p(X,G);if(X.__reactiveFxToken!==z)return;X.classList.remove(...$,...j)}function yX(X){return String(X??"").split(/\s+/).filter(Boolean)}function f(X){if(typeof getComputedStyle!=="function")return 0;try{let Z=getComputedStyle(X),$=(z)=>String(z??"").split(",").reduce((G,q)=>Math.max(G,parseFloat(q)||0),0),Q=$(Z.animationDuration)+$(Z.animationDelay),j=$(Z.transitionDuration)+$(Z.transitionDelay);return Math.min(Math.max(Q,j)*1000,e)}catch{return 0}}function p(X,Z){return new Promise(($)=>{let Q=!1,j=()=>{if(Q)return;Q=!0,$()};X.addEventListener?.("animationend",j,{once:!0}),X.addEventListener?.("transitionend",j,{once:!0}),setTimeout(j,Math.min(Z+50,e))})}function vX(){return new Promise((X)=>{if(typeof requestAnimationFrame==="function")requestAnimationFrame(()=>X());else setTimeout(X,16)})}var y=!1;function fX(){if(y)return;if(typeof window>"u"||typeof document>"u")return;if(typeof window.addEventListener!=="function")return;y=!0;let X=()=>{let Z=document.documentElement;if(typeof Z?.toggleAttribute!=="function")return;Z.toggleAttribute("data-reactive-offline",globalThis.navigator?.onLine===!1)};X(),window.addEventListener("online",X),window.addEventListener("offline",X)}function HZ(){y=!1}var m="phlex-reactive:latency",P=!1;function pX(X){if(typeof sessionStorage>"u")return;sessionStorage.setItem(m,String(X))}function mX(){if(typeof sessionStorage>"u")return;sessionStorage.removeItem(m),P=!1}function uX(){if(typeof window>"u"||typeof document>"u")return;if(document.querySelector?.('meta[name="phlex-reactive-env"]')?.content!=="development")return;window.PhlexReactive={enableLatencySim:pX,disableLatencySim:mX}}function UZ(){P=!1}var $X="data-reactive-active",_=0;function QX(){if(_++,_===1)zX("reactive:busy")}function jX(){if(_===0)return;if(_--,_===0)zX("reactive:idle")}function WZ(){return _}function JZ(){_=0,(typeof document<"u"?document.documentElement:null)?.removeAttribute?.($X)}function zX(X){if(typeof document>"u")return;let Z=document.documentElement;if(typeof Z?.toggleAttribute==="function")Z.toggleAttribute($X,_>0);if(typeof document.dispatchEvent==="function"&&typeof CustomEvent==="function")document.dispatchEvent(new CustomEvent(X,{detail:{count:_}}))}function d(){VX(),BX(),MX(),_X(),DX(),IX(),fX(),uX()}function gX(X){return X.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}if(typeof window<"u")if(window.Turbo)d();else document.addEventListener("turbo:load",d,{once:!0});var D=!1;function cX(){if(D)return;if(typeof document>"u")return;let X=document.querySelectorAll('[data-controller~="reactive"]');if(!X||X.length===0)return;console.warn("[phlex-reactive] found "+X.length+' element(s) with data-controller="reactive" '+"but the reactive controller never connected. It is loaded but not registered — "+'add `application.register("reactive", ReactiveController)` (importmap) or import it into app/javascript/controllers/ for lazyLoadControllersFrom apps. See the README.')}function LZ(){D=!1}function VZ(){D=!0}if(typeof window<"u"&&typeof document<"u"){let X=()=>setTimeout(cX,0);if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",X,{once:!0});else X()}var dX=new Set(["href","src","srcdoc","action","formaction","xlink:href","style"]);function lX(X){let Z=String(X).toLowerCase();return Z.startsWith("on")||dX.has(Z)}function iX(X,Z,$){let[Q,j,z]=Z;X.classList.add(Q,j),$(),requestAnimationFrame(()=>{X.classList.remove(j),X.classList.add(z)});let G=!1,q=()=>{if(G)return;G=!0,X.classList.remove(Q,z)};X.addEventListener("animationend",q,{once:!0}),setTimeout(q,350)}var l=Object.freeze({show:(X,Z)=>E(X,!1,Z),hide:(X,Z)=>E(X,!0,Z),toggle:(X,Z)=>E(X,!X.hidden,Z),add_class:(X,Z)=>X.classList.add(...Z.classes??[]),remove_class:(X,Z)=>X.classList.remove(...Z.classes??[]),toggle_class:(X,Z)=>(Z.classes??[]).forEach(($)=>X.classList.toggle($)),set_attr:(X,Z)=>{if(k(Z.name))X.setAttribute(Z.name,Z.value??"")},remove_attr:(X,Z)=>{if(k(Z.name))X.removeAttribute(Z.name)},toggle_attr:(X,Z)=>{if(!k(Z.name))return;if(X.hasAttribute(Z.name))X.removeAttribute(Z.name);else X.setAttribute(Z.name,"")},focus:(X)=>X.focus?.(),focus_first:(X)=>XZ(X)?.focus?.(),text:(X,Z)=>{let $=String(Z.value??"");if(X.textContent!==$)X.textContent=$},dispatch:(X,Z)=>{X.dispatchEvent(new CustomEvent(Z.name,{bubbles:!0,composed:!0,detail:Z.detail??{}}))}});function E(X,Z,$){if($?.transition)iX(X,$.transition,()=>X.hidden=Z);else X.hidden=Z}function k(X){if(!lX(X))return!0;return console.warn(`[phlex-reactive] refused client attr op on ${JSON.stringify(X)} — skipped`),!1}var GX=/^#[A-Za-z_][\w-]*$/;function oX(X){if(typeof X==="string"&&GX.test(X))return!0;return console.warn(`[phlex-reactive] refused cross-root mirror target ${JSON.stringify(X)} — skipped`),!1}function sX(X,Z){let $=X.getAttribute("data-reactive-show-equals");if($!==null)return Z===$;let Q=X.getAttribute("data-reactive-show-not");if(Q!==null)return Z!==Q;let j=X.getAttribute("data-reactive-show-in");if(j!==null){try{let z=JSON.parse(j);if(Array.isArray(z))return z.includes(Z)}catch{}return console.warn(`[phlex-reactive] malformed reactive_show in: list ${JSON.stringify(j)} — skipped`),null}for(let z of qX){let G=X.getAttribute(`data-reactive-show-${z}`);if(G!==null)return YX(z,G,Z)}return console.warn("[phlex-reactive] a reactive_show binding declares no predicate — skipped"),null}var qX=["gte","gt","lte","lt"];function YX(X,Z,$){let Q=Number(Z);if(Number.isNaN(Q))return console.warn(`[phlex-reactive] reactive_show ${X}: needs a numeric literal, got ${JSON.stringify(Z)} — skipped`),null;let j=$==null?"":String($).trim(),z=j===""?NaN:Number(j);if(Number.isNaN(z))return!1;switch(X){case"gte":return z>=Q;case"gt":return z>Q;case"lte":return z<=Q;case"lt":return z<Q;default:return null}}function KX(X,Z){if(!X||typeof X!=="object")return null;if(typeof X.equals==="string")return Z===X.equals;if(typeof X.not==="string")return Z!==X.not;if(Array.isArray(X.in))return X.in.includes(Z);for(let $ of qX)if($ in X)return YX($,X[$],Z);return null}var i="[data-reactive-show-field], [data-reactive-show]";function nX(X){try{let Z=JSON.parse(X);if(Z&&typeof Z==="object"&&!Array.isArray(Z))return Z}catch{}return console.warn(`[phlex-reactive] malformed compound reactive_show payload ${JSON.stringify(X)} — skipped`),null}function u(X,Z){if(!X||typeof X!=="object"||typeof X.field!=="string")return!1;let $=Z(X.field)??"";return KX(X,$)===!0}function v(X,Z){if(!Array.isArray(X)||X.length===0)return null;return X.some(($)=>Array.isArray($)&&$.length>0&&$.every((Q)=>u(Q,Z)))}function aX(X){if(!Array.isArray(X)||X.length===0)return null;let Z=new Set;for(let $ of X){if(!Array.isArray($))continue;for(let Q of $)if(Q&&typeof Q==="object"&&typeof Q.field==="string")Z.add(Q.field)}return Z.size>0?[...Z]:null}function rX(X,Z){if(!X||typeof X!=="object")return null;let $=X.any;if(Array.isArray($)&&($.length===0||Array.isArray($[0])))return v($,Z);return tX(X,Z)}function tX(X,Z){let $=Array.isArray(X.all)?"all":Array.isArray(X.any)?"any":null;if(!$)return null;let Q=X[$];if(Q.length===0)return null;let j=Q.map((z)=>u(z,Z));return $==="all"?j.every(Boolean):j.some(Boolean)}function o(X){if(typeof X==="string"&&GX.test(X))return!0;return console.warn(`[phlex-reactive] refused cross-root show target ${JSON.stringify(X)} — skipped`),!1}var eX='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function XZ(X){return X.querySelectorAll?.(eX)?.[0]??null}function HX(X){if(Array.isArray(X))return X;if(typeof X!=="string")return[];try{let Z=JSON.parse(X);return Array.isArray(Z)?Z:[]}catch{return[]}}function UX(X,Z){for(let $ of X){if(!Array.isArray($))continue;let[Q,j={}]=$;if(!Object.hasOwn(l,Q)){console.warn(`[phlex-reactive] unknown client op ${JSON.stringify(Q)} — skipped`);continue}for(let z of Z(j))l[Q](z,j)}}function ZZ(X,Z){let $=X.to;if(Z){if($==="@root")return[Z];if(typeof $!=="string"||$==="")return[];if(X.global)return[...document.querySelectorAll($)];return[...Z.querySelectorAll($)]}if(typeof $!=="string"||$===""||$==="@root")return[];return[...document.querySelectorAll($)]}class BZ extends WX{static values={token:String};#m;#A=new Map;#H=new Map;#BX;#I;#u;#T=0;#U=new Map;#E=new WeakMap;#O=new Map;#g=new WeakSet;#W;#J;#L;#Z;#Q;#V;#c=!1;#k=0;#d=!1;#j;#B;#M;#x;connect(){if(D=!0,this.element.id==="")console.warn("[phlex-reactive] a reactive root has no id; its next-action token can't self-match "+"and may fall back to the first token in the response → a silent HTTP 403 on the NEXT action. "+"Put id: on the SAME element as reactive_attrs — use div(**reactive_root) (emits id + token together), "+"or div(id:, **reactive_attrs). The id: must NOT be on a child. See the README.");if(this.element.getAttribute?.("data-reactive-defer-token"))this.#l(),this.#x=()=>this.#l(),this.element.addEventListener?.("turbo:morph-element",this.#x);if(this.#MX()){if(this.#W=()=>this.#h(),this.element.addEventListener?.("turbo:morph-element",this.#W),this.#h(),this.element.getAttribute?.("data-reactive-warn-unsaved")==="true")this.#gX()}if(this.#dX())this.#Z=()=>this.#zX(),this.element.addEventListener?.("input",this.#Z),this.element.addEventListener?.("change",this.#Z),this.element.addEventListener?.("turbo:morph-element",this.#Z),this.#zX();if(this.#R())this.#Q=(X)=>{if(X?.type==="input"&&!this.#rX(X))return;this.#_()},this.element.addEventListener?.("input",this.#Q),this.element.addEventListener?.("turbo:morph-element",this.#Q),this.#_();if(this.#F())this.#V=()=>this.#f(),this.element.addEventListener?.("turbo:morph-element",this.#V),this.#f();if(this.#eX())this.#j=(X)=>this.syncNestedJson(X),this.#B=()=>this.#N(),this.element.addEventListener?.("input",this.#j),this.element.addEventListener?.("change",this.#j),this.element.addEventListener?.("turbo:morph-element",this.#B),this.#N();if(this.#aX())this.#M=()=>this.recompute(),this.element.addEventListener?.("turbo:morph-element",this.#M),this.recompute()}#MX(){if((this.element.getAttribute?.("data-action")??"").includes("reactive#trackDirty"))return!0;let X=this.element.querySelectorAll?.('[data-action*="reactive#trackDirty"]')??[];for(let Z of X)if(this.#$(Z))return!0;return!1}disconnect(){if(this.#kX(),this.#bX(),this.#cX(),this.#nX(),this.#tX(),this.#GZ(),this.#qZ(),this.#YZ(),this.#x)this.element.removeEventListener?.("turbo:morph-element",this.#x)}#l(){let X=this.element;if(!X?.id)return;let Z=X.getAttribute?.("data-reactive-defer-token");if(!Z)return;if(X.getAttribute?.("data-reactive-defer-pending")!=="true")return;C(X.id,Z)}dispatch(X){let{action:Z,params:$,debounce:Q,throttle:j,confirm:z,confirmWhen:G,outside:q,window:Y,optimistic:K}=X.params;if(!Z)return;let W=X.params.busy??this.#_Z(X.params.loading);if(q&&this.element.contains(X.target))return;let B=X.currentTarget??X.target;if(!Y&&!this.#UZ(K,B))X.preventDefault();let J=this.#w(z,G);if(!J)return this.#t(B,Z,$,Q,j,K,W);Promise.resolve().then(()=>R(J)).catch(()=>!1).then((L)=>{if(L)this.#t(B,Z,$,Q,j,K,W)})}runOps(X){let{ops:Z,confirm:$,confirmWhen:Q,outside:j,window:z}=X.params;if(j&&this.element.contains(X.target))return;if(!z)X.preventDefault();let G=this.#w($,Q);if(!G)return this.#UX(this.#HX(Z));Promise.resolve().then(()=>R(G)).catch(()=>!1).then((q)=>{if(q)this.#UX(this.#HX(Z))})}trackDirty(){this.#h()}recompute(X){if(X&&this.#g.has(X))return;let Z=this.#CX(),$=Z.map(([H])=>H),Q=this.element.getAttribute?.("data-reactive-scope")||null,j=(H)=>Q&&!H.includes("[")?`${Q}[${H}]`:H,z=this.#X(),G=new Map,q=(H)=>{if(G.has(H))return G.get(H);let U=null;for(let A of this.element.querySelectorAll(`[name="${j(H)}"]`))if(z(A)){U=A;break}return G.set(H,U),U};for(let H of $)this.#a(H,q(H)?.value??"");let Y=this.element.getAttribute("data-reactive-compute-reducer-param"),K=Y?JX(Y):null;if(!K){this.#r({},q);return}let W=this.#NX("data-reactive-compute-outputs-param"),B={};for(let[H,U]of Z){let A=q(H);if(U==="string")B[H]=A?.value??"";else{let V=Number(A?.value);B[H]=Number.isFinite(V)?V:0}}let J=K(B,{changed:this.#DX(X,$,Q)})||{},L=[];for(let H of W){if(!(H in J))continue;let U=q(H);if(!U)continue;if(String(J[H])===U.value)continue;U.value=J[H],L.push(U)}for(let H of Object.keys(J)){let U=J[H];if(U===void 0||U===null)continue;this.#a(H,U)}this.#r(J,q);for(let H of L){let U=new Event("input",{bubbles:!0});this.#g.add(U),H.dispatchEvent(U)}}listnavNext(X){this.#i(X,1)}listnavPrev(X){this.#i(X,-1)}listnavPick(X){let Z=this.#P(X),$=Z.findIndex((Q)=>Q.hasAttribute("data-reactive-highlighted"));if($<0)return;X.preventDefault(),Z[$].click()}listnavClose(X){for(let Z of this.#P(X))Z.removeAttribute("data-reactive-highlighted")}#i(X,Z){let $=this.#P(X);if(!$.length)return;X.preventDefault();let Q=$.findIndex((G)=>G.hasAttribute("data-reactive-highlighted")),j=Q<0?Z>0?0:$.length-1:(Q+Z+$.length)%$.length;for(let G of $)G.removeAttribute("data-reactive-highlighted");let z=$[j];z.setAttribute("data-reactive-highlighted","true"),z.scrollIntoView?.({block:"nearest"})}#P(X){let $=(X?.currentTarget??X?.target??this.element).getAttribute?.("data-reactive-listnav-option-param")??this.element.getAttribute("data-reactive-listnav-option-param");if(!$)return[];let Q=this.#X();return Array.from(this.element.querySelectorAll($)).filter((j)=>!j.hidden&&Q(j))}tagsAdd(X){if(!this.#F())return;if(X?.defaultPrevented)return;if(this.#P(X).some((Q)=>Q.hasAttribute?.("data-reactive-highlighted")))return;X?.preventDefault?.();let Z=X?.currentTarget??X?.target;if(!Z)return;if(!this.#qX(String(Z.value??"").split(",")))return;if(Z.value="",this.#R())this.#_()}tagsPick(X){if(!this.#F())return;X?.preventDefault?.();let $=(X?.currentTarget??X?.target)?.getAttribute?.("data-reactive-tag-param");if(!$)return;if(!this.#qX([$]))return;let Q=this.#XZ();if(!Q)return;Q.value="",this.#_(),Q.focus?.()}tagsRemove(X){if(!this.#F())return;X?.preventDefault?.();let $=(X?.currentTarget??X?.target)?.getAttribute?.("data-reactive-tag-param");if(!$)return;let Q=this.#y();if(!Q)return;let j=this.#v(Q),z=j.filter((G)=>G.toLowerCase()!==$.toLowerCase());if(z.length===j.length)return;this.#YX(Q,z)}nestedAdd(X){X?.preventDefault?.();let Z=X?.currentTarget??X?.target,$=Z?.getAttribute?.("data-reactive-association-param");if(!$)return;if(typeof this.element?.querySelectorAll!=="function")return;let Q=this.#X(),j=[...this.element.querySelectorAll(`[data-reactive-nested-list="${$}"]`)].find(Q),G=[...this.element.querySelectorAll(`[data-reactive-nested-template="${$}"]`)].find(Q)?.content?.firstElementChild;if(!j||!G){this.#zZ($);return}let q=G.cloneNode(!0);this.#jZ(q,this.#QZ()),j.appendChild(q);let Y=Z?.getAttribute?.("data-reactive-nested-from-param"),K=Z?.getAttribute?.("data-reactive-nested-clear-param")==="true",W=this.#_X(q,Y,K);if(Y)W?.focus?.();else[...q.querySelectorAll?.("input, select, textarea")??[]][0]?.focus?.();if(j.getAttribute?.("data-reactive-nested-json")===$)this.#s($)}#_X(X,Z,$){if(!Z)return null;let Q;try{Q=JSON.parse(Z)}catch{return null}if(!Q||typeof Q!=="object")return null;let j=this.#X(),z=[...X.querySelectorAll?.("input, select, textarea")??[]],G=[];for(let[q,Y]of Object.entries(Q)){let K=[...this.element.querySelectorAll?.(Y)??[]].find(j);if(!K)continue;let W=z.find((B)=>this.#n(B.getAttribute?.("name"))===q);if(!W)continue;this.#AX(W,K),G.push(K)}if($)for(let q of G)this.#OX(q);return G[0]??null}#AX(X,Z){if(X.type==="checkbox")X.checked=Z.type==="checkbox"?!!Z.checked:this.#S(Z)!=="";else X.value=this.#S(Z);if(typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}))}#OX(X){if(X.type==="checkbox")X.checked=!1;else X.value="";if(typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}))}nestedRemove(X){X?.preventDefault?.();let Z=X?.currentTarget??X?.target,$=Z?.closest?.("[data-reactive-nested-row]");if(!$)return;if($.closest?.('[data-controller~="reactive"]')!==this.element)return;let Q=Z?.getAttribute?.("data-reactive-confirm-param"),j=Z?.getAttribute?.("data-reactive-confirm-when-param"),z=this.#w(Q,j);if(!z)return this.#o($);return Promise.resolve().then(()=>R(z)).catch(()=>!1).then((G)=>{if(G)this.#o($)})}#o(X){let Z=[...X.querySelectorAll?.('input[name$="[_destroy]"]')??[]][0];if(Z){if(Z.value="1",typeof Z.dispatchEvent==="function")Z.dispatchEvent(new Event("input",{bubbles:!0}));X.hidden=!0}else X.parentNode?.removeChild?.(X);this.#N()}syncNestedJson(X){let Z=X?.target;if(!Z||!this.#$(Z))return;this.#N()}#N(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.#X();for(let Z of[...this.element.querySelectorAll("[data-reactive-nested-json]")].filter(X))this.#s(Z.getAttribute("data-reactive-nested-json"))}#s(X){let Z=this.#X(),$=[...this.element.querySelectorAll(`[data-reactive-nested-list="${X}"]`)].find(Z);if(!$)return;let Q=this.#xX($);if(!Q)return;let j=[];for(let G of[...$.querySelectorAll?.("[data-reactive-nested-row]")??[]]){if(!Z(G)||G.hidden)continue;j.push(this.#PX(G))}let z=JSON.stringify(j);if(Q.value===z)return;if(Q.value=z,typeof Q.dispatchEvent==="function")Q.dispatchEvent(new Event("input",{bubbles:!0}))}#xX(X){let Z=X.getAttribute?.("data-reactive-nested-json-field");if(!Z)return null;let $=this.#X();return[...this.element.querySelectorAll(Z)].find($)??null}#PX(X){let Z={};for(let $ of[...X.querySelectorAll?.("input, select, textarea")??[]]){let Q=this.#n($.getAttribute?.("name"));if(Q===null||Q==="_destroy")continue;Z[Q]=this.#S($)}return Z}#n(X){if(!X)return null;let Z=X.match(/\[([^\][]+)\]$/);return Z?Z[1]:X}#S(X){if(X.type==="checkbox")return X.checked?X.value||"on":"";return X.value??""}#NX(X){let Z=this.element.getAttribute(X);if(!Z)return[];try{let $=JSON.parse(Z);return Array.isArray($)?$:[]}catch{return[]}}#CX(){let X=this.element.getAttribute("data-reactive-compute-inputs-param");if(!X)return[];try{let Z=JSON.parse(X);if(Array.isArray(Z))return Z.map(($)=>[$,"number"]);if(Z&&typeof Z==="object")return Object.entries(Z);return[]}catch{return[]}}#DX(X,Z,$){let Q=X?.target;if(!Q?.name||typeof Q.closest!=="function")return null;let j=this.#RX(Q.name,$);if(!Z.includes(j))return null;return this.#$(Q)?j:null}#RX(X,Z){if(!Z)return X;let $=`${Z}[`;return X.startsWith($)&&X.endsWith("]")?X.slice($.length,-1):X}#a(X,Z){let $=String(Z);for(let Q of this.#FX(X)){if(Q.textContent===$)continue;Q.textContent=$}}#FX(X){let Z=this.element.querySelectorAll(`[data-reactive-text="${X}"]`);return Array.from(Z).filter(($)=>this.#$($))}#r(X,Z){let $=this.#IX();for(let[Q,j]of Object.entries($)){let z=Q in X?X[Q]:Z(Q)?.value;if(z===void 0||z===null)continue;let G=String(z);for(let q of Array.isArray(j)?j:[j]){if(!oX(q))continue;for(let Y of document.querySelectorAll(q)){if(Y.textContent===G)continue;Y.textContent=G}}}}#IX(){let X=this.element.getAttribute("data-reactive-compute-mirror-param");if(!X)return{};try{let Z=JSON.parse(X);return Z&&typeof Z==="object"&&!Array.isArray(Z)?Z:{}}catch{return{}}}#t(X,Z,$,Q,j,z,G){if(this.#D("reactive:before-dispatch",{action:Z,params:this.#KX($),element:this.element},{cancelable:!0}).defaultPrevented)return;let Y=Number(Q)||0;if(Y>0)return this.#EX(X,Y,Z,$,z,G);let K=Number(j)||0;if(K>0)return this.#SX(X,K,Z,$,z,G);return this.#C(Z,$,z,X,G)}#C(X,Z,$,Q,j){let z=this.#WZ($,Q),G=this.#JZ(X,Q,j),q=this.#e()?this.#TX($,Q):null;return this.queue=(this.queue??Promise.resolve()).then(()=>this.#pX(X,Z,z,G,q)),this.queue}#TX(X,Z){if(!X?.hide)return null;let $=this.#LX(X,Z);if(!$.length)return null;return()=>{let Q=$.filter((j)=>j.isConnected&&!j.hidden);if(!Q.length)return;console.warn("[phlex-reactive] optimistic: { hide: true } was undone by the reply's re-render — "+"the element is visible again. For an instant delete, return reply.remove so the server removes it; otherwise the hide only flashes.",Q)}}#EX(X,Z,$,Q,j,z){this.#b(X);let G=()=>{this.#b(X),this.#C($,Q,j,X,z)},q=setTimeout(G,Z);X?.addEventListener?.("blur",G,{once:!0}),this.#A.set(X,{timer:q,flush:G})}#b(X){let Z=this.#A.get(X);if(!Z)return;clearTimeout(Z.timer),X?.removeEventListener?.("blur",Z.flush),this.#A.delete(X)}#kX(){for(let X of[...this.#A.keys()])this.#b(X)}#SX(X,Z,$,Q,j,z){let G=this.#H.get(X)??new Map;if(G.has($))return;let q=setTimeout(()=>{if(G.delete($),G.size===0)this.#H.delete(X)},Z);return G.set($,q),this.#H.set(X,G),this.#C($,Q,j,X,z)}#bX(){for(let X of this.#H.values())for(let Z of X.values())clearTimeout(Z);this.#H.clear()}#D(X,Z,{cancelable:$=!1}={}){let Q=new CustomEvent(X,{bubbles:!0,composed:!0,cancelable:$,detail:Z});return(this.element.isConnected?this.element:document).dispatchEvent(Q),Q}#z(X,Z,$,Q){let j=()=>{if(!this.element.isConnected){console.warn("[phlex-reactive] retry() ignored — the reactive root left the DOM");return}return this.#C(X,Z)};this.#D("reactive:error",{action:X,params:$,...Q,retry:j})}#G(X){if(this.element?.isConnected===!1)return;this.element?.setAttribute?.("data-reactive-error",X)}#wX(){this.element?.removeAttribute?.("data-reactive-error")}#hX(){let X=document.querySelector("[data-reactive-error-flash]");if(!X?.content)return;let Z=X.getAttribute("data-reactive-error-flash")||"flash",$=document.getElementById(Z);if(!$)return;$.appendChild(X.content.cloneNode(!0))}#yX(){if(typeof sessionStorage>"u")return Promise.resolve();let X=Number(sessionStorage.getItem(m));if(!Number.isFinite(X)||X<=0)return Promise.resolve();if(!P)P=!0,console.warn(`[phlex-reactive] latency simulator ACTIVE — every action is delayed by ${X}ms. Call PhlexReactive.disableLatencySim() (or clear sessionStorage) to turn it off.`);return new Promise((Z)=>setTimeout(Z,X))}#e(){return this.element?.getAttribute?.("data-reactive-debug")==="true"}#XX(){return typeof performance<"u"&&typeof performance.now==="function"?performance.now():Date.now()}#vX(X){if(!X)return[];let Z=[],$=/<turbo-stream\b([^>]*)>/g,Q;while((Q=$.exec(X))!==null){let j=Q[1],z=j.match(/\baction="([^"]*)"/)?.[1]??"?",G=j.match(/\btarget="([^"]*)"/)?.[1];Z.push(G?`${z} → #${G}`:z)}return Z}#fX(X){let{action:Z,status:$,ms:Q}=X,z=`reactive ${this.element?.id?`#${this.element.id} `:""}${Z} → ${$??"—"} (${Math.round(Q)}ms)`;if(console.groupCollapsed(z),console.log(`params: [${X.paramNames.join(", ")}] + collected: [${X.fieldNames.join(", ")}]`),console.log(`encoding: ${X.encoding}`),X.streams.length)console.log(`streams: ${X.streams.join("   ")}`);console.log(`token: ${X.tokenRefreshed?"refreshed ✓":"unchanged"}`),console.groupEnd()}async#pX(X,Z,$,Q,j){let{fields:z,files:G}=this.#QX(),q=this.#KX(Z),Y={...z,...q},K=this.#q,W=G.length>0,B=W?this.#KZ(K,X,Y,G):JSON.stringify({token:K,act:X,params:Y}),J=this.#e()?{action:X,paramNames:Object.keys(q),fieldNames:Object.keys(z),encoding:W?"multipart":"json",status:null,streams:[],tokenRefreshed:!1,started:this.#XX()}:null;await this.#yX();try{if(navigator.onLine===!1){this.#Y($),this.#G("offline"),this.#z(X,Z,Y,{kind:"offline"});return}let L;try{let V={Accept:"text/vnd.turbo-stream.html","X-CSRF-Token":this.#xZ()};if(!W)V["Content-Type"]="application/json";let O=this.#PZ();if(O)V["X-Pgbus-Connection"]=O;L=await fetch(this.#AZ(),{method:"POST",headers:V,body:B,credentials:"same-origin",signal:AbortSignal.timeout(this.#OZ())})}catch(V){if(console.error("[phlex-reactive] action error",V),this.#Y($),V?.name==="TimeoutError"||V?.name==="AbortError"){this.#G("timeout"),this.#z(X,Z,Y,{kind:"timeout"});return}this.#hX(),this.#G("network"),this.#z(X,Z,Y,{kind:"network"});return}if(J)J.status=L.status;if(L.redirected){console.error("[phlex-reactive] action was redirected (auth/CSRF?) — no update applied"),this.#Y($),this.#G("redirected"),this.#z(X,Z,Y,{kind:"redirected",status:L.status});return}if(!L.ok){let V=await L.text();if(console.error(`[phlex-reactive] action failed: HTTP ${L.status}`,V),this.#Y($),(L.headers.get("Content-Type")||"").includes("turbo-stream")){let O=this.#$X(V);if(this.#q=O??this.#q,J)this.#ZX(J,V,O);window.Turbo.renderStreamMessage(V)}this.#G("http"),this.#z(X,Z,Y,{kind:"http",status:L.status,body:V});return}let H=L.headers.get("Content-Type")||"";if(!H.includes("turbo-stream")){console.error(`[phlex-reactive] expected a turbo-stream, got "${H}" — no update applied`),this.#Y($),this.#G("content-type"),this.#z(X,Z,Y,{kind:"content-type",status:L.status});return}let U=await L.text(),A=this.#$X(U);if(this.#q=A??this.#q,J)this.#ZX(J,U,A);if(window.Turbo.renderStreamMessage(U),j)queueMicrotask(j);this.#wX(),this.#D("reactive:applied",{action:X,params:Y,html:U})}catch(L){console.error("[phlex-reactive] action error",L),this.#Y($),this.#D("reactive:error",{action:X,params:Y,kind:"apply"})}finally{if(Q?.(),J)this.#fX({...J,ms:this.#XX()-J.started})}}#ZX(X,Z,$){X.streams=this.#vX(Z),X.tokenRefreshed=$!=null}get#q(){return this.#m??this.tokenValue}set#q(X){this.#m=X}#$X(X){let Z=this.element.id;if(!Z)return X.match(/data-reactive-token-value="([^"]+)"/)?.[1];let{token:$,self:Q}=this.#mX(Z),j=X.match($);if(j)return j[1];let z=X.match(Q);if(z)return z[1].match(/data-reactive-token-value="([^"]+)"/)?.[1];return}#mX(X){let Z=this.#u;if(Z&&Z.id===X)return Z;let $=gX(X);return this.#u={id:X,token:new RegExp(`<turbo-stream\\b[^>]*\\baction="reactive:token"[^>]*\\btarget="${$}"[^>]*\\bdata-reactive-token-value="([^"]+)"`),self:new RegExp(`<turbo-stream\\b[^>]*\\baction="(?:replace|update)"[^>]*\\btarget="${$}"[^>]*>([\\s\\S]*?)</turbo-stream>`)}}#$(X){return X.closest('[data-controller~="reactive"]')===this.element}#X(){if(this.element.querySelectorAll('[data-controller~="reactive"]').length===0)return()=>!0;return(Z)=>this.#$(Z)}#w(X,Z){if(X)return X;if(!Z)return null;let $=Z;if(typeof Z==="string")try{$=JSON.parse(Z)}catch{return console.warn(`[phlex-reactive] malformed conditional confirm payload ${JSON.stringify(Z)} — skipped`),null}if(!$||typeof $!=="object")return null;let{fields:Q}=this.#QX(),j=(G)=>Q[G],z;if(typeof $.predicate==="string"){let G=LX($.predicate);if(!G)return console.warn(`[phlex-reactive] confirm predicate "${$.predicate}" is not registered — proceeding without a dialog (register it with setConfirmPredicate)`),null;z=!!G(Q)}else z=v($.groups?.any,j)===!0;return z?$.message:null}#QX(){let X={},Z=[],$=this.#X();return this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((Q)=>{if(!$(Q))return;if(Q.type==="file")for(let j of Q.files??[])Z.push({name:Q.name,file:j,multiple:Q.multiple});else if(Q.type==="checkbox")X[Q.name]=Q.checked;else if(Q.type==="radio"){if(Q.checked)X[Q.name]=Q.value}else X[Q.name]=Q.value}),this.element.querySelectorAll("[name]:is(lexxy-editor, trix-editor, [contenteditable=''], [contenteditable=true], [contenteditable=plaintext-only])").forEach((Q)=>{if(!$(Q))return;let j=Q.getAttribute("name");if(!j)return;let z=X[j];if(z==null||z==="")X[j]=Q.value??Q.textContent??Q.innerHTML??""}),{fields:X,files:Z}}#h(){if(typeof this.element?.querySelectorAll!=="function")return;let X=0;if(this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((Z)=>{if(!this.#$(Z))return;if(Z.type==="file")return;if(this.#uX(Z))Z.setAttribute("data-reactive-dirty","true"),X++;else Z.removeAttribute("data-reactive-dirty")}),X>0)this.element.setAttribute("data-reactive-dirty",String(X));else this.element.removeAttribute("data-reactive-dirty")}#uX(X){if(X.type==="checkbox"||X.type==="radio")return X.checked!==X.defaultChecked;if(X.tag==="select"||X.options)return Array.from(X.options??[]).some((Z)=>Z.selected!==Z.defaultSelected);return X.value!==X.defaultValue}#jX(){let X=this.element.getAttribute?.("data-reactive-dirty"),Z=Number(X);return Number.isFinite(Z)&&Z>0?Z:0}#gX(){if(typeof window>"u"||typeof window.addEventListener!=="function")return;this.#J=(X)=>{if(this.#jX()===0)return;return X.preventDefault(),X.returnValue="You have unsaved changes.",X.returnValue},this.#L=(X)=>{if(this.#jX()===0)return;if(!(typeof window.confirm==="function"?window.confirm("You have unsaved changes. Leave anyway?"):!0))X.preventDefault?.()},window.addEventListener("beforeunload",this.#J),window.addEventListener("turbo:before-visit",this.#L)}#cX(){if(this.#W)this.element.removeEventListener?.("turbo:morph-element",this.#W),this.#W=void 0;if(typeof window<"u"&&typeof window.removeEventListener==="function"){if(this.#J)window.removeEventListener("beforeunload",this.#J);if(this.#L)window.removeEventListener("turbo:before-visit",this.#L)}this.#J=void 0,this.#L=void 0}#dX(){if(this.element.getAttribute?.("data-reactive-show-targets"))return!0;let X=this.element.querySelectorAll?.(i)??[];for(let Z of X)if(this.#$(Z))return!0;return!1}#zX(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.#X(),Z=this.element.getAttribute?.("data-reactive-scope")||null,$=new Map,Q=(j)=>{if(!$.has(j))$.set(j,this.#sX(j,X,Z));return $.get(j)};for(let j of this.element.querySelectorAll(i)){if(!X(j))continue;let z=j.getAttribute("data-reactive-show");if(z!==null){let K=rX(nX(z),Q);if(K!==null)this.#GX(j,K,X,Z);continue}let G=j.getAttribute("data-reactive-show-field");if(!G)continue;let q=Q(G);if(q===null)continue;let Y=sX(j,q);if(Y===null)continue;this.#GX(j,Y,X,Z)}this.#lX(Q)}#GX(X,Z,$,Q){if(X.hidden=!Z,X.getAttribute("data-reactive-show-disable")!=="true")return;if(typeof X.querySelectorAll!=="function")return;for(let j of X.querySelectorAll("input[name], select[name], textarea[name]"))if($(j))j.disabled=!Z;if(X.name&&$(X))X.disabled=!Z}#lX(X){let Z=this.#oX();for(let[$,Q]of Object.entries(Z)){if($.startsWith("#")){this.#iX($,Q,X);continue}if(!Q||typeof Q!=="object"||Array.isArray(Q))continue;let j=X($);if(j===null)continue;let z=()=>j;for(let[G,q]of Object.entries(Q)){if(!o(G))continue;let Y;if(Array.isArray(q)){if(q.length===0){console.warn(`[phlex-reactive] malformed reactive_show_targets group for ${G} — skipped`);continue}Y=q.every((K)=>u(K,z))}else{let K=KX(q,j);if(K===null){console.warn(`[phlex-reactive] malformed reactive_show_targets predicate for ${G} — skipped`);continue}Y=K}for(let K of document.querySelectorAll(G))K.hidden=!Y}}}#iX(X,Z,$){if(!o(X))return;let Q=Z&&typeof Z==="object"&&!Array.isArray(Z)?Z.any:null,j=aX(Q);if(j===null){console.warn(`[phlex-reactive] malformed reactive_show_targets conditions for ${X} — skipped`);return}if(j.every((G)=>$(G)===null))return;let z=v(Q,$);if(z===null)return;for(let G of document.querySelectorAll(X))G.hidden=!z}#oX(){let X=this.element.getAttribute?.("data-reactive-show-targets");if(!X)return{};try{let Z=JSON.parse(X);if(Z&&typeof Z==="object"&&!Array.isArray(Z))return Z}catch{}return console.warn("[phlex-reactive] malformed data-reactive-show-targets — ignored. "+"Did two reactive_show_targets calls collide on one root? Declare every field in ONE call: reactive_show_targets(mode: { ... }, kind: { ... })"),{}}#sX(X,Z,$){let Q=$&&!X.includes("[")?`${$}[${X}]`:X,j=!1,z=null;for(let G of this.element.querySelectorAll(`[name="${Q}"]`)){if(!Z(G))continue;if(G.type==="checkbox")return G.checked?"true":"false";if(G.type==="radio"){if(G.checked)return G.value??"";j=!0;continue}z??=G}if(z)return z.value??"";return j?"":null}#nX(){if(!this.#Z)return;this.element.removeEventListener?.("input",this.#Z),this.element.removeEventListener?.("change",this.#Z),this.element.removeEventListener?.("turbo:morph-element",this.#Z),this.#Z=void 0}#R(){return!!(this.element.getAttribute?.("data-reactive-filter-input")&&this.element.getAttribute?.("data-reactive-filter-option"))}#aX(){return this.element.getAttribute?.("data-reactive-compute-seed")==="true"}#rX(X){let Z=this.element.getAttribute("data-reactive-filter-input");return!!Z&&typeof X.target?.matches==="function"&&X.target.matches(Z)}#_(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.element.getAttribute("data-reactive-filter-input"),Z=this.element.getAttribute("data-reactive-filter-option");if(!X||!Z)return;let $=this.#X(),Q=[...this.element.querySelectorAll(X)].find($);if(!Q)return;let j=(Q.value??"").trim().toLowerCase(),z=0;for(let Y of this.element.querySelectorAll(Z)){if(!$(Y))continue;let K=(Y.getAttribute("data-reactive-filter-text")??Y.textContent??"").toLowerCase(),W=Y.hasAttribute?.("data-reactive-tags-selected")||j!==""&&!K.includes(j);if(Y.hidden=W,W)Y.removeAttribute("data-reactive-highlighted");else z++}let G=this.element.getAttribute("data-reactive-filter-group");if(G)for(let Y of this.element.querySelectorAll(G)){if(!$(Y))continue;let K=[...Y.querySelectorAll(Z)].filter($);if(K.length===0)continue;Y.hidden=K.every((W)=>W.hidden)}let q=this.element.getAttribute("data-reactive-filter-empty");if(q){for(let Y of this.element.querySelectorAll(q))if($(Y))Y.hidden=z>0}}#tX(){if(!this.#Q)return;this.element.removeEventListener?.("input",this.#Q),this.element.removeEventListener?.("turbo:morph-element",this.#Q),this.#Q=void 0}#F(){return!!this.element.getAttribute?.("data-reactive-tags-field")}#eX(){if(typeof this.element?.querySelector!=="function")return!1;return!!this.element.querySelector("[data-reactive-nested-json]")}#y(){if(typeof this.element?.querySelectorAll!=="function")return null;let X=this.element.getAttribute("data-reactive-tags-field");if(!X)return null;let Z=this.#X();return[...this.element.querySelectorAll(X)].find(Z)??null}#v(X){let Z=new Set,$=[];for(let Q of String(X.value??"").split(",")){let j=Q.trim();if(j===""||Z.has(j.toLowerCase()))continue;Z.add(j.toLowerCase()),$.push(j)}return $}#qX(X){let Z=this.#y();if(!Z)return!1;let $=this.#v(Z),Q=new Set($.map((z)=>z.toLowerCase())),j=!1;for(let z of X){let G=String(z??"").trim();if(G===""||Q.has(G.toLowerCase()))continue;Q.add(G.toLowerCase()),$.push(G),j=!0}if(j)this.#YX(Z,$);return j}#YX(X,Z){if(X.value=Z.join(","),typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}));this.#f()}#XZ(){if(typeof this.element?.querySelectorAll!=="function")return null;let X=this.element.getAttribute("data-reactive-filter-input");if(!X)return null;let Z=this.#X();return[...this.element.querySelectorAll(X)].find(Z)??null}#f(){let X=this.#y();if(!X)return;let Z=this.#v(X),$=this.#X();this.#ZZ(Z,$),this.#$Z(Z,$)}#ZZ(X,Z){let $=[...this.element.querySelectorAll("[data-reactive-tags-list]")].find(Z);if(!$)return;let j=[...this.element.querySelectorAll("[data-reactive-tags-template]")].find(Z)?.content?.firstElementChild;if(!j){if(!this.#c)console.warn("[phlex-reactive] reactive_tags: no chip <template data-reactive-tags-template> found in this root — "+"chips will not render (the hidden field still updates). Add a template with a [data-reactive-tag-text] node and a reactive_tags_remove button."),this.#c=!0;return}while($.firstChild)$.removeChild($.firstChild);for(let z of X){let G=j.cloneNode(!0);G.setAttribute?.("data-reactive-tag",z);let q=G.matches?.("[data-reactive-tag-text]")?G:(G.querySelectorAll?.("[data-reactive-tag-text]")??[])[0];if(q)q.textContent=z;let Y=[...G.querySelectorAll?.('[data-action*="reactive#tagsRemove"]')??[]];if(G.matches?.('[data-action*="reactive#tagsRemove"]'))Y.push(G);for(let K of Y)K.setAttribute?.("data-reactive-tag-param",z);$.appendChild(G)}}#$Z(X,Z){let $=new Set(X.map((Q)=>Q.toLowerCase()));for(let Q of this.element.querySelectorAll("[role=option]")){if(!Z(Q))continue;let j=Q.getAttribute?.("data-reactive-tag-param");if(!j)continue;if($.has(j.toLowerCase()))Q.setAttribute("data-reactive-tags-selected","true"),Q.hidden=!0,Q.removeAttribute?.("data-reactive-highlighted");else if(Q.hasAttribute?.("data-reactive-tags-selected")){if(Q.removeAttribute("data-reactive-tags-selected"),!this.#R())Q.hidden=!1}}if(this.#R())this.#_()}#QZ(){return this.#k=Math.max(this.#k+1,Date.now()),this.#k}#jZ(X,Z){let $=[X,...X.querySelectorAll?.("*")??[]];for(let Q of $)for(let j of["name","id","for"]){let z=Q.getAttribute?.(j);if(z&&z.includes("NEW_ROW"))Q.setAttribute?.(j,z.replaceAll("NEW_ROW",String(Z)))}}#zZ(X){if(this.#d)return;console.warn(`[phlex-reactive] nested rows: no owned [data-reactive-nested-list="${X}"] container + <template data-reactive-nested-template="${X}"> pair found in this root — the add `+"trigger did nothing. Render both inside the same reactive root (reactive_nested_list / reactive_nested_template)."),this.#d=!0}#GZ(){if(!this.#V)return;this.element.removeEventListener?.("turbo:morph-element",this.#V),this.#V=void 0}#qZ(){if(this.#j)this.element.removeEventListener?.("input",this.#j),this.element.removeEventListener?.("change",this.#j),this.#j=void 0;if(this.#B)this.element.removeEventListener?.("turbo:morph-element",this.#B),this.#B=void 0}#YZ(){if(!this.#M)return;this.element.removeEventListener?.("turbo:morph-element",this.#M),this.#M=void 0}#KZ(X,Z,$,Q){let j=new FormData;j.append("token",X),j.append("act",Z);for(let[G,q]of Object.entries($))this.#p(j,`params[${G}]`,q);let z=this.#HZ(Q);for(let{name:G,file:q,multiple:Y}of Q){let W=Y||z.has(G)?`params[${G}][]`:`params[${G}]`;j.append(W,q,q.name)}return j}#p(X,Z,$){if($==null)X.append(Z,"");else if(Array.isArray($))$.forEach((Q,j)=>this.#p(X,`${Z}[${j}]`,Q));else if(typeof $==="object")for(let[Q,j]of Object.entries($))this.#p(X,`${Z}[${Q}]`,j);else X.append(Z,String($))}#HZ(X){let Z=new Map;for(let{name:$}of X)Z.set($,(Z.get($)??0)+1);return new Set([...Z].filter(([,$])=>$>1).map(([$])=>$))}#KX(X){if(!X)return{};try{return typeof X==="string"?JSON.parse(X):X}catch{return{}}}#HX(X){return HX(X)}#UX(X){UX(X,(Z)=>this.#WX(Z))}#WX(X){let Z=X.to;if(Z==="@root")return[this.element];if(typeof Z!=="string"||Z==="")return[];if(X.global)return[...document.querySelectorAll(Z)];return[...this.element.querySelectorAll(Z)].filter(($)=>this.#$($))}#UZ(X,Z){if(X?.checked!=="keep")return!1;let $=Z?.type;return $==="checkbox"||$==="radio"}#WZ(X,Z){if(!X)return null;let $=this.#JX(X,Z,!0);return $.length?$:null}#Y(X){if(!X)return;if(!this.element.isConnected)return;for(let Z of X)Z()}#JZ(X,Z,$){this.#VZ(X,Z);let Q=$?this.#JX($,Z,!1):[];QX();let j=!1;return()=>{if(j)return;j=!0,this.#BZ(X,Z),jX();for(let z of Q)z()}}#JX(X,Z,$){let Q=[];for(let j of this.#LX(X,Z)){if(X.add_class){let z=X.add_class.filter((G)=>!j.classList.contains(G));if(j.classList.add(...z),z.length)Q.push(()=>j.classList.remove(...z))}if(X.remove_class){let z=X.remove_class.filter((G)=>j.classList.contains(G));if(j.classList.remove(...z),z.length)Q.push(()=>j.classList.add(...z))}if(X.toggle_class)X.toggle_class.forEach((z)=>j.classList.toggle(z)),Q.push(()=>X.toggle_class.forEach((z)=>j.classList.toggle(z)));if(X.hide)j.hidden=!0,Q.push(()=>j.hidden=!1);if(X.show)j.hidden=!1,Q.push(()=>j.hidden=!0)}if(Z&&(X.disable||X.text!=null))Q.push(this.#LZ(X,Z));if($&&X.checked==="keep"&&Z&&"checked"in Z){let j=Z.checked;Q.push(()=>Z.checked=!j)}return Q}#LX(X,Z){if(X.to==null)return Z?[Z]:[];return this.#WX({to:X.to})}#LZ(X,Z){let $=this.#O.get(Z);if($)$.count++;else this.#O.set(Z,{count:1,disabled:Z.disabled,html:Z.innerHTML,hadText:X.text!=null,swappedTo:X.text});if(X.disable)Z.disabled=!0;if(X.text!=null)Z.innerHTML=X.text;return()=>this.#MZ(Z,X)}#VZ(X,Z){if(this.#K(Z,X,1),this.#K(this.element,X,1),this.#U.set(X,(this.#U.get(X)??0)+1),this.#T++===0)this.element.setAttribute("aria-busy","true");for(let $ of this.#VX(X))this.#K($,X,1)}#BZ(X,Z){this.#K(Z,X,-1),this.#K(this.element,X,-1);let $=(this.#U.get(X)??1)-1;if($<=0)this.#U.delete(X);else this.#U.set(X,$);if(--this.#T<=0)this.#T=0,this.element.removeAttribute("aria-busy");for(let Q of this.#VX(X))this.#K(Q,X,-1)}#K(X,Z,$){if(!X||typeof X.getAttribute!=="function")return;let Q=this.#E.get(X)??new Map,j=(Q.get(Z)??0)+$;if(j<=0)Q.delete(Z);else Q.set(Z,j);if(Q.size===0){this.#E.delete(X),X.removeAttribute("data-reactive-busy");return}this.#E.set(X,Q),X.setAttribute("data-reactive-busy",[...Q.keys()].join(" "))}#VX(X){return[...this.element.querySelectorAll?.("[data-reactive-busy-on]")??[]].filter(($)=>$.getAttribute("data-reactive-busy-on")===X&&this.#$($))}#MZ(X,Z){let $=this.#O.get(X);if(!$)return;if(--$.count>0)return;if(this.#O.delete(X),!X.isConnected)return;if(Z.disable)X.disabled=$.disabled;if($.hadText&&X.innerHTML===$.swappedTo)X.innerHTML=$.html}#_Z(X){if(!X||typeof X!=="object")return null;let{class:Z,...$}=X;return Z==null?X:{...$,add_class:Z}}#AZ(){return this.#BX??=document.querySelector('meta[name="phlex-reactive-action-path"]')?.content||"/reactive/actions"}#OZ(){if(this.#I!=null)return this.#I;let X=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,Z=Number(X);return this.#I=Number.isFinite(Z)&&Z>0?Z:30000}#xZ(){return document.querySelector('meta[name="csrf-token"]')?.content??""}#PZ(){return document.querySelector("pgbus-stream-source[connection-id]")?.getAttribute("connection-id")||document.querySelector('meta[name="pgbus-connection-id"]')?.content||null}}export{GZ as resetReactiveDefers,JZ as resetReactiveActivity,VX as registerReactiveVisit,BX as registerReactiveToken,fX as registerReactiveOffline,MX as registerReactiveJs,IX as registerReactiveEffects,DX as registerReactiveDismiss,_X as registerReactiveDefer,d as registerReactiveActions,WZ as reactiveActivityCount,qZ as pendingDeferVia,jX as exitReactiveActivity,gX as escapeRegExp,QX as enterReactiveActivity,pX as enableLatencySim,mX as disableLatencySim,BZ as default,cX as checkReactiveRegistration,LZ as __resetReactiveRegistrationForTest,HZ as __resetReactiveOfflineForTest,UZ as __resetReactiveLatencyForTest,KZ as __resetReactiveEffectsForTest,YZ as __resetReactiveDismissForTest,VZ as __markReactiveConnectedForTest,m as LATENCY_KEY,$X as ACTIVE_ATTR};
+import{Controller as WX}from"@hotwired/stimulus";import{confirmResolver as R}from"phlex/reactive/confirm";import{computeReducer as JX}from"phlex/reactive/compute";import{confirmPredicate as LX}from"phlex/reactive/confirm_predicate";function VX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:visit"])return;X["reactive:visit"]=function(){let Z=this.getAttribute("data-url");if(Z)window.Turbo.visit(Z,{action:"advance"})}}function BX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:token"])return;X["reactive:token"]=function(){let Z=this.getAttribute("data-reactive-token-value"),$=this.getAttribute("target");if(!Z||!$)return;let Q=document.getElementById($);if(Q)Q.setAttribute("data-reactive-token-value",Z)}}function _X(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:js"])return;X["reactive:js"]=function(){let Z=HX(this.getAttribute("data-reactive-ops"));if(!Z.length)return;let $=this.getAttribute("target"),Q=$?document.getElementById($):null;if($&&!Q)return;UX(Z,(j)=>ZZ(j,Q))}}var _=new Map;function s(X,Z){let $=!_.has(X);if(_.set(X,Z),$)QX()}function N(X){if(_.delete(X))jX()}function GZ(){_.clear(),S=!1}function qZ(X){return _.get(X)?.via}var S=!1;function AX(){let X=window.Turbo?.StreamActions;if(!X||X["reactive:defer"])return;if(X["reactive:defer"]=function(){let Z=this.getAttribute("target");if(!Z)return;if(this.getAttribute("data-reactive-defer-via")==="stream"){OX(Z,this);return}let $=this.getAttribute("data-reactive-defer-token");if(!$)return;C(Z,$)},!S&&typeof document<"u"&&document.addEventListener)S=!0,document.addEventListener("turbo:before-stream-render",MX)}function MX(X){let $=X.target?.getAttribute?.("target");if(!$)return;let Q=$.startsWith("reactive-defer-src-")?$.slice(19):$;if(_.get(Q)?.via==="stream")N(Q)}function C(X,Z){let $=document.getElementById(X);if(!$){console.warn(`[phlex-reactive] reactive:defer target #${X} is not on the page — skipped`);return}a(X),r($);let Q={via:"fetch",abort:new AbortController,timedOut:!1};s(X,Q),xX(X,Q,Z)}function OX(X,Z){let $=document.getElementById(X);if(!$){console.warn(`[phlex-reactive] reactive:defer target #${X} is not on the page — skipped`);return}let Q=Z.getAttribute("data-reactive-defer-src");if(!Q)return;if(!globalThis.customElements?.get?.("pgbus-stream-source")){let z=Z.getAttribute("data-reactive-defer-token");if(z){C(X,z);return}console.error("[phlex-reactive] reactive:defer via=stream but <pgbus-stream-source> is not registered "+"and no fallback token was provided — is the pgbus client loaded on this page?");return}a(X),r($);let j=document.createElement("pgbus-stream-source");j.id=n(X),j.setAttribute("src",Q),j.setAttribute("since-id",Z.getAttribute("data-reactive-defer-since-id")??"0"),j.setAttribute("hidden",""),document.body.appendChild(j),s(X,{via:"stream"})}function n(X){return`reactive-defer-src-${X}`}async function xX(X,Z,$){let Q=setTimeout(()=>{Z.timedOut=!0,Z.abort.abort()},CX()),j;try{j=await fetch(PX(),{method:"POST",headers:{Accept:"text/vnd.turbo-stream.html","Content-Type":"application/json","X-CSRF-Token":NX()},body:JSON.stringify({token:$}),credentials:"same-origin",signal:Z.abort.signal})}catch(G){if(clearTimeout(Q),_.get(X)!==Z)return;console.error("[phlex-reactive] deferred render failed",G),F(X,$);return}if(_.get(X)!==Z){clearTimeout(Q);return}if(j.status===204){clearTimeout(Q),g(X);return}if(!j.ok){clearTimeout(Q),console.error(`[phlex-reactive] deferred render failed: HTTP ${j.status}`),F(X,$,j.status);return}let z;try{z=await j.text()}catch(G){if(clearTimeout(Q),_.get(X)!==Z)return;console.error("[phlex-reactive] deferred render failed reading the body",G),F(X,$);return}if(clearTimeout(Q),_.get(X)!==Z)return;g(X),window.Turbo.renderStreamMessage(z)}function a(X){let Z=_.get(X);if(!Z)return;if(N(X),Z.via==="fetch")Z.abort.abort();else document.getElementById(n(X))?.remove?.()}function r(X){X.setAttribute("data-reactive-defer-pending","true"),X.setAttribute("aria-busy","true")}function t(X){X.removeAttribute("data-reactive-defer-pending"),X.removeAttribute("aria-busy")}function g(X){N(X);let Z=document.getElementById(X);if(!Z)return;t(Z),Z.removeAttribute("data-reactive-error")}function F(X,Z,$){N(X);let Q=document.getElementById(X);if(!Q)return;t(Q),Q.setAttribute("data-reactive-error","defer");let j=()=>{let z=document.getElementById(X);if(!z){console.warn("[phlex-reactive] defer retry() ignored — the target left the DOM");return}z.removeAttribute("data-reactive-error"),C(X,Z)};Q.dispatchEvent(new CustomEvent("reactive:error",{bubbles:!0,composed:!0,detail:{kind:"defer",target:X,status:$,retry:j}}))}function PX(){return document.querySelector('meta[name="phlex-reactive-defer-path"]')?.content||"/reactive/defer"}function NX(){return document.querySelector('meta[name="csrf-token"]')?.content??""}function CX(){let X=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,Z=Number(X);return Number.isFinite(Z)&&Z>0?Z:30000}var b=!1;function DX(){if(b)return;if(typeof document>"u"||!document.addEventListener)return;b=!0,document.addEventListener("turbo:before-stream-render",RX)}function RX(X){let Z=X.detail,$=Z?.render;if(typeof $!=="function"||$.__reactiveDismissWrapped){if(typeof requestAnimationFrame==="function")requestAnimationFrame(I);else setTimeout(I,0);return}let Q=async(j)=>{await $(j),I()};Q.__reactiveDismissWrapped=!0,Z.render=Q}function I(){let X=document.querySelectorAll("[data-reactive-dismiss-after]");for(let Z of X){if(Z.hasAttribute("data-reactive-dismiss-scheduled"))continue;let $=Number(Z.getAttribute("data-reactive-dismiss-after"));if(!Number.isFinite($)||$<=0)continue;Z.setAttribute("data-reactive-dismiss-scheduled",""),setTimeout(()=>Z.remove(),$)}}function YZ(){b=!1}var FX=Object.freeze({append:"enter",prepend:"enter",replace:"update",update:"update",remove:"exit"}),T=Object.freeze(["fade","slide","scale","highlight","shake"]),w="data-reactive-fx-pending",e=1000,h=!1;function IX(){if(h)return;if(typeof document>"u"||typeof document.addEventListener!=="function")return;h=!0,document.addEventListener("turbo:before-stream-render",TX)}function KZ(){h=!1}function TX(X){let Z=X.detail,$=Z?.render;if(typeof $!=="function"||$.__reactiveEffectsWrapped)return;let Q=Z?.newStream??X.target,j=FX[Q?.getAttribute?.("action")];if(!j||SX())return;let z=EX(Q,j);if(!z)return;let G=j==="exit"?async(q)=>{await hX(x(Q),z),await $(q)}:async(q)=>{let Y=j==="enter"?bX(Q):null;if(await $(q),j==="enter")wX(Y,z);else XX(x(Q),z)};G.__reactiveEffectsWrapped=!0,Z.render=G}function EX(X,Z){let $=X.getAttribute?.("data-reactive-effect");if($==="off")return null;if($)return c($,Z);let j=(Z==="enter"?kX(X):x(X))?.getAttribute?.(`data-reactive-effect-${Z}`);return j?c(j,Z):null}function x(X){let Z=X.getAttribute?.("target");return Z?document.getElementById?.(Z)??null:null}function kX(X){return X.querySelector?.("template")?.content?.firstElementChild??null}function c(X,Z){if(X.startsWith("[")){let Q=null;try{let j=JSON.parse(X);if(Array.isArray(j)&&j.length===3)Q=j.map(String)}catch{}if(Q)return{legs:Q};return console.warn(`[phlex-reactive] malformed effect legs ${JSON.stringify(X)} — skipped`),null}let $=X==="random"?T[Math.floor(Math.random()*T.length)]:X;if(!T.includes($))return console.warn(`[phlex-reactive] unknown effect ${JSON.stringify(X)} — skipped`),null;return{className:`reactive-fx--${$}-${Z}`}}function SX(){try{return typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches}catch{return!1}}function bX(X){let Z=X.querySelector?.("template")?.content;if(!Z)return null;for(let $ of Array.from(Z.children??[]))$.setAttribute?.(w,"");return x(X)}function wX(X,Z){if(typeof X?.querySelectorAll!=="function")return;for(let $ of Array.from(X.querySelectorAll(`[${w}]`)))$.removeAttribute(w),XX($,Z)}async function hX(X,Z){if(!X?.classList)return;if(Z.legs){await ZX(X,Z.legs);return}X.classList.add(Z.className);let $=p(X);if($<=0){X.classList.remove(Z.className);return}await f(X,$),X.classList.remove(Z.className)}function XX(X,Z){if(!X?.classList)return;if(Z.legs){ZX(X,Z.legs);return}if(X.classList.contains(Z.className))X.classList.remove(Z.className),X.offsetWidth;X.classList.add(Z.className);let $=p(X);if($<=0){X.classList.remove(Z.className);return}let Q=X.__reactiveFxToken=(X.__reactiveFxToken??0)+1;f(X,$).then(()=>{if(X.__reactiveFxToken===Q)X.classList.remove(Z.className)})}async function ZX(X,Z){let[$,Q,j]=Z.map(yX),z=X.__reactiveFxToken=(X.__reactiveFxToken??0)+1;if(X.classList.remove(...$,...Q,...j),X.classList.add(...$,...Q),await vX(),X.__reactiveFxToken!==z)return;X.classList.remove(...Q),X.classList.add(...j);let G=p(X);if(G>0)await f(X,G);if(X.__reactiveFxToken!==z)return;X.classList.remove(...$,...j)}function yX(X){return String(X??"").split(/\s+/).filter(Boolean)}function p(X){if(typeof getComputedStyle!=="function")return 0;try{let Z=getComputedStyle(X),$=(z)=>String(z??"").split(",").reduce((G,q)=>Math.max(G,parseFloat(q)||0),0),Q=$(Z.animationDuration)+$(Z.animationDelay),j=$(Z.transitionDuration)+$(Z.transitionDelay);return Math.min(Math.max(Q,j)*1000,e)}catch{return 0}}function f(X,Z){return new Promise(($)=>{let Q=!1,j=()=>{if(Q)return;Q=!0,$()};X.addEventListener?.("animationend",j,{once:!0}),X.addEventListener?.("transitionend",j,{once:!0}),setTimeout(j,Math.min(Z+50,e))})}function vX(){return new Promise((X)=>{if(typeof requestAnimationFrame==="function")requestAnimationFrame(()=>X());else setTimeout(X,16)})}var y=!1;function pX(){if(y)return;if(typeof window>"u"||typeof document>"u")return;if(typeof window.addEventListener!=="function")return;y=!0;let X=()=>{let Z=document.documentElement;if(typeof Z?.toggleAttribute!=="function")return;Z.toggleAttribute("data-reactive-offline",globalThis.navigator?.onLine===!1)};X(),window.addEventListener("online",X),window.addEventListener("offline",X)}function HZ(){y=!1}var m="phlex-reactive:latency",P=!1;function fX(X){if(typeof sessionStorage>"u")return;sessionStorage.setItem(m,String(X))}function mX(){if(typeof sessionStorage>"u")return;sessionStorage.removeItem(m),P=!1}function uX(){if(typeof window>"u"||typeof document>"u")return;if(document.querySelector?.('meta[name="phlex-reactive-env"]')?.content!=="development")return;window.PhlexReactive={enableLatencySim:fX,disableLatencySim:mX}}function UZ(){P=!1}var $X="data-reactive-active",A=0;function QX(){if(A++,A===1)zX("reactive:busy")}function jX(){if(A===0)return;if(A--,A===0)zX("reactive:idle")}function WZ(){return A}function JZ(){A=0,(typeof document<"u"?document.documentElement:null)?.removeAttribute?.($X)}function zX(X){if(typeof document>"u")return;let Z=document.documentElement;if(typeof Z?.toggleAttribute==="function")Z.toggleAttribute($X,A>0);if(typeof document.dispatchEvent==="function"&&typeof CustomEvent==="function")document.dispatchEvent(new CustomEvent(X,{detail:{count:A}}))}function d(){VX(),BX(),_X(),AX(),DX(),IX(),pX(),uX()}function gX(X){return X.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}if(typeof window<"u")if(window.Turbo)d();else document.addEventListener("turbo:load",d,{once:!0});var D=!1;function cX(){if(D)return;if(typeof document>"u")return;let X=document.querySelectorAll('[data-controller~="reactive"]');if(!X||X.length===0)return;console.warn("[phlex-reactive] found "+X.length+' element(s) with data-controller="reactive" '+"but the reactive controller never connected. It is loaded but not registered — "+'add `application.register("reactive", ReactiveController)` (importmap) or import it into app/javascript/controllers/ for lazyLoadControllersFrom apps. See the README.')}function LZ(){D=!1}function VZ(){D=!0}if(typeof window<"u"&&typeof document<"u"){let X=()=>setTimeout(cX,0);if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",X,{once:!0});else X()}var dX=new Set(["href","src","srcdoc","action","formaction","xlink:href","style"]);function lX(X){let Z=String(X).toLowerCase();return Z.startsWith("on")||dX.has(Z)}function iX(X,Z,$){let[Q,j,z]=Z;X.classList.add(Q,j),$(),requestAnimationFrame(()=>{X.classList.remove(j),X.classList.add(z)});let G=!1,q=()=>{if(G)return;G=!0,X.classList.remove(Q,z)};X.addEventListener("animationend",q,{once:!0}),setTimeout(q,350)}var l=Object.freeze({show:(X,Z)=>E(X,!1,Z),hide:(X,Z)=>E(X,!0,Z),toggle:(X,Z)=>E(X,!X.hidden,Z),add_class:(X,Z)=>X.classList.add(...Z.classes??[]),remove_class:(X,Z)=>X.classList.remove(...Z.classes??[]),toggle_class:(X,Z)=>(Z.classes??[]).forEach(($)=>X.classList.toggle($)),set_attr:(X,Z)=>{if(k(Z.name))X.setAttribute(Z.name,Z.value??"")},remove_attr:(X,Z)=>{if(k(Z.name))X.removeAttribute(Z.name)},toggle_attr:(X,Z)=>{if(!k(Z.name))return;if(X.hasAttribute(Z.name))X.removeAttribute(Z.name);else X.setAttribute(Z.name,"")},focus:(X)=>X.focus?.(),focus_first:(X)=>XZ(X)?.focus?.(),text:(X,Z)=>{let $=String(Z.value??"");if(X.textContent!==$)X.textContent=$},dispatch:(X,Z)=>{X.dispatchEvent(new CustomEvent(Z.name,{bubbles:!0,composed:!0,detail:Z.detail??{}}))}});function E(X,Z,$){if($?.transition)iX(X,$.transition,()=>X.hidden=Z);else X.hidden=Z}function k(X){if(!lX(X))return!0;return console.warn(`[phlex-reactive] refused client attr op on ${JSON.stringify(X)} — skipped`),!1}var GX=/^#[A-Za-z_][\w-]*$/;function oX(X){if(typeof X==="string"&&GX.test(X))return!0;return console.warn(`[phlex-reactive] refused cross-root mirror target ${JSON.stringify(X)} — skipped`),!1}function sX(X,Z){let $=X.getAttribute("data-reactive-show-equals");if($!==null)return Z===$;let Q=X.getAttribute("data-reactive-show-not");if(Q!==null)return Z!==Q;let j=X.getAttribute("data-reactive-show-in");if(j!==null){try{let z=JSON.parse(j);if(Array.isArray(z))return z.includes(Z)}catch{}return console.warn(`[phlex-reactive] malformed reactive_show in: list ${JSON.stringify(j)} — skipped`),null}for(let z of qX){let G=X.getAttribute(`data-reactive-show-${z}`);if(G!==null)return YX(z,G,Z)}return console.warn("[phlex-reactive] a reactive_show binding declares no predicate — skipped"),null}var qX=["gte","gt","lte","lt"];function YX(X,Z,$){let Q=Number(Z);if(Number.isNaN(Q))return console.warn(`[phlex-reactive] reactive_show ${X}: needs a numeric literal, got ${JSON.stringify(Z)} — skipped`),null;let j=$==null?"":String($).trim(),z=j===""?NaN:Number(j);if(Number.isNaN(z))return!1;switch(X){case"gte":return z>=Q;case"gt":return z>Q;case"lte":return z<=Q;case"lt":return z<Q;default:return null}}function KX(X,Z){if(!X||typeof X!=="object")return null;if(typeof X.equals==="string")return Z===X.equals;if(typeof X.not==="string")return Z!==X.not;if(Array.isArray(X.in))return X.in.includes(Z);for(let $ of qX)if($ in X)return YX($,X[$],Z);return null}var i="[data-reactive-show-field], [data-reactive-show]";function nX(X){try{let Z=JSON.parse(X);if(Z&&typeof Z==="object"&&!Array.isArray(Z))return Z}catch{}return console.warn(`[phlex-reactive] malformed compound reactive_show payload ${JSON.stringify(X)} — skipped`),null}function u(X,Z){if(!X||typeof X!=="object"||typeof X.field!=="string")return!1;let $=Z(X.field)??"";return KX(X,$)===!0}function v(X,Z){if(!Array.isArray(X)||X.length===0)return null;return X.some(($)=>Array.isArray($)&&$.length>0&&$.every((Q)=>u(Q,Z)))}function aX(X){if(!Array.isArray(X)||X.length===0)return null;let Z=new Set;for(let $ of X){if(!Array.isArray($))continue;for(let Q of $)if(Q&&typeof Q==="object"&&typeof Q.field==="string")Z.add(Q.field)}return Z.size>0?[...Z]:null}function rX(X,Z){if(!X||typeof X!=="object")return null;let $=X.any;if(Array.isArray($)&&($.length===0||Array.isArray($[0])))return v($,Z);return tX(X,Z)}function tX(X,Z){let $=Array.isArray(X.all)?"all":Array.isArray(X.any)?"any":null;if(!$)return null;let Q=X[$];if(Q.length===0)return null;let j=Q.map((z)=>u(z,Z));return $==="all"?j.every(Boolean):j.some(Boolean)}function o(X){if(typeof X==="string"&&GX.test(X))return!0;return console.warn(`[phlex-reactive] refused cross-root show target ${JSON.stringify(X)} — skipped`),!1}var eX='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function XZ(X){return X.querySelectorAll?.(eX)?.[0]??null}function HX(X){if(Array.isArray(X))return X;if(typeof X!=="string")return[];try{let Z=JSON.parse(X);return Array.isArray(Z)?Z:[]}catch{return[]}}function UX(X,Z){for(let $ of X){if(!Array.isArray($))continue;let[Q,j={}]=$;if(!Object.hasOwn(l,Q)){console.warn(`[phlex-reactive] unknown client op ${JSON.stringify(Q)} — skipped`);continue}for(let z of Z(j))l[Q](z,j)}}function ZZ(X,Z){let $=X.to;if(Z){if($==="@root")return[Z];if(typeof $!=="string"||$==="")return[];if(X.global)return[...document.querySelectorAll($)];return[...Z.querySelectorAll($)]}if(typeof $!=="string"||$===""||$==="@root")return[];return[...document.querySelectorAll($)]}class BZ extends WX{static values={token:String};#m;#M=new Map;#H=new Map;#_X;#I;#u;#T=0;#U=new Map;#E=new WeakMap;#O=new Map;#g=new WeakSet;#W;#J;#L;#Z;#Q;#V;#c=!1;#k=0;#d=!1;#j;#B;#_;#x;connect(){if(D=!0,this.element.id==="")console.warn("[phlex-reactive] a reactive root has no id; its next-action token can't self-match "+"and may fall back to the first token in the response → a silent HTTP 403 on the NEXT action. "+"Put id: on the SAME element as reactive_attrs — use div(**reactive_root) (emits id + token together), "+"or div(id:, **reactive_attrs). The id: must NOT be on a child. See the README.");if(this.element.getAttribute?.("data-reactive-defer-token"))this.#l(),this.#x=()=>this.#l(),this.element.addEventListener?.("turbo:morph-element",this.#x);if(this.#AX()){if(this.#W=()=>this.#h(),this.element.addEventListener?.("turbo:morph-element",this.#W),this.#h(),this.element.getAttribute?.("data-reactive-warn-unsaved")==="true")this.#cX()}if(this.#lX())this.#Z=()=>this.#GX(),this.element.addEventListener?.("input",this.#Z),this.element.addEventListener?.("change",this.#Z),this.element.addEventListener?.("turbo:morph-element",this.#Z),this.#GX();if(this.#R())this.#Q=(X)=>{if(X?.type==="input"&&!this.#tX(X))return;this.#A()},this.element.addEventListener?.("input",this.#Q),this.element.addEventListener?.("turbo:morph-element",this.#Q),this.#A();if(this.#F())this.#V=()=>this.#p(),this.element.addEventListener?.("turbo:morph-element",this.#V),this.#p();if(this.#XZ())this.#j=(X)=>this.syncNestedJson(X),this.#B=()=>this.#N(),this.element.addEventListener?.("input",this.#j),this.element.addEventListener?.("change",this.#j),this.element.addEventListener?.("turbo:morph-element",this.#B),this.#N();if(this.#rX())this.#_=()=>this.recompute(),this.element.addEventListener?.("turbo:morph-element",this.#_),this.recompute()}#AX(){if((this.element.getAttribute?.("data-action")??"").includes("reactive#trackDirty"))return!0;let X=this.element.querySelectorAll?.('[data-action*="reactive#trackDirty"]')??[];for(let Z of X)if(this.#$(Z))return!0;return!1}disconnect(){if(this.#SX(),this.#wX(),this.#dX(),this.#aX(),this.#eX(),this.#qZ(),this.#YZ(),this.#KZ(),this.#x)this.element.removeEventListener?.("turbo:morph-element",this.#x)}#l(){let X=this.element;if(!X?.id)return;let Z=X.getAttribute?.("data-reactive-defer-token");if(!Z)return;if(X.getAttribute?.("data-reactive-defer-pending")!=="true")return;C(X.id,Z)}dispatch(X){let{action:Z,params:$,debounce:Q,throttle:j,confirm:z,confirmWhen:G,outside:q,window:Y,optimistic:K}=X.params;if(!Z)return;let W=X.params.busy??this.#MZ(X.params.loading);if(q&&this.element.contains(X.target))return;let B=X.currentTarget??X.target;if(!Y&&!this.#WZ(K,B))X.preventDefault();let J=this.#w(z,G);if(!J)return this.#e(B,Z,$,Q,j,K,W);Promise.resolve().then(()=>R(J,{el:B})).catch(()=>!1).then((L)=>{if(L)this.#e(B,Z,$,Q,j,K,W)})}runOps(X){let{ops:Z,confirm:$,confirmWhen:Q,outside:j,window:z}=X.params,G=X.currentTarget??X.target;if(j&&this.element.contains(X.target))return;if(!z)X.preventDefault();let q=this.#w($,Q);if(!q)return this.#WX(this.#UX(Z));Promise.resolve().then(()=>R(q,{el:G})).catch(()=>!1).then((Y)=>{if(Y)this.#WX(this.#UX(Z))})}trackDirty(){this.#h()}recompute(X){if(X&&this.#g.has(X))return;let Z=this.#DX(),$=Z.map(([H])=>H),Q=this.element.getAttribute?.("data-reactive-scope")||null,j=(H)=>Q&&!H.includes("[")?`${Q}[${H}]`:H,z=this.#X(),G=new Map,q=(H)=>{if(G.has(H))return G.get(H);let U=null;for(let M of this.element.querySelectorAll(`[name="${j(H)}"]`))if(z(M)){U=M;break}return G.set(H,U),U};for(let H of $)this.#r(H,q(H)?.value??"");let Y=this.element.getAttribute("data-reactive-compute-reducer-param"),K=Y?JX(Y):null;if(!K){this.#t({},q);return}let W=this.#CX("data-reactive-compute-outputs-param"),B={};for(let[H,U]of Z){let M=q(H);if(U==="string")B[H]=M?.value??"";else{let V=Number(M?.value);B[H]=Number.isFinite(V)?V:0}}let J=K(B,{changed:this.#RX(X,$,Q)})||{},L=[];for(let H of W){if(!(H in J))continue;let U=q(H);if(!U)continue;if(String(J[H])===U.value)continue;U.value=J[H],L.push(U)}for(let H of Object.keys(J)){let U=J[H];if(U===void 0||U===null)continue;this.#r(H,U)}this.#t(J,q);for(let H of L){let U=new Event("input",{bubbles:!0});this.#g.add(U),H.dispatchEvent(U)}}listnavNext(X){this.#i(X,1)}listnavPrev(X){this.#i(X,-1)}listnavPick(X){let Z=this.#P(X),$=Z.findIndex((Q)=>Q.hasAttribute("data-reactive-highlighted"));if($<0)return;X.preventDefault(),Z[$].click()}listnavClose(X){for(let Z of this.#P(X))Z.removeAttribute("data-reactive-highlighted")}#i(X,Z){let $=this.#P(X);if(!$.length)return;X.preventDefault();let Q=$.findIndex((G)=>G.hasAttribute("data-reactive-highlighted")),j=Q<0?Z>0?0:$.length-1:(Q+Z+$.length)%$.length;for(let G of $)G.removeAttribute("data-reactive-highlighted");let z=$[j];z.setAttribute("data-reactive-highlighted","true"),z.scrollIntoView?.({block:"nearest"})}#P(X){let $=(X?.currentTarget??X?.target??this.element).getAttribute?.("data-reactive-listnav-option-param")??this.element.getAttribute("data-reactive-listnav-option-param");if(!$)return[];let Q=this.#X();return Array.from(this.element.querySelectorAll($)).filter((j)=>!j.hidden&&Q(j))}tagsAdd(X){if(!this.#F())return;if(X?.defaultPrevented)return;if(this.#P(X).some((Q)=>Q.hasAttribute?.("data-reactive-highlighted")))return;X?.preventDefault?.();let Z=X?.currentTarget??X?.target;if(!Z)return;if(!this.#YX(String(Z.value??"").split(",")))return;if(Z.value="",this.#R())this.#A()}tagsPick(X){if(!this.#F())return;X?.preventDefault?.();let $=(X?.currentTarget??X?.target)?.getAttribute?.("data-reactive-tag-param");if(!$)return;if(!this.#YX([$]))return;let Q=this.#ZZ();if(!Q)return;Q.value="",this.#A(),Q.focus?.()}tagsRemove(X){if(!this.#F())return;X?.preventDefault?.();let $=(X?.currentTarget??X?.target)?.getAttribute?.("data-reactive-tag-param");if(!$)return;let Q=this.#y();if(!Q)return;let j=this.#v(Q),z=j.filter((G)=>G.toLowerCase()!==$.toLowerCase());if(z.length===j.length)return;this.#KX(Q,z)}nestedAdd(X){X?.preventDefault?.();let Z=X?.currentTarget??X?.target,$=Z?.getAttribute?.("data-reactive-association-param");if(!$)return;if(typeof this.element?.querySelectorAll!=="function")return;let Q=this.#X(),j=[...this.element.querySelectorAll(`[data-reactive-nested-list="${$}"]`)].find(Q),G=[...this.element.querySelectorAll(`[data-reactive-nested-template="${$}"]`)].find(Q)?.content?.firstElementChild;if(!j||!G){this.#GZ($);return}let q=G.cloneNode(!0);this.#zZ(q,this.#jZ()),j.appendChild(q);let Y=Z?.getAttribute?.("data-reactive-nested-from-param"),K=Z?.getAttribute?.("data-reactive-nested-clear-param")==="true",W=this.#MX(q,Y,K);if(Y)W?.focus?.();else[...q.querySelectorAll?.("input, select, textarea")??[]][0]?.focus?.();if(j.getAttribute?.("data-reactive-nested-json")===$)this.#s($)}#MX(X,Z,$){if(!Z)return null;let Q;try{Q=JSON.parse(Z)}catch{return null}if(!Q||typeof Q!=="object")return null;let j=this.#X(),z=[...X.querySelectorAll?.("input, select, textarea")??[]],G=[];for(let[q,Y]of Object.entries(Q)){let K=[...this.element.querySelectorAll?.(Y)??[]].find(j);if(!K)continue;let W=z.find((B)=>this.#a(B.getAttribute?.("name"))===q);if(!W)continue;this.#OX(W,K),G.push(K)}if($)for(let q of G)this.#xX(q);return G[0]??null}#OX(X,Z){if(X.type==="checkbox")X.checked=Z.type==="checkbox"?!!Z.checked:this.#S(Z)!=="";else X.value=this.#S(Z);if(typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}))}#xX(X){if(X.type==="checkbox")X.checked=!1;else X.value="";if(typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}))}nestedRemove(X){X?.preventDefault?.();let Z=X?.currentTarget??X?.target,$=Z?.closest?.("[data-reactive-nested-row]");if(!$)return;if($.closest?.('[data-controller~="reactive"]')!==this.element)return;let Q=Z?.getAttribute?.("data-reactive-confirm-param"),j=Z?.getAttribute?.("data-reactive-confirm-when-param"),z=this.#w(Q,j);if(!z)return this.#o($);let G=this.#n($),q=this.#PX(z,G);return Promise.resolve().then(()=>R(q,{el:Z,row:$,fields:G})).catch(()=>!1).then((Y)=>{if(Y)this.#o($)})}#PX(X,Z){if(!X.includes("%{"))return X;return X.replace(/%\{(\w+)\}/g,($,Q)=>Object.prototype.hasOwnProperty.call(Z,Q)?Z[Q]:$)}#o(X){let Z=[...X.querySelectorAll?.('input[name$="[_destroy]"]')??[]][0];if(Z){if(Z.value="1",typeof Z.dispatchEvent==="function")Z.dispatchEvent(new Event("input",{bubbles:!0}));X.hidden=!0}else X.parentNode?.removeChild?.(X);this.#N()}syncNestedJson(X){let Z=X?.target;if(!Z||!this.#$(Z))return;this.#N()}#N(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.#X();for(let Z of[...this.element.querySelectorAll("[data-reactive-nested-json]")].filter(X))this.#s(Z.getAttribute("data-reactive-nested-json"))}#s(X){let Z=this.#X(),$=[...this.element.querySelectorAll(`[data-reactive-nested-list="${X}"]`)].find(Z);if(!$)return;let Q=this.#NX($);if(!Q)return;let j=[];for(let G of[...$.querySelectorAll?.("[data-reactive-nested-row]")??[]]){if(!Z(G)||G.hidden)continue;j.push(this.#n(G))}let z=JSON.stringify(j);if(Q.value===z)return;if(Q.value=z,typeof Q.dispatchEvent==="function")Q.dispatchEvent(new Event("input",{bubbles:!0}))}#NX(X){let Z=X.getAttribute?.("data-reactive-nested-json-field");if(!Z)return null;let $=this.#X();return[...this.element.querySelectorAll(Z)].find($)??null}#n(X){let Z={};for(let $ of[...X.querySelectorAll?.("input, select, textarea")??[]]){let Q=this.#a($.getAttribute?.("name"));if(Q===null||Q==="_destroy")continue;Z[Q]=this.#S($)}return Z}#a(X){if(!X)return null;let Z=X.match(/\[([^\][]+)\]$/);return Z?Z[1]:X}#S(X){if(X.type==="checkbox")return X.checked?X.value||"on":"";return X.value??""}#CX(X){let Z=this.element.getAttribute(X);if(!Z)return[];try{let $=JSON.parse(Z);return Array.isArray($)?$:[]}catch{return[]}}#DX(){let X=this.element.getAttribute("data-reactive-compute-inputs-param");if(!X)return[];try{let Z=JSON.parse(X);if(Array.isArray(Z))return Z.map(($)=>[$,"number"]);if(Z&&typeof Z==="object")return Object.entries(Z);return[]}catch{return[]}}#RX(X,Z,$){let Q=X?.target;if(!Q?.name||typeof Q.closest!=="function")return null;let j=this.#FX(Q.name,$);if(!Z.includes(j))return null;return this.#$(Q)?j:null}#FX(X,Z){if(!Z)return X;let $=`${Z}[`;return X.startsWith($)&&X.endsWith("]")?X.slice($.length,-1):X}#r(X,Z){let $=String(Z);for(let Q of this.#IX(X)){if(Q.textContent===$)continue;Q.textContent=$}}#IX(X){let Z=this.element.querySelectorAll(`[data-reactive-text="${X}"]`);return Array.from(Z).filter(($)=>this.#$($))}#t(X,Z){let $=this.#TX();for(let[Q,j]of Object.entries($)){let z=Q in X?X[Q]:Z(Q)?.value;if(z===void 0||z===null)continue;let G=String(z);for(let q of Array.isArray(j)?j:[j]){if(!oX(q))continue;for(let Y of document.querySelectorAll(q)){if(Y.textContent===G)continue;Y.textContent=G}}}}#TX(){let X=this.element.getAttribute("data-reactive-compute-mirror-param");if(!X)return{};try{let Z=JSON.parse(X);return Z&&typeof Z==="object"&&!Array.isArray(Z)?Z:{}}catch{return{}}}#e(X,Z,$,Q,j,z,G){if(this.#D("reactive:before-dispatch",{action:Z,params:this.#HX($),element:this.element},{cancelable:!0}).defaultPrevented)return;let Y=Number(Q)||0;if(Y>0)return this.#kX(X,Y,Z,$,z,G);let K=Number(j)||0;if(K>0)return this.#bX(X,K,Z,$,z,G);return this.#C(Z,$,z,X,G)}#C(X,Z,$,Q,j){let z=this.#JZ($,Q),G=this.#LZ(X,Q,j),q=this.#XX()?this.#EX($,Q):null;return this.queue=(this.queue??Promise.resolve()).then(()=>this.#mX(X,Z,z,G,q)),this.queue}#EX(X,Z){if(!X?.hide)return null;let $=this.#VX(X,Z);if(!$.length)return null;return()=>{let Q=$.filter((j)=>j.isConnected&&!j.hidden);if(!Q.length)return;console.warn("[phlex-reactive] optimistic: { hide: true } was undone by the reply's re-render — "+"the element is visible again. For an instant delete, return reply.remove so the server removes it; otherwise the hide only flashes.",Q)}}#kX(X,Z,$,Q,j,z){this.#b(X);let G=()=>{this.#b(X),this.#C($,Q,j,X,z)},q=setTimeout(G,Z);X?.addEventListener?.("blur",G,{once:!0}),this.#M.set(X,{timer:q,flush:G})}#b(X){let Z=this.#M.get(X);if(!Z)return;clearTimeout(Z.timer),X?.removeEventListener?.("blur",Z.flush),this.#M.delete(X)}#SX(){for(let X of[...this.#M.keys()])this.#b(X)}#bX(X,Z,$,Q,j,z){let G=this.#H.get(X)??new Map;if(G.has($))return;let q=setTimeout(()=>{if(G.delete($),G.size===0)this.#H.delete(X)},Z);return G.set($,q),this.#H.set(X,G),this.#C($,Q,j,X,z)}#wX(){for(let X of this.#H.values())for(let Z of X.values())clearTimeout(Z);this.#H.clear()}#D(X,Z,{cancelable:$=!1}={}){let Q=new CustomEvent(X,{bubbles:!0,composed:!0,cancelable:$,detail:Z});return(this.element.isConnected?this.element:document).dispatchEvent(Q),Q}#z(X,Z,$,Q){let j=()=>{if(!this.element.isConnected){console.warn("[phlex-reactive] retry() ignored — the reactive root left the DOM");return}return this.#C(X,Z)};this.#D("reactive:error",{action:X,params:$,...Q,retry:j})}#G(X){if(this.element?.isConnected===!1)return;this.element?.setAttribute?.("data-reactive-error",X)}#hX(){this.element?.removeAttribute?.("data-reactive-error")}#yX(){let X=document.querySelector("[data-reactive-error-flash]");if(!X?.content)return;let Z=X.getAttribute("data-reactive-error-flash")||"flash",$=document.getElementById(Z);if(!$)return;$.appendChild(X.content.cloneNode(!0))}#vX(){if(typeof sessionStorage>"u")return Promise.resolve();let X=Number(sessionStorage.getItem(m));if(!Number.isFinite(X)||X<=0)return Promise.resolve();if(!P)P=!0,console.warn(`[phlex-reactive] latency simulator ACTIVE — every action is delayed by ${X}ms. Call PhlexReactive.disableLatencySim() (or clear sessionStorage) to turn it off.`);return new Promise((Z)=>setTimeout(Z,X))}#XX(){return this.element?.getAttribute?.("data-reactive-debug")==="true"}#ZX(){return typeof performance<"u"&&typeof performance.now==="function"?performance.now():Date.now()}#pX(X){if(!X)return[];let Z=[],$=/<turbo-stream\b([^>]*)>/g,Q;while((Q=$.exec(X))!==null){let j=Q[1],z=j.match(/\baction="([^"]*)"/)?.[1]??"?",G=j.match(/\btarget="([^"]*)"/)?.[1];Z.push(G?`${z} → #${G}`:z)}return Z}#fX(X){let{action:Z,status:$,ms:Q}=X,z=`reactive ${this.element?.id?`#${this.element.id} `:""}${Z} → ${$??"—"} (${Math.round(Q)}ms)`;if(console.groupCollapsed(z),console.log(`params: [${X.paramNames.join(", ")}] + collected: [${X.fieldNames.join(", ")}]`),console.log(`encoding: ${X.encoding}`),X.streams.length)console.log(`streams: ${X.streams.join("   ")}`);console.log(`token: ${X.tokenRefreshed?"refreshed ✓":"unchanged"}`),console.groupEnd()}async#mX(X,Z,$,Q,j){let{fields:z,files:G}=this.#jX(),q=this.#HX(Z),Y={...z,...q},K=this.#q,W=G.length>0,B=W?this.#HZ(K,X,Y,G):JSON.stringify({token:K,act:X,params:Y}),J=this.#XX()?{action:X,paramNames:Object.keys(q),fieldNames:Object.keys(z),encoding:W?"multipart":"json",status:null,streams:[],tokenRefreshed:!1,started:this.#ZX()}:null;await this.#vX();try{if(navigator.onLine===!1){this.#Y($),this.#G("offline"),this.#z(X,Z,Y,{kind:"offline"});return}let L;try{let V={Accept:"text/vnd.turbo-stream.html","X-CSRF-Token":this.#PZ()};if(!W)V["Content-Type"]="application/json";let O=this.#NZ();if(O)V["X-Pgbus-Connection"]=O;L=await fetch(this.#OZ(),{method:"POST",headers:V,body:B,credentials:"same-origin",signal:AbortSignal.timeout(this.#xZ())})}catch(V){if(console.error("[phlex-reactive] action error",V),this.#Y($),V?.name==="TimeoutError"||V?.name==="AbortError"){this.#G("timeout"),this.#z(X,Z,Y,{kind:"timeout"});return}this.#yX(),this.#G("network"),this.#z(X,Z,Y,{kind:"network"});return}if(J)J.status=L.status;if(L.redirected){console.error("[phlex-reactive] action was redirected (auth/CSRF?) — no update applied"),this.#Y($),this.#G("redirected"),this.#z(X,Z,Y,{kind:"redirected",status:L.status});return}if(!L.ok){let V=await L.text();if(console.error(`[phlex-reactive] action failed: HTTP ${L.status}`,V),this.#Y($),(L.headers.get("Content-Type")||"").includes("turbo-stream")){let O=this.#QX(V);if(this.#q=O??this.#q,J)this.#$X(J,V,O);window.Turbo.renderStreamMessage(V)}this.#G("http"),this.#z(X,Z,Y,{kind:"http",status:L.status,body:V});return}let H=L.headers.get("Content-Type")||"";if(!H.includes("turbo-stream")){console.error(`[phlex-reactive] expected a turbo-stream, got "${H}" — no update applied`),this.#Y($),this.#G("content-type"),this.#z(X,Z,Y,{kind:"content-type",status:L.status});return}let U=await L.text(),M=this.#QX(U);if(this.#q=M??this.#q,J)this.#$X(J,U,M);if(window.Turbo.renderStreamMessage(U),j)queueMicrotask(j);this.#hX(),this.#D("reactive:applied",{action:X,params:Y,html:U})}catch(L){console.error("[phlex-reactive] action error",L),this.#Y($),this.#D("reactive:error",{action:X,params:Y,kind:"apply"})}finally{if(Q?.(),J)this.#fX({...J,ms:this.#ZX()-J.started})}}#$X(X,Z,$){X.streams=this.#pX(Z),X.tokenRefreshed=$!=null}get#q(){return this.#m??this.tokenValue}set#q(X){this.#m=X}#QX(X){let Z=this.element.id;if(!Z)return X.match(/data-reactive-token-value="([^"]+)"/)?.[1];let{token:$,self:Q}=this.#uX(Z),j=X.match($);if(j)return j[1];let z=X.match(Q);if(z)return z[1].match(/data-reactive-token-value="([^"]+)"/)?.[1];return}#uX(X){let Z=this.#u;if(Z&&Z.id===X)return Z;let $=gX(X);return this.#u={id:X,token:new RegExp(`<turbo-stream\\b[^>]*\\baction="reactive:token"[^>]*\\btarget="${$}"[^>]*\\bdata-reactive-token-value="([^"]+)"`),self:new RegExp(`<turbo-stream\\b[^>]*\\baction="(?:replace|update)"[^>]*\\btarget="${$}"[^>]*>([\\s\\S]*?)</turbo-stream>`)}}#$(X){return X.closest('[data-controller~="reactive"]')===this.element}#X(){if(this.element.querySelectorAll('[data-controller~="reactive"]').length===0)return()=>!0;return(Z)=>this.#$(Z)}#w(X,Z){if(X)return X;if(!Z)return null;let $=Z;if(typeof Z==="string")try{$=JSON.parse(Z)}catch{return console.warn(`[phlex-reactive] malformed conditional confirm payload ${JSON.stringify(Z)} — skipped`),null}if(!$||typeof $!=="object")return null;let{fields:Q}=this.#jX(),j=(G)=>Q[G],z;if(typeof $.predicate==="string"){let G=LX($.predicate);if(!G)return console.warn(`[phlex-reactive] confirm predicate "${$.predicate}" is not registered — proceeding without a dialog (register it with setConfirmPredicate)`),null;z=!!G(Q)}else z=v($.groups?.any,j)===!0;return z?$.message:null}#jX(){let X={},Z=[],$=this.#X();return this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((Q)=>{if(!$(Q))return;if(Q.type==="file")for(let j of Q.files??[])Z.push({name:Q.name,file:j,multiple:Q.multiple});else if(Q.type==="checkbox")X[Q.name]=Q.checked;else if(Q.type==="radio"){if(Q.checked)X[Q.name]=Q.value}else X[Q.name]=Q.value}),this.element.querySelectorAll("[name]:is(lexxy-editor, trix-editor, [contenteditable=''], [contenteditable=true], [contenteditable=plaintext-only])").forEach((Q)=>{if(!$(Q))return;let j=Q.getAttribute("name");if(!j)return;let z=X[j];if(z==null||z==="")X[j]=Q.value??Q.textContent??Q.innerHTML??""}),{fields:X,files:Z}}#h(){if(typeof this.element?.querySelectorAll!=="function")return;let X=0;if(this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((Z)=>{if(!this.#$(Z))return;if(Z.type==="file")return;if(this.#gX(Z))Z.setAttribute("data-reactive-dirty","true"),X++;else Z.removeAttribute("data-reactive-dirty")}),X>0)this.element.setAttribute("data-reactive-dirty",String(X));else this.element.removeAttribute("data-reactive-dirty")}#gX(X){if(X.type==="checkbox"||X.type==="radio")return X.checked!==X.defaultChecked;if(X.tag==="select"||X.options)return Array.from(X.options??[]).some((Z)=>Z.selected!==Z.defaultSelected);return X.value!==X.defaultValue}#zX(){let X=this.element.getAttribute?.("data-reactive-dirty"),Z=Number(X);return Number.isFinite(Z)&&Z>0?Z:0}#cX(){if(typeof window>"u"||typeof window.addEventListener!=="function")return;this.#J=(X)=>{if(this.#zX()===0)return;return X.preventDefault(),X.returnValue="You have unsaved changes.",X.returnValue},this.#L=(X)=>{if(this.#zX()===0)return;if(!(typeof window.confirm==="function"?window.confirm("You have unsaved changes. Leave anyway?"):!0))X.preventDefault?.()},window.addEventListener("beforeunload",this.#J),window.addEventListener("turbo:before-visit",this.#L)}#dX(){if(this.#W)this.element.removeEventListener?.("turbo:morph-element",this.#W),this.#W=void 0;if(typeof window<"u"&&typeof window.removeEventListener==="function"){if(this.#J)window.removeEventListener("beforeunload",this.#J);if(this.#L)window.removeEventListener("turbo:before-visit",this.#L)}this.#J=void 0,this.#L=void 0}#lX(){if(this.element.getAttribute?.("data-reactive-show-targets"))return!0;let X=this.element.querySelectorAll?.(i)??[];for(let Z of X)if(this.#$(Z))return!0;return!1}#GX(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.#X(),Z=this.element.getAttribute?.("data-reactive-scope")||null,$=new Map,Q=(j)=>{if(!$.has(j))$.set(j,this.#nX(j,X,Z));return $.get(j)};for(let j of this.element.querySelectorAll(i)){if(!X(j))continue;let z=j.getAttribute("data-reactive-show");if(z!==null){let K=rX(nX(z),Q);if(K!==null)this.#qX(j,K,X,Z);continue}let G=j.getAttribute("data-reactive-show-field");if(!G)continue;let q=Q(G);if(q===null)continue;let Y=sX(j,q);if(Y===null)continue;this.#qX(j,Y,X,Z)}this.#iX(Q)}#qX(X,Z,$,Q){if(X.hidden=!Z,X.getAttribute("data-reactive-show-disable")!=="true")return;if(typeof X.querySelectorAll!=="function")return;for(let j of X.querySelectorAll("input[name], select[name], textarea[name]"))if($(j))j.disabled=!Z;if(X.name&&$(X))X.disabled=!Z}#iX(X){let Z=this.#sX();for(let[$,Q]of Object.entries(Z)){if($.startsWith("#")){this.#oX($,Q,X);continue}if(!Q||typeof Q!=="object"||Array.isArray(Q))continue;let j=X($);if(j===null)continue;let z=()=>j;for(let[G,q]of Object.entries(Q)){if(!o(G))continue;let Y;if(Array.isArray(q)){if(q.length===0){console.warn(`[phlex-reactive] malformed reactive_show_targets group for ${G} — skipped`);continue}Y=q.every((K)=>u(K,z))}else{let K=KX(q,j);if(K===null){console.warn(`[phlex-reactive] malformed reactive_show_targets predicate for ${G} — skipped`);continue}Y=K}for(let K of document.querySelectorAll(G))K.hidden=!Y}}}#oX(X,Z,$){if(!o(X))return;let Q=Z&&typeof Z==="object"&&!Array.isArray(Z)?Z.any:null,j=aX(Q);if(j===null){console.warn(`[phlex-reactive] malformed reactive_show_targets conditions for ${X} — skipped`);return}if(j.every((G)=>$(G)===null))return;let z=v(Q,$);if(z===null)return;for(let G of document.querySelectorAll(X))G.hidden=!z}#sX(){let X=this.element.getAttribute?.("data-reactive-show-targets");if(!X)return{};try{let Z=JSON.parse(X);if(Z&&typeof Z==="object"&&!Array.isArray(Z))return Z}catch{}return console.warn("[phlex-reactive] malformed data-reactive-show-targets — ignored. "+"Did two reactive_show_targets calls collide on one root? Declare every field in ONE call: reactive_show_targets(mode: { ... }, kind: { ... })"),{}}#nX(X,Z,$){let Q=$&&!X.includes("[")?`${$}[${X}]`:X,j=!1,z=null;for(let G of this.element.querySelectorAll(`[name="${Q}"]`)){if(!Z(G))continue;if(G.type==="checkbox")return G.checked?"true":"false";if(G.type==="radio"){if(G.checked)return G.value??"";j=!0;continue}z??=G}if(z)return z.value??"";return j?"":null}#aX(){if(!this.#Z)return;this.element.removeEventListener?.("input",this.#Z),this.element.removeEventListener?.("change",this.#Z),this.element.removeEventListener?.("turbo:morph-element",this.#Z),this.#Z=void 0}#R(){return!!(this.element.getAttribute?.("data-reactive-filter-input")&&this.element.getAttribute?.("data-reactive-filter-option"))}#rX(){return this.element.getAttribute?.("data-reactive-compute-seed")==="true"}#tX(X){let Z=this.element.getAttribute("data-reactive-filter-input");return!!Z&&typeof X.target?.matches==="function"&&X.target.matches(Z)}#A(){if(typeof this.element?.querySelectorAll!=="function")return;let X=this.element.getAttribute("data-reactive-filter-input"),Z=this.element.getAttribute("data-reactive-filter-option");if(!X||!Z)return;let $=this.#X(),Q=[...this.element.querySelectorAll(X)].find($);if(!Q)return;let j=(Q.value??"").trim().toLowerCase(),z=0;for(let Y of this.element.querySelectorAll(Z)){if(!$(Y))continue;let K=(Y.getAttribute("data-reactive-filter-text")??Y.textContent??"").toLowerCase(),W=Y.hasAttribute?.("data-reactive-tags-selected")||j!==""&&!K.includes(j);if(Y.hidden=W,W)Y.removeAttribute("data-reactive-highlighted");else z++}let G=this.element.getAttribute("data-reactive-filter-group");if(G)for(let Y of this.element.querySelectorAll(G)){if(!$(Y))continue;let K=[...Y.querySelectorAll(Z)].filter($);if(K.length===0)continue;Y.hidden=K.every((W)=>W.hidden)}let q=this.element.getAttribute("data-reactive-filter-empty");if(q){for(let Y of this.element.querySelectorAll(q))if($(Y))Y.hidden=z>0}}#eX(){if(!this.#Q)return;this.element.removeEventListener?.("input",this.#Q),this.element.removeEventListener?.("turbo:morph-element",this.#Q),this.#Q=void 0}#F(){return!!this.element.getAttribute?.("data-reactive-tags-field")}#XZ(){if(typeof this.element?.querySelector!=="function")return!1;return!!this.element.querySelector("[data-reactive-nested-json]")}#y(){if(typeof this.element?.querySelectorAll!=="function")return null;let X=this.element.getAttribute("data-reactive-tags-field");if(!X)return null;let Z=this.#X();return[...this.element.querySelectorAll(X)].find(Z)??null}#v(X){let Z=new Set,$=[];for(let Q of String(X.value??"").split(",")){let j=Q.trim();if(j===""||Z.has(j.toLowerCase()))continue;Z.add(j.toLowerCase()),$.push(j)}return $}#YX(X){let Z=this.#y();if(!Z)return!1;let $=this.#v(Z),Q=new Set($.map((z)=>z.toLowerCase())),j=!1;for(let z of X){let G=String(z??"").trim();if(G===""||Q.has(G.toLowerCase()))continue;Q.add(G.toLowerCase()),$.push(G),j=!0}if(j)this.#KX(Z,$);return j}#KX(X,Z){if(X.value=Z.join(","),typeof X.dispatchEvent==="function")X.dispatchEvent(new Event("input",{bubbles:!0}));this.#p()}#ZZ(){if(typeof this.element?.querySelectorAll!=="function")return null;let X=this.element.getAttribute("data-reactive-filter-input");if(!X)return null;let Z=this.#X();return[...this.element.querySelectorAll(X)].find(Z)??null}#p(){let X=this.#y();if(!X)return;let Z=this.#v(X),$=this.#X();this.#$Z(Z,$),this.#QZ(Z,$)}#$Z(X,Z){let $=[...this.element.querySelectorAll("[data-reactive-tags-list]")].find(Z);if(!$)return;let j=[...this.element.querySelectorAll("[data-reactive-tags-template]")].find(Z)?.content?.firstElementChild;if(!j){if(!this.#c)console.warn("[phlex-reactive] reactive_tags: no chip <template data-reactive-tags-template> found in this root — "+"chips will not render (the hidden field still updates). Add a template with a [data-reactive-tag-text] node and a reactive_tags_remove button."),this.#c=!0;return}while($.firstChild)$.removeChild($.firstChild);for(let z of X){let G=j.cloneNode(!0);G.setAttribute?.("data-reactive-tag",z);let q=G.matches?.("[data-reactive-tag-text]")?G:(G.querySelectorAll?.("[data-reactive-tag-text]")??[])[0];if(q)q.textContent=z;let Y=[...G.querySelectorAll?.('[data-action*="reactive#tagsRemove"]')??[]];if(G.matches?.('[data-action*="reactive#tagsRemove"]'))Y.push(G);for(let K of Y)K.setAttribute?.("data-reactive-tag-param",z);$.appendChild(G)}}#QZ(X,Z){let $=new Set(X.map((Q)=>Q.toLowerCase()));for(let Q of this.element.querySelectorAll("[role=option]")){if(!Z(Q))continue;let j=Q.getAttribute?.("data-reactive-tag-param");if(!j)continue;if($.has(j.toLowerCase()))Q.setAttribute("data-reactive-tags-selected","true"),Q.hidden=!0,Q.removeAttribute?.("data-reactive-highlighted");else if(Q.hasAttribute?.("data-reactive-tags-selected")){if(Q.removeAttribute("data-reactive-tags-selected"),!this.#R())Q.hidden=!1}}if(this.#R())this.#A()}#jZ(){return this.#k=Math.max(this.#k+1,Date.now()),this.#k}#zZ(X,Z){let $=[X,...X.querySelectorAll?.("*")??[]];for(let Q of $)for(let j of["name","id","for"]){let z=Q.getAttribute?.(j);if(z&&z.includes("NEW_ROW"))Q.setAttribute?.(j,z.replaceAll("NEW_ROW",String(Z)))}}#GZ(X){if(this.#d)return;console.warn(`[phlex-reactive] nested rows: no owned [data-reactive-nested-list="${X}"] container + <template data-reactive-nested-template="${X}"> pair found in this root — the add `+"trigger did nothing. Render both inside the same reactive root (reactive_nested_list / reactive_nested_template)."),this.#d=!0}#qZ(){if(!this.#V)return;this.element.removeEventListener?.("turbo:morph-element",this.#V),this.#V=void 0}#YZ(){if(this.#j)this.element.removeEventListener?.("input",this.#j),this.element.removeEventListener?.("change",this.#j),this.#j=void 0;if(this.#B)this.element.removeEventListener?.("turbo:morph-element",this.#B),this.#B=void 0}#KZ(){if(!this.#_)return;this.element.removeEventListener?.("turbo:morph-element",this.#_),this.#_=void 0}#HZ(X,Z,$,Q){let j=new FormData;j.append("token",X),j.append("act",Z);for(let[G,q]of Object.entries($))this.#f(j,`params[${G}]`,q);let z=this.#UZ(Q);for(let{name:G,file:q,multiple:Y}of Q){let W=Y||z.has(G)?`params[${G}][]`:`params[${G}]`;j.append(W,q,q.name)}return j}#f(X,Z,$){if($==null)X.append(Z,"");else if(Array.isArray($))$.forEach((Q,j)=>this.#f(X,`${Z}[${j}]`,Q));else if(typeof $==="object")for(let[Q,j]of Object.entries($))this.#f(X,`${Z}[${Q}]`,j);else X.append(Z,String($))}#UZ(X){let Z=new Map;for(let{name:$}of X)Z.set($,(Z.get($)??0)+1);return new Set([...Z].filter(([,$])=>$>1).map(([$])=>$))}#HX(X){if(!X)return{};try{return typeof X==="string"?JSON.parse(X):X}catch{return{}}}#UX(X){return HX(X)}#WX(X){UX(X,(Z)=>this.#JX(Z))}#JX(X){let Z=X.to;if(Z==="@root")return[this.element];if(typeof Z!=="string"||Z==="")return[];if(X.global)return[...document.querySelectorAll(Z)];return[...this.element.querySelectorAll(Z)].filter(($)=>this.#$($))}#WZ(X,Z){if(X?.checked!=="keep")return!1;let $=Z?.type;return $==="checkbox"||$==="radio"}#JZ(X,Z){if(!X)return null;let $=this.#LX(X,Z,!0);return $.length?$:null}#Y(X){if(!X)return;if(!this.element.isConnected)return;for(let Z of X)Z()}#LZ(X,Z,$){this.#BZ(X,Z);let Q=$?this.#LX($,Z,!1):[];QX();let j=!1;return()=>{if(j)return;j=!0,this.#_Z(X,Z),jX();for(let z of Q)z()}}#LX(X,Z,$){let Q=[];for(let j of this.#VX(X,Z)){if(X.add_class){let z=X.add_class.filter((G)=>!j.classList.contains(G));if(j.classList.add(...z),z.length)Q.push(()=>j.classList.remove(...z))}if(X.remove_class){let z=X.remove_class.filter((G)=>j.classList.contains(G));if(j.classList.remove(...z),z.length)Q.push(()=>j.classList.add(...z))}if(X.toggle_class)X.toggle_class.forEach((z)=>j.classList.toggle(z)),Q.push(()=>X.toggle_class.forEach((z)=>j.classList.toggle(z)));if(X.hide)j.hidden=!0,Q.push(()=>j.hidden=!1);if(X.show)j.hidden=!1,Q.push(()=>j.hidden=!0)}if(Z&&(X.disable||X.text!=null))Q.push(this.#VZ(X,Z));if($&&X.checked==="keep"&&Z&&"checked"in Z){let j=Z.checked;Q.push(()=>Z.checked=!j)}return Q}#VX(X,Z){if(X.to==null)return Z?[Z]:[];return this.#JX({to:X.to})}#VZ(X,Z){let $=this.#O.get(Z);if($)$.count++;else this.#O.set(Z,{count:1,disabled:Z.disabled,html:Z.innerHTML,hadText:X.text!=null,swappedTo:X.text});if(X.disable)Z.disabled=!0;if(X.text!=null)Z.innerHTML=X.text;return()=>this.#AZ(Z,X)}#BZ(X,Z){if(this.#K(Z,X,1),this.#K(this.element,X,1),this.#U.set(X,(this.#U.get(X)??0)+1),this.#T++===0)this.element.setAttribute("aria-busy","true");for(let $ of this.#BX(X))this.#K($,X,1)}#_Z(X,Z){this.#K(Z,X,-1),this.#K(this.element,X,-1);let $=(this.#U.get(X)??1)-1;if($<=0)this.#U.delete(X);else this.#U.set(X,$);if(--this.#T<=0)this.#T=0,this.element.removeAttribute("aria-busy");for(let Q of this.#BX(X))this.#K(Q,X,-1)}#K(X,Z,$){if(!X||typeof X.getAttribute!=="function")return;let Q=this.#E.get(X)??new Map,j=(Q.get(Z)??0)+$;if(j<=0)Q.delete(Z);else Q.set(Z,j);if(Q.size===0){this.#E.delete(X),X.removeAttribute("data-reactive-busy");return}this.#E.set(X,Q),X.setAttribute("data-reactive-busy",[...Q.keys()].join(" "))}#BX(X){return[...this.element.querySelectorAll?.("[data-reactive-busy-on]")??[]].filter(($)=>$.getAttribute("data-reactive-busy-on")===X&&this.#$($))}#AZ(X,Z){let $=this.#O.get(X);if(!$)return;if(--$.count>0)return;if(this.#O.delete(X),!X.isConnected)return;if(Z.disable)X.disabled=$.disabled;if($.hadText&&X.innerHTML===$.swappedTo)X.innerHTML=$.html}#MZ(X){if(!X||typeof X!=="object")return null;let{class:Z,...$}=X;return Z==null?X:{...$,add_class:Z}}#OZ(){return this.#_X??=document.querySelector('meta[name="phlex-reactive-action-path"]')?.content||"/reactive/actions"}#xZ(){if(this.#I!=null)return this.#I;let X=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,Z=Number(X);return this.#I=Number.isFinite(Z)&&Z>0?Z:30000}#PZ(){return document.querySelector('meta[name="csrf-token"]')?.content??""}#NZ(){return document.querySelector("pgbus-stream-source[connection-id]")?.getAttribute("connection-id")||document.querySelector('meta[name="pgbus-connection-id"]')?.content||null}}export{GZ as resetReactiveDefers,JZ as resetReactiveActivity,VX as registerReactiveVisit,BX as registerReactiveToken,pX as registerReactiveOffline,_X as registerReactiveJs,IX as registerReactiveEffects,DX as registerReactiveDismiss,AX as registerReactiveDefer,d as registerReactiveActions,WZ as reactiveActivityCount,qZ as pendingDeferVia,jX as exitReactiveActivity,gX as escapeRegExp,QX as enterReactiveActivity,fX as enableLatencySim,mX as disableLatencySim,BZ as default,cX as checkReactiveRegistration,LZ as __resetReactiveRegistrationForTest,HZ as __resetReactiveOfflineForTest,UZ as __resetReactiveLatencyForTest,KZ as __resetReactiveEffectsForTest,YZ as __resetReactiveDismissForTest,VZ as __markReactiveConnectedForTest,m as LATENCY_KEY,$X as ACTIVE_ATTR};
 
-//# debugId=730B1A7F3EE4DCD964756E2164756E21
+//# debugId=3D36FCC8A2F9938464756E2164756E21
 //# sourceMappingURL=reactive_controller.min.js.map
diff --git a/spec/javascript/reactive_nested.test.js b/spec/javascript/reactive_nested.test.js
index c3f5d54..a6f2e67 100644
--- a/spec/javascript/reactive_nested.test.js
+++ b/spec/javascript/reactive_nested.test.js
@@ -12,7 +12,7 @@
 // save.
 //
 // Run with: bun test spec/javascript
-import { test, expect, mock, beforeAll, beforeEach } from "bun:test"
+import { test, expect, mock, beforeAll, beforeEach, afterAll } from "bun:test"
 
 let ReactiveController
 let confirmModule
@@ -40,6 +40,16 @@ beforeEach(() => {
   )
 })
 
+// The issue-222 ctx test installs a custom (message, ctx) resolver and does not
+// reset it. Like reactive_confirm_resolver.test.js, restore the shipped default
+// on the way out so a later file in the shared bun worker inherits the real
+// window.confirm-backed gate (else its window.confirm stub never fires).
+afterAll(() => {
+  confirmModule.setConfirmResolver((message) =>
+    Promise.resolve(typeof globalThis.window !== "undefined" ? globalThis.window.confirm(message) : true),
+  )
+})
+
 // The reactive_tags FakeNode, extended for the nested-rows clone/renumber:
 //   - setAttribute("name") stays coherent with the name property
 //   - a "*" matcher (the renumber walks every descendant)
@@ -675,3 +685,145 @@ test("nestedRemove(confirm-when) — the conditional Hash only prompts when it f
   expect(seen).toEqual(["Empty row — remove?"]) // condition fired → prompted
   expect(list.children.length).toBe(1) // declined → kept
 })
+
+// Per-row confirm interpolation (issue #222). A row added client-side via
+// nestedAdd is a cloneNode of the <template>, and the clone carries the
+// TEMPLATE's confirm string verbatim — the renumber/seed steps never touch
+// data-reactive-confirm[-when]-param. So a per-row confirm like
+// "Delete '%{name}'?" is frozen to the template's (value-less) string on every
+// added row. Fix: nestedRemove interpolates %{field} placeholders from the
+// row's LIVE field values at click time (reflects later edits too), and passes
+// the row context to confirmResolver as an optional 2nd arg.
+//
+// A row already in the list carrying a confirm with %{key} placeholders and the
+// given field values. Returns { row, remove }.
+function rowWithConfirmPlaceholders(list, confirmMessage, fieldValues) {
+  const row = new FakeNode({ tag: "div", attrs: { "data-reactive-nested-row": "" } })
+  const controls = Object.entries(fieldValues).map(
+    ([key, value]) =>
+      new FakeNode({ tag: "input", name: `order[line_items_attributes][0][${key}]`, value: String(value) }),
+  )
+  const remove = new FakeNode({
+    tag: "button",
+    attrs: { "data-action": "click->reactive#nestedRemove", "data-reactive-confirm-param": confirmMessage },
+  })
+  row.append(...controls, remove)
+  list.append(row)
+  return { row, remove }
+}
+
+test("nestedRemove(confirm) — interpolates %{field} from the row's live values", async () => {
+  const { root, list } = nestedWidget()
+  const controller = buildController(root)
+  const { remove } = rowWithConfirmPlaceholders(list, "Delete '%{name}' (%{amount})?", {
+    name: "Widget",
+    amount: "42",
+  })
+  const seen = stubConfirm(false)
+
+  await controller.nestedRemove({ currentTarget: remove, preventDefault: () => {} })
+
+  expect(seen).toEqual(["Delete 'Widget' (42)?"]) // read the row NOW, not the template
+})
+
+test("nestedRemove(confirm) — a %{field} the row lacks stays as the literal placeholder", async () => {
+  const { root, list } = nestedWidget()
+  const controller = buildController(root)
+  const { remove } = rowWithConfirmPlaceholders(list, "Delete '%{name}' (%{gone})?", { name: "Widget" })
+  const seen = stubConfirm(false)
+
+  await controller.nestedRemove({ currentTarget: remove, preventDefault: () => {} })
+
+  expect(seen).toEqual(["Delete 'Widget' (%{gone})?"]) // unresolved key left visible/debuggable
+})
+
+test("nestedRemove(confirm) — a client-ADDED row's confirm reflects its own typed value", async () => {
+  // The exact issue-222 scenario: the template row is value-less, so its confirm
+  // string is a %{quantity} placeholder. Add clones it; typing into the row's
+  // quantity field then makes the per-row confirm reflect THAT row's value.
+  const proto = new FakeNode({ tag: "div", attrs: { "data-reactive-nested-row": "" } })
+  proto.append(
+    new FakeNode({ tag: "input", name: "order[line_items_attributes][NEW_ROW][quantity]" }),
+    new FakeNode({
+      tag: "button",
+      attrs: {
+        "data-action": "click->reactive#nestedRemove",
+        "data-reactive-confirm-param": "Remove row with quantity %{quantity}?",
+      },
+    }),
+  )
+  const template = new FakeNode({ tag: "template", attrs: { "data-reactive-nested-template": "line_items" } })
+  template.content = { firstElementChild: proto }
+  const { root, list, add } = nestedWidget({ template })
+  const controller = buildController(root)
+
+  clickAdd(controller, add)
+  const row = list.children[0]
+  fieldByKey(row, "quantity").value = "7" // user types into the added row
+  const remove = row.querySelectorAll("button")[0]
+  const seen = stubConfirm(false)
+
+  await controller.nestedRemove({ currentTarget: remove, preventDefault: () => {} })
+
+  expect(seen).toEqual(["Remove row with quantity 7?"]) // the ADDED row's own value
+})
+
+test("nestedRemove(confirm) — reflects a LATER edit (click-time, not clone-time)", async () => {
+  const { root, list } = nestedWidget()
+  const controller = buildController(root)
+  const { row, remove } = rowWithConfirmPlaceholders(list, "Delete '%{name}'?", { name: "Widget" })
+  const seen = stubConfirm(false)
+
+  fieldByKey(row, "name").value = "Gadget" // edited AFTER the row exists
+  await controller.nestedRemove({ currentTarget: remove, preventDefault: () => {} })
+
+  expect(seen).toEqual(["Delete 'Gadget'?"]) // live read, not a frozen snapshot
+})
+
+test("nestedRemove(confirm-when) — the conditional Hash message is interpolated too", async () => {
+  const { root, list } = nestedWidget()
+  const confirmWhen = JSON.stringify({
+    groups: { any: [[{ field: "order[line_items_attributes][0][quantity]", equals: "0" }]] },
+    message: "Remove '%{name}' (empty)?",
+  })
+  const row = new FakeNode({ tag: "div", attrs: { "data-reactive-nested-row": "" } })
+  row.append(
+    new FakeNode({ tag: "input", name: "order[line_items_attributes][0][quantity]", value: "0" }),
+    new FakeNode({ tag: "input", name: "order[line_items_attributes][0][name]", value: "Bolt" }),
+    new FakeNode({
+      tag: "button",
+      attrs: { "data-action": "click->reactive#nestedRemove", "data-reactive-confirm-when-param": confirmWhen },
+    }),
+  )
+  list.append(row)
+  const controller = buildController(root)
+  const seen = stubConfirm(false)
+
+  await controller.nestedRemove({ currentTarget: row.querySelectorAll("button")[0], preventDefault: () => {} })
+
+  expect(seen).toEqual(["Remove 'Bolt' (empty)?"]) // condition fired AND message interpolated
+})
+
+// confirmResolver ctx (issue #222, superset of proposal 3). The resolver gets an
+// optional 2nd arg so a power-user override can build the string itself. On
+// nestedRemove it carries the row element, the row's field map, and the trigger.
+test("nestedRemove(confirm) — passes the row context to confirmResolver as a 2nd arg", async () => {
+  const { root, list } = nestedWidget()
+  const controller = buildController(root)
+  const { row, remove } = rowWithConfirmPlaceholders(list, "Delete '%{name}'?", { name: "Widget", amount: "42" })
+
+  let receivedMessage
+  let receivedCtx
+  confirmModule.setConfirmResolver((message, ctx) => {
+    receivedMessage = message
+    receivedCtx = ctx
+    return false
+  })
+
+  await controller.nestedRemove({ currentTarget: remove, preventDefault: () => {} })
+
+  expect(receivedMessage).toBe("Delete 'Widget'?") // already interpolated
+  expect(receivedCtx.row).toBe(row)
+  expect(receivedCtx.el).toBe(remove)
+  expect(receivedCtx.fields).toEqual({ name: "Widget", amount: "42" })
+})
diff --git a/spec/system/draft_order_confirm_interpolate_spec.rb b/spec/system/draft_order_confirm_interpolate_spec.rb
new file mode 100644
index 0000000..51eea23
--- /dev/null
+++ b/spec/system/draft_order_confirm_interpolate_spec.rb
@@ -0,0 +1,72 @@
+# frozen_string_literal: true
+
+require "system_helper"
+
+# End-to-end proof of per-row confirm INTERPOLATION on client-added rows
+# (issue #222). The remove trigger's confirm carries a %{quantity} placeholder
+# on the <template>; a row added via reactive_nested_add is a cloneNode of that
+# template, so before #222 it showed the frozen literal "%{quantity}". Now the
+# client interpolates %{field} from the added row's OWN live field values at
+# click time, so the confirm reflects the quantity the user typed into THAT row.
+#
+# window.confirm is overridden in the page to RECORD the message it was shown
+# (and decline), so the assertion is on the string the gate produced — the whole
+# point — deterministic across both drivers and both servers (Puma + Falcon).
+RSpec.describe "Draft order form — per-row confirm interpolation (issue #222)", type: :system do
+  # Override window.confirm to record every message and return the given answer.
+  def record_confirm(answer:)
+    page.execute_script(<<~JS)
+      window.__confirmMessages = []
+      window.confirm = (message) => {
+        window.__confirmMessages.push(message)
+        return #{answer ? "true" : "false"}
+      }
+    JS
+  end
+
+  def confirm_messages
+    page.evaluate_script("window.__confirmMessages || []")
+  end
+
+  it "interpolates the ADDED row's own typed quantity into its confirm message" do
+    visit "/draft_order_confirm_interpolate"
+    expect(page).to have_css("[data-testid='add-item']")
+
+    # Add two rows and type a DIFFERENT quantity into each — the whole test is
+    # that each row's confirm reflects ITS OWN value, not the template's blank.
+    find("[data-testid='add-item']").click
+    expect(page).to have_css("[data-testid='item-row']", count: 1)
+    find("[data-testid='add-item']").click
+    expect(page).to have_css("[data-testid='item-row']", count: 2)
+
+    rows = page.all("[data-testid='item-row']")
+    rows[0].find("[data-testid='qty']").set(7)
+    rows[1].find("[data-testid='qty']").set(3)
+
+    # Decline the FIRST row's remove → the message must carry that row's 7,
+    # NOT the template's "%{quantity}" and NOT the other row's 3.
+    record_confirm(answer: false)
+    rows[0].find("[data-testid='remove-item']").click
+
+    expect(page).to have_css("[data-testid='item-row']", count: 2) # declined → both stay
+    expect(confirm_messages).to eq(["Remove line item with quantity 7?"])
+  end
+
+  it "reflects a LATER edit (interpolation is live at click time, not clone time)" do
+    visit "/draft_order_confirm_interpolate"
+    expect(page).to have_css("[data-testid='add-item']")
+
+    find("[data-testid='add-item']").click
+    expect(page).to have_css("[data-testid='item-row']", count: 1)
+
+    row = page.first("[data-testid='item-row']")
+    row.find("[data-testid='qty']").set(4)
+
+    # Accept → the row leaves; the message shown carries the EDITED value.
+    record_confirm(answer: true)
+    row.find("[data-testid='remove-item']").click
+
+    expect(page).to have_css("[data-testid='item-row']", count: 0)
+    expect(confirm_messages).to eq(["Remove line item with quantity 4?"])
+  end
+end