@wral/report-it 0.1.3 → 0.2.0

package/dist/{wral-code-input-DM3AfzRM.js → wral-code-input-BZTBgLk3.js}

@@ -1,6 +1,222 @@
-import { css as f, html as a, nothing as c, LitElement as A } from "lit";
-import { getAuthContext as H, createStorage as K, verifyCode as Q, extractTokens as R, saveTokens as T, decodeJwtPayload as D, refreshTokenSimple as G, sendCode as J, createUserPool as X, signUpIfNeeded as Z, createCognitoUser as ee, getAuthHeaders as te, STORAGE_KEYS as F, isAuthenticatedSimple as re } from "@wral/sdk-auth-audience";
-const se = f`
+import { css as y, html as c, nothing as f, LitElement as G } from "lit";
+import { getAuthContext as Se, createStorage as Ce, verifyCode as Te, extractTokens as Z, saveTokens as X, decodeJwtPayload as ee, refreshTokenSimple as te, sendCode as Re, createUserPool as Me, signUpIfNeeded as De, createCognitoUser as Pe, STORAGE_KEYS as S, isAuthenticatedSimple as ze } from "@wral/sdk-auth-audience";
+const K = globalThis, re = (s) => s, B = K.trustedTypes, se = B ? B.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, xe = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, ve = "?" + v, Be = `<${ve}>`, A = document, O = () => A.createComment(""), R = (s) => s === null || typeof s != "object" && typeof s != "function", Q = Array.isArray, Oe = (s) => Q(s) || typeof s?.[Symbol.iterator] == "function", H = `[ 	
+\f\r]`, C = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, ne = />/g, $ = RegExp(`>|${H}(?:([^\\s"'>=/]+)(${H}*=${H}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), oe = /'/g, ae = /"/g, _e = /^(?:script|style|textarea|title)$/i, M = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), le = /* @__PURE__ */ new WeakMap(), k = A.createTreeWalker(A, 129);
+function $e(s, e) {
+  if (!Q(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return se !== void 0 ? se.createHTML(e) : e;
+}
+const Ue = (s, e) => {
+  const t = s.length - 1, r = [];
+  let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = C;
+  for (let a = 0; a < t; a++) {
+    const l = s[a];
+    let d, p, u = -1, h = 0;
+    for (; h < l.length && (o.lastIndex = h, p = o.exec(l), p !== null); ) h = o.lastIndex, o === C ? p[1] === "!--" ? o = ie : p[1] !== void 0 ? o = ne : p[2] !== void 0 ? (_e.test(p[2]) && (i = RegExp("</" + p[2], "g")), o = $) : p[3] !== void 0 && (o = $) : o === $ ? p[0] === ">" ? (o = i ?? C, u = -1) : p[1] === void 0 ? u = -2 : (u = o.lastIndex - p[2].length, d = p[1], o = p[3] === void 0 ? $ : p[3] === '"' ? ae : oe) : o === ae || o === oe ? o = $ : o === ie || o === ne ? o = C : (o = $, i = void 0);
+    const b = o === $ && s[a + 1].startsWith("/>") ? " " : "";
+    n += o === C ? l + Be : u >= 0 ? (r.push(d), l.slice(0, u) + xe + l.slice(u) + v + b) : l + v + (u === -2 ? a : b);
+  }
+  return [$e(s, n + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
+};
+class D {
+  constructor({ strings: e, _$litType$: t }, r) {
+    let i;
+    this.parts = [];
+    let n = 0, o = 0;
+    const a = e.length - 1, l = this.parts, [d, p] = Ue(e, t);
+    if (this.el = D.createElement(d, r), k.currentNode = this.el.content, t === 2 || t === 3) {
+      const u = this.el.content.firstChild;
+      u.replaceWith(...u.childNodes);
+    }
+    for (; (i = k.nextNode()) !== null && l.length < a; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) for (const u of i.getAttributeNames()) if (u.endsWith(xe)) {
+          const h = p[o++], b = i.getAttribute(u).split(v), w = /([.?@])?(.*)/.exec(h);
+          l.push({ type: 1, index: n, name: w[2], strings: b, ctor: w[1] === "." ? Ne : w[1] === "?" ? qe : w[1] === "@" ? He : L }), i.removeAttribute(u);
+        } else u.startsWith(v) && (l.push({ type: 6, index: n }), i.removeAttribute(u));
+        if (_e.test(i.tagName)) {
+          const u = i.textContent.split(v), h = u.length - 1;
+          if (h > 0) {
+            i.textContent = B ? B.emptyScript : "";
+            for (let b = 0; b < h; b++) i.append(u[b], O()), k.nextNode(), l.push({ type: 2, index: ++n });
+            i.append(u[h], O());
+          }
+        }
+      } else if (i.nodeType === 8) if (i.data === ve) l.push({ type: 2, index: n });
+      else {
+        let u = -1;
+        for (; (u = i.data.indexOf(v, u + 1)) !== -1; ) l.push({ type: 7, index: n }), u += v.length - 1;
+      }
+      n++;
+    }
+  }
+  static createElement(e, t) {
+    const r = A.createElement("template");
+    return r.innerHTML = e, r;
+  }
+}
+function E(s, e, t = s, r) {
+  if (e === M) return e;
+  let i = r !== void 0 ? t._$Co?.[r] : t._$Cl;
+  const n = R(e) ? void 0 : e._$litDirective$;
+  return i?.constructor !== n && (i?._$AO?.(!1), n === void 0 ? i = void 0 : (i = new n(s), i._$AT(s, t, r)), r !== void 0 ? (t._$Co ??= [])[r] = i : t._$Cl = i), i !== void 0 && (e = E(s, i._$AS(s, e.values), i, r)), e;
+}
+class Le {
+  constructor(e, t) {
+    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(e) {
+    const { el: { content: t }, parts: r } = this._$AD, i = (e?.creationScope ?? A).importNode(t, !0);
+    k.currentNode = i;
+    let n = k.nextNode(), o = 0, a = 0, l = r[0];
+    for (; l !== void 0; ) {
+      if (o === l.index) {
+        let d;
+        l.type === 2 ? d = new U(n, n.nextSibling, this, e) : l.type === 1 ? d = new l.ctor(n, l.name, l.strings, this, e) : l.type === 6 && (d = new je(n, this, e)), this._$AV.push(d), l = r[++a];
+      }
+      o !== l?.index && (n = k.nextNode(), o++);
+    }
+    return k.currentNode = A, i;
+  }
+  p(e) {
+    let t = 0;
+    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, t), t += r.strings.length - 2) : r._$AI(e[t])), t++;
+  }
+}
+class U {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(e, t, r, i) {
+    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = r, this.options = i, this._$Cv = i?.isConnected ?? !0;
+  }
+  get parentNode() {
+    let e = this._$AA.parentNode;
+    const t = this._$AM;
+    return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(e, t = this) {
+    e = E(this, e, t), R(e) ? e === m || e == null || e === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : e !== this._$AH && e !== M && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Oe(e) ? this.k(e) : this._(e);
+  }
+  O(e) {
+    return this._$AA.parentNode.insertBefore(e, this._$AB);
+  }
+  T(e) {
+    this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
+  }
+  _(e) {
+    this._$AH !== m && R(this._$AH) ? this._$AA.nextSibling.data = e : this.T(A.createTextNode(e)), this._$AH = e;
+  }
+  $(e) {
+    const { values: t, _$litType$: r } = e, i = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = D.createElement($e(r.h, r.h[0]), this.options)), r);
+    if (this._$AH?._$AD === i) this._$AH.p(t);
+    else {
+      const n = new Le(i, this), o = n.u(this.options);
+      n.p(t), this.T(o), this._$AH = n;
+    }
+  }
+  _$AC(e) {
+    let t = le.get(e.strings);
+    return t === void 0 && le.set(e.strings, t = new D(e)), t;
+  }
+  k(e) {
+    Q(this._$AH) || (this._$AH = [], this._$AR());
+    const t = this._$AH;
+    let r, i = 0;
+    for (const n of e) i === t.length ? t.push(r = new U(this.O(O()), this.O(O()), this, this.options)) : r = t[i], r._$AI(n), i++;
+    i < t.length && (this._$AR(r && r._$AB.nextSibling, i), t.length = i);
+  }
+  _$AR(e = this._$AA.nextSibling, t) {
+    for (this._$AP?.(!1, !0, t); e !== this._$AB; ) {
+      const r = re(e).nextSibling;
+      re(e).remove(), e = r;
+    }
+  }
+  setConnected(e) {
+    this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
+  }
+}
+class L {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(e, t, r, i, n) {
+    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = n, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = m;
+  }
+  _$AI(e, t = this, r, i) {
+    const n = this.strings;
+    let o = !1;
+    if (n === void 0) e = E(this, e, t, 0), o = !R(e) || e !== this._$AH && e !== M, o && (this._$AH = e);
+    else {
+      const a = e;
+      let l, d;
+      for (e = n[0], l = 0; l < n.length - 1; l++) d = E(this, a[r + l], t, l), d === M && (d = this._$AH[l]), o ||= !R(d) || d !== this._$AH[l], d === m ? e = m : e !== m && (e += (d ?? "") + n[l + 1]), this._$AH[l] = d;
+    }
+    o && !i && this.j(e);
+  }
+  j(e) {
+    e === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+  }
+}
+class Ne extends L {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(e) {
+    this.element[this.name] = e === m ? void 0 : e;
+  }
+}
+class qe extends L {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(e) {
+    this.element.toggleAttribute(this.name, !!e && e !== m);
+  }
+}
+class He extends L {
+  constructor(e, t, r, i, n) {
+    super(e, t, r, i, n), this.type = 5;
+  }
+  _$AI(e, t = this) {
+    if ((e = E(this, e, t, 0) ?? m) === M) return;
+    const r = this._$AH, i = e === m && r !== m || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, n = e !== m && (r === m || i);
+    i && this.element.removeEventListener(this.name, this, r), n && this.element.addEventListener(this.name, this, e), this._$AH = e;
+  }
+  handleEvent(e) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
+  }
+}
+class je {
+  constructor(e, t, r) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = r;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(e) {
+    E(this, e);
+  }
+}
+const We = K.litHtmlPolyfillSupport;
+We?.(D, U), (K.litHtmlVersions ??= []).push("3.3.3");
+const ce = (s) => s ?? m, Ve = y`
 	:host {
 		display: block;
 		box-sizing: border-box;
@@ -24,7 +240,7 @@ const se = f`
 		position: absolute; width: 1px; height: 1px; overflow: hidden;
 		clip: rect(0 0 0 0); white-space: nowrap;
 	}
