@wral/report-it 0.1.3 → 0.1.4

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

@@ -1,6 +1,6 @@
-import { css as f, html as a, nothing as c, LitElement as A } from "lit";
-import { getAuthContext as H, createStorage as K, verifyCode as Q, extractTokens as R, saveTokens as T, decodeJwtPayload as D, refreshTokenSimple as G, sendCode as J, createUserPool as X, signUpIfNeeded as Z, createCognitoUser as ee, getAuthHeaders as te, STORAGE_KEYS as F, isAuthenticatedSimple as re } from "@wral/sdk-auth-audience";
-const se = f`
+import { css as 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 se = f`
 		position: absolute; width: 1px; height: 1px; overflow: hidden;
 		clip: rect(0 0 0 0); white-space: nowrap;
 	}
-`, ie = f`
+`, 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 se = f`
 			animation: none !important;
 		}
 	}
-`, ne = f`
+`, 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 se = f`
 	.msg .sub { display: block; font-size: 13px; color: var(--wral-semantic-fg-muted, #64748B); margin-top: 4px; }
 	.msg.user .sub { color: rgba(255, 255, 255, 0.75); }
 	.msg.error { border-left: 3px solid var(--wral-base-red-on-light, #D1232A); }
-`, ae = f`
+`, 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 se = f`
 	.chip:hover { background: var(--wral-base-secondary-1, #2594E3); color: #FFFFFF; }
 	.chip:focus-visible { outline: 2px solid var(--wral-base-secondary-1, #2594E3); outline-offset: 2px; }
 	.chip:active { transform: scale(0.97); }
-`, oe = f`
+`, de = f`
 	.form-card {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -156,7 +156,7 @@ const se = f`
 	.btn-ghost:hover { border-color: var(--wral-base-secondary-1, #2594E3); }
 	.btn-ghost:active { transform: scale(0.97); }
 	.btn-ghost:focus-visible { outline: 2px solid var(--wral-base-secondary-1, #2594E3); outline-offset: 2px; }
-`, le = f`
+`, ce = f`
 	.login-card { padding: 28px 26px; }
 	.login-card h2 {
 		font-family: var(--wral-base-font-display, 'IBM Plex Sans Condensed', sans-serif);
@@ -243,7 +243,7 @@ const se = f`
 	.anon-costs .x { flex-shrink: 0; font-weight: 700; color: var(--wral-base-red-on-light, #D1232A); }
 	.anon-actions { display: flex; flex-direction: column; gap: 10px; }
 	.anon-actions .btn-ghost { width: 100%; }
-`, de = f`
+`, 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;
@@ -275,7 +275,7 @@ const se = f`
 		color: var(--wral-base-primary-1, #001D68);
 	}
 	@media (max-width: 540px) { .review-list li { grid-template-columns: 1fr; gap: 2px; } }
-`, ce = f`
+`, 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); }
@@ -291,7 +291,7 @@ const se = f`
 		border-radius: 999px; padding: 3px 12px; cursor: pointer;
 	}
 	.retry-chip:focus-visible { outline: 2px solid var(--wral-base-secondary-1, #2594E3); outline-offset: 2px; }
-`, ue = f`
+`, he = f`
 	.confirm-card {
 		align-self: stretch;
 		background: var(--wral-base-primary-1, #001D68);
@@ -341,7 +341,7 @@ const se = f`
 	.c-again:hover { background: rgba(255, 255, 255, 0.12); }
 	.c-again:focus-visible { outline: 2px solid var(--wral-base-secondary-2, #50A9E8); outline-offset: 2px; }
 	.c-again:active { transform: scale(0.97); }
-`, pe = f`
+`, fe = f`
 	.journey {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -382,7 +382,7 @@ const se = f`
 		color: var(--wral-base-primary-1, #001D68); margin-bottom: 2px;
 	}
 	.j-body .j-d { font-size: 13.5px; color: var(--wral-semantic-fg-muted, #475569); line-height: 1.55; }
-`, he = f`
+`, ge = f`
 	.bottom-bar {
 		position: sticky; bottom: 0; z-index: 20;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -395,7 +395,7 @@ const se = f`
 	}
 	.bottom-bar .note { margin-left: auto; font-size: 12px; color: var(--wral-semantic-fg-subtle, #64748B); }
 	@media (max-width: 540px) { .bottom-bar .note { display: none; } }
-`, fe = [se, ie, ne, ae, oe, le, de, ce, ue, pe, he];
+`, me = [ne, ae, oe, le, de, ce, ue, pe, he, fe, ge];
 function h(r, e, { noAnim: t = !1, error: s = !1 } = {}) {
   return a`
 		<div class="msg bot ${t ? "no-anim" : ""} ${s ? "error" : ""}">
@@ -404,63 +404,65 @@ function h(r, e, { noAnim: t = !1, error: s = !1 } = {}) {
 		</div>
 	`;
 }
-function _(r, { noAnim: e = !1 } = {}) {
+function $(r, { noAnim: e = !1 } = {}) {
   return a`<div class="msg user ${e ? "no-anim" : ""}">${r}</div>`;
 }
-function I() {
+function E() {
   return a`<div class="msg bot typing"><span></span><span></span><span></span></div>`;
 }
-function ge(r) {
+function be(r) {
   return r ? a`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : c;
 }
-function me() {
+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 y 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;
   }
 }
-const z = Object.freeze({ enabled: !1, humanCheck: null });
-function be({
+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(/\/+$/, "");
-  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 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 {
       w = await e(`${i}${d}`, {
         method: u,
-        headers: p,
+        headers: k,
+        ...p ? { signal: AbortSignal.timeout(p) } : {},
         ...g !== void 0 ? { body: JSON.stringify(g) } : {}
       });
-    } catch (v) {
-      throw Object.assign(new y(0, null), { cause: v });
+    } catch (_) {
+      throw Object.assign(new x(0, null), { cause: _ });
     }
-    let x = null;
+    let m = null;
     try {
-      x = await w.json();
+      m = await w.json();
     } catch {
     }
     if (!w.ok)
-      throw new y(w.status, x);
-    return x;
+      throw new x(w.status, m);
+    return m;
   }
   return {
     /** @returns {Promise<Array>} published form documents */
     listForms: async () => {
-      const d = await l("/v1/forms");
-      return n = d?.anonymous?.enabled === !0 ? { enabled: !0, humanCheck: d.anonymous.humanCheck || null } : z, (d?.forms || []).filter((u) => u?.formId && u?.start && Array.isArray(u?.nodes));
+      const 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.
@@ -473,13 +475,13 @@ function be({
      * @returns {Promise<{expiresIn: number}>}
      */
     createAnonSession: async ({ formId: d, requestId: u, humanToken: g }) => {
-      const b = await l("/v1/anon/sessions", {
+      const y = 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 };
+      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: () => {
@@ -495,43 +497,43 @@ function be({
      * progress is observable. Resolves on 2xx; rejects with
      * ApiError(status) otherwise. Returns { promise, abort }.
      */
-    uploadFile: ({ url: d, file: u, contentType: g, onProgress: b = () => {
+    uploadFile: ({ url: d, file: u, contentType: g, onProgress: y = () => {
     } }) => {
       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 });
+      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 ? 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);
+          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 (d, u) => await l(`/v1/requests/${d}`, { method: "PUT", body: u, auth: !0 })
   };
 }
-function ye() {
-  const { config: r, storage: e } = H();
+function ve() {
+  const { config: r, storage: e } = Q();
   let t = null;
   return {
-    isAuthenticated: () => re(),
-    signedInEmail: () => e.get(F.userEmail) || null,
-    getAuthHeaders: () => te(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 J(
+      const i = await Z(
         r,
         s,
         e,
-        X,
-        Z,
         ee,
-        R,
-        T,
-        D
+        te,
+        re,
+        D,
+        z,
+        B
       );
       return t = i.cognitoUser || null, {
         challengeRequired: !!i.challengeRequired,
@@ -546,22 +548,22 @@ function ye() {
       if (!t)
         throw new Error("Please enter your email again to get a new code.");
       try {
-        await Q(
+        await J(
           t,
           s,
           e,
-          R,
-          T,
-          D
+          D,
+          z,
+          B
         );
       } catch {
         throw new Error("Invalid or expired code. Please request a new one and try again.");
       }
-      return await G(), { success: !0 };
+      return await X(), { success: !0 };
     },
     /** Local sign-out only ("use a different email"). */
     signOut: () => {
-      t = null, K().clear();
+      t = null, G().clear();
     },
     /**
      * Detect a login completed in ANOTHER tab (the storage event
@@ -569,24 +571,24 @@ function ye() {
      */
     onCrossTabLogin: (s) => {
       const i = (n) => {
-        (n.key === F.accessToken || n.key === F.idToken) && s();
+        (n.key === I.accessToken || n.key === I.idToken) && s();
       };
       return window.addEventListener("storage", i), () => window.removeEventListener("storage", i);
     }
   };
 }
-function we({ baseUrl: r }) {
-  const e = ye();
-  return { ...be({ baseUrl: r, getAuthHeaders: e.getAuthHeaders }), ...e };
+function ke({ baseUrl: r }) {
+  const e = ve();
+  return { ...xe({ baseUrl: r, getAuthHeaders: e.getAuthHeaders }), ...e };
 }
-function m(r, e) {
+function b(r, e) {
   return (r?.nodes || []).find((t) => t.id === e);
 }
-function N(r, e = []) {
+function V(r, e = []) {
   const t = [];
   let s = r?.start;
   for (const n of e) {
-    const o = m(r, s);
+    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")
@@ -602,58 +604,58 @@ function N(r, e = []) {
     }
     s = o.next;
   }
-  const i = m(r, s);
-  return i ? { nodeId: s, node: i, flags: V(t), error: null } : { nodeId: null, node: null, flags: t, error: { step: null, reason: `unknown node: ${s}` } };
+  const i = 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 xe(r, e = []) {
+function _e(r, e = []) {
   const t = [];
   for (const s of e) {
     if (s.kind !== "collect") continue;
-    const i = m(r, s.nodeId);
+    const i = b(r, s.nodeId);
     t.push(...i?.fields || []);
   }
   return t;
 }
-function ve(r = []) {
+function $e(r = []) {
   const e = {};
   for (const t of r)
     t.kind === "collect" && Object.assign(e, t.values || {});
   return e;
 }
-function ke(r = []) {
+function Fe(r = []) {
   return r.filter((e) => e.kind === "choice").map((e) => `${e.nodeId}:${e.optionId}`);
 }
-function W(r, e = []) {
+function Y(r, e = []) {
   const t = [];
   for (const s of e) {
     if (s.kind !== "choice") continue;
-    const n = (m(r, s.nodeId)?.options || []).find((o) => o.id === s.optionId);
+    const n = (b(r, s.nodeId)?.options || []).find((o) => o.id === s.optionId);
     t.push(...n?.flags || []);
   }
-  return V(t);
+  return H(t);
 }
-function _e(r = []) {
+function Ie(r = []) {
   return r.includes("urgent") ? "urgent" : r.includes("moderate") ? "moderate" : null;
 }
-function V(r) {
+function H(r) {
   return [...new Set(r)];
 }
-const $e = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, P = {
+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 Fe(r, e) {
-  if (e == null || e === "" || r.kind === "location" && Ie(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 || P[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 > P.url)
+      if (typeof e != "string" || e.length > M.url)
         return "Please enter a valid link.";
       try {
         return new URL(e), null;
@@ -662,35 +664,35 @@ function Fe(r, e) {
       }
     }
     case "datetime":
-      return $e.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 Ee(r, e);
+      return Ce(r, e);
     case "media":
       return null;
     default:
       return `Unsupported field: ${r.kind}`;
   }
 }
-function Ie(r) {
+function Ae(r) {
   return r == null ? !0 : typeof r != "object" ? !1 : !r.county && !r.where && !(Array.isArray(r.gps) && r.gps.length);
 }
-function Ee(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 B(r, e = {}) {
+function O(r, e = {}) {
   const t = {};
   for (const s of r) {
     if (s.kind === "media") continue;
-    const i = Fe(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 E(r = [], e = {}, { required: t = !1 } = {}) {
+function C(r = [], e = {}, { required: t = !1 } = {}) {
   const {
     maxFiles: s = 5,
     maxFileBytes: i = 512 * 1024 * 1024,
@@ -711,15 +713,15 @@ function E(r = [], e = {}, { required: t = !1 } = {}) {
     });
   }), { ok: o.length === 0, errors: o };
 }
-function q({ 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 Ae({ form: r, steps: e, media: t = [] }) {
-  const s = xe(r, e), i = ve(e), n = {};
+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];
@@ -735,12 +737,12 @@ function Ae({ form: r, steps: e, media: t = [] }) {
   return {
     formId: r.formId,
     flowVersion: r.flowVersion,
-    path: ke(e),
+    path: Fe(e),
     answers: n,
     media: t.map(({ assetId: o, type: l }) => ({ assetId: o, type: l }))
   };
 }
-function M(r, e) {
+function q(r, e) {
   if (r === 429)
     return {
       kind: "throttled",
@@ -778,15 +780,15 @@ function M(r, e) {
     message: "Something went wrong on our end; please try again."
   };
 }
-const Ce = 34, Se = 44;
-function U(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 Re(r) {
+function ze(r) {
   return !r || typeof r != "object" ? "" : [r.county, r.where].filter(Boolean).join(", ");
 }
-function Te(r, e = {}, t = []) {
+function Be(r, e = {}, t = []) {
   const s = [];
   for (const i of r) {
     if (i.kind === "consent") continue;
@@ -794,21 +796,21 @@ function Te(r, e = {}, t = []) {
       t.length && s.push(`${t.length} ${t.length === 1 ? "file" : "files"}`);
       continue;
     }
-    const n = i.kind === "location" ? Re(e[i.key]) : e[i.key];
-    n == null || n === "" || (i.kind === "textarea" ? s.push(`"${U(n, Se)}"`) : s.push(U(n, Ce)));
+    const n = i.kind === "location" ? 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 De(r, e = [], t = null) {
+function Pe(r, e = [], t = null) {
   const s = [];
   for (const n of e) {
-    const o = m(r, n.nodeId);
+    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 = _e(W(r, e));
+  const i = Ie(Y(r, e));
   return i && s.push({ k: "Priority", v: i === "urgent" ? "Urgent" : "Moderate", pill: i }), s;
 }
-function ze(r, e = []) {
+function Me(r, e = []) {
   const t = r?.confirmation || {};
   return {
     title: t.title || "Report received.",
@@ -816,11 +818,11 @@ function ze(r, e = []) {
     urgentNote: e.includes("urgent") ? t.urgentNote : void 0
   };
 }
-function Pe(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 Be({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s = !1 }) {
+function Ue({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s = !1 }) {
   const i = e.includes("urgent");
   return [
     {
@@ -829,7 +831,7 @@ function Be({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s =
     },
     {
       title: "Routed",
-      body: Pe(r.destination, r.state),
+      body: Oe(r.destination, r.state),
       pill: i ? "Urgent · pinned first" : void 0
     },
     {
@@ -846,30 +848,30 @@ function Be({ routing: r = {}, flags: e = [], reference: t = "", anonymous: s =
     }
   ];
 }
-const C = "wral-report-it:draft:v1", Y = 1;
+const R = "wral-report-it:draft:v1", K = 1;
 function qe(r, e) {
   try {
-    r.setItem(C, JSON.stringify({ ...e, v: Y, savedAt: Date.now() }));
+    r.setItem(R, JSON.stringify({ ...e, v: K, savedAt: Date.now() }));
   } catch {
   }
 }
-function Me(r) {
+function Le(r) {
   try {
-    const e = r.getItem(C);
+    const e = r.getItem(R);
     if (!e) return null;
     const t = JSON.parse(e);
-    return t?.v !== Y ? null : t;
+    return t?.v !== K ? null : t;
   } catch {
     return null;
   }
 }
-function O(r) {
+function j(r) {
   try {
-    r.removeItem(C);
+    r.removeItem(R);
   } catch {
   }
 }
-function Ue({ 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,
@@ -879,13 +881,13 @@ function Ue({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i
     media: i
   };
 }
-function Oe(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((o) => o.formId === r.formId);
   if (!s) return { status: "discarded" };
-  const { error: i } = N(s, r.steps || []);
+  const { error: i } = V(s, r.steps || []);
   if (i) return { status: "discarded" };
   const n = {};
   for (const [o, l] of Object.entries(r.media || {}))
@@ -898,7 +900,7 @@ function Oe(r, e, { apiOrigin: t } = {}) {
     lostMedia: n
   };
 }
-function $(r = []) {
+function F(r = []) {
   return {
     stage: "idle",
     resumeStage: null,
@@ -918,7 +920,7 @@ function $(r = []) {
     error: null
   };
 }
-function je(r, e) {
+function We(r, e) {
   switch (e.type) {
     case "START":
       return { ...r, stage: r.files.length ? "minting" : "requesting", error: null };
@@ -939,29 +941,29 @@ function je(r, e) {
       return { ...r, stage: "uploading", files: t };
     }
     case "FILE_PROGRESS":
-      return k(r, e.i, (t) => ({
+      return v(r, e.i, (t) => ({
         ...t,
         progress: e.total ? e.loaded / e.total : 0
       }));
     case "FILE_DONE": {
-      const t = k(r, e.i, (s) => ({ ...s, status: "done", progress: 1 }));
-      return Le(t);
+      const t = v(r, e.i, (s) => ({ ...s, status: "done", progress: 1 }));
+      return Ve(t);
     }
     case "FILE_FAIL":
-      return { ...k(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 { ...k(r, e.i, (s) => ({
+      return { ...v(r, e.i, (s) => ({
         ...s,
         status: "uploading",
         progress: 0,
         error: null
       })), stage: "uploading" };
     case "REMINT_FILE":
-      return { ...k(r, e.i, (s) => ({
+      return { ...v(r, e.i, (s) => ({
         ...s,
         assetId: e.upload.assetId,
         url: e.upload.url,
@@ -977,23 +979,23 @@ function je(r, e) {
     case "REQUEST_FAIL":
       return { ...r, stage: "requesting-error", error: e.error };
     case "RESET":
-      return $([]);
+      return F([]);
     default:
       return r;
   }
 }
-function k(r, e, t) {
+function v(r, e, t) {
   const s = r.files.map((i, n) => n === e ? t(i) : i);
   return { ...r, files: s };
 }
-function Le(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 j(r) {
+function N(r) {
   return r.files.map((e, t) => ({ ...e, i: t })).filter((e) => e.status === "failed");
 }
-const Ne = [
+const Ye = [
   "Wake",
   "Durham",
   "Orange",
@@ -1010,18 +1012,18 @@ const Ne = [
   "Moore",
   "Sampson",
   "Other / outside the area"
-], L = "(919) 821-8600", We = "https://www.wral.com/my-wral/", Ve = Object.freeze([
+], 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 Ye(r) {
+function Qe(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;
+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 },
@@ -1029,6 +1031,7 @@ class rt extends A {
     _form: { state: !0 },
     _steps: { state: !0 },
     _typing: { state: !0 },
+    _loadingSlow: { state: !0 },
     _cardValues: { state: !0 },
     _fieldErrors: { state: !0 },
     _gate: { state: !0 },
@@ -1044,35 +1047,36 @@ class rt extends A {
   #r = {};
   #s = {};
   #i = /* @__PURE__ */ new Map();
-  #b = null;
-  #y = !1;
+  #y = null;
+  #p = null;
+  #w = !1;
   #d = null;
-  #F = 0;
+  #I = 0;
   constructor() {
-    super(), this.api = He, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._typing = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = $([]), this._banner = null, this._notice = null, this._result = null;
+    super(), this.api = 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.#l ? this.#l : ((!this.#a || this.#u !== this.api) && (this.#a = we({ 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.#l = e || null, this.isConnected && this.#w();
+    this.#l = e || null, this.isConnected && this.#x();
   }
   connectedCallback() {
-    super.connectedCallback(), this.#w();
+    super.connectedCallback(), this.#x();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.#b), this.#d?.();
+    super.disconnectedCallback(), clearTimeout(this.#y), clearTimeout(this.#p), this.#d?.();
     for (const { abort: e } of this.#i.values()) e?.();
     this.#i.clear();
   }
-  get #D() {
+  get #z() {
     try {
       return matchMedia("(prefers-reduced-motion: reduce)").matches;
     } catch {
       return !0;
     }
   }
-  get #p() {
+  get #h() {
     try {
       return sessionStorage;
     } catch {
@@ -1087,27 +1091,31 @@ class rt extends A {
    * submission is enabled on this deployment, and a form whose desk needs
    * a way to reach the viewer opts out with allowAnonymous: false.
    */
-  get #z() {
+  get #B() {
     return this.client.anonymousCapability?.().enabled === !0 && this._form?.allowAnonymous !== !1;
   }
   /* Derived from the gate step, so a reload restores the choice. */
-  get #h() {
+  get #f() {
     return this._steps.some((e) => e.kind === "gate" && e.anonymous === !0);
   }
   // ── Loading + draft restore ─────────────────────────────────────
-  async #w() {
-    const e = ++this.#F, t = () => e === this.#F;
-    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 {
       s = await this.client.listForms();
     } catch {
       t() && (this._phase = "load-error");
       return;
+    } finally {
+      t() && (clearTimeout(this.#p), this._loadingSlow = !1);
     }
     if (!t()) return;
     this._forms = s;
-    const i = Oe(Me(this.#p), this._forms, { apiOrigin: this.api });
+    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;
@@ -1119,7 +1127,7 @@ class rt extends A {
     const e = {};
     for (const [t, s] of Object.entries(this.#r))
       s.length && (e[t] = s.map(({ name: i, type: n, size: o }) => ({ name: i, type: n, size: o })));
-    qe(this.#p, Ue({
+    qe(this.#h, je({
       apiOrigin: this.api,
       form: this._form,
       steps: this._steps,
@@ -1129,44 +1137,44 @@ class rt extends A {
   }
   // ── Walk mechanics ──────────────────────────────────────────────
   #o({ animate: e = !0 } = {}) {
-    this._phase = "walk", this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, e && !this.#D ? (this._typing = !0, clearTimeout(this.#b), this.#b = setTimeout(() => {
+    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;
-    }, Ke)) : this._typing = !1;
+    }, Je)) : this._typing = !1;
   }
-  get #x() {
-    return this._form ? N(this._form, this._steps) : { node: null };
+  get #v() {
+    return this._form ? V(this._form, this._steps) : { node: null };
   }
   #P(e) {
     this._form = e, this._steps = [], this.#t = null, this.#r = {}, this.#s = {}, this._notice = null, this.#c(), this.#o();
   }
-  #f(e) {
+  #g(e) {
     this._steps = [...this._steps, e], this.#c(), this.#o();
   }
-  #B() {
+  #M() {
     if (this._phase === "done" || this._phase === "submitting") return;
     if (this._phase === "review") {
       this.#o({ animate: !1 });
       return;
     }
     if (!this._steps.length) {
-      this.#v();
+      this.#k();
       return;
     }
     const e = this._steps.at(-1);
     this._steps = this._steps.slice(0, -1), e.kind === "collect" && (this._cardValues = { ...e.values }), this.#c(), this.#o({ animate: !1 });
   }
-  #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";
+  #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 ────────────────────────────────────────────────
-  #k(e, t) {
+  #_(e, t) {
     this._cardValues = { ...this._cardValues, [e]: t };
   }
-  #q(e) {
-    const t = e.fields || [], { ok: s, errors: i } = B(t, this._cardValues), n = t.find((d) => d.kind === "media");
+  #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 = E(d, this._form.budget, {
+      const d = this.#r[e.id] || [], u = C(d, this._form.budget, {
         required: !!n.required
       });
       u.ok ? d.length && (this.#s = { ...this.#s, [e.id]: [] }) : (o = !1, i[n.key] = u.errors[0].message);
@@ -1176,29 +1184,29 @@ class rt extends A {
       return;
     }
     const l = this.#r[e.id] || [];
-    this.#f({
+    this.#g({
       nodeId: e.id,
       kind: "collect",
       values: { ...this._cardValues },
-      summary: Te(t, this._cardValues, l)
+      summary: Be(t, this._cardValues, l)
     });
   }
   // ── Gate ────────────────────────────────────────────────────────
-  async #I() {
-    if (!(this._gate.stage || this.#y)) {
-      this.#y = !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.#y = !1;
+        this.#w = !1;
       }
       this._gate.stage === "email" && this.client.onCrossTabLogin && !this.#d && (this.#d = this.client.onCrossTabLogin(() => {
-        this.#d?.(), this.#d = null, this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#I();
+        this.#d?.(), this.#d = null, this._gate = { stage: null, email: "", error: "", loading: !1 }, this.#E();
       }));
     }
   }
-  async #_() {
+  async #$() {
     const e = this._gate.email.trim();
     if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) {
       this._gate = { ...this._gate, error: "Please enter a valid email address." };
@@ -1216,7 +1224,7 @@ class rt extends A {
       };
     }
   }
-  async #E(e) {
+  async #S(e) {
     this._gate = { ...this._gate, error: "", loading: !0 };
     try {
       await this.client.verifyCode(e), this.#A(this._gate.email);
@@ -1233,17 +1241,17 @@ class rt extends A {
       this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#n();
       return;
     }
-    const { node: t } = this.#x;
-    t?.type === "gate" && this.#f({ nodeId: t.id, kind: "gate", email: e });
+    const { node: t } = this.#v;
+    t?.type === "gate" && this.#g({ nodeId: t.id, kind: "gate", email: e });
   }
-  #M() {
+  #U() {
     this.client.signOut?.(), this._gate = { stage: "email", email: "", error: "", loading: !1 };
   }
   // ── Anonymous route ─────────────────────────────────────────────
-  #U() {
+  #q() {
     this._gate = { ...this._gate, stage: "anon-confirm", error: "" };
   }
-  #O() {
+  #L() {
     this._gate = { ...this._gate, stage: "email", error: "" };
   }
   /*
@@ -1251,8 +1259,8 @@ class rt extends A {
    * 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 }));
+    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 {
@@ -1261,12 +1269,12 @@ class rt extends A {
         requestId: this.#t
       }), !0;
     } catch (e) {
-      return this._banner = M(e?.status ?? 0, e?.body ?? null), !1;
+      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 #L() {
+  async #N() {
     if (await this.#C()) {
       this.#e({ type: "AUTH_OK" }), this._phase = "submitting", this.#n();
       return;
@@ -1274,7 +1282,7 @@ class rt extends A {
     this.#e({ type: "REQUEST_FAIL", error: this._banner });
   }
   // ── Submit pipeline ─────────────────────────────────────────────
-  get #g() {
+  get #m() {
     const e = [];
     for (const t of this._steps)
       if (t.kind === "collect")
@@ -1283,17 +1291,17 @@ class rt extends A {
     return e;
   }
   #e(e) {
-    this._submit = je(this._submit, e);
+    this._submit = We(this._submit, e);
   }
-  async #N() {
+  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 = m(this._form, t.nodeId), { ok: i, errors: n } = B(s?.fields || [], t.values), o = (s?.fields || []).find((d) => d.kind === "media");
+      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 = E(d, this._form.budget, {
+        const d = this.#r[t.nodeId] || [], u = C(d, this._form.budget, {
           required: !!o.required
         });
         u.ok || (l = !1, n[o.key] = u.errors[0].message);
@@ -1303,11 +1311,11 @@ class rt extends A {
         return;
       }
     }
-    if (this.#t = this.#t || crypto.randomUUID(), this.#c(), this.#h) {
+    if (this.#t = this.#t || crypto.randomUUID(), this.#c(), this.#f) {
       if (!await this.#C()) return;
     } else
       this.client.endAnonSession?.();
-    if (this._submit = $(this.#g), this._phase = "submitting", this.#h) {
+    if (this._submit = F(this.#m), this._phase = "submitting", this.#f) {
       this.#e({ type: "START" }), this.#n();
       return;
     }
@@ -1319,30 +1327,30 @@ class rt extends A {
   }
   async #n() {
     const e = this._submit.stage;
-    if (e === "minting") return this.#W();
-    if (e === "uploading") return this.#S();
-    if (e === "requesting") return this.#H();
+    if (e === "minting") return this.#V();
+    if (e === "uploading") return this.#T();
+    if (e === "requesting") return this.#K();
   }
-  async #W() {
+  async #V() {
     try {
-      const e = await this.client.createUploads(q({
+      const e = await this.client.createUploads(U({
         formId: this._form.formId,
         requestId: this.#t,
-        files: this.#g
+        files: this.#m
       }));
       this.#e({ type: "MINTED", uploads: e }), this.#n();
     } catch (e) {
-      this.#$(e);
+      this.#F(e);
     }
   }
-  #S() {
+  #T() {
     const e = this._submit.files, t = this.#i.size;
     let s = 0;
-    for (let i = 0; i < e.length && t + s < Qe; i++)
-      e[i].status !== "uploading" || this.#i.has(i) || (s += 1, this.#V(i));
+    for (let i = 0; i < e.length && t + s < Xe; i++)
+      e[i].status !== "uploading" || this.#i.has(i) || (s += 1, this.#Y(i));
   }
-  #V(e) {
-    const t = this._submit.files[e], s = this.#g[e], { promise: i, abort: n } = 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,
@@ -1360,52 +1368,52 @@ class rt extends A {
       });
     });
   }
-  async #Y(e) {
+  async #H(e) {
     if (this._submit.files[e].error === "expired")
       try {
-        const [s] = await this.client.createUploads(q({
+        const [s] = await this.client.createUploads(U({
           formId: this._form.formId,
           requestId: this.#t,
-          files: [this.#g[e]]
+          files: [this.#m[e]]
         }));
         this.#e({ type: "REMINT_FILE", i: e, upload: s });
       } catch (s) {
-        this.#$(s);
+        this.#F(s);
         return;
       }
     else
       this.#e({ type: "RETRY_FILE", i: e });
-    this.#S();
+    this.#T();
   }
-  async #H() {
+  async #K() {
     try {
-      const e = this._submit.files.map(({ assetId: s, type: i }) => ({ assetId: s, type: i })), t = await this.client.putRequest(this.#t, Ae({
+      const e = this._submit.files.map(({ assetId: 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, O(this.#p), this.client.endAnonSession?.(), 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.#$(e);
+      this.#F(e);
     }
   }
-  #$(e) {
-    const t = M(e?.status ?? 0, e?.body ?? null);
+  #F(e) {
+    const t = q(e?.status ?? 0, e?.body ?? null);
     if (t.kind === "auth") {
-      if (this.#e({ type: "AUTH_REQUIRED" }), this.#h) {
-        this.#L();
+      if (this.#e({ type: "AUTH_REQUIRED" }), this.#f) {
+        this.#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.#K();
+      this._banner = t, this.#e({ type: "REQUEST_FAIL", error: t }), this.#Q();
       return;
     }
     this._banner = t, this.#e({ type: "REQUEST_FAIL", error: t });
   }
-  async #K() {
+  async #Q() {
     try {
       this._forms = await this.client.listForms();
       const e = this._forms.find((t) => t.formId === this._form.formId);
@@ -1413,50 +1421,48 @@ class rt extends A {
     } catch {
     }
   }
-  #Q() {
+  #G() {
     this._banner = null, this.#e({ type: "REQUEST_START" }), this.#n();
   }
   // ── Render ──────────────────────────────────────────────────────
   render() {
     return a`
 			<div class="chat" aria-live="polite">
-				${this.#G()}
+				${this.#J()}
 			</div>
-			${this.#de()}
+			${this.#ce()}
 		`;
   }
-  #G() {
+  #J() {
     switch (this._phase) {
       case "loading":
-        return I();
+        return a`${h(S, this._loadingSlow ? "Loading the form list…" : A)}
+				${E()}`;
       case "load-error":
         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.#w()}>Try again</button>
+					<button type="button" class="chip" @click=${() => this.#x()}>Try again</button>
 				</div>
 			`;
       case "pick":
-        return this.#J();
+        return this.#X();
       case "walk":
-        return a`${this.#m()}${this._typing ? I() : this.#X()}`;
+        return a`${this.#b()}${this._typing ? E() : this.#Z()}`;
       case "review":
-        return a`${this.#m()}${this.#T()}`;
+        return a`${this.#b()}${this.#D()}`;
       case "submitting":
-        return a`${this.#m()}${this.#oe()}`;
+        return a`${this.#b()}${this.#le()}`;
       case "done":
-        return a`${this.#m()}${this.#le()}`;
+        return a`${this.#b()}${this.#de()}`;
       default:
         return c;
     }
   }
-  #J() {
+  #X() {
     const e = this._forms;
     return a`
-			${h(
-      "Welcome to Report It. What would you like to send us?",
-      "A few quick questions route your report to the right team."
-    )}
+			${h(S, A, { noAnim: !0 })}
 			<div class="options" role="group" aria-label="What would you like to send us?">
 				${e.map((t, s) => a`
 					<button type="button" class="chip" style="animation-delay: ${60 + s * 50}ms"
@@ -1465,15 +1471,11 @@ class rt extends A {
 			</div>
 		`;
   }
-  #m() {
+  #b() {
     const e = [];
-    this._form && (e.push(h(
-      "Welcome to Report It. What would you like to send us?",
-      "A few quick questions route your report to the right team.",
-      { noAnim: !0 }
-    )), e.push(_(this._form.title, { noAnim: !0 }))), this._notice && e.push(h(this._notice, "", { noAnim: !0 }));
+    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 = m(this._form, t.nodeId);
+      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.",
@@ -1482,21 +1484,21 @@ class rt extends A {
         "Last step: verify your email so we can follow up.",
         "One address, one code. No password needed.",
         { noAnim: !0 }
-      )), t.kind === "choice" && e.push(_(t.label || t.optionId, { noAnim: !0 })), t.kind === "collect" && e.push(_(t.summary || "Details provided", { noAnim: !0 })), t.kind === "gate" && e.push(_(t.anonymous ? "Send anonymously" : t.email, { noAnim: !0 }));
+      )), 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;
   }
-  #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;
+  #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;
   }
-  #Z(e) {
+  #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) => a`
 					<button type="button" class="chip" style="animation-delay: ${60 + s * 50}ms"
-						@click=${() => this.#f({
+						@click=${() => this.#g({
       nodeId: e.id,
       kind: "choice",
       optionId: t.id,
@@ -1506,32 +1508,32 @@ class rt extends A {
 			</div>
 		`;
   }
-  #ee(e) {
+  #te(e) {
     const t = e.fields || [];
     return a`
 			${h(e.prompt, e.help)}
 			<div class="form-card">
-				${t.map((s) => this.#te(e, s))}
-				<button type="button" class="btn-primary" @click=${() => this.#q(e)}>
+				${t.map((s) => this.#re(e, s))}
+				<button type="button" class="btn-primary" @click=${() => this.#O(e)}>
 					Continue
 				</button>
 			</div>
 		`;
   }
-  #te(e, t) {
+  #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 a`
 			<div class="field">
 				${o}
-				${this.#re(e, t, s)}
+				${this.#se(e, t, s)}
 				${i ? a`<div class="err" role="alert">${i}</div>` : c}
 			</div>
 		`;
   }
-  #re(e, t, s) {
-    const i = (n) => (o) => this.#k(n, o.target.value);
+  #se(e, t, s) {
+    const i = (n) => (o) => this.#_(n, o.target.value);
     switch (t.kind) {
       case "text":
         return a`<input type="text" id="f-${t.key}" .value=${s || ""}
@@ -1555,12 +1557,12 @@ class rt extends A {
 				</select>
 			`;
       case "location":
-        return this.#se(t, s || {});
+        return this.#ie(t, s || {});
       case "consent":
         return a`
 				<div class="consent-row">
 					<input type="checkbox" id="f-${t.key}" .checked=${s === !0}
-						@change=${(n) => this.#k(t.key, n.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.
@@ -1583,8 +1585,8 @@ class rt extends A {
         return c;
     }
   }
-  #se(e, t) {
-    const s = e.counties || Ne, i = (n) => this.#k(e.key, { ...t, ...n });
+  #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=${(n) => i({ county: n.target.value || void 0 })}>
@@ -1601,7 +1603,7 @@ class rt extends A {
 		`;
   }
   #R(e) {
-    this.#I();
+    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."
@@ -1615,7 +1617,7 @@ class rt extends A {
 					<button type="button" class="btn-primary"
 						@click=${() => this.#A(t.email)}>Continue</button>
 					<button type="button" class="btn-ghost"
-						@click=${() => this.#M()}>Use a different email</button>
+						@click=${() => this.#U()}>Use a different email</button>
 				</div>
 			` : t.stage === "email" ? a`
 				${s}
@@ -1632,12 +1634,12 @@ class rt extends A {
       this._gate = { ...t, email: i.target.value };
     }}
 							@keydown=${(i) => {
-      i.key === "Enter" && this.#_();
+      i.key === "Enter" && this.#$();
     }}>
 					</div>
 					${t.error ? a`<div class="err" role="alert">${t.error}</div>` : c}
 					<button type="button" class="login-btn" ?disabled=${t.loading}
-						@click=${() => this.#_()}>
+						@click=${() => this.#$()}>
 						${t.loading ? "Sending…" : "Continue with email"}
 					</button>
 					<div class="login-why">
@@ -1646,12 +1648,12 @@ class rt extends A {
 							<li>We can follow up on your report</li>
 							<li>Your contact information fills in automatically next time</li>
 							<li>You are credited by name when we use your photos or video</li>
-							<li><a href=${We} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
+							<li><a href=${He} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
 						</ul>
 					</div>
-					${this._submit.stage === "auth" ? c : this.#ie()}
+					${this._submit.stage === "auth" ? c : this.#ne()}
 				</div>
-			` : t.stage === "anon-confirm" ? this.#ne(s) : a`
+			` : t.stage === "anon-confirm" ? this.#ae(s) : a`
 			${s}
 			<div class="form-card login-card">
 				<h2>Enter verification code</h2>
@@ -1665,39 +1667,39 @@ class rt extends A {
 				<div class="field">
 					<label>Verification code</label>
 					<wral-code-input
-						@code-complete=${(i) => this.#E(i.detail?.code ?? i.detail?.value ?? i.target.value)}>
+						@code-complete=${(i) => this.#S(i.detail?.code ?? i.detail?.value ?? i.target.value)}>
 					</wral-code-input>
 				</div>
 				${t.error ? a`<div class="err" role="alert">${t.error}</div>` : c}
 				<button type="button" class="login-btn" ?disabled=${t.loading}
 					@click=${() => {
       const i = this.renderRoot.querySelector("wral-code-input");
-      this.#E(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.#_()}>resend a new code</button>.
+					<button type="button" @click=${() => this.#$()}>resend a new code</button>.
 				</p>
 			</div>
-		` : a`${s}${I()}`;
+		` : a`${s}${E()}`;
   }
   /* Collapsed by default: findable for whoever needs it, never the
    * first thing a viewer reaches for. */
-  #ie() {
+  #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=${Ye(L)}>${L}</a>.
+						<a href=${Qe(W)}>${W}</a>.
 					</p>
-					${this.#z ? a`
+					${this.#B ? a`
 						<p class="alt-row">
 							<button type="button" class="alt-link"
-								@click=${() => this.#U()}>Send this anonymously</button>
+								@click=${() => this.#q()}>Send this anonymously</button>
 							— no follow-up, and no credit if we use your photos or video.
 						</p>
 					` : c}
@@ -1705,7 +1707,7 @@ class rt extends A {
 			</details>
 		`;
   }
-  #ne(e) {
+  #ae(e) {
     return a`
 			${e}
 			<div class="form-card login-card">
@@ -1714,20 +1716,20 @@ class rt extends A {
 					You can send this report without an account. Here is what it costs you.
 				</p>
 				<ul class="anon-costs">
-					${Ve.map((t) => a`
+					${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.#O()}>Sign in instead</button>
+						@click=${() => this.#L()}>Sign in instead</button>
 					<button type="button" class="btn-ghost"
 						@click=${() => this.#j()}>Continue anonymously</button>
 				</div>
 			</div>
 		`;
   }
-  #ae(e) {
+  #oe(e) {
     const t = e.redirect || {};
     return a`
 			<div class="form-card">
@@ -1746,8 +1748,8 @@ class rt extends A {
 			</div>
 		`;
   }
-  #T() {
-    const e = De(this._form, this._steps);
+  #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">
@@ -1755,7 +1757,7 @@ class rt extends A {
 					${e.map((t) => a`
 						<li>
 							<span class="k">${t.k}</span>
-							<span>${t.pill ? ge(t.pill) : t.v}</span>
+							<span>${t.pill ? be(t.pill) : t.v}</span>
 						</li>
 					`)}
 				</ul>
@@ -1763,14 +1765,14 @@ class rt extends 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.#N()}>
+					<button type="button" class="btn-primary" @click=${() => this.#W()}>
 						Submit report
 					</button>
 				</div>
 			</div>
 		`;
   }
-  #oe() {
+  #le() {
     const e = this._submit;
     if (e.stage === "auth") return this.#R({ id: null, type: "gate" });
     const t = {
@@ -1795,7 +1797,7 @@ class rt extends A {
 							${s.status === "done" ? "Done" : s.status === "failed" ? "Failed" : "Uploading"}
 						</span>
 						${s.status === "failed" ? a`
-							<button type="button" class="retry-chip" @click=${() => this.#Y(i)}>
+							<button type="button" class="retry-chip" @click=${() => this.#H(i)}>
 								Retry
 							</button>
 						` : c}
@@ -1808,26 +1810,26 @@ class rt extends A {
 							${Math.ceil(this._banner.retryAfter / 60)} minutes.</div>
 					` : c}
 					<button type="button" class="btn-primary" style="margin-top: 8px;"
-						@click=${() => this.#Q()}>Try again</button>
+						@click=${() => this.#G()}>Try again</button>
 				` : c}
-				${j(e).length && e.stage === "uploading-error" ? a`
+				${N(e).length && e.stage === "uploading-error" ? a`
 					<div class="err" role="alert">Retry the failed
-						${j(e).length === 1 ? "file" : "files"} to continue.</div>
+						${N(e).length === 1 ? "file" : "files"} to continue.</div>
 				` : c}
 			</div>
 		`;
   }
-  #le() {
-    const e = W(this._form, this._steps), t = ze(this._result, e), s = Be({
+  #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 || "",
-      anonymous: this.#h
+      anonymous: this.#f
     });
     return a`
 			<div class="confirm-card">
 				<div class="c-head">
-					<div class="c-check">${me()}</div>
+					<div class="c-check">${ye()}</div>
 					<div>
 						<div class="eyebrow">Report received</div>
 						<h2>${t.title}</h2>
@@ -1838,7 +1840,7 @@ class rt extends A {
 				<div class="refs">
 					<span class="ref"><span class="rk">Reference</span>${this._result?.reference || ""}</span>
 				</div>
-				<button type="button" class="c-again" @click=${() => this.#v()}>
+				<button type="button" class="c-again" @click=${() => this.#k()}>
 					Start a new report
 				</button>
 			</div>
@@ -1859,15 +1861,15 @@ class rt extends A {
 			</div>
 		`;
   }
-  #de() {
+  #ce() {
     const e = this._phase === "submitting" || this._phase === "done" || this._phase === "loading" || this._phase === "load-error";
     return a`
 			<div class="bottom-bar">
 				<div class="inner">
 					<button type="button" class="btn-ghost" ?disabled=${e || this._phase === "pick"}
-						@click=${() => this.#B()}>← Back</button>
+						@click=${() => this.#M()}>← Back</button>
 					<button type="button" class="btn-ghost" ?disabled=${this._phase === "submitting"}
-						@click=${() => this.#v()}>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>
@@ -1877,7 +1879,7 @@ class rt extends A {
     this.renderRoot?.querySelector(".chat")?.lastElementChild?.scrollIntoView?.({ block: "nearest" });
   }
 }
-class st extends A {
+class ot extends T {
   static properties = {
     files: { attribute: !1 },
     lostMeta: { attribute: !1 },
@@ -1926,7 +1928,7 @@ class st extends A {
     t.splice(e, 1), this.#a(t);
   }
   render() {
-    const e = this.files || [], { errors: t } = E(e, this.budget, { required: !1 });
+    const e = this.files || [], { errors: t } = C(e, this.budget, { required: !1 });
     return a`
 			<input type="file" multiple
 				accept=${this.#l || c}
@@ -1937,7 +1939,7 @@ class st extends A {
 					${e.map((s, i) => a`
 						<li>
 							<span>${s.name}</span>
-							<span class="size">${Ge(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>
@@ -1956,15 +1958,15 @@ class st extends A {
 		`;
   }
 }
-function Ge(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 Je = (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;
-}, Xe = (r, e, t, s) => {
+}, rt = (r, e, t, s) => {
   if (e.key === "Backspace") {
     const i = [...t];
     !i[r] && r > 0 ? i[r - 1] = "" : i[r] && (i[r] = "");
@@ -1972,7 +1974,7 @@ const Je = (r, e, t, s) => {
     return s("code-change", { value: n, complete: !1 }), i;
   }
   return t;
-}, Ze = (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;
@@ -1982,7 +1984,7 @@ const Je = (r, e, t, s) => {
   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 it extends A {
+class lt extends T {
   static formAssociated = !0;
   static properties = {
     _values: { type: Array, state: !0 },
@@ -2087,7 +2089,7 @@ class it extends A {
     this.getInputs()[e]?.focus();
   }
   inputHandler(e, t) {
-    this._values = Je(
+    this._values = tt(
       e,
       t,
       this._values,
@@ -2097,7 +2099,7 @@ class it extends A {
   keydownHandler(e, t) {
     if (t.key === "Backspace") {
       const s = !this._values[e];
-      this._values = Xe(
+      this._values = rt(
         e,
         t,
         this._values,
@@ -2106,7 +2108,7 @@ class it extends A {
     }
   }
   pasteHandler(e) {
-    this._values = Ze(e, this._values, this.dispatchCustomEvent.bind(this));
+    this._values = st(e, this._values, this.dispatchCustomEvent.bind(this));
   }
   render() {
     return a`
@@ -2131,10 +2133,10 @@ class it extends A {
   }
 }
 export {
-  it as W,
-  st as a,
-  rt as b,
-  ye as c,
-  be as d,
-  we as e
+  lt as W,
+  ot as a,
+  at as b,
+  ve as c,
+  xe as d,
+  ke as e
 };