@wral/report-it 0.1.1 → 0.1.3

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

@@ -1,6 +1,6 @@
-import { css as p, html as l, nothing as c, LitElement as I } from "lit";
-import { getAuthContext as O, createStorage as V, verifyCode as W, extractTokens as S, saveTokens as A, decodeJwtPayload as R, refreshTokenSimple as N, sendCode as H, createUserPool as Y, signUpIfNeeded as K, createCognitoUser as Q, getAuthHeaders as G, STORAGE_KEYS as _, isAuthenticatedSimple as J } from "@wral/sdk-auth-audience";
-const X = p`
+import { css as f, html as a, nothing as c, LitElement as A } from "lit";
+import { getAuthContext as H, createStorage as K, verifyCode as Q, extractTokens as R, saveTokens as T, decodeJwtPayload as D, refreshTokenSimple as G, sendCode as J, createUserPool as X, signUpIfNeeded as Z, createCognitoUser as ee, getAuthHeaders as te, STORAGE_KEYS as F, isAuthenticatedSimple as re } from "@wral/sdk-auth-audience";
+const se = f`
 	:host {
 		display: block;
 		box-sizing: border-box;
@@ -24,7 +24,7 @@ const X = p`
 		position: absolute; width: 1px; height: 1px; overflow: hidden;
 		clip: rect(0 0 0 0); white-space: nowrap;
 	}
-`, Z = p`
+`, ie = 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 X = p`
 			animation: none !important;
 		}
 	}
-`, ee = p`
+`, ne = 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 X = 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); }
-`, te = p`
+`, ae = 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 X = 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); }
-`, re = p`
+`, oe = f`
 	.form-card {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -156,7 +156,7 @@ const X = 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; }
-`, se = p`
+`, le = f`
 	.login-card { padding: 28px 26px; }
 	.login-card h2 {
 		font-family: var(--wral-base-font-display, 'IBM Plex Sans Condensed', sans-serif);
@@ -201,7 +201,49 @@ const X = 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; }
-`, ie = p`
+	.login-why a { color: var(--color-secondary, #2594E3); font-weight: 600; text-decoration: underline; }
+	.login-alt {
+		border-top: 1px solid var(--color-gray-2, #E7E5E4); margin-top: 16px; padding-top: 12px;
+	}
+	.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%; }
+`, de = 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;
@@ -233,7 +275,7 @@ const X = p`
 		color: var(--wral-base-primary-1, #001D68);
 	}
 	@media (max-width: 540px) { .review-list li { grid-template-columns: 1fr; gap: 2px; } }
-`, ae = p`
+`, ce = 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); }
@@ -249,7 +291,7 @@ const X = 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; }
-`, ne = p`
+`, ue = f`
 	.confirm-card {
 		align-self: stretch;
 		background: var(--wral-base-primary-1, #001D68);
@@ -299,7 +341,7 @@ const X = 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); }
-`, oe = p`
+`, pe = f`
 	.journey {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -340,7 +382,7 @@ const X = 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; }
-`, le = p`
+`, he = f`
 	.bottom-bar {
 		position: sticky; bottom: 0; z-index: 20;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -353,118 +395,143 @@ const X = 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; } }
-`, de = [X, Z, ee, te, re, se, ie, ae, ne, oe, le];
+`, fe = [se, ie, ne, ae, oe, le, de, ce, ue, pe, he];
 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 I() {
+  return a`<div class="msg bot typing"><span></span><span></span><span></span></div>`;
 }
-function ce(r) {
-  return r ? l`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : c;
+function ge(r) {
+  return r ? a`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : c;
 }