-`, ie = f`
+`, Ye = y`
 	@keyframes pop-in {
 		0%   { opacity: 0; transform: translateY(16px) scale(0.95); }
 		100% { opacity: 1; transform: translateY(0) scale(1); }
@@ -55,7 +271,7 @@ const se = f`
 			animation: none !important;
 		}
 	}
-`, ne = f`
+`, Ge = y`
 	.msg { max-width: 85%; padding: 12px 16px; border-radius: 14px; font-size: 15px; }
 	.msg.bot {
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -77,7 +293,7 @@ const se = f`
 	.msg .sub { display: block; font-size: 13px; color: var(--wral-semantic-fg-muted, #64748B); margin-top: 4px; }
 	.msg.user .sub { color: rgba(255, 255, 255, 0.75); }
 	.msg.error { border-left: 3px solid var(--wral-base-red-on-light, #D1232A); }
-`, ae = f`
+`, Ke = y`
 	.options { display: flex; flex-wrap: wrap; gap: 8px; align-self: flex-start; max-width: 92%; padding: 2px 0 6px; }
 	.chip {
 		font-family: var(--wral-base-font-ui, 'IBM Plex Sans Condensed', sans-serif);
@@ -91,7 +307,7 @@ const se = f`
 	.chip:hover { background: var(--wral-base-secondary-1, #2594E3); color: #FFFFFF; }
 	.chip:focus-visible { outline: 2px solid var(--wral-base-secondary-1, #2594E3); outline-offset: 2px; }
 	.chip:active { transform: scale(0.97); }
-`, oe = f`
+`, Qe = y`
 	.form-card {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -156,7 +372,7 @@ const se = f`
 	.btn-ghost:hover { border-color: var(--wral-base-secondary-1, #2594E3); }
 	.btn-ghost:active { transform: scale(0.97); }
 	.btn-ghost:focus-visible { outline: 2px solid var(--wral-base-secondary-1, #2594E3); outline-offset: 2px; }
-`, le = f`
+`, Je = y`
 	.login-card { padding: 28px 26px; }
 	.login-card h2 {
 		font-family: var(--wral-base-font-display, 'IBM Plex Sans Condensed', sans-serif);
@@ -243,7 +459,7 @@ const se = f`
 	.anon-costs .x { flex-shrink: 0; font-weight: 700; color: var(--wral-base-red-on-light, #D1232A); }
 	.anon-actions { display: flex; flex-direction: column; gap: 10px; }
 	.anon-actions .btn-ghost { width: 100%; }
-`, de = f`
+`, Ze = y`
 	.review-list { margin: 0; padding: 0; list-style: none; font-size: 14px; }
 	.review-list li {
 		display: grid; grid-template-columns: 130px 1fr; gap: 10px;
@@ -275,7 +491,7 @@ const se = f`
 		color: var(--wral-base-primary-1, #001D68);
 	}
 	@media (max-width: 540px) { .review-list li { grid-template-columns: 1fr; gap: 2px; } }
-`, ce = f`
+`, Xe = y`
 	.upload-row { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 13.5px; }
 	.upload-row .name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 	.upload-row .state { font-size: 12px; color: var(--wral-semantic-fg-subtle, #64748B); }
@@ -291,7 +507,7 @@ const se = f`
 		border-radius: 999px; padding: 3px 12px; cursor: pointer;
 	}
 	.retry-chip:focus-visible { outline: 2px solid var(--wral-base-secondary-1, #2594E3); outline-offset: 2px; }
-`, ue = f`
+`, et = y`
 	.confirm-card {
 		align-self: stretch;
 		background: var(--wral-base-primary-1, #001D68);
@@ -341,7 +557,7 @@ const se = f`
 	.c-again:hover { background: rgba(255, 255, 255, 0.12); }
 	.c-again:focus-visible { outline: 2px solid var(--wral-base-secondary-2, #50A9E8); outline-offset: 2px; }
 	.c-again:active { transform: scale(0.97); }
-`, pe = f`
+`, tt = y`
 	.journey {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -382,7 +598,7 @@ const se = f`
 		color: var(--wral-base-primary-1, #001D68); margin-bottom: 2px;
 	}
 	.j-body .j-d { font-size: 13.5px; color: var(--wral-semantic-fg-muted, #475569); line-height: 1.55; }
-`, he = f`
+`, rt = y`
 	.bottom-bar {
 		position: sticky; bottom: 0; z-index: 20;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -395,72 +611,74 @@ const se = f`
 	}
 	.bottom-bar .note { margin-left: auto; font-size: 12px; color: var(--wral-semantic-fg-subtle, #64748B); }
 	@media (max-width: 540px) { .bottom-bar .note { display: none; } }
-`, fe = [se, ie, ne, ae, oe, le, de, ce, ue, pe, he];
-function h(r, e, { noAnim: t = !1, error: s = !1 } = {}) {
-  return a`
-		<div class="msg bot ${t ? "no-anim" : ""} ${s ? "error" : ""}">
-			<span class="lead">${r}</span>
-			${e ? a`<span class="sub">${e}</span>` : c}
+`, st = [Ve, Ye, Ge, Ke, Qe, Je, Ze, Xe, et, tt, rt];
+function g(s, e, { noAnim: t = !1, error: r = !1 } = {}) {
+  return c`
+		<div class="msg bot ${t ? "no-anim" : ""} ${r ? "error" : ""}">
+			<span class="lead">${s}</span>
+			${e ? c`<span class="sub">${e}</span>` : f}
 		</div>
 	`;
 }
-function _(r, { noAnim: e = !1 } = {}) {
-  return a`<div class="msg user ${e ? "no-anim" : ""}">${r}</div>`;
+function F(s, { noAnim: e = !1 } = {}) {
+  return c`<div class="msg user ${e ? "no-anim" : ""}">${s}</div>`;
 }
-function I() {
-  return a`<div class="msg bot typing"><span></span><span></span><span></span></div>`;
+function j() {
+  return c`<div class="msg bot typing"><span></span><span></span><span></span></div>`;
 }
-function ge(r) {
-  return r ? a`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : c;
+function it(s) {
+  return s ? c`<span class="flag-pill ${s}">${s === "urgent" ? "Urgent" : "Moderate"}</span>` : f;
 }
-function me() {
-  return a`
+function nt() {
+  return c`
 		<svg viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="3"
 			stroke-linecap="round" stroke-linejoin="round" width="20" height="20"
 			aria-hidden="true"><path d="M20 6L9 17l-5-5"/></svg>
 	`;
 }
-class y extends Error {
+const ot = 15e3;
+class I extends Error {
   constructor(e, t) {
     super(`api-forms request failed with status ${e}`), this.status = e, this.body = t;
   }
 }
-const z = Object.freeze({ enabled: !1, humanCheck: null });
-function be({
-  baseUrl: r,
+const de = Object.freeze({ enabled: !1, humanCheck: null });
+function at({
+  baseUrl: s,
   fetchFn: e = (...i) => fetch(...i),
   xhrFactory: t = () => new XMLHttpRequest(),
-  getAuthHeaders: s
+  getAuthHeaders: r
 }) {
-  const i = String(r || "").replace(/\/+$/, "");
-  let n = z, o = null;
-  async function l(d, { method: u = "GET", body: g, auth: b = !1 } = {}) {
-    const p = { Accept: "application/json" };
-    b && Object.assign(p, o ? { Authorization: `Bearer ${o}` } : await s()), g !== void 0 && (p["Content-Type"] = "application/json");
+  const i = String(s || "").replace(/\/+$/, "");
+  let n = de, o = null;
+  async function a(l, { method: d = "GET", body: p, auth: u = !1, timeoutMs: h } = {}) {
+    const b = { Accept: "application/json" };
+    u && Object.assign(b, o ? { Authorization: `Bearer ${o}` } : await r()), p !== void 0 && (b["Content-Type"] = "application/json");
     let w;
     try {
-      w = await e(`${i}${d}`, {
-        method: u,
-        headers: p,
-        ...g !== void 0 ? { body: JSON.stringify(g) } : {}
+      w = await e(`${i}${l}`, {
+        method: d,
+        headers: b,
+        ...h ? { signal: AbortSignal.timeout(h) } : {},
+        ...p !== void 0 ? { body: JSON.stringify(p) } : {}
       });
-    } catch (v) {
-      throw Object.assign(new y(0, null), { cause: v });
+    } catch (P) {
+      throw Object.assign(new I(0, null), { cause: P });
     }
-    let x = null;
+    let _ = null;
     try {
-      x = await w.json();
+      _ = await w.json();
     } catch {
     }
     if (!w.ok)
-      throw new y(w.status, x);
-    return x;
+      throw new I(w.status, _);
+    return _;
   }
   return {
     /** @returns {Promise<Array>} published form documents */
     listForms: async () => {
-      const d = await l("/v1/forms");
-      return n = d?.anonymous?.enabled === !0 ? { enabled: !0, humanCheck: d.anonymous.humanCheck || null } : z, (d?.forms || []).filter((u) => u?.formId && u?.start && Array.isArray(u?.nodes));
+      const l = await a("/v1/forms", { timeoutMs: ot });
+      return n = l?.anonymous?.enabled === !0 ? { enabled: !0, humanCheck: l.anonymous.humanCheck || null } : de, (l?.forms || []).filter((d) => d?.formId && d?.start && Array.isArray(d?.nodes));
     },
     /**
      * What the server advertised on the last listForms.
@@ -472,66 +690,91 @@ function be({
      * calls present it until endAnonSession(). Unauthenticated by design.
      * @returns {Promise<{expiresIn: number}>}
      */
-    createAnonSession: async ({ formId: d, requestId: u, humanToken: g }) => {
-      const b = await l("/v1/anon/sessions", {
+    createAnonSession: async ({ formId: l, requestId: d, humanToken: p }) => {
+      const u = await a("/v1/anon/sessions", {
         method: "POST",
-        body: { formId: d, requestId: u, ...g ? { humanToken: g } : {} }
+        body: { formId: l, requestId: d, ...p ? { humanToken: p } : {} }
       });
-      if (o = b?.token || null, !o)
-        throw new y(502, { message: "The anonymous session had no token" });
-      return { expiresIn: b.expiresIn };
+      if (o = u?.token || null, !o)
+        throw new I(502, { message: "The anonymous session had no token" });
+      return { expiresIn: u.expiresIn };
     },
     /** Drop the anonymous session so identity headers apply again. */
     endAnonSession: () => {
       o = null;
     },
     /** @returns {Promise<Array<{assetId,url,method,expires,assetUrl}>>} */
-    createUploads: async (d) => {
-      const { uploads: u } = await l("/v1/uploads", { method: "POST", body: d, auth: !0 });
-      return u || [];
+    createUploads: async (l) => {
+      const { uploads: d } = await a("/v1/uploads", { method: "POST", body: l, auth: !0 });
+      return d || [];
     },
     /**
      * PUT one file to its presigned URL. XHR (not fetch) so upload
      * progress is observable. Resolves on 2xx; rejects with
      * ApiError(status) otherwise. Returns { promise, abort }.
      */
-    uploadFile: ({ url: d, file: u, contentType: g, onProgress: b = () => {
+    uploadFile: ({ url: l, file: d, contentType: p, onProgress: u = () => {
     } }) => {
-      const p = t();
-      return { promise: new Promise((x, v) => {
-        p.open("PUT", d), p.setRequestHeader("Content-Type", g || u.type), p.upload && (p.upload.onprogress = (S) => {
-          b({ loaded: S.loaded, total: S.total || u.size });
-        }), p.onload = () => {
-          p.status >= 200 && p.status < 300 ? x({ status: p.status }) : v(new y(p.status, null));
-        }, p.onerror = () => v(new y(0, null)), p.onabort = () => v(new y(0, { aborted: !0 })), p.send(u);
-      }), abort: () => p.abort() };
+      const h = t();
+      return { promise: new Promise((w, _) => {
+        h.open("PUT", l), h.setRequestHeader("Content-Type", p || d.type), h.upload && (h.upload.onprogress = (P) => {
+          u({ loaded: P.loaded, total: P.total || d.size });
+        }), h.onload = () => {
+          h.status >= 200 && h.status < 300 ? w({ status: h.status }) : _(new I(h.status, null));
+        }, h.onerror = () => _(new I(0, null)), h.onabort = () => _(new I(0, { aborted: !0 })), h.send(d);
+      }), abort: () => h.abort() };
     },
     /** @returns {Promise<{requestId,reference,confirmation,routing}>} */
-    putRequest: async (d, u) => await l(`/v1/requests/${d}`, { method: "PUT", body: u, auth: !0 })
+    putRequest: async (l, d) => await a(`/v1/requests/${l}`, { method: "PUT", body: d, auth: !0 })
   };
 }
-function ye() {
-  const { config: r, storage: e } = H();
+const ue = 60 * 1e3;
+async function lt({ read: s, refresh: e, now: t = Date.now }) {
+  const r = (n) => {
+    const { token: o, expiry: a } = s() || {};
+    return o && Number(a) - n > t() ? o : null;
+  };
+  let i = r(ue);
+  if (!i) {
+    try {
+      await e();
+    } catch {
+    }
+    i = r(ue) || r(0);
+  }
+  if (!i)
+    throw Object.assign(new Error("Please sign in again to continue."), { status: 401, body: null });
+  return { Authorization: `Bearer ${i}` };
+}
+function ct() {
+  const { config: s, storage: e } = Se();
   let t = null;
   return {
-    isAuthenticated: () => re(),
-    signedInEmail: () => e.get(F.userEmail) || null,
-    getAuthHeaders: () => te(r, e),
+    isAuthenticated: () => ze(),
+    signedInEmail: () => e.get(S.userEmail) || null,
+    /* The ID token, so api-forms can record the verified email (../lib/id-token.mjs). */
+    getAuthHeaders: () => lt({
+      read: () => ({
+        token: e.get(S.idToken),
+        expiry: e.get(S.idTokenExpiry)
+      }),
+      refresh: () => te()
+    }),
     /**
      * Email step. Keeps the challenge user in memory for verifyCode.
      * @returns {{challengeRequired?: boolean, authenticated?: boolean}}
      */
-    sendCode: async (s) => {
-      const i = await J(
-        r,
+    sendCode: async (r) => {
+      const i = await Re(
         s,
+        r,
         e,
-        X,
+        Me,
+        De,
+        Pe,
         Z,
-        ee,
-        R,
-        T,
-        D
+        X,
+        ee
       );
       return t = i.cognitoUser || null, {
         challengeRequired: !!i.challengeRequired,
@@ -542,118 +785,197 @@ function ye() {
      * Code step; refreshes immediately after verify so the session
      * starts with a full lifetime (house pattern).
      */
-    verifyCode: async (s) => {
+    verifyCode: async (r) => {
       if (!t)
         throw new Error("Please enter your email again to get a new code.");
       try {
-        await Q(
+        await Te(
           t,
-          s,
+          r,
           e,
-          R,
-          T,
-          D
+          Z,
+          X,
+          ee
         );
       } catch {
         throw new Error("Invalid or expired code. Please request a new one and try again.");
       }
-      return await G(), { success: !0 };
+      return await te(), { success: !0 };
     },
     /** Local sign-out only ("use a different email"). */
     signOut: () => {
-      t = null, K().clear();
+      t = null, Ce().clear();
     },
     /**
      * Detect a login completed in ANOTHER tab (the storage event
      * never fires in the tab that wrote). Returns an unsubscribe.
      */
-    onCrossTabLogin: (s) => {
+    onCrossTabLogin: (r) => {
       const i = (n) => {
-        (n.key === F.accessToken || n.key === F.idToken) && s();
+        (n.key === S.accessToken || n.key === S.idToken) && r();
       };
       return window.addEventListener("storage", i), () => window.removeEventListener("storage", i);
     }
   };
 }
-function we({ baseUrl: r }) {
-  const e = ye();
-  return { ...be({ baseUrl: r, getAuthHeaders: e.getAuthHeaders }), ...e };
+function dt({ baseUrl: s }) {
+  const e = ct();
+  return { ...at({ baseUrl: s, getAuthHeaders: e.getAuthHeaders }), ...e };
 }
-function m(r, e) {
-  return (r?.nodes || []).find((t) => t.id === e);
+function x(s, e) {
+  return (s?.nodes || []).find((t) => t.id === e);
 }
-function N(r, e = []) {
+function N(s) {
+  return s?.form ? { formId: s.form, path: [...s.path || []] } : null;
+}
+function q(s, e = []) {
   const t = [];
-  let s = r?.start;
+  let r = s?.start;
   for (const n of e) {
-    const o = m(r, s);
+    const o = x(s, r);
     if (!o)
-      return { nodeId: null, node: null, flags: t, error: { step: n, reason: `unknown node: ${s}` } };
+      return { nodeId: null, node: null, flags: t, error: { step: n, reason: `unknown node: ${r}` } };
     if (o.type === "terminal" || o.type === "redirect")
       return { nodeId: null, node: null, flags: t, error: { step: n, reason: `steps continue past ${o.type}` } };
-    if (n.nodeId !== s || n.kind !== o.type)
-      return { nodeId: null, node: null, flags: t, error: { step: n, reason: `step does not match node ${s}` } };
+    if (n.nodeId !== r || n.kind !== o.type)
+      return { nodeId: null, node: null, flags: t, error: { step: n, reason: `step does not match node ${r}` } };
     if (o.type === "choice") {
-      const l = (o.options || []).find((d) => d.id === n.optionId);
-      if (!l)
+      const a = (o.options || []).find((l) => l.id === n.optionId);
+      if (!a)
         return { nodeId: null, node: null, flags: t, error: { step: n, reason: `unknown option: ${n.optionId}` } };
-      t.push(...l.flags || []), s = l.next;
+      if (N(a))
+        return { nodeId: null, node: null, flags: t, error: { step: n, reason: `steps continue past a hand-off: ${n.optionId}` } };
+      t.push(...a.flags || []), r = a.next;
       continue;
     }
-    s = o.next;
+    r = o.next;
   }
-  const i = m(r, s);
-  return i ? { nodeId: s, node: i, flags: V(t), error: null } : { nodeId: null, node: null, flags: t, error: { step: null, reason: `unknown node: ${s}` } };
+  const i = x(s, r);
+  return i ? { nodeId: r, node: i, flags: Ae(t), error: null } : { nodeId: null, node: null, flags: t, error: { step: null, reason: `unknown node: ${r}` } };
 }
-function xe(r, e = []) {
+function ut(s, e = []) {
   const t = [];
-  for (const s of e) {
-    if (s.kind !== "collect") continue;
-    const i = m(r, s.nodeId);
+  for (const r of e) {
+    if (r.kind !== "collect") continue;
+    const i = x(s, r.nodeId);
     t.push(...i?.fields || []);
   }
   return t;
 }
-function ve(r = []) {
+function pt(s = []) {
   const e = {};
-  for (const t of r)
+  for (const t of s)
     t.kind === "collect" && Object.assign(e, t.values || {});
   return e;
 }
-function ke(r = []) {
-  return r.filter((e) => e.kind === "choice").map((e) => `${e.nodeId}:${e.optionId}`);
+function ht(s = []) {
+  return s.filter((e) => e.kind === "choice").map((e) => `${e.nodeId}:${e.optionId}`);
 }
-function W(r, e = []) {
+function ke(s, e = []) {
   const t = [];
-  for (const s of e) {
-    if (s.kind !== "choice") continue;
-    const n = (m(r, s.nodeId)?.options || []).find((o) => o.id === s.optionId);
+  for (const r of e) {
+    if (r.kind !== "choice") continue;
+    const n = (x(s, r.nodeId)?.options || []).find((o) => o.id === r.optionId);
     t.push(...n?.flags || []);
   }
-  return V(t);
+  return Ae(t);
+}
+function ft(s = []) {
+  return s.includes("urgent") ? "urgent" : s.includes("moderate") ? "moderate" : null;
+}
+function Ae(s) {
+  return [...new Set(s)];
+}
+function mt(s, e = []) {
+  const t = [];
+  for (const i of e) {
+    const [n, o] = String(i).split(":"), a = x(s, n), l = a?.type === "choice" ? (a.options || []).find((d) => d.id === o) : null;
+    if (!l)
+      return { steps: [], error: `unknown preset step: ${i}` };
+    t.push({ nodeId: n, kind: "choice", optionId: o, label: l.label, preset: !0 });
+  }
+  const { error: r } = q(s, t);
+  return r ? { steps: [], error: r.reason } : { steps: t, error: null };
+}
+function gt(s, e) {
+  const t = N(e);
+  if (!t) return { form: null, steps: [], error: "not a hand-off" };
+  const r = (s || []).find((o) => o.formId === t.formId);
+  if (!r) return { form: null, steps: [], error: `unknown form: ${t.formId}` };
+  const { steps: i, error: n } = mt(r, t.path);
+  return n ? { form: null, steps: [], error: n } : { form: r, steps: i, error: null };
 }
-function _e(r = []) {
-  return r.includes("urgent") ? "urgent" : r.includes("moderate") ? "moderate" : null;
+function bt(s, e, t, r) {
+  return {
+    form: s,
+    steps: e,
+    option: { nodeId: t.id, optionId: r.id, label: r.label }
+  };
 }
-function V(r) {
-  return [...new Set(r)];
+function yt(s = []) {
+  return s.every((e) => e.preset === !0);
 }
-const $e = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, P = {
+function wt(s, e, t) {
+  if (!Array.isArray(s) || !s.length) return [];
+  const r = [];
+  for (let i = 0; i < s.length; i++) {
+    const n = s[i], o = (e || []).find((u) => u.formId === n?.formId);
+    if (!o) return [];
+    const { node: a, error: l } = q(o, n.steps || []);
+    if (l || a?.id !== n.option?.nodeId) return [];
+    const d = (a.options || []).find((u) => u.id === n.option.optionId), p = i + 1 < s.length ? s[i + 1].formId : t;
+    if (N(d)?.formId !== p) return [];
+    r.push({ form: o, steps: n.steps || [], option: n.option });
+  }
+  return r;
+}
+function xt({ attr: s = null, search: e = "" } = {}) {
+  const t = String(s ?? "").trim();
+  if (t) return t;
+  try {
+    return new URLSearchParams(e || "").get("flow")?.trim() || null;
+  } catch {
+    return null;
+  }
+}
+function vt(s, e) {
+  return e && (s || []).find((t) => t.formId === e) || null;
+}
+function _t(s, e) {
+  return !e || s?.form?.formId === e ? !0 : (s?.origins || []).some((t) => t.form?.formId === e);
+}
+const $t = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, pe = {
   text: 500,
   textarea: 5e3,
   url: 2048
-};
-function Fe(r, e) {
-  if (e == null || e === "" || r.kind === "location" && Ie(e))
-    return r.required ? `Please fill in: ${r.label.toLowerCase()}.` : null;
-  switch (r.kind) {
+}, kt = "Please confirm the rights statement so we can use what you send.";
+function Fe(s, { mediaCount: e = 0 } = {}) {
+  return s.kind === "consent" && s.requiredIf === "media" ? e > 0 : !!s.required;
+}
+function At(s, e) {
+  try {
+    return new RegExp(s, "u").test(e);
+  } catch {
+    return !0;
+  }
+}
+function Ft(s) {
+  return s.key === "zip" ? "Please enter a five-digit zip code." : `Please check the format of ${s.label.toLowerCase()}.`;
+}
+function It(s, e, { mediaCount: t = 0 } = {}) {
+  const r = Fe(s, { mediaCount: t });
+  if (s.kind === "consent")
+    return e === !0 || !r ? null : kt;
+  if (e == null || e === "" || s.kind === "location" && Et(e))
+    return r ? `Please fill in: ${s.label.toLowerCase()}.` : null;
+  switch (s.kind) {
     case "text":
     case "textarea": {
-      const s = r.maxLength || P[r.kind];
-      return typeof e != "string" ? `Please enter text for ${r.label.toLowerCase()}.` : e.length > s ? `Please keep ${r.label.toLowerCase()} under ${s} characters.` : null;
+      const n = s.maxLength || pe[s.kind];
+      return typeof e != "string" ? `Please enter text for ${s.label.toLowerCase()}.` : e.length > n ? `Please keep ${s.label.toLowerCase()} under ${n} characters.` : s.kind === "text" && s.pattern && !At(s.pattern, e) ? Ft(s) : null;
     }
     case "url": {
-      if (typeof e != "string" || e.length > P.url)
+      if (typeof e != "string" || e.length > pe.url)
         return "Please enter a valid link.";
       try {
         return new URL(e), null;
@@ -662,110 +984,108 @@ function Fe(r, e) {
       }
     }
     case "datetime":
-      return $e.test(String(e)) ? null : "Please pick a date and time.";
+      return $t.test(String(e)) ? null : "Please pick a date and time.";
     case "select":
-      return (r.options || []).map((i) => i.id).includes(e) ? null : `Please choose one of the options for ${r.label.toLowerCase()}.`;
-    case "consent":
-      return e === !0 ? null : "Please confirm the rights statement so we can use what you send.";
+      return (s.options || []).map((o) => o.id).includes(e) ? null : `Please choose one of the options for ${s.label.toLowerCase()}.`;
     case "location":
-      return Ee(r, e);
+      return St(s, e);
     case "media":
       return null;
     default:
-      return `Unsupported field: ${r.kind}`;
+      return `Unsupported field: ${s.kind}`;
   }
 }
-function Ie(r) {
-  return r == null ? !0 : typeof r != "object" ? !1 : !r.county && !r.where && !(Array.isArray(r.gps) && r.gps.length);
+function Et(s) {
+  return s == null ? !0 : typeof s != "object" ? !1 : !s.county && !s.where && !(Array.isArray(s.gps) && s.gps.length);
 }
-function Ee(r, e) {
-  return typeof e != "object" || Array.isArray(e) ? "Please tell us where this was." : e.county !== void 0 && (typeof e.county != "string" || e.county.length > 100) ? "Please choose a county." : e.where !== void 0 && (typeof e.where != "string" || e.where.length > 500) ? "Please shorten the location description." : e.gps !== void 0 && !(Array.isArray(e.gps) && e.gps.length === 2 && e.gps.every((s) => typeof s == "number" && Number.isFinite(s))) ? "Location coordinates look wrong; try re-sharing your location." : r.required && !e.county && !e.where ? `Please fill in: ${r.label.toLowerCase()}.` : null;
+function St(s, e) {
+  return typeof e != "object" || Array.isArray(e) ? "Please tell us where this was." : e.county !== void 0 && (typeof e.county != "string" || e.county.length > 100) ? "Please choose a county." : e.where !== void 0 && (typeof e.where != "string" || e.where.length > 500) ? "Please shorten the location description." : e.gps !== void 0 && !(Array.isArray(e.gps) && e.gps.length === 2 && e.gps.every((r) => typeof r == "number" && Number.isFinite(r))) ? "Location coordinates look wrong; try re-sharing your location." : s.required && !e.county && !e.where ? `Please fill in: ${s.label.toLowerCase()}.` : null;
 }
-function B(r, e = {}) {
-  const t = {};
-  for (const s of r) {
-    if (s.kind === "media") continue;
-    const i = Fe(s, e[s.key]);
-    i && (t[s.key] = i);
-  }
-  return { ok: Object.keys(t).length === 0, errors: t };
+function he(s, e = {}, { mediaCount: t = 0 } = {}) {
+  const r = {};
+  for (const i of s) {
+    if (i.kind === "media") continue;
+    const n = It(i, e[i.key], { mediaCount: t });
+    n && (r[i.key] = n);
+  }
+  return { ok: Object.keys(r).length === 0, errors: r };
 }
-function E(r = [], e = {}, { required: t = !1 } = {}) {
+function Y(s = [], e = {}, { required: t = !1 } = {}) {
   const {
-    maxFiles: s = 5,
+    maxFiles: r = 5,
     maxFileBytes: i = 512 * 1024 * 1024,
     allowedTypes: n = []
   } = e, o = [];
-  return t && r.length === 0 && o.push({ reason: "required", message: "Please attach at least one photo or video." }), r.length > s && o.push({
+  return t && s.length === 0 && o.push({ reason: "required", message: "Please attach at least one photo or video." }), s.length > r && o.push({
     reason: "count",
-    message: `This form accepts at most ${s} ${s === 1 ? "file" : "files"}.`
-  }), r.forEach((l, d) => {
-    n.length && !n.includes(l.type) && o.push({
-      index: d,
+    message: `This form accepts at most ${r} ${r === 1 ? "file" : "files"}.`
+  }), s.forEach((a, l) => {
+    n.length && !n.includes(a.type) && o.push({
+      index: l,
       reason: "type",
-      message: `${l.name || "A file"} is a type this form does not accept.`
-    }), l.size > i && o.push({
-      index: d,
+      message: `${a.name || "A file"} is a type this form does not accept.`
+    }), a.size > i && o.push({
+      index: l,
       reason: "size",
-      message: `${l.name || "A file"} is larger than this form allows.`
+      message: `${a.name || "A file"} is larger than this form allows.`
     });
   }), { ok: o.length === 0, errors: o };
 }
-function q({ formId: r, requestId: e, files: t }) {
+function fe({ formId: s, requestId: e, files: t }) {
   return {
-    formId: r,
+    formId: s,
     requestId: e,
-    files: t.map((s) => ({ contentType: s.type, size: s.size }))
+    files: t.map((r) => ({ contentType: r.type, size: r.size }))
   };
 }
-function Ae({ form: r, steps: e, media: t = [] }) {
-  const s = xe(r, e), i = ve(e), n = {};
-  for (const o of s) {
+function Ct({ form: s, steps: e, media: t = [] }) {
+  const r = ut(s, e), i = pt(e), n = {};
+  for (const o of r) {
     if (o.kind === "media") continue;
-    const l = i[o.key];
-    if (!(l == null || l === "") && !(o.kind === "consent" && l !== !0)) {
+    const a = i[o.key];
+    if (!(a == null || a === "") && !(o.kind === "consent" && (a !== !0 || o.requiredIf === "media" && !t.length))) {
       if (o.kind === "location") {
-        const d = {};
-        l.county && (d.county = l.county), l.where && (d.where = l.where), Array.isArray(l.gps) && l.gps.length === 2 && (d.gps = l.gps), Object.keys(d).length && (n[o.key] = d);
+        const l = {};
+        a.county && (l.county = a.county), a.where && (l.where = a.where), Array.isArray(a.gps) && a.gps.length === 2 && (l.gps = a.gps), Object.keys(l).length && (n[o.key] = l);
         continue;
       }
-      n[o.key] = l;
+      n[o.key] = a;
     }
   }
   return {
-    formId: r.formId,
-    flowVersion: r.flowVersion,
-    path: ke(e),
+    formId: s.formId,
+    flowVersion: s.flowVersion,
+    path: ht(e),
     answers: n,
-    media: t.map(({ assetId: o, type: l }) => ({ assetId: o, type: l }))
+    media: t.map(({ assetId: o, type: a }) => ({ assetId: o, type: a }))
   };
 }
-function M(r, e) {
-  if (r === 429)
+function me(s, e) {
+  if (s === 429)
     return {
       kind: "throttled",
       message: e?.message || "You have reached the submission limit; please try again later.",
       limit: e?.limit,
       retryAfter: e?.retryAfter
     };
-  if (r === 401)
+  if (s === 401)
     return { kind: "auth", message: "Please sign in again to continue." };
-  if (r === 403)
+  if (s === 403)
     return { kind: "forbidden", message: e?.message || "This submission belongs to another account." };
-  if (r === 404)
+  if (s === 404)
     return { kind: "unknown-form", message: "This form is no longer available." };
-  if (r === 409)
+  if (s === 409)
     return {
       kind: "stale",
       message: e?.message || "The form changed while you were filling it out; please review and resubmit."
     };
-  if (r === 400 && e?.code === "media-not-verified")
+  if (s === 400 && e?.code === "media-not-verified")
     return {
       kind: "media",
       message: e.message || "An attached file is missing or does not match this submission.",
       assetId: e.assetId
     };
-  if (r === 400 && Array.isArray(e)) {
+  if (s === 400 && Array.isArray(e)) {
     const t = e[0] || {};
     return {
       kind: "validation",
@@ -773,54 +1093,58 @@ function M(r, e) {
       fieldKey: String(t.instancePath || "").split("/").filter(Boolean)[0] || null
     };
   }
-  return r === 0 ? { kind: "network", message: "We could not reach WRAL; check your connection and try again." } : {
+  return s === 0 ? { kind: "network", message: "We could not reach WRAL; check your connection and try again." } : {
     kind: "server",
     message: "Something went wrong on our end; please try again."
   };
 }
-const Ce = 34, Se = 44;
-function U(r, e) {
-  const t = String(r);
+const Tt = 34, Rt = 44;
+function ge(s, e) {
+  const t = String(s);
   return t.length > e ? `${t.slice(0, e)}…` : t;
 }
-function Re(r) {
-  return !r || typeof r != "object" ? "" : [r.county, r.where].filter(Boolean).join(", ");
+function Mt(s, e) {
+  const t = (s.options || []).find((r) => r.id === e);
+  return t ? t.label : e;
 }
-function Te(r, e = {}, t = []) {
-  const s = [];
-  for (const i of r) {
+function Dt(s) {
+  return !s || typeof s != "object" ? "" : [s.county, s.where].filter(Boolean).join(", ");
+}
+function Pt(s, e = {}, t = []) {
+  const r = [];
+  for (const i of s) {
     if (i.kind === "consent") continue;
     if (i.kind === "media") {
-      t.length && s.push(`${t.length} ${t.length === 1 ? "file" : "files"}`);
+      t.length && r.push(`${t.length} ${t.length === 1 ? "file" : "files"}`);
       continue;
     }
-    const n = i.kind === "location" ? Re(e[i.key]) : e[i.key];
-    n == null || n === "" || (i.kind === "textarea" ? s.push(`"${U(n, Se)}"`) : s.push(U(n, Ce)));
+    const n = i.kind === "location" ? Dt(e[i.key]) : i.kind === "select" ? Mt(i, e[i.key]) : e[i.key];
+    n == null || n === "" || (i.kind === "textarea" ? r.push(`"${ge(n, Rt)}"`) : r.push(ge(n, Tt)));
   }
-  return s.join(" · ") || "Details provided";
+  return r.join(" · ") || "Details provided";
 }
-function De(r, e = [], t = null) {
-  const s = [];
+function zt(s, e = [], t = null) {
+  const r = [];
   for (const n of e) {
-    const o = m(r, n.nodeId);
-    n.kind === "choice" && o && s.push({ k: (o.prompt || "").replace(/\?$/, ""), v: n.label || n.optionId }), n.kind === "collect" && s.push({ k: "Details", v: n.summary || "Details provided" }), n.kind === "gate" && (n.anonymous ? s.push({ k: "Contact", v: "Anonymous — we will have no way to reach you" }) : (n.email || t) && s.push({ k: "Verified email", v: n.email || t }));
+    const o = x(s, n.nodeId);
+    n.kind === "choice" && o && r.push({ k: (o.prompt || "").replace(/\?$/, ""), v: n.label || n.optionId }), n.kind === "collect" && r.push({ k: "Details", v: n.summary || "Details provided" }), n.kind === "gate" && (n.anonymous ? r.push({ k: "Contact", v: "Anonymous — we will have no way to reach you" }) : (n.email || t) && r.push({ k: "Verified email", v: n.email || t }));
   }
-  const i = _e(W(r, e));
-  return i && s.push({ k: "Priority", v: i === "urgent" ? "Urgent" : "Moderate", pill: i }), s;
+  const i = ft(ke(s, e));
+  return i && r.push({ k: "Priority", v: i === "urgent" ? "Urgent" : "Moderate", pill: i }), r;
 }
-function ze(r, e = []) {
-  const t = r?.confirmation || {};
+function Bt(s, e = []) {
+  const t = s?.confirmation || {};
   return {
     title: t.title || "Report received.",
     body: t.body || "Your report is in the review queue.",
     urgentNote: e.includes("urgent") ? t.urgentNote : void 0
   };
 }
-function Pe(r, e) {
+function Ot(s, e) {
   const t = e === "failed" ? " The notification is queued for a delivery retry." : "";
-  return r?.startsWith("studio+email:") ? `Sent to the Studio review queue; the desk is emailed.${t}` : r?.startsWith("studio:") ? "Sent to the Studio review queue." : r?.startsWith("jsm:") ? `A ticket is opened for tech support with your details as fields, not prose.${t}` : r?.startsWith("email:") ? `Emailed to the owning desk with a link to your report.${t}` : "Routed to the right team.";
+  return s?.startsWith("studio+email:") ? `Sent to the Studio review queue; the desk is emailed.${t}` : s?.startsWith("studio:") ? "Sent to the Studio review queue." : s?.startsWith("jsm:") ? `A ticket is opened for tech support with your details as fields, not prose.${t}` : s?.startsWith("email:") ? `Emailed to the owning desk with a link to your report.${t}` : "Routed to the right team.";
 }
-function Be({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s = !1 }) {
+function Ut({ routing: s = {}, flags: e = [], reference: t = "", anonymous: r = !1 }) {
   const i = e.includes("urgent");
   return [
     {
@@ -829,12 +1153,12 @@ function Be({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s =
     },
     {
       title: "Routed",
-      body: Pe(r.destination, r.state),
+      body: Ot(s.destination, s.state),
       pill: i ? "Urgent · pinned first" : void 0
     },
     {
       title: "Reviewed",
-      body: s ? "An editor reviews it in the Report It queue: accept and promote it uncredited, reject, or re-route." : "An editor reviews it in the Report It queue: accept and promote with your credit, reject, or re-route."
+      body: r ? "An editor reviews it in the Report It queue: accept and promote it uncredited, reject, or re-route." : "An editor reviews it in the Report It queue: accept and promote with your credit, reject, or re-route."
     },
     {
       title: "Monitored",
@@ -846,63 +1170,76 @@ function Be({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s =
     }
   ];
 }
-const C = "wral-report-it:draft:v1", Y = 1;
-function qe(r, e) {
+const J = "wral-report-it:draft:v1", Ie = 1;
+function Lt(s, e) {
   try {
-    r.setItem(C, JSON.stringify({ ...e, v: Y, savedAt: Date.now() }));
+    s.setItem(J, JSON.stringify({ ...e, v: Ie, savedAt: Date.now() }));
   } catch {
   }
 }
-function Me(r) {
+function Nt(s) {
   try {
-    const e = r.getItem(C);
+    const e = s.getItem(J);
     if (!e) return null;
     const t = JSON.parse(e);
-    return t?.v !== Y ? null : t;
+    return t?.v !== Ie ? null : t;
   } catch {
     return null;
   }
 }
-function O(r) {
+function be(s) {
   try {
-    r.removeItem(C);
+    s.removeItem(J);
   } catch {
   }
 }
-function Ue({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i = {} }) {
+function qt({
+  apiOrigin: s,
+  form: e,
+  steps: t,
+  requestId: r = null,
+  mediaMeta: i = {},
+  origins: n = []
+}) {
   return {
-    apiOrigin: r,
+    apiOrigin: s,
     formId: e.formId,
     flowVersion: e.flowVersion,
-    requestId: s,
+    requestId: r,
     steps: t,
-    media: i
+    media: i,
+    origins: n.map(({ form: o, steps: a, option: l }) => ({
+      formId: o.formId,
+      steps: a,
+      option: l
+    }))
   };
 }
-function Oe(r, e, { apiOrigin: t } = {}) {
-  if (!r) return { status: "discarded" };
-  if (t && r.apiOrigin && r.apiOrigin !== t)
-    return { status: "discarded" };
-  const s = (e || []).find((o) => o.formId === r.formId);
+function Ht(s, e, { apiOrigin: t } = {}) {
   if (!s) return { status: "discarded" };
-  const { error: i } = N(s, r.steps || []);
+  if (t && s.apiOrigin && s.apiOrigin !== t)
+    return { status: "discarded" };
+  const r = (e || []).find((o) => o.formId === s.formId);
+  if (!r) return { status: "discarded" };
+  const { error: i } = q(r, s.steps || []);
   if (i) return { status: "discarded" };
   const n = {};
-  for (const [o, l] of Object.entries(r.media || {}))
-    l?.length && (n[o] = l.map((d) => ({ ...d, lost: !0 })));
+  for (const [o, a] of Object.entries(s.media || {}))
+    a?.length && (n[o] = a.map((l) => ({ ...l, lost: !0 })));
   return {
-    status: r.flowVersion === s.flowVersion ? "ok" : "review-required",
-    form: s,
-    steps: r.steps || [],
-    requestId: r.requestId || null,
-    lostMedia: n
+    status: s.flowVersion === r.flowVersion ? "ok" : "review-required",
+    form: r,
+    steps: s.steps || [],
+    requestId: s.requestId || null,
+    lostMedia: n,
+    origins: wt(s.origins, e, r.formId)
   };
 }
-function $(r = []) {
+function z(s = []) {
   return {
     stage: "idle",
     resumeStage: null,
-    files: r.map((e) => ({
+    files: s.map((e) => ({
       name: e.name,
       type: e.type,
       size: e.size,
@@ -918,82 +1255,82 @@ function $(r = []) {
     error: null
   };
 }
-function je(r, e) {
+function jt(s, e) {
   switch (e.type) {
     case "START":
-      return { ...r, stage: r.files.length ? "minting" : "requesting", error: null };
+      return { ...s, stage: s.files.length ? "minting" : "requesting", error: null };
     case "AUTH_REQUIRED":
-      return { ...r, resumeStage: r.stage === "auth" ? r.resumeStage : r.stage, stage: "auth" };
+      return { ...s, resumeStage: s.stage === "auth" ? s.resumeStage : s.stage, stage: "auth" };
     case "AUTH_OK":
-      return { ...r, stage: r.resumeStage || "idle", resumeStage: null };
+      return { ...s, stage: s.resumeStage || "idle", resumeStage: null };
     case "MINTED": {
-      const t = r.files.map((s, i) => ({
-        ...s,
-        assetId: e.uploads[i]?.assetId ?? s.assetId,
-        url: e.uploads[i]?.url ?? s.url,
-        assetUrl: e.uploads[i]?.assetUrl ?? s.assetUrl,
+      const t = s.files.map((r, i) => ({
+        ...r,
+        assetId: e.uploads[i]?.assetId ?? r.assetId,
+        url: e.uploads[i]?.url ?? r.url,
+        assetUrl: e.uploads[i]?.assetUrl ?? r.assetUrl,
         status: "uploading",
         progress: 0,
         error: null
       }));
-      return { ...r, stage: "uploading", files: t };
+      return { ...s, stage: "uploading", files: t };
     }
     case "FILE_PROGRESS":
-      return k(r, e.i, (t) => ({
+      return T(s, e.i, (t) => ({
         ...t,
         progress: e.total ? e.loaded / e.total : 0
       }));
     case "FILE_DONE": {
-      const t = k(r, e.i, (s) => ({ ...s, status: "done", progress: 1 }));
-      return Le(t);
+      const t = T(s, e.i, (r) => ({ ...r, status: "done", progress: 1 }));
+      return Wt(t);
     }
     case "FILE_FAIL":
-      return { ...k(r, e.i, (s) => ({
-        ...s,
+      return { ...T(s, e.i, (r) => ({
+        ...r,
         status: "failed",
         error: e.error || "upload failed"
       })), stage: "uploading-error" };
     case "RETRY_FILE":
-      return { ...k(r, e.i, (s) => ({
-        ...s,
+      return { ...T(s, e.i, (r) => ({
+        ...r,
         status: "uploading",
         progress: 0,
         error: null
       })), stage: "uploading" };
     case "REMINT_FILE":
-      return { ...k(r, e.i, (s) => ({
-        ...s,
+      return { ...T(s, e.i, (r) => ({
+        ...r,
         assetId: e.upload.assetId,
         url: e.upload.url,
-        assetUrl: e.upload.assetUrl ?? s.assetUrl,
+        assetUrl: e.upload.assetUrl ?? r.assetUrl,
         status: "uploading",
         progress: 0,
         error: null
       })), stage: "uploading" };
     case "REQUEST_START":
-      return { ...r, stage: "requesting", error: null };
+      return { ...s, stage: "requesting", error: null };
     case "REQUEST_OK":
-      return { ...r, stage: "done", result: e.result, error: null };
+      return { ...s, stage: "done", result: e.result, error: null };
     case "REQUEST_FAIL":
-      return { ...r, stage: "requesting-error", error: e.error };
+      return { ...s, stage: "requesting-error", error: e.error };
     case "RESET":
-      return $([]);
+      return z([]);
     default:
-      return r;
+      return s;
   }
 }
-function k(r, e, t) {
-  const s = r.files.map((i, n) => n === e ? t(i) : i);
-  return { ...r, files: s };
+function T(s, e, t) {
+  const r = s.files.map((i, n) => n === e ? t(i) : i);
+  return { ...s, files: r };
 }
-function Le(r) {
-  const e = r.files.every((s) => s.status === "done"), t = r.files.some((s) => s.status === "failed");
-  return e ? { ...r, stage: "requesting" } : t ? { ...r, stage: "uploading-error" } : r;
+function Wt(s) {
+  const e = s.files.every((r) => r.status === "done"), t = s.files.some((r) => r.status === "failed");
+  return e ? { ...s, stage: "requesting" } : t ? { ...s, stage: "uploading-error" } : s;
 }
-function j(r) {
-  return r.files.map((e, t) => ({ ...e, i: t })).filter((e) => e.status === "failed");
+function ye(s) {
+  return s.files.map((e, t) => ({ ...e, i: t })).filter((e) => e.status === "failed");
 }
-const Ne = [
+const Vt = [
   "Wake",
   "Durham",
   "Orange",
@@ -1010,25 +1347,29 @@ const Ne = [
   "Moore",
   "Sampson",
   "Other / outside the area"
-], L = "(919) 821-8600", We = "https://www.wral.com/my-wral/", Ve = Object.freeze([
+], we = "(919) 821-8600", Yt = "https://www.wral.com/my-wral/", Gt = Object.freeze([
   "We cannot come back to you for the detail that often turns a tip into a story.",
   "We cannot credit you if we use your photos or video.",
   "If you lose your reference number, we cannot look it up for you."
 ]);
-function Ye(r) {
-  const e = String(r).replace(/\D/g, "");
+function Kt(s) {
+  const e = String(s).replace(/\D/g, "");
   return `tel:+1${e.length === 11 && e.startsWith("1") ? e.slice(1) : e}`;
 }
-const He = "https://api.wral.com/forms", Ke = 480, Qe = 2;
-class rt extends A {
-  static styles = fe;
+const Qt = "https://api.wral.com/forms", Jt = 480, Zt = 2, Ee = "What would you like to send to WRAL?", W = `Welcome to Report It. ${Ee}`, V = "A few quick questions route your report to the right team.", Xt = 2500, er = "I took or own this material and give WRAL permission to use it on air and online with credit to me.";
+class ar extends G {
+  static styles = st;
   static properties = {
     api: { type: String },
+    flow: { type: String },
     _phase: { state: !0 },
     _forms: { state: !0 },
     _form: { state: !0 },
     _steps: { state: !0 },
+    _origins: { state: !0 },
+    _handoffError: { state: !0 },
     _typing: { state: !0 },
+    _loadingSlow: { state: !0 },
     _cardValues: { state: !0 },
     _fieldErrors: { state: !0 },
     _gate: { state: !0 },
@@ -1037,42 +1378,43 @@ class rt extends A {
     _notice: { state: !0 },
     _result: { state: !0 }
   };
+  #c = null;
   #l = null;
-  #a = null;
   #u = null;
   #t = null;
   #r = {};
   #s = {};
-  #i = /* @__PURE__ */ new Map();
-  #b = null;
-  #y = !1;
+  #n = /* @__PURE__ */ new Map();
+  #y = null;
+  #p = null;
+  #w = !1;
   #d = null;
   #F = 0;
   constructor() {
-    super(), this.api = He, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._typing = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = $([]), this._banner = null, this._notice = null, this._result = null;
+    super(), this.api = Qt, this.flow = null, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this._typing = !1, this._loadingSlow = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = z([]), this._banner = null, this._notice = null, this._result = null;
   }
   get client() {
-    return this.#l ? this.#l : ((!this.#a || this.#u !== this.api) && (this.#a = we({ baseUrl: this.api }), this.#u = this.api), this.#a);
+    return this.#c ? this.#c : ((!this.#l || this.#u !== this.api) && (this.#l = dt({ baseUrl: this.api }), this.#u = this.api), this.#l);
   }
   set client(e) {
-    this.#l = e || null, this.isConnected && this.#w();
+    this.#c = e || null, this.isConnected && this.#x();
   }
   connectedCallback() {
-    super.connectedCallback(), this.#w();
+    super.connectedCallback(), this.#x();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.#b), this.#d?.();
-    for (const { abort: e } of this.#i.values()) e?.();
-    this.#i.clear();
+    super.disconnectedCallback(), clearTimeout(this.#y), clearTimeout(this.#p), this.#d?.();
+    for (const { abort: e } of this.#n.values()) e?.();
+    this.#n.clear();
   }
-  get #D() {
+  get #O() {
     try {
       return matchMedia("(prefers-reduced-motion: reduce)").matches;
     } catch {
       return !0;
     }
   }
-  get #p() {
+  get #h() {
     try {
       return sessionStorage;
     } catch {
@@ -1087,118 +1429,181 @@ class rt extends A {
    * submission is enabled on this deployment, and a form whose desk needs
    * a way to reach the viewer opts out with allowAnonymous: false.
    */
-  get #z() {
+  get #U() {
     return this.client.anonymousCapability?.().enabled === !0 && this._form?.allowAnonymous !== !1;
   }
   /* Derived from the gate step, so a reload restores the choice. */
-  get #h() {
+  get #f() {
     return this._steps.some((e) => e.kind === "gate" && e.anonymous === !0);
   }
   // ── Loading + draft restore ─────────────────────────────────────
-  async #w() {
+  async #x() {
     const e = ++this.#F, t = () => e === this.#F;
-    this._phase = "loading", this._banner = null;
-    let s;
+    this._phase = "loading", this._banner = null, this._loadingSlow = !1, clearTimeout(this.#p), this.#p = setTimeout(() => {
+      this._loadingSlow = !0;
+    }, Xt);
+    let r;
     try {
-      s = await this.client.listForms();
+      r = await this.client.listForms();
     } catch {
       t() && (this._phase = "load-error");
       return;
+    } finally {
+      t() && (clearTimeout(this.#p), this._loadingSlow = !1);
     }
     if (!t()) return;
-    this._forms = s;
-    const i = Oe(Me(this.#p), this._forms, { apiOrigin: this.api });
-    if (i.status === "ok" || i.status === "review-required") {
-      this._form = i.form, this._steps = i.steps, this.#t = i.requestId, this.#s = i.lostMedia || {}, i.status === "review-required" ? this._notice = "This form changed since your last visit — please review your answers." : Object.keys(this.#s).length && (this._notice = "Welcome back — your answers were saved, but attachments need to be re-attached."), this.#o({ animate: !1 });
+    this._forms = r;
+    const i = xt({ attr: this.flow, search: globalThis.location?.search }), n = Ht(Nt(this.#h), this._forms, { apiOrigin: this.api });
+    if ((n.status === "ok" || n.status === "review-required") && _t(n, i)) {
+      this._form = n.form, this._steps = n.steps, this._origins = n.origins || [], this.#t = n.requestId, this.#s = n.lostMedia || {}, n.status === "review-required" ? this._notice = "This form changed since your last visit — please review your answers." : Object.keys(this.#s).length && (this._notice = "Welcome back — your answers were saved, but attachments need to be re-attached."), this.#i({ animate: !1 });
+      return;
+    }
+    const o = vt(this._forms, i);
+    if (o) {
+      this.#I(o);
       return;
     }
     this._phase = "pick";
   }
-  #c() {
+  #o() {
     if (!this._form) return;
     const e = {};
-    for (const [t, s] of Object.entries(this.#r))
-      s.length && (e[t] = s.map(({ name: i, type: n, size: o }) => ({ name: i, type: n, size: o })));
-    qe(this.#p, Ue({
+    for (const [t, r] of Object.entries(this.#r))
+      r.length && (e[t] = r.map(({ name: i, type: n, size: o }) => ({ name: i, type: n, size: o })));
+    Lt(this.#h, qt({
       apiOrigin: this.api,
       form: this._form,
       steps: this._steps,
       requestId: this.#t,
-      mediaMeta: e
+      mediaMeta: e,
+      origins: this._origins
     }));
   }
   // ── Walk mechanics ──────────────────────────────────────────────
-  #o({ animate: e = !0 } = {}) {
-    this._phase = "walk", this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, e && !this.#D ? (this._typing = !0, clearTimeout(this.#b), this.#b = setTimeout(() => {
+  #i({ animate: e = !0 } = {}) {
+    this._phase = "walk", this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, e && !this.#O ? (this._typing = !0, clearTimeout(this.#y), this.#y = setTimeout(() => {
       this._typing = !1;
-    }, Ke)) : this._typing = !1;
+    }, Jt)) : this._typing = !1;
   }
-  get #x() {
-    return this._form ? N(this._form, this._steps) : { node: null };
+  get #v() {
+    return this._form ? q(this._form, this._steps) : { node: null };
   }
-  #P(e) {
-    this._form = e, this._steps = [], this.#t = null, this.#r = {}, this.#s = {}, this._notice = null, this.#c(), this.#o();
+  #I(e) {
+    this._form = e, this._steps = [], this._origins = [], this._handoffError = !1, this.#t = null, this.#r = {}, this.#s = {}, this._notice = null, this.#o(), this.#i();
   }
-  #f(e) {
-    this._steps = [...this._steps, e], this.#c(), this.#o();
+  #m(e) {
+    this._steps = [...this._steps, e], this.#o(), this.#i();
   }
-  #B() {
+  #L(e, t) {
+    if (N(t)) {
+      this.#N(e, t);
+      return;
+    }
+    this._handoffError = !1, this.#m({
+      nodeId: e.id,
+      kind: "choice",
+      optionId: t.id,
+      label: t.label
+    });
+  }
+  /*
+   * Switch to the form a hand-off option names, replaying its preset
+   * steps there. The form being left becomes an origin (see
+   * ../lib/handoff.mjs); its attachments are parked with it in memory so
+   * Back can return them. A target that is missing or no longer matches
+   * its preset path is a config mistake: say so and stay put.
+   */
+  #N(e, t) {
+    const { form: r, steps: i, error: n } = gt(this._forms, t);
+    if (n) {
+      this._handoffError = !0;
+      return;
+    }
+    this._handoffError = !1, this._origins = [...this._origins, {
+      ...bt(this._form, this._steps, e, t),
+      media: this.#r,
+      lostMedia: this.#s
+    }], this._form = r, this._steps = i, this.#t = null, this.#r = {}, this.#s = {}, this._notice = null, this.#o(), this.#i();
+  }
+  /* Back past a hand-off: the originating form, on the choice card. */
+  #q() {
+    const e = this._origins.at(-1);
+    this._origins = this._origins.slice(0, -1), this._form = e.form, this._steps = e.steps, this.#t = null, this.#r = e.media || {}, this.#s = e.lostMedia || {}, this._handoffError = !1, this.#o(), this.#i({ animate: !1 });
+  }
+  #H() {
     if (this._phase === "done" || this._phase === "submitting") return;
     if (this._phase === "review") {
-      this.#o({ animate: !1 });
+      this.#i({ animate: !1 });
+      return;
+    }
+    if (this._origins.length && yt(this._steps)) {
+      this.#q();
       return;
     }
     if (!this._steps.length) {
-      this.#v();
+      this.#_();
       return;
     }
     const e = this._steps.at(-1);
-    this._steps = this._steps.slice(0, -1), e.kind === "collect" && (this._cardValues = { ...e.values }), this.#c(), this.#o({ animate: !1 });
+    this._steps = this._steps.slice(0, -1), e.kind === "collect" && (this._cardValues = { ...e.values }), this.#o(), this.#i({ animate: !1 });
   }
-  #v() {
-    this.client.endAnonSession?.(), this._form = null, this._steps = [], this.#t = null, this.#r = {}, this.#s = {}, this._result = null, this._banner = null, this._notice = null, this._submit = $([]), O(this.#p), this._phase = "pick";
+  #_() {
+    this.client.endAnonSession?.(), this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this.#t = null, this.#r = {}, this.#s = {}, this._result = null, this._banner = null, this._notice = null, this._submit = z([]), be(this.#h), this._phase = "pick";
   }
   // ── Collect card ────────────────────────────────────────────────
-  #k(e, t) {
+  #$(e, t) {
     this._cardValues = { ...this._cardValues, [e]: t };
   }
-  #q(e) {
-    const t = e.fields || [], { ok: s, errors: i } = B(t, this._cardValues), n = t.find((d) => d.kind === "media");
+  /* Files attached on the given collect cards (a files-only consent counts them). */
+  #E(e) {
+    let t = 0;
+    for (const r of new Set(e)) t += (this.#r[r] || []).length;
+    return t;
+  }
+  /* Files attached so far on this walk, the card being filled in included. */
+  #S(e) {
+    const t = this._steps.filter((r) => r.kind === "collect").map((r) => r.nodeId);
+    return this.#E([...t, e]);
+  }
+  #j(e) {
+    const t = e.fields || [], { ok: r, errors: i } = he(t, this._cardValues, {
+      mediaCount: this.#S(e.id)
+    }), n = t.find((l) => l.kind === "media");
     let o = !0;
     if (n) {
-      const d = this.#r[e.id] || [], u = E(d, this._form.budget, {
+      const l = this.#r[e.id] || [], d = Y(l, this._form.budget, {
         required: !!n.required
       });
-      u.ok ? d.length && (this.#s = { ...this.#s, [e.id]: [] }) : (o = !1, i[n.key] = u.errors[0].message);
+      d.ok ? l.length && (this.#s = { ...this.#s, [e.id]: [] }) : (o = !1, i[n.key] = d.errors[0].message);
     }
-    if (!s || !o) {
+    if (!r || !o) {
       this._fieldErrors = i;
       return;
     }
-    const l = this.#r[e.id] || [];
-    this.#f({
+    const a = this.#r[e.id] || [];
+    this.#m({
       nodeId: e.id,
       kind: "collect",
       values: { ...this._cardValues },
-      summary: Te(t, this._cardValues, l)
+      summary: Pt(t, this._cardValues, a)
     });
   }
   // ── Gate ────────────────────────────────────────────────────────
-  async #I() {
-    if (!(this._gate.stage || this.#y)) {
-      this.#y = !0;
+  async #C() {
+    if (!(this._gate.stage || this.#w)) {
+      this.#w = !0;
       try {
         const e = await this.client.isAuthenticated();
         this._gate = e ? { stage: "signedin", email: this.client.signedInEmail?.() || "", error: "", loading: !1 } : { stage: "email", email: "", error: "", loading: !1 };
       } finally {
-        this.#y = !1;
+        this.#w = !1;
       }
       this._gate.stage === "email" && this.client.onCrossTabLogin && !this.#d && (this.#d = this.client.onCrossTabLogin(() => {
-        this.#d?.(), this.#d = null, this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#I();
+        this.#d?.(), this.#d = null, this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#C();
       }));
     }
   }
-  async #_() {
+  async #k() {
     const e = this._gate.email.trim();
     if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) {
       this._gate = { ...this._gate, error: "Please enter a valid email address." };
@@ -1216,10 +1621,10 @@ class rt extends A {
       };
     }
   }
-  async #E(e) {
+  async #T(e) {
     this._gate = { ...this._gate, error: "", loading: !0 };
     try {
-      await this.client.verifyCode(e), this.#A(this._gate.email);
+      await this.client.verifyCode(e), this.#R(this._gate.email);
     } catch (t) {
       this._gate = {
         ...this._gate,
@@ -1228,47 +1633,47 @@ class rt extends A {
       };
     }
   }
-  #A(e) {
+  #R(e) {
     if (this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit.stage === "auth") {
-      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#n();
+      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#a();
       return;
     }
-    const { node: t } = this.#x;
-    t?.type === "gate" && this.#f({ nodeId: t.id, kind: "gate", email: e });
+    const { node: t } = this.#v;
+    t?.type === "gate" && this.#m({ nodeId: t.id, kind: "gate", email: e });
   }
-  #M() {
+  #W() {
     this.client.signOut?.(), this._gate = { stage: "email", email: "", error: "", loading: !1 };
   }
   // ── Anonymous route ─────────────────────────────────────────────
-  #U() {
+  #V() {
     this._gate = { ...this._gate, stage: "anon-confirm", error: "" };
   }
-  #O() {
+  #Y() {
     this._gate = { ...this._gate, stage: "email", error: "" };
   }
   /*
    * Records the choice only. The session is minted at submit, against
    * the requestId, so an abandoned form leaves nothing behind.
    */
-  #j() {
-    const { node: e } = this.#x;
-    e?.type === "gate" && (this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#f({ nodeId: e.id, kind: "gate", anonymous: !0 }));
+  #G() {
+    const { node: e } = this.#v;
+    e?.type === "gate" && (this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#m({ nodeId: e.id, kind: "gate", anonymous: !0 }));
   }
-  async #C() {
+  async #M() {
     try {
       return await this.client.createAnonSession({
         formId: this._form.formId,
         requestId: this.#t
       }), !0;
     } catch (e) {
-      return this._banner = M(e?.status ?? 0, e?.body ?? null), !1;
+      return this._banner = me(e?.status ?? 0, e?.body ?? null), !1;
     }
   }
   /* An anonymous session outliving the upload run re-mints in place; there
    * is no identity to send back to the sign-in card. */
-  async #L() {
-    if (await this.#C()) {
-      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#n();
+  async #K() {
+    if (await this.#M()) {
+      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#a();
       return;
     }
     this.#e({ type: "REQUEST_FAIL", error: this._banner });
@@ -1278,134 +1683,136 @@ class rt extends A {
     const e = [];
     for (const t of this._steps)
       if (t.kind === "collect")
-        for (const s of this.#r[t.nodeId] || [])
-          e.push(s);
+        for (const r of this.#r[t.nodeId] || [])
+          e.push(r);
     return e;
   }
   #e(e) {
-    this._submit = je(this._submit, e);
+    this._submit = jt(this._submit, e);
   }
-  async #N() {
+  async #Q() {
     this._banner = null;
     for (let e = 0; e < this._steps.length; e++) {
       const t = this._steps[e];
       if (t.kind !== "collect") continue;
-      const s = m(this._form, t.nodeId), { ok: i, errors: n } = B(s?.fields || [], t.values), o = (s?.fields || []).find((d) => d.kind === "media");
+      const r = x(this._form, t.nodeId), i = this._steps.slice(0, e + 1).filter((d) => d.kind === "collect").map((d) => d.nodeId), { ok: n, errors: o } = he(r?.fields || [], t.values, {
+        mediaCount: this.#E(i)
+      }), a = (r?.fields || []).find((d) => d.kind === "media");
       let l = !0;
-      if (o) {
-        const d = this.#r[t.nodeId] || [], u = E(d, this._form.budget, {
-          required: !!o.required
+      if (a) {
+        const d = this.#r[t.nodeId] || [], p = Y(d, this._form.budget, {
+          required: !!a.required
         });
-        u.ok || (l = !1, n[o.key] = u.errors[0].message);
+        p.ok || (l = !1, o[a.key] = p.errors[0].message);
       }
-      if (!i || !l) {
-        this._steps = this._steps.slice(0, e), this._cardValues = { ...t.values }, this._fieldErrors = n, this.#c(), this.#o({ animate: !1 });
+      if (!n || !l) {
+        this._steps = this._steps.slice(0, e), this._cardValues = { ...t.values }, this._fieldErrors = o, this.#o(), this.#i({ animate: !1 });
         return;
       }
     }
-    if (this.#t = this.#t || crypto.randomUUID(), this.#c(), this.#h) {
-      if (!await this.#C()) return;
+    if (this.#t = this.#t || crypto.randomUUID(), this.#o(), this.#f) {
+      if (!await this.#M()) return;
     } else
       this.client.endAnonSession?.();
-    if (this._submit = $(this.#g), this._phase = "submitting", this.#h) {
-      this.#e({ type: "START" }), this.#n();
+    if (this._submit = z(this.#g), this._phase = "submitting", this.#f) {
+      this.#e({ type: "START" }), this.#a();
       return;
     }
     if (!await this.client.isAuthenticated()) {
       this.#e({ type: "START" }), this.#e({ type: "AUTH_REQUIRED" }), this._gate = { stage: "email", email: "", error: "", loading: !1 };
       return;
     }
-    this.#e({ type: "START" }), this.#n();
+    this.#e({ type: "START" }), this.#a();
   }
-  async #n() {
+  async #a() {
     const e = this._submit.stage;
-    if (e === "minting") return this.#W();
-    if (e === "uploading") return this.#S();
-    if (e === "requesting") return this.#H();
+    if (e === "minting") return this.#J();
+    if (e === "uploading") return this.#D();
+    if (e === "requesting") return this.#ee();
   }
-  async #W() {
+  async #J() {
     try {
-      const e = await this.client.createUploads(q({
+      const e = await this.client.createUploads(fe({
         formId: this._form.formId,
         requestId: this.#t,
         files: this.#g
       }));
-      this.#e({ type: "MINTED", uploads: e }), this.#n();
+      this.#e({ type: "MINTED", uploads: e }), this.#a();
     } catch (e) {
-      this.#$(e);
+      this.#A(e);
     }
   }
-  #S() {
-    const e = this._submit.files, t = this.#i.size;
-    let s = 0;
-    for (let i = 0; i < e.length && t + s < Qe; i++)
-      e[i].status !== "uploading" || this.#i.has(i) || (s += 1, this.#V(i));
+  #D() {
+    const e = this._submit.files, t = this.#n.size;
+    let r = 0;
+    for (let i = 0; i < e.length && t + r < Zt; i++)
+      e[i].status !== "uploading" || this.#n.has(i) || (r += 1, this.#Z(i));
   }
-  #V(e) {
-    const t = this._submit.files[e], s = this.#g[e], { promise: i, abort: n } = this.client.uploadFile({
+  #Z(e) {
+    const t = this._submit.files[e], r = this.#g[e], { promise: i, abort: n } = this.client.uploadFile({
       url: t.url,
-      file: s,
+      file: r,
       contentType: t.type,
-      onProgress: ({ loaded: o, total: l }) => {
-        this.#e({ type: "FILE_PROGRESS", i: e, loaded: o, total: l });
+      onProgress: ({ loaded: o, total: a }) => {
+        this.#e({ type: "FILE_PROGRESS", i: e, loaded: o, total: a });
       }
     });
-    this.#i.set(e, { abort: n }), i.then(() => {
-      this.#i.delete(e), this.#e({ type: "FILE_DONE", i: e }), this.#n();
+    this.#n.set(e, { abort: n }), i.then(() => {
+      this.#n.delete(e), this.#e({ type: "FILE_DONE", i: e }), this.#a();
     }).catch((o) => {
-      this.#i.delete(e), this.#e({
+      this.#n.delete(e), this.#e({
         type: "FILE_FAIL",
         i: e,
         error: o?.status === 403 ? "expired" : "failed"
       });
     });
   }
-  async #Y(e) {
+  async #X(e) {
     if (this._submit.files[e].error === "expired")
       try {
-        const [s] = await this.client.createUploads(q({
+        const [r] = await this.client.createUploads(fe({
           formId: this._form.formId,
           requestId: this.#t,
           files: [this.#g[e]]
         }));
-        this.#e({ type: "REMINT_FILE", i: e, upload: s });
-      } catch (s) {
-        this.#$(s);
+        this.#e({ type: "REMINT_FILE", i: e, upload: r });
+      } catch (r) {
+        this.#A(r);
         return;
       }
     else
       this.#e({ type: "RETRY_FILE", i: e });
-    this.#S();
+    this.#D();
   }
-  async #H() {
+  async #ee() {
     try {
-      const e = this._submit.files.map(({ assetId: s, type: i }) => ({ assetId: s, type: i })), t = await this.client.putRequest(this.#t, Ae({
+      const e = this._submit.files.map(({ assetId: r, type: i }) => ({ assetId: r, type: i })), t = await this.client.putRequest(this.#t, Ct({
         form: this._form,
         steps: this._steps,
         media: e
       }));
-      this.#e({ type: "REQUEST_OK", result: t }), this._result = t, O(this.#p), this.client.endAnonSession?.(), this._phase = "done";
+      this.#e({ type: "REQUEST_OK", result: t }), this._result = t, be(this.#h), this.client.endAnonSession?.(), this._phase = "done";
     } catch (e) {
-      this.#$(e);
+      this.#A(e);
     }
   }
-  #$(e) {
-    const t = M(e?.status ?? 0, e?.body ?? null);
+  #A(e) {
+    const t = me(e?.status ?? 0, e?.body ?? null);
     if (t.kind === "auth") {
-      if (this.#e({ type: "AUTH_REQUIRED" }), this.#h) {
-        this.#L();
+      if (this.#e({ type: "AUTH_REQUIRED" }), this.#f) {
+        this.#K();
         return;
       }
       this._gate = { stage: "email", email: "", error: "", loading: !1 };
       return;
     }
     if (t.kind === "stale") {
-      this._banner = t, this.#e({ type: "REQUEST_FAIL", error: t }), this.#K();
+      this._banner = t, this.#e({ type: "REQUEST_FAIL", error: t }), this.#te();
       return;
     }
     this._banner = t, this.#e({ type: "REQUEST_FAIL", error: t });
   }
-  async #K() {
+  async #te() {
     try {
       this._forms = await this.client.listForms();
       const e = this._forms.find((t) => t.formId === this._form.formId);
@@ -1413,162 +1820,185 @@ class rt extends A {
     } catch {
     }
   }
-  #Q() {
-    this._banner = null, this.#e({ type: "REQUEST_START" }), this.#n();
+  #re() {
+    this._banner = null, this.#e({ type: "REQUEST_START" }), this.#a();
   }
   // ── Render ──────────────────────────────────────────────────────
   render() {
-    return a`
+    return c`
 			<div class="chat" aria-live="polite">
-				${this.#G()}
+				${this.#se()}
 			</div>
-			${this.#de()}
+			${this.#ge()}
 		`;
   }
-  #G() {
+  #se() {
     switch (this._phase) {
       case "loading":
-        return I();
+        return c`${g(W, this._loadingSlow ? "Loading the form list…" : V)}
+				${j()}`;
       case "load-error":
-        return a`
-				${h("We could not load the forms.", "Check your connection and try again.", { error: !0 })}
+        return c`
+				${g("We could not load the forms.", "Check your connection and try again.", { error: !0 })}
 				<div class="options">
-					<button type="button" class="chip" @click=${() => this.#w()}>Try again</button>
+					<button type="button" class="chip" @click=${() => this.#x()}>Try again</button>
 				</div>
 			`;
       case "pick":
-        return this.#J();
+        return this.#ie();
       case "walk":
-        return a`${this.#m()}${this._typing ? I() : this.#X()}`;
+        return c`${this.#b()}${this._typing ? j() : this.#ne()}`;
       case "review":
-        return a`${this.#m()}${this.#T()}`;
+        return c`${this.#b()}${this.#B()}`;
       case "submitting":
-        return a`${this.#m()}${this.#oe()}`;
+        return c`${this.#b()}${this.#fe()}`;
       case "done":
-        return a`${this.#m()}${this.#le()}`;
+        return c`${this.#b()}${this.#me()}`;
       default:
-        return c;
+        return f;
     }
   }
-  #J() {
-    const e = this._forms;
-    return a`
-			${h(
-      "Welcome to Report It. What would you like to send us?",
-      "A few quick questions route your report to the right team."
-    )}
-			<div class="options" role="group" aria-label="What would you like to send us?">
-				${e.map((t, s) => a`
-					<button type="button" class="chip" style="animation-delay: ${60 + s * 50}ms"
-						@click=${() => this.#P(t)}>${t.title}</button>
+  #ie() {
+    const e = this._forms.filter((t) => t.listed !== !1);
+    return c`
+			${g(W, V, { noAnim: !0 })}
+			<div class="options" role="group" aria-label=${Ee}>
+				${e.map((t, r) => c`
+					<button type="button" class="chip" style="animation-delay: ${60 + r * 50}ms"
+						@click=${() => this.#I(t)}>${t.title}</button>
 				`)}
 			</div>
 		`;
   }
-  #m() {
+  /*
+   * One conversation across hand-offs: the entry choice is the first
+   * form's title, each origin replays its steps and the hand-off option
+   * the viewer picked, and preset steps read as the viewer's own answers
+   * (minus one that merely repeats the hand-off option).
+   */
+  #b() {
     const e = [];
-    this._form && (e.push(h(
-      "Welcome to Report It. What would you like to send us?",
-      "A few quick questions route your report to the right team.",
-      { noAnim: !0 }
-    )), e.push(_(this._form.title, { noAnim: !0 }))), this._notice && e.push(h(this._notice, "", { noAnim: !0 }));
-    for (const t of this._steps) {
-      const s = m(this._form, t.nodeId);
-      s?.prompt && e.push(h(s.prompt, s.help, { noAnim: !0 })), s?.type === "gate" && e.push(t.anonymous ? h(
+    if (!this._form) return e;
+    const t = this._origins[0]?.form || this._form;
+    e.push(g(W, V, { noAnim: !0 })), e.push(F(t.title, { noAnim: !0 })), this._notice && e.push(g(this._notice, "", { noAnim: !0 }));
+    let r = null;
+    for (const i of this._origins) {
+      e.push(...this.#P(i.form, i.steps, r));
+      const n = x(i.form, i.option.nodeId);
+      n?.prompt && e.push(g(n.prompt, n.help, { noAnim: !0 })), r = i.option.label || i.option.optionId, e.push(F(r, { noAnim: !0 }));
+    }
+    return e.push(...this.#P(this._form, this._steps, r)), e;
+  }
+  #P(e, t, r = null) {
+    const i = [];
+    for (const n of t) {
+      if (n.preset) {
+        const a = n.label || n.optionId;
+        a !== r && i.push(F(a, { noAnim: !0 }));
+        continue;
+      }
+      const o = x(e, n.nodeId);
+      o?.prompt && i.push(g(o.prompt, o.help, { noAnim: !0 })), o?.type === "gate" && i.push(n.anonymous ? g(
         "Last step: how can we reach you?",
         "You chose to send this anonymously.",
         { noAnim: !0 }
-      ) : h(
+      ) : g(
         "Last step: verify your email so we can follow up.",
         "One address, one code. No password needed.",
         { noAnim: !0 }
-      )), t.kind === "choice" && e.push(_(t.label || t.optionId, { noAnim: !0 })), t.kind === "collect" && e.push(_(t.summary || "Details provided", { noAnim: !0 })), t.kind === "gate" && e.push(_(t.anonymous ? "Send anonymously" : t.email, { noAnim: !0 }));
+      )), n.kind === "choice" && i.push(F(n.label || n.optionId, { noAnim: !0 })), n.kind === "collect" && i.push(F(n.summary || "Details provided", { noAnim: !0 })), n.kind === "gate" && i.push(F(n.anonymous ? "Send anonymously" : n.email, { noAnim: !0 }));
     }
-    return e;
+    return i;
   }
-  #X() {
-    const { node: e, error: t } = this.#x;
-    return t || !e ? h("Something went sideways with this form.", "Please start over.", { error: !0 }) : e.type === "choice" ? this.#Z(e) : e.type === "collect" ? this.#ee(e) : e.type === "gate" ? this.#R(e) : e.type === "redirect" ? this.#ae(e) : e.type === "terminal" ? this.#T() : c;
+  #ne() {
+    const { node: e, error: t } = this.#v;
+    return t || !e ? g("Something went sideways with this form.", "Please start over.", { error: !0 }) : e.type === "choice" ? this.#oe(e) : e.type === "collect" ? this.#ae(e) : e.type === "gate" ? this.#z(e) : e.type === "redirect" ? this.#he(e) : e.type === "terminal" ? this.#B() : f;
   }
-  #Z(e) {
-    return a`
-			${h(e.prompt, e.help)}
+  #oe(e) {
+    return c`
+			${g(e.prompt, e.help)}
+			${this._handoffError ? g("We could not load the forms.", "Check your connection and try again.", { error: !0 }) : f}
 			<div class="options" role="group" aria-label=${e.prompt || "Choose one"}>
-				${(e.options || []).map((t, s) => a`
-					<button type="button" class="chip" style="animation-delay: ${60 + s * 50}ms"
-						@click=${() => this.#f({
-      nodeId: e.id,
-      kind: "choice",
-      optionId: t.id,
-      label: t.label
-    })}>${t.label}</button>
+				${(e.options || []).map((t, r) => c`
+					<button type="button" class="chip" style="animation-delay: ${60 + r * 50}ms"
+						@click=${() => this.#L(e, t)}>${t.label}</button>
 				`)}
 			</div>
 		`;
   }
-  #ee(e) {
+  /*
+   * A real <form>, so browsers offer the viewer's saved name, phone and
+   * address for the autocomplete-tagged fields, and Enter continues.
+   * novalidate: the card validates itself (native url checks would
+   * otherwise block the submit silently).
+   */
+  #ae(e) {
     const t = e.fields || [];
-    return a`
-			${h(e.prompt, e.help)}
-			<div class="form-card">
-				${t.map((s) => this.#te(e, s))}
-				<button type="button" class="btn-primary" @click=${() => this.#q(e)}>
-					Continue
-				</button>
-			</div>
+    return c`
+			${g(e.prompt, e.help)}
+			<form class="form-card" autocomplete="on" novalidate
+				@submit=${(r) => {
+      r.preventDefault(), this.#j(e);
+    }}>
+				${t.map((r) => this.#le(e, r))}
+				<button type="submit" class="btn-primary">Continue</button>
+			</form>
 		`;
   }
-  #te(e, t) {
-    const s = this._cardValues[t.key], i = this._fieldErrors[t.key], n = !t.required && t.kind !== "consent" ? a` <span class="opt">optional</span>` : c, o = t.kind === "consent" ? c : a`
-			<label for="f-${t.key}">${t.label}${n}</label>
+  #le(e, t) {
+    const r = this.#S(e.id);
+    if (t.kind === "consent" && t.requiredIf === "media" && r === 0)
+      return f;
+    const i = this._cardValues[t.key], n = this._fieldErrors[t.key], o = !Fe(t, { mediaCount: r }) && t.kind !== "consent" ? c` <span class="opt">optional</span>` : f, a = t.kind === "consent" ? f : c`
+			<label for="f-${t.key}">${t.label}${o}</label>
 		`;
-    return a`
+    return c`
 			<div class="field">
-				${o}
-				${this.#re(e, t, s)}
-				${i ? a`<div class="err" role="alert">${i}</div>` : c}
+				${a}
+				${this.#ce(e, t, i)}
+				${n ? c`<div class="err" role="alert">${n}</div>` : f}
 			</div>
 		`;
   }
-  #re(e, t, s) {
-    const i = (n) => (o) => this.#k(n, o.target.value);
+  #ce(e, t, r) {
+    const i = (n) => (o) => this.#$(n, o.target.value);
     switch (t.kind) {
       case "text":
-        return a`<input type="text" id="f-${t.key}" .value=${s || ""}
+        return c`<input type="text" id="f-${t.key}" name=${t.key} .value=${r || ""}
+				inputmode=${ce(t.inputMode)} autocomplete=${ce(t.autocomplete)}
 				placeholder=${t.placeholder || ""} @input=${i(t.key)}>`;
       case "url":
-        return a`<input type="url" id="f-${t.key}" .value=${s || ""}
+        return c`<input type="url" id="f-${t.key}" .value=${r || ""}
 				placeholder=${t.placeholder || ""} @input=${i(t.key)}>`;
       case "textarea":
-        return a`<textarea id="f-${t.key}" .value=${s || ""}
+        return c`<textarea id="f-${t.key}" .value=${r || ""}
 				placeholder=${t.placeholder || ""} @input=${i(t.key)}></textarea>`;
       case "datetime":
-        return a`<input type="datetime-local" id="f-${t.key}" .value=${s || ""}
+        return c`<input type="datetime-local" id="f-${t.key}" .value=${r || ""}
 				@input=${i(t.key)}>`;
       case "select":
-        return a`
+        return c`
 				<select id="f-${t.key}" @change=${i(t.key)}>
 					<option value="">Choose one</option>
-					${(t.options || []).map((n) => a`
-						<option value=${n.id} ?selected=${s === n.id}>${n.label}</option>
+					${(t.options || []).map((n) => c`
+						<option value=${n.id} ?selected=${r === n.id}>${n.label}</option>
 					`)}
 				</select>
 			`;
       case "location":
-        return this.#se(t, s || {});
+        return this.#de(t, r || {});
       case "consent":
-        return a`
+        return c`
 				<div class="consent-row">
-					<input type="checkbox" id="f-${t.key}" .checked=${s === !0}
-						@change=${(n) => this.#k(t.key, n.target.checked)}>
+					<input type="checkbox" id="f-${t.key}" .checked=${r === !0}
+						@change=${(n) => this.#$(t.key, n.target.checked)}>
 					<label for="f-${t.key}" style="all: unset; cursor: pointer;">
-						I took or own this material and give WRAL permission to use it
-						on air and online with credit to me.
+						${t.text || er}
 					</label>
 				</div>
 			`;
       case "media":
-        return a`
+        return c`
 				<wral-report-media
 					.files=${this.#r[e.id] || []}
 					.lostMeta=${this.#s[e.id] || []}
@@ -1580,16 +2010,16 @@ class rt extends A {
         }}></wral-report-media>
 			`;
       default:
-        return c;
+        return f;
     }
   }
-  #se(e, t) {
-    const s = e.counties || Ne, i = (n) => this.#k(e.key, { ...t, ...n });
-    return a`
+  #de(e, t) {
+    const r = e.counties || Vt, i = (n) => this.#$(e.key, { ...t, ...n });
+    return c`
 			<select id="f-${e.key}" aria-label="County"
 				@change=${(n) => i({ county: n.target.value || void 0 })}>
 				<option value="">Choose a county</option>
-				${s.map((n) => a`
+				${r.map((n) => c`
 					<option value=${n} ?selected=${t.county === n}>${n}</option>
 				`)}
 			</select>
@@ -1600,25 +2030,25 @@ class rt extends A {
 				@input=${(n) => i({ where: n.target.value || void 0 })}>
 		`;
   }
-  #R(e) {
-    this.#I();
-    const t = this._gate, s = h(
+  #z(e) {
+    this.#C();
+    const t = this._gate, r = g(
       "Last step: verify your email so we can follow up.",
       "One address, one code. No password needed."
     );
-    return t.stage ? t.stage === "signedin" ? a`
-				${s}
+    return t.stage ? t.stage === "signedin" ? c`
+				${r}
 				<div class="form-card">
 					<p style="margin: 0 0 12px; font-size: 14.5px;">
 						You are signed in as <strong>${t.email || "your My WRAL account"}</strong> on this device.
 					</p>
 					<button type="button" class="btn-primary"
-						@click=${() => this.#A(t.email)}>Continue</button>
+						@click=${() => this.#R(t.email)}>Continue</button>
 					<button type="button" class="btn-ghost"
-						@click=${() => this.#M()}>Use a different email</button>
+						@click=${() => this.#W()}>Use a different email</button>
 				</div>
-			` : t.stage === "email" ? a`
-				${s}
+			` : t.stage === "email" ? c`
+				${r}
 				<div class="form-card login-card">
 					<h2>Sign in or create account</h2>
 					<p class="login-sub">
@@ -1632,12 +2062,12 @@ class rt extends A {
       this._gate = { ...t, email: i.target.value };
     }}
 							@keydown=${(i) => {
-      i.key === "Enter" && this.#_();
+      i.key === "Enter" && this.#k();
     }}>
 					</div>
-					${t.error ? a`<div class="err" role="alert">${t.error}</div>` : c}
+					${t.error ? c`<div class="err" role="alert">${t.error}</div>` : f}
 					<button type="button" class="login-btn" ?disabled=${t.loading}
-						@click=${() => this.#_()}>
+						@click=${() => this.#k()}>
 						${t.loading ? "Sending…" : "Continue with email"}
 					</button>
 					<div class="login-why">
@@ -1646,13 +2076,13 @@ class rt extends A {
 							<li>We can follow up on your report</li>
 							<li>Your contact information fills in automatically next time</li>
 							<li>You are credited by name when we use your photos or video</li>
-							<li><a href=${We} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
+							<li><a href=${Yt} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
 						</ul>
 					</div>
-					${this._submit.stage === "auth" ? c : this.#ie()}
+					${this._submit.stage === "auth" ? f : this.#ue()}
 				</div>
-			` : t.stage === "anon-confirm" ? this.#ne(s) : a`
-			${s}
+			` : t.stage === "anon-confirm" ? this.#pe(r) : c`
+			${r}
 			<div class="form-card login-card">
 				<h2>Enter verification code</h2>
 				<p class="login-sub">We sent a 6-digit code to <strong>${t.email}</strong></p>
@@ -1665,48 +2095,48 @@ class rt extends A {
 				<div class="field">
 					<label>Verification code</label>
 					<wral-code-input
-						@code-complete=${(i) => this.#E(i.detail?.code ?? i.detail?.value ?? i.target.value)}>
+						@code-complete=${(i) => this.#T(i.detail?.code ?? i.detail?.value ?? i.target.value)}>
 					</wral-code-input>
 				</div>
-				${t.error ? a`<div class="err" role="alert">${t.error}</div>` : c}
+				${t.error ? c`<div class="err" role="alert">${t.error}</div>` : f}
 				<button type="button" class="login-btn" ?disabled=${t.loading}
 					@click=${() => {
       const i = this.renderRoot.querySelector("wral-code-input");
-      this.#E(i?.value || "");
+      this.#T(i?.value || "");
     }}>
 					${t.loading ? "Checking…" : "Sign in"}
 				</button>
 				<p class="login-help">
 					Didn’t receive a code? Check your spam folder or
-					<button type="button" @click=${() => this.#_()}>resend a new code</button>.
+					<button type="button" @click=${() => this.#k()}>resend a new code</button>.
 				</p>
 			</div>
-		` : a`${s}${I()}`;
+		` : c`${r}${j()}`;
   }
   /* Collapsed by default: findable for whoever needs it, never the
    * first thing a viewer reaches for. */
-  #ie() {
-    return a`
+  #ue() {
+    return c`
 			<details class="login-alt">
 				<summary>Other ways to send this</summary>
 				<div class="alt-body">
 					<p class="alt-row">
 						Call the newsroom desk at
-						<a href=${Ye(L)}>${L}</a>.
+						<a href=${Kt(we)}>${we}</a>.
 					</p>
-					${this.#z ? a`
+					${this.#U ? c`
 						<p class="alt-row">
 							<button type="button" class="alt-link"
-								@click=${() => this.#U()}>Send this anonymously</button>
+								@click=${() => this.#V()}>Send this anonymously</button>
 							— no follow-up, and no credit if we use your photos or video.
 						</p>
-					` : c}
+					` : f}
 				</div>
 			</details>
 		`;
   }
-  #ne(e) {
-    return a`
+  #pe(e) {
+    return c`
 			${e}
 			<div class="form-card login-card">
 				<h2>Before you send anonymously</h2>
@@ -1714,22 +2144,22 @@ class rt extends A {
 					You can send this report without an account. Here is what it costs you.
 				</p>
 				<ul class="anon-costs">
-					${Ve.map((t) => a`
+					${Gt.map((t) => c`
 						<li><span class="x" aria-hidden="true">✕</span><span>${t}</span></li>
 					`)}
 				</ul>
 				<div class="anon-actions">
 					<button type="button" class="login-btn"
-						@click=${() => this.#O()}>Sign in instead</button>
+						@click=${() => this.#Y()}>Sign in instead</button>
 					<button type="button" class="btn-ghost"
-						@click=${() => this.#j()}>Continue anonymously</button>
+						@click=${() => this.#G()}>Continue anonymously</button>
 				</div>
 			</div>
 		`;
   }
-  #ae(e) {
+  #he(e) {
     const t = e.redirect || {};
-    return a`
+    return c`
 			<div class="form-card">
 				<p style="margin: 0 0 6px; font-weight: 600; font-size: 16px;
 					color: var(--wral-base-primary-1, #001D68);
@@ -1746,33 +2176,33 @@ class rt extends A {
 			</div>
 		`;
   }
-  #T() {
-    const e = De(this._form, this._steps);
-    return a`
-			${h("Here is what you are sending.", "Check it over, then submit.")}
+  #B() {
+    const e = zt(this._form, this._steps);
+    return c`
+			${g("Here is what you are sending.", "Check it over, then submit.")}
 			<div class="form-card">
 				<ul class="review-list">
-					${e.map((t) => a`
+					${e.map((t) => c`
 						<li>
 							<span class="k">${t.k}</span>
-							<span>${t.pill ? ge(t.pill) : t.v}</span>
+							<span>${t.pill ? it(t.pill) : t.v}</span>
 						</li>
 					`)}
 				</ul>
-				${this._banner ? a`
+				${this._banner ? c`
 					<div class="err" role="alert" style="margin-top: 12px;">${this._banner.message}</div>
-				` : c}
+				` : f}
 				<div style="margin-top: 16px;">
-					<button type="button" class="btn-primary" @click=${() => this.#N()}>
+					<button type="button" class="btn-primary" @click=${() => this.#Q()}>
 						Submit report
 					</button>
 				</div>
 			</div>
 		`;
   }
-  #oe() {
+  #fe() {
     const e = this._submit;
-    if (e.stage === "auth") return this.#R({ id: null, type: "gate" });
+    if (e.stage === "auth") return this.#z({ id: null, type: "gate" });
     const t = {
       minting: "Preparing your uploads…",
       uploading: "Uploading your files…",
@@ -1780,77 +2210,77 @@ class rt extends A {
       requesting: "Sending your report…",
       "requesting-error": this._banner?.message || "We could not send your report."
     }[e.stage] || "Working…";
-    return a`
-			${h("Submitting your report.", t)}
+    return c`
+			${g("Submitting your report.", t)}
 			<div class="form-card">
-				${e.files.map((s, i) => a`
+				${e.files.map((r, i) => c`
 					<div class="upload-row">
-						<span class="name">${s.name}</span>
+						<span class="name">${r.name}</span>
 						<div class="upload-bar" role="progressbar"
 							aria-valuemin="0" aria-valuemax="100"
-							aria-valuenow=${Math.round((s.status === "done" ? 1 : s.progress) * 100)}>
-							<div class="fill" style="width: ${(s.status === "done" ? 1 : s.progress) * 100}%"></div>
+							aria-valuenow=${Math.round((r.status === "done" ? 1 : r.progress) * 100)}>
+							<div class="fill" style="width: ${(r.status === "done" ? 1 : r.progress) * 100}%"></div>
 						</div>
-						<span class="state ${s.status === "failed" ? "failed" : ""}">
-							${s.status === "done" ? "Done" : s.status === "failed" ? "Failed" : "Uploading"}
+						<span class="state ${r.status === "failed" ? "failed" : ""}">
+							${r.status === "done" ? "Done" : r.status === "failed" ? "Failed" : "Uploading"}
 						</span>
-						${s.status === "failed" ? a`
-							<button type="button" class="retry-chip" @click=${() => this.#Y(i)}>
+						${r.status === "failed" ? c`
+							<button type="button" class="retry-chip" @click=${() => this.#X(i)}>
 								Retry
 							</button>
-						` : c}
+						` : f}
 					</div>
 				`)}
-				${e.stage === "requesting-error" ? a`
+				${e.stage === "requesting-error" ? c`
 					<div class="err" role="alert">${this._banner?.message || ""}</div>
-					${this._banner?.retryAfter ? a`
+					${this._banner?.retryAfter ? c`
 						<div class="file-note">You can try again in about
 							${Math.ceil(this._banner.retryAfter / 60)} minutes.</div>
-					` : c}
+					` : f}
 					<button type="button" class="btn-primary" style="margin-top: 8px;"
-						@click=${() => this.#Q()}>Try again</button>
-				` : c}
-				${j(e).length && e.stage === "uploading-error" ? a`
+						@click=${() => this.#re()}>Try again</button>
+				` : f}
+				${ye(e).length && e.stage === "uploading-error" ? c`
 					<div class="err" role="alert">Retry the failed
-						${j(e).length === 1 ? "file" : "files"} to continue.</div>
-				` : c}
+						${ye(e).length === 1 ? "file" : "files"} to continue.</div>
+				` : f}
 			</div>
 		`;
   }
-  #le() {
-    const e = W(this._form, this._steps), t = ze(this._result, e), s = Be({
+  #me() {
+    const e = ke(this._form, this._steps), t = Bt(this._result, e), r = Ut({
       routing: this._result?.routing || {},
       flags: e,
       reference: this._result?.reference || "",
-      anonymous: this.#h
+      anonymous: this.#f
     });
-    return a`
+    return c`
 			<div class="confirm-card">
 				<div class="c-head">
-					<div class="c-check">${me()}</div>
+					<div class="c-check">${nt()}</div>
 					<div>
 						<div class="eyebrow">Report received</div>
 						<h2>${t.title}</h2>
 					</div>
 				</div>
 				<p>${t.body}</p>
-				${t.urgentNote ? a`<p>${t.urgentNote}</p>` : c}
+				${t.urgentNote ? c`<p>${t.urgentNote}</p>` : f}
 				<div class="refs">
 					<span class="ref"><span class="rk">Reference</span>${this._result?.reference || ""}</span>
 				</div>
-				<button type="button" class="c-again" @click=${() => this.#v()}>
+				<button type="button" class="c-again" @click=${() => this.#_()}>
 					Start a new report
 				</button>
 			</div>
 			<div class="journey">
 				<div class="j-eyebrow">Behind the scenes</div>
 				<div class="j-title">What happens to your report now</div>
-				${s.map((i, n) => a`
+				${r.map((i, n) => c`
 					<div class="j-step">
 						<div class="j-dot">${n + 1}</div>
 						<div class="j-body">
 							<div class="j-t">${i.title}
-								${i.pill ? a` <span class="flag-pill urgent">${i.pill}</span>` : c}
+								${i.pill ? c` <span class="flag-pill urgent">${i.pill}</span>` : f}
 							</div>
 							<div class="j-d">${i.body}</div>
 						</div>
@@ -1859,15 +2289,15 @@ class rt extends A {
 			</div>
 		`;
   }
-  #de() {
+  #ge() {
     const e = this._phase === "submitting" || this._phase === "done" || this._phase === "loading" || this._phase === "load-error";
-    return a`
+    return c`
 			<div class="bottom-bar">
 				<div class="inner">
 					<button type="button" class="btn-ghost" ?disabled=${e || this._phase === "pick"}
-						@click=${() => this.#B()}>← Back</button>
+						@click=${() => this.#H()}>← Back</button>
 					<button type="button" class="btn-ghost" ?disabled=${this._phase === "submitting"}
-						@click=${() => this.#v()}>Start over</button>
+						@click=${() => this.#_()}>Start over</button>
 					<span class="note">Your report goes to a person on the right desk.</span>
 				</div>
 			</div>
@@ -1877,7 +2307,7 @@ class rt extends A {
     this.renderRoot?.querySelector(".chat")?.lastElementChild?.scrollIntoView?.({ block: "nearest" });
   }
 }
-class st extends A {
+class lr extends G {
   static properties = {
     files: { attribute: !1 },
     lostMeta: { attribute: !1 },
@@ -1885,7 +2315,7 @@ class st extends A {
     required: { type: Boolean },
     label: { type: String }
   };
-  static styles = f`
+  static styles = y`
 		:host { display: block; }
 		input[type=file] { font-family: inherit; font-size: 14px; }
 		.file-list { margin: 8px 0 0; padding: 0; list-style: none; font-size: 13.5px; }
@@ -1907,10 +2337,10 @@ class st extends A {
   constructor() {
     super(), this.files = [], this.lostMeta = [], this.budget = {}, this.required = !1, this.label = "Photos or video";
   }
-  get #l() {
+  get #c() {
     return (this.budget?.allowedTypes || []).join(",");
   }
-  #a(e) {
+  #l(e) {
     this.dispatchEvent(new CustomEvent("files-changed", {
       detail: { files: e },
       bubbles: !0,
@@ -1919,76 +2349,76 @@ class st extends A {
   }
   #u(e) {
     const t = [...e.target.files || []];
-    this.#a([...this.files || [], ...t]), e.target.value = "";
+    this.#l([...this.files || [], ...t]), e.target.value = "";
   }
   #t(e) {
     const t = [...this.files];
-    t.splice(e, 1), this.#a(t);
+    t.splice(e, 1), this.#l(t);
   }
   render() {
-    const e = this.files || [], { errors: t } = E(e, this.budget, { required: !1 });
-    return a`
+    const e = this.files || [], { errors: t } = Y(e, this.budget, { required: !1 });
+    return c`
 			<input type="file" multiple
-				accept=${this.#l || c}
+				accept=${this.#c || f}
 				aria-label=${this.label}
 				@change=${this.#u}>
-			${e.length ? a`
+			${e.length ? c`
 				<ul class="file-list">
-					${e.map((s, i) => a`
+					${e.map((r, i) => c`
 						<li>
-							<span>${s.name}</span>
-							<span class="size">${Ge(s.size)}</span>
+							<span>${r.name}</span>
+							<span class="size">${tr(r.size)}</span>
 							<button type="button" class="remove"
-								aria-label="Remove ${s.name}"
+								aria-label="Remove ${r.name}"
 								@click=${() => this.#t(i)}>✕</button>
 						</li>
 					`)}
 				</ul>
-			` : c}
-			${(this.lostMeta || []).length ? a`
+			` : f}
+			${(this.lostMeta || []).length ? c`
 				<div class="lost">
 					Please re-attach your ${this.lostMeta.length === 1 ? "file" : "files"}
-					(${this.lostMeta.map((s) => s.name).join(", ")}) —
+					(${this.lostMeta.map((r) => r.name).join(", ")}) —
 					attachments can't be saved between visits.
 				</div>
-			` : c}
-			${t.map((s) => a`<div class="err">${s.message}</div>`)}
+			` : f}
+			${t.map((r) => c`<div class="err">${r.message}</div>`)}
 		`;
   }
 }
-function Ge(r) {
-  return Number.isFinite(r) ? r >= 1024 * 1024 ? `${(r / (1024 * 1024)).toFixed(1)} MB` : r >= 1024 ? `${Math.round(r / 1024)} KB` : `${r} B` : "";
+function tr(s) {
+  return Number.isFinite(s) ? s >= 1024 * 1024 ? `${(s / (1024 * 1024)).toFixed(1)} MB` : s >= 1024 ? `${Math.round(s / 1024)} KB` : `${s} B` : "";
 }
-const Je = (r, e, t, s) => {
+const rr = (s, e, t, r) => {
   const i = e.target.value.replace(/\D/g, "").slice(-1), n = [...t];
-  n[r] = i;
-  const o = n.join(""), l = n.every((d) => d !== "");
-  return s("code-change", { value: o, complete: l }), i && l && s("code-complete", { value: o }), n;
-}, Xe = (r, e, t, s) => {
+  n[s] = i;
+  const o = n.join(""), a = n.every((l) => l !== "");
+  return r("code-change", { value: o, complete: a }), i && a && r("code-complete", { value: o }), n;
+}, sr = (s, e, t, r) => {
   if (e.key === "Backspace") {
     const i = [...t];
-    !i[r] && r > 0 ? i[r - 1] = "" : i[r] && (i[r] = "");
+    !i[s] && s > 0 ? i[s - 1] = "" : i[s] && (i[s] = "");
     const n = i.join("");
-    return s("code-change", { value: n, complete: !1 }), i;
+    return r("code-change", { value: n, complete: !1 }), i;
   }
   return t;
-}, Ze = (r, e, t) => {
-  r.preventDefault();
-  const s = r.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
-  if (s.length === 0) return e;
+}, ir = (s, e, t) => {
+  s.preventDefault();
+  const r = s.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
+  if (r.length === 0) return e;
   const i = [...e];
-  for (let l = 0; l < s.length && l < 6; l++)
-    i[l] = s[l];
-  const n = i.join(""), o = i.every((l) => l !== "");
-  return t("code-change", { value: n, complete: o }), s.length === 6 && t("code-complete", { value: n }), i;
+  for (let a = 0; a < r.length && a < 6; a++)
+    i[a] = r[a];
+  const n = i.join(""), o = i.every((a) => a !== "");
+  return t("code-change", { value: n, complete: o }), r.length === 6 && t("code-complete", { value: n }), i;
 };
-class it extends A {
+class cr extends G {
   static formAssociated = !0;
   static properties = {
     _values: { type: Array, state: !0 },
     disabled: { type: Boolean, reflect: !0 }
   };
-  static styles = f`
+  static styles = y`
     :host {
       display: block;
       width: 100%;
@@ -2087,7 +2517,7 @@ class it extends A {
     this.getInputs()[e]?.focus();
   }
   inputHandler(e, t) {
-    this._values = Je(
+    this._values = rr(
       e,
       t,
       this._values,
@@ -2096,22 +2526,22 @@ class it extends A {
   }
   keydownHandler(e, t) {
     if (t.key === "Backspace") {
-      const s = !this._values[e];
-      this._values = Xe(
+      const r = !this._values[e];
+      this._values = sr(
         e,
         t,
         this._values,
         this.dispatchCustomEvent.bind(this)
-      ), s && e > 0 && this.focusInput(e - 1);
+      ), r && e > 0 && this.focusInput(e - 1);
     }
   }
   pasteHandler(e) {
-    this._values = Ze(e, this._values, this.dispatchCustomEvent.bind(this));
+    this._values = ir(e, this._values, this.dispatchCustomEvent.bind(this));
   }
   render() {
-    return a`
+    return c`
       <div class="code-inputs">
-        ${[0, 1, 2, 3, 4, 5].map((e) => a`
+        ${[0, 1, 2, 3, 4, 5].map((e) => c`
           <input
 						type         = "text"
 						inputmode    = "numeric"
@@ -2131,10 +2561,10 @@ class it extends A {
   }
 }
 export {
-  it as W,
-  st as a,
-  rt as b,
-  ye as c,
-  be as d,
-  we as e
+  cr as W,
+  lr as a,
+  ar as b,
+  ct as c,
+  at as d,
+  dt as e
 };