@odla-ai/chapter 0.54.2 → 0.56.0

package/dist/{chunk-SPEL4OGE.js → chunk-IQZWCG42.js}

@@ -111,10 +111,10 @@ function SlotPicker(props) {
 }
 
 // src/ui/member-restart.tsx
-import { useEffect as useEffect2, useState as useState4 } from "preact/hooks";
+import { useEffect as useEffect2, useState as useState5 } from "preact/hooks";
 
 // src/ui/membership-payment-step.tsx
-import { useEffect, useState as useState3 } from "preact/hooks";
+import { useEffect, useState as useState4 } from "preact/hooks";
 
 // src/ui/payment-step.tsx
 import { useRef, useState as useState2 } from "preact/hooks";
@@ -271,14 +271,95 @@ function PaymentStep(props) {
   ] });
 }
 
-// src/ui/membership-payment-step.tsx
+// src/ui/checkout-seat-choice.tsx
+import { useState as useState3 } from "preact/hooks";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
+function CheckoutSeatChoice(props) {
+  const saved = props.quote.namedSeat;
+  const [selected, setSelected] = useState3(Boolean(saved || props.initial));
+  const [name, setName] = useState3(saved?.recipientName ?? props.initial?.recipientName ?? "");
+  const [email, setEmail] = useState3(saved?.recipientEmail ?? props.initial?.recipientEmail ?? "");
+  const [saving, setSaving] = useState3(false), [error, setError] = useState3("");
+  const amount = props.quote.seatOffer.amountCents;
+  const money = new Intl.NumberFormat("en-US", { style: "currency", currency: props.quote.currency }).format(amount / 100);
+  const dirty = selected !== Boolean(saved) || selected && (name !== saved?.recipientName || email !== saved?.recipientEmail);
+  const edit = (nextSelected, nextName = name, nextEmail = email) => {
+    props.onEditing(nextSelected !== Boolean(saved) || nextSelected && (nextName !== saved?.recipientName || nextEmail !== saved?.recipientEmail));
+    setError("");
+  };
+  return /* @__PURE__ */ jsx3("section", { className: "checkout-seat-choice", "aria-label": "Additional member", children: /* @__PURE__ */ jsxs3("form", { onSubmit: async (event) => {
+    event.preventDefault();
+    setSaving(true);
+    setError("");
+    try {
+      await props.onChange(selected ? { recipientName: name, recipientEmail: email } : null);
+    } catch (error2) {
+      setError(error2 instanceof Error ? error2.message : "Could not save your selection. Try again.");
+    } finally {
+      setSaving(false);
+    }
+  }, children: [
+    /* @__PURE__ */ jsxs3("fieldset", { disabled: props.locked || saving, children: [
+      /* @__PURE__ */ jsx3("legend", { children: amount === 0 ? "Included additional member" : "Add an additional member" }),
+      /* @__PURE__ */ jsx3("p", { children: amount === 0 ? "Your membership includes one additional member at no extra charge." : `Additional-member rate: ${money} per ${props.quote.interval}, paid together with your membership.` }),
+      /* @__PURE__ */ jsxs3("label", { children: [
+        /* @__PURE__ */ jsx3("input", { type: "checkbox", checked: selected, onChange: (event) => {
+          setSelected(event.currentTarget.checked);
+          edit(event.currentTarget.checked);
+        } }),
+        amount === 0 ? "Include my additional member" : "Add one member to my payment"
+      ] }),
+      selected ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsxs3("label", { children: [
+          "Full name",
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              required: true,
+              minLength: 2,
+              maxLength: 160,
+              value: name,
+              onInput: (event) => {
+                setName(event.currentTarget.value);
+                edit(selected, event.currentTarget.value);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("label", { children: [
+          "Email",
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              required: true,
+              type: "email",
+              maxLength: 254,
+              value: email,
+              onInput: (event) => {
+                setEmail(event.currentTarget.value);
+                edit(selected, name, event.currentTarget.value);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("p", { children: "For one named person, who completes their own application and any required interview. Non-transferable; renews and ends with your membership." })
+      ] }) : /* @__PURE__ */ jsx3("p", { children: "You can add someone from your member page after paying." }),
+      dirty ? /* @__PURE__ */ jsx3("button", { type: "submit", disabled: saving, children: saving ? "Saving\u2026" : amount === 0 ? "Save member details" : "Update total" }) : null
+    ] }),
+    error ? /* @__PURE__ */ jsx3("p", { role: "alert", children: error }) : null
+  ] }) });
+}
+
+// src/ui/membership-payment-step.tsx
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
 function MembershipPaymentStep(props) {
   const inherited = useChapterCopy();
   const copy = props.copy ?? inherited.join.payment;
-  const [quote, setQuote] = useState3(null);
-  const [error, setError] = useState3(false);
-  const [revision, setRevision] = useState3(0);
+  const [quote, setQuote] = useState4(null);
+  const [locked, setLocked] = useState4(false), [editing, setEditing] = useState4(Boolean(props.initialNamedSeat));
+  const [prefillConsumed, setPrefillConsumed] = useState4(false);
+  const [error, setError] = useState4(false);
+  const [revision, setRevision] = useState4(0);
   useEffect(() => {
     let live = true;
     setQuote(null);
@@ -286,8 +367,13 @@ function MembershipPaymentStep(props) {
     void fetch(`/api/payments/quote?application=${encodeURIComponent(props.applicationId)}`, { method: "POST", cache: "no-store" }).then(async (response) => {
       if (!response.ok) throw new Error("quote unavailable");
       const value = await response.json();
+      value.checkoutStarted = response.headers.get("x-chapter-checkout-started") === "true";
       if (value.applicationId !== props.applicationId || !/^[a-f0-9]{64}$/.test(value.digest) || !/^[a-z]{3}$/.test(value.currency) || !Number.isSafeInteger(value.lineItems?.dueTodayCents) || value.lineItems.dueTodayCents <= 0 || typeof value.refundPolicyText !== "string") throw new Error("invalid quote");
-      if (live) setQuote(value);
+      if (live) {
+        setQuote(value);
+        setLocked(Boolean(value.checkoutStarted));
+        setEditing(Boolean(props.initialNamedSeat && !prefillConsumed && !value.namedSeat && !value.checkoutStarted && value.seatOffer));
+      }
     }).catch(() => {
       if (live) setError(true);
     });
@@ -299,16 +385,22 @@ function MembershipPaymentStep(props) {
     setQuote(null);
     setRevision((value) => value + 1);
   };
-  if (!quote || quote.applicationId !== props.applicationId) return /* @__PURE__ */ jsxs3("div", { className: "join-pay", role: "status", children: [
-    props.merchantDisclosureText ? /* @__PURE__ */ jsx3("p", { className: "compliance-merchant", children: props.merchantDisclosureText }) : null,
-    /* @__PURE__ */ jsx3("p", { children: error ? copy.setupFailed : copy.preparing }),
-    error ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: refresh, children: "Reload payment terms" }) : null
+  if (!quote || quote.applicationId !== props.applicationId) return /* @__PURE__ */ jsxs4("div", { className: "join-pay", role: "status", children: [
+    props.merchantDisclosureText ? /* @__PURE__ */ jsx4("p", { className: "compliance-merchant", children: props.merchantDisclosureText }) : null,
+    /* @__PURE__ */ jsx4("p", { children: error ? copy.setupFailed : copy.preparing }),
+    error ? /* @__PURE__ */ jsx4("button", { type: "button", onClick: refresh, children: "Reload payment terms" }) : null
   ] });
   const startCheckout = async () => {
+    setLocked(true);
     const response = await fetch("/api/payments/subscription", {
       method: "POST",
       headers: { "content-type": "application/json" },
-      body: JSON.stringify({ applicationId: props.applicationId, refundPolicyAck: true, quoteDigest: quote.digest })
+      body: JSON.stringify({
+        applicationId: props.applicationId,
+        refundPolicyAck: true,
+        quoteDigest: quote.digest,
+        ...quote.namedSeat ? { seatTermsAck: true } : {}
+      })
     });
     if (!response.ok) {
       if (response.status === 409) refresh();
@@ -317,45 +409,85 @@ function MembershipPaymentStep(props) {
     return response.json();
   };
   const amount = (cents) => new Intl.NumberFormat("en-US", { style: "currency", currency: quote.currency }).format(cents / 100);
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsxs3("section", { className: "payment-quote", "aria-label": "Membership price", children: [
-      /* @__PURE__ */ jsx3("h3", { children: quote.tierName }),
-      quote.founding ? /* @__PURE__ */ jsx3("p", { className: "payment-founding", role: "note", "aria-label": "Founding member", children: copy.foundingMember }) : null,
+  const changeSeat = async (namedSeat) => {
+    const response = await fetch(`/api/payments/quote?application=${encodeURIComponent(props.applicationId)}`, {
+      method: "POST",
+      cache: "no-store",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ namedSeat })
+    });
+    if (!response.ok) {
+      if (response.status === 409) refresh();
+      throw new Error(response.status === 400 ? "Enter a different recipient's name and valid email." : "Could not save your selection. Reload payment terms and try again.");
+    }
+    const value = await response.json();
+    if (value.applicationId !== props.applicationId || !/^[a-f0-9]{64}$/.test(value.digest)) throw new Error(copy.setupFailed);
+    setQuote(value);
+    setEditing(false);
+    setPrefillConsumed(true);
+  };
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    quote.seatOffer ? /* @__PURE__ */ jsx4(
+      CheckoutSeatChoice,
+      {
+        quote,
+        locked,
+        onChange: changeSeat,
+        initial: quote.namedSeat || locked || prefillConsumed ? void 0 : props.initialNamedSeat,
+        onEditing: setEditing
+      },
+      quote.digest
+    ) : null,
+    /* @__PURE__ */ jsxs4("section", { className: "payment-quote", "aria-label": "Membership price", children: [
+      /* @__PURE__ */ jsx4("h3", { children: quote.tierName }),
+      quote.founding ? /* @__PURE__ */ jsx4("p", { className: "payment-founding", role: "note", "aria-label": "Founding member", children: copy.foundingMember }) : null,
       props.renderPriceLines ? props.renderPriceLines({
         ...quote.lineItems,
         ...quote.founding ? { founding: quote.founding } : {},
         ...quote.presentation ? { presentation: quote.presentation } : {}
-      }) : /* @__PURE__ */ jsxs3("dl", { children: [
-        quote.lineItems.discountCents > 0 && !quote.founding && quote.presentation ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-          /* @__PURE__ */ jsx3("dt", { children: copy.standardRate }),
-          /* @__PURE__ */ jsxs3("dd", { children: [
+      }) : /* @__PURE__ */ jsxs4("dl", { children: [
+        quote.lineItems.discountCents > 0 && !quote.founding && quote.presentation ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+          /* @__PURE__ */ jsx4("dt", { children: copy.standardRate }),
+          /* @__PURE__ */ jsxs4("dd", { children: [
             amount(quote.lineItems.standardCents),
             " per ",
             quote.interval
           ] }),
-          /* @__PURE__ */ jsx3("dt", { children: copy.yourRate }),
-          /* @__PURE__ */ jsxs3("dd", { children: [
-            amount(quote.lineItems.dueTodayCents),
+          /* @__PURE__ */ jsx4("dt", { children: copy.yourRate }),
+          /* @__PURE__ */ jsxs4("dd", { children: [
+            amount(quote.lineItems.dueTodayCents - (quote.lineItems.namedSeatCents ?? 0)),
             " per ",
             quote.interval
           ] })
-        ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
-          /* @__PURE__ */ jsx3("dt", { children: "Membership price" }),
-          /* @__PURE__ */ jsxs3("dd", { children: [
+        ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+          /* @__PURE__ */ jsx4("dt", { children: "Membership price" }),
+          /* @__PURE__ */ jsxs4("dd", { children: [
             amount(quote.lineItems.standardCents),
             " per ",
             quote.interval
           ] }),
-          quote.lineItems.discountCents > 0 ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-            /* @__PURE__ */ jsx3("dt", { children: quote.founding ? copy.foundingDiscount : "Discount" }),
-            /* @__PURE__ */ jsx3("dd", { children: amount(quote.lineItems.discountCents) })
+          quote.lineItems.discountCents > 0 ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+            /* @__PURE__ */ jsx4("dt", { children: quote.founding ? copy.foundingDiscount : "Discount" }),
+            /* @__PURE__ */ jsx4("dd", { children: amount(quote.lineItems.discountCents) })
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsx3("dt", { children: "Due today" }),
-        /* @__PURE__ */ jsx3("dd", { children: amount(quote.lineItems.dueTodayCents) })
+        quote.namedSeat ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+          /* @__PURE__ */ jsx4("dt", { children: "Additional member" }),
+          /* @__PURE__ */ jsx4("dd", { children: quote.lineItems.namedSeatCents === 0 ? "Included" : amount(quote.lineItems.namedSeatCents) })
+        ] }) : null,
+        /* @__PURE__ */ jsx4("dt", { children: "Due today" }),
+        /* @__PURE__ */ jsx4("dd", { children: amount(quote.lineItems.dueTodayCents) })
       ] }),
-      quote.commercial ? /* @__PURE__ */ jsxs3("div", { role: "note", "aria-label": "Renewal terms", children: [
-        quote.commercial.initialTermEndsAt !== void 0 ? /* @__PURE__ */ jsxs3("p", { children: [
+      quote.namedSeat ? /* @__PURE__ */ jsxs4("p", { children: [
+        "For ",
+        quote.namedSeat.recipientName,
+        " \xB7 ",
+        quote.namedSeat.recipientEmail,
+        ".",
+        props.renderPriceLines ? ` Additional member: ${quote.lineItems.namedSeatCents === 0 ? "included" : amount(quote.lineItems.namedSeatCents)} in the total above.` : ""
+      ] }) : null,
+      quote.commercial ? /* @__PURE__ */ jsxs4("div", { role: "note", "aria-label": "Renewal terms", children: [
+        quote.commercial.initialTermEndsAt !== void 0 ? /* @__PURE__ */ jsxs4("p", { children: [
           "First renewal: ",
           new Intl.DateTimeFormat("en-US", {
             dateStyle: "long",
@@ -363,33 +495,35 @@ function MembershipPaymentStep(props) {
           }).format(quote.commercial.initialTermEndsAt),
           "."
         ] }) : null,
-        /* @__PURE__ */ jsxs3("p", { children: [
+        /* @__PURE__ */ jsxs4("p", { children: [
           "Renews automatically at ",
           amount(quote.commercial.renewalCents),
           " per ",
           quote.interval,
           " unless canceled before renewal."
         ] }),
-        quote.commercial.discountDuration === "first_term" ? /* @__PURE__ */ jsx3("p", { children: "The discount applies to your first paid term only." }) : null,
-        quote.commercial.discountDuration === "while_active" ? /* @__PURE__ */ jsx3("p", { children: "The discounted rate continues while this membership stays active." }) : null
+        quote.commercial.discountDuration === "first_term" ? /* @__PURE__ */ jsx4("p", { children: "The discount applies to your first paid term only." }) : null,
+        quote.commercial.discountDuration === "while_active" ? /* @__PURE__ */ jsx4("p", { children: "The discounted rate continues while this membership stays active." }) : null
       ] }) : null,
-      quote.trustCopy ? /* @__PURE__ */ jsx3("p", { className: "pay-trust", children: quote.trustCopy }) : null
+      quote.trustCopy ? /* @__PURE__ */ jsx4("p", { className: "pay-trust", children: quote.trustCopy }) : null
     ] }),
-    /* @__PURE__ */ jsx3(
+    !editing ? /* @__PURE__ */ jsx4(
       PaymentStep,
       {
         ...props,
         refundPolicyText: quote.refundPolicyText,
         merchantDisclosureText: quote.merchantDisclosureText,
+        copy: { ...copy, consent: quote.namedSeat ? "I agree to the refund policy, renewal terms, and additional-member terms above." : "I agree to the refund policy and renewal terms above." },
         renderPriceLines: void 0,
         startCheckout
-      }
-    )
+      },
+      quote.digest
+    ) : /* @__PURE__ */ jsx4("p", { role: "status", children: "Save your member selection to continue to payment." })
   ] });
 }
 
 // src/ui/journey-frame.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
 var styles = `
 .chapter-journey{color:var(--ui-text,#202827);font-family:var(--ui-font-sans,inherit);line-height:1.65;max-width:46rem;margin-inline:auto;min-width:0}
 .chapter-journey *{box-sizing:border-box}
@@ -424,21 +558,21 @@ var styles = `
 @media(max-width:520px){.chapter-journey .journey-actions>*{width:100%}.chapter-journey .journey-summary{grid-template-columns:1fr}.chapter-journey .journey-summary dd{text-align:left}.chapter-journey :where(.card,.join-form,.payment-quote,.join-book){padding:1.25rem}}
 `;
 function JourneyFrame({ children }) {
-  return /* @__PURE__ */ jsxs4("div", { className: "chapter-journey", children: [
-    /* @__PURE__ */ jsx4("style", { children: styles }),
+  return /* @__PURE__ */ jsxs5("div", { className: "chapter-journey", children: [
+    /* @__PURE__ */ jsx5("style", { children: styles }),
     children
   ] });
 }
 
 // src/ui/member-restart.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
 function MemberRestart(props) {
-  const [id, setId] = useState4(props.applicationId);
-  const [busy, setBusy] = useState4(false);
-  const [error, setError] = useState4("");
-  const [paid, setPaid] = useState4(false);
-  const [checking, setChecking] = useState4(false);
-  const [revision, setRevision] = useState4(0);
+  const [id, setId] = useState5(props.applicationId);
+  const [busy, setBusy] = useState5(false);
+  const [error, setError] = useState5("");
+  const [paid, setPaid] = useState5(false);
+  const [checking, setChecking] = useState5(false);
+  const [revision, setRevision] = useState5(0);
   useEffect2(() => {
     if (!paid) return;
     let live = true, timer, attempt = 0;
@@ -476,40 +610,40 @@ function MemberRestart(props) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsx5(JourneyFrame, { children: /* @__PURE__ */ jsxs5("section", { className: "card", "aria-label": "Restart membership", children: [
-    /* @__PURE__ */ jsx5("p", { className: "card-label", children: "Welcome back" }),
-    /* @__PURE__ */ jsx5("h2", { children: "Restart your membership" }),
-    /* @__PURE__ */ jsx5("p", { children: "Your account is ready, and your previous approval still counts. No new application or interview is needed." }),
-    /* @__PURE__ */ jsxs5("dl", { className: "journey-summary", children: [
-      /* @__PURE__ */ jsx5("dt", { children: "Name" }),
-      /* @__PURE__ */ jsx5("dd", { children: [props.application.firstName, props.application.lastName].filter(Boolean).join(" ") }),
-      /* @__PURE__ */ jsx5("dt", { children: "Email" }),
-      /* @__PURE__ */ jsx5("dd", { children: props.application.email })
+  return /* @__PURE__ */ jsx6(JourneyFrame, { children: /* @__PURE__ */ jsxs6("section", { className: "card", "aria-label": "Restart membership", children: [
+    /* @__PURE__ */ jsx6("p", { className: "card-label", children: "Welcome back" }),
+    /* @__PURE__ */ jsx6("h2", { children: "Restart your membership" }),
+    /* @__PURE__ */ jsx6("p", { children: "Your account is ready, and your previous approval still counts. No new application or interview is needed." }),
+    /* @__PURE__ */ jsxs6("dl", { className: "journey-summary", children: [
+      /* @__PURE__ */ jsx6("dt", { children: "Name" }),
+      /* @__PURE__ */ jsx6("dd", { children: [props.application.firstName, props.application.lastName].filter(Boolean).join(" ") }),
+      /* @__PURE__ */ jsx6("dt", { children: "Email" }),
+      /* @__PURE__ */ jsx6("dd", { children: props.application.email })
     ] }),
-    paid ? /* @__PURE__ */ jsxs5("div", { role: "status", children: [
-      /* @__PURE__ */ jsx5("h3", { children: "Confirming your membership" }),
-      /* @__PURE__ */ jsx5("p", { children: "We\u2019re waiting for payment confirmation. Your membership will open here as soon as it arrives." }),
-      !checking ? /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => setRevision((value) => value + 1), children: "Check membership" }) : null
-    ] }) : id ? /* @__PURE__ */ jsx5(MembershipPaymentStep, { applicationId: id, refundPolicyText: "", onPaid: () => setPaid(true) }) : /* @__PURE__ */ jsx5("button", { type: "button", disabled: busy, onClick: () => void start(), children: busy ? "Preparing your membership\u2026" : "Review membership and payment" }),
-    error ? /* @__PURE__ */ jsx5("p", { role: "alert", children: error }) : null
+    paid ? /* @__PURE__ */ jsxs6("div", { role: "status", children: [
+      /* @__PURE__ */ jsx6("h3", { children: "Confirming your membership" }),
+      /* @__PURE__ */ jsx6("p", { children: "We\u2019re waiting for payment confirmation. Your membership will open here as soon as it arrives." }),
+      !checking ? /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => setRevision((value) => value + 1), children: "Check membership" }) : null
+    ] }) : id ? /* @__PURE__ */ jsx6(MembershipPaymentStep, { applicationId: id, refundPolicyText: "", onPaid: () => setPaid(true) }) : /* @__PURE__ */ jsx6("button", { type: "button", disabled: busy, onClick: () => void start(), children: busy ? "Preparing your membership\u2026" : "Review membership and payment" }),
+    error ? /* @__PURE__ */ jsx6("p", { role: "alert", children: error }) : null
   ] }) });
 }
 
 // src/ui/members.tsx
-import { useEffect as useEffect6, useState as useState9 } from "preact/hooks";
+import { useEffect as useEffect6, useState as useState10 } from "preact/hooks";
 
 // src/ui/reschedule.tsx
-import { useState as useState5 } from "preact/hooks";
-import { jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { useState as useState6 } from "preact/hooks";
+import { jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
 function Rescheduler(props) {
   const inheritedCopy = useChapterCopy();
   const copy = props.copy ?? inheritedCopy.members.reschedule;
   const { api, applicationId, timezone, onRescheduled, label = copy.changeTime } = props;
-  const [open, setOpen] = useState5(false);
-  const [slots, setSlots] = useState5(null);
-  const [tz, setTz] = useState5(timezone);
-  const [busy, setBusy] = useState5(false);
-  const [msg, setMsg] = useState5(null);
+  const [open, setOpen] = useState6(false);
+  const [slots, setSlots] = useState6(null);
+  const [tz, setTz] = useState6(timezone);
+  const [busy, setBusy] = useState6(false);
+  const [msg, setMsg] = useState6(null);
   const start = async () => {
     setOpen(true);
     setSlots(null);
@@ -542,7 +676,7 @@ function Rescheduler(props) {
     }
   };
   if (!open) {
-    return /* @__PURE__ */ jsx6("p", { className: "meeting-note", children: /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: /* @__PURE__ */ jsx7(
       "a",
       {
         href: "#",
@@ -554,8 +688,8 @@ function Rescheduler(props) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs6("div", { className: "msched", children: [
-    slots === null ? /* @__PURE__ */ jsx6("p", { className: "meeting-note", children: copy.loading }) : slots.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "meeting-note", children: msg ?? copy.noTimes }) : /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs7("div", { className: "msched", children: [
+    slots === null ? /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: copy.loading }) : slots.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: msg ?? copy.noTimes }) : /* @__PURE__ */ jsx7(
       SlotPicker,
       {
         slots,
@@ -564,9 +698,9 @@ function Rescheduler(props) {
         onPick: (s) => void pick(s)
       }
     ),
-    busy ? /* @__PURE__ */ jsx6("p", { className: "meeting-note", children: copy.rescheduling }) : null,
-    msg && slots && slots.length > 0 ? /* @__PURE__ */ jsx6("p", { className: "meeting-note error", children: msg }) : null,
-    /* @__PURE__ */ jsx6("p", { className: "meeting-note", children: /* @__PURE__ */ jsx6(
+    busy ? /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: copy.rescheduling }) : null,
+    msg && slots && slots.length > 0 ? /* @__PURE__ */ jsx7("p", { className: "meeting-note error", children: msg }) : null,
+    /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: /* @__PURE__ */ jsx7(
       "a",
       {
         href: "#",
@@ -581,31 +715,31 @@ function Rescheduler(props) {
 }
 
 // src/ui/member-gifts.tsx
-import { useEffect as useEffect3, useRef as useRef2, useState as useState6 } from "preact/hooks";
+import { useEffect as useEffect3, useRef as useRef2, useState as useState7 } from "preact/hooks";
 
 // src/ui/gift-offer-cards.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
 var price = (cents, currency) => currency === "usd" ? fmtMoney(cents) : new Intl.NumberFormat(void 0, { style: "currency", currency: currency.toUpperCase() }).format(cents / 100);
 function GiftOfferCards(props) {
   const mode = props.mode ?? "preview";
-  return /* @__PURE__ */ jsx7("section", { className: "chapter-gift-offers", "aria-label": props.ariaLabel ?? "Gift options", children: props.offers.map((offer) => /* @__PURE__ */ jsxs7("article", { className: "card chapter-gift-offer", "data-offer-id": offer.id, children: [
-    /* @__PURE__ */ jsx7("div", { className: "card-label", children: offer.title }),
-    /* @__PURE__ */ jsx7("p", { children: offer.description }),
-    /* @__PURE__ */ jsxs7("p", { className: "meeting-date", children: [
+  return /* @__PURE__ */ jsx8("section", { className: "chapter-gift-offers", "aria-label": props.ariaLabel ?? "Gift options", children: props.offers.map((offer) => /* @__PURE__ */ jsxs8("article", { className: "card chapter-gift-offer", "data-offer-id": offer.id, children: [
+    /* @__PURE__ */ jsx8("div", { className: "card-label", children: offer.title }),
+    /* @__PURE__ */ jsx8("p", { children: offer.description }),
+    /* @__PURE__ */ jsxs8("p", { className: "meeting-date", children: [
       price(offer.priceCents, offer.currency),
       offer.billingMode === "subscription" ? " recurring" : ""
     ] }),
-    mode === "select" ? /* @__PURE__ */ jsx7("button", { type: "button", className: "btn secondary", "aria-pressed": props.selectedOfferId === offer.id, onClick: () => props.onSelect?.(offer.id), children: offer.ctaLabel }) : /* @__PURE__ */ jsx7("span", { className: "btn secondary", "aria-disabled": "true", children: offer.ctaLabel })
+    mode === "select" ? /* @__PURE__ */ jsx8("button", { type: "button", className: "btn secondary", "aria-pressed": props.selectedOfferId === offer.id, onClick: () => props.onSelect?.(offer.id), children: offer.ctaLabel }) : /* @__PURE__ */ jsx8("span", { className: "btn secondary", "aria-disabled": "true", children: offer.ctaLabel })
   ] }, offer.id)) });
 }
 
 // src/ui/member-gifts.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
 function GiftPurchases(props) {
-  const [data, setData] = useState6(null);
-  const [selected, setSelected] = useState6(null);
-  const [code, setCode] = useState6("");
-  const [message, setMessage] = useState6("");
+  const [data, setData] = useState7(null);
+  const [selected, setSelected] = useState7(null);
+  const [code, setCode] = useState7("");
+  const [message, setMessage] = useState7("");
   const purchaseId = useRef2(crypto.randomUUID());
   const load = async () => setData(await props.api("/api/gifts"));
   useEffect3(() => {
@@ -623,16 +757,16 @@ function GiftPurchases(props) {
   if (!data) return null;
   if (data.offers.length === 0 && data.claims.length === 0) return null;
   const offer = data.offers.find((item) => item.id === selected);
-  return /* @__PURE__ */ jsxs8("section", { className: "member-gifts", children: [
-    data.offers.length ? /* @__PURE__ */ jsxs8("div", { className: "card", children: [
-      /* @__PURE__ */ jsx8("div", { className: "card-label", children: props.copy.title }),
-      /* @__PURE__ */ jsx8("p", { children: props.copy.body }),
-      /* @__PURE__ */ jsx8(GiftOfferCards, { offers: data.offers, mode: "select", selectedOfferId: selected, onSelect: (id) => {
+  return /* @__PURE__ */ jsxs9("section", { className: "member-gifts", children: [
+    data.offers.length ? /* @__PURE__ */ jsxs9("div", { className: "card", children: [
+      /* @__PURE__ */ jsx9("div", { className: "card-label", children: props.copy.title }),
+      /* @__PURE__ */ jsx9("p", { children: props.copy.body }),
+      /* @__PURE__ */ jsx9(GiftOfferCards, { offers: data.offers, mode: "select", selectedOfferId: selected, onSelect: (id) => {
         setSelected(id);
         setCode("");
         purchaseId.current = crypto.randomUUID();
       } }),
-      offer ? /* @__PURE__ */ jsx8(
+      offer ? /* @__PURE__ */ jsx9(
         PaymentStep,
         {
           applicationId: purchaseId.current,
@@ -652,27 +786,27 @@ function GiftPurchases(props) {
           }
         }
       ) : null,
-      code ? /* @__PURE__ */ jsxs8("div", { className: "gift-code-once", children: [
-        /* @__PURE__ */ jsx8("output", { children: code }),
-        /* @__PURE__ */ jsx8("p", { children: props.copy.saveCode })
+      code ? /* @__PURE__ */ jsxs9("div", { className: "gift-code-once", children: [
+        /* @__PURE__ */ jsx9("output", { children: code }),
+        /* @__PURE__ */ jsx9("p", { children: props.copy.saveCode })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs8("div", { className: "card", children: [
-      /* @__PURE__ */ jsx8("div", { className: "card-label", children: props.copy.purchases }),
-      data.claims.length ? data.claims.map((claim) => /* @__PURE__ */ jsxs8("div", { className: "member-row", children: [
-        /* @__PURE__ */ jsx8("span", { children: claim.offerId }),
-        /* @__PURE__ */ jsx8("span", { children: props.copy[claim.status] }),
-        claim.status === "pending" ? /* @__PURE__ */ jsx8("button", { className: "btn secondary mini", onClick: () => void rotate(claim.id), children: props.copy.rotate }) : null
-      ] }, claim.id)) : /* @__PURE__ */ jsx8("p", { children: props.copy.noPurchases }),
-      message ? /* @__PURE__ */ jsx8("p", { role: "status", children: message }) : null
+    /* @__PURE__ */ jsxs9("div", { className: "card", children: [
+      /* @__PURE__ */ jsx9("div", { className: "card-label", children: props.copy.purchases }),
+      data.claims.length ? data.claims.map((claim) => /* @__PURE__ */ jsxs9("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx9("span", { children: claim.offerId }),
+        /* @__PURE__ */ jsx9("span", { children: props.copy[claim.status] }),
+        claim.status === "pending" ? /* @__PURE__ */ jsx9("button", { className: "btn secondary mini", onClick: () => void rotate(claim.id), children: props.copy.rotate }) : null
+      ] }, claim.id)) : /* @__PURE__ */ jsx9("p", { children: props.copy.noPurchases }),
+      message ? /* @__PURE__ */ jsx9("p", { role: "status", children: message }) : null
     ] })
   ] });
 }
 var MemberGifts = GiftPurchases;
 
 // src/ui/member-named-seat.tsx
-import { useEffect as useEffect4, useState as useState7 } from "preact/hooks";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
+import { useEffect as useEffect4, useState as useState8 } from "preact/hooks";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
 var NAMED_SEAT_RECIPIENT_WORDS = {
   payment_pending: "payment in progress",
   invited: "invited, waiting for them to accept",
@@ -685,7 +819,7 @@ var NAMED_SEAT_RECIPIENT_WORDS = {
 var day = (at) => new Date(at).toLocaleDateString("en-US", { timeZone: "UTC" });
 function NamedSeatRecipientLine({ seat }) {
   const words = NAMED_SEAT_RECIPIENT_WORDS[seat.recipientState] ?? seat.status.replaceAll("_", " ");
-  return /* @__PURE__ */ jsxs9("p", { className: "member-named-seat-recipient", children: [
+  return /* @__PURE__ */ jsxs10("p", { className: "member-named-seat-recipient", children: [
     seat.recipientName,
     " \xB7 ",
     seat.recipientEmail,
@@ -695,9 +829,9 @@ function NamedSeatRecipientLine({ seat }) {
   ] });
 }
 function NamedSeatPurchase({ api }) {
-  const [data, setData] = useState7(null), [error, setError] = useState7("");
-  const [name, setName] = useState7(""), [email, setEmail] = useState7(""), [reviewing, setReviewing] = useState7(false);
-  const [terms, setTerms] = useState7(false), [pending, setPending] = useState7(false), [granting, setGranting] = useState7(false);
+  const [data, setData] = useState8(null), [error, setError] = useState8("");
+  const [name, setName] = useState8(""), [email, setEmail] = useState8(""), [reviewing, setReviewing] = useState8(false);
+  const [terms, setTerms] = useState8(false), [pending, setPending] = useState8(false), [granting, setGranting] = useState8(false);
   const load = async () => {
     try {
       const value = await api("/api/named-seat");
@@ -734,13 +868,13 @@ function NamedSeatPurchase({ api }) {
     }
   };
   const money = data ? new Intl.NumberFormat("en-US", { style: "currency", currency: data.currency }).format(data.amountCents / 100) : "";
-  return /* @__PURE__ */ jsx9(JourneyFrame, { children: /* @__PURE__ */ jsxs9("section", { className: "card member-named-seat", "aria-label": "Named additional seat", children: [
-    /* @__PURE__ */ jsx9("h2", { children: "Named additional seat" }),
-    error ? /* @__PURE__ */ jsx9("p", { role: "alert", children: error }) : null,
-    data ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      data.seat ? /* @__PURE__ */ jsx9(NamedSeatRecipientLine, { seat: data.seat }) : null,
-      data.eligible ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
-        /* @__PURE__ */ jsxs9("p", { children: [
+  return /* @__PURE__ */ jsx10(JourneyFrame, { children: /* @__PURE__ */ jsxs10("section", { className: "card member-named-seat", "aria-label": "Named additional seat", children: [
+    /* @__PURE__ */ jsx10("h2", { children: "Named additional seat" }),
+    error ? /* @__PURE__ */ jsx10("p", { role: "alert", children: error }) : null,
+    data ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
+      data.seat ? /* @__PURE__ */ jsx10(NamedSeatRecipientLine, { seat: data.seat }) : null,
+      data.eligible ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
+        /* @__PURE__ */ jsxs10("p", { children: [
           data.included ? "Included with your membership at no charge." : `${money} paid in full now.`,
           " This seat ",
           data.autoRenew ? "renews with your primary membership" : "ends with your primary membership",
@@ -751,39 +885,39 @@ function NamedSeatPurchase({ api }) {
           " ",
           "It belongs to one named person and cannot be reassigned."
         ] }),
-        /* @__PURE__ */ jsx9("p", { children: "The recipient must accept and complete their own application and any required interview. The seat stays open for them while your membership is paid; it is not refunded automatically. Contact the chapter if you need a refund." }),
-        !reviewing ? /* @__PURE__ */ jsxs9("form", { onSubmit: (event) => {
+        /* @__PURE__ */ jsx10("p", { children: "The recipient must accept and complete their own application and any required interview. The seat stays open for them while your membership is paid; it is not refunded automatically. Contact the chapter if you need a refund." }),
+        !reviewing ? /* @__PURE__ */ jsxs10("form", { onSubmit: (event) => {
           event.preventDefault();
           setReviewing(true);
           setTerms(false);
         }, children: [
-          /* @__PURE__ */ jsxs9("label", { children: [
+          /* @__PURE__ */ jsxs10("label", { children: [
             "Recipient name",
-            /* @__PURE__ */ jsx9("input", { required: true, maxLength: 160, value: name, disabled: Boolean(data.seat), onInput: (event) => setName(event.currentTarget.value) })
+            /* @__PURE__ */ jsx10("input", { required: true, maxLength: 160, value: name, disabled: Boolean(data.seat), onInput: (event) => setName(event.currentTarget.value) })
           ] }),
-          /* @__PURE__ */ jsxs9("label", { children: [
+          /* @__PURE__ */ jsxs10("label", { children: [
             "Recipient email",
-            /* @__PURE__ */ jsx9("input", { required: true, type: "email", maxLength: 254, value: email, disabled: Boolean(data.seat), onInput: (event) => setEmail(event.currentTarget.value) })
+            /* @__PURE__ */ jsx10("input", { required: true, type: "email", maxLength: 254, value: email, disabled: Boolean(data.seat), onInput: (event) => setEmail(event.currentTarget.value) })
           ] }),
-          /* @__PURE__ */ jsx9("button", { className: "btn primary", type: "submit", children: "Review named seat" })
-        ] }) : /* @__PURE__ */ jsxs9(Fragment3, { children: [
-          /* @__PURE__ */ jsxs9("p", { children: [
+          /* @__PURE__ */ jsx10("button", { className: "btn primary", type: "submit", children: "Review named seat" })
+        ] }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
+          /* @__PURE__ */ jsxs10("p", { children: [
             "For ",
             name,
             " \xB7 ",
             email
           ] }),
-          /* @__PURE__ */ jsx9("button", { className: "btn secondary", type: "button", onClick: () => {
+          /* @__PURE__ */ jsx10("button", { className: "btn secondary", type: "button", onClick: () => {
             setReviewing(false);
             setTerms(false);
             void load();
           }, children: "Back to recipient" }),
-          /* @__PURE__ */ jsxs9("label", { className: "journey-consent", children: [
-            /* @__PURE__ */ jsx9("input", { type: "checkbox", checked: terms, onChange: (event) => setTerms(event.currentTarget.checked) }),
-            /* @__PURE__ */ jsx9("span", { children: data.included ? "I agree to the seat terms and the refund policy; the seat is included with my membership and follows its renewal." : data.autoRenew ? "I agree to the full initial payment and automatic renewal with my membership; I can cancel renewal." : "I agree to the full initial payment and the displayed end date, with no automatic renewal while my membership renewal is canceled." })
+          /* @__PURE__ */ jsxs10("label", { className: "journey-consent", children: [
+            /* @__PURE__ */ jsx10("input", { type: "checkbox", checked: terms, onChange: (event) => setTerms(event.currentTarget.checked) }),
+            /* @__PURE__ */ jsx10("span", { children: data.included ? "I agree to the seat terms and the refund policy; the seat is included with my membership and follows its renewal." : data.autoRenew ? "I agree to the full initial payment and automatic renewal with my membership; I can cancel renewal." : "I agree to the full initial payment and the displayed end date, with no automatic renewal while my membership renewal is canceled." })
           ] }),
-          terms && data.included ? /* @__PURE__ */ jsx9("button", { className: "btn primary", type: "button", disabled: granting, onClick: () => void grant(), children: granting ? "Sending the invitation\u2026" : "Send the invitation" }) : null,
-          terms && !data.included ? /* @__PURE__ */ jsx9(
+          terms && data.included ? /* @__PURE__ */ jsx10("button", { className: "btn primary", type: "button", disabled: granting, onClick: () => void grant(), children: granting ? "Sending the invitation\u2026" : "Send the invitation" }) : null,
+          terms && !data.included ? /* @__PURE__ */ jsx10(
             PaymentStep,
             {
               applicationId: data.membershipId,
@@ -798,17 +932,17 @@ function NamedSeatPurchase({ api }) {
             }
           ) : null
         ] })
-      ] }) : !data.seat ? /* @__PURE__ */ jsx9("p", { children: data.purchaseWindowed === false ? "An additional seat can be purchased for as long as your membership stays paid." : `Additional seats can be purchased until ${day(data.purchaseEndsAt)}.` }) : null,
-      pending ? /* @__PURE__ */ jsx9("p", { role: "status", children: "Payment confirmation is being reconciled. The recipient\u2019s access begins only after their own acceptance and approval." }) : null
-    ] }) : !error ? /* @__PURE__ */ jsx9("p", { children: "Loading your seat terms\u2026" }) : null,
-    /* @__PURE__ */ jsx9("button", { className: "btn secondary", onClick: () => void load(), children: "Refresh seat status" })
+      ] }) : !data.seat ? /* @__PURE__ */ jsx10("p", { children: data.purchaseWindowed === false ? "An additional seat can be purchased for as long as your membership stays paid." : `Additional seats can be purchased until ${day(data.purchaseEndsAt)}.` }) : null,
+      pending ? /* @__PURE__ */ jsx10("p", { role: "status", children: "Payment confirmation is being reconciled. The recipient\u2019s access begins only after their own acceptance and approval." }) : null
+    ] }) : !error ? /* @__PURE__ */ jsx10("p", { children: "Loading your seat terms\u2026" }) : null,
+    /* @__PURE__ */ jsx10("button", { className: "btn secondary", onClick: () => void load(), children: "Refresh seat status" })
   ] }) });
 }
 
 // src/ui/member-content.tsx
-import { useEffect as useEffect5, useMemo as useMemo2, useState as useState8 } from "preact/hooks";
+import { useEffect as useEffect5, useMemo as useMemo2, useState as useState9 } from "preact/hooks";
 import { Markdown } from "@odla-ai/ui/components";
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
 var pageLabel = (page) => `${page.title}${page.access === "locked" ? " \xB7 Locked" : ""}`;
 function MemberContentArea(props) {
   const {
@@ -816,12 +950,12 @@ function MemberContentArea(props) {
     path = "/api/member-content",
     upsellHref,
     onUpsell,
-    loadingContent = /* @__PURE__ */ jsx10("p", { className: "meeting-note", children: "Loading member pages\u2026" }),
-    emptyContent = /* @__PURE__ */ jsx10("p", { className: "meeting-note", children: "No member pages have been published yet." })
+    loadingContent = /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: "Loading member pages\u2026" }),
+    emptyContent = /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: "No member pages have been published yet." })
   } = props;
-  const [data, setData] = useState8(props.initialData ?? null);
-  const [error, setError] = useState8(null);
-  const [selectedId, setSelectedId] = useState8(
+  const [data, setData] = useState9(props.initialData ?? null);
+  const [error, setError] = useState9(null);
+  const [selectedId, setSelectedId] = useState9(
     props.initialPageId ?? props.initialData?.pages[0]?.id ?? ""
   );
   useEffect5(() => {
@@ -846,18 +980,18 @@ function MemberContentArea(props) {
     }
     return [...result.entries()];
   }, [data]);
-  if (error) return /* @__PURE__ */ jsxs10("p", { className: "meeting-note", role: "alert", children: [
+  if (error) return /* @__PURE__ */ jsxs11("p", { className: "meeting-note", role: "alert", children: [
     "Member pages could not be loaded: ",
     error
   ] });
-  if (!data) return /* @__PURE__ */ jsx10(Fragment4, { children: loadingContent });
-  if (data.pages.length === 0) return /* @__PURE__ */ jsx10(Fragment4, { children: emptyContent });
+  if (!data) return /* @__PURE__ */ jsx11(Fragment5, { children: loadingContent });
+  if (data.pages.length === 0) return /* @__PURE__ */ jsx11(Fragment5, { children: emptyContent });
   const selected = data.pages.find((page) => page.id === selectedId) ?? data.pages[0];
   const href = selected.upsell && upsellHref ? upsellHref(selected.upsell.tierId, selected) : void 0;
-  return /* @__PURE__ */ jsxs10("div", { className: "chapter-member-content", "data-member-content": true, children: [
-    /* @__PURE__ */ jsx10("nav", { className: "chapter-member-content-nav", "aria-label": "Member pages", children: sections.map(([section, pages]) => /* @__PURE__ */ jsxs10("section", { className: "chapter-member-content-section", children: [
-      /* @__PURE__ */ jsx10("h2", { children: section }),
-      /* @__PURE__ */ jsx10("ul", { children: pages.map((page) => /* @__PURE__ */ jsx10("li", { "data-parent-page": page.navigation.parentId ?? void 0, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs11("div", { className: "chapter-member-content", "data-member-content": true, children: [
+    /* @__PURE__ */ jsx11("nav", { className: "chapter-member-content-nav", "aria-label": "Member pages", children: sections.map(([section, pages]) => /* @__PURE__ */ jsxs11("section", { className: "chapter-member-content-section", children: [
+      /* @__PURE__ */ jsx11("h2", { children: section }),
+      /* @__PURE__ */ jsx11("ul", { children: pages.map((page) => /* @__PURE__ */ jsx11("li", { "data-parent-page": page.navigation.parentId ?? void 0, children: /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -867,23 +1001,23 @@ function MemberContentArea(props) {
         }
       ) }, page.id)) })
     ] }, section)) }),
-    /* @__PURE__ */ jsxs10("article", { className: "chapter-member-content-page", "data-access": selected.access, children: [
-      /* @__PURE__ */ jsxs10("header", { children: [
-        /* @__PURE__ */ jsxs10("div", { className: "card-label", children: [
+    /* @__PURE__ */ jsxs11("article", { className: "chapter-member-content-page", "data-access": selected.access, children: [
+      /* @__PURE__ */ jsxs11("header", { children: [
+        /* @__PURE__ */ jsxs11("div", { className: "card-label", children: [
           selected.source.type === "parent" ? "Parent" : "Chapter",
           " \xB7 ",
           selected.access
         ] }),
-        /* @__PURE__ */ jsx10("h1", { children: selected.title }),
-        selected.summary ? /* @__PURE__ */ jsx10("p", { children: selected.summary }) : null
+        /* @__PURE__ */ jsx11("h1", { children: selected.title }),
+        selected.summary ? /* @__PURE__ */ jsx11("p", { children: selected.summary }) : null
       ] }),
-      selected.access === "allowed" && selected.bodyMarkdown ? /* @__PURE__ */ jsx10(Markdown, { source: selected.bodyMarkdown }) : /* @__PURE__ */ jsxs10("div", { className: "chapter-member-content-locked", children: [
-        selected.teaserMarkdown ? /* @__PURE__ */ jsx10(Markdown, { source: selected.teaserMarkdown }) : /* @__PURE__ */ jsx10("p", { children: "This page is not included in your current membership." }),
-        selected.upsell ? /* @__PURE__ */ jsxs10("aside", { className: "chapter-member-content-upsell", "aria-label": selected.upsell.label ?? "Membership option", children: [
-          /* @__PURE__ */ jsx10("h2", { children: selected.upsell.label ?? selected.upsell.tierName }),
-          /* @__PURE__ */ jsx10("p", { children: fmtMoney(selected.upsell.priceCents) }),
-          selected.upsell.bodyMarkdown ? /* @__PURE__ */ jsx10(Markdown, { source: selected.upsell.bodyMarkdown }) : null,
-          href ? /* @__PURE__ */ jsx10("a", { className: "btn primary", href, children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : onUpsell ? /* @__PURE__ */ jsx10("button", { className: "btn primary", type: "button", onClick: () => onUpsell(selected.upsell.tierId, selected), children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : null
+      selected.access === "allowed" && selected.bodyMarkdown ? /* @__PURE__ */ jsx11(Markdown, { source: selected.bodyMarkdown }) : /* @__PURE__ */ jsxs11("div", { className: "chapter-member-content-locked", children: [
+        selected.teaserMarkdown ? /* @__PURE__ */ jsx11(Markdown, { source: selected.teaserMarkdown }) : /* @__PURE__ */ jsx11("p", { children: "This page is not included in your current membership." }),
+        selected.upsell ? /* @__PURE__ */ jsxs11("aside", { className: "chapter-member-content-upsell", "aria-label": selected.upsell.label ?? "Membership option", children: [
+          /* @__PURE__ */ jsx11("h2", { children: selected.upsell.label ?? selected.upsell.tierName }),
+          /* @__PURE__ */ jsx11("p", { children: fmtMoney(selected.upsell.priceCents) }),
+          selected.upsell.bodyMarkdown ? /* @__PURE__ */ jsx11(Markdown, { source: selected.upsell.bodyMarkdown }) : null,
+          href ? /* @__PURE__ */ jsx11("a", { className: "btn primary", href, children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : onUpsell ? /* @__PURE__ */ jsx11("button", { className: "btn primary", type: "button", onClick: () => onUpsell(selected.upsell.tierId, selected), children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : null
         ] }) : null
       ] })
     ] })
@@ -891,12 +1025,12 @@ function MemberContentArea(props) {
 }
 
 // src/ui/members.tsx
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
 function card(copy, kicker, body) {
-  return /* @__PURE__ */ jsxs11("div", { className: "card", children: [
-    /* @__PURE__ */ jsx11("div", { className: "card-label", children: copy.provisional.cardLabel }),
-    /* @__PURE__ */ jsxs11("div", { className: "meeting-block", children: [
-      /* @__PURE__ */ jsx11("div", { className: "meeting-kicker", children: kicker }),
+  return /* @__PURE__ */ jsxs12("div", { className: "card", children: [
+    /* @__PURE__ */ jsx12("div", { className: "card-label", children: copy.provisional.cardLabel }),
+    /* @__PURE__ */ jsxs12("div", { className: "meeting-block", children: [
+      /* @__PURE__ */ jsx12("div", { className: "meeting-kicker", children: kicker }),
       body
     ] })
   ] });
@@ -907,9 +1041,9 @@ function ProvisionalCard(props) {
     return card(
       copy,
       copy.provisional.applicationNeeded,
-      /* @__PURE__ */ jsxs11(Fragment5, { children: [
-        /* @__PURE__ */ jsx11("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
-        /* @__PURE__ */ jsx11("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
+      /* @__PURE__ */ jsxs12(Fragment6, { children: [
+        /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
+        /* @__PURE__ */ jsx12("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
       ] })
     );
   }
@@ -917,19 +1051,19 @@ function ProvisionalCard(props) {
     return card(
       copy,
       copy.provisional.refunded,
-      /* @__PURE__ */ jsx11("div", { className: "meeting-note", children: copy.provisional.refundedBody })
+      /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: copy.provisional.refundedBody })
     );
   }
-  const membership = application.paid ? /* @__PURE__ */ jsx11("div", { className: "meeting-note", children: application.renewalAt ? formatChapterCopy(copy.provisional.renews, { date: fmtDate(application.renewalAt) }) : copy.provisional.active }) : null;
+  const membership = application.paid ? /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: application.renewalAt ? formatChapterCopy(copy.provisional.renews, { date: fmtDate(application.renewalAt) }) : copy.provisional.active }) : null;
   if (application.meetingAt) {
     return card(
       copy,
       copy.provisional.introductionCall,
-      /* @__PURE__ */ jsxs11(Fragment5, { children: [
-        /* @__PURE__ */ jsx11("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
-        /* @__PURE__ */ jsx11("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
-        application.meetUrl ? /* @__PURE__ */ jsx11("div", { className: "meeting-note", children: /* @__PURE__ */ jsx11("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
-        /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsxs12(Fragment6, { children: [
+        /* @__PURE__ */ jsx12("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
+        /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
+        application.meetUrl ? /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: /* @__PURE__ */ jsx12("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
+        /* @__PURE__ */ jsx12(
           Rescheduler,
           {
             api,
@@ -946,9 +1080,9 @@ function ProvisionalCard(props) {
   return card(
     copy,
     copy.provisional.bookCall,
-    /* @__PURE__ */ jsxs11(Fragment5, { children: [
-      /* @__PURE__ */ jsx11("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
-      /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsxs12(Fragment6, { children: [
+      /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
+      /* @__PURE__ */ jsx12(
         Rescheduler,
         {
           api,
@@ -975,8 +1109,8 @@ function MembersArea(props) {
     renderProvisional
   } = props;
   const copy = props.copy ?? inheritedCopy.members;
-  const [me, setMe] = useState9(null);
-  const [error, setError] = useState9(false);
+  const [me, setMe] = useState10(null);
+  const [error, setError] = useState10(false);
   const reload = async () => {
     try {
       setMe(await api("/api/me"));
@@ -987,22 +1121,22 @@ function MembersArea(props) {
   useEffect6(() => {
     void reload();
   }, []);
-  if (error) return /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: copy.loadFailed });
-  if (!me) return /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: inheritedCopy.common.loading });
+  if (error) return /* @__PURE__ */ jsx12("p", { className: "meeting-note", children: copy.loadFailed });
+  if (!me) return /* @__PURE__ */ jsx12("p", { className: "meeting-note", children: inheritedCopy.common.loading });
   const role = me.role || "provisional";
-  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
-    /* @__PURE__ */ jsxs11("div", { className: "card", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "member-row", children: [
-        /* @__PURE__ */ jsx11("span", { className: "member-email", children: me.email }),
-        /* @__PURE__ */ jsx11("span", { className: "role-badge " + role, children: role })
+  return /* @__PURE__ */ jsxs12(Fragment6, { children: [
+    /* @__PURE__ */ jsxs12("div", { className: "card", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx12("span", { className: "member-email", children: me.email }),
+        /* @__PURE__ */ jsx12("span", { className: "role-badge " + role, children: role })
       ] }),
-      /* @__PURE__ */ jsxs11("div", { className: "account-actions", children: [
-        /* @__PURE__ */ jsx11("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
-        me.authorized || me.superAdmin ? /* @__PURE__ */ jsx11("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
+      /* @__PURE__ */ jsxs12("div", { className: "account-actions", children: [
+        /* @__PURE__ */ jsx12("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
+        me.authorized || me.superAdmin ? /* @__PURE__ */ jsx12("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
       ] })
     ] }),
-    me.memberAccess !== true && me.membershipRestart?.eligible && me.application ? /* @__PURE__ */ jsx11(MemberRestart, { api, application: me.application, applicationId: me.membershipRestart.applicationId, onComplete: reload }) : me.memberAccess !== true ? (() => {
-      const defaultContent = /* @__PURE__ */ jsx11(
+    me.memberAccess !== true && me.membershipRestart?.eligible && me.application ? /* @__PURE__ */ jsx12(MemberRestart, { api, application: me.application, applicationId: me.membershipRestart.applicationId, onComplete: reload }) : me.memberAccess !== true ? (() => {
+      const defaultContent = /* @__PURE__ */ jsx12(
         ProvisionalCard,
         {
           api,
@@ -1019,30 +1153,30 @@ function MembersArea(props) {
         reload,
         defaultContent
       }) ?? defaultContent;
-    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx11(
+    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx12(
       MemberContentArea,
       {
         api,
         ...memberPages === true ? {} : memberPages
       }
-    ) : /* @__PURE__ */ jsx11("div", { className: "card", children: /* @__PURE__ */ jsx11("div", { className: "card-label", children: copy.full.welcome }) })),
-    /* @__PURE__ */ jsx11(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment }),
-    me.namedSeatsEnabled ? /* @__PURE__ */ jsx11(NamedSeatPurchase, { api }) : null
+    ) : /* @__PURE__ */ jsx12("div", { className: "card", children: /* @__PURE__ */ jsx12("div", { className: "card-label", children: copy.full.welcome }) })),
+    /* @__PURE__ */ jsx12(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment }),
+    me.namedSeatsEnabled ? /* @__PURE__ */ jsx12(NamedSeatPurchase, { api }) : null
   ] });
 }
 
 // src/ui/join.tsx
-import { useEffect as useEffect10, useRef as useRef3, useState as useState16 } from "preact/hooks";
+import { useEffect as useEffect11, useRef as useRef3, useState as useState18 } from "preact/hooks";
 
 // src/ui/join-booking.tsx
-import { useEffect as useEffect7, useState as useState10 } from "preact/hooks";
-import { jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
+import { useEffect as useEffect7, useState as useState11 } from "preact/hooks";
+import { jsx as jsx13, jsxs as jsxs13 } from "preact/jsx-runtime";
 function JoinBooking(props) {
   const { applicationId, copy, onBooked, simulation } = props;
-  const [state, setState] = useState10(null);
-  const [msg, setMsg] = useState10(null);
-  const [busy, setBusy] = useState10(false);
-  const [selected, setSelected] = useState10(null);
+  const [state, setState] = useState11(null);
+  const [msg, setMsg] = useState11(null);
+  const [busy, setBusy] = useState11(false);
+  const [selected, setSelected] = useState11(null);
   const load = async () => {
     setMsg(null);
     try {
@@ -1099,11 +1233,11 @@ function JoinBooking(props) {
       setBusy(false);
     }
   };
-  if (!state) return /* @__PURE__ */ jsx12("p", { className: "slots-status", children: msg ?? copy.loading });
-  return /* @__PURE__ */ jsxs12("div", { className: "join-book", children: [
-    /* @__PURE__ */ jsx12("h2", { children: copy.title ?? DEFAULT_JOIN_COPY.booking.title }),
-    /* @__PURE__ */ jsx12("p", { children: copy.intro ?? DEFAULT_JOIN_COPY.booking.intro }),
-    /* @__PURE__ */ jsx12(
+  if (!state) return /* @__PURE__ */ jsx13("p", { className: "slots-status", children: msg ?? copy.loading });
+  return /* @__PURE__ */ jsxs13("div", { className: "join-book", children: [
+    /* @__PURE__ */ jsx13("h2", { children: copy.title ?? DEFAULT_JOIN_COPY.booking.title }),
+    /* @__PURE__ */ jsx13("p", { children: copy.intro ?? DEFAULT_JOIN_COPY.booking.intro }),
+    /* @__PURE__ */ jsx13(
       SlotPicker,
       {
         slots: state.slots,
@@ -1113,29 +1247,29 @@ function JoinBooking(props) {
         onDayChange: () => setSelected(null)
       }
     ),
-    /* @__PURE__ */ jsxs12("div", { className: "slot-confirm", hidden: !selected, children: [
-      /* @__PURE__ */ jsx12("button", { className: "submit-btn", disabled: busy, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
-      msg ? /* @__PURE__ */ jsx12("p", { className: "step2-note", children: msg }) : null
+    /* @__PURE__ */ jsxs13("div", { className: "slot-confirm", hidden: !selected, children: [
+      /* @__PURE__ */ jsx13("button", { className: "submit-btn", disabled: busy, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
+      msg ? /* @__PURE__ */ jsx13("p", { className: "step2-note", children: msg }) : null
     ] })
   ] });
 }
 
 // src/ui/join-accepted.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "preact/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "preact/jsx-runtime";
 function JoinAccepted(props) {
-  return /* @__PURE__ */ jsxs13("div", { className: "join-done card", children: [
-    /* @__PURE__ */ jsx13("div", { className: "card-label", children: props.copy.accepted.label }),
-    /* @__PURE__ */ jsx13("p", { className: "meeting-note", children: props.copy.accepted.body }),
-    /* @__PURE__ */ jsx13("a", { className: "apply-link", href: props.membersHref, children: props.copy.done.memberArea })
+  return /* @__PURE__ */ jsxs14("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx14("div", { className: "card-label", children: props.copy.accepted.label }),
+    /* @__PURE__ */ jsx14("p", { className: "meeting-note", children: props.copy.accepted.body }),
+    /* @__PURE__ */ jsx14("a", { className: "apply-link", href: props.membersHref, children: props.copy.done.memberArea })
   ] });
 }
 
 // src/ui/gift-claim-card.tsx
-import { useState as useState11 } from "preact/hooks";
-import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs14 } from "preact/jsx-runtime";
+import { useState as useState12 } from "preact/hooks";
+import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs15 } from "preact/jsx-runtime";
 function GiftClaimCard(props) {
-  const [code, setCode] = useState11(props.initialCode ?? "");
-  const [error, setError] = useState11(false);
+  const [code, setCode] = useState12(props.initialCode ?? "");
+  const [error, setError] = useState12(false);
   const rotate = async () => {
     if (!props.claimId) return;
     setError(false);
@@ -1148,30 +1282,30 @@ function GiftClaimCard(props) {
     if (response.ok && body.code) setCode(body.code);
     else setError(true);
   };
-  return /* @__PURE__ */ jsxs14("div", { className: "join-done card", children: [
-    /* @__PURE__ */ jsx14("div", { className: "card-label", children: props.copy.label }),
-    /* @__PURE__ */ jsx14("p", { className: "meeting-note", children: props.copy.body }),
-    code ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
-      /* @__PURE__ */ jsx14("output", { className: "gift-code", children: code }),
-      /* @__PURE__ */ jsx14("p", { children: props.copy.save })
+  return /* @__PURE__ */ jsxs15("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx15("div", { className: "card-label", children: props.copy.label }),
+    /* @__PURE__ */ jsx15("p", { className: "meeting-note", children: props.copy.body }),
+    code ? /* @__PURE__ */ jsxs15(Fragment7, { children: [
+      /* @__PURE__ */ jsx15("output", { className: "gift-code", children: code }),
+      /* @__PURE__ */ jsx15("p", { children: props.copy.save })
     ] }) : null,
-    !code && props.claimId ? /* @__PURE__ */ jsx14("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
-    error ? /* @__PURE__ */ jsx14("p", { role: "alert", children: props.copy.rotateFailed }) : null
+    !code && props.claimId ? /* @__PURE__ */ jsx15("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
+    error ? /* @__PURE__ */ jsx15("p", { role: "alert", children: props.copy.rotateFailed }) : null
   ] });
 }
 
 // src/ui/join-tiers.tsx
-import { useState as useState12 } from "preact/hooks";
-import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs15 } from "preact/jsx-runtime";
+import { useState as useState13 } from "preact/hooks";
+import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs16 } from "preact/jsx-runtime";
 var joinTierMoney = (cents, currency = "usd") => new Intl.NumberFormat("en-US", { style: "currency", currency }).format(cents / 100);
 function useTierSelection(tiers, initialTierId) {
-  const [selectedTierId, setSelectedTierId] = useState12(() => {
+  const [selectedTierId, setSelectedTierId] = useState13(() => {
     const preset = tiers.find((tier) => tier.id === initialTierId);
     if (preset) return preset.id;
     return tiers.length === 1 ? tiers[0].id : null;
   });
   return {
-    tiers,
+    tiers: [...tiers].sort((a, b) => Number(b.id === selectedTierId) - Number(a.id === selectedTierId)),
     selected: tiers.find((tier) => tier.id === selectedTierId) ?? null,
     selectedTierId,
     selectTier: (tierId) => {
@@ -1180,10 +1314,10 @@ function useTierSelection(tiers, initialTierId) {
   };
 }
 function TierPlaceholder(context) {
-  return /* @__PURE__ */ jsxs15("fieldset", { "data-chapter-placeholder": "tiers", children: [
-    /* @__PURE__ */ jsx15("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
-    context.tiers.map((tier) => /* @__PURE__ */ jsxs15("label", { children: [
-      /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs16("fieldset", { "data-chapter-placeholder": "tiers", children: [
+    /* @__PURE__ */ jsx16("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
+    context.tiers.map((tier) => /* @__PURE__ */ jsxs16("label", { children: [
+      /* @__PURE__ */ jsx16(
         "input",
         {
           type: "radio",
@@ -1194,13 +1328,13 @@ function TierPlaceholder(context) {
         }
       ),
       tier.name,
-      tier.founding ? /* @__PURE__ */ jsxs15(Fragment7, { children: [
+      tier.founding ? /* @__PURE__ */ jsxs16(Fragment8, { children: [
         " \u2014 ",
         joinTierMoney(tier.founding.dueTodayCents),
         " founding member rate (list ",
         joinTierMoney(tier.priceCents),
         ")"
-      ] }) : tier.free ? " \u2014 free" : /* @__PURE__ */ jsxs15(Fragment7, { children: [
+      ] }) : tier.free ? " \u2014 free" : /* @__PURE__ */ jsxs16(Fragment8, { children: [
         " \u2014 ",
         joinTierMoney(tier.priceCents)
       ] })
@@ -1212,19 +1346,19 @@ function tierNeedsPayment(selected, paymentsReady) {
 }
 
 // src/ui/join-application-form.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "preact/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs17 } from "preact/jsx-runtime";
 function JoinApplicationForm({ props, copy, invitation, requestedSeat, tierSelection, giftOfferId, selectGift, submitting, error, submit }) {
   const disabled = submitting || props.submitDisabled === true;
-  return /* @__PURE__ */ jsxs16("form", { className: "join-form", onSubmit: (event) => void submit(event), children: [
-    !requestedSeat && (props.config.giftOffers?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs16("fieldset", { children: [
-      /* @__PURE__ */ jsx16("legend", { children: copy.gift.optionsLabel }),
-      /* @__PURE__ */ jsx16("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => selectGift(null), children: copy.gift.chooseSelf }),
-      /* @__PURE__ */ jsx16(GiftOfferCards, { offers: props.config.giftOffers ?? [], mode: "select", selectedOfferId: giftOfferId, onSelect: selectGift })
+  return /* @__PURE__ */ jsxs17("form", { className: "join-form", onSubmit: (event) => void submit(event), children: [
+    !requestedSeat && (props.config.giftOffers?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs17("fieldset", { children: [
+      /* @__PURE__ */ jsx17("legend", { children: copy.gift.optionsLabel }),
+      /* @__PURE__ */ jsx17("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => selectGift(null), children: copy.gift.chooseSelf }),
+      /* @__PURE__ */ jsx17(GiftOfferCards, { offers: props.config.giftOffers ?? [], mode: "select", selectedOfferId: giftOfferId, onSelect: selectGift })
     ] }) : null,
     !requestedSeat && (props.config.tiers?.length ?? 0) > 1 ? props.renderTiers?.(tierSelection) ?? TierPlaceholder(tierSelection) : null,
     typeof props.children === "function" ? props.children({ invitation }) : props.children,
-    error ? /* @__PURE__ */ jsx16("p", { className: "join-error", role: "alert", children: error }) : null,
-    props.renderSubmit?.({ submitting, disabled }) ?? /* @__PURE__ */ jsx16("button", { className: "submit-btn", type: "submit", disabled, children: submitting ? copy.form.submitting : copy.form.submit })
+    error ? /* @__PURE__ */ jsx17("p", { className: "join-error", role: "alert", children: error }) : null,
+    props.renderSubmit?.({ submitting, disabled }) ?? /* @__PURE__ */ jsx17("button", { className: "submit-btn", type: "submit", disabled, children: submitting ? copy.form.submitting : copy.form.submit })
   ] });
 }
 
@@ -1249,8 +1383,8 @@ function joinStateFromApplicationResponse(data, fallbackNeedsPayment, submittedG
 
 // src/ui/gift-code-redeemer.tsx
 import { InlineActionField } from "@odla-ai/ui/components";
-import { useState as useState13 } from "preact/hooks";
-import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs17 } from "preact/jsx-runtime";
+import { useState as useState14 } from "preact/hooks";
+import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs18 } from "preact/jsx-runtime";
 var GIFT_CODE_REDEEMER_CSS = `
 .gift-code-redeemer{container-type:inline-size;display:grid;gap:var(--ui-space-1,.35rem);margin:0}
 .gift-code-redeemer .inline-action-field-label{display:block;color:var(--ui-text-muted,#66777f);font-size:var(--ui-text-xs,.72rem);font-weight:var(--ui-weight-strong,700);letter-spacing:var(--ui-tracking-caps,.08em);text-transform:uppercase}
@@ -1265,10 +1399,10 @@ var GIFT_CODE_REDEEMER_CSS = `
 @container (max-width:26rem){.gift-code-redeemer .inline-action-field-row{grid-template-columns:minmax(0,1fr)}.gift-code-redeemer .inline-action-field-action{width:100%}}
 `;
 function GiftCodeRedeemer({ api, applicationId, copy, id, onRedeemed }) {
-  const [code, setCode] = useState13("");
-  const [loading, setLoading] = useState13(false);
-  const [message, setMessage] = useState13("");
-  const [messageTone, setMessageTone] = useState13("neutral");
+  const [code, setCode] = useState14("");
+  const [loading, setLoading] = useState14(false);
+  const [message, setMessage] = useState14("");
+  const [messageTone, setMessageTone] = useState14("neutral");
   const normalizedCode = code.trim();
   const redeem = async () => {
     if (!normalizedCode || loading) return;
@@ -1295,9 +1429,9 @@ function GiftCodeRedeemer({ api, applicationId, copy, id, onRedeemed }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs17(Fragment8, { children: [
-    /* @__PURE__ */ jsx17("style", { children: GIFT_CODE_REDEEMER_CSS }),
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs18(Fragment9, { children: [
+    /* @__PURE__ */ jsx18("style", { children: GIFT_CODE_REDEEMER_CSS }),
+    /* @__PURE__ */ jsx18(
       InlineActionField,
       {
         id,
@@ -1353,12 +1487,12 @@ async function loadJoinResume(applicationId, fetcher = fetch) {
 }
 
 // src/ui/join-gift-claim.tsx
-import { jsx as jsx18, jsxs as jsxs18 } from "preact/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs19 } from "preact/jsx-runtime";
 function JoinGiftClaim(props) {
-  return /* @__PURE__ */ jsxs18("section", { className: "join-gift-claim card", children: [
-    /* @__PURE__ */ jsx18("div", { className: "card-label", children: props.copy.claimTitle }),
-    /* @__PURE__ */ jsx18("p", { children: props.copy.claimBody }),
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs19("section", { className: "join-gift-claim card", children: [
+    /* @__PURE__ */ jsx19("div", { className: "card-label", children: props.copy.claimTitle }),
+    /* @__PURE__ */ jsx19("p", { children: props.copy.claimBody }),
+    /* @__PURE__ */ jsx19(
       GiftCodeRedeemer,
       {
         api: props.api,
@@ -1382,21 +1516,21 @@ function JoinGiftClaim(props) {
 }
 
 // src/ui/join-named-seat.tsx
-import { useState as useState14 } from "preact/hooks";
-import { jsx as jsx19, jsxs as jsxs19 } from "preact/jsx-runtime";
+import { useState as useState15 } from "preact/hooks";
+import { jsx as jsx20, jsxs as jsxs20 } from "preact/jsx-runtime";
 function JoinNamedSeat(props) {
   const seatId = props.seatId ?? "";
   const inherited = useChapterCopy(), copy = props.copy ?? inherited.join.namedSeat;
-  const [accepted, setAccepted] = useState14(false), [busy, setBusy] = useState14(false), [error, setError] = useState14("");
-  return /* @__PURE__ */ jsxs19("section", { className: "join-named-seat card", children: [
-    /* @__PURE__ */ jsx19("h2", { children: copy.title }),
-    /* @__PURE__ */ jsx19("p", { children: copy.body }),
-    /* @__PURE__ */ jsxs19("label", { className: "journey-consent", children: [
-      /* @__PURE__ */ jsx19("input", { type: "checkbox", checked: accepted, disabled: busy, onChange: (event) => setAccepted(event.currentTarget.checked) }),
-      /* @__PURE__ */ jsx19("span", { children: copy.consent })
+  const [accepted, setAccepted] = useState15(false), [busy, setBusy] = useState15(false), [error, setError] = useState15("");
+  return /* @__PURE__ */ jsxs20("section", { className: "join-named-seat card", children: [
+    /* @__PURE__ */ jsx20("h2", { children: copy.title }),
+    /* @__PURE__ */ jsx20("p", { children: copy.body }),
+    /* @__PURE__ */ jsxs20("label", { className: "journey-consent", children: [
+      /* @__PURE__ */ jsx20("input", { type: "checkbox", checked: accepted, disabled: busy, onChange: (event) => setAccepted(event.currentTarget.checked) }),
+      /* @__PURE__ */ jsx20("span", { children: copy.consent })
     ] }),
-    error ? /* @__PURE__ */ jsx19("p", { role: "alert", children: error }) : null,
-    /* @__PURE__ */ jsx19("button", { type: "button", className: "btn btn-primary", disabled: busy || !accepted || !seatId.trim(), onClick: async () => {
+    error ? /* @__PURE__ */ jsx20("p", { role: "alert", children: error }) : null,
+    /* @__PURE__ */ jsx20("button", { type: "button", className: "btn btn-primary", disabled: busy || !accepted || !seatId.trim(), onClick: async () => {
       setBusy(true);
       setError("");
       try {
@@ -1416,12 +1550,12 @@ function JoinNamedSeat(props) {
 }
 
 // src/ui/join-invitation.tsx
-import { useEffect as useEffect8, useState as useState15 } from "preact/hooks";
-import { jsx as jsx20, jsxs as jsxs20 } from "preact/jsx-runtime";
+import { useEffect as useEffect8, useState as useState16 } from "preact/hooks";
+import { jsx as jsx21, jsxs as jsxs21 } from "preact/jsx-runtime";
 function useJoinInvitation(seatId, api, fallback) {
-  const [invitation, setInvitation] = useState15(null);
-  const [error, setError] = useState15("");
-  const [revision, setRevision] = useState15(0);
+  const [invitation, setInvitation] = useState16(null);
+  const [error, setError] = useState16("");
+  const [revision, setRevision] = useState16(0);
   useEffect8(() => {
     let live = true;
     setInvitation(null);
@@ -1444,9 +1578,9 @@ function useJoinInvitation(seatId, api, fallback) {
   return { invitation: invitation?.seatId === seatId ? invitation : null, error, retry: () => setRevision((value) => value + 1) };
 }
 function JoinInvitationNotice(props) {
-  return /* @__PURE__ */ jsxs20("aside", { className: "journey-invitation", "aria-label": props.copy.title, children: [
-    /* @__PURE__ */ jsx20("p", { children: /* @__PURE__ */ jsx20("strong", { children: formatChapterCopy(props.copy.from, { purchaserName: props.invitation.purchaserName }) }) }),
-    /* @__PURE__ */ jsx20("p", { children: formatChapterCopy(props.copy.prepaid, { tierName: props.tierName }) })
+  return /* @__PURE__ */ jsxs21("aside", { className: "journey-invitation", "aria-label": props.copy.title, children: [
+    /* @__PURE__ */ jsx21("p", { children: /* @__PURE__ */ jsx21("strong", { children: formatChapterCopy(props.copy.from, { purchaserName: props.invitation.purchaserName }) }) }),
+    /* @__PURE__ */ jsx21("p", { children: formatChapterCopy(props.copy.prepaid, { tierName: props.tierName }) })
   ] });
 }
 
@@ -1475,10 +1609,93 @@ function useJoinPending(state, loadResume, setState) {
   }, [state, loadResume]);
 }
 
+// src/ui/payment-receipt.tsx
+import { useEffect as useEffect10, useState as useState17 } from "preact/hooks";
+import { Fragment as Fragment10, jsx as jsx22, jsxs as jsxs22 } from "preact/jsx-runtime";
+function PaymentReceiptCard({ applicationId }) {
+  const [receipt, setReceipt] = useState17(null);
+  const [error, setError] = useState17("");
+  const [revision, setRevision] = useState17(0);
+  const [emailState, setEmailState] = useState17("idle");
+  const [previewEmail, setPreviewEmail] = useState17(false);
+  const endpoint = `/api/payments/receipt?application=${encodeURIComponent(applicationId)}`;
+  useEffect10(() => {
+    let live = true, timer;
+    setReceipt(null);
+    setError("");
+    setEmailState("idle");
+    const read = async () => {
+      try {
+        const response = await fetch(endpoint, { cache: "no-store" });
+        if (!live || response.status === 404) return;
+        if (response.status === 202) {
+          timer = setTimeout(() => void read(), 2e3);
+          return;
+        }
+        if (!response.ok) throw new Error();
+        const data = await response.json();
+        if (live) setReceipt(data.receipt);
+      } catch {
+        if (live) setError("Your receipt is temporarily unavailable.");
+      }
+    };
+    void read();
+    return () => {
+      live = false;
+      if (timer) clearTimeout(timer);
+    };
+  }, [endpoint, revision]);
+  if (!receipt) return error ? /* @__PURE__ */ jsxs22("section", { "aria-label": "Payment receipt", children: [
+    /* @__PURE__ */ jsx22("p", { role: "status", children: error }),
+    /* @__PURE__ */ jsx22("button", { type: "button", onClick: () => setRevision((value) => value + 1), children: "Reload receipt" })
+  ] }) : null;
+  const money = (cents) => new Intl.NumberFormat("en-US", { style: "currency", currency: receipt.currency }).format(cents / 100);
+  const email = async () => {
+    setEmailState("sending");
+    setError("");
+    try {
+      const response = await fetch(endpoint, { method: "POST" });
+      if (!response.ok) throw new Error();
+      const result = await response.json();
+      setPreviewEmail(result.preview === true);
+      setEmailState("sent");
+    } catch {
+      setEmailState("idle");
+      setError("We could not confirm email delivery. You can print or save your receipt.");
+    }
+  };
+  return /* @__PURE__ */ jsxs22("section", { className: "payment-receipt card", "aria-label": "Payment receipt", children: [
+    /* @__PURE__ */ jsx22("h2", { children: "Payment received" }),
+    /* @__PURE__ */ jsx22("p", { children: receipt.tierName }),
+    /* @__PURE__ */ jsxs22("dl", { className: "journey-summary", children: [
+      /* @__PURE__ */ jsx22("dt", { children: "Membership" }),
+      /* @__PURE__ */ jsx22("dd", { children: money(receipt.membershipCents) }),
+      receipt.namedSeat ? /* @__PURE__ */ jsxs22(Fragment10, { children: [
+        /* @__PURE__ */ jsxs22("dt", { children: [
+          "Additional member \u2014 ",
+          receipt.namedSeat.recipientName
+        ] }),
+        /* @__PURE__ */ jsxs22("dd", { children: [
+          receipt.namedSeat.amountCents === 0 ? "Included \u2014 " : "",
+          money(receipt.namedSeat.amountCents)
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsx22("dt", { children: "Total paid" }),
+      /* @__PURE__ */ jsx22("dd", { children: money(receipt.totalCents) })
+    ] }),
+    /* @__PURE__ */ jsxs22("div", { className: "journey-actions", children: [
+      /* @__PURE__ */ jsx22("a", { className: "apply-link journey-secondary", href: `${endpoint}&format=html`, target: "_blank", rel: "noopener noreferrer", children: "Print / save receipt" }),
+      /* @__PURE__ */ jsx22("button", { type: "button", disabled: emailState !== "idle", onClick: () => void email(), children: emailState === "sending" ? "Sending\u2026" : emailState === "sent" ? "Receipt emailed" : "Email me my receipt" })
+    ] }),
+    emailState === "sent" ? /* @__PURE__ */ jsx22("p", { role: "status", children: previewEmail ? "Test receipt sent to the configured test inbox." : "Sent to the email used for your payment." }) : null,
+    error ? /* @__PURE__ */ jsx22("p", { role: "alert", children: error }) : null
+  ] });
+}
+
 // src/ui/join.tsx
-import { Fragment as Fragment9, jsx as jsx21, jsxs as jsxs21 } from "preact/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx23, jsxs as jsxs23 } from "preact/jsx-runtime";
 function JoinIsland(props) {
-  return /* @__PURE__ */ jsx21(JourneyFrame, { children: /* @__PURE__ */ jsx21(JoinFlow, { ...props }) });
+  return /* @__PURE__ */ jsx23(JourneyFrame, { children: /* @__PURE__ */ jsx23(JoinFlow, { ...props }) });
 }
 function JoinFlow(props) {
   const inheritedCopy = useChapterCopy();
@@ -1499,10 +1716,10 @@ function JoinFlow(props) {
   const invitation = invitationState.invitation;
   const selectedTierId = invitation?.skuId ?? tierSelection.selectedTierId;
   const selectedTier = tiers.find((tier) => tier.id === selectedTierId) ?? tierSelection.selected;
-  const [state, setState] = useState16(requestedSeat ? { step: "form" } : props.initialState ?? { step: "form" });
-  const [error, setError] = useState16(null);
-  const [submitting, setSubmitting] = useState16(false);
-  const [giftOfferId, setGiftOfferId] = useState16(props.initialGiftOfferId ?? null);
+  const [state, setState] = useState18(requestedSeat ? { step: "form" } : props.initialState ?? { step: "form" });
+  const [error, setError] = useState18(null);
+  const [submitting, setSubmitting] = useState18(false);
+  const [giftOfferId, setGiftOfferId] = useState18(props.initialGiftOfferId ?? null);
   const simulatedPayment = props.simulation ? props.simulation.payment ?? {
     lineItems: {
       standardCents: selectedTier?.priceCents ?? 0,
@@ -1512,7 +1729,7 @@ function JoinFlow(props) {
   } : void 0;
   const simulatedBooking = props.simulation ? props.simulation.booking ?? { slots: [], timezone: "UTC" } : void 0;
   const submissionId = useRef3(null);
-  useEffect10(() => {
+  useEffect11(() => {
     if (props.simulation) return;
     const resolver = requestedSeat ? () => invitation?.applicationId ? loadJoinResume(invitation.applicationId) : Promise.resolve(null) : props.loadResume ?? (() => {
       if (typeof window === "undefined") return Promise.resolve(null);
@@ -1581,13 +1798,13 @@ function JoinFlow(props) {
       setSubmitting(false);
     }
   };
-  if (requestedSeat && !invitation) return /* @__PURE__ */ jsxs21("section", { className: "card", "aria-live": "polite", children: [
-    /* @__PURE__ */ jsx21("h2", { children: seatCopy.title }),
-    /* @__PURE__ */ jsx21("p", { role: invitationState.error ? "alert" : "status", children: invitationState.error || seatCopy.loading }),
-    invitationState.error ? /* @__PURE__ */ jsx21("button", { type: "button", onClick: invitationState.retry, children: seatCopy.retry }) : null
+  if (requestedSeat && !invitation) return /* @__PURE__ */ jsxs23("section", { className: "card", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx23("h2", { children: seatCopy.title }),
+    /* @__PURE__ */ jsx23("p", { role: invitationState.error ? "alert" : "status", children: invitationState.error || seatCopy.loading }),
+    invitationState.error ? /* @__PURE__ */ jsx23("button", { type: "button", onClick: invitationState.retry, children: seatCopy.retry }) : null
   ] });
-  const header = /* @__PURE__ */ jsxs21(Fragment9, { children: [
-    invitation ? /* @__PURE__ */ jsx21(
+  const header = /* @__PURE__ */ jsxs23(Fragment11, { children: [
+    invitation ? /* @__PURE__ */ jsx23(
       JoinInvitationNotice,
       {
         invitation,
@@ -1599,48 +1816,49 @@ function JoinFlow(props) {
       state,
       ...invitation ? { invitation } : {},
       ..."applicationId" in state ? { applicationId: state.applicationId } : {}
-    })
+    }),
+    !props.simulation && !requestedSeat && ["paymentPending", "booking", "accepted", "done"].includes(state.step) && "applicationId" in state ? /* @__PURE__ */ jsx23(PaymentReceiptCard, { applicationId: state.applicationId }) : null
   ] });
   if (state.step === "closed") {
-    return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+    return /* @__PURE__ */ jsxs23(Fragment11, { children: [
       header,
-      /* @__PURE__ */ jsxs21("section", { className: "card", "aria-label": "Application closed", children: [
-        /* @__PURE__ */ jsx21("h2", { children: "This application is closed" }),
-        /* @__PURE__ */ jsx21("p", { children: "This link cannot resume payment or booking. Sign in to view your application status, or contact the chapter if you need help." }),
-        /* @__PURE__ */ jsx21("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
+      /* @__PURE__ */ jsxs23("section", { className: "card", "aria-label": "Application closed", children: [
+        /* @__PURE__ */ jsx23("h2", { children: "This application is closed" }),
+        /* @__PURE__ */ jsx23("p", { children: "This link cannot resume payment or booking. Sign in to view your application status, or contact the chapter if you need help." }),
+        /* @__PURE__ */ jsx23("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
       ] })
     ] });
   }
   if (state.step === "done") {
-    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs21("div", { className: "join-done card", children: [
-      /* @__PURE__ */ jsx21("div", { className: "card-label", children: copy.done.label }),
-      /* @__PURE__ */ jsx21("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
-      /* @__PURE__ */ jsx21("p", { className: "meeting-note", children: copy.done.calendarInvite }),
-      /* @__PURE__ */ jsx21("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
+    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs23("div", { className: "join-done card", children: [
+      /* @__PURE__ */ jsx23("div", { className: "card-label", children: copy.done.label }),
+      /* @__PURE__ */ jsx23("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
+      /* @__PURE__ */ jsx23("p", { className: "meeting-note", children: copy.done.calendarInvite }),
+      /* @__PURE__ */ jsx23("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
     ] });
-    return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+    return /* @__PURE__ */ jsxs23(Fragment11, { children: [
       header,
       body
     ] });
   }
   if (state.step === "accepted") {
-    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx21(JoinAccepted, { copy, membersHref });
-    return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx23(JoinAccepted, { copy, membersHref });
+    return /* @__PURE__ */ jsxs23(Fragment11, { children: [
       header,
       body
     ] });
   }
   if (state.step === "gift") {
-    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx21(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
-    return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx23(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
+    return /* @__PURE__ */ jsxs23(Fragment11, { children: [
       header,
       body
     ] });
   }
   if (state.step === "booking") {
-    return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+    return /* @__PURE__ */ jsxs23(Fragment11, { children: [
       header,
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23(
         JoinBooking,
         {
           applicationId: state.applicationId,
@@ -1655,9 +1873,9 @@ function JoinFlow(props) {
   }
   if (state.step === "payment") {
     if (props.namedSeatClaimApi && props.initialNamedSeatId && !props.simulation && !state.giftPurchase) {
-      return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+      return /* @__PURE__ */ jsxs23(Fragment11, { children: [
         header,
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx23(
           JoinNamedSeat,
           {
             api: props.namedSeatClaimApi,
@@ -1670,9 +1888,9 @@ function JoinFlow(props) {
       ] });
     }
     const Payment = state.giftPurchase || props.simulation ? PaymentStep : MembershipPaymentStep;
-    return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+    return /* @__PURE__ */ jsxs23(Fragment11, { children: [
       header,
-      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx21(
+      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx23(
         JoinGiftClaim,
         {
           api: props.giftClaimApi,
@@ -1683,7 +1901,7 @@ function JoinFlow(props) {
           onError: () => setError(copy.form.unexpectedFailure)
         }
       ) : null,
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23(
         Payment,
         {
           applicationId: state.applicationId,
@@ -1691,6 +1909,7 @@ function JoinFlow(props) {
           merchantDisclosureText: config.merchantDisclosureText,
           copy: copy.payment,
           appearance: props.payment?.appearance,
+          initialNamedSeat: props.payment?.initialNamedSeat,
           fonts: props.payment?.fonts,
           renderPriceLines: props.payment?.renderPriceLines,
           simulation: simulatedPayment,
@@ -1712,9 +1931,9 @@ function JoinFlow(props) {
   }
   if (state.step === "paymentPending") {
     if (props.namedSeatClaimApi && props.initialNamedSeatId && !props.simulation) {
-      return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+      return /* @__PURE__ */ jsxs23(Fragment11, { children: [
         header,
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx23(
           JoinNamedSeat,
           {
             api: props.namedSeatClaimApi,
@@ -1726,14 +1945,14 @@ function JoinFlow(props) {
         )
       ] });
     }
-    return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+    return /* @__PURE__ */ jsxs23(Fragment11, { children: [
       header,
-      /* @__PURE__ */ jsx21("p", { className: "pay-status", role: "status", children: copy.payment.pending })
+      /* @__PURE__ */ jsx23("p", { className: "pay-status", role: "status", children: copy.payment.pending })
     ] });
   }
-  return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs23(Fragment11, { children: [
     header,
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx23(
       JoinApplicationForm,
       {
         props,
@@ -1923,7 +2142,7 @@ function membershipPageDocument(input, options = {}) {
 }
 
 // src/ui/membership-cards.tsx
-import { jsx as jsx22, jsxs as jsxs22 } from "preact/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs24 } from "preact/jsx-runtime";
 var MEMBERSHIP_CARD_TOKEN_DEFAULTS = Object.freeze({
   "--ui-membership-grid-gap": "1.4rem",
   "--ui-membership-card-padding": "2rem 1.7rem 1.8rem",
@@ -1992,67 +2211,67 @@ function membershipApplicationHref(applicationPath, tierId) {
 }
 function TierAction(props) {
   if (props.mode === "select") {
-    return /* @__PURE__ */ jsxs22("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
+    return /* @__PURE__ */ jsxs24("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
       props.label,
-      /* @__PURE__ */ jsx22("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
   if (props.mode === "preview") {
-    return /* @__PURE__ */ jsxs22("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
+    return /* @__PURE__ */ jsxs24("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
       props.label,
-      /* @__PURE__ */ jsx22("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
-  return /* @__PURE__ */ jsxs22("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
+  return /* @__PURE__ */ jsxs24("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
     props.label,
-    /* @__PURE__ */ jsx22("span", { "aria-hidden": "true", children: "\u2192" })
+    /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", children: "\u2192" })
   ] });
 }
 function TierCard(props) {
   const { tier, presentation } = props;
   const summary = presentation.summaryMarkdown ?? tier.blurb;
   const action = presentation.ctaLabel ?? (tier.free ? "Join for free" : `Choose ${tier.name}`);
-  return /* @__PURE__ */ jsxs22("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
-    presentation.badge ? /* @__PURE__ */ jsx22("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
-    /* @__PURE__ */ jsx22("h3", { className: "chapter-membership-name", children: tier.name }),
-    /* @__PURE__ */ jsxs22("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
-      presentation.capacity ? /* @__PURE__ */ jsxs22("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
-        /* @__PURE__ */ jsx22("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
-        /* @__PURE__ */ jsx22("small", { children: presentation.capacity.label ?? "available" })
+  return /* @__PURE__ */ jsxs24("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
+    presentation.badge ? /* @__PURE__ */ jsx24("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
+    /* @__PURE__ */ jsx24("h3", { className: "chapter-membership-name", children: tier.name }),
+    /* @__PURE__ */ jsxs24("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
+      presentation.capacity ? /* @__PURE__ */ jsxs24("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
+        /* @__PURE__ */ jsx24("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
+        /* @__PURE__ */ jsx24("small", { children: presentation.capacity.label ?? "available" })
       ] }) : null,
-      /* @__PURE__ */ jsxs22("div", { className: "chapter-membership-price-stack", children: [
-        presentation.priceEyebrow ? /* @__PURE__ */ jsx22("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : tier.founding ? /* @__PURE__ */ jsx22("p", { className: "chapter-membership-price-eyebrow", children: "Founding member rate" }) : null,
-        /* @__PURE__ */ jsxs22("div", { className: "chapter-membership-price-row", children: [
-          tier.founding ? /* @__PURE__ */ jsx22("span", { className: "chapter-membership-compare", children: fmtMoney(tier.priceCents) }) : presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx22("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
-          /* @__PURE__ */ jsx22("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.founding ? tier.founding.dueTodayCents : tier.priceCents) }),
-          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx22("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
+      /* @__PURE__ */ jsxs24("div", { className: "chapter-membership-price-stack", children: [
+        presentation.priceEyebrow ? /* @__PURE__ */ jsx24("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : tier.founding ? /* @__PURE__ */ jsx24("p", { className: "chapter-membership-price-eyebrow", children: "Founding member rate" }) : null,
+        /* @__PURE__ */ jsxs24("div", { className: "chapter-membership-price-row", children: [
+          tier.founding ? /* @__PURE__ */ jsx24("span", { className: "chapter-membership-compare", children: fmtMoney(tier.priceCents) }) : presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx24("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
+          /* @__PURE__ */ jsx24("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.founding ? tier.founding.dueTodayCents : tier.priceCents) }),
+          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx24("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
         ] })
       ] })
     ] }),
-    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx22(Markdown2, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
-    summary ? /* @__PURE__ */ jsx22(Markdown2, { className: "chapter-membership-summary", source: summary }) : null,
-    presentation.benefits?.length ? /* @__PURE__ */ jsx22("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs22("li", { children: [
-      /* @__PURE__ */ jsx22("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ jsx22(Markdown2, { className: "chapter-membership-benefit", source: benefit })
+    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx24(Markdown2, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
+    summary ? /* @__PURE__ */ jsx24(Markdown2, { className: "chapter-membership-summary", source: summary }) : null,
+    presentation.benefits?.length ? /* @__PURE__ */ jsx24("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs24("li", { children: [
+      /* @__PURE__ */ jsx24("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ jsx24(Markdown2, { className: "chapter-membership-benefit", source: benefit })
     ] }, `${tier.id}-benefit-${index}`)) }) : null,
-    presentation.callout ? /* @__PURE__ */ jsxs22("aside", { className: "chapter-membership-callout", children: [
-      presentation.callout.label ? /* @__PURE__ */ jsx22("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
-      /* @__PURE__ */ jsx22(Markdown2, { source: presentation.callout.bodyMarkdown })
+    presentation.callout ? /* @__PURE__ */ jsxs24("aside", { className: "chapter-membership-callout", children: [
+      presentation.callout.label ? /* @__PURE__ */ jsx24("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
+      /* @__PURE__ */ jsx24(Markdown2, { source: presentation.callout.bodyMarkdown })
     ] }) : null,
-    /* @__PURE__ */ jsx22(TierAction, { tierId: tier.id, label: action, mode: props.mode, selected: props.selected, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier })
+    /* @__PURE__ */ jsx24(TierAction, { tierId: tier.id, label: action, mode: props.mode, selected: props.selected, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier })
   ] });
 }
 function MembershipCards(props) {
   const document2 = membershipPageDocument(props.document, { tiers: props.tiers });
   const byId = new Map(props.tiers.map((tier) => [tier.id, tier]));
   const mode = props.mode ?? "link";
-  return /* @__PURE__ */ jsxs22("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
-    /* @__PURE__ */ jsx22("style", { children: MEMBERSHIP_CARDS_CSS }),
-    /* @__PURE__ */ jsx22("div", { className: "chapter-membership-grid", style: { "--chapter-membership-columns": String(Math.min(document2.tiers.length, 3)) }, children: document2.tiers.map((presentation) => {
+  return /* @__PURE__ */ jsxs24("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
+    /* @__PURE__ */ jsx24("style", { children: MEMBERSHIP_CARDS_CSS }),
+    /* @__PURE__ */ jsx24("div", { className: "chapter-membership-grid", style: { "--chapter-membership-columns": String(Math.min(document2.tiers.length, 3)) }, children: document2.tiers.map((presentation) => {
       const tier = byId.get(presentation.tierId);
-      return /* @__PURE__ */ jsx22(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
+      return /* @__PURE__ */ jsx24(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
     }) }),
-    document2.footnoteMarkdown ? /* @__PURE__ */ jsx22(Markdown2, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
+    document2.footnoteMarkdown ? /* @__PURE__ */ jsx24(Markdown2, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
   ] });
 }
 
@@ -2088,4 +2307,4 @@ export {
   membershipApplicationHref,
   MembershipCards
 };
-//# sourceMappingURL=chunk-SPEL4OGE.js.map
+//# sourceMappingURL=chunk-IQZWCG42.js.map