-function ue() {
-  return l`
+function me() {
+  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 {
+class y extends Error {
   constructor(e, t) {
     super(`api-forms request failed with status ${e}`), this.status = e, this.body = t;
   }
 }
-function pe({
+const z = Object.freeze({ enabled: !1, humanCheck: null });
+function be({
   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 = z, o = null;
+  async function l(d, { method: u = "GET", body: g, auth: b = !1 } = {}) {
+    const p = { Accept: "application/json" };
+    b && Object.assign(p, o ? { Authorization: `Bearer ${o}` } : await s()), g !== void 0 && (p["Content-Type"] = "application/json");
+    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: p,
+        ...g !== void 0 ? { body: JSON.stringify(g) } : {}
       });
-    } catch (y) {
-      throw Object.assign(new w(0, null), { cause: y });
+    } catch (v) {
+      throw Object.assign(new y(0, null), { cause: v });
     }
-    let b = null;
+    let x = null;
     try {
-      b = await m.json();
+      x = await w.json();
     } catch {
     }
-    if (!m.ok)
-      throw new w(m.status, b);
-    return b;
+    if (!w.ok)
+      throw new y(w.status, x);
+    return x;
   }
   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");
+      return n = d?.anonymous?.enabled === !0 ? { enabled: !0, humanCheck: d.anonymous.humanCheck || null } : z, (d?.forms || []).filter((u) => u?.formId && u?.start && Array.isArray(u?.nodes));
+    },
+    /**
+     * 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 b = await l("/v1/anon/sessions", {
+        method: "POST",
+        body: { formId: d, requestId: u, ...g ? { humanToken: g } : {} }
+      });
+      if (o = b?.token || null, !o)
+        throw new y(502, { message: "The anonymous session had no token" });
+      return { expiresIn: b.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: b = () => {
     } }) => {
-      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((x, v) => {
+        p.open("PUT", d), p.setRequestHeader("Content-Type", g || u.type), p.upload && (p.upload.onprogress = (S) => {
+          b({ loaded: S.loaded, total: S.total || u.size });
+        }), p.onload = () => {
+          p.status >= 200 && p.status < 300 ? x({ status: p.status }) : v(new y(p.status, null));
+        }, p.onerror = () => v(new y(0, null)), p.onabort = () => v(new y(0, { aborted: !0 })), p.send(u);
+      }), abort: () => p.abort() };
     },
     /** @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 he() {
-  const { config: r, storage: e } = O();
+function ye() {
+  const { config: r, storage: e } = H();
   let t = null;
   return {
-    isAuthenticated: () => J(),
-    signedInEmail: () => e.get(_.userEmail) || null,
-    getAuthHeaders: () => G(r, e),
+    isAuthenticated: () => re(),
+    signedInEmail: () => e.get(F.userEmail) || null,
+    getAuthHeaders: () => te(r, e),
     /**
      * Email step. Keeps the challenge user in memory for verifyCode.
      * @returns {{challengeRequired?: boolean, authenticated?: boolean}}
      */
     sendCode: async (s) => {
-      const i = await H(
+      const i = await J(
         r,
         s,
         e,
-        Y,
-        K,
-        Q,
-        S,
-        A,
-        R
+        X,
+        Z,
+        ee,
+        R,
+        T,
+        D
       );
       return t = i.cognitoUser || null, {
         challengeRequired: !!i.challengeRequired,
@@ -479,114 +546,114 @@ function he() {
       if (!t)
         throw new Error("Please enter your email again to get a new code.");
       try {
-        await W(
+        await Q(
           t,
           s,
           e,
-          S,
-          A,
-          R
+          R,
+          T,
+          D
         );
       } catch {
         throw new Error("Invalid or expired code. Please request a new one and try again.");
       }
-      return await N(), { success: !0 };
+      return await G(), { success: !0 };
     },
     /** Local sign-out only ("use a different email"). */
     signOut: () => {
-      t = null, V().clear();
+      t = null, K().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 === F.accessToken || n.key === F.idToken) && s();
       };
       return window.addEventListener("storage", i), () => window.removeEventListener("storage", i);
     }
   };
 }
-function fe({ baseUrl: r }) {
-  const e = he();
-  return { ...pe({ baseUrl: r, getAuthHeaders: e.getAuthHeaders }), ...e };
+function we({ baseUrl: r }) {
+  const e = ye();
+  return { ...be({ baseUrl: r, getAuthHeaders: e.getAuthHeaders }), ...e };
 }
-function g(r, e) {
+function m(r, e) {
   return (r?.nodes || []).find((t) => t.id === e);
 }
-function M(r, e = []) {
+function N(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 = m(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: j(t), error: null } : { nodeId: null, node: null, flags: t, error: { step: null, reason: `unknown node: ${s}` } };
+  const i = m(r, s);
+  return i ? { nodeId: s, node: i, flags: V(t), error: null } : { nodeId: null, node: null, flags: t, error: { step: null, reason: `unknown node: ${s}` } };
 }
-function ge(r, e = []) {
+function xe(r, e = []) {
   const t = [];
   for (const s of e) {
     if (s.kind !== "collect") continue;
-    const i = g(r, s.nodeId);
+    const i = m(r, s.nodeId);
     t.push(...i?.fields || []);
   }
   return t;
 }
-function me(r = []) {
+function ve(r = []) {
   const e = {};
   for (const t of r)
     t.kind === "collect" && Object.assign(e, t.values || {});
   return e;
 }
-function be(r = []) {
+function ke(r = []) {
   return r.filter((e) => e.kind === "choice").map((e) => `${e.nodeId}:${e.optionId}`);
 }
-function U(r, e = []) {
+function W(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 = (m(r, s.nodeId)?.options || []).find((o) => o.id === s.optionId);
+    t.push(...n?.flags || []);
   }
-  return j(t);
+  return V(t);
 }
-function ye(r = []) {
+function _e(r = []) {
   return r.includes("urgent") ? "urgent" : r.includes("moderate") ? "moderate" : null;
 }
-function j(r) {
+function V(r) {
   return [...new Set(r)];
 }
-const we = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, D = {
+const $e = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, P = {
   text: 500,
   textarea: 5e3,
   url: 2048
 };
-function xe(r, e) {
-  if (e == null || e === "" || r.kind === "location" && ve(e))
+function Fe(r, e) {
+  if (e == null || e === "" || r.kind === "location" && Ie(e))
     return r.required ? `Please fill in: ${r.label.toLowerCase()}.` : null;
   switch (r.kind) {
     case "text":
     case "textarea": {
-      const s = r.maxLength || D[r.kind];
+      const s = r.maxLength || P[r.kind];
       return typeof e != "string" ? `Please enter text for ${r.label.toLowerCase()}.` : e.length > s ? `Please keep ${r.label.toLowerCase()} under ${s} characters.` : null;
     }
     case "url": {
-      if (typeof e != "string" || e.length > D.url)
+      if (typeof e != "string" || e.length > P.url)
         return "Please enter a valid link.";
       try {
         return new URL(e), null;
@@ -595,85 +662,85 @@ function xe(r, e) {
       }
     }
     case "datetime":
-      return we.test(String(e)) ? null : "Please pick a date and time.";
+      return $e.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 ke(r, e);
+      return Ee(r, e);
     case "media":
       return null;
     default:
       return `Unsupported field: ${r.kind}`;
   }
 }
-function ve(r) {
+function Ie(r) {
   return r == null ? !0 : typeof r != "object" ? !1 : !r.county && !r.where && !(Array.isArray(r.gps) && r.gps.length);
 }
-function ke(r, e) {
+function Ee(r, e) {
   return typeof e != "object" || Array.isArray(e) ? "Please tell us where this was." : e.county !== void 0 && (typeof e.county != "string" || e.county.length > 100) ? "Please choose a county." : e.where !== void 0 && (typeof e.where != "string" || e.where.length > 500) ? "Please shorten the location description." : e.gps !== void 0 && !(Array.isArray(e.gps) && e.gps.length === 2 && e.gps.every((s) => typeof s == "number" && Number.isFinite(s))) ? "Location coordinates look wrong; try re-sharing your location." : r.required && !e.county && !e.where ? `Please fill in: ${r.label.toLowerCase()}.` : null;
 }
-function T(r, e = {}) {
+function B(r, e = {}) {
   const t = {};
   for (const s of r) {
     if (s.kind === "media") continue;
-    const i = xe(s, e[s.key]);
+    const i = Fe(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 E(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 q({ 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 = ge(r, e), i = me(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 Ae({ form: r, steps: e, media: t = [] }) {
+  const s = xe(r, e), i = ve(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: be(e),
-    answers: a,
-    media: t.map(({ assetId: n, type: o }) => ({ assetId: n, type: o }))
+    path: ke(e),
+    answers: n,
+    media: t.map(({ assetId: o, type: l }) => ({ assetId: o, type: l }))
   };
 }
-function $e(r, e) {
+function M(r, e) {
   if (r === 429)
     return {
       kind: "throttled",
@@ -711,15 +778,15 @@ function $e(r, e) {
     message: "Something went wrong on our end; please try again."
   };
 }
-const Fe = 34, Ie = 44;
-function P(r, e) {
+const Ce = 34, Se = 44;
+function U(r, e) {
   const t = String(r);
   return t.length > e ? `${t.slice(0, e)}…` : t;
 }
-function Ee(r) {
+function Re(r) {
   return !r || typeof r != "object" ? "" : [r.county, r.where].filter(Boolean).join(", ");
 }
-function Ce(r, e = {}, t = []) {
+function Te(r, e = {}, t = []) {
   const s = [];
   for (const i of r) {
     if (i.kind === "consent") continue;
@@ -727,21 +794,21 @@ function Ce(r, e = {}, t = []) {
       t.length && s.push(`${t.length} ${t.length === 1 ? "file" : "files"}`);
       continue;
     }
-    const a = i.kind === "location" ? Ee(e[i.key]) : e[i.key];
-    a == null || a === "" || (i.kind === "textarea" ? s.push(`"${P(a, Ie)}"`) : s.push(P(a, Fe)));
+    const n = i.kind === "location" ? Re(e[i.key]) : e[i.key];
+    n == null || n === "" || (i.kind === "textarea" ? s.push(`"${U(n, Se)}"`) : s.push(U(n, Ce)));
   }
   return s.join(" · ") || "Details provided";
 }
-function Se(r, e = [], t = null) {
+function De(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 = m(r, n.nodeId);
+    n.kind === "choice" && o && s.push({ k: (o.prompt || "").replace(/\?$/, ""), v: n.label || n.optionId }), n.kind === "collect" && s.push({ k: "Details", v: n.summary || "Details provided" }), n.kind === "gate" && (n.anonymous ? s.push({ k: "Contact", v: "Anonymous — we will have no way to reach you" }) : (n.email || t) && s.push({ k: "Verified email", v: n.email || t }));
   }
-  const i = ye(U(r, e));
+  const i = _e(W(r, e));
   return i && s.push({ k: "Priority", v: i === "urgent" ? "Urgent" : "Moderate", pill: i }), s;
 }
-function Ae(r, e = []) {
+function ze(r, e = []) {
   const t = r?.confirmation || {};
   return {
     title: t.title || "Report received.",
@@ -749,12 +816,12 @@ function Ae(r, e = []) {
     urgentNote: e.includes("urgent") ? t.urgentNote : void 0
   };
 }
-function Re(r, e) {
+function Pe(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 De({ routing: r = {}, flags: e = [], reference: t = "" }) {
-  const s = e.includes("urgent");
+function Be({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s = !1 }) {
+  const i = e.includes("urgent");
   return [
     {
       title: "Received",
@@ -762,12 +829,12 @@ function De({ routing: r = {}, flags: e = [], reference: t = "" }) {
     },
     {
       title: "Routed",
-      body: Re(r.destination, r.state),
-      pill: s ? "Urgent · pinned first" : void 0
+      body: Pe(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",
@@ -779,30 +846,30 @@ function De({ routing: r = {}, flags: e = [], reference: t = "" }) {
     }
   ];
 }
-const E = "wral-report-it:draft:v1", L = 1;
-function Te(r, e) {
+const C = "wral-report-it:draft:v1", Y = 1;
+function qe(r, e) {
   try {
-    r.setItem(E, JSON.stringify({ ...e, v: L, savedAt: Date.now() }));
+    r.setItem(C, JSON.stringify({ ...e, v: Y, savedAt: Date.now() }));
   } catch {
   }
 }
-function ze(r) {
+function Me(r) {
   try {
-    const e = r.getItem(E);
+    const e = r.getItem(C);
     if (!e) return null;
     const t = JSON.parse(e);
-    return t?.v !== L ? null : t;
+    return t?.v !== Y ? null : t;
   } catch {
     return null;
   }
 }
-function B(r) {
+function O(r) {
   try {
-    r.removeItem(E);
+    r.removeItem(C);
   } catch {
   }
 }
-function Pe({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i = {} }) {
+function Ue({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i = {} }) {
   return {
     apiOrigin: r,
     formId: e.formId,
@@ -812,26 +879,26 @@ function Pe({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i
     media: i
   };
 }
-function Be(r, e, { apiOrigin: t } = {}) {
+function Oe(r, e, { apiOrigin: t } = {}) {
   if (!r) return { status: "discarded" };
   if (t && r.apiOrigin && r.apiOrigin !== t)
     return { status: "discarded" };
-  const s = (e || []).find((n) => n.formId === r.formId);
+  const s = (e || []).find((o) => o.formId === r.formId);
   if (!s) return { status: "discarded" };
-  const { error: i } = M(s, r.steps || []);
+  const { error: i } = N(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 $(r = []) {
   return {
     stage: "idle",
     resumeStage: null,
@@ -851,7 +918,7 @@ function k(r = []) {
     error: null
   };
 }
-function qe(r, e) {
+function je(r, e) {
   switch (e.type) {
     case "START":
       return { ...r, stage: r.files.length ? "minting" : "requesting", error: null };
@@ -872,29 +939,29 @@ function qe(r, e) {
       return { ...r, stage: "uploading", files: t };
     }
     case "FILE_PROGRESS":
-      return x(r, e.i, (t) => ({
+      return k(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 Me(t);
+      const t = k(r, e.i, (s) => ({ ...s, status: "done", progress: 1 }));
+      return Le(t);
     }
     case "FILE_FAIL":
-      return { ...x(r, e.i, (s) => ({
+      return { ...k(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 { ...k(r, e.i, (s) => ({
         ...s,
         status: "uploading",
         progress: 0,
         error: null
       })), stage: "uploading" };
     case "REMINT_FILE":
-      return { ...x(r, e.i, (s) => ({
+      return { ...k(r, e.i, (s) => ({
         ...s,
         assetId: e.upload.assetId,
         url: e.upload.url,
@@ -910,23 +977,23 @@ function qe(r, e) {
     case "REQUEST_FAIL":
       return { ...r, stage: "requesting-error", error: e.error };
     case "RESET":
-      return k([]);
+      return $([]);
     default:
       return r;
   }
 }
-function x(r, e, t) {
-  const s = r.files.map((i, a) => a === e ? t(i) : i);
+function k(r, e, t) {
+  const s = r.files.map((i, n) => n === e ? t(i) : i);
   return { ...r, files: s };
 }
-function Me(r) {
+function Le(r) {
   const e = r.files.every((s) => s.status === "done"), t = r.files.some((s) => s.status === "failed");
   return e ? { ...r, stage: "requesting" } : t ? { ...r, stage: "uploading-error" } : r;
 }
-function q(r) {
+function j(r) {
   return r.files.map((e, t) => ({ ...e, i: t })).filter((e) => e.status === "failed");
 }
-const Ue = [
+const Ne = [
   "Wake",
   "Durham",
   "Orange",
@@ -943,9 +1010,18 @@ const Ue = [
   "Moore",
   "Sampson",
   "Other / outside the area"
-], je = "https://api.wral.com/forms", Le = 480, Oe = 2;
-class Qe extends I {
-  static styles = de;
+], L = "(919) 821-8600", We = "https://www.wral.com/my-wral/", Ve = Object.freeze([
+  "We cannot come back to you for the detail that often turns a tip into a story.",
+  "We cannot credit you if we use your photos or video.",
+  "If you lose your reference number, we cannot look it up for you."
+]);
+function Ye(r) {
+  const e = String(r).replace(/\D/g, "");
+  return `tel:+1${e.length === 11 && e.startsWith("1") ? e.slice(1) : e}`;
+}
+const He = "https://api.wral.com/forms", Ke = 480, Qe = 2;
+class rt extends A {
+  static styles = fe;
   static properties = {
     api: { type: String },
     _phase: { state: !0 },
@@ -961,34 +1037,35 @@ class Qe 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;
+  #b = null;
+  #y = !1;
+  #d = null;
+  #F = 0;
   constructor() {
-    super(), this.api = je, 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 = He, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._typing = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = $([]), this._banner = null, this._notice = null, this._result = null;
   }
   get client() {
-    return this.#o ? this.#o : ((!this.#a || this.#u !== this.api) && (this.#a = fe({ baseUrl: this.api }), this.#u = this.api), this.#a);
+    return this.#l ? this.#l : ((!this.#a || this.#u !== this.api) && (this.#a = we({ 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.#w();
   }
   connectedCallback() {
-    super.connectedCallback(), this.#b();
+    super.connectedCallback(), this.#w();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.#g), this.#l?.();
+    super.disconnectedCallback(), clearTimeout(this.#b), this.#d?.();
     for (const { abort: e } of this.#i.values()) e?.();
     this.#i.clear();
   }
-  get #A() {
+  get #D() {
     try {
       return matchMedia("(prefers-reduced-motion: reduce)").matches;
     } catch {
@@ -1004,28 +1081,45 @@ class Qe 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 #z() {
+    return this.client.anonymousCapability?.().enabled === !0 && this._form?.allowAnonymous !== !1;
+  }
+  /* Derived from the gate step, so a reload restores the choice. */
+  get #h() {
+    return this._steps.some((e) => e.kind === "gate" && e.anonymous === !0);
+  }
   // ── Loading + draft restore ─────────────────────────────────────
-  async #b() {
+  async #w() {
+    const e = ++this.#F, t = () => e === this.#F;
     this._phase = "loading", this._banner = null;
+    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;
     }
-    const e = Be(ze(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 = Oe(Me(this.#p), this._forms, { apiOrigin: this.api });
+    if (i.status === "ok" || i.status === "review-required") {
+      this._form = i.form, this._steps = i.steps, this.#t = i.requestId, this.#s = i.lostMedia || {}, i.status === "review-required" ? this._notice = "This form changed since your last visit — please review your answers." : Object.keys(this.#s).length && (this._notice = "Welcome back — your answers were saved, but attachments need to be re-attached."), this.#o({ animate: !1 });
       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 })));
-    Te(this.#p, Pe({
+      s.length && (e[t] = s.map(({ name: i, type: n, size: o }) => ({ name: i, type: n, size: o })));
+    qe(this.#p, Ue({
       apiOrigin: this.api,
       form: this._form,
       steps: this._steps,
@@ -1034,77 +1128,77 @@ class Qe 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.#D ? (this._typing = !0, clearTimeout(this.#b), this.#b = setTimeout(() => {
       this._typing = !1;
-    }, Le)) : this._typing = !1;
+    }, Ke)) : this._typing = !1;
   }
-  get #_() {
-    return this._form ? M(this._form, this._steps) : { node: null };
+  get #x() {
+    return this._form ? N(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();
+  #f(e) {
+    this._steps = [...this._steps, e], this.#c(), this.#o();
   }
-  #D() {
+  #B() {
     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.#v();
       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";
+  #v() {
+    this.client.endAnonSession?.(), this._form = null, this._steps = [], this.#t = null, this.#r = {}, this.#s = {}, this._result = null, this._banner = null, this._notice = null, this._submit = $([]), O(this.#p), this._phase = "pick";
   }
   // ── Collect card ────────────────────────────────────────────────
-  #x(e, t) {
+  #k(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
+  #q(e) {
+    const t = e.fields || [], { ok: s, errors: i } = B(t, this._cardValues), n = t.find((d) => d.kind === "media");
+    let o = !0;
+    if (n) {
+      const d = this.#r[e.id] || [], u = E(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.#f({
       nodeId: e.id,
       kind: "collect",
       values: { ...this._cardValues },
-      summary: Ce(t, this._cardValues, o)
+      summary: Te(t, this._cardValues, l)
     });
   }
   // ── Gate ────────────────────────────────────────────────────────
-  async #$() {
-    if (!(this._gate.stage || this.#m)) {
-      this.#m = !0;
+  async #I() {
+    if (!(this._gate.stage || this.#y)) {
+      this.#y = !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.#y = !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.#I();
       }));
     }
   }
-  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." };
@@ -1122,10 +1216,10 @@ class Qe extends I {
       };
     }
   }
-  async #F(e) {
+  async #E(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,
@@ -1134,19 +1228,53 @@ class Qe 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.#x;
+    t?.type === "gate" && this.#f({ nodeId: t.id, kind: "gate", email: e });
   }
-  #z() {
+  #M() {
     this.client.signOut?.(), this._gate = { stage: "email", email: "", error: "", loading: !1 };
   }
+  // ── Anonymous route ─────────────────────────────────────────────
+  #U() {
+    this._gate = { ...this._gate, stage: "anon-confirm", error: "" };
+  }
+  #O() {
+    this._gate = { ...this._gate, stage: "email", error: "" };
+  }
+  /*
+   * Records the choice only. The session is minted at submit, against
+   * the requestId, so an abandoned form leaves nothing behind.
+   */
+  #j() {
+    const { node: e } = this.#x;
+    e?.type === "gate" && (this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#f({ nodeId: e.id, kind: "gate", anonymous: !0 }));
+  }
+  async #C() {
+    try {
+      return await this.client.createAnonSession({
+        formId: this._form.formId,
+        requestId: this.#t
+      }), !0;
+    } catch (e) {
+      return this._banner = M(e?.status ?? 0, e?.body ?? null), !1;
+    }
+  }
+  /* An anonymous session outliving the upload run re-mints in place; there
+   * is no identity to send back to the sign-in card. */
+  async #L() {
+    if (await this.#C()) {
+      this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#n();
+      return;
+    }
+    this.#e({ type: "REQUEST_FAIL", error: this._banner });
+  }
   // ── Submit pipeline ─────────────────────────────────────────────
-  get #h() {
+  get #g() {
     const e = [];
     for (const t of this._steps)
       if (t.kind === "collect")
@@ -1155,117 +1283,129 @@ class Qe extends I {
     return e;
   }
   #e(e) {
-    this._submit = qe(this._submit, e);
+    this._submit = je(this._submit, e);
   }
-  async #P() {
+  async #N() {
     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 = m(this._form, t.nodeId), { ok: i, errors: n } = B(s?.fields || [], t.values), o = (s?.fields || []).find((d) => d.kind === "media");
+      let l = !0;
+      if (o) {
+        const d = this.#r[t.nodeId] || [], u = E(d, this._form.budget, {
+          required: !!o.required
         });
-        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.#h) {
+      if (!await this.#C()) return;
+    } else
+      this.client.endAnonSession?.();
+    if (this._submit = $(this.#g), this._phase = "submitting", this.#h) {
+      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.#W();
+    if (e === "uploading") return this.#S();
+    if (e === "requesting") return this.#H();
   }
-  async #B() {
+  async #W() {
     try {
-      const e = await this.client.createUploads(z({
+      const e = await this.client.createUploads(q({
         formId: this._form.formId,
         requestId: this.#t,
-        files: this.#h
+        files: this.#g
       }));
-      this.#e({ type: "MINTED", uploads: e }), this.#c();
+      this.#e({ type: "MINTED", uploads: e }), this.#n();
     } catch (e) {
-      this.#k(e);
+      this.#$(e);
     }
   }
-  #E() {
+  #S() {
     const e = this._submit.files, t = this.#i.size;
     let s = 0;
-    for (let i = 0; i < e.length && t + s < Oe; i++)
-      e[i].status !== "uploading" || this.#i.has(i) || (s += 1, this.#q(i));
+    for (let i = 0; i < e.length && t + s < Qe; i++)
+      e[i].status !== "uploading" || this.#i.has(i) || (s += 1, this.#V(i));
   }
-  #q(e) {
-    const t = this._submit.files[e], s = this.#h[e], { promise: i, abort: a } = this.client.uploadFile({
+  #V(e) {
+    const t = this._submit.files[e], s = this.#g[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 #Y(e) {
     if (this._submit.files[e].error === "expired")
       try {
-        const [s] = await this.client.createUploads(z({
+        const [s] = await this.client.createUploads(q({
           formId: this._form.formId,
           requestId: this.#t,
-          files: [this.#h[e]]
+          files: [this.#g[e]]
         }));
         this.#e({ type: "REMINT_FILE", i: e, upload: s });
       } catch (s) {
-        this.#k(s);
+        this.#$(s);
         return;
       }
     else
       this.#e({ type: "RETRY_FILE", i: e });
-    this.#E();
+    this.#S();
   }
-  async #U() {
+  async #H() {
     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, Ae({
         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, O(this.#p), this.client.endAnonSession?.(), this._phase = "done";
     } catch (e) {
-      this.#k(e);
+      this.#$(e);
     }
   }
-  #k(e) {
-    const t = $e(e?.status ?? 0, e?.body ?? null);
+  #$(e) {
+    const t = M(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.#h) {
+        this.#L();
+        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.#K();
       return;
     }
     this._banner = t, this.#e({ type: "REQUEST_FAIL", error: t });
   }
-  async #j() {
+  async #K() {
     try {
       this._forms = await this.client.listForms();
       const e = this._forms.find((t) => t.formId === this._form.formId);
@@ -1273,86 +1413,90 @@ class Qe extends I {
     } catch {
     }
   }
-  #L() {
-    this._banner = null, this.#e({ type: "REQUEST_START" }), this.#c();
+  #Q() {
+    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.#G()}
 			</div>
-			${this.#Z()}
+			${this.#de()}
 		`;
   }
