@wral/report-it 0.1.2 → 0.1.4

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

@@ -1,6 +1,6 @@
-import { css as p, html as l, nothing as c, LitElement as I } from "lit";
-import { getAuthContext as W, createStorage as V, verifyCode as N, extractTokens as S, saveTokens as A, decodeJwtPayload as R, refreshTokenSimple as H, sendCode as Y, createUserPool as K, signUpIfNeeded as Q, createCognitoUser as G, getAuthHeaders as J, STORAGE_KEYS as _, isAuthenticatedSimple as X } from "@wral/sdk-auth-audience";
-const Z = p`
+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`
 	:host {
 		display: block;
 		box-sizing: border-box;
@@ -24,7 +24,7 @@ const Z = p`
 		position: absolute; width: 1px; height: 1px; overflow: hidden;
 		clip: rect(0 0 0 0); white-space: nowrap;
 	}
-`, ee = p`
+`, ae = f`
 	@keyframes pop-in {
 		0%   { opacity: 0; transform: translateY(16px) scale(0.95); }
 		100% { opacity: 1; transform: translateY(0) scale(1); }
@@ -55,7 +55,7 @@ const Z = p`
 			animation: none !important;
 		}
 	}
-`, te = p`
+`, oe = f`
 	.msg { max-width: 85%; padding: 12px 16px; border-radius: 14px; font-size: 15px; }
 	.msg.bot {
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -77,7 +77,7 @@ const Z = p`
 	.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); }
-`, re = p`
+`, le = f`
 	.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 +91,7 @@ const Z = p`
 	.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); }
