@wral/report-it 0.1.4 → 0.2.1

package/dist/{wral-code-input-DCemMj53.js → wral-code-input-BH_1EP8b.js}

@@ -1,6 +1,222 @@
-import { css as f, html as a, nothing as c, LitElement as T } from "lit";
-import { getAuthContext as Q, createStorage as G, verifyCode as J, extractTokens as D, saveTokens as z, decodeJwtPayload as B, refreshTokenSimple as X, sendCode as Z, createUserPool as ee, signUpIfNeeded as te, createCognitoUser as re, getAuthHeaders as se, STORAGE_KEYS as I, isAuthenticatedSimple as ie } from "@wral/sdk-auth-audience";
-const ne = f`
+import { css as b, html as c, nothing as h, LitElement as G } from "lit";
+import { getAuthContext as Re, createStorage as Me, verifyCode as Oe, extractTokens as J, saveTokens as X, decodeJwtPayload as ee, refreshTokenSimple as te, sendCode as De, createUserPool as Pe, createCognitoUser as ze, STORAGE_KEYS as S, isAuthenticatedSimple as Ne, signUpIfNeeded as Be } from "@wral/sdk-auth-audience";
+const K = globalThis, se = (r) => r, z = K.trustedTypes, re = z ? z.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ve = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, _e = "?" + _, Ue = `<${_e}>`, F = document, N = () => F.createComment(""), R = (r) => r === null || typeof r != "object" && typeof r != "function", Q = Array.isArray, Le = (r) => Q(r) || typeof r?.[Symbol.iterator] == "function", H = `[ 	
+\f\r]`, C = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, ne = />/g, k = 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(), A = F.createTreeWalker(F, 129);
+function ke(r, e) {
+  if (!Q(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return re !== void 0 ? re.createHTML(e) : e;
+}
+const qe = (r, e) => {
+  const t = r.length - 1, s = [];
+  let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = C;
+  for (let a = 0; a < t; a++) {
+    const l = r[a];
+    let d, p, u = -1, f = 0;
+    for (; f < l.length && (o.lastIndex = f, p = o.exec(l), p !== null); ) f = 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 = k) : p[3] !== void 0 && (o = k) : o === k ? 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 ? k : p[3] === '"' ? ae : oe) : o === ae || o === oe ? o = k : o === ie || o === ne ? o = C : (o = k, i = void 0);
+    const y = o === k && r[a + 1].startsWith("/>") ? " " : "";
+    n += o === C ? l + Ue : u >= 0 ? (s.push(d), l.slice(0, u) + ve + l.slice(u) + _ + y) : l + _ + (u === -2 ? a : y);
+  }
+  return [ke(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
+};
+class O {
+  constructor({ strings: e, _$litType$: t }, s) {
+    let i;
+    this.parts = [];
+    let n = 0, o = 0;
+    const a = e.length - 1, l = this.parts, [d, p] = qe(e, t);
+    if (this.el = O.createElement(d, s), A.currentNode = this.el.content, t === 2 || t === 3) {
+      const u = this.el.content.firstChild;
+      u.replaceWith(...u.childNodes);
+    }
+    for (; (i = A.nextNode()) !== null && l.length < a; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) for (const u of i.getAttributeNames()) if (u.endsWith(ve)) {
+          const f = p[o++], y = i.getAttribute(u).split(_), w = /([.?@])?(.*)/.exec(f);
+          l.push({ type: 1, index: n, name: w[2], strings: y, ctor: w[1] === "." ? je : w[1] === "?" ? We : w[1] === "@" ? Ve : U }), i.removeAttribute(u);
+        } else u.startsWith(_) && (l.push({ type: 6, index: n }), i.removeAttribute(u));
+        if ($e.test(i.tagName)) {
+          const u = i.textContent.split(_), f = u.length - 1;
+          if (f > 0) {
+            i.textContent = z ? z.emptyScript : "";
+            for (let y = 0; y < f; y++) i.append(u[y], N()), A.nextNode(), l.push({ type: 2, index: ++n });
+            i.append(u[f], N());
+          }
+        }
+      } else if (i.nodeType === 8) if (i.data === _e) l.push({ type: 2, index: n });
+      else {
+        let u = -1;
+        for (; (u = i.data.indexOf(_, u + 1)) !== -1; ) l.push({ type: 7, index: n }), u += _.length - 1;
+      }
+      n++;
+    }
+  }
+  static createElement(e, t) {
+    const s = F.createElement("template");
+    return s.innerHTML = e, s;
+  }
+}
+function E(r, e, t = r, s) {
+  if (e === M) return e;
+  let i = s !== void 0 ? t._$Co?.[s] : 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(r), i._$AT(r, t, s)), s !== void 0 ? (t._$Co ??= [])[s] = i : t._$Cl = i), i !== void 0 && (e = E(r, i._$AS(r, e.values), i, s)), e;
+}
+class He {
+  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: s } = this._$AD, i = (e?.creationScope ?? F).importNode(t, !0);
+    A.currentNode = i;
+    let n = A.nextNode(), o = 0, a = 0, l = s[0];
+    for (; l !== void 0; ) {
+      if (o === l.index) {
+        let d;
+        l.type === 2 ? d = new B(n, n.nextSibling, this, e) : l.type === 1 ? d = new l.ctor(n, l.name, l.strings, this, e) : l.type === 6 && (d = new Ye(n, this, e)), this._$AV.push(d), l = s[++a];
+      }
+      o !== l?.index && (n = A.nextNode(), o++);
+    }
+    return A.currentNode = F, i;
+  }
+  p(e) {
+    let t = 0;
+    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, t), t += s.strings.length - 2) : s._$AI(e[t])), t++;
+  }
+}
+class B {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(e, t, s, i) {
+    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = s, 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) : Le(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(F.createTextNode(e)), this._$AH = e;
+  }
+  $(e) {
+    const { values: t, _$litType$: s } = e, i = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = O.createElement(ke(s.h, s.h[0]), this.options)), s);
+    if (this._$AH?._$AD === i) this._$AH.p(t);
+    else {
+      const n = new He(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 O(e)), t;
+  }
+  k(e) {
+    Q(this._$AH) || (this._$AH = [], this._$AR());
+    const t = this._$AH;
+    let s, i = 0;
+    for (const n of e) i === t.length ? t.push(s = new B(this.O(N()), this.O(N()), this, this.options)) : s = t[i], s._$AI(n), i++;
+    i < t.length && (this._$AR(s && s._$AB.nextSibling, i), t.length = i);
+  }
+  _$AR(e = this._$AA.nextSibling, t) {
+    for (this._$AP?.(!1, !0, t); e !== this._$AB; ) {
+      const s = se(e).nextSibling;
+      se(e).remove(), e = s;
+    }
+  }
+  setConnected(e) {
+    this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
+  }
+}
+class U {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(e, t, s, i, n) {
+    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = n, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = m;
+  }
+  _$AI(e, t = this, s, 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[s + 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 je extends U {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(e) {
+    this.element[this.name] = e === m ? void 0 : e;
+  }
+}
+class We extends U {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(e) {
+    this.element.toggleAttribute(this.name, !!e && e !== m);
+  }
+}
+class Ve extends U {
+  constructor(e, t, s, i, n) {
+    super(e, t, s, i, n), this.type = 5;
+  }
+  _$AI(e, t = this) {
+    if ((e = E(this, e, t, 0) ?? m) === M) return;
+    const s = this._$AH, i = e === m && s !== m || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, n = e !== m && (s === m || i);
+    i && this.element.removeEventListener(this.name, this, s), 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 Ye {
+  constructor(e, t, s) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = s;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(e) {
+    E(this, e);
+  }
+}
+const Ge = K.litHtmlPolyfillSupport;
+Ge?.(O, B), (K.litHtmlVersions ??= []).push("3.3.3");
+const ce = (r) => r ?? m, Ke = b`
 	:host {
 		display: block;
 		box-sizing: border-box;
@@ -24,7 +240,7 @@ const ne = f`
 		position: absolute; width: 1px; height: 1px; overflow: hidden;
 		clip: rect(0 0 0 0); white-space: nowrap;
 	}
-`, ae = f`
+`, Qe = b`
 	@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 ne = f`
 			animation: none !important;
 		}
 	}
-`, oe = f`
+`, Ze = b`
 	.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 ne = 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); }
-`, le = f`
+`, Je = b`
 	.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 ne = 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); }
-`, de = f`
+`, Xe = b`
 	.form-card {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -156,7 +372,7 @@ const ne = 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; }
-`, ce = f`
+`, et = b`
 	.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 ne = 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%; }