-  #O() {
+  #G() {
     switch (this._phase) {
       case "loading":
-        return $();
+        return I();
       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.#w()}>Try again</button>
 				</div>
 			`;
       case "pick":
-        return this.#V();
+        return this.#J();
       case "walk":
-        return l`${this.#f()}${this._typing ? $() : this.#W()}`;
+        return a`${this.#m()}${this._typing ? I() : this.#X()}`;
       case "review":
-        return l`${this.#f()}${this.#S()}`;
+        return a`${this.#m()}${this.#T()}`;
       case "submitting":
-        return l`${this.#f()}${this.#J()}`;
+        return a`${this.#m()}${this.#oe()}`;
       case "done":
-        return l`${this.#f()}${this.#X()}`;
+        return a`${this.#m()}${this.#le()}`;
       default:
         return c;
     }
   }
-  #V() {
+  #J() {
     const e = this._forms;
-    return l`
+    return a`
 			${h(
       "Welcome to Report It. What would you like to send us?",
       "A few quick questions route your report to the right team."
     )}
 			<div class="options" role="group" aria-label="What would you like to send us?">
-				${e.map((t, s) => 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() {
+  #m() {
     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 }));
+    )), 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 = m(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;
   }
-  #W() {
-    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;
+  #X() {
+    const { node: e, error: t } = this.#x;
+    return t || !e ? h("Something went sideways with this form.", "Please start over.", { error: !0 }) : e.type === "choice" ? this.#Z(e) : e.type === "collect" ? this.#ee(e) : e.type === "gate" ? this.#R(e) : e.type === "redirect" ? this.#ae(e) : e.type === "terminal" ? this.#T() : c;
   }