-`, se = p`
+`, de = f`
 	.form-card {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -156,7 +156,7 @@ const Z = p`
 	.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; }
-`, ie = p`
+`, ce = f`
 	.login-card { padding: 28px 26px; }
 	.login-card h2 {
 		font-family: var(--wral-base-font-display, 'IBM Plex Sans Condensed', sans-serif);
@@ -202,13 +202,48 @@ const Z = p`
 	.login-why ul { margin: 0; padding-left: 20px; font-size: 14px; color: var(--color-gray-6, #565454); }
 	.login-why li { margin-bottom: 4px; line-height: 1.5; }
 	.login-why a { color: var(--color-secondary, #2594E3); font-weight: 600; text-decoration: underline; }
-	.login-anon {
-		border-top: 1px solid var(--color-gray-2, #E7E5E4); margin: 16px 0 0; padding-top: 14px;
-		font-size: 14px; color: var(--color-gray-6, #565454); line-height: 1.5;
+	.login-alt {
+		border-top: 1px solid var(--color-gray-2, #E7E5E4); margin-top: 16px; padding-top: 12px;
 	}
-	.login-anon a { color: var(--color-primary-dark, #00144A); font-weight: 600; text-decoration: none; white-space: nowrap; }
-	.login-anon a:hover { text-decoration: underline; }
-`, ae = p`
+	.login-alt > summary {
+		display: flex; align-items: center; gap: 7px;
+		font-size: 14px; font-weight: 600;
+		color: var(--color-gray-5, #6C6C6C);
+		padding: 3px 0; cursor: pointer; list-style: none;
+	}
+	.login-alt > summary::-webkit-details-marker { display: none; }
+	.login-alt > summary::before {
+		content: ''; flex-shrink: 0; padding: 2.5px;
+		border: solid currentColor; border-width: 0 1.5px 1.5px 0;
+		transform: rotate(-45deg); transition: transform 150ms;
+	}
+	.login-alt[open] > summary::before { transform: rotate(45deg); }
+	.login-alt > summary:hover { color: var(--color-gray-8, #263238); }
+	.login-alt > summary:focus-visible { outline: 2px solid var(--color-secondary, #2594E3); outline-offset: 2px; }
+	.login-alt .alt-body {
+		font-size: 13.5px; color: var(--color-gray-6, #565454);
+		line-height: 1.55; padding: 6px 0 2px;
+	}
+	.login-alt .alt-row { margin: 0 0 10px; }
+	.login-alt .alt-row:last-child { margin-bottom: 0; }
+	.login-alt a, .login-alt .alt-link {
+		color: var(--color-primary-dark, #00144A); font-weight: 600;
+		text-decoration: underline;
+	}
+	.login-alt a { text-decoration: none; white-space: nowrap; }
+	.login-alt a:hover { text-decoration: underline; }
+	.login-alt .alt-link {
+		background: none; border: none; padding: 0; cursor: pointer;
+		font-family: inherit; font-size: inherit;
+	}
+	.login-alt .alt-link:focus-visible { outline: 2px solid var(--color-secondary, #2594E3); outline-offset: 2px; }
+	.anon-costs { margin: 0 0 18px; padding: 0; list-style: none; font-size: 14px; color: var(--color-gray-6, #565454); }
+	.anon-costs li { display: flex; gap: 9px; align-items: flex-start; margin-bottom: 9px; line-height: 1.5; }
+	.anon-costs li:last-child { margin-bottom: 0; }
+	.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`
 	.review-list { margin: 0; padding: 0; list-style: none; font-size: 14px; }
 	.review-list li {
 		display: grid; grid-template-columns: 130px 1fr; gap: 10px;
@@ -240,7 +275,7 @@ const Z = p`
 		color: var(--wral-base-primary-1, #001D68);
 	}
 	@media (max-width: 540px) { .review-list li { grid-template-columns: 1fr; gap: 2px; } }
-`, ne = p`
+`, pe = f`
 	.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); }
@@ -256,7 +291,7 @@ const Z = p`
 		border-radius: 999px; padding: 3px 12px; cursor: pointer;
 	}
 	.retry-chip:focus-visible { outline: 2px solid var(--wral-base-secondary-1, #2594E3); outline-offset: 2px; }
-`, oe = p`
+`, he = f`
 	.confirm-card {
 		align-self: stretch;
 		background: var(--wral-base-primary-1, #001D68);
@@ -306,7 +341,7 @@ const Z = p`
 	.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); }
-`, le = p`
+`, fe = f`
 	.journey {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -347,7 +382,7 @@ const Z = p`
 		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; }
-`, de = p`
+`, ge = f`
 	.bottom-bar {
 		position: sticky; bottom: 0; z-index: 20;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -360,118 +395,145 @@ const Z = p`
 	}
 	.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; } }
-`, ce = [Z, ee, te, re, se, ie, ae, ne, oe, le, de];
+`, me = [ne, ae, oe, le, de, ce, ue, pe, he, fe, ge];
 function h(r, e, { noAnim: t = !1, error: s = !1 } = {}) {
-  return l`
+  return a`
 		<div class="msg bot ${t ? "no-anim" : ""} ${s ? "error" : ""}">
 			<span class="lead">${r}</span>
-			${e ? l`<span class="sub">${e}</span>` : c}
+			${e ? a`<span class="sub">${e}</span>` : c}
 		</div>
 	`;
 }
-function v(r, { noAnim: e = !1 } = {}) {
-  return l`<div class="msg user ${e ? "no-anim" : ""}">${r}</div>`;
+function $(r, { noAnim: e = !1 } = {}) {
+  return a`<div class="msg user ${e ? "no-anim" : ""}">${r}</div>`;
 }
-function $() {
-  return l`<div class="msg bot typing"><span></span><span></span><span></span></div>`;
+function E() {
+  return a`<div class="msg bot typing"><span></span><span></span><span></span></div>`;
 }
-function ue(r) {
-  return r ? l`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : c;
+function be(r) {
+  return r ? a`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : c;
 }
-function pe() {
-  return l`
+function ye() {
+  return a`
 		<svg viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="3"
 			stroke-linecap="round" stroke-linejoin="round" width="20" height="20"
 			aria-hidden="true"><path d="M20 6L9 17l-5-5"/></svg>
 	`;
 }
-class w extends Error {
+const we = 15e3;
+class x extends Error {
   constructor(e, t) {
     super(`api-forms request failed with status ${e}`), this.status = e, this.body = t;
   }
 }
-function he({
+const P = Object.freeze({ enabled: !1, humanCheck: null });
+function xe({
   baseUrl: r,
   fetchFn: e = (...i) => fetch(...i),
   xhrFactory: t = () => new XMLHttpRequest(),
   getAuthHeaders: s
 }) {
   const i = String(r || "").replace(/\/+$/, "");
-  async function a(n, { method: o = "GET", body: d, auth: f = !1 } = {}) {
-    const u = { Accept: "application/json" };
-    f && Object.assign(u, await s()), d !== void 0 && (u["Content-Type"] = "application/json");
-    let m;
+  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 w;
     try {
-      m = await e(`${i}${n}`, {
-        method: o,
-        headers: u,
-        ...d !== void 0 ? { body: JSON.stringify(d) } : {}
+      w = await e(`${i}${d}`, {
+        method: u,
+        headers: k,
+        ...p ? { signal: AbortSignal.timeout(p) } : {},
+        ...g !== void 0 ? { body: JSON.stringify(g) } : {}
       });
-    } catch (y) {
-      throw Object.assign(new w(0, null), { cause: y });
+    } catch (_) {
+      throw Object.assign(new x(0, null), { cause: _ });
     }
-    let b = null;
+    let m = null;
     try {
-      b = await m.json();
+      m = await w.json();
     } catch {
     }
-    if (!m.ok)
-      throw new w(m.status, b);
-    return b;
+    if (!w.ok)
+      throw new x(w.status, m);
+    return m;
   }
   return {
     /** @returns {Promise<Array>} published form documents */
     listForms: async () => {
-      const { forms: n } = await a("/v1/forms");
-      return (n || []).filter((o) => o?.formId && o?.start && Array.isArray(o?.nodes));
+      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));
+    },
+    /**
+     * What the server advertised on the last listForms.
+     * @returns {{enabled: boolean, humanCheck: {provider, siteKey}|null}}
+     */
+    anonymousCapability: () => n,
+    /**
+     * Mint a submission-scoped anonymous session; subsequent auth-bearing
+     * 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", {
+        method: "POST",
+        body: { formId: d, requestId: u, ...g ? { humanToken: g } : {} }
+      });
+      if (o = y?.token || null, !o)
+        throw new x(502, { message: "The anonymous session had no token" });
+      return { expiresIn: y.expiresIn };
+    },
+    /** Drop the anonymous session so identity headers apply again. */
+    endAnonSession: () => {
+      o = null;
     },
     /** @returns {Promise<Array<{assetId,url,method,expires,assetUrl}>>} */
-    createUploads: async (n) => {
-      const { uploads: o } = await a("/v1/uploads", { method: "POST", body: n, auth: !0 });
-      return o || [];
+    createUploads: async (d) => {
+      const { uploads: u } = await l("/v1/uploads", { method: "POST", body: d, auth: !0 });
+      return u || [];
     },
     /**
      * 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: n, file: o, contentType: d, onProgress: f = () => {
+    uploadFile: ({ url: d, file: u, contentType: g, onProgress: y = () => {
     } }) => {
-      const u = t();
-      return { promise: new Promise((b, y) => {
-        u.open("PUT", n), u.setRequestHeader("Content-Type", d || o.type), u.upload && (u.upload.onprogress = (C) => {
-          f({ loaded: C.loaded, total: C.total || o.size });
-        }), u.onload = () => {
-          u.status >= 200 && u.status < 300 ? b({ status: u.status }) : y(new w(u.status, null));
-        }, u.onerror = () => y(new w(0, null)), u.onabort = () => y(new w(0, { aborted: !0 })), u.send(o);
-      }), abort: () => u.abort() };
+      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() };
     },
     /** @returns {Promise<{requestId,reference,confirmation,routing}>} */
-    putRequest: async (n, o) => await a(`/v1/requests/${n}`, { method: "PUT", body: o, auth: !0 })
+    putRequest: async (d, u) => await l(`/v1/requests/${d}`, { method: "PUT", body: u, auth: !0 })
   };
 }
-function fe() {
-  const { config: r, storage: e } = W();
+function ve() {
+  const { config: r, storage: e } = Q();
   let t = null;
   return {
-    isAuthenticated: () => X(),
-    signedInEmail: () => e.get(_.userEmail) || null,
-    getAuthHeaders: () => J(r, e),
+    isAuthenticated: () => ie(),
+    signedInEmail: () => e.get(I.userEmail) || null,
+    getAuthHeaders: () => se(r, e),
     /**
      * Email step. Keeps the challenge user in memory for verifyCode.
      * @returns {{challengeRequired?: boolean, authenticated?: boolean}}
      */
     sendCode: async (s) => {
-      const i = await Y(
+      const i = await Z(
         r,
         s,
         e,
-        K,
-        Q,
-        G,
-        S,
-        A,
-        R
+        ee,
+        te,
+        re,
+        D,
+        z,
+        B
       );
       return t = i.cognitoUser || null, {
         challengeRequired: !!i.challengeRequired,
@@ -486,114 +548,114 @@ function fe() {
       if (!t)
         throw new Error("Please enter your email again to get a new code.");
       try {
-        await N(
+        await J(
           t,
           s,
           e,
-          S,
-          A,
-          R
+          D,
+          z,
+          B
         );
       } catch {
         throw new Error("Invalid or expired code. Please request a new one and try again.");
       }
-      return await H(), { success: !0 };
+      return await X(), { success: !0 };
     },
     /** Local sign-out only ("use a different email"). */
     signOut: () => {
-      t = null, V().clear();
+      t = null, G().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 = (a) => {
-        (a.key === _.accessToken || a.key === _.idToken) && s();
+      const i = (n) => {
+        (n.key === I.accessToken || n.key === I.idToken) && s();
       };
       return window.addEventListener("storage", i), () => window.removeEventListener("storage", i);
     }
   };
 }
-function ge({ baseUrl: r }) {
-  const e = fe();
-  return { ...he({ baseUrl: r, getAuthHeaders: e.getAuthHeaders }), ...e };
+function ke({ baseUrl: r }) {
+  const e = ve();
+  return { ...xe({ baseUrl: r, getAuthHeaders: e.getAuthHeaders }), ...e };
 }
-function g(r, e) {
+function b(r, e) {
   return (r?.nodes || []).find((t) => t.id === e);
 }
-function U(r, e = []) {
+function V(r, e = []) {
   const t = [];
   let s = r?.start;
-  for (const a of e) {
-    const n = g(r, s);
-    if (!n)
-      return { nodeId: null, node: null, flags: t, error: { step: a, reason: `unknown node: ${s}` } };
-    if (n.type === "terminal" || n.type === "redirect")
-      return { nodeId: null, node: null, flags: t, error: { step: a, reason: `steps continue past ${n.type}` } };
-    if (a.nodeId !== s || a.kind !== n.type)
-      return { nodeId: null, node: null, flags: t, error: { step: a, reason: `step does not match node ${s}` } };
-    if (n.type === "choice") {
-      const o = (n.options || []).find((d) => d.id === a.optionId);
-      if (!o)
-        return { nodeId: null, node: null, flags: t, error: { step: a, reason: `unknown option: ${a.optionId}` } };
-      t.push(...o.flags || []), s = o.next;
+  for (const n of e) {
+    const o = b(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")
+      return { nodeId: null, node: null, flags: t, error: { step: n, reason: `steps continue past ${o.type}` } };
+    if (n.nodeId !== s || n.kind !== o.type)
+      return { nodeId: null, node: null, flags: t, error: { step: n, reason: `step does not match node ${s}` } };
+    if (o.type === "choice") {
+      const l = (o.options || []).find((d) => d.id === n.optionId);
+      if (!l)
+        return { nodeId: null, node: null, flags: t, error: { step: n, reason: `unknown option: ${n.optionId}` } };
+      t.push(...l.flags || []), s = l.next;
       continue;
     }
-    s = n.next;
+    s = o.next;
   }
-  const i = g(r, s);
-  return i ? { nodeId: s, node: i, flags: L(t), error: null } : { nodeId: null, node: null, flags: t, error: { step: null, reason: `unknown node: ${s}` } };
+  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}` } };
 }
-function me(r, e = []) {
+function _e(r, e = []) {
   const t = [];
   for (const s of e) {
     if (s.kind !== "collect") continue;
-    const i = g(r, s.nodeId);
+    const i = b(r, s.nodeId);
     t.push(...i?.fields || []);
   }
   return t;
 }
-function be(r = []) {
+function $e(r = []) {
   const e = {};
   for (const t of r)
     t.kind === "collect" && Object.assign(e, t.values || {});
   return e;
 }
-function ye(r = []) {
+function Fe(r = []) {
   return r.filter((e) => e.kind === "choice").map((e) => `${e.nodeId}:${e.optionId}`);
 }
-function j(r, e = []) {
+function Y(r, e = []) {
   const t = [];
   for (const s of e) {
     if (s.kind !== "choice") continue;
-    const a = (g(r, s.nodeId)?.options || []).find((n) => n.id === s.optionId);
-    t.push(...a?.flags || []);
+    const n = (b(r, s.nodeId)?.options || []).find((o) => o.id === s.optionId);
+    t.push(...n?.flags || []);
   }
-  return L(t);
+  return H(t);
 }
-function we(r = []) {
+function Ie(r = []) {
   return r.includes("urgent") ? "urgent" : r.includes("moderate") ? "moderate" : null;
 }
-function L(r) {
+function H(r) {
   return [...new Set(r)];
 }
-const xe = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, D = {
+const Ee = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, M = {
   text: 500,
   textarea: 5e3,
   url: 2048
 };
-function ve(r, e) {
-  if (e == null || e === "" || r.kind === "location" && ke(e))
+function Se(r, e) {
+  if (e == null || e === "" || r.kind === "location" && Ae(e))
     return r.required ? `Please fill in: ${r.label.toLowerCase()}.` : null;
   switch (r.kind) {
     case "text":
     case "textarea": {
-      const s = r.maxLength || D[r.kind];
+      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;
     }
     case "url": {
-      if (typeof e != "string" || e.length > D.url)
+      if (typeof e != "string" || e.length > M.url)
         return "Please enter a valid link.";
       try {
         return new URL(e), null;
@@ -602,85 +664,85 @@ function ve(r, e) {
       }
     }
     case "datetime":
-      return xe.test(String(e)) ? null : "Please pick a date and time.";
+      return Ee.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.";
     case "location":
-      return _e(r, e);
+      return Ce(r, e);
     case "media":
       return null;
     default:
       return `Unsupported field: ${r.kind}`;
   }
 }
-function ke(r) {
+function Ae(r) {
   return r == null ? !0 : typeof r != "object" ? !1 : !r.county && !r.where && !(Array.isArray(r.gps) && r.gps.length);
 }
-function _e(r, e) {
+function Ce(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 T(r, e = {}) {
+function O(r, e = {}) {
   const t = {};
   for (const s of r) {
     if (s.kind === "media") continue;
-    const i = ve(s, e[s.key]);
+    const i = Se(s, e[s.key]);
     i && (t[s.key] = i);
   }
   return { ok: Object.keys(t).length === 0, errors: t };
 }
-function F(r = [], e = {}, { required: t = !1 } = {}) {
+function C(r = [], e = {}, { required: t = !1 } = {}) {
   const {
     maxFiles: s = 5,
     maxFileBytes: i = 512 * 1024 * 1024,
-    allowedTypes: a = []
-  } = e, n = [];
-  return t && r.length === 0 && n.push({ reason: "required", message: "Please attach at least one photo or video." }), r.length > s && n.push({
+    allowedTypes: n = []
+  } = e, o = [];
+  return t && r.length === 0 && o.push({ reason: "required", message: "Please attach at least one photo or video." }), r.length > s && o.push({
     reason: "count",
     message: `This form accepts at most ${s} ${s === 1 ? "file" : "files"}.`
-  }), r.forEach((o, d) => {
-    a.length && !a.includes(o.type) && n.push({
+  }), r.forEach((l, d) => {
+    n.length && !n.includes(l.type) && o.push({
       index: d,
       reason: "type",
-      message: `${o.name || "A file"} is a type this form does not accept.`
-    }), o.size > i && n.push({
+      message: `${l.name || "A file"} is a type this form does not accept.`
+    }), l.size > i && o.push({
       index: d,
       reason: "size",
-      message: `${o.name || "A file"} is larger than this form allows.`
+      message: `${l.name || "A file"} is larger than this form allows.`
     });
-  }), { ok: n.length === 0, errors: n };
+  }), { ok: o.length === 0, errors: o };
 }
-function z({ formId: r, requestId: e, files: t }) {
+function U({ formId: r, requestId: e, files: t }) {
   return {
     formId: r,
     requestId: e,
     files: t.map((s) => ({ contentType: s.type, size: s.size }))
   };
 }
-function $e({ form: r, steps: e, media: t = [] }) {
-  const s = me(r, e), i = be(e), a = {};
-  for (const n of s) {
-    if (n.kind === "media") continue;
-    const o = i[n.key];
-    if (!(o == null || o === "") && !(n.kind === "consent" && o !== !0)) {
-      if (n.kind === "location") {
+function Te({ form: r, steps: e, media: t = [] }) {
+  const s = _e(r, e), i = $e(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)) {
+      if (o.kind === "location") {
         const d = {};
-        o.county && (d.county = o.county), o.where && (d.where = o.where), Array.isArray(o.gps) && o.gps.length === 2 && (d.gps = o.gps), Object.keys(d).length && (a[n.key] = 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);
         continue;
       }
-      a[n.key] = o;
+      n[o.key] = l;
     }
   }
   return {
     formId: r.formId,
     flowVersion: r.flowVersion,
-    path: ye(e),
-    answers: a,
-    media: t.map(({ assetId: n, type: o }) => ({ assetId: n, type: o }))
+    path: Fe(e),
+    answers: n,
+    media: t.map(({ assetId: o, type: l }) => ({ assetId: o, type: l }))
   };
 }
-function Fe(r, e) {
+function q(r, e) {
   if (r === 429)
     return {
       kind: "throttled",
@@ -718,15 +780,15 @@ function Fe(r, e) {
     message: "Something went wrong on our end; please try again."
   };
 }
-const Ie = 34, Ee = 44;
-function P(r, e) {
+const Re = 34, De = 44;
+function L(r, e) {
   const t = String(r);
   return t.length > e ? `${t.slice(0, e)}…` : t;
 }
-function Ce(r) {
+function ze(r) {
   return !r || typeof r != "object" ? "" : [r.county, r.where].filter(Boolean).join(", ");
 }
-function Se(r, e = {}, t = []) {
+function Be(r, e = {}, t = []) {
   const s = [];
   for (const i of r) {
     if (i.kind === "consent") continue;
@@ -734,21 +796,21 @@ function Se(r, e = {}, t = []) {
       t.length && s.push(`${t.length} ${t.length === 1 ? "file" : "files"}`);
       continue;
     }
-    const a = i.kind === "location" ? Ce(e[i.key]) : e[i.key];
-    a == null || a === "" || (i.kind === "textarea" ? s.push(`"${P(a, Ee)}"`) : s.push(P(a, Ie)));
+    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)));
   }
   return s.join(" · ") || "Details provided";
 }
-function Ae(r, e = [], t = null) {
+function Pe(r, e = [], t = null) {
   const s = [];
-  for (const a of e) {
-    const n = g(r, a.nodeId);
-    a.kind === "choice" && n && s.push({ k: (n.prompt || "").replace(/\?$/, ""), v: a.label || a.optionId }), a.kind === "collect" && s.push({ k: "Details", v: a.summary || "Details provided" }), a.kind === "gate" && (a.email || t) && s.push({ k: "Verified email", v: a.email || t });
+  for (const n of e) {
+    const o = b(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 = we(j(r, e));
+  const i = Ie(Y(r, e));
   return i && s.push({ k: "Priority", v: i === "urgent" ? "Urgent" : "Moderate", pill: i }), s;
 }
-function Re(r, e = []) {
+function Me(r, e = []) {
   const t = r?.confirmation || {};
   return {
     title: t.title || "Report received.",
@@ -756,12 +818,12 @@ function Re(r, e = []) {
     urgentNote: e.includes("urgent") ? t.urgentNote : void 0
   };
 }
-function De(r, e) {
+function Oe(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 Te({ routing: r = {}, flags: e = [], reference: t = "" }) {
-  const s = e.includes("urgent");
+function Ue({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s = !1 }) {
+  const i = e.includes("urgent");
   return [
     {
       title: "Received",
@@ -769,12 +831,12 @@ function Te({ routing: r = {}, flags: e = [], reference: t = "" }) {
     },
     {
       title: "Routed",
-      body: De(r.destination, r.state),
-      pill: s ? "Urgent · pinned first" : void 0
+      body: Oe(r.destination, r.state),
+      pill: i ? "Urgent · pinned first" : void 0
     },
     {
       title: "Reviewed",
-      body: "An editor reviews it in the Report It queue: accept and promote with your credit, reject, or re-route."
+      body: s ? "An editor reviews it in the Report It queue: accept and promote it uncredited, reject, or re-route." : "An editor reviews it in the Report It queue: accept and promote with your credit, reject, or re-route."
     },
     {
       title: "Monitored",
@@ -786,30 +848,30 @@ function Te({ routing: r = {}, flags: e = [], reference: t = "" }) {
     }
   ];
 }
-const E = "wral-report-it:draft:v1", O = 1;
-function ze(r, e) {
+const R = "wral-report-it:draft:v1", K = 1;
+function qe(r, e) {
   try {
-    r.setItem(E, JSON.stringify({ ...e, v: O, savedAt: Date.now() }));
+    r.setItem(R, JSON.stringify({ ...e, v: K, savedAt: Date.now() }));
   } catch {
   }
 }
-function Pe(r) {
+function Le(r) {
   try {
-    const e = r.getItem(E);
+    const e = r.getItem(R);
     if (!e) return null;
     const t = JSON.parse(e);
-    return t?.v !== O ? null : t;
+    return t?.v !== K ? null : t;
   } catch {
     return null;
   }
 }
-function B(r) {
+function j(r) {
   try {
-    r.removeItem(E);
+    r.removeItem(R);
   } catch {
   }
 }
-function Be({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i = {} }) {
+function je({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i = {} }) {
   return {
     apiOrigin: r,
     formId: e.formId,
@@ -819,26 +881,26 @@ function Be({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i
     media: i
   };
 }
-function qe(r, e, { apiOrigin: t } = {}) {
+function Ne(r, e, { apiOrigin: t } = {}) {
   if (!r) return { status: "discarded" };
   if (t && r.apiOrigin && r.apiOrigin !== t)
     return { status: "discarded" };
-  const s = (e || []).find((n) => n.formId === r.formId);
+  const s = (e || []).find((o) => o.formId === r.formId);
   if (!s) return { status: "discarded" };
-  const { error: i } = U(s, r.steps || []);
+  const { error: i } = V(s, r.steps || []);
   if (i) return { status: "discarded" };
-  const a = {};
-  for (const [n, o] of Object.entries(r.media || {}))
-    o?.length && (a[n] = o.map((d) => ({ ...d, lost: !0 })));
+  const n = {};
+  for (const [o, l] of Object.entries(r.media || {}))
+    l?.length && (n[o] = l.map((d) => ({ ...d, lost: !0 })));
   return {
     status: r.flowVersion === s.flowVersion ? "ok" : "review-required",
     form: s,
     steps: r.steps || [],
     requestId: r.requestId || null,
-    lostMedia: a
+    lostMedia: n
   };
 }
-function k(r = []) {
+function F(r = []) {
   return {
     stage: "idle",
     resumeStage: null,
@@ -858,7 +920,7 @@ function k(r = []) {
     error: null
   };
 }
-function Me(r, e) {
+function We(r, e) {
   switch (e.type) {
     case "START":
       return { ...r, stage: r.files.length ? "minting" : "requesting", error: null };
@@ -879,29 +941,29 @@ function Me(r, e) {
       return { ...r, stage: "uploading", files: t };
     }
     case "FILE_PROGRESS":
-      return x(r, e.i, (t) => ({
+      return v(r, e.i, (t) => ({
         ...t,
         progress: e.total ? e.loaded / e.total : 0
       }));
     case "FILE_DONE": {
-      const t = x(r, e.i, (s) => ({ ...s, status: "done", progress: 1 }));
-      return Ue(t);
+      const t = v(r, e.i, (s) => ({ ...s, status: "done", progress: 1 }));
+      return Ve(t);
     }
     case "FILE_FAIL":
-      return { ...x(r, e.i, (s) => ({
+      return { ...v(r, e.i, (s) => ({
         ...s,
         status: "failed",
         error: e.error || "upload failed"
       })), stage: "uploading-error" };
     case "RETRY_FILE":
-      return { ...x(r, e.i, (s) => ({
+      return { ...v(r, e.i, (s) => ({
         ...s,
         status: "uploading",
         progress: 0,
         error: null
       })), stage: "uploading" };
     case "REMINT_FILE":
-      return { ...x(r, e.i, (s) => ({
+      return { ...v(r, e.i, (s) => ({
         ...s,
         assetId: e.upload.assetId,
         url: e.upload.url,
@@ -917,23 +979,23 @@ function Me(r, e) {
     case "REQUEST_FAIL":
       return { ...r, stage: "requesting-error", error: e.error };
     case "RESET":
-      return k([]);
+      return F([]);
     default:
       return r;
   }
 }
-function x(r, e, t) {
-  const s = r.files.map((i, a) => a === e ? t(i) : i);
+function v(r, e, t) {
+  const s = r.files.map((i, n) => n === e ? t(i) : i);
   return { ...r, files: s };
 }
-function Ue(r) {
+function Ve(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 q(r) {
+function N(r) {
   return r.files.map((e, t) => ({ ...e, i: t })).filter((e) => e.status === "failed");
 }
-const je = [
+const Ye = [
   "Wake",
   "Durham",
   "Orange",
@@ -950,14 +1012,18 @@ const je = [
   "Moore",
   "Sampson",
   "Other / outside the area"
-], M = "(919) 821-8600", Le = "https://www.wral.com/my-wral/";
-function Oe(r) {
+], W = "(919) 821-8600", He = "https://www.wral.com/my-wral/", Ke = 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) {
   const e = String(r).replace(/\D/g, "");
   return `tel:+1${e.length === 11 && e.startsWith("1") ? e.slice(1) : e}`;
 }
-const We = "https://api.wral.com/forms", Ve = 480, Ne = 2;
-class Xe extends I {
-  static styles = ce;
+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;
   static properties = {
     api: { type: String },
     _phase: { state: !0 },
@@ -965,6 +1031,7 @@ class Xe extends I {
     _form: { state: !0 },
     _steps: { state: !0 },
     _typing: { state: !0 },
+    _loadingSlow: { state: !0 },
     _cardValues: { state: !0 },
     _fieldErrors: { state: !0 },
     _gate: { state: !0 },
@@ -973,41 +1040,43 @@ class Xe extends I {
     _notice: { state: !0 },
     _result: { state: !0 }
   };
-  #o = null;
+  #l = null;
   #a = null;
   #u = null;
   #t = null;
   #r = {};
   #s = {};
   #i = /* @__PURE__ */ new Map();
-  #g = null;
-  #m = !1;
-  #l = null;
+  #y = null;
+  #p = null;
+  #w = !1;
+  #d = null;
+  #I = 0;
   constructor() {
-    super(), this.api = We, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._typing = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = k([]), this._banner = null, this._notice = null, this._result = null;
+    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;
   }
   get client() {
-    return this.#o ? this.#o : ((!this.#a || this.#u !== this.api) && (this.#a = ge({ baseUrl: this.api }), this.#u = this.api), this.#a);
+    return this.#l ? this.#l : ((!this.#a || this.#u !== this.api) && (this.#a = ke({ baseUrl: this.api }), this.#u = this.api), this.#a);
   }
   set client(e) {
-    this.#o = e || null, this.isConnected && this.#b();
+    this.#l = e || null, this.isConnected && this.#x();
   }
   connectedCallback() {
-    super.connectedCallback(), this.#b();
+    super.connectedCallback(), this.#x();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.#g), this.#l?.();
+    super.disconnectedCallback(), clearTimeout(this.#y), clearTimeout(this.#p), this.#d?.();
     for (const { abort: e } of this.#i.values()) e?.();
     this.#i.clear();
   }
-  get #A() {
+  get #z() {
     try {
       return matchMedia("(prefers-reduced-motion: reduce)").matches;
     } catch {
       return !0;
     }
   }
-  get #p() {
+  get #h() {
     try {
       return sessionStorage;
     } catch {
@@ -1016,28 +1085,49 @@ class Xe extends I {
       } };
     }
   }
+  /*
+   * The anonymous route is offered only where it can actually complete.
+   * The server is the authority: GET /v1/forms says whether anonymous
+   * 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() {
+    return this.client.anonymousCapability?.().enabled === !0 && this._form?.allowAnonymous !== !1;
+  }
+  /* Derived from the gate step, so a reload restores the choice. */
+  get #f() {
+    return this._steps.some((e) => e.kind === "gate" && e.anonymous === !0);
+  }
   // ── Loading + draft restore ─────────────────────────────────────
-  async #b() {
-    this._phase = "loading", this._banner = null;
+  async #x() {
+    const e = ++this.#I, t = () => e === this.#I;
+    this._phase = "loading", this._banner = null, this._loadingSlow = !1, clearTimeout(this.#p), this.#p = setTimeout(() => {
+      this._loadingSlow = !0;
+    }, Ze);
+    let s;
     try {
-      this._forms = await this.client.listForms();
+      s = await this.client.listForms();
     } catch {
-      this._phase = "load-error";
+      t() && (this._phase = "load-error");
       return;
+    } finally {
+      t() && (clearTimeout(this.#p), this._loadingSlow = !1);
     }
-    const e = qe(Pe(this.#p), this._forms, { apiOrigin: this.api });
-    if (e.status === "ok" || e.status === "review-required") {
-      this._form = e.form, this._steps = e.steps, this.#t = e.requestId, this.#s = e.lostMedia || {}, e.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.#n({ animate: !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 });
       return;
     }
     this._phase = "pick";
   }
-  #d() {
+  #c() {
     if (!this._form) return;
     const e = {};
     for (const [t, s] of Object.entries(this.#r))
-      s.length && (e[t] = s.map(({ name: i, type: a, size: n }) => ({ name: i, type: a, size: n })));
-    ze(this.#p, Be({
+      s.length && (e[t] = s.map(({ name: i, type: n, size: o }) => ({ name: i, type: n, size: o })));
+    qe(this.#h, je({
       apiOrigin: this.api,
       form: this._form,
       steps: this._steps,
@@ -1046,77 +1136,77 @@ class Xe extends I {
     }));
   }
   // ── Walk mechanics ──────────────────────────────────────────────
-  #n({ animate: e = !0 } = {}) {
-    this._phase = "walk", this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, e && !this.#A ? (this._typing = !0, clearTimeout(this.#g), this.#g = setTimeout(() => {
+  #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(() => {
       this._typing = !1;
-    }, Ve)) : this._typing = !1;
+    }, Je)) : this._typing = !1;
   }
-  get #_() {
-    return this._form ? U(this._form, this._steps) : { node: null };
+  get #v() {
+    return this._form ? V(this._form, this._steps) : { node: null };
   }
-  #R(e) {
-    this._form = e, this._steps = [], this.#t = null, this.#r = {}, this.#s = {}, this._notice = null, this.#d(), this.#n();
+  #P(e) {
+    this._form = e, this._steps = [], this.#t = null, this.#r = {}, this.#s = {}, this._notice = null, this.#c(), this.#o();
   }
-  #y(e) {
-    this._steps = [...this._steps, e], this.#d(), this.#n();
+  #g(e) {
+    this._steps = [...this._steps, e], this.#c(), this.#o();
   }
-  #D() {
+  #M() {
     if (this._phase === "done" || this._phase === "submitting") return;
     if (this._phase === "review") {
-      this.#n({ animate: !1 });
+      this.#o({ animate: !1 });
       return;
     }
     if (!this._steps.length) {
-      this.#w();
+      this.#k();
       return;
     }
     const e = this._steps.at(-1);
-    this._steps = this._steps.slice(0, -1), e.kind === "collect" && (this._cardValues = { ...e.values }), this.#d(), this.#n({ animate: !1 });
+    this._steps = this._steps.slice(0, -1), e.kind === "collect" && (this._cardValues = { ...e.values }), this.#c(), this.#o({ animate: !1 });
   }
-  #w() {
-    this._form = null, this._steps = [], this.#t = null, this.#r = {}, this.#s = {}, this._result = null, this._banner = null, this._notice = null, this._submit = k([]), B(this.#p), this._phase = "pick";
+  #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";
   }
   // ── Collect card ────────────────────────────────────────────────
-  #x(e, t) {
+  #_(e, t) {
     this._cardValues = { ...this._cardValues, [e]: t };
   }
-  #T(e) {
-    const t = e.fields || [], { ok: s, errors: i } = T(t, this._cardValues), a = t.find((d) => d.kind === "media");
-    let n = !0;
-    if (a) {
-      const d = this.#r[e.id] || [], f = F(d, this._form.budget, {
-        required: !!a.required
+  #O(e) {
+    const t = e.fields || [], { ok: s, errors: i } = O(t, this._cardValues), n = t.find((d) => d.kind === "media");
+    let o = !0;
+    if (n) {
+      const d = this.#r[e.id] || [], u = C(d, this._form.budget, {
+        required: !!n.required
       });
-      f.ok ? d.length && (this.#s = { ...this.#s, [e.id]: [] }) : (n = !1, i[a.key] = f.errors[0].message);
+      u.ok ? d.length && (this.#s = { ...this.#s, [e.id]: [] }) : (o = !1, i[n.key] = u.errors[0].message);
     }
-    if (!s || !n) {
+    if (!s || !o) {
       this._fieldErrors = i;
       return;
     }
-    const o = this.#r[e.id] || [];
-    this.#y({
+    const l = this.#r[e.id] || [];
+    this.#g({
       nodeId: e.id,
       kind: "collect",
       values: { ...this._cardValues },
-      summary: Se(t, this._cardValues, o)
+      summary: Be(t, this._cardValues, l)
     });
   }
   // ── Gate ────────────────────────────────────────────────────────
-  async #$() {
-    if (!(this._gate.stage || this.#m)) {
-      this.#m = !0;
+  async #E() {
+    if (!(this._gate.stage || this.#w)) {
+      this.#w = !0;
       try {
         const e = await this.client.isAuthenticated();
         this._gate = e ? { stage: "signedin", email: this.client.signedInEmail?.() || "", error: "", loading: !1 } : { stage: "email", email: "", error: "", loading: !1 };
       } finally {
-        this.#m = !1;
+        this.#w = !1;
       }
-      this._gate.stage === "email" && this.client.onCrossTabLogin && !this.#l && (this.#l = this.client.onCrossTabLogin(() => {
-        this.#l?.(), this.#l = null, this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#$();
+      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();
       }));
     }
   }
-  async #v() {
+  async #$() {
     const e = this._gate.email.trim();
     if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) {
       this._gate = { ...this._gate, error: "Please enter a valid email address." };
@@ -1134,10 +1224,10 @@ class Xe extends I {
       };
     }
   }
-  async #F(e) {
+  async #S(e) {
     this._gate = { ...this._gate, error: "", loading: !0 };
     try {
-      await this.client.verifyCode(e), this.#I(this._gate.email);
+      await this.client.verifyCode(e), this.#A(this._gate.email);
     } catch (t) {
       this._gate = {
         ...this._gate,
@@ -1146,19 +1236,53 @@ class Xe extends I {
       };
     }
   }
-  #I(e) {
+  #A(e) {
     if (this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit.stage === "auth") {
-      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#c();
+      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#n();
       return;
     }
-    const { node: t } = this.#_;
-    t?.type === "gate" && this.#y({ nodeId: t.id, kind: "gate", email: e });
+    const { node: t } = this.#v;
+    t?.type === "gate" && this.#g({ nodeId: t.id, kind: "gate", email: e });
   }
-  #z() {
+  #U() {
     this.client.signOut?.(), this._gate = { stage: "email", email: "", error: "", loading: !1 };
   }
+  // ── Anonymous route ─────────────────────────────────────────────
+  #q() {
+    this._gate = { ...this._gate, stage: "anon-confirm", error: "" };
+  }
+  #L() {
+    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;
+    e?.type === "gate" && (this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#g({ nodeId: e.id, kind: "gate", anonymous: !0 }));
+  }
+  async #C() {
+    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;
+    }
+  }
+  /* 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();
+      return;
+    }
+    this.#e({ type: "REQUEST_FAIL", error: this._banner });
+  }
   // ── Submit pipeline ─────────────────────────────────────────────
-  get #h() {
+  get #m() {
     const e = [];
     for (const t of this._steps)
       if (t.kind === "collect")
@@ -1167,117 +1291,129 @@ class Xe extends I {
     return e;
   }
   #e(e) {
-    this._submit = Me(this._submit, e);
+    this._submit = We(this._submit, e);
   }
-  async #P() {
+  async #W() {
     this._banner = null;
     for (let e = 0; e < this._steps.length; e++) {
       const t = this._steps[e];
       if (t.kind !== "collect") continue;
-      const s = g(this._form, t.nodeId), { ok: i, errors: a } = T(s?.fields || [], t.values), n = (s?.fields || []).find((d) => d.kind === "media");
-      let o = !0;
-      if (n) {
-        const d = this.#r[t.nodeId] || [], f = F(d, this._form.budget, {
-          required: !!n.required
+      const s = b(this._form, t.nodeId), { ok: i, errors: n } = O(s?.fields || [], t.values), o = (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
         });
-        f.ok || (o = !1, a[n.key] = f.errors[0].message);
+        u.ok || (l = !1, n[o.key] = u.errors[0].message);
       }
-      if (!i || !o) {
-        this._steps = this._steps.slice(0, e), this._cardValues = { ...t.values }, this._fieldErrors = a, this.#d(), this.#n({ animate: !1 });
+      if (!i || !l) {
+        this._steps = this._steps.slice(0, e), this._cardValues = { ...t.values }, this._fieldErrors = n, this.#c(), this.#o({ animate: !1 });
         return;
       }
     }
-    if (this.#t = this.#t || crypto.randomUUID(), this.#d(), this._submit = k(this.#h), this._phase = "submitting", !await this.client.isAuthenticated()) {
+    if (this.#t = this.#t || crypto.randomUUID(), this.#c(), this.#f) {
+      if (!await this.#C()) return;
+    } else
+      this.client.endAnonSession?.();
+    if (this._submit = F(this.#m), this._phase = "submitting", this.#f) {
+      this.#e({ type: "START" }), this.#n();
+      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.#c();
+    this.#e({ type: "START" }), this.#n();
   }
-  async #c() {
+  async #n() {
     const e = this._submit.stage;
-    if (e === "minting") return this.#B();
-    if (e === "uploading") return this.#E();
-    if (e === "requesting") return this.#U();
+    if (e === "minting") return this.#V();
+    if (e === "uploading") return this.#T();
+    if (e === "requesting") return this.#K();
   }
-  async #B() {
+  async #V() {
     try {
-      const e = await this.client.createUploads(z({
+      const e = await this.client.createUploads(U({
         formId: this._form.formId,
         requestId: this.#t,
-        files: this.#h
+        files: this.#m
       }));
-      this.#e({ type: "MINTED", uploads: e }), this.#c();
+      this.#e({ type: "MINTED", uploads: e }), this.#n();
     } catch (e) {
-      this.#k(e);
+      this.#F(e);
     }
   }
-  #E() {
+  #T() {
     const e = this._submit.files, t = this.#i.size;
     let s = 0;
-    for (let i = 0; i < e.length && t + s < Ne; i++)
-      e[i].status !== "uploading" || this.#i.has(i) || (s += 1, this.#q(i));
+    for (let i = 0; i < e.length && t + s < Xe; i++)
+      e[i].status !== "uploading" || this.#i.has(i) || (s += 1, this.#Y(i));
   }
-  #q(e) {
-    const t = this._submit.files[e], s = this.#h[e], { promise: i, abort: a } = this.client.uploadFile({
+  #Y(e) {
+    const t = this._submit.files[e], s = this.#m[e], { promise: i, abort: n } = this.client.uploadFile({
       url: t.url,
       file: s,
       contentType: t.type,
-      onProgress: ({ loaded: n, total: o }) => {
-        this.#e({ type: "FILE_PROGRESS", i: e, loaded: n, total: o });
+      onProgress: ({ loaded: o, total: l }) => {
+        this.#e({ type: "FILE_PROGRESS", i: e, loaded: o, total: l });
       }
     });
-    this.#i.set(e, { abort: a }), i.then(() => {
-      this.#i.delete(e), this.#e({ type: "FILE_DONE", i: e }), this.#c();
-    }).catch((n) => {
+    this.#i.set(e, { abort: n }), i.then(() => {
+      this.#i.delete(e), this.#e({ type: "FILE_DONE", i: e }), this.#n();
+    }).catch((o) => {
       this.#i.delete(e), this.#e({
         type: "FILE_FAIL",
         i: e,
-        error: n?.status === 403 ? "expired" : "failed"
+        error: o?.status === 403 ? "expired" : "failed"
       });
     });
   }
-  async #M(e) {
+  async #H(e) {
     if (this._submit.files[e].error === "expired")
       try {
-        const [s] = await this.client.createUploads(z({
+        const [s] = await this.client.createUploads(U({
           formId: this._form.formId,
           requestId: this.#t,
-          files: [this.#h[e]]
+          files: [this.#m[e]]
         }));
         this.#e({ type: "REMINT_FILE", i: e, upload: s });
       } catch (s) {
-        this.#k(s);
+        this.#F(s);
         return;
       }
     else
       this.#e({ type: "RETRY_FILE", i: e });
-    this.#E();
+    this.#T();
   }
-  async #U() {
+  async #K() {
     try {
-      const e = this._submit.files.map(({ assetId: s, type: i }) => ({ assetId: s, type: i })), t = await this.client.putRequest(this.#t, $e({
+      const e = this._submit.files.map(({ assetId: s, type: i }) => ({ assetId: s, type: i })), t = await this.client.putRequest(this.#t, Te({
         form: this._form,
         steps: this._steps,
         media: e
       }));
-      this.#e({ type: "REQUEST_OK", result: t }), this._result = t, B(this.#p), this._phase = "done";
+      this.#e({ type: "REQUEST_OK", result: t }), this._result = t, j(this.#h), this.client.endAnonSession?.(), this._phase = "done";
     } catch (e) {
-      this.#k(e);
+      this.#F(e);
     }
   }
-  #k(e) {
-    const t = Fe(e?.status ?? 0, e?.body ?? null);
+  #F(e) {
+    const t = q(e?.status ?? 0, e?.body ?? null);
     if (t.kind === "auth") {
-      this.#e({ type: "AUTH_REQUIRED" }), this._gate = { stage: "email", email: "", error: "", loading: !1 };
+      if (this.#e({ type: "AUTH_REQUIRED" }), this.#f) {
+        this.#N();
+        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.#j();
+      this._banner = t, this.#e({ type: "REQUEST_FAIL", error: t }), this.#Q();
       return;
     }
     this._banner = t, this.#e({ type: "REQUEST_FAIL", error: t });
   }
-  async #j() {
+  async #Q() {
     try {
       this._forms = await this.client.listForms();
       const e = this._forms.find((t) => t.formId === this._form.formId);
@@ -1285,86 +1421,84 @@ class Xe extends I {
     } catch {
     }
   }
-  #L() {
-    this._banner = null, this.#e({ type: "REQUEST_START" }), this.#c();
+  #G() {
+    this._banner = null, this.#e({ type: "REQUEST_START" }), this.#n();
   }
   // ── Render ──────────────────────────────────────────────────────
   render() {
-    return l`
+    return a`
 			<div class="chat" aria-live="polite">
-				${this.#O()}
+				${this.#J()}
 			</div>
-			${this.#Z()}
+			${this.#ce()}
 		`;
   }
-  #O() {
+  #J() {
     switch (this._phase) {
       case "loading":
-        return $();
+        return a`${h(S, this._loadingSlow ? "Loading the form list…" : A)}
+				${E()}`;
       case "load-error":
-        return l`
+        return a`
 				${h("We could not load the forms.", "Check your connection and try again.", { error: !0 })}
 				<div class="options">
-					<button type="button" class="chip" @click=${() => this.#b()}>Try again</button>
+					<button type="button" class="chip" @click=${() => this.#x()}>Try again</button>
 				</div>
 			`;
       case "pick":
-        return this.#W();
+        return this.#X();
       case "walk":
-        return l`${this.#f()}${this._typing ? $() : this.#V()}`;
+        return a`${this.#b()}${this._typing ? E() : this.#Z()}`;
       case "review":
-        return l`${this.#f()}${this.#S()}`;
+        return a`${this.#b()}${this.#D()}`;
       case "submitting":
-        return l`${this.#f()}${this.#J()}`;
+        return a`${this.#b()}${this.#le()}`;
       case "done":
-        return l`${this.#f()}${this.#X()}`;
+        return a`${this.#b()}${this.#de()}`;
       default:
         return c;
     }
   }
-  #W() {
+  #X() {
     const e = this._forms;
-    return l`
-			${h(
-      "Welcome to Report It. What would you like to send us?",
-      "A few quick questions route your report to the right team."
-    )}
+    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) => l`
+				${e.map((t, s) => a`
 					<button type="button" class="chip" style="animation-delay: ${60 + s * 50}ms"
-						@click=${() => this.#R(t)}>${t.title}</button>
+						@click=${() => this.#P(t)}>${t.title}</button>
 				`)}
 			</div>
 		`;
   }
-  #f() {
+  #b() {
     const e = [];
-    this._form && (e.push(h(
-      "Welcome to Report It. What would you like to send us?",
-      "A few quick questions route your report to the right team.",
-      { noAnim: !0 }
-    )), e.push(v(this._form.title, { noAnim: !0 }))), this._notice && e.push(h(this._notice, "", { noAnim: !0 }));
+    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 = g(this._form, t.nodeId);
-      s?.prompt && e.push(h(s.prompt, s.help, { noAnim: !0 })), s?.type === "gate" && e.push(h(
+      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(
+        "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.",
         "One address, one code. No password needed.",
         { noAnim: !0 }
-      )), t.kind === "choice" && e.push(v(t.label || t.optionId, { noAnim: !0 })), t.kind === "collect" && e.push(v(t.summary || "Details provided", { noAnim: !0 })), t.kind === "gate" && e.push(v(t.email, { 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 }));
     }
     return e;
   }
-  #V() {
-    const { node: e, error: t } = this.#_;
-    return t || !e ? h("Something went sideways with this form.", "Please start over.", { error: !0 }) : e.type === "choice" ? this.#N(e) : e.type === "collect" ? this.#H(e) : e.type === "gate" ? this.#C(e) : e.type === "redirect" ? this.#G(e) : e.type === "terminal" ? this.#S() : c;
+  #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;
   }
-  #N(e) {
-    return l`
+  #ee(e) {
+    return a`
 			${h(e.prompt, e.help)}
 			<div class="options" role="group" aria-label=${e.prompt || "Choose one"}>
-				${(e.options || []).map((t, s) => l`
+				${(e.options || []).map((t, s) => a`
 					<button type="button" class="chip" style="animation-delay: ${60 + s * 50}ms"
-						@click=${() => this.#y({
+						@click=${() => this.#g({
       nodeId: e.id,
       kind: "choice",
       optionId: t.id,
@@ -1374,61 +1508,61 @@ class Xe extends I {
 			</div>
 		`;
   }
-  #H(e) {
+  #te(e) {
     const t = e.fields || [];
-    return l`
+    return a`
 			${h(e.prompt, e.help)}
 			<div class="form-card">
-				${t.map((s) => this.#Y(e, s))}
-				<button type="button" class="btn-primary" @click=${() => this.#T(e)}>
+				${t.map((s) => this.#re(e, s))}
+				<button type="button" class="btn-primary" @click=${() => this.#O(e)}>
 					Continue
 				</button>
 			</div>
 		`;
   }
-  #Y(e, t) {
-    const s = this._cardValues[t.key], i = this._fieldErrors[t.key], a = !t.required && t.kind !== "consent" ? l` <span class="opt">optional</span>` : c, n = t.kind === "consent" ? c : l`
-			<label for="f-${t.key}">${t.label}${a}</label>
+  #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>
 		`;
-    return l`
+    return a`
 			<div class="field">
-				${n}
-				${this.#K(e, t, s)}
-				${i ? l`<div class="err" role="alert">${i}</div>` : c}
+				${o}
+				${this.#se(e, t, s)}
+				${i ? a`<div class="err" role="alert">${i}</div>` : c}
 			</div>
 		`;
   }
-  #K(e, t, s) {
-    const i = (a) => (n) => this.#x(a, n.target.value);
+  #se(e, t, s) {
+    const i = (n) => (o) => this.#_(n, o.target.value);
     switch (t.kind) {
       case "text":
-        return l`<input type="text" id="f-${t.key}" .value=${s || ""}
+        return a`<input type="text" id="f-${t.key}" .value=${s || ""}
 				placeholder=${t.placeholder || ""} @input=${i(t.key)}>`;
       case "url":
-        return l`<input type="url" id="f-${t.key}" .value=${s || ""}
+        return a`<input type="url" id="f-${t.key}" .value=${s || ""}
 				placeholder=${t.placeholder || ""} @input=${i(t.key)}>`;
       case "textarea":
-        return l`<textarea id="f-${t.key}" .value=${s || ""}
+        return a`<textarea id="f-${t.key}" .value=${s || ""}
 				placeholder=${t.placeholder || ""} @input=${i(t.key)}></textarea>`;
       case "datetime":
-        return l`<input type="datetime-local" id="f-${t.key}" .value=${s || ""}
+        return a`<input type="datetime-local" id="f-${t.key}" .value=${s || ""}
 				@input=${i(t.key)}>`;
       case "select":
-        return l`
+        return a`
 				<select id="f-${t.key}" @change=${i(t.key)}>
 					<option value="">Choose one</option>
-					${(t.options || []).map((a) => l`
-						<option value=${a.id} ?selected=${s === a.id}>${a.label}</option>
+					${(t.options || []).map((n) => a`
+						<option value=${n.id} ?selected=${s === n.id}>${n.label}</option>
 					`)}
 				</select>
 			`;
       case "location":
-        return this.#Q(t, s || {});
+        return this.#ie(t, s || {});
       case "consent":
-        return l`
+        return a`
 				<div class="consent-row">
 					<input type="checkbox" id="f-${t.key}" .checked=${s === !0}
-						@change=${(a) => this.#x(t.key, a.target.checked)}>
+						@change=${(n) => this.#_(t.key, n.target.checked)}>
 					<label for="f-${t.key}" style="all: unset; cursor: pointer;">
 						I took or own this material and give WRAL permission to use it
 						on air and online with credit to me.
@@ -1436,56 +1570,56 @@ class Xe extends I {
 				</div>
 			`;
       case "media":
-        return l`
+        return a`
 				<wral-report-media
 					.files=${this.#r[e.id] || []}
 					.lostMeta=${this.#s[e.id] || []}
 					.budget=${this._form.budget || {}}
 					?required=${!!t.required}
 					label=${t.label}
-					@files-changed=${(a) => {
-          this.#r = { ...this.#r, [e.id]: a.detail.files }, this.requestUpdate();
+					@files-changed=${(n) => {
+          this.#r = { ...this.#r, [e.id]: n.detail.files }, this.requestUpdate();
         }}></wral-report-media>
 			`;
       default:
         return c;
     }
   }
-  #Q(e, t) {
-    const s = e.counties || je, i = (a) => this.#x(e.key, { ...t, ...a });
-    return l`
+  #ie(e, t) {
+    const s = e.counties || Ye, i = (n) => this.#_(e.key, { ...t, ...n });
+    return a`
 			<select id="f-${e.key}" aria-label="County"
-				@change=${(a) => i({ county: a.target.value || void 0 })}>
+				@change=${(n) => i({ county: n.target.value || void 0 })}>
 				<option value="">Choose a county</option>
-				${s.map((a) => l`
-					<option value=${a} ?selected=${t.county === a}>${a}</option>
+				${s.map((n) => a`
+					<option value=${n} ?selected=${t.county === n}>${n}</option>
 				`)}
 			</select>
 			<input type="text" style="margin-top: 8px;"
 				aria-label="Nearest town or crossroads"
 				placeholder="Nearest town or crossroads"
 				.value=${t.where || ""}
-				@input=${(a) => i({ where: a.target.value || void 0 })}>
+				@input=${(n) => i({ where: n.target.value || void 0 })}>
 		`;
   }
-  #C(e) {
-    this.#$();
+  #R(e) {
+    this.#E();
     const t = this._gate, s = h(
       "Last step: verify your email so we can follow up.",
       "One address, one code. No password needed."
     );
-    return t.stage ? t.stage === "signedin" ? l`
+    return t.stage ? t.stage === "signedin" ? a`
 				${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.#I(t.email)}>Continue</button>
+						@click=${() => this.#A(t.email)}>Continue</button>
 					<button type="button" class="btn-ghost"
-						@click=${() => this.#z()}>Use a different email</button>
+						@click=${() => this.#U()}>Use a different email</button>
 				</div>
-			` : t.stage === "email" ? l`
+			` : t.stage === "email" ? a`
 				${s}
 				<div class="form-card login-card">
 					<h2>Sign in or create account</h2>
@@ -1500,12 +1634,12 @@ class Xe extends I {
       this._gate = { ...t, email: i.target.value };
     }}
 							@keydown=${(i) => {
-      i.key === "Enter" && this.#v();
+      i.key === "Enter" && this.#$();
     }}>
 					</div>
-					${t.error ? l`<div class="err" role="alert">${t.error}</div>` : c}
+					${t.error ? a`<div class="err" role="alert">${t.error}</div>` : c}
 					<button type="button" class="login-btn" ?disabled=${t.loading}
-						@click=${() => this.#v()}>
+						@click=${() => this.#$()}>
 						${t.loading ? "Sending…" : "Continue with email"}
 					</button>
 					<div class="login-why">
@@ -1514,15 +1648,12 @@ class Xe extends I {
 							<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=${Le} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
+							<li><a href=${He} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
 						</ul>
 					</div>
-					<p class="login-anon">
-						Want to remain anonymous? Call us at
-						<a href=${Oe(M)}>${M}</a>.
-					</p>
+					${this._submit.stage === "auth" ? c : this.#ne()}
 				</div>
-			` : l`
+			` : t.stage === "anon-confirm" ? this.#ae(s) : a`
 			${s}
 			<div class="form-card login-card">
 				<h2>Enter verification code</h2>
@@ -1536,27 +1667,71 @@ class Xe extends I {
 				<div class="field">
 					<label>Verification code</label>
 					<wral-code-input
-						@code-complete=${(i) => this.#F(i.detail?.code ?? i.detail?.value ?? i.target.value)}>
+						@code-complete=${(i) => this.#S(i.detail?.code ?? i.detail?.value ?? i.target.value)}>
 					</wral-code-input>
 				</div>
-				${t.error ? l`<div class="err" role="alert">${t.error}</div>` : c}
+				${t.error ? a`<div class="err" role="alert">${t.error}</div>` : c}
 				<button type="button" class="login-btn" ?disabled=${t.loading}
 					@click=${() => {
       const i = this.renderRoot.querySelector("wral-code-input");
-      this.#F(i?.value || "");
+      this.#S(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.#v()}>resend a new code</button>.
+					<button type="button" @click=${() => this.#$()}>resend a new code</button>.
+				</p>
+			</div>
+		` : a`${s}${E()}`;
+  }
+  /* Collapsed by default: findable for whoever needs it, never the
+   * first thing a viewer reaches for. */
+  #ne() {
+    return a`
+			<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>.
+					</p>
+					${this.#B ? a`
+						<p class="alt-row">
+							<button type="button" class="alt-link"
+								@click=${() => this.#q()}>Send this anonymously</button>
+							— no follow-up, and no credit if we use your photos or video.
+						</p>
+					` : c}
+				</div>
+			</details>
+		`;
+  }
+  #ae(e) {
+    return a`
+			${e}
+			<div class="form-card login-card">
+				<h2>Before you send anonymously</h2>
+				<p class="login-sub">
+					You can send this report without an account. Here is what it costs you.
 				</p>
+				<ul class="anon-costs">
+					${Ke.map((t) => a`
+						<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>
+					<button type="button" class="btn-ghost"
+						@click=${() => this.#j()}>Continue anonymously</button>
+				</div>
 			</div>
-		` : l`${s}${$()}`;
+		`;
   }
-  #G(e) {
+  #oe(e) {
     const t = e.redirect || {};
-    return l`
+    return a`
 			<div class="form-card">
 				<p style="margin: 0 0 6px; font-weight: 600; font-size: 16px;
 					color: var(--wral-base-primary-1, #001D68);
@@ -1573,30 +1748,33 @@ class Xe extends I {
 			</div>
 		`;
   }
-  #S() {
-    const e = Ae(this._form, this._steps);
-    return l`
+  #D() {
+    const e = Pe(this._form, this._steps);
+    return a`
 			${h("Here is what you are sending.", "Check it over, then submit.")}
 			<div class="form-card">
 				<ul class="review-list">
-					${e.map((t) => l`
+					${e.map((t) => a`
 						<li>
 							<span class="k">${t.k}</span>
-							<span>${t.pill ? ue(t.pill) : t.v}</span>
+							<span>${t.pill ? be(t.pill) : t.v}</span>
 						</li>
 					`)}
 				</ul>
+				${this._banner ? a`
+					<div class="err" role="alert" style="margin-top: 12px;">${this._banner.message}</div>
+				` : c}
 				<div style="margin-top: 16px;">
-					<button type="button" class="btn-primary" @click=${() => this.#P()}>
+					<button type="button" class="btn-primary" @click=${() => this.#W()}>
 						Submit report
 					</button>
 				</div>
 			</div>
 		`;
   }
-  #J() {
+  #le() {
     const e = this._submit;
-    if (e.stage === "auth") return this.#C({ id: null, type: "gate" });
+    if (e.stage === "auth") return this.#R({ id: null, type: "gate" });
     const t = {
       minting: "Preparing your uploads…",
       uploading: "Uploading your files…",
@@ -1604,10 +1782,10 @@ class Xe extends I {
       requesting: "Sending your report…",
       "requesting-error": this._banner?.message || "We could not send your report."
     }[e.stage] || "Working…";
-    return l`
+    return a`
 			${h("Submitting your report.", t)}
 			<div class="form-card">
-				${e.files.map((s, i) => l`
+				${e.files.map((s, i) => a`
 					<div class="upload-row">
 						<span class="name">${s.name}</span>
 						<div class="upload-bar" role="progressbar"
@@ -1618,62 +1796,63 @@ class Xe extends I {
 						<span class="state ${s.status === "failed" ? "failed" : ""}">
 							${s.status === "done" ? "Done" : s.status === "failed" ? "Failed" : "Uploading"}
 						</span>
-						${s.status === "failed" ? l`
-							<button type="button" class="retry-chip" @click=${() => this.#M(i)}>
+						${s.status === "failed" ? a`
+							<button type="button" class="retry-chip" @click=${() => this.#H(i)}>
 								Retry
 							</button>
 						` : c}
 					</div>
 				`)}
-				${e.stage === "requesting-error" ? l`
+				${e.stage === "requesting-error" ? a`
 					<div class="err" role="alert">${this._banner?.message || ""}</div>
-					${this._banner?.retryAfter ? l`
+					${this._banner?.retryAfter ? a`
 						<div class="file-note">You can try again in about
 							${Math.ceil(this._banner.retryAfter / 60)} minutes.</div>
 					` : c}
 					<button type="button" class="btn-primary" style="margin-top: 8px;"
-						@click=${() => this.#L()}>Try again</button>
+						@click=${() => this.#G()}>Try again</button>
 				` : c}
-				${q(e).length && e.stage === "uploading-error" ? l`
+				${N(e).length && e.stage === "uploading-error" ? a`
 					<div class="err" role="alert">Retry the failed
-						${q(e).length === 1 ? "file" : "files"} to continue.</div>
+						${N(e).length === 1 ? "file" : "files"} to continue.</div>
 				` : c}
 			</div>
 		`;
   }
-  #X() {
-    const e = j(this._form, this._steps), t = Re(this._result, e), s = Te({
+  #de() {
+    const e = Y(this._form, this._steps), t = Me(this._result, e), s = Ue({
       routing: this._result?.routing || {},
       flags: e,
-      reference: this._result?.reference || ""
+      reference: this._result?.reference || "",
+      anonymous: this.#f
     });
-    return l`
+    return a`
 			<div class="confirm-card">
 				<div class="c-head">
-					<div class="c-check">${pe()}</div>
+					<div class="c-check">${ye()}</div>
 					<div>
 						<div class="eyebrow">Report received</div>
 						<h2>${t.title}</h2>
 					</div>
 				</div>
 				<p>${t.body}</p>
-				${t.urgentNote ? l`<p>${t.urgentNote}</p>` : c}
+				${t.urgentNote ? a`<p>${t.urgentNote}</p>` : c}
 				<div class="refs">
 					<span class="ref"><span class="rk">Reference</span>${this._result?.reference || ""}</span>
 				</div>
-				<button type="button" class="c-again" @click=${() => this.#w()}>
+				<button type="button" class="c-again" @click=${() => this.#k()}>
 					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, a) => l`
+				${s.map((i, n) => a`
 					<div class="j-step">
-						<div class="j-dot">${a + 1}</div>
+						<div class="j-dot">${n + 1}</div>
 						<div class="j-body">
 							<div class="j-t">${i.title}
-								${i.pill ? l` <span class="flag-pill urgent">${i.pill}</span>` : c}
+								${i.pill ? a` <span class="flag-pill urgent">${i.pill}</span>` : c}
 							</div>
 							<div class="j-d">${i.body}</div>
 						</div>
@@ -1682,15 +1861,15 @@ class Xe extends I {
 			</div>
 		`;
   }
-  #Z() {
+  #ce() {
     const e = this._phase === "submitting" || this._phase === "done" || this._phase === "loading" || this._phase === "load-error";
-    return l`
+    return a`
 			<div class="bottom-bar">
 				<div class="inner">
 					<button type="button" class="btn-ghost" ?disabled=${e || this._phase === "pick"}
-						@click=${() => this.#D()}>← Back</button>
+						@click=${() => this.#M()}>← Back</button>
 					<button type="button" class="btn-ghost" ?disabled=${this._phase === "submitting"}
-						@click=${() => this.#w()}>Start over</button>
+						@click=${() => this.#k()}>Start over</button>
 					<span class="note">Your report goes to a person on the right desk.</span>
 				</div>
 			</div>
@@ -1700,7 +1879,7 @@ class Xe extends I {
     this.renderRoot?.querySelector(".chat")?.lastElementChild?.scrollIntoView?.({ block: "nearest" });
   }
 }
-class Ze extends I {
+class ot extends T {
   static properties = {
     files: { attribute: !1 },
     lostMeta: { attribute: !1 },
@@ -1708,7 +1887,7 @@ class Ze extends I {
     required: { type: Boolean },
     label: { type: String }
   };
-  static styles = p`
+  static styles = f`
 		: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; }
@@ -1730,7 +1909,7 @@ class Ze extends I {
   constructor() {
     super(), this.files = [], this.lostMeta = [], this.budget = {}, this.required = !1, this.label = "Photos or video";
   }
-  get #o() {
+  get #l() {
     return (this.budget?.allowedTypes || []).join(",");
   }
   #a(e) {
@@ -1749,18 +1928,18 @@ class Ze extends I {
     t.splice(e, 1), this.#a(t);
   }
   render() {
-    const e = this.files || [], { errors: t } = F(e, this.budget, { required: !1 });
-    return l`
+    const e = this.files || [], { errors: t } = C(e, this.budget, { required: !1 });
+    return a`
 			<input type="file" multiple
-				accept=${this.#o || c}
+				accept=${this.#l || c}
 				aria-label=${this.label}
 				@change=${this.#u}>
-			${e.length ? l`
+			${e.length ? a`
 				<ul class="file-list">
-					${e.map((s, i) => l`
+					${e.map((s, i) => a`
 						<li>
 							<span>${s.name}</span>
-							<span class="size">${He(s.size)}</span>
+							<span class="size">${et(s.size)}</span>
 							<button type="button" class="remove"
 								aria-label="Remove ${s.name}"
 								@click=${() => this.#t(i)}>✕</button>
@@ -1768,50 +1947,50 @@ class Ze extends I {
 					`)}
 				</ul>
 			` : c}
-			${(this.lostMeta || []).length ? l`
+			${(this.lostMeta || []).length ? a`
 				<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) => l`<div class="err">${s.message}</div>`)}
+			${t.map((s) => a`<div class="err">${s.message}</div>`)}
 		`;
   }
 }
-function He(r) {
+function et(r) {
   return Number.isFinite(r) ? r >= 1024 * 1024 ? `${(r / (1024 * 1024)).toFixed(1)} MB` : r >= 1024 ? `${Math.round(r / 1024)} KB` : `${r} B` : "";
 }
-const Ye = (r, e, t, s) => {
-  const i = e.target.value.replace(/\D/g, "").slice(-1), a = [...t];
-  a[r] = i;
-  const n = a.join(""), o = a.every((d) => d !== "");
-  return s("code-change", { value: n, complete: o }), i && o && s("code-complete", { value: n }), a;
-}, Ke = (r, e, t, s) => {
+const tt = (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) => {
   if (e.key === "Backspace") {
     const i = [...t];
     !i[r] && r > 0 ? i[r - 1] = "" : i[r] && (i[r] = "");
-    const a = i.join("");
-    return s("code-change", { value: a, complete: !1 }), i;
+    const n = i.join("");
+    return s("code-change", { value: n, complete: !1 }), i;
   }
   return t;
-}, Qe = (r, e, t) => {
+}, st = (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 o = 0; o < s.length && o < 6; o++)
-    i[o] = s[o];
-  const a = i.join(""), n = i.every((o) => o !== "");
-  return t("code-change", { value: a, complete: n }), s.length === 6 && t("code-complete", { value: a }), i;
+  for (let l = 0; l < s.length && l < 6; l++)
+    i[l] = s[l];
+  const n = i.join(""), o = i.every((l) => l !== "");
+  return t("code-change", { value: n, complete: o }), s.length === 6 && t("code-complete", { value: n }), i;
 };
-class et extends I {
+class lt extends T {
   static formAssociated = !0;
   static properties = {
     _values: { type: Array, state: !0 },
     disabled: { type: Boolean, reflect: !0 }
   };
-  static styles = p`
+  static styles = f`
     :host {
       display: block;
       width: 100%;
@@ -1910,7 +2089,7 @@ class et extends I {
     this.getInputs()[e]?.focus();
   }
   inputHandler(e, t) {
-    this._values = Ye(
+    this._values = tt(
       e,
       t,
       this._values,
@@ -1920,7 +2099,7 @@ class et extends I {
   keydownHandler(e, t) {
     if (t.key === "Backspace") {
       const s = !this._values[e];
-      this._values = Ke(
+      this._values = rt(
         e,
         t,
         this._values,
@@ -1929,12 +2108,12 @@ class et extends I {
     }
   }
   pasteHandler(e) {
-    this._values = Qe(e, this._values, this.dispatchCustomEvent.bind(this));
+    this._values = st(e, this._values, this.dispatchCustomEvent.bind(this));
   }
   render() {
-    return l`
+    return a`
       <div class="code-inputs">
-        ${[0, 1, 2, 3, 4, 5].map((e) => l`
+        ${[0, 1, 2, 3, 4, 5].map((e) => a`
           <input
 						type         = "text"
 						inputmode    = "numeric"
@@ -1954,10 +2133,10 @@ class et extends I {
   }
 }
 export {
-  et as W,
-  Ze as a,
-  Xe as b,
-  fe as c,
-  he as d,
-  ge as e
+  lt as W,
+  ot as a,
+  at as b,
+  ve as c,
+  xe as d,
+  ke as e
 };