-`, ue = f`
+`, tt = b`
 	.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 ne = f`
 		color: var(--wral-base-primary-1, #001D68);
 	}
 	@media (max-width: 540px) { .review-list li { grid-template-columns: 1fr; gap: 2px; } }
-`, pe = f`
+`, st = b`
 	.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 ne = 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; }
-`, he = f`
+`, rt = b`
 	.confirm-card {
 		align-self: stretch;
 		background: var(--wral-base-primary-1, #001D68);
@@ -341,7 +557,23 @@ const ne = 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); }
-`, fe = f`
+	.facts-offer dl {
+		display: grid; grid-template-columns: auto 1fr; gap: 4px 14px;
+		margin: 0 0 14px; font-size: 14.5px;
+	}
+	.facts-offer dt { font-weight: 700; color: var(--wral-semantic-fg-subtle, #64748B); }
+	.facts-offer dd { margin: 0; overflow-wrap: anywhere; }
+	.facts-offer .facts-note {
+		display: flex; gap: 8px; align-items: center;
+		margin: 0 0 14px; font-size: 13.5px;
+		color: var(--wral-semantic-fg-muted, #475569);
+	}
+	.facts-offer .my-wral-icon {
+		flex-shrink: 0; width: 28px; height: 28px;
+		color: var(--wral-base-primary-1, #001D68);
+	}
+	.facts-offer .actions { display: flex; flex-wrap: wrap; gap: 8px; }
+`, it = b`
 	.journey {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -382,7 +614,7 @@ const ne = 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; }
-`, ge = f`
+`, nt = b`
 	.bottom-bar {
 		position: sticky; bottom: 0; z-index: 20;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -395,74 +627,85 @@ const ne = 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; } }
-`, me = [ne, ae, oe, le, de, ce, ue, pe, he, fe, ge];
-function h(r, e, { noAnim: t = !1, error: s = !1 } = {}) {
-  return a`
+`, ot = [Ke, Qe, Ze, Je, Xe, et, tt, st, rt, it, nt];
+function g(r, e, { noAnim: t = !1, error: s = !1 } = {}) {
+  return c`
 		<div class="msg bot ${t ? "no-anim" : ""} ${s ? "error" : ""}">
 			<span class="lead">${r}</span>
-			${e ? a`<span class="sub">${e}</span>` : c}
+			${e ? c`<span class="sub">${e}</span>` : h}
 		</div>
 	`;
 }
-function $(r, { noAnim: e = !1 } = {}) {
-  return a`<div class="msg user ${e ? "no-anim" : ""}">${r}</div>`;
+function v(r, { noAnim: e = !1 } = {}) {
+  return c`<div class="msg user ${e ? "no-anim" : ""}">${r}</div>`;
 }
-function E() {
-  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 be(r) {
-  return r ? a`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : c;
+function at(r) {
+  return r ? c`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : h;
 }
-function ye() {
-  return a`
+function lt() {
+  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>
 	`;
 }
-const we = 15e3;
-class x extends Error {
+function ct() {
+  return c`
+		<svg class="my-wral-icon" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 423 423">
+			<rect x="7.4" y="7.4" width="408.21" height="408.21" rx="204.1" ry="204.1" transform="translate(-46.49 60.15) rotate(-14.6)" fill="#fff"/>
+			<path d="M275.54,335.39c-6.35-4.36-6.31-10.09-2.64-8.95,2.38.89,7.28,2.02,12.45.67,28.16-7.34,33.71-60.25,33.4-90.88-8.42,12.43-14.4,23.62-24.46,26.24-6.04,1.57-15.9.23-23.04-3.63-9.31-5.1-13.58-10.91-16.81-23.31-4.04-15.5,1.11-47.55,3.78-60.89.07-.92.86-1.43,1.72-1.65,9.48-2.47,28.53,7.02,28.44,17.28.01,15.35-6.27,38.36-3.41,49.35.81,3.1,2.97,4.34,4.98,3.82,7.76-2.02,21.85-31.58,26.87-46.44,6.59-19.48,6.85-37.3,10.88-38.35,6.89-1.8,22.4,5.9,24.17,13.87,10.85,52.26.88,151.79-51.71,165.48-7.47,1.95-16.82,2.57-24.62-2.62Z" fill="currentColor"/>
+			<path d="M77.88,314.03c-4.19-16.07-3.14-35.61-2.89-44.1,1.84-47.14,4.3-84.81,13.75-133.32,1.05-5.39,4.7-9.05,16.15-7.52,10.8,1.4,14.78,6.08,16.1,11.16.66,2.54.97,6.07,2,11.22,12.38,1.59,15.13,5.09,19.64,14.15,4.58,9.34,6.28,17.03,8.04,23.79,2.72,10.43,4.49,18.4,7.34,26.99,11.89-22.67,15.82-55.9,34.99-75.34,6.66-6.25,10.81-9.14,15.41-10.34,3.74-.97,4.31-1.12,7.98-1.17,11.21-2.92,20.44,1.9,21.91,7.54.44,1.69,1.77,7.97,2,10.01,2.08,12.7-1.86,42.33-.69,73.93.66,15.48.93,25.95,2.42,36.4.75,5.22-.23,10.9-9.71,13.37-3.16.82-7.4,2.23-10.42,2.41-6.33.45-8.81-6.73-9.78-12.8-6.74-36.47,1.6-91.63-1.83-101.27-9.11,19.23-13.35,32.38-18.54,45.47-3.41,9.32-6.93,21.67-10.7,30.78-3.69,10.59-4.88,15.42-13.22,17.59-3.45.9-6.39,1.36-9.27,2.11-7.19,1.87-17.92-1.65-20.41-8.83-6.22-19.15-9-27.46-20.28-66.06-5.84,78.88-6.35,118.15.88,140.04,1.83,5.85-9.96,7.71-12.04,7.96-23,3.58-26.87-6.55-28.85-14.16Z" fill="currentColor"/>
+			<rect x="7.4" y="7.4" width="408.21" height="408.21" rx="204.1" ry="204.1" transform="translate(-46.49 60.15) rotate(-14.6)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/>
+			<rect x="7.4" y="7.4" width="408.21" height="408.21" rx="204.1" ry="204.1" transform="translate(-46.49 60.15) rotate(-14.6)" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="10"/>
+		</svg>
+	`;
+}
+const dt = 15e3;
+class I extends Error {
   constructor(e, t) {
     super(`api-forms request failed with status ${e}`), this.status = e, this.body = t;
   }
 }
-const P = Object.freeze({ enabled: !1, humanCheck: null });
-function xe({
+const de = Object.freeze({ enabled: !1, humanCheck: null });
+function ut({
   baseUrl: r,
   fetchFn: e = (...i) => fetch(...i),
   xhrFactory: t = () => new XMLHttpRequest(),
   getAuthHeaders: s
 }) {
   const i = String(r || "").replace(/\/+$/, "");
-  let n = P, o = null;
-  async function l(d, { method: u = "GET", body: g, auth: y = !1, timeoutMs: p } = {}) {
-    const k = { Accept: "application/json" };
-    y && Object.assign(k, o ? { Authorization: `Bearer ${o}` } : await s()), g !== void 0 && (k["Content-Type"] = "application/json");
+  let n = de, o = null;
+  async function a(l, { method: d = "GET", body: p, auth: u = !1, timeoutMs: f } = {}) {
+    const y = { Accept: "application/json" };
+    u && Object.assign(y, o ? { Authorization: `Bearer ${o}` } : await s()), p !== void 0 && (y["Content-Type"] = "application/json");
     let w;
     try {
-      w = await e(`${i}${d}`, {
-        method: u,
-        headers: k,
-        ...p ? { signal: AbortSignal.timeout(p) } : {},
-        ...g !== void 0 ? { body: JSON.stringify(g) } : {}
+      w = await e(`${i}${l}`, {
+        method: d,
+        headers: y,
+        ...f ? { signal: AbortSignal.timeout(f) } : {},
+        ...p !== void 0 ? { body: JSON.stringify(p) } : {}
       });
-    } catch (_) {
-      throw Object.assign(new x(0, null), { cause: _ });
+    } catch (D) {
+      throw Object.assign(new I(0, null), { cause: D });
     }
-    let m = null;
+    let $ = null;
     try {
-      m = await w.json();
+      $ = await w.json();
     } catch {
     }
     if (!w.ok)
-      throw new x(w.status, m);
-    return m;
+      throw new I(w.status, $);
+    return $;
   }
   return {
     /** @returns {Promise<Array>} published form documents */
     listForms: async () => {
-      const d = await l("/v1/forms", { timeoutMs: we });
-      return n = d?.anonymous?.enabled === !0 ? { enabled: !0, humanCheck: d.anonymous.humanCheck || null } : P, (d?.forms || []).filter((u) => u?.formId && u?.start && Array.isArray(u?.nodes));
+      const l = await a("/v1/forms", { timeoutMs: dt });
+      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.
@@ -474,121 +717,241 @@ function xe({
      * calls present it until endAnonSession(). Unauthenticated by design.
      * @returns {Promise<{expiresIn: number}>}
      */
-    createAnonSession: async ({ formId: d, requestId: u, humanToken: g }) => {
-      const y = 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 = y?.token || null, !o)
-        throw new x(502, { message: "The anonymous session had no token" });
-      return { expiresIn: y.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: y = () => {
+    uploadFile: ({ url: l, file: d, contentType: p, onProgress: u = () => {
     } }) => {
-      const p = t();
-      return { promise: new Promise((w, m) => {
-        p.open("PUT", d), p.setRequestHeader("Content-Type", g || u.type), p.upload && (p.upload.onprogress = (_) => {
-          y({ loaded: _.loaded, total: _.total || u.size });
-        }), p.onload = () => {
-          p.status >= 200 && p.status < 300 ? w({ status: p.status }) : m(new x(p.status, null));
-        }, p.onerror = () => m(new x(0, null)), p.onabort = () => m(new x(0, { aborted: !0 })), p.send(u);
-      }), abort: () => p.abort() };
+      const f = t();
+      return { promise: new Promise((w, $) => {
+        f.open("PUT", l), f.setRequestHeader("Content-Type", p || d.type), f.upload && (f.upload.onprogress = (D) => {
+          u({ loaded: D.loaded, total: D.total || d.size });
+        }), f.onload = () => {
+          f.status >= 200 && f.status < 300 ? w({ status: f.status }) : $(new I(f.status, null));
+        }, f.onerror = () => $(new I(0, null)), f.onabort = () => $(new I(0, { aborted: !0 })), f.send(d);
+      }), abort: () => f.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 ve() {
-  const { config: r, storage: e } = Q();
-  let t = null;
+const ue = 60 * 1e3;
+async function pt({ read: r, refresh: e, now: t = Date.now }) {
+  const s = (n) => {
+    const { token: o, expiry: a } = r() || {};
+    return o && Number(a) - n > t() ? o : null;
+  };
+  let i = s(ue);
+  if (!i) {
+    try {
+      await e();
+    } catch {
+    }
+    i = s(ue) || s(0);
+  }
+  if (!i)
+    throw Object.assign(new Error("Please sign in again to continue."), { status: 401, body: null });
+  return { Authorization: `Bearer ${i}` };
+}
+const pe = (r) => String(r || "").toLowerCase().trim();
+function ht(r) {
+  const e = /* @__PURE__ */ new Set();
   return {
-    isAuthenticated: () => ie(),
-    signedInEmail: () => e.get(I.userEmail) || null,
-    getAuthHeaders: () => se(r, e),
+    signUpIfNeeded: async (t, ...s) => {
+      const i = await r(t, ...s);
+      return i?.exists === !1 && !i.error && e.add(pe(t)), i;
+    },
+    isNewAccount: (t) => e.has(pe(t))
+  };
+}
+const ft = "wral_user_facts", mt = "1", gt = 100;
+function yt(r, e) {
+  let t = "";
+  for (const s of r) {
+    if (t.length + s.length > e) break;
+    t += s;
+  }
+  return t;
+}
+const bt = [
+  {
+    autocomplete: "name",
+    factName: "preferred_name",
+    label: "Name",
+    shape: (r) => {
+      const e = String(r ?? "").replace(/\s+/g, " ").trim();
+      return e ? yt(e, gt).trim() : null;
+    }
+  },
+  {
+    autocomplete: "postal-code",
+    factName: "zipcode",
+    label: "Zip code",
+    shape: (r) => String(r ?? "").trim().match(/^(\d{5})(-\d{4})?$/)?.[1] ?? null
+  }
+];
+function wt(r = [], e = {}) {
+  const t = [];
+  for (const s of bt) {
+    const i = r.find((n) => n?.kind === "text" && n.autocomplete === s.autocomplete && s.shape(e[n.key]) !== null);
+    i && t.push({ factName: s.factName, label: s.label, value: s.shape(e[i.key]) });
+  }
+  return t;
+}
+async function xt(r, {
+  baseUrl: e,
+  getAuthHeaders: t,
+  fetchFn: s = (...n) => fetch(...n),
+  onSaved: i = () => {
+  }
+}) {
+  const n = String(e).replace(/\/+$/, "");
+  let o = !1;
+  try {
+    for (const { factName: a, value: l } of r) {
+      const d = { "Content-Type": "application/json", ...await t() };
+      let p;
+      try {
+        p = await s(
+          `${n}/user/${encodeURIComponent(a)}/${mt}`,
+          { method: "PUT", headers: d, body: JSON.stringify({ value: l }) }
+        );
+      } catch (u) {
+        throw Object.assign(new Error("user-facts request failed"), { status: 0, cause: u });
+      }
+      if (!p.ok)
+        throw Object.assign(
+          new Error(`user-facts request failed with status ${p.status}`),
+          { status: p.status }
+        );
+      o = !0;
+    }
+  } finally {
+    o && i();
+  }
+}
+function vt({ factsBaseUrl: r } = {}) {
+  const { config: e, storage: t } = Re(), s = ht(Be);
+  let i = null;
+  const n = () => pt({
+    read: () => ({
+      token: t.get(S.idToken),
+      expiry: t.get(S.idTokenExpiry)
+    }),
+    refresh: () => te()
+  });
+  return {
+    isAuthenticated: () => Ne(),
+    signedInEmail: () => t.get(S.userEmail) || null,
+    getAuthHeaders: n,
+    /* Save mapped answers (../lib/user-facts.mjs) to the viewer's My WRAL user facts. */
+    ...r ? {
+      saveUserFacts: (o) => xt(o, {
+        baseUrl: r,
+        getAuthHeaders: n,
+        onSaved: () => {
+          try {
+            localStorage.removeItem(ft);
+          } catch {
+          }
+        }
+      })
+    } : {},
     /**
      * Email step. Keeps the challenge user in memory for verifyCode.
-     * @returns {{challengeRequired?: boolean, authenticated?: boolean}}
+     * `newAccount` is true when this page load created the account.
+     * @returns {{challengeRequired?: boolean, authenticated?: boolean, newAccount: boolean}}
      */
-    sendCode: async (s) => {
-      const i = await Z(
-        r,
-        s,
+    sendCode: async (o) => {
+      const a = await De(
         e,
-        ee,
-        te,
-        re,
-        D,
-        z,
-        B
+        o,
+        t,
+        Pe,
+        s.signUpIfNeeded,
+        ze,
+        J,
+        X,
+        ee
       );
-      return t = i.cognitoUser || null, {
-        challengeRequired: !!i.challengeRequired,
-        authenticated: !!i.authenticated
+      return i = a.cognitoUser || null, {
+        challengeRequired: !!a.challengeRequired,
+        authenticated: !!a.authenticated,
+        newAccount: s.isNewAccount(o)
       };
     },
     /**
      * Code step; refreshes immediately after verify so the session
      * starts with a full lifetime (house pattern).
      */
-    verifyCode: async (s) => {
-      if (!t)
+    verifyCode: async (o) => {
+      if (!i)
         throw new Error("Please enter your email again to get a new code.");
       try {
-        await J(
+        await Oe(
+          i,
+          o,
           t,
-          s,
-          e,
-          D,
-          z,
-          B
+          J,
+          X,
+          ee
         );
       } catch {
         throw new Error("Invalid or expired code. Please request a new one and try again.");
       }
-      return await X(), { success: !0 };
+      return await te(), { success: !0 };
     },
     /** Local sign-out only ("use a different email"). */
     signOut: () => {
-      t = null, G().clear();
+      i = null, Me().clear();
     },
     /**
      * Detect a login completed in ANOTHER tab (the storage event
      * never fires in the tab that wrote). Returns an unsubscribe.
      */
-    onCrossTabLogin: (s) => {
-      const i = (n) => {
-        (n.key === I.accessToken || n.key === I.idToken) && s();
+    onCrossTabLogin: (o) => {
+      const a = (l) => {
+        (l.key === S.accessToken || l.key === S.idToken) && o();
       };
-      return window.addEventListener("storage", i), () => window.removeEventListener("storage", i);
+      return window.addEventListener("storage", a), () => window.removeEventListener("storage", a);
     }
   };
 }
-function ke({ baseUrl: r }) {
-  const e = ve();
-  return { ...xe({ baseUrl: r, getAuthHeaders: e.getAuthHeaders }), ...e };
+function _t({ baseUrl: r, factsBaseUrl: e }) {
+  const t = vt({ factsBaseUrl: e });
+  return { ...ut({ baseUrl: r, getAuthHeaders: t.getAuthHeaders }), ...t };
 }
-function b(r, e) {
+function x(r, e) {
   return (r?.nodes || []).find((t) => t.id === e);
 }
-function V(r, e = []) {
+function L(r) {
+  return r?.form ? { formId: r.form, path: [...r.path || []] } : null;
+}
+function q(r, e = []) {
   const t = [];
   let s = r?.start;
   for (const n of e) {
-    const o = b(r, s);
+    const o = x(r, s);
     if (!o)
       return { nodeId: null, node: null, flags: t, error: { step: n, reason: `unknown node: ${s}` } };
     if (o.type === "terminal" || o.type === "redirect")
@@ -596,66 +959,142 @@ function V(r, e = []) {
     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 (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 (L(a))
+        return { nodeId: null, node: null, flags: t, error: { step: n, reason: `steps continue past a hand-off: ${n.optionId}` } };
+      t.push(...a.flags || []), s = a.next;
       continue;
     }
     s = o.next;
   }
-  const i = b(r, s);
-  return i ? { nodeId: s, node: i, flags: H(t), error: null } : { nodeId: null, node: null, flags: t, error: { step: null, reason: `unknown node: ${s}` } };
+  const i = x(r, s);
+  return i ? { nodeId: s, node: i, flags: Ee(t), error: null } : { nodeId: null, node: null, flags: t, error: { step: null, reason: `unknown node: ${s}` } };
 }
-function _e(r, e = []) {
+function Ae(r, e = []) {
   const t = [];
   for (const s of e) {
     if (s.kind !== "collect") continue;
-    const i = b(r, s.nodeId);
+    const i = x(r, s.nodeId);
     t.push(...i?.fields || []);
   }
   return t;
 }
-function $e(r = []) {
+function Fe(r = []) {
   const e = {};
   for (const t of r)
     t.kind === "collect" && Object.assign(e, t.values || {});
   return e;
 }
-function Fe(r = []) {
+function $t(r = []) {
   return r.filter((e) => e.kind === "choice").map((e) => `${e.nodeId}:${e.optionId}`);
 }
-function Y(r, e = []) {
+function Ie(r, e = []) {
   const t = [];
   for (const s of e) {
     if (s.kind !== "choice") continue;
-    const n = (b(r, s.nodeId)?.options || []).find((o) => o.id === s.optionId);
+    const n = (x(r, s.nodeId)?.options || []).find((o) => o.id === s.optionId);
     t.push(...n?.flags || []);
   }
-  return H(t);
+  return Ee(t);
 }
-function Ie(r = []) {
+function kt(r = []) {
   return r.includes("urgent") ? "urgent" : r.includes("moderate") ? "moderate" : null;
 }
-function H(r) {
+function Ee(r) {
   return [...new Set(r)];
 }
-const Ee = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, M = {
+function At(r, e = []) {
+  const t = [];
+  for (const i of e) {
+    const [n, o] = String(i).split(":"), a = x(r, 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: s } = q(r, t);
+  return s ? { steps: [], error: s.reason } : { steps: t, error: null };
+}
+function Ft(r, e) {
+  const t = L(e);
+  if (!t) return { form: null, steps: [], error: "not a hand-off" };
+  const s = (r || []).find((o) => o.formId === t.formId);
+  if (!s) return { form: null, steps: [], error: `unknown form: ${t.formId}` };
+  const { steps: i, error: n } = At(s, t.path);
+  return n ? { form: null, steps: [], error: n } : { form: s, steps: i, error: null };
+}
+function It(r, e, t, s) {
+  return {
+    form: r,
+    steps: e,
+    option: { nodeId: t.id, optionId: s.id, label: s.label }
+  };
+}
+function Et(r = []) {
+  return r.every((e) => e.preset === !0);
+}
+function St(r, e, t) {
+  if (!Array.isArray(r) || !r.length) return [];
+  const s = [];
+  for (let i = 0; i < r.length; i++) {
+    const n = r[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 < r.length ? r[i + 1].formId : t;
+    if (L(d)?.formId !== p) return [];
+    s.push({ form: o, steps: n.steps || [], option: n.option });
+  }
+  return s;
+}
+function Ct({ attr: r = null, search: e = "" } = {}) {
+  const t = String(r ?? "").trim();
+  if (t) return t;
+  try {
+    return new URLSearchParams(e || "").get("flow")?.trim() || null;
+  } catch {
+    return null;
+  }
+}
+function Tt(r, e) {
+  return e && (r || []).find((t) => t.formId === e) || null;
+}
+function Rt(r, e) {
+  return !e || r?.form?.formId === e ? !0 : (r?.origins || []).some((t) => t.form?.formId === e);
+}
+const Mt = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, he = {
   text: 500,
   textarea: 5e3,
   url: 2048
-};
-function Se(r, e) {
-  if (e == null || e === "" || r.kind === "location" && Ae(e))
-    return r.required ? `Please fill in: ${r.label.toLowerCase()}.` : null;
+}, Ot = "Please confirm the rights statement so we can use what you send.";
+function Se(r, { mediaCount: e = 0 } = {}) {
+  return r.kind === "consent" && r.requiredIf === "media" ? e > 0 : !!r.required;
+}
+function Dt(r, e) {
+  try {
+    return new RegExp(r, "u").test(e);
+  } catch {
+    return !0;
+  }
+}
+function Pt(r) {
+  return r.key === "zip" ? "Please enter a five-digit zip code." : `Please check the format of ${r.label.toLowerCase()}.`;
+}
+function zt(r, e, { mediaCount: t = 0 } = {}) {
+  const s = Se(r, { mediaCount: t });
+  if (r.kind === "consent")
+    return e === !0 || !s ? null : Ot;
+  if (e == null || e === "" || r.kind === "location" && Nt(e))
+    return s ? `Please fill in: ${r.label.toLowerCase()}.` : null;
   switch (r.kind) {
     case "text":
     case "textarea": {
-      const s = r.maxLength || M[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 = r.maxLength || he[r.kind];
+      return typeof e != "string" ? `Please enter text for ${r.label.toLowerCase()}.` : e.length > n ? `Please keep ${r.label.toLowerCase()} under ${n} characters.` : r.kind === "text" && r.pattern && !Dt(r.pattern, e) ? Pt(r) : null;
     }
     case "url": {
-      if (typeof e != "string" || e.length > M.url)
+      if (typeof e != "string" || e.length > he.url)
         return "Please enter a valid link.";
       try {
         return new URL(e), null;
@@ -664,35 +1103,33 @@ function Se(r, e) {
       }
     }
     case "datetime":
-      return Ee.test(String(e)) ? null : "Please pick a date and time.";
+      return Mt.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 (r.options || []).map((o) => o.id).includes(e) ? null : `Please choose one of the options for ${r.label.toLowerCase()}.`;
     case "location":
-      return Ce(r, e);
+      return Bt(r, e);
     case "media":
       return null;
     default:
       return `Unsupported field: ${r.kind}`;
   }
 }
-function Ae(r) {
+function Nt(r) {
   return r == null ? !0 : typeof r != "object" ? !1 : !r.county && !r.where && !(Array.isArray(r.gps) && r.gps.length);
 }
-function Ce(r, e) {
+function Bt(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 O(r, e = {}) {
-  const t = {};
-  for (const s of r) {
-    if (s.kind === "media") continue;
-    const i = Se(s, e[s.key]);
-    i && (t[s.key] = i);
+function fe(r, e = {}, { mediaCount: t = 0 } = {}) {
+  const s = {};
+  for (const i of r) {
+    if (i.kind === "media") continue;
+    const n = zt(i, e[i.key], { mediaCount: t });
+    n && (s[i.key] = n);
   }
-  return { ok: Object.keys(t).length === 0, errors: t };
+  return { ok: Object.keys(s).length === 0, errors: s };
 }
-function C(r = [], e = {}, { required: t = !1 } = {}) {
+function Y(r = [], e = {}, { required: t = !1 } = {}) {
   const {
     maxFiles: s = 5,
     maxFileBytes: i = 512 * 1024 * 1024,
@@ -701,48 +1138,48 @@ function C(r = [], e = {}, { required: t = !1 } = {}) {
   return t && r.length === 0 && o.push({ reason: "required", message: "Please attach at least one photo or video." }), r.length > s && 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,
+  }), r.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 U({ formId: r, requestId: e, files: t }) {
+function me({ formId: r, requestId: e, files: t }) {
   return {
     formId: r,
     requestId: e,
     files: t.map((s) => ({ contentType: s.type, size: s.size }))
   };
 }
-function Te({ form: r, steps: e, media: t = [] }) {
-  const s = _e(r, e), i = $e(e), n = {};
+function Ut({ form: r, steps: e, media: t = [] }) {
+  const s = Ae(r, e), i = Fe(e), n = {};
   for (const o of s) {
     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: Fe(e),
+    path: $t(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 q(r, e) {
+function ge(r, e) {
   if (r === 429)
     return {
       kind: "throttled",
@@ -780,15 +1217,19 @@ function q(r, e) {
     message: "Something went wrong on our end; please try again."
   };
 }
-const Re = 34, De = 44;
-function L(r, e) {
+const Lt = 34, qt = 44;
+function ye(r, e) {
   const t = String(r);
   return t.length > e ? `${t.slice(0, e)}…` : t;
 }
-function ze(r) {
+function Ht(r, e) {
+  const t = (r.options || []).find((s) => s.id === e);
+  return t ? t.label : e;
+}
+function jt(r) {
   return !r || typeof r != "object" ? "" : [r.county, r.where].filter(Boolean).join(", ");
 }
-function Be(r, e = {}, t = []) {
+function Wt(r, e = {}, t = []) {
   const s = [];
   for (const i of r) {
     if (i.kind === "consent") continue;
@@ -796,21 +1237,21 @@ function Be(r, e = {}, t = []) {
       t.length && s.push(`${t.length} ${t.length === 1 ? "file" : "files"}`);
       continue;
     }
-    const n = i.kind === "location" ? ze(e[i.key]) : e[i.key];
-    n == null || n === "" || (i.kind === "textarea" ? s.push(`"${L(n, De)}"`) : s.push(L(n, Re)));
+    const n = i.kind === "location" ? jt(e[i.key]) : i.kind === "select" ? Ht(i, e[i.key]) : e[i.key];
+    n == null || n === "" || (i.kind === "textarea" ? s.push(`"${ye(n, qt)}"`) : s.push(ye(n, Lt)));
   }
   return s.join(" · ") || "Details provided";
 }
-function Pe(r, e = [], t = null) {
+function Vt(r, e = [], t = null) {
   const s = [];
   for (const n of e) {
-    const o = b(r, n.nodeId);
+    const o = x(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 i = Ie(Y(r, e));
+  const i = kt(Ie(r, e));
   return i && s.push({ k: "Priority", v: i === "urgent" ? "Urgent" : "Moderate", pill: i }), s;
 }
-function Me(r, e = []) {
+function Yt(r, e = []) {
   const t = r?.confirmation || {};
   return {
     title: t.title || "Report received.",
@@ -818,11 +1259,11 @@ function Me(r, e = []) {
     urgentNote: e.includes("urgent") ? t.urgentNote : void 0
   };
 }
-function Oe(r, e) {
+function Gt(r, 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.";
 }
-function Ue({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s = !1 }) {
+function Kt({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s = !1 }) {
   const i = e.includes("urgent");
   return [
     {
@@ -831,7 +1272,7 @@ function Ue({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s =
     },
     {
       title: "Routed",
-      body: Oe(r.destination, r.state),
+      body: Gt(r.destination, r.state),
       pill: i ? "Urgent · pinned first" : void 0
     },
     {
@@ -848,59 +1289,72 @@ function Ue({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s =
     }
   ];
 }
-const R = "wral-report-it:draft:v1", K = 1;
-function qe(r, e) {
+const Z = "wral-report-it:draft:v1", Ce = 1;
+function Qt(r, e) {
   try {
-    r.setItem(R, JSON.stringify({ ...e, v: K, savedAt: Date.now() }));
+    r.setItem(Z, JSON.stringify({ ...e, v: Ce, savedAt: Date.now() }));
   } catch {
   }
 }
-function Le(r) {
+function Zt(r) {
   try {
-    const e = r.getItem(R);
+    const e = r.getItem(Z);
     if (!e) return null;
     const t = JSON.parse(e);
-    return t?.v !== K ? null : t;
+    return t?.v !== Ce ? null : t;
   } catch {
     return null;
   }
 }
-function j(r) {
+function be(r) {
   try {
-    r.removeItem(R);
+    r.removeItem(Z);
   } catch {
   }
 }
-function je({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i = {} }) {
+function Jt({
+  apiOrigin: r,
+  form: e,
+  steps: t,
+  requestId: s = null,
+  mediaMeta: i = {},
+  origins: n = []
+}) {
   return {
     apiOrigin: r,
     formId: e.formId,
     flowVersion: e.flowVersion,
     requestId: s,
     steps: t,
-    media: i
+    media: i,
+    origins: n.map(({ form: o, steps: a, option: l }) => ({
+      formId: o.formId,
+      steps: a,
+      option: l
+    }))
   };
 }
-function Ne(r, e, { apiOrigin: t } = {}) {
+function Xt(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);
   if (!s) return { status: "discarded" };
-  const { error: i } = V(s, r.steps || []);
+  const { error: i } = q(s, r.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(r.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
+    lostMedia: n,
+    origins: St(r.origins, e, s.formId)
   };
 }
-function F(r = []) {
+function P(r = []) {
   return {
     stage: "idle",
     resumeStage: null,
@@ -920,7 +1374,7 @@ function F(r = []) {
     error: null
   };
 }
-function We(r, e) {
+function es(r, e) {
   switch (e.type) {
     case "START":
       return { ...r, stage: r.files.length ? "minting" : "requesting", error: null };
@@ -941,29 +1395,29 @@ function We(r, e) {
       return { ...r, stage: "uploading", files: t };
     }
     case "FILE_PROGRESS":
-      return v(r, e.i, (t) => ({
+      return T(r, e.i, (t) => ({
         ...t,
         progress: e.total ? e.loaded / e.total : 0
       }));
     case "FILE_DONE": {
-      const t = v(r, e.i, (s) => ({ ...s, status: "done", progress: 1 }));
-      return Ve(t);
+      const t = T(r, e.i, (s) => ({ ...s, status: "done", progress: 1 }));
+      return ts(t);
     }
     case "FILE_FAIL":
-      return { ...v(r, e.i, (s) => ({
+      return { ...T(r, e.i, (s) => ({
         ...s,
         status: "failed",
         error: e.error || "upload failed"
       })), stage: "uploading-error" };
     case "RETRY_FILE":
-      return { ...v(r, e.i, (s) => ({
+      return { ...T(r, e.i, (s) => ({
         ...s,
         status: "uploading",
         progress: 0,
         error: null
       })), stage: "uploading" };
     case "REMINT_FILE":
-      return { ...v(r, e.i, (s) => ({
+      return { ...T(r, e.i, (s) => ({
         ...s,
         assetId: e.upload.assetId,
         url: e.upload.url,
@@ -979,23 +1433,23 @@ function We(r, e) {
     case "REQUEST_FAIL":
       return { ...r, stage: "requesting-error", error: e.error };
     case "RESET":
-      return F([]);
+      return P([]);
     default:
       return r;
   }
 }
-function v(r, e, t) {
+function T(r, e, t) {
   const s = r.files.map((i, n) => n === e ? t(i) : i);
   return { ...r, files: s };
 }
-function Ve(r) {
+function ts(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 N(r) {
+function we(r) {
   return r.files.map((e, t) => ({ ...e, i: t })).filter((e) => e.status === "failed");
 }
-const Ye = [
+const ss = [
   "Wake",
   "Durham",
   "Orange",
@@ -1012,24 +1466,28 @@ const Ye = [
   "Moore",
   "Sampson",
   "Other / outside the area"
-], W = "(919) 821-8600", He = "https://www.wral.com/my-wral/", Ke = Object.freeze([
+], xe = "(919) 821-8600", rs = "https://www.wral.com/my-wral/", is = 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 Qe(r) {
+function ns(r) {
   const e = String(r).replace(/\D/g, "");
   return `tel:+1${e.length === 11 && e.startsWith("1") ? e.slice(1) : e}`;
 }
-const Ge = "https://api.wral.com/forms", Je = 480, Xe = 2, S = "Welcome to Report It. What would you like to send us?", A = "A few quick questions route your report to the right team.", Ze = 2500;
-class at extends T {
-  static styles = me;
+const os = "https://api.wral.com/forms", as = 480, ls = 2, Te = "What would you like to send to WRAL?", W = `Welcome to Report It. ${Te}`, V = "A few quick questions route your report to the right team.", cs = 2500, ds = "I took or own this material and give WRAL permission to use it on air and online with credit to me.";
+class ys extends G {
+  static styles = ot;
   static properties = {
     api: { type: String },
+    factsApi: { type: String, attribute: "facts-api" },
+    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 },
@@ -1038,45 +1496,51 @@ class at extends T {
     _submit: { state: !0 },
     _banner: { state: !0 },
     _notice: { state: !0 },
-    _result: { state: !0 }
+    _result: { state: !0 },
+    _factsOffer: { state: !0 }
   };
+  #c = null;
   #l = null;
-  #a = null;
-  #u = null;
+  #p = null;
   #t = null;
-  #r = {};
   #s = {};
-  #i = /* @__PURE__ */ new Map();
-  #y = null;
-  #p = null;
-  #w = !1;
+  #r = {};
+  #n = /* @__PURE__ */ new Map();
+  #w = null;
+  #h = null;
+  #x = !1;
   #d = null;
   #I = 0;
+  /* The gate was passed with an account created on this page load; offered once. */
+  #f = !1;
   constructor() {
-    super(), this.api = Ge, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._typing = !1, this._loadingSlow = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = F([]), this._banner = null, this._notice = null, this._result = null;
+    super(), this.api = os, this.factsApi = null, 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 = P([]), this._banner = null, this._notice = null, this._result = null, this._factsOffer = null;
   }
   get client() {
-    return this.#l ? this.#l : ((!this.#a || this.#u !== this.api) && (this.#a = ke({ baseUrl: this.api }), this.#u = this.api), this.#a);
+    if (this.#c) return this.#c;
+    const e = `${this.api}
+${this.factsApi || ""}`;
+    return (!this.#l || this.#p !== e) && (this.#l = _t({ baseUrl: this.api, factsBaseUrl: this.factsApi || null }), this.#p = e), this.#l;
   }
   set client(e) {
-    this.#l = e || null, this.isConnected && this.#x();
+    this.#c = e || null, this.isConnected && this.#v();
   }
   connectedCallback() {
-    super.connectedCallback(), this.#x();
+    super.connectedCallback(), this.#v();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.#y), clearTimeout(this.#p), this.#d?.();
-    for (const { abort: e } of this.#i.values()) e?.();
-    this.#i.clear();
+    super.disconnectedCallback(), clearTimeout(this.#w), clearTimeout(this.#h), this.#d?.();
+    for (const { abort: e } of this.#n.values()) e?.();
+    this.#n.clear();
   }
-  get #z() {
+  get #U() {
     try {
       return matchMedia("(prefers-reduced-motion: reduce)").matches;
     } catch {
       return !0;
     }
   }
-  get #h() {
+  get #m() {
     try {
       return sessionStorage;
     } catch {
@@ -1091,19 +1555,19 @@ class at extends T {
    * submission is enabled on this deployment, and a form whose desk needs
    * a way to reach the viewer opts out with allowAnonymous: false.
    */
-  get #B() {
+  get #L() {
     return this.client.anonymousCapability?.().enabled === !0 && this._form?.allowAnonymous !== !1;
   }
   /* Derived from the gate step, so a reload restores the choice. */
-  get #f() {
+  get #u() {
     return this._steps.some((e) => e.kind === "gate" && e.anonymous === !0);
   }
   // ── Loading + draft restore ─────────────────────────────────────
-  async #x() {
+  async #v() {
     const e = ++this.#I, t = () => e === this.#I;
-    this._phase = "loading", this._banner = null, this._loadingSlow = !1, clearTimeout(this.#p), this.#p = setTimeout(() => {
+    this._phase = "loading", this._banner = null, this._loadingSlow = !1, clearTimeout(this.#h), this.#h = setTimeout(() => {
       this._loadingSlow = !0;
-    }, Ze);
+    }, cs);
     let s;
     try {
       s = await this.client.listForms();
@@ -1111,102 +1575,161 @@ class at extends T {
       t() && (this._phase = "load-error");
       return;
     } finally {
-      t() && (clearTimeout(this.#p), this._loadingSlow = !1);
+      t() && (clearTimeout(this.#h), this._loadingSlow = !1);
     }
     if (!t()) return;
     this._forms = s;
-    const i = Ne(Le(this.#h), 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 });
+    const i = Ct({ attr: this.flow, search: globalThis.location?.search }), n = Xt(Zt(this.#m), this._forms, { apiOrigin: this.api });
+    if ((n.status === "ok" || n.status === "review-required") && Rt(n, i)) {
+      this._form = n.form, this._steps = n.steps, this._origins = n.origins || [], this.#t = n.requestId, this.#r = n.lostMedia || {}, n.status === "review-required" ? this._notice = "This form changed since your last visit — please review your answers." : Object.keys(this.#r).length && (this._notice = "Welcome back — your answers were saved, but attachments need to be re-attached."), this.#i({ animate: !1 });
+      return;
+    }
+    const o = Tt(this._forms, i);
+    if (o) {
+      this.#E(o);
       return;
     }
     this._phase = "pick";
   }
-  #c() {
+  #o() {
     if (!this._form) return;
     const e = {};
-    for (const [t, s] of Object.entries(this.#r))
+    for (const [t, s] of Object.entries(this.#s))
       s.length && (e[t] = s.map(({ name: i, type: n, size: o }) => ({ name: i, type: n, size: o })));
-    qe(this.#h, je({
+    Qt(this.#m, Jt({
       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.#z ? (this._typing = !0, clearTimeout(this.#y), this.#y = setTimeout(() => {
+  #i({ animate: e = !0 } = {}) {
+    this._phase = "walk", this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, e && !this.#U ? (this._typing = !0, clearTimeout(this.#w), this.#w = setTimeout(() => {
       this._typing = !1;
-    }, Je)) : this._typing = !1;
+    }, as)) : this._typing = !1;
   }
-  get #v() {
-    return this._form ? V(this._form, this._steps) : { node: null };
+  get #_() {
+    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();
+  #E(e) {
+    this._form = e, this._steps = [], this._origins = [], this._handoffError = !1, this.#t = null, this.#s = {}, this.#r = {}, this._notice = null, this.#o(), this.#i();
   }
   #g(e) {
-    this._steps = [...this._steps, e], this.#c(), this.#o();
+    this._steps = [...this._steps, e], this.#o(), this.#i();
+  }
+  #q(e, t) {
+    if (L(t)) {
+      this.#H(e, t);
+      return;
+    }
+    this._handoffError = !1, this.#g({
+      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.
+   */
+  #H(e, t) {
+    const { form: s, steps: i, error: n } = Ft(this._forms, t);
+    if (n) {
+      this._handoffError = !0;
+      return;
+    }
+    this._handoffError = !1, this._origins = [...this._origins, {
+      ...It(this._form, this._steps, e, t),
+      media: this.#s,
+      lostMedia: this.#r
+    }], this._form = s, this._steps = i, this.#t = null, this.#s = {}, this.#r = {}, this._notice = null, this.#o(), this.#i();
+  }
+  /* Back past a hand-off: the originating form, on the choice card. */
+  #j() {
+    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.#s = e.media || {}, this.#r = e.lostMedia || {}, this._handoffError = !1, this.#o(), this.#i({ animate: !1 });
   }
-  #M() {
+  #W() {
     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 && Et(this._steps)) {
+      this.#j();
       return;
     }
     if (!this._steps.length) {
-      this.#k();
+      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 });
   }
-  #k() {
-    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 = F([]), j(this.#h), this._phase = "pick";
+  #$() {
+    this.client.endAnonSession?.(), this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this.#t = null, this.#s = {}, this.#r = {}, this._result = null, this._banner = null, this._notice = null, this._submit = P([]), this._factsOffer = null, be(this.#m), this._phase = "pick";
   }
   // ── Collect card ────────────────────────────────────────────────
-  #_(e, t) {
+  #k(e, t) {
     this._cardValues = { ...this._cardValues, [e]: t };
   }
-  #O(e) {
-    const t = e.fields || [], { ok: s, errors: i } = O(t, this._cardValues), n = t.find((d) => d.kind === "media");
+  /* Files attached on the given collect cards (a files-only consent counts them). */
+  #S(e) {
+    let t = 0;
+    for (const s of new Set(e)) t += (this.#s[s] || []).length;
+    return t;
+  }
+  /* Files attached so far on this walk, the card being filled in included. */
+  #C(e) {
+    const t = this._steps.filter((s) => s.kind === "collect").map((s) => s.nodeId);
+    return this.#S([...t, e]);
+  }
+  #V(e) {
+    const t = e.fields || [], { ok: s, errors: i } = fe(t, this._cardValues, {
+      mediaCount: this.#C(e.id)
+    }), n = t.find((l) => l.kind === "media");
     let o = !0;
     if (n) {
-      const d = this.#r[e.id] || [], u = C(d, this._form.budget, {
+      const l = this.#s[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.#r = { ...this.#r, [e.id]: [] }) : (o = !1, i[n.key] = d.errors[0].message);
     }
     if (!s || !o) {
       this._fieldErrors = i;
       return;
     }
-    const l = this.#r[e.id] || [];
+    const a = this.#s[e.id] || [];
     this.#g({
       nodeId: e.id,
       kind: "collect",
       values: { ...this._cardValues },
-      summary: Be(t, this._cardValues, l)
+      summary: Wt(t, this._cardValues, a)
     });
   }
   // ── Gate ────────────────────────────────────────────────────────
-  async #E() {
-    if (!(this._gate.stage || this.#w)) {
-      this.#w = !0;
+  async #T() {
+    if (!(this._gate.stage || this.#x)) {
+      this.#x = !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.#w = !1;
+        this.#x = !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.#E();
+        this.#d?.(), this.#d = null, this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#T();
       }));
     }
   }
-  async #$() {
+  async #A() {
     const e = this._gate.email.trim();
     if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) {
       this._gate = { ...this._gate, error: "Please enter a valid email address." };
@@ -1214,8 +1737,8 @@ class at extends T {
     }
     this._gate = { ...this._gate, error: "", loading: !0 };
     try {
-      const t = await this.client.sendCode(e);
-      this._gate = t.authenticated ? { stage: "signedin", email: e, error: "", loading: !1 } : { ...this._gate, stage: "code", loading: !1 };
+      const t = await this.client.sendCode(e), s = !!t.newAccount;
+      this._gate = t.authenticated ? { stage: "signedin", email: e, error: "", loading: !1, newAccount: s } : { ...this._gate, stage: "code", loading: !1, newAccount: s };
     } catch (t) {
       this._gate = {
         ...this._gate,
@@ -1224,10 +1747,10 @@ class at extends T {
       };
     }
   }
-  async #S(e) {
+  async #R(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.#M(this._gate.email);
     } catch (t) {
       this._gate = {
         ...this._gate,
@@ -1236,145 +1759,147 @@ class at extends T {
       };
     }
   }
-  #A(e) {
-    if (this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit.stage === "auth") {
-      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#n();
+  #M(e) {
+    if (this.#f = !!this._gate.newAccount, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit.stage === "auth") {
+      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#a();
       return;
     }
-    const { node: t } = this.#v;
+    const { node: t } = this.#_;
     t?.type === "gate" && this.#g({ nodeId: t.id, kind: "gate", email: e });
   }
-  #U() {
-    this.client.signOut?.(), this._gate = { stage: "email", email: "", error: "", loading: !1 };
+  #Y() {
+    this.client.signOut?.(), this.#f = !1, this._gate = { stage: "email", email: "", error: "", loading: !1 };
   }
   // ── Anonymous route ─────────────────────────────────────────────
-  #q() {
+  #G() {
     this._gate = { ...this._gate, stage: "anon-confirm", error: "" };
   }
-  #L() {
+  #K() {
     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.#v;
+  #Q() {
+    const { node: e } = this.#_;
     e?.type === "gate" && (this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#g({ nodeId: e.id, kind: "gate", anonymous: !0 }));
   }
-  async #C() {
+  async #O() {
     try {
       return await this.client.createAnonSession({
         formId: this._form.formId,
         requestId: this.#t
       }), !0;
     } catch (e) {
-      return this._banner = q(e?.status ?? 0, e?.body ?? null), !1;
+      return this._banner = ge(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 #N() {
-    if (await this.#C()) {
-      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#n();
+  async #Z() {
+    if (await this.#O()) {
+      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#a();
       return;
     }
     this.#e({ type: "REQUEST_FAIL", error: this._banner });
   }
   // ── Submit pipeline ─────────────────────────────────────────────
-  get #m() {
+  get #y() {
     const e = [];
     for (const t of this._steps)
       if (t.kind === "collect")
-        for (const s of this.#r[t.nodeId] || [])
+        for (const s of this.#s[t.nodeId] || [])
           e.push(s);
     return e;
   }
   #e(e) {
-    this._submit = We(this._submit, e);
+    this._submit = es(this._submit, e);
   }
-  async #W() {
+  async #J() {
     this._banner = null;
     for (let e = 0; e < this._steps.length; e++) {
       const t = this._steps[e];
       if (t.kind !== "collect") continue;
-      const s = b(this._form, t.nodeId), { ok: i, errors: n } = O(s?.fields || [], t.values), o = (s?.fields || []).find((d) => d.kind === "media");
+      const s = 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 } = fe(s?.fields || [], t.values, {
+        mediaCount: this.#S(i)
+      }), a = (s?.fields || []).find((d) => d.kind === "media");
       let l = !0;
-      if (o) {
-        const d = this.#r[t.nodeId] || [], u = C(d, this._form.budget, {
-          required: !!o.required
+      if (a) {
+        const d = this.#s[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.#f) {
-      if (!await this.#C()) return;
+    if (this.#t = this.#t || crypto.randomUUID(), this.#o(), this.#u) {
+      if (!await this.#O()) return;
     } else
       this.client.endAnonSession?.();
-    if (this._submit = F(this.#m), this._phase = "submitting", this.#f) {
-      this.#e({ type: "START" }), this.#n();
+    if (this._submit = P(this.#y), this._phase = "submitting", this.#u) {
+      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.#V();
-    if (e === "uploading") return this.#T();
-    if (e === "requesting") return this.#K();
+    if (e === "minting") return this.#X();
+    if (e === "uploading") return this.#D();
+    if (e === "requesting") return this.#se();
   }
-  async #V() {
+  async #X() {
     try {
-      const e = await this.client.createUploads(U({
+      const e = await this.client.createUploads(me({
         formId: this._form.formId,
         requestId: this.#t,
-        files: this.#m
+        files: this.#y
       }));
-      this.#e({ type: "MINTED", uploads: e }), this.#n();
+      this.#e({ type: "MINTED", uploads: e }), this.#a();
     } catch (e) {
       this.#F(e);
     }
   }
-  #T() {
-    const e = this._submit.files, t = this.#i.size;
+  #D() {
+    const e = this._submit.files, t = this.#n.size;
     let s = 0;
-    for (let i = 0; i < e.length && t + s < Xe; i++)
-      e[i].status !== "uploading" || this.#i.has(i) || (s += 1, this.#Y(i));
+    for (let i = 0; i < e.length && t + s < ls; i++)
+      e[i].status !== "uploading" || this.#n.has(i) || (s += 1, this.#ee(i));
   }
-  #Y(e) {
-    const t = this._submit.files[e], s = this.#m[e], { promise: i, abort: n } = this.client.uploadFile({
+  #ee(e) {
+    const t = this._submit.files[e], s = this.#y[e], { promise: i, abort: n } = this.client.uploadFile({
       url: t.url,
       file: s,
       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 #H(e) {
+  async #te(e) {
     if (this._submit.files[e].error === "expired")
       try {
-        const [s] = await this.client.createUploads(U({
+        const [s] = await this.client.createUploads(me({
           formId: this._form.formId,
           requestId: this.#t,
-          files: [this.#m[e]]
+          files: [this.#y[e]]
         }));
         this.#e({ type: "REMINT_FILE", i: e, upload: s });
       } catch (s) {
@@ -1383,37 +1908,55 @@ class at extends T {
       }
     else
       this.#e({ type: "RETRY_FILE", i: e });
-    this.#T();
+    this.#D();
   }
-  async #K() {
+  async #se() {
     try {
-      const e = this._submit.files.map(({ assetId: s, type: i }) => ({ assetId: s, type: i })), t = await this.client.putRequest(this.#t, Te({
+      const e = this._submit.files.map(({ assetId: s, type: i }) => ({ assetId: s, type: i })), t = await this.client.putRequest(this.#t, Ut({
         form: this._form,
         steps: this._steps,
         media: e
       }));
-      this.#e({ type: "REQUEST_OK", result: t }), this._result = t, j(this.#h), this.client.endAnonSession?.(), this._phase = "done";
+      this.#e({ type: "REQUEST_OK", result: t }), this._result = t, be(this.#m), this.client.endAnonSession?.(), this.#re(), this._phase = "done";
     } catch (e) {
       this.#F(e);
     }
   }
+  // ── Save to My WRAL (new accounts only) ─────────────────────────
+  #re() {
+    if (!this.#f || this.#u || !this.client.saveUserFacts) return;
+    this.#f = !1;
+    const e = wt(Ae(this._form, this._steps), Fe(this._steps));
+    e.length && (this._factsOffer = { stage: "offer", facts: e });
+  }
+  async #ie() {
+    const e = this._factsOffer;
+    if (!(!e || e.stage === "saving")) {
+      this._factsOffer = { ...e, stage: "saving" };
+      try {
+        await this.client.saveUserFacts(e.facts), this._factsOffer = { ...e, stage: "saved" };
+      } catch {
+        this._factsOffer = { ...e, stage: "error" };
+      }
+    }
+  }
   #F(e) {
-    const t = q(e?.status ?? 0, e?.body ?? null);
+    const t = ge(e?.status ?? 0, e?.body ?? null);
     if (t.kind === "auth") {
-      if (this.#e({ type: "AUTH_REQUIRED" }), this.#f) {
-        this.#N();
+      if (this.#e({ type: "AUTH_REQUIRED" }), this.#u) {
+        this.#Z();
         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.#Q();
+      this._banner = t, this.#e({ type: "REQUEST_FAIL", error: t }), this.#ne();
       return;
     }
     this._banner = t, this.#e({ type: "REQUEST_FAIL", error: t });
   }
-  async #Q() {
+  async #ne() {
     try {
       this._forms = await this.client.listForms();
       const e = this._forms.find((t) => t.formId === this._form.formId);
@@ -1421,177 +1964,206 @@ class at extends T {
     } catch {
     }
   }
-  #G() {
-    this._banner = null, this.#e({ type: "REQUEST_START" }), this.#n();
+  #oe() {
+    this._banner = null, this.#e({ type: "REQUEST_START" }), this.#a();
   }
   // ── Render ──────────────────────────────────────────────────────
   render() {
-    return a`
+    return c`
 			<div class="chat" aria-live="polite">
-				${this.#J()}
+				${this.#ae()}
 			</div>
-			${this.#ce()}
+			${this.#$e()}
 		`;
   }
-  #J() {
+  #ae() {
     switch (this._phase) {
       case "loading":
-        return a`${h(S, this._loadingSlow ? "Loading the form list…" : A)}
-				${E()}`;
+        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.#x()}>Try again</button>
+					<button type="button" class="chip" @click=${() => this.#v()}>Try again</button>
 				</div>
 			`;
       case "pick":
-        return this.#X();
+        return this.#le();
       case "walk":
-        return a`${this.#b()}${this._typing ? E() : this.#Z()}`;
+        return c`${this.#b()}${this._typing ? j() : this.#ce()}`;
       case "review":
-        return a`${this.#b()}${this.#D()}`;
+        return c`${this.#b()}${this.#N()}`;
       case "submitting":
-        return a`${this.#b()}${this.#le()}`;
+        return c`${this.#b()}${this.#be()}`;
       case "done":
-        return a`${this.#b()}${this.#de()}`;
+        return c`${this.#b()}${this.#xe ? this.#_e() : c`${this.#ve()}${this.#we()}`}`;
       default:
-        return c;
+        return h;
     }
   }
-  #X() {
-    const e = this._forms;
-    return a`
-			${h(S, A, { noAnim: !0 })}
-			<div class="options" role="group" aria-label="What would you like to send us?">
-				${e.map((t, s) => a`
+  #le() {
+    const e = this._forms.filter((t) => t.listed !== !1);
+    return c`
+			${g(W, V, { noAnim: !0 })}
+			<div class="options" role="group" aria-label=${Te}>
+				${e.map((t, s) => c`
 					<button type="button" class="chip" style="animation-delay: ${60 + s * 50}ms"
-						@click=${() => this.#P(t)}>${t.title}</button>
+						@click=${() => this.#E(t)}>${t.title}</button>
 				`)}
 			</div>
 		`;
   }
+  /*
+   * 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(S, A, { 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 = b(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(v(t.title, { noAnim: !0 })), this._notice && e.push(g(this._notice, "", { noAnim: !0 }));
+    let s = null;
+    for (const i of this._origins) {
+      e.push(...this.#P(i.form, i.steps, s));
+      const n = x(i.form, i.option.nodeId);
+      n?.prompt && e.push(g(n.prompt, n.help, { noAnim: !0 })), s = i.option.label || i.option.optionId, e.push(v(s, { noAnim: !0 }));
+    }
+    return e.push(...this.#P(this._form, this._steps, s)), e;
+  }
+  #P(e, t, s = null) {
+    const i = [];
+    for (const n of t) {
+      if (n.preset) {
+        const a = n.label || n.optionId;
+        a !== s && i.push(v(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(
-        "Last step: verify your email so we can follow up.",
+      ) : g(
+        "Almost done: 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(v(n.label || n.optionId, { noAnim: !0 })), n.kind === "collect" && i.push(v(n.summary || "Details provided", { noAnim: !0 })), n.kind === "gate" && i.push(v(n.anonymous ? "Send anonymously" : n.email, { noAnim: !0 }));
     }
-    return e;
+    return i;
   }
-  #Z() {
-    const { node: e, error: t } = this.#v;
-    return t || !e ? h("Something went sideways with this form.", "Please start over.", { error: !0 }) : e.type === "choice" ? this.#ee(e) : e.type === "collect" ? this.#te(e) : e.type === "gate" ? this.#R(e) : e.type === "redirect" ? this.#oe(e) : e.type === "terminal" ? this.#D() : c;
+  #ce() {
+    const { node: e, error: t } = this.#_;
+    return t || !e ? g("Something went sideways with this form.", "Please start over.", { error: !0 }) : e.type === "choice" ? this.#de(e) : e.type === "collect" ? this.#ue(e) : e.type === "gate" ? this.#z(e) : e.type === "redirect" ? this.#ye(e) : e.type === "terminal" ? this.#N() : h;
   }
-  #ee(e) {
-    return a`
-			${h(e.prompt, e.help)}
+  #de(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 }) : h}
 			<div class="options" role="group" aria-label=${e.prompt || "Choose one"}>
-				${(e.options || []).map((t, s) => a`
+				${(e.options || []).map((t, s) => c`
 					<button type="button" class="chip" style="animation-delay: ${60 + s * 50}ms"
-						@click=${() => this.#g({
-      nodeId: e.id,
-      kind: "choice",
-      optionId: t.id,
-      label: t.label
-    })}>${t.label}</button>
+						@click=${() => this.#q(e, t)}>${t.label}</button>
 				`)}
 			</div>
 		`;
   }
-  #te(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).
+   */
+  #ue(e) {
     const t = e.fields || [];
-    return a`
-			${h(e.prompt, e.help)}
-			<div class="form-card">
-				${t.map((s) => this.#re(e, s))}
-				<button type="button" class="btn-primary" @click=${() => this.#O(e)}>
-					Continue
-				</button>
-			</div>
+    return c`
+			${g(e.prompt, e.help)}
+			<form class="form-card" autocomplete="on" novalidate
+				@submit=${(s) => {
+      s.preventDefault(), this.#V(e);
+    }}>
+				${t.map((s) => this.#pe(e, s))}
+				<button type="submit" class="btn-primary">Continue</button>
+			</form>
 		`;
   }
-  #re(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>
+  #pe(e, t) {
+    const s = this.#C(e.id);
+    if (t.kind === "consent" && t.requiredIf === "media" && s === 0)
+      return h;
+    const i = this._cardValues[t.key], n = this._fieldErrors[t.key], o = !Se(t, { mediaCount: s }) && t.kind !== "consent" ? c` <span class="opt">optional</span>` : h, a = t.kind === "consent" ? h : c`
+			<label for="f-${t.key}">${t.label}${o}</label>
 		`;
-    return a`
+    return c`
 			<div class="field">
-				${o}
-				${this.#se(e, t, s)}
-				${i ? a`<div class="err" role="alert">${i}</div>` : c}
+				${a}
+				${this.#he(e, t, i)}
+				${n ? c`<div class="err" role="alert">${n}</div>` : h}
 			</div>
 		`;
   }
-  #se(e, t, s) {
-    const i = (n) => (o) => this.#_(n, o.target.value);
+  #he(e, t, s) {
+    const i = (n) => (o) => this.#k(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=${s || ""}
+				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=${s || ""}
 				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=${s || ""}
 				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=${s || ""}
 				@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`
+					${(t.options || []).map((n) => c`
 						<option value=${n.id} ?selected=${s === n.id}>${n.label}</option>
 					`)}
 				</select>
 			`;
       case "location":
-        return this.#ie(t, s || {});
+        return this.#fe(t, s || {});
       case "consent":
-        return a`
+        return c`
 				<div class="consent-row">
 					<input type="checkbox" id="f-${t.key}" .checked=${s === !0}
-						@change=${(n) => this.#_(t.key, n.target.checked)}>
+						@change=${(n) => this.#k(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 || ds}
 					</label>
 				</div>
 			`;
       case "media":
-        return a`
+        return c`
 				<wral-report-media
-					.files=${this.#r[e.id] || []}
-					.lostMeta=${this.#s[e.id] || []}
+					.files=${this.#s[e.id] || []}
+					.lostMeta=${this.#r[e.id] || []}
 					.budget=${this._form.budget || {}}
 					?required=${!!t.required}
 					label=${t.label}
 					@files-changed=${(n) => {
-          this.#r = { ...this.#r, [e.id]: n.detail.files }, this.requestUpdate();
+          this.#s = { ...this.#s, [e.id]: n.detail.files }, this.requestUpdate();
         }}></wral-report-media>
 			`;
       default:
-        return c;
+        return h;
     }
   }
-  #ie(e, t) {
-    const s = e.counties || Ye, i = (n) => this.#_(e.key, { ...t, ...n });
-    return a`
+  #fe(e, t) {
+    const s = e.counties || ss, i = (n) => this.#k(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`
+				${s.map((n) => c`
 					<option value=${n} ?selected=${t.county === n}>${n}</option>
 				`)}
 			</select>
@@ -1602,24 +2174,24 @@ class at extends T {
 				@input=${(n) => i({ where: n.target.value || void 0 })}>
 		`;
   }
-  #R(e) {
-    this.#E();
-    const t = this._gate, s = h(
-      "Last step: verify your email so we can follow up.",
+  #z(e) {
+    this.#T();
+    const t = this._gate, s = g(
+      "Almost done: verify your email so we can follow up.",
       "One address, one code. No password needed."
     );
-    return t.stage ? t.stage === "signedin" ? a`
+    return t.stage ? t.stage === "signedin" ? c`
 				${s}
 				<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.#M(t.email)}>Continue</button>
 					<button type="button" class="btn-ghost"
-						@click=${() => this.#U()}>Use a different email</button>
+						@click=${() => this.#Y()}>Use a different email</button>
 				</div>
-			` : t.stage === "email" ? a`
+			` : t.stage === "email" ? c`
 				${s}
 				<div class="form-card login-card">
 					<h2>Sign in or create account</h2>
@@ -1634,12 +2206,12 @@ class at extends T {
       this._gate = { ...t, email: i.target.value };
     }}
 							@keydown=${(i) => {
-      i.key === "Enter" && this.#$();
+      i.key === "Enter" && this.#A();
     }}>
 					</div>
-					${t.error ? a`<div class="err" role="alert">${t.error}</div>` : c}
+					${t.error ? c`<div class="err" role="alert">${t.error}</div>` : h}
 					<button type="button" class="login-btn" ?disabled=${t.loading}
-						@click=${() => this.#$()}>
+						@click=${() => this.#A()}>
 						${t.loading ? "Sending…" : "Continue with email"}
 					</button>
 					<div class="login-why">
@@ -1648,12 +2220,12 @@ class at extends T {
 							<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=${He} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
+							<li><a href=${rs} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
 						</ul>
 					</div>
-					${this._submit.stage === "auth" ? c : this.#ne()}
+					${this._submit.stage === "auth" ? h : this.#me()}
 				</div>
-			` : t.stage === "anon-confirm" ? this.#ae(s) : a`
+			` : t.stage === "anon-confirm" ? this.#ge(s) : c`
 			${s}
 			<div class="form-card login-card">
 				<h2>Enter verification code</h2>
@@ -1667,48 +2239,48 @@ class at extends T {
 				<div class="field">
 					<label>Verification code</label>
 					<wral-code-input
-						@code-complete=${(i) => this.#S(i.detail?.code ?? i.detail?.value ?? i.target.value)}>
+						@code-complete=${(i) => this.#R(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>` : h}
 				<button type="button" class="login-btn" ?disabled=${t.loading}
 					@click=${() => {
       const i = this.renderRoot.querySelector("wral-code-input");
-      this.#S(i?.value || "");
+      this.#R(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.#A()}>resend a new code</button>.
 				</p>
 			</div>
-		` : a`${s}${E()}`;
+		` : c`${s}${j()}`;
   }
   /* Collapsed by default: findable for whoever needs it, never the
    * first thing a viewer reaches for. */
-  #ne() {
-    return a`
+  #me() {
+    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=${Qe(W)}>${W}</a>.
+						<a href=${ns(xe)}>${xe}</a>.
 					</p>
-					${this.#B ? a`
+					${this.#L ? c`
 						<p class="alt-row">
 							<button type="button" class="alt-link"
-								@click=${() => this.#q()}>Send this anonymously</button>
+								@click=${() => this.#G()}>Send this anonymously</button>
 							— no follow-up, and no credit if we use your photos or video.
 						</p>
-					` : c}
+					` : h}
 				</div>
 			</details>
 		`;
   }
-  #ae(e) {
-    return a`
+  #ge(e) {
+    return c`
 			${e}
 			<div class="form-card login-card">
 				<h2>Before you send anonymously</h2>
@@ -1716,22 +2288,22 @@ class at extends T {
 					You can send this report without an account. Here is what it costs you.
 				</p>
 				<ul class="anon-costs">
-					${Ke.map((t) => a`
+					${is.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.#L()}>Sign in instead</button>
+						@click=${() => this.#K()}>Sign in instead</button>
 					<button type="button" class="btn-ghost"
-						@click=${() => this.#j()}>Continue anonymously</button>
+						@click=${() => this.#Q()}>Continue anonymously</button>
 				</div>
 			</div>
 		`;
   }
-  #oe(e) {
+  #ye(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);
@@ -1748,33 +2320,33 @@ class at extends T {
 			</div>
 		`;
   }
-  #D() {
-    const e = Pe(this._form, this._steps);
-    return a`
-			${h("Here is what you are sending.", "Check it over, then submit.")}
+  #N() {
+    const e = Vt(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 ? be(t.pill) : t.v}</span>
+							<span>${t.pill ? at(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}
+				` : h}
 				<div style="margin-top: 16px;">
-					<button type="button" class="btn-primary" @click=${() => this.#W()}>
+					<button type="button" class="btn-primary" @click=${() => this.#J()}>
 						Submit report
 					</button>
 				</div>
 			</div>
 		`;
   }
-  #le() {
+  #be() {
     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…",
@@ -1782,10 +2354,10 @@ class at extends T {
       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((s, i) => c`
 					<div class="upload-row">
 						<span class="name">${s.name}</span>
 						<div class="upload-bar" role="progressbar"
@@ -1796,63 +2368,67 @@ class at extends T {
 						<span class="state ${s.status === "failed" ? "failed" : ""}">
 							${s.status === "done" ? "Done" : s.status === "failed" ? "Failed" : "Uploading"}
 						</span>
-						${s.status === "failed" ? a`
-							<button type="button" class="retry-chip" @click=${() => this.#H(i)}>
+						${s.status === "failed" ? c`
+							<button type="button" class="retry-chip" @click=${() => this.#te(i)}>
 								Retry
 							</button>
-						` : c}
+						` : h}
 					</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}
+					` : h}
 					<button type="button" class="btn-primary" style="margin-top: 8px;"
-						@click=${() => this.#G()}>Try again</button>
-				` : c}
-				${N(e).length && e.stage === "uploading-error" ? a`
+						@click=${() => this.#oe()}>Try again</button>
+				` : h}
+				${we(e).length && e.stage === "uploading-error" ? c`
 					<div class="err" role="alert">Retry the failed
-						${N(e).length === 1 ? "file" : "files"} to continue.</div>
-				` : c}
+						${we(e).length === 1 ? "file" : "files"} to continue.</div>
+				` : h}
 			</div>
 		`;
   }
-  #de() {
-    const e = Y(this._form, this._steps), t = Me(this._result, e), s = Ue({
+  #we() {
+    const e = Ie(this._form, this._steps), t = Yt(this._result, e), s = Kt({
       routing: this._result?.routing || {},
       flags: e,
       reference: this._result?.reference || "",
-      anonymous: this.#f
+      anonymous: this.#u
     });
-    return a`
+    return c`
 			<div class="confirm-card">
 				<div class="c-head">
-					<div class="c-check">${ye()}</div>
+					<div class="c-check">${lt()}</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>` : h}
+				${this._factsOffer?.stage === "saved" ? c`
+					<p role="status">Your ${this.#B} ${this._factsOffer.facts.length === 1 ? "is" : "are"}
+						saved to your My WRAL account.</p>
+				` : h}
 				<div class="refs">
 					<span class="ref"><span class="rk">Reference</span>${this._result?.reference || ""}</span>
 				</div>
-				<button type="button" class="c-again" @click=${() => this.#k()}>
+				<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`
+				${s.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>` : h}
 							</div>
 							<div class="j-d">${i.body}</div>
 						</div>
@@ -1861,15 +2437,59 @@ class at extends T {
 			</div>
 		`;
   }
-  #ce() {
+  /* The offer is a step of its own: the confirmation waits for Save or No thanks. */
+  get #xe() {
+    return ["offer", "saving", "error"].includes(this._factsOffer?.stage);
+  }
+  get #B() {
+    return (this._factsOffer?.facts || []).map((e) => e.label.toLowerCase()).join(" and ");
+  }
+  #ve() {
+    const e = this._factsOffer?.stage;
+    return e === "saved" ? v("Save to my account", { noAnim: !0 }) : e === "dismissed" ? v("No thanks", { noAnim: !0 }) : h;
+  }
+  #_e() {
+    const e = this._factsOffer, t = e.stage === "saving";
+    return c`
+			${g(
+      `One more step: save your ${this.#B} to your new My WRAL account?`,
+      "Only what is listed here is saved."
+    )}
+			<div class="form-card facts-offer">
+				<dl>
+					${e.facts.map((s) => c`<dt>${s.label}</dt><dd>${s.value}</dd>`)}
+				</dl>
+				<p class="facts-note">
+					${ct()}
+					<span>${e.facts.length === 1 ? "This is saved to your My WRAL dashboard, where you can change it anytime." : "These are saved to your My WRAL dashboard, where you can change them anytime."}</span>
+				</p>
+				${e.stage === "error" ? c`
+					<div class="err" role="alert">We couldn't save these. Please try again.</div>
+				` : h}
+				<div class="actions">
+					<button type="button" class="btn-primary" ?disabled=${t}
+						@click=${() => this.#ie()}>
+						${t ? "Saving…" : e.stage === "error" ? "Try again" : "Save to my account"}
+					</button>
+					<button type="button" class="btn-ghost" ?disabled=${t}
+						@click=${() => {
+      this._factsOffer = { ...e, stage: "dismissed" };
+    }}>
+						No thanks
+					</button>
+				</div>
+			</div>
+		`;
+  }
+  #$e() {
     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.#M()}>← Back</button>
+						@click=${() => this.#W()}>← Back</button>
 					<button type="button" class="btn-ghost" ?disabled=${this._phase === "submitting"}
-						@click=${() => this.#k()}>Start over</button>
+						@click=${() => this.#$()}>Start over</button>
 					<span class="note">Your report goes to a person on the right desk.</span>
 				</div>
 			</div>
@@ -1879,7 +2499,7 @@ class at extends T {
     this.renderRoot?.querySelector(".chat")?.lastElementChild?.scrollIntoView?.({ block: "nearest" });
   }
 }
-class ot extends T {
+class bs extends G {
   static properties = {
     files: { attribute: !1 },
     lostMeta: { attribute: !1 },
@@ -1887,7 +2507,7 @@ class ot extends T {
     required: { type: Boolean },
     label: { type: String }
   };
-  static styles = f`
+  static styles = b`
 		: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; }
@@ -1909,64 +2529,64 @@ class ot extends T {
   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,
       composed: !0
     }));
   }
-  #u(e) {
+  #p(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 } = C(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 || h}
 				aria-label=${this.label}
-				@change=${this.#u}>
-			${e.length ? a`
+				@change=${this.#p}>
+			${e.length ? c`
 				<ul class="file-list">
-					${e.map((s, i) => a`
+					${e.map((s, i) => c`
 						<li>
 							<span>${s.name}</span>
-							<span class="size">${et(s.size)}</span>
+							<span class="size">${us(s.size)}</span>
 							<button type="button" class="remove"
 								aria-label="Remove ${s.name}"
 								@click=${() => this.#t(i)}>✕</button>
 						</li>
 					`)}
 				</ul>
-			` : c}
-			${(this.lostMeta || []).length ? a`
+			` : h}
+			${(this.lostMeta || []).length ? c`
 				<div class="lost">
 					Please re-attach your ${this.lostMeta.length === 1 ? "file" : "files"}
 					(${this.lostMeta.map((s) => s.name).join(", ")}) —
 					attachments can't be saved between visits.
 				</div>
-			` : c}
-			${t.map((s) => a`<div class="err">${s.message}</div>`)}
+			` : h}
+			${t.map((s) => c`<div class="err">${s.message}</div>`)}
 		`;
   }
 }
-function et(r) {
+function us(r) {
   return Number.isFinite(r) ? r >= 1024 * 1024 ? `${(r / (1024 * 1024)).toFixed(1)} MB` : r >= 1024 ? `${Math.round(r / 1024)} KB` : `${r} B` : "";
 }
-const tt = (r, e, t, s) => {
+const ps = (r, e, t, s) => {
   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;
-}, rt = (r, e, t, s) => {
+  const o = n.join(""), a = n.every((l) => l !== "");
+  return s("code-change", { value: o, complete: a }), i && a && s("code-complete", { value: o }), n;
+}, hs = (r, e, t, s) => {
   if (e.key === "Backspace") {
     const i = [...t];
     !i[r] && r > 0 ? i[r - 1] = "" : i[r] && (i[r] = "");
@@ -1974,23 +2594,23 @@ const tt = (r, e, t, s) => {
     return s("code-change", { value: n, complete: !1 }), i;
   }
   return t;
-}, st = (r, e, t) => {
+}, fs = (r, e, t) => {
   r.preventDefault();
   const s = r.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
   if (s.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 !== "");
+  for (let a = 0; a < s.length && a < 6; a++)
+    i[a] = s[a];
+  const n = i.join(""), o = i.every((a) => a !== "");
   return t("code-change", { value: n, complete: o }), s.length === 6 && t("code-complete", { value: n }), i;
 };
-class lt extends T {
+class ws extends G {
   static formAssociated = !0;
   static properties = {
     _values: { type: Array, state: !0 },
     disabled: { type: Boolean, reflect: !0 }
   };
-  static styles = f`
+  static styles = b`
     :host {
       display: block;
       width: 100%;
@@ -2089,7 +2709,7 @@ class lt extends T {
     this.getInputs()[e]?.focus();
   }
   inputHandler(e, t) {
-    this._values = tt(
+    this._values = ps(
       e,
       t,
       this._values,
@@ -2099,7 +2719,7 @@ class lt extends T {
   keydownHandler(e, t) {
     if (t.key === "Backspace") {
       const s = !this._values[e];
-      this._values = rt(
+      this._values = hs(
         e,
         t,
         this._values,
@@ -2108,12 +2728,12 @@ class lt extends T {
     }
   }
   pasteHandler(e) {
-    this._values = st(e, this._values, this.dispatchCustomEvent.bind(this));
+    this._values = fs(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"
@@ -2133,10 +2753,10 @@ class lt extends T {
   }
 }
 export {
-  lt as W,
-  ot as a,
-  at as b,
-  ve as c,
-  xe as d,
-  ke as e
+  ws as W,
+  bs as a,
+  ys as b,
+  vt as c,
+  ut as d,
+  _t as e
 };