-  #N(e) {
-    return l`
+  #Z(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.#f({
       nodeId: e.id,
       kind: "choice",
       optionId: t.id,
@@ -1362,61 +1506,61 @@ class Qe extends I {
 			</div>
 		`;
   }
-  #H(e) {
+  #ee(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.#te(e, s))}
+				<button type="button" class="btn-primary" @click=${() => this.#q(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>
+  #te(e, t) {
+    const s = this._cardValues[t.key], i = this._fieldErrors[t.key], n = !t.required && t.kind !== "consent" ? a` <span class="opt">optional</span>` : c, o = t.kind === "consent" ? c : a`
+			<label for="f-${t.key}">${t.label}${n}</label>
 		`;
-    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.#re(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);
+  #re(e, t, s) {
+    const i = (n) => (o) => this.#k(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.#se(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.#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.
@@ -1424,56 +1568,56 @@ class Qe 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 || Ue, i = (a) => this.#x(e.key, { ...t, ...a });
-    return l`
+  #se(e, t) {
+    const s = e.counties || Ne, i = (n) => this.#k(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.#I();
     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.#M()}>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>
@@ -1488,12 +1632,12 @@ class Qe 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">
@@ -1502,10 +1646,12 @@ class Qe 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=${We} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
 						</ul>
 					</div>
+					${this._submit.stage === "auth" ? c : this.#ie()}
 				</div>
-			` : l`
+			` : t.stage === "anon-confirm" ? this.#ne(s) : a`
 			${s}
 			<div class="form-card login-card">
 				<h2>Enter verification code</h2>
@@ -1519,27 +1665,71 @@ class Qe 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.#E(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.#E(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>
-		` : l`${s}${$()}`;
+		` : a`${s}${I()}`;
+  }
+  /* Collapsed by default: findable for whoever needs it, never the
+   * first thing a viewer reaches for. */
+  #ie() {
+    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=${Ye(L)}>${L}</a>.
+					</p>
+					${this.#z ? a`
+						<p class="alt-row">
+							<button type="button" class="alt-link"
+								@click=${() => this.#U()}>Send this anonymously</button>
+							— no follow-up, and no credit if we use your photos or video.
+						</p>
+					` : c}
+				</div>
+			</details>
+		`;
   }
-  #G(e) {
+  #ne(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">
+					${Ve.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.#O()}>Sign in instead</button>
+					<button type="button" class="btn-ghost"
+						@click=${() => this.#j()}>Continue anonymously</button>
+				</div>
+			</div>
+		`;
+  }
+  #ae(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);
@@ -1556,30 +1746,33 @@ class Qe extends I {
 			</div>
 		`;
   }
-  #S() {
-    const e = Se(this._form, this._steps);
-    return l`
+  #T() {
+    const e = De(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 ? ce(t.pill) : t.v}</span>
+							<span>${t.pill ? ge(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.#N()}>
 						Submit report
 					</button>
 				</div>
 			</div>
 		`;
   }
-  #J() {
+  #oe() {
     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…",
@@ -1587,10 +1780,10 @@ class Qe 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"
@@ -1601,62 +1794,63 @@ class Qe 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.#Y(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.#Q()}>Try again</button>
 				` : c}
-				${q(e).length && e.stage === "uploading-error" ? l`
+				${j(e).length && e.stage === "uploading-error" ? a`
 					<div class="err" role="alert">Retry the failed
-						${q(e).length === 1 ? "file" : "files"} to continue.</div>
+						${j(e).length === 1 ? "file" : "files"} to continue.</div>
 				` : c}
 			</div>
 		`;
   }
-  #X() {
-    const e = U(this._form, this._steps), t = Ae(this._result, e), s = De({
+  #le() {
+    const e = W(this._form, this._steps), t = ze(this._result, e), s = Be({
       routing: this._result?.routing || {},
       flags: e,
-      reference: this._result?.reference || ""
+      reference: this._result?.reference || "",
+      anonymous: this.#h
     });
-    return l`
+    return a`
 			<div class="confirm-card">
 				<div class="c-head">
-					<div class="c-check">${ue()}</div>
+					<div class="c-check">${me()}</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.#v()}>
 					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>
@@ -1665,15 +1859,15 @@ class Qe extends I {
 			</div>
 		`;
   }
-  #Z() {
+  #de() {
     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.#B()}>← Back</button>
 					<button type="button" class="btn-ghost" ?disabled=${this._phase === "submitting"}
-						@click=${() => this.#w()}>Start over</button>
+						@click=${() => this.#v()}>Start over</button>
 					<span class="note">Your report goes to a person on the right desk.</span>
 				</div>
 			</div>
@@ -1683,7 +1877,7 @@ class Qe extends I {
     this.renderRoot?.querySelector(".chat")?.lastElementChild?.scrollIntoView?.({ block: "nearest" });
   }
 }
-class Ge extends I {
+class st extends A {
   static properties = {
     files: { attribute: !1 },
     lostMeta: { attribute: !1 },
@@ -1691,7 +1885,7 @@ class Ge 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; }
@@ -1713,7 +1907,7 @@ class Ge 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) {
@@ -1732,18 +1926,18 @@ class Ge 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 } = E(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">${Ve(s.size)}</span>
+							<span class="size">${Ge(s.size)}</span>
 							<button type="button" class="remove"
 								aria-label="Remove ${s.name}"
 								@click=${() => this.#t(i)}>✕</button>
@@ -1751,50 +1945,50 @@ class Ge 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 Ve(r) {
+function Ge(r) {
   return Number.isFinite(r) ? r >= 1024 * 1024 ? `${(r / (1024 * 1024)).toFixed(1)} MB` : r >= 1024 ? `${Math.round(r / 1024)} KB` : `${r} B` : "";
 }
-const We = (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;
-}, Ne = (r, e, t, s) => {
+const Je = (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;
+}, Xe = (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;
-}, He = (r, e, t) => {
+}, Ze = (r, e, t) => {
   r.preventDefault();
   const s = r.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
   if (s.length === 0) return e;
   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 Je extends I {
+class it extends A {
   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%;
@@ -1893,7 +2087,7 @@ class Je extends I {
     this.getInputs()[e]?.focus();
   }
   inputHandler(e, t) {
-    this._values = We(
+    this._values = Je(
       e,
       t,
       this._values,
@@ -1903,7 +2097,7 @@ class Je extends I {
   keydownHandler(e, t) {
     if (t.key === "Backspace") {
       const s = !this._values[e];
-      this._values = Ne(
+      this._values = Xe(
         e,
         t,
         this._values,
@@ -1912,12 +2106,12 @@ class Je extends I {
     }
   }
   pasteHandler(e) {
-    this._values = He(e, this._values, this.dispatchCustomEvent.bind(this));
+    this._values = Ze(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"
@@ -1937,10 +2131,10 @@ class Je extends I {
   }
 }
 export {
-  Je as W,
-  Ge as a,
-  Qe as b,
-  he as c,
-  pe as d,
-  fe as e
+  it as W,
+  st as a,
+  rt as b,
+  ye as c,
+  be as d,
+  we as e
 };