From 955217a94184f23f725f27079d31f5e0f0c0c16d Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 17:54:53 +0100
Subject: [PATCH 01/26] =?UTF-8?q?chore(admin):=20rename=20pending=5Fpaymen?=
 =?UTF-8?q?t=20label=20and=20tier=E2=86=92contribution?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Backlog cleanup from docs/LAUNCH_READINESS.md:
- B4: admin status filter + form options + STATUS_LABELS now read
  "Payment setup incomplete" so admins stop conflating with membership state
- CSV import preview header "Tier" → "Contribution"
- handleUpdateTier → handleUpdateContribution on /member/account
- update-contribution error log "tier" → "amount"
---
 app/pages/admin/members/index.vue              | 8 ++++----
 app/pages/member/account.vue                   | 4 ++--
 server/api/members/update-contribution.post.js | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/pages/admin/members/index.vue b/app/pages/admin/members/index.vue
index 4e8f28d..461ab20 100644
--- a/app/pages/admin/members/index.vue
+++ b/app/pages/admin/members/index.vue
@@ -42,7 +42,7 @@
         <select v-model="statusFilter" aria-label="Filter by status">
           <option value="">All Statuses</option>
           <option value="active">Active</option>
-          <option value="pending_payment">Pending Payment</option>
+          <option value="pending_payment">Payment setup incomplete</option>
           <option value="suspended">Suspended</option>
           <option value="cancelled">Cancelled</option>
         </select>
@@ -269,7 +269,7 @@
                     <th>Name</th>
                     <th>Email</th>
                     <th>Circle</th>
-                    <th>Tier</th>
+                    <th>Contribution</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -373,7 +373,7 @@
           <div class="field">
             <label>Status</label>
             <select v-model="editingMember.status">
-              <option value="pending_payment">Pending Payment</option>
+              <option value="pending_payment">Payment setup incomplete</option>
               <option value="active">Active</option>
               <option value="suspended">Suspended</option>
               <option value="cancelled">Cancelled</option>
@@ -490,7 +490,7 @@ const sortDir = ref("desc");
 
 const STATUS_LABELS = {
   active: "Active",
-  pending_payment: "Pending",
+  pending_payment: "Payment setup incomplete",
   suspended: "Suspended",
   cancelled: "Cancelled",
 };
diff --git a/app/pages/member/account.vue b/app/pages/member/account.vue
index 4f9553a..93e0e78 100644
--- a/app/pages/member/account.vue
+++ b/app/pages/member/account.vue
@@ -283,7 +283,7 @@
                   form.contributionAmount === Number(memberData.contributionAmount || 0) ||
                   isUpdating
                 "
-                @click="handleUpdateTier"
+                @click="handleUpdateContribution"
               >
                 {{ isUpdating ? "Updating…" : "Update Contribution" }}
               </button>
@@ -482,7 +482,7 @@ const refreshNextBillingIfStale = async () => {
   }
 };
 
-const handleUpdateTier = async () => {
+const handleUpdateContribution = async () => {
   isUpdating.value = true;
   try {
     await $fetch("/api/members/update-contribution", {
diff --git a/server/api/members/update-contribution.post.js b/server/api/members/update-contribution.post.js
index 0e4d1f9..fe47d7b 100644
--- a/server/api/members/update-contribution.post.js
+++ b/server/api/members/update-contribution.post.js
@@ -250,7 +250,7 @@ export default defineEventHandler(async (event) => {
     };
   } catch (error) {
     if (error.statusCode) throw error;
-    console.error("Error updating contribution tier:", error);
+    console.error("Error updating contribution amount:", error);
     throw createError({
       statusCode: 500,
       statusMessage: "An unexpected error occurred",
-- 
2.47.3


From f66455eda556492eebc3a437d9e0302e27febc40 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 17:54:58 +0100
Subject: [PATCH 02/26] fix(tickets): gate memberSavings on hasMemberAccess

Previously the publicTicket comparison block ran whenever a Member record
existed, which surfaced "$0 saved" for cancelled/suspended/guest accounts.
Use the canonical hasMemberAccess helper so only active/pending_payment
members see the savings comparison.
---
 server/api/events/[id]/tickets/available.get.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/server/api/events/[id]/tickets/available.get.js b/server/api/events/[id]/tickets/available.get.js
index 2fd64a3..12d64e2 100644
--- a/server/api/events/[id]/tickets/available.get.js
+++ b/server/api/events/[id]/tickets/available.get.js
@@ -6,6 +6,7 @@ import {
   checkTicketAvailability,
   checkUserSeriesPass,
   formatPrice,
+  hasMemberAccess,
 } from "../../../../utils/tickets.js";
 
 /**
@@ -111,7 +112,7 @@ export default defineEventHandler(async (event) => {
       );
     }
 
-    if (member && eventData.tickets?.public?.available) {
+    if (hasMemberAccess(member) && eventData.tickets?.public?.available) {
       response.publicTicket = {
         price: eventData.tickets.public.price,
         formattedPrice: formatPrice(
-- 
2.47.3


From 7e44809a834be5a5817f5c576047355cd6b1a634 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 18:22:45 +0100
Subject: [PATCH 03/26] fix(events): grid-align consent hint, drop magic 24px
 padding

---
 app/components/EventTicketPurchase.vue | 42 +++++++++++++++-----------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/app/components/EventTicketPurchase.vue b/app/components/EventTicketPurchase.vue
index 10c33ef..e78652e 100644
--- a/app/components/EventTicketPurchase.vue
+++ b/app/components/EventTicketPurchase.vue
@@ -154,17 +154,19 @@
             securely
           </p>
 
-          <label class="consent-field">
-            <input
-              v-model="form.createAccount"
-              type="checkbox"
-              :disabled="processing"
-            >
-            <span>Create a free guest account so I can manage my registration</span>
-          </label>
-          <p class="field-hint consent-hint">
-            Guest accounts let you view your tickets and register faster next time. We won't add you to member communications.
-          </p>
+          <div class="consent-block">
+            <label class="consent-field">
+              <input
+                v-model="form.createAccount"
+                type="checkbox"
+                :disabled="processing"
+              >
+              <span>Create a free guest account so I can manage my registration</span>
+            </label>
+            <p class="field-hint consent-hint">
+              Guest accounts let you view your tickets and register faster next time. We won't add you to member communications.
+            </p>
+          </div>
 
           <button
             type="submit"
@@ -450,22 +452,26 @@ const formatEventDate = (date) => {
   margin-top: 2px;
 }
 
-.consent-field {
-  display: flex;
+.consent-block {
+  display: grid;
+  grid-template-columns: auto 1fr;
   align-items: flex-start;
-  gap: 8px;
+  column-gap: 8px;
+  row-gap: 4px;
+  margin-bottom: 14px;
+}
+.consent-field {
+  display: contents;
   font-size: 12px;
   color: var(--text);
-  margin-bottom: 4px;
   cursor: pointer;
 }
 .consent-field input[type="checkbox"] {
   margin-top: 3px;
-  flex-shrink: 0;
   accent-color: var(--candle);
 }
 .consent-hint {
-  margin-bottom: 14px;
-  padding-left: 24px;
+  grid-column: 2;
+  margin: 0;
 }
 </style>
-- 
2.47.3


From e756170884684d9cc95e8f663e7d889525284aca Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 18:25:59 +0100
Subject: [PATCH 04/26] feat(admin): warn that contribution edit doesn't sync
 Helcim

---
 app/pages/admin/members/[id].vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/app/pages/admin/members/[id].vue b/app/pages/admin/members/[id].vue
index 9a0acad..824e264 100644
--- a/app/pages/admin/members/[id].vue
+++ b/app/pages/admin/members/[id].vue
@@ -56,6 +56,9 @@
               <div class="field">
                 <label>Contribution ($/mo)</label>
                 <input v-model.number="form.contributionAmount" type="number" min="0" step="1">
+                <p class="field-hint field-hint--warn">
+                  Writes to our database only. If the member is on a paid plan, also update <code>recurringAmount</code> in the Helcim dashboard — this form does not sync.
+                </p>
               </div>
               <div class="field">
                 <label>Status</label>
@@ -534,6 +537,24 @@ onMounted(loadActivity)
   margin-top: 12px;
 }
 
+.field-hint {
+  font-size: 11px;
+  color: var(--text-faint);
+  margin: 6px 0 0;
+  line-height: 1.4;
+}
+
+.field-hint--warn {
+  color: var(--ember);
+  border-left: 2px solid var(--ember);
+  padding: 4px 0 4px 8px;
+}
+
+.field-hint code {
+  font-family: "Commit Mono", monospace;
+  font-size: 10px;
+}
+
 .form-actions {
   display: flex;
   gap: 8px;
-- 
2.47.3


From e19b16a5cc99d6a90f72812520b3fe3daaa7d56f Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 18:26:40 +0100
Subject: [PATCH 05/26] chore(members): TODO comment for cadence-switch
 sub-replacement flow

---
 server/api/members/update-contribution.post.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/server/api/members/update-contribution.post.js b/server/api/members/update-contribution.post.js
index fe47d7b..3e2c071 100644
--- a/server/api/members/update-contribution.post.js
+++ b/server/api/members/update-contribution.post.js
@@ -203,6 +203,10 @@ export default defineEventHandler(async (event) => {
       }
 
       const memberCadence = member.billingCadence || 'monthly';
+      // TODO: Cadence-switch UI on /member/account. Plain Helcim subscription
+      // updates can't change billing period — would need a sub-replacement flow
+      // (cancel current, create new at desired cadence). See
+      // docs/LAUNCH_READINESS.md "Known gotchas" → "Cadence switch rejected".
       if (body.cadence && body.cadence !== memberCadence) {
         throw createError({
           statusCode: 400,
-- 
2.47.3


From dc2becf63eff579945fe7af944d2bcc66836291d Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 18:30:29 +0100
Subject: [PATCH 06/26] fix(events): replace phantom candlelight Tailwind with
 --candle var

---
 app/components/EventSeriesTicketCard.vue | 12 ++++++++----
 app/components/SeriesPassPurchase.vue    | 10 ++++++----
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/app/components/EventSeriesTicketCard.vue b/app/components/EventSeriesTicketCard.vue
index b458301..1340f3c 100644
--- a/app/components/EventSeriesTicketCard.vue
+++ b/app/components/EventSeriesTicketCard.vue
@@ -160,12 +160,16 @@
       </div>
 
       <!-- Already Registered -->
-      <div v-else-if="alreadyRegistered" class="p-4 bg-candlelight-900/20 border border-candlelight-700/30 rounded-lg">
+      <div
+        v-else-if="alreadyRegistered"
+        class="p-4"
+        style="background: color-mix(in srgb, var(--candle) 15%, transparent); border: 1px solid var(--candle)"
+      >
         <div class="flex items-start gap-3">
-          <Icon name="heroicons:check-badge" class="w-6 h-6 text-candlelight-400 flex-shrink-0" />
+          <Icon name="heroicons:check-badge" class="w-6 h-6 flex-shrink-0" style="color: var(--candle)" />
           <div>
-            <div class="font-semibold text-candlelight-300 mb-1">You're Registered!</div>
-            <div class="text-sm text-candlelight-400">
+            <div class="font-semibold mb-1" style="color: var(--candle)">You're Registered!</div>
+            <div class="text-sm" style="color: var(--candle)">
               You have a series pass and are registered for all {{ totalEvents }} events.
             </div>
           </div>
diff --git a/app/components/SeriesPassPurchase.vue b/app/components/SeriesPassPurchase.vue
index 455921e..584e493 100644
--- a/app/components/SeriesPassPurchase.vue
+++ b/app/components/SeriesPassPurchase.vue
@@ -103,18 +103,20 @@
           <!-- Member Benefits Notice -->
           <div
             v-if="passInfo.ticket.isFree && passInfo.memberInfo?.isMember"
-            class="p-4 bg-candlelight-900/20 border border-candlelight-700/30 rounded-lg"
+            class="p-4"
+            style="background: color-mix(in srgb, var(--candle) 15%, transparent); border: 1px solid var(--candle)"
           >
             <div class="flex items-start gap-3">
               <Icon
                 name="heroicons:sparkles"
-                class="w-5 h-5 text-candlelight-400 flex-shrink-0 mt-0.5"
+                class="w-5 h-5 flex-shrink-0 mt-0.5"
+                style="color: var(--candle)"
               />
               <div>
-                <div class="font-semibold text-candlelight-300 mb-1">
+                <div class="font-semibold mb-1" style="color: var(--candle)">
                   Member Benefit
                 </div>
-                <div class="text-sm text-candlelight-400">
+                <div class="text-sm" style="color: var(--candle)">
                   This series pass is free for Ghost Guild members!
                 </div>
               </div>
-- 
2.47.3


From a69c9d9b49604997c04c96d1f7b6e5ff700b2618 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 19:46:59 +0100
Subject: [PATCH 07/26] fix(uploads): replace phantom Tailwind palette with
 design tokens

Sibling sweep to dc2becf: NaturalDateInput.vue and ImageUpload.vue used
candlelight-/ember-/guild-* utility classes that aren't defined in the
project's Tailwind palette and rendered as no-ops. Swapped to inline
styles using --candle, --ember, --text-dim/faint/bright, --border,
--input-bg, --surface. Drag-state and parsed-date notices follow the
color-mix(... 15%) + 1px solid pattern from dc2becf.
---
 app/components/ImageUpload.vue      | 68 +++++++++++++++++++----------
 app/components/NaturalDateInput.vue | 14 +++---
 2 files changed, 55 insertions(+), 27 deletions(-)

diff --git a/app/components/ImageUpload.vue b/app/components/ImageUpload.vue
index 0b18cba..40cc0c0 100644
--- a/app/components/ImageUpload.vue
+++ b/app/components/ImageUpload.vue
@@ -5,14 +5,16 @@
       <img
         :src="transformedImageUrl"
         :alt="modelValue.alt || 'Event image'"
-        class="w-full h-48 object-cover rounded-lg border border-guild-700"
+        class="w-full h-48 object-cover"
+        style="border: 1px solid var(--border)"
         @error="console.log('Image failed to load:', transformedImageUrl)"
         @load="console.log('Image loaded successfully:', transformedImageUrl)"
-      />
+      >
       <button
-        @click="removeImage"
         type="button"
-        class="absolute top-2 right-2 p-1 bg-ember-500 text-white rounded-full hover:bg-ember-600 transition-colors"
+        class="absolute top-2 right-2 p-1 text-white rounded-full transition-colors"
+        style="background: var(--ember)"
+        @click="removeImage"
       >
         <Icon name="heroicons:x-mark" class="w-4 h-4" />
       </button>
@@ -21,67 +23,89 @@
     <!-- Upload Area -->
     <div
       v-if="!modelValue?.url"
-      class="border-2 border-dashed border-guild-700 rounded-lg p-6 text-center hover:border-guild-600 transition-colors"
+      class="border-2 border-dashed p-6 text-center transition-colors"
+      :style="
+        isDragging
+          ? 'border-color: var(--candle); background: color-mix(in srgb, var(--candle) 15%, transparent)'
+          : 'border-color: var(--border)'
+      "
       @dragover.prevent="isDragging = true"
       @dragleave.prevent="isDragging = false"
       @drop.prevent="handleDrop"
-      :class="{ 'border-candlelight-400 bg-candlelight-900/20': isDragging }"
     >
       <input
         ref="fileInput"
         type="file"
         accept="image/*"
-        @change="handleFileSelect"
         class="hidden"
-      />
+        @change="handleFileSelect"
+      >
 
       <div class="space-y-3">
-        <Icon name="heroicons:photo" class="w-12 h-12 text-guild-400 mx-auto" />
+        <Icon
+          name="heroicons:photo"
+          class="w-12 h-12 mx-auto"
+          style="color: var(--text-dim)"
+        />
         <div>
-          <p class="text-guild-400">
+          <p style="color: var(--text-dim)">
             <button
               type="button"
+              class="font-medium"
+              style="color: var(--candle)"
               @click="$refs.fileInput.click()"
-              class="text-candlelight-400 hover:text-candlelight-300 font-medium"
             >
               Click to upload
             </button>
             or drag and drop
           </p>
-          <p class="text-sm text-guild-500">PNG, JPG, GIF up to 10MB</p>
+          <p class="text-sm" style="color: var(--text-faint)">
+            PNG, JPG, GIF up to 10MB
+          </p>
         </div>
       </div>
     </div>
 
     <!-- Alt Text Input -->
     <div v-if="modelValue?.url">
-      <label class="block text-sm font-medium text-guild-100 mb-1">
+      <label
+        class="block text-sm font-medium mb-1"
+        style="color: var(--text-bright)"
+      >
         Alt Text (for accessibility)
       </label>
       <input
         :value="modelValue.alt || ''"
-        @input="updateAltText($event.target.value)"
         placeholder="Describe this image..."
-        class="w-full bg-guild-800 border border-guild-700 rounded-lg px-3 py-2 text-guild-100 placeholder-guild-500 focus:ring-2 focus:ring-candlelight-500 focus:border-transparent"
-      />
+        class="w-full px-3 py-2"
+        style="
+          background: var(--input-bg);
+          border: 1px solid var(--border);
+          color: var(--text);
+        "
+        @input="updateAltText($event.target.value)"
+      >
     </div>
 
     <!-- Upload Progress -->
     <div v-if="isUploading" class="space-y-2">
       <div class="flex items-center justify-between text-sm">
-        <span class="text-guild-400">Uploading...</span>
-        <span class="text-guild-400">{{ uploadProgress }}%</span>
+        <span style="color: var(--text-dim)">Uploading...</span>
+        <span style="color: var(--text-dim)">{{ uploadProgress }}%</span>
       </div>
-      <div class="w-full bg-guild-800 rounded-full h-2">
+      <div
+        class="w-full rounded-full h-2"
+        style="background: var(--surface)"
+      >
         <div
-          class="bg-candlelight-600 h-2 rounded-full transition-all duration-300"
-          :style="`width: ${uploadProgress}%`"
+          class="h-2 rounded-full transition-all duration-300"
+          :style="`width: ${uploadProgress}%; background: var(--candle)`"
         />
       </div>
     </div>
 
     <!-- Error Message -->
-    <div v-if="errorMessage" class="text-sm text-ember-400">
+    <div v-if="errorMessage" class="text-sm" style="color: var(--ember)">
       {{ errorMessage }}
     </div>
   </div>
diff --git a/app/components/NaturalDateInput.vue b/app/components/NaturalDateInput.vue
index c2d1130..4e97e05 100644
--- a/app/components/NaturalDateInput.vue
+++ b/app/components/NaturalDateInput.vue
@@ -18,12 +18,14 @@
           <Icon
             v-if="isValidParse && naturalInput.trim()"
             name="heroicons:check-circle"
-            class="w-5 h-5 text-candlelight-500"
+            class="w-5 h-5"
+            style="color: var(--candle)"
           />
           <Icon
             v-else-if="hasError && naturalInput.trim()"
             name="heroicons:exclamation-circle"
-            class="w-5 h-5 text-ember-500"
+            class="w-5 h-5"
+            style="color: var(--ember)"
           />
         </template>
       </UInput>
@@ -31,7 +33,8 @@
 
     <div
       v-if="parsedDate && isValidParse"
-      class="text-sm text-candlelight-400 bg-candlelight-900/20 px-3 py-2 rounded-lg border border-candlelight-800"
+      class="text-sm px-3 py-2"
+      style="color: var(--candle); background: color-mix(in srgb, var(--candle) 15%, transparent); border: 1px solid var(--candle)"
     >
       <div class="flex items-center gap-2">
         <Icon name="heroicons:calendar" class="w-4 h-4" />
@@ -41,7 +44,8 @@
 
     <div
       v-if="hasError && naturalInput.trim()"
-      class="text-sm text-ember-400 bg-ember-900/20 px-3 py-2 rounded-lg border border-ember-800"
+      class="text-sm px-3 py-2"
+      style="color: var(--ember); background: color-mix(in srgb, var(--ember) 15%, transparent); border: 1px solid var(--ember)"
     >
       <div class="flex items-center gap-2">
         <Icon name="heroicons:exclamation-triangle" class="w-4 h-4" />
@@ -51,7 +55,7 @@
 
     <!-- Fallback datetime-local input -->
     <details class="text-sm">
-      <summary class="cursor-pointer text-guild-400 hover:text-guild-100">
+      <summary class="cursor-pointer" style="color: var(--text-dim)">
         Use traditional date picker
       </summary>
       <div class="mt-2">
-- 
2.47.3


From 23154ff232dad834c049cbb24ecffdfcab2751c4 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 19:59:49 +0100
Subject: [PATCH 08/26] fix(oidc): disable devInteractions so custom
 interactions.url runs in dev
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

oidc-provider's devInteractions is a quick-start scaffold that, when
enabled, mutates configuration.url to its own urlFor('interaction')
helper — emitting /interaction/UID instead of our /oidc/interaction/UID.
That made /oidc/auth redirect to a 404 in local dev and forced a stale
TODO entry. We already have our own interaction handler at
server/routes/oidc/interaction/[uid].get.ts, so devInteractions is
unnecessary; disabling it makes dev match prod and clears the
oidc-provider warning "your configuration is not in effect".
---
 server/utils/oidc-provider.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/server/utils/oidc-provider.ts b/server/utils/oidc-provider.ts
index dfc7042..187f8a8 100644
--- a/server/utils/oidc-provider.ts
+++ b/server/utils/oidc-provider.ts
@@ -86,9 +86,7 @@ export async function getOidcProvider() {
     },
 
     features: {
-      devInteractions: {
-        enabled: process.env.NODE_ENV !== "production",
-      },
+      devInteractions: { enabled: false },
       revocation: { enabled: true },
       rpInitiatedLogout: {
         enabled: true,
-- 
2.47.3


From 59d2be2df829baa6895b502262afa363af156325 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 20:10:38 +0100
Subject: [PATCH 09/26] docs(backlog): close out a11y triage items

Strike two stale entries (verified 2026-04-29) and the OIDC routing
quirk (fixed in 23154ff).
---
 docs/LAUNCH_READINESS.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/LAUNCH_READINESS.md b/docs/LAUNCH_READINESS.md
index 27c0e99..a51543e 100644
--- a/docs/LAUNCH_READINESS.md
+++ b/docs/LAUNCH_READINESS.md
@@ -132,10 +132,10 @@ Not blocking launch — the amendment hasn't passed yet, and the user-visible co
 
 See `docs/TODO.md` for:
 - Button minimum target size (WCAG AAA 2.5.5).
-- `/oidc/interaction/[uid]` routing quirk.
+- ~~`/oidc/interaction/[uid]` routing quirk~~ — fixed 2026-04-29 (commit `23154ff`); root cause was `oidc-provider`'s `devInteractions` overriding our custom `interactions.url`.
 - Admin layout migration from `guild-*` tokens to zine spec.
-- Admin dashboard quick-action button contrast.
-- Members table NAME column clipping.
+- ~~Admin dashboard quick-action button contrast~~ — verified stale 2026-04-29.
+- ~~Members table NAME column clipping~~ — verified stale 2026-04-29.
 - OWASP ASVS L1 Phase 4 (file-upload validation pipeline, granular RBAC, credential encryption).
 - `tickets/available.get.js:115` `memberSavings` block reports `$0 saved` for inactive members — cosmetic; suppress comparison block when `!hasMemberAccess(member)` if it ever surfaces in UI.
 - Simplify-pass follow-ups (2026-04-25): source-grep test bloat, login/verify rate-limit gap, stringly-typed `metadata.type`, reconcile-payments sequential loop, stale `new Date()` in events list, `loadPublicSeries` helper extraction.
-- 
2.47.3


From 05c47c44998321db16c13227e31481b311136008 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 20:22:25 +0100
Subject: [PATCH 10/26] docs(backlog): close out admin layout token migration
 as stale

Verified clean 2026-04-29: grep for guild-[0-9]|candlelight-[0-9]|ember-[0-9]
across app/layouts/, app/pages/admin/, and app/components/admin/ returns zero
matches. All admin surfaces already use design tokens.
---
 docs/LAUNCH_READINESS.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/LAUNCH_READINESS.md b/docs/LAUNCH_READINESS.md
index a51543e..cd0329d 100644
--- a/docs/LAUNCH_READINESS.md
+++ b/docs/LAUNCH_READINESS.md
@@ -133,7 +133,7 @@ Not blocking launch — the amendment hasn't passed yet, and the user-visible co
 See `docs/TODO.md` for:
 - Button minimum target size (WCAG AAA 2.5.5).
 - ~~`/oidc/interaction/[uid]` routing quirk~~ — fixed 2026-04-29 (commit `23154ff`); root cause was `oidc-provider`'s `devInteractions` overriding our custom `interactions.url`.
-- Admin layout migration from `guild-*` tokens to zine spec.
+- ~~Admin layout migration from `guild-*` tokens to zine spec~~ — verified clean 2026-04-29; grep for `guild-[0-9]|candlelight-[0-9]|ember-[0-9]` across `app/layouts/`, `app/pages/admin/`, `app/components/admin/` returns zero matches. All tokens already converted.
 - ~~Admin dashboard quick-action button contrast~~ — verified stale 2026-04-29.
 - ~~Members table NAME column clipping~~ — verified stale 2026-04-29.
 - OWASP ASVS L1 Phase 4 (file-upload validation pipeline, granular RBAC, credential encryption).
-- 
2.47.3


From 350d6c219c6625910bcecc796c61ef7221df01a5 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 20:22:30 +0100
Subject: [PATCH 11/26] fix(series): replace phantom guild Tailwind on
 EventSeriesBadge

Swap bg-guild-*/border-guild-*/text-guild-* utility classes for design tokens
in a scoped style block. Drops rounded-* per the no-rounded-corners rule and
uses dashed borders for the structural block per the zine spec.
---
 app/components/EventSeriesBadge.vue | 39 ++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/app/components/EventSeriesBadge.vue b/app/components/EventSeriesBadge.vue
index a8b23a0..6b9252a 100644
--- a/app/components/EventSeriesBadge.vue
+++ b/app/components/EventSeriesBadge.vue
@@ -1,18 +1,14 @@
 <template>
-  <div
-    class="series-badge p-4 bg-guild-800/50 dark:bg-guild-700/30 rounded-xl border border-guild-600 dark:border-guild-600"
-  >
+  <div class="series-badge p-4">
     <div class="flex items-start justify-between gap-6">
       <div class="flex-1 min-w-0">
         <div class="flex flex-wrap items-center gap-2 mb-2">
-          <span
-            class="series-badge__label text-sm font-semibold text-guild-300 dark:text-guild-300"
-          >
+          <span class="series-badge__label text-sm font-semibold">
             Part of a Series
           </span>
           <span
             v-if="totalEvents"
-            class="series-badge__count inline-flex items-center px-2 py-0.5 rounded-md bg-guild-700/50 dark:bg-guild-600/50 text-sm font-medium text-guild-200 dark:text-guild-200"
+            class="series-badge__count inline-flex items-center px-2 py-0.5 text-sm font-medium"
           >
             <template v-if="position">
               Event {{ position }} of {{ totalEvents }}
@@ -20,15 +16,10 @@
             <template v-else> {{ totalEvents }} events in series </template>
           </span>
         </div>
-        <h3
-          class="series-badge__title text-lg font-semibold text-guild-100 dark:text-guild-100 mb-2"
-        >
+        <h3 class="series-badge__title text-lg font-semibold mb-2">
           {{ title }}
         </h3>
-        <p
-          v-if="description"
-          class="series-badge__description text-sm text-guild-300 dark:text-guild-300"
-        >
+        <p v-if="description" class="series-badge__description text-sm">
           {{ description }}
         </p>
       </div>
@@ -68,3 +59,23 @@ const props = defineProps({
   },
 });
 </script>
+
+<style scoped>
+.series-badge {
+  background: var(--surface);
+  border: 1px dashed var(--border);
+}
+.series-badge__label {
+  color: var(--text-dim);
+}
+.series-badge__count {
+  background: color-mix(in srgb, var(--candle) 12%, transparent);
+  color: var(--text);
+}
+.series-badge__title {
+  color: var(--text-bright);
+}
+.series-badge__description {
+  color: var(--text-dim);
+}
+</style>
-- 
2.47.3


From 1da76b11cbcc1baf642cde640314dfaa96a3e781 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 20:22:35 +0100
Subject: [PATCH 12/26] fix(series): replace phantom Tailwind on
 SeriesPassPurchase

Error state and main registration card swap bg-ember-*/border-ember-* and
bg-guild-*/border-guild-* utilities for design tokens in a scoped style
block. Error state uses the codebase's --ember + 8% color-mix pattern;
registration card uses --surface + dashed --border per the zine spec.
---
 app/components/SeriesPassPurchase.vue | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/app/components/SeriesPassPurchase.vue b/app/components/SeriesPassPurchase.vue
index 584e493..fff5fd4 100644
--- a/app/components/SeriesPassPurchase.vue
+++ b/app/components/SeriesPassPurchase.vue
@@ -9,14 +9,11 @@
     </div>
 
     <!-- Error State -->
-    <div
-      v-else-if="error"
-      class="p-6 bg-ember-900/20 rounded-xl border border-ember-800"
-    >
-      <h3 class="text-lg font-semibold text-ember-300 mb-2">
+    <div v-else-if="error" class="error-state p-6">
+      <h3 class="error-state__heading text-lg font-semibold mb-2">
         Unable to Load Series Pass
       </h3>
-      <p class="text-ember-400">{{ error }}</p>
+      <p class="error-state__body">{{ error }}</p>
     </div>
 
     <!-- Content -->
@@ -48,7 +45,7 @@
       <!-- Registration Form -->
       <div
         v-if="passInfo.available && !passInfo.alreadyRegistered"
-        class="bg-guild-800/50 dark:bg-guild-700/30 rounded-xl border border-guild-600 dark:border-guild-600 p-6"
+        class="registration-form p-6"
       >
         <h3 class="text-xl font-bold text-[--ui-text] mb-6">
           {{
@@ -357,3 +354,18 @@ const formatPrice = (price, currency = "CAD") => {
   }).format(price);
 };
 </script>
+
+<style scoped>
+.error-state {
+  background: color-mix(in srgb, var(--ember) 8%, transparent);
+  border: 1px dashed var(--ember);
+}
+.error-state__heading,
+.error-state__body {
+  color: var(--ember);
+}
+.registration-form {
+  background: var(--surface);
+  border: 1px dashed var(--border);
+}
+</style>
-- 
2.47.3


From 55c57d263dea60029e201b2fa904cbe152d776b7 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 20:25:57 +0100
Subject: [PATCH 13/26] docs(backlog): strike shipped items in launch-readiness
 post-launch list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Strikes:
- memberSavings inactive-member block (shipped f66455e)
- Success-state color convention 4-instances (gold chosen, shipped dc2becf)
- Sidebar 1024px breakpoint verified clean
- EventTicketPurchase magic 24px padding (shipped 7e44809)
- .section-label extraction (already extracted at main.css:128)
- Contribution-amount cosmetic cleanup (shipped 955217a)
- Reconcile customerCode bug (shipped 3c38333, pre-existing on main)

Adds:
- Pointer noting EventSeriesBadge.vue is unused — delete in a future pass.
- Pointer noting Simplify-pass follow-ups are documented in memory.
---
 docs/LAUNCH_READINESS.md | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/docs/LAUNCH_READINESS.md b/docs/LAUNCH_READINESS.md
index cd0329d..bcd8440 100644
--- a/docs/LAUNCH_READINESS.md
+++ b/docs/LAUNCH_READINESS.md
@@ -137,8 +137,10 @@ See `docs/TODO.md` for:
 - ~~Admin dashboard quick-action button contrast~~ — verified stale 2026-04-29.
 - ~~Members table NAME column clipping~~ — verified stale 2026-04-29.
 - OWASP ASVS L1 Phase 4 (file-upload validation pipeline, granular RBAC, credential encryption).
-- `tickets/available.get.js:115` `memberSavings` block reports `$0 saved` for inactive members — cosmetic; suppress comparison block when `!hasMemberAccess(member)` if it ever surfaces in UI.
-- Simplify-pass follow-ups (2026-04-25): source-grep test bloat, login/verify rate-limit gap, stringly-typed `metadata.type`, reconcile-payments sequential loop, stale `new Date()` in events list, `loadPublicSeries` helper extraction.
+- ~~`tickets/available.get.js:115` `memberSavings` block reports `$0 saved` for inactive members~~ — fixed 2026-04-29 (commit `f66455e`); `memberSavings` now gated on `hasMemberAccess(member)`.
+- Simplify-pass follow-ups (2026-04-25): SHIPPED 2026-04-27 on branch `chore/simplify-pass-follow-ups` (pending merge). See `~/.claude/projects/-Users-jennie-Sites-ghostguild-org/memory/project_simplify_pass_2026_04_25.md`.
+- ~~Reconcile `customerCode` bug~~ — fixed on `main` in commit `3c38333` ("pass customerCode (not helcimCustomerId) to Helcim transactions API"). Verified in `server/api/internal/reconcile-payments.post.js:97`.
+- Drive-by from 2026-04-29 phantom-Tailwind sweep: `app/components/EventSeriesBadge.vue` has zero usages in `app/` or `server/`. Candidate for deletion in a future cleanup pass.
 
 ### Known gotchas worth addressing post-launch
 
@@ -150,14 +152,13 @@ See `docs/TODO.md` for:
 
 Context: Phase 4 audit against `docs/specs/events-visual-audit-findings.md` fixed all critical phantom-palette, rounded-corner, CTA-mismatch, and input-styling issues across `EventTicketCard`, `EventTicketPurchase`, `EventSeriesTicketCard`, `SeriesPassPurchase`. Items below were explicitly deferred or out of reach.
 
-- **Success-state color convention (4 instances).** "You're Registered!" blocks use `--candle` (gold) instead of `--green`. Touches `EventSeriesTicketCard.vue:186-196` (still uses phantom `candlelight-*` classes — preserved byte-for-byte pending decision) and registered-state wrappers in `SeriesPassPurchase.vue`. Needs a UX call on whether success should render gold (zine-consistent) or green (semantic). Once decided, finish the phantom-palette removal on those 4 lines.
-- **Sidebar breakpoint unverified.** `app/layouts/default.vue:89` hides the sidebar at ≤1024px per spec. Browser `resize_window` tool refused viewport changes during the audit, so the actual crossover and any layout shift at 1023–1025px was never visually confirmed. Do a manual responsive check before declaring the sidebar pattern shipped.
-- **`EventTicketPurchase.vue:469` magic padding.** `.consent-hint { padding-left: 24px; }` is a hardcoded offset to align the hint under the checkbox text. Cosmetic; swap for a gap/grid approach when touching the consent block next.
-- **`.section-label` extraction candidate.** Several audited files repeat the same uppercase/letter-spaced small label pattern inline. Low-priority refactor into a utility class in `main.css`.
+- ~~**Success-state color convention (4 instances).**~~ Resolved 2026-04-29: gold (`--candle`) chosen as zine-consistent. Phantom-Tailwind cleanup shipped in `dc2becf` (`EventSeriesTicketCard.vue` + `SeriesPassPurchase.vue` member-benefit notice).
+- ~~**Sidebar breakpoint unverified.**~~ Verified clean 2026-04-29 — `.events-mini` hides at ≤1024px cleanly across 1023/1024/1025/1100. Actual rule lives in `EventsMiniSidebar.vue:129` + `ColumnsLayout.vue:83` (audit doc cited the wrong line).
+- ~~**`EventTicketPurchase.vue:469` magic padding.**~~ Fixed 2026-04-29 (commit `7e44809`); consent block now uses a grid approach.
+- ~~**`.section-label` extraction candidate.**~~ Verified 2026-04-29 — utility already exists at `main.css:128` and is used in 30+ places. Two scoped overrides intentionally diverge.
 - **Past-events toggle component.** Existing, untouched this pass; noted in findings doc as a future consistency check.
 
 ### Contribution-amount redesign — cosmetic cleanup (naming only, not behavior)
-- Rename admin members column header "Tier" → "Contribution" (`app/pages/admin/members/index.vue:265`).
-- Update error log message referencing "tier" in `server/api/members/update-contribution.post.js:221`.
-- Rename `handleUpdateTier` handler in `app/pages/member/account.vue`.
+
+SHIPPED 2026-04-29 in commit `955217a` (admin column header, dropdown labels, handler rename, log message).
 
-- 
2.47.3


From f85f284ea56d85acf3ea8eb84ba29dff92f0ca28 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 20:38:29 +0100
Subject: [PATCH 14/26] chore(series): delete unused EventSeriesBadge component

Zero usages across app/ and server/. Migrated to design tokens in commit
350d6c2 before the dead-code status was confirmed; safe to remove now.
---
 app/components/EventSeriesBadge.vue | 81 -----------------------------
 1 file changed, 81 deletions(-)
 delete mode 100644 app/components/EventSeriesBadge.vue

diff --git a/app/components/EventSeriesBadge.vue b/app/components/EventSeriesBadge.vue
deleted file mode 100644
index 6b9252a..0000000
--- a/app/components/EventSeriesBadge.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-  <div class="series-badge p-4">
-    <div class="flex items-start justify-between gap-6">
-      <div class="flex-1 min-w-0">
-        <div class="flex flex-wrap items-center gap-2 mb-2">
-          <span class="series-badge__label text-sm font-semibold">
-            Part of a Series
-          </span>
-          <span
-            v-if="totalEvents"
-            class="series-badge__count inline-flex items-center px-2 py-0.5 text-sm font-medium"
-          >
-            <template v-if="position">
-              Event {{ position }} of {{ totalEvents }}
-            </template>
-            <template v-else> {{ totalEvents }} events in series </template>
-          </span>
-        </div>
-        <h3 class="series-badge__title text-lg font-semibold mb-2">
-          {{ title }}
-        </h3>
-        <p v-if="description" class="series-badge__description text-sm">
-          {{ description }}
-        </p>
-      </div>
-      <div v-if="seriesId" class="flex-shrink-0 self-start">
-        <UButton
-          :to="`/series/${seriesId}`"
-          color="primary"
-          size="md"
-          label="View Series"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-const props = defineProps({
-  title: {
-    type: String,
-    required: true,
-  },
-  description: {
-    type: String,
-    default: "",
-  },
-  position: {
-    type: Number,
-    default: null,
-  },
-  totalEvents: {
-    type: Number,
-    default: null,
-  },
-  seriesId: {
-    type: String,
-    required: true,
-  },
-});
-</script>
-
-<style scoped>
-.series-badge {
-  background: var(--surface);
-  border: 1px dashed var(--border);
-}
-.series-badge__label {
-  color: var(--text-dim);
-}
-.series-badge__count {
-  background: color-mix(in srgb, var(--candle) 12%, transparent);
-  color: var(--text);
-}
-.series-badge__title {
-  color: var(--text-bright);
-}
-.series-badge__description {
-  color: var(--text-dim);
-}
-</style>
-- 
2.47.3


From dadec1a2739547e4c8d8cace36df97249318c7f1 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 20:39:31 +0100
Subject: [PATCH 15/26] fix(events): add focus-visible outline to past-events
 toggle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Custom .past-toggle button had no focus indicator — keyboard users
got nothing. Match the canonical WCAG 2.4.7 outline used on .btn
and .zine-select (dashed candle, 3px offset).
---
 app/pages/events/index.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/pages/events/index.vue b/app/pages/events/index.vue
index c001e7c..4894a07 100644
--- a/app/pages/events/index.vue
+++ b/app/pages/events/index.vue
@@ -430,6 +430,11 @@ const isAlmostFull = (event) => {
   border-color: var(--candle-faint);
   color: var(--text-dim);
 }
+/* WCAG 2.4.7 — keyboard focus must be visibly indicated. */
+.past-toggle:focus-visible {
+  outline: 2px dashed var(--candle);
+  outline-offset: 3px;
+}
 .past-toggle.active {
   border-color: var(--candle);
   border-style: solid;
-- 
2.47.3


From a9acc4c2dc3dab76a6e48f7975540fd89db51ddb Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 20:56:21 +0100
Subject: [PATCH 16/26] docs(backlog): strike past-events toggle as audited and
 fixed

---
 docs/LAUNCH_READINESS.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/LAUNCH_READINESS.md b/docs/LAUNCH_READINESS.md
index bcd8440..bfdd9de 100644
--- a/docs/LAUNCH_READINESS.md
+++ b/docs/LAUNCH_READINESS.md
@@ -156,7 +156,7 @@ Context: Phase 4 audit against `docs/specs/events-visual-audit-findings.md` fixe
 - ~~**Sidebar breakpoint unverified.**~~ Verified clean 2026-04-29 — `.events-mini` hides at ≤1024px cleanly across 1023/1024/1025/1100. Actual rule lives in `EventsMiniSidebar.vue:129` + `ColumnsLayout.vue:83` (audit doc cited the wrong line).
 - ~~**`EventTicketPurchase.vue:469` magic padding.**~~ Fixed 2026-04-29 (commit `7e44809`); consent block now uses a grid approach.
 - ~~**`.section-label` extraction candidate.**~~ Verified 2026-04-29 — utility already exists at `main.css:128` and is used in 30+ places. Two scoped overrides intentionally diverge.
-- **Past-events toggle component.** Existing, untouched this pass; noted in findings doc as a future consistency check.
+- ~~**Past-events toggle component.**~~ Audited 2026-04-29 — consistent with the design system (dashed-border button, gold active state, valid `aria-pressed` toggle). Added missing `:focus-visible` outline in commit `dadec1a`; no other changes warranted.
 
 ### Contribution-amount redesign — cosmetic cleanup (naming only, not behavior)
 
-- 
2.47.3


From dbd46cc157a8ea54d6bb3ddf83da0d509fc3d622 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 20:57:06 +0100
Subject: [PATCH 17/26] docs(backlog): strike EventSeriesBadge dead-code
 follow-up as shipped

---
 docs/LAUNCH_READINESS.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/LAUNCH_READINESS.md b/docs/LAUNCH_READINESS.md
index bfdd9de..e32e3b0 100644
--- a/docs/LAUNCH_READINESS.md
+++ b/docs/LAUNCH_READINESS.md
@@ -140,7 +140,7 @@ See `docs/TODO.md` for:
 - ~~`tickets/available.get.js:115` `memberSavings` block reports `$0 saved` for inactive members~~ — fixed 2026-04-29 (commit `f66455e`); `memberSavings` now gated on `hasMemberAccess(member)`.
 - Simplify-pass follow-ups (2026-04-25): SHIPPED 2026-04-27 on branch `chore/simplify-pass-follow-ups` (pending merge). See `~/.claude/projects/-Users-jennie-Sites-ghostguild-org/memory/project_simplify_pass_2026_04_25.md`.
 - ~~Reconcile `customerCode` bug~~ — fixed on `main` in commit `3c38333` ("pass customerCode (not helcimCustomerId) to Helcim transactions API"). Verified in `server/api/internal/reconcile-payments.post.js:97`.
-- Drive-by from 2026-04-29 phantom-Tailwind sweep: `app/components/EventSeriesBadge.vue` has zero usages in `app/` or `server/`. Candidate for deletion in a future cleanup pass.
+- ~~Drive-by from 2026-04-29 phantom-Tailwind sweep: `app/components/EventSeriesBadge.vue` has zero usages~~ — deleted 2026-04-29 (commit `f85f284`); 81 lines removed.
 
 ### Known gotchas worth addressing post-launch
 
-- 
2.47.3


From 90acc357923f9010e68ffab7a2472163b6133d86 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 21:00:22 +0100
Subject: [PATCH 18/26] fix(helcim): always issue payment-bridge cookie on
 signup

Free ($0) signups need the same short-lived bridge cookie as paid signups
so /api/helcim/subscription can identify the member during activation
without a verified auth session. Drops the contributionAmount > 0 guard
that broke free-tier activation in the same flow.
---
 server/api/helcim/customer.post.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/server/api/helcim/customer.post.js b/server/api/helcim/customer.post.js
index 3382b7f..d0fc95d 100644
--- a/server/api/helcim/customer.post.js
+++ b/server/api/helcim/customer.post.js
@@ -88,12 +88,11 @@ export default defineEventHandler(async (event) => {
       member
     })
 
-    // Paid-tier signups need to complete Helcim checkout in the same tab
-    // before the magic link can be clicked. Issue a short-lived, payment-only
-    // bridge cookie so /api/helcim/initialize-payment accepts the request.
-    if (body.contributionAmount > 0) {
-      setPaymentBridgeCookie(event, member)
-    }
+    // Signup completes (paid checkout or free activation) before the magic
+    // link is clicked, so issue a short-lived, payment-only bridge cookie
+    // that lets /api/helcim/initialize-payment and /api/helcim/subscription
+    // identify the member without a verified auth session.
+    setPaymentBridgeCookie(event, member)
 
     return {
       success: true,
-- 
2.47.3


From 6527bbbe4efbd3b57e7875406f422b5f85b01402 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 21:00:27 +0100
Subject: [PATCH 19/26] =?UTF-8?q?test(api):=20cover=20free-signup=20?=
 =?UTF-8?q?=E2=86=92=20subscription=20bridge-cookie=20hand-off?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two tests guarding the regression where /api/helcim/customer skipped
setPaymentBridgeCookie for $0 signups and left the user unable to
complete activation. Second test confirms the auth gate on
/api/helcim/subscription still rejects fresh unauthenticated calls.
---
 tests/server/api/free-signup-flow.test.js | 156 ++++++++++++++++++++++
 1 file changed, 156 insertions(+)
 create mode 100644 tests/server/api/free-signup-flow.test.js

diff --git a/tests/server/api/free-signup-flow.test.js b/tests/server/api/free-signup-flow.test.js
new file mode 100644
index 0000000..c7789ad
--- /dev/null
+++ b/tests/server/api/free-signup-flow.test.js
@@ -0,0 +1,156 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+
+import Member from '../../../server/models/member.js'
+import { createHelcimCustomer } from '../../../server/utils/helcim.js'
+import customerHandler from '../../../server/api/helcim/customer.post.js'
+import subscriptionHandler from '../../../server/api/helcim/subscription.post.js'
+import { resetRateLimit } from '../../../server/utils/rateLimit.js'
+import { sendWelcomeEmail } from '../../../server/utils/resend.js'
+import { createMockEvent } from '../helpers/createMockEvent.js'
+
+// IMPORTANT: do NOT mock server/utils/auth.js. This test exists to verify the
+// real bridge-cookie hand-off between the two handlers. Mocking auth would
+// hide the exact regression we're guarding against (setPaymentBridgeCookie
+// being skipped for $0 signups while subscription.post.js still requires
+// either a bridge cookie or a verified session).
+
+vi.mock('../../../server/models/member.js', () => ({
+  default: {
+    findOne: vi.fn(),
+    create: vi.fn(),
+    findByIdAndUpdate: vi.fn(),
+    findById: vi.fn(),
+    findOneAndUpdate: vi.fn()
+  }
+}))
+vi.mock('../../../server/utils/mongoose.js', () => ({ connectDB: vi.fn() }))
+vi.mock('../../../server/utils/helcim.js', () => ({
+  createHelcimCustomer: vi.fn(),
+  createHelcimSubscription: vi.fn(),
+  generateIdempotencyKey: vi.fn().mockReturnValue('idem-1'),
+  listHelcimCustomerTransactions: vi.fn().mockResolvedValue([])
+}))
+vi.mock('../../../server/utils/magicLink.js', () => ({
+  sendMagicLink: vi.fn().mockResolvedValue(undefined)
+}))
+vi.mock('../../../server/utils/resend.js', () => ({
+  sendWelcomeEmail: vi.fn().mockResolvedValue({ success: true })
+}))
+vi.mock('../../../server/utils/slack.ts', () => ({
+  getSlackService: vi.fn().mockReturnValue(null)
+}))
+vi.mock('../../../server/utils/payments.js', () => ({
+  upsertPaymentFromHelcim: vi.fn().mockResolvedValue({ created: true })
+}))
+
+vi.stubGlobal('helcimCustomerSchema', {})
+vi.stubGlobal('helcimSubscriptionSchema', {})
+
+const ALLOWED_ORIGIN = 'https://ghostguild.test'
+const MEMBER_ID = '69f231152939bf109ac79d83'
+
+function extractBridgeCookie(event) {
+  const setCookie = event.node.res.getHeader('set-cookie')
+  const cookies = Array.isArray(setCookie) ? setCookie : [setCookie].filter(Boolean)
+  const match = cookies.find(c => typeof c === 'string' && c.startsWith('payment-bridge='))
+  if (!match) return null
+  return match.match(/payment-bridge=([^;]+)/)[1]
+}
+
+describe('signup → subscription bridge-cookie hand-off', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    resetRateLimit()
+    process.env.BASE_URL = ALLOWED_ORIGIN
+
+    createHelcimCustomer.mockResolvedValue({ id: 999, customerCode: 'CST999' })
+    Member.findOne.mockResolvedValue(null)
+    Member.create.mockResolvedValue({
+      _id: MEMBER_ID,
+      email: 'free@example.com',
+      name: 'Free User',
+      circle: 'community',
+      contributionAmount: 0,
+      status: 'pending_payment'
+    })
+  })
+
+  it('$0 signup: customer endpoint issues a bridge cookie that subscription endpoint accepts', async () => {
+    // --- Step 1: POST /api/helcim/customer (free tier) ---
+    const customerEvent = createMockEvent({
+      method: 'POST',
+      path: '/api/helcim/customer',
+      headers: { origin: ALLOWED_ORIGIN },
+      body: {
+        name: 'Free User',
+        email: 'free@example.com',
+        circle: 'community',
+        contributionAmount: 0,
+        agreedToGuidelines: true,
+        billingAddress: { country: 'CA' }
+      }
+    })
+
+    const result1 = await customerHandler(customerEvent)
+    expect(result1.success).toBe(true)
+    expect(result1.member.status).toBe('pending_payment')
+
+    // The regression: prior code skipped setPaymentBridgeCookie when
+    // contributionAmount === 0, leaving the user unable to complete
+    // subscription activation in the same flow.
+    const bridgeToken = extractBridgeCookie(customerEvent)
+    expect(bridgeToken, 'payment-bridge cookie missing on $0 signup').toBeTruthy()
+
+    // --- Step 2: POST /api/helcim/subscription (free tier) ---
+    Member.findOneAndUpdate.mockResolvedValue({ _id: MEMBER_ID, status: 'pending_payment' })
+    Member.findById.mockResolvedValue({
+      _id: MEMBER_ID,
+      email: 'free@example.com',
+      name: 'Free User',
+      circle: 'community',
+      contributionAmount: 0,
+      status: 'active'
+    })
+
+    const subscriptionEvent = createMockEvent({
+      method: 'POST',
+      path: '/api/helcim/subscription',
+      headers: { origin: ALLOWED_ORIGIN },
+      cookies: { 'payment-bridge': bridgeToken },
+      body: {
+        customerId: 999,
+        customerCode: 'CST999',
+        contributionAmount: 0,
+        cadence: 'monthly',
+        cardToken: null
+      }
+    })
+
+    const result2 = await subscriptionHandler(subscriptionEvent)
+    expect(result2.success).toBe(true)
+    expect(result2.member.status).toBe('active')
+    expect(sendWelcomeEmail).toHaveBeenCalledTimes(1)
+  })
+
+  it('$0 signup with no bridge cookie carried forward → subscription returns 401', async () => {
+    // Sanity check: confirms the auth gate still rejects fresh, unauthenticated
+    // calls to /api/helcim/subscription. If this ever stops failing, the
+    // bridge cookie has stopped being load-bearing and the gate is open.
+    const subscriptionEvent = createMockEvent({
+      method: 'POST',
+      path: '/api/helcim/subscription',
+      headers: { origin: ALLOWED_ORIGIN },
+      body: {
+        customerId: 999,
+        customerCode: 'CST999',
+        contributionAmount: 0,
+        cadence: 'monthly',
+        cardToken: null
+      }
+    })
+
+    await expect(subscriptionHandler(subscriptionEvent)).rejects.toMatchObject({
+      statusCode: 401
+    })
+  })
+})
-- 
2.47.3


From 26791cc0e39d0187d66e0a8f51a8d0d0792fa212 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 21:50:00 +0100
Subject: [PATCH 20/26] chore(simplify): trim narrating comments and dedup test
 body

Test file: drop step markers, regression explainers, and the lead
comment block that restated the contract; hoist the shared subscription
request body to a const; move Member mock defaults into the test that
uses them. Two it() cases unchanged.

Events page: drop WCAG comment that narrated what the
.past-toggle:focus-visible selector already says.
---
 app/pages/events/index.vue                |  1 -
 tests/server/api/free-signup-flow.test.js | 44 ++++++++---------------
 2 files changed, 15 insertions(+), 30 deletions(-)

diff --git a/app/pages/events/index.vue b/app/pages/events/index.vue
index 4894a07..3a64189 100644
--- a/app/pages/events/index.vue
+++ b/app/pages/events/index.vue
@@ -430,7 +430,6 @@ const isAlmostFull = (event) => {
   border-color: var(--candle-faint);
   color: var(--text-dim);
 }
-/* WCAG 2.4.7 — keyboard focus must be visibly indicated. */
 .past-toggle:focus-visible {
   outline: 2px dashed var(--candle);
   outline-offset: 3px;
diff --git a/tests/server/api/free-signup-flow.test.js b/tests/server/api/free-signup-flow.test.js
index c7789ad..521c0b2 100644
--- a/tests/server/api/free-signup-flow.test.js
+++ b/tests/server/api/free-signup-flow.test.js
@@ -8,11 +8,8 @@ import { resetRateLimit } from '../../../server/utils/rateLimit.js'
 import { sendWelcomeEmail } from '../../../server/utils/resend.js'
 import { createMockEvent } from '../helpers/createMockEvent.js'
 
-// IMPORTANT: do NOT mock server/utils/auth.js. This test exists to verify the
-// real bridge-cookie hand-off between the two handlers. Mocking auth would
-// hide the exact regression we're guarding against (setPaymentBridgeCookie
-// being skipped for $0 signups while subscription.post.js still requires
-// either a bridge cookie or a verified session).
+// Deliberately does NOT mock server/utils/auth.js — the bridge-cookie
+// hand-off between the two handlers is the contract under test.
 
 vi.mock('../../../server/models/member.js', () => ({
   default: {
@@ -49,6 +46,14 @@ vi.stubGlobal('helcimSubscriptionSchema', {})
 const ALLOWED_ORIGIN = 'https://ghostguild.test'
 const MEMBER_ID = '69f231152939bf109ac79d83'
 
+const SUBSCRIPTION_BODY = {
+  customerId: 999,
+  customerCode: 'CST999',
+  contributionAmount: 0,
+  cadence: 'monthly',
+  cardToken: null
+}
+
 function extractBridgeCookie(event) {
   const setCookie = event.node.res.getHeader('set-cookie')
   const cookies = Array.isArray(setCookie) ? setCookie : [setCookie].filter(Boolean)
@@ -64,6 +69,9 @@ describe('signup → subscription bridge-cookie hand-off', () => {
     process.env.BASE_URL = ALLOWED_ORIGIN
 
     createHelcimCustomer.mockResolvedValue({ id: 999, customerCode: 'CST999' })
+  })
+
+  it('$0 signup: customer endpoint issues a bridge cookie that subscription endpoint accepts', async () => {
     Member.findOne.mockResolvedValue(null)
     Member.create.mockResolvedValue({
       _id: MEMBER_ID,
@@ -73,10 +81,7 @@ describe('signup → subscription bridge-cookie hand-off', () => {
       contributionAmount: 0,
       status: 'pending_payment'
     })
-  })
 
-  it('$0 signup: customer endpoint issues a bridge cookie that subscription endpoint accepts', async () => {
-    // --- Step 1: POST /api/helcim/customer (free tier) ---
     const customerEvent = createMockEvent({
       method: 'POST',
       path: '/api/helcim/customer',
@@ -95,13 +100,9 @@ describe('signup → subscription bridge-cookie hand-off', () => {
     expect(result1.success).toBe(true)
     expect(result1.member.status).toBe('pending_payment')
 
-    // The regression: prior code skipped setPaymentBridgeCookie when
-    // contributionAmount === 0, leaving the user unable to complete
-    // subscription activation in the same flow.
     const bridgeToken = extractBridgeCookie(customerEvent)
     expect(bridgeToken, 'payment-bridge cookie missing on $0 signup').toBeTruthy()
 
-    // --- Step 2: POST /api/helcim/subscription (free tier) ---
     Member.findOneAndUpdate.mockResolvedValue({ _id: MEMBER_ID, status: 'pending_payment' })
     Member.findById.mockResolvedValue({
       _id: MEMBER_ID,
@@ -117,13 +118,7 @@ describe('signup → subscription bridge-cookie hand-off', () => {
       path: '/api/helcim/subscription',
       headers: { origin: ALLOWED_ORIGIN },
       cookies: { 'payment-bridge': bridgeToken },
-      body: {
-        customerId: 999,
-        customerCode: 'CST999',
-        contributionAmount: 0,
-        cadence: 'monthly',
-        cardToken: null
-      }
+      body: SUBSCRIPTION_BODY
     })
 
     const result2 = await subscriptionHandler(subscriptionEvent)
@@ -133,20 +128,11 @@ describe('signup → subscription bridge-cookie hand-off', () => {
   })
 
   it('$0 signup with no bridge cookie carried forward → subscription returns 401', async () => {
-    // Sanity check: confirms the auth gate still rejects fresh, unauthenticated
-    // calls to /api/helcim/subscription. If this ever stops failing, the
-    // bridge cookie has stopped being load-bearing and the gate is open.
     const subscriptionEvent = createMockEvent({
       method: 'POST',
       path: '/api/helcim/subscription',
       headers: { origin: ALLOWED_ORIGIN },
-      body: {
-        customerId: 999,
-        customerCode: 'CST999',
-        contributionAmount: 0,
-        cadence: 'monthly',
-        cardToken: null
-      }
+      body: SUBSCRIPTION_BODY
     })
 
     await expect(subscriptionHandler(subscriptionEvent)).rejects.toMatchObject({
-- 
2.47.3


From 1c2d1537a8278654a876656bb8ee6311e3e422ac Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Wed, 29 Apr 2026 21:50:43 +0100
Subject: [PATCH 21/26] docs(backlog): log 2026-04-29 simplify-pass and
 deferred follow-ups

---
 docs/LAUNCH_READINESS.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/LAUNCH_READINESS.md b/docs/LAUNCH_READINESS.md
index e32e3b0..2fdacdf 100644
--- a/docs/LAUNCH_READINESS.md
+++ b/docs/LAUNCH_READINESS.md
@@ -141,6 +141,7 @@ See `docs/TODO.md` for:
 - Simplify-pass follow-ups (2026-04-25): SHIPPED 2026-04-27 on branch `chore/simplify-pass-follow-ups` (pending merge). See `~/.claude/projects/-Users-jennie-Sites-ghostguild-org/memory/project_simplify_pass_2026_04_25.md`.
 - ~~Reconcile `customerCode` bug~~ — fixed on `main` in commit `3c38333` ("pass customerCode (not helcimCustomerId) to Helcim transactions API"). Verified in `server/api/internal/reconcile-payments.post.js:97`.
 - ~~Drive-by from 2026-04-29 phantom-Tailwind sweep: `app/components/EventSeriesBadge.vue` has zero usages~~ — deleted 2026-04-29 (commit `f85f284`); 81 lines removed.
+- Simplify-pass follow-ups (2026-04-29): smallest wins shipped in commit `26791cc`; deferred items (rename `setPaymentBridgeCookie`, dedup admin `STATUS_LABELS`, extract `.tint-candle`/`.tint-ember` utilities, audit `member &&` truthy checks in sibling routes, restore `ImageUpload` alt-text input focus styling) tracked in `docs/TODO.md` § _Simplify-pass follow-ups — 2026-04-29_.
 
 ### Known gotchas worth addressing post-launch
 
-- 
2.47.3


From cad57b008337223b4599ddf4fd5a32a5fa23017a Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Thu, 30 Apr 2026 00:13:02 +0100
Subject: [PATCH 22/26] =?UTF-8?q?style(visual-fidelity):=20pages-public=20?=
 =?UTF-8?q?=E2=80=94=20batches=20A,D,F,G,H?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- about.vue: promote h3 → h2 on circle headings (h1→h2→h2→h2)
- coming-soon.vue: font-weight 700 → 600
- members/[id].vue: inline circle badge → <CircleBadge/>; hero size 42→36
- community-guidelines.vue: padding + font-size off-scale snaps
- board.vue: loading/empty padding 60→64
- series/index.vue, join.vue: padding off-scale snaps
---
 app/pages/about.vue                | 6 +++---
 app/pages/board.vue                | 4 ++--
 app/pages/coming-soon.vue          | 2 +-
 app/pages/community-guidelines.vue | 4 ++--
 app/pages/join.vue                 | 2 +-
 app/pages/members/[id].vue         | 6 ++----
 app/pages/series/index.vue         | 2 +-
 7 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/app/pages/about.vue b/app/pages/about.vue
index a423811..5920e9b 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -38,16 +38,16 @@
         <div class="section-label">The Circles</div>
         <div class="circles-grid">
           <div id="community" class="circle-cell">
-            <h3 style="color: var(--c-community)">Community</h3>
+            <h2 style="color: var(--c-community)">Community</h2>
 
             <p>For anyone exploring cooperative models.</p>
           </div>
           <div id="founder" class="circle-cell">
-            <h3 style="color: var(--c-founder)">Founder</h3>
+            <h2 style="color: var(--c-founder)">Founder</h2>
             <p>For people actively building cooperatives.</p>
           </div>
           <div id="practitioner" class="circle-cell">
-            <h3 style="color: var(--c-practitioner)">Practitioner</h3>
+            <h2 style="color: var(--c-practitioner)">Practitioner</h2>
             <p>For experienced practitioners sharing what they know.</p>
           </div>
         </div>
diff --git a/app/pages/board.vue b/app/pages/board.vue
index 93cdd5d..2257533 100644
--- a/app/pages/board.vue
+++ b/app/pages/board.vue
@@ -357,13 +357,13 @@ onMounted(async () => {
 
 /* ---- LOADING / EMPTY ---- */
 .loading-state {
-  padding: 60px 24px;
+  padding: 64px 24px;
   text-align: center;
   color: var(--text-faint);
   font-size: 12px;
 }
 .empty-state {
-  padding: 60px 24px;
+  padding: 64px 24px;
   text-align: center;
 }
 .empty-title {
diff --git a/app/pages/coming-soon.vue b/app/pages/coming-soon.vue
index f7de6b2..b43c391 100644
--- a/app/pages/coming-soon.vue
+++ b/app/pages/coming-soon.vue
@@ -124,7 +124,7 @@ const handleLogout = async () => {
 .coming-soon-title {
   font-family: var(--font-display);
   font-size: 3rem;
-  font-weight: 700;
+  font-weight: 600;
   color: var(--text-bright);
   margin-bottom: 8px;
 }
diff --git a/app/pages/community-guidelines.vue b/app/pages/community-guidelines.vue
index 2708198..13f7feb 100644
--- a/app/pages/community-guidelines.vue
+++ b/app/pages/community-guidelines.vue
@@ -309,7 +309,7 @@ useHead({
 }
 .guidelines-section ul li {
   position: relative;
-  padding: 2px 0 2px 18px;
+  padding: 2px 0 2px 16px;
   font-size: 13px;
   color: var(--text-dim);
   line-height: 1.7;
@@ -365,7 +365,7 @@ useHead({
   font-family: "Brygada 1918", serif;
   font-style: italic;
   color: var(--text-bright);
-  font-size: 15px;
+  font-size: 16px;
   margin-top: 12px;
 }
 
diff --git a/app/pages/join.vue b/app/pages/join.vue
index 1a88b43..a76c316 100644
--- a/app/pages/join.vue
+++ b/app/pages/join.vue
@@ -747,7 +747,7 @@ onUnmounted(() => {
   padding: 0;
 }
 .tier-list li {
-  padding: 5px 0;
+  padding: 4px 0;
   font-size: 12px;
   color: var(--text-dim);
   border-bottom: 1px dashed var(--border);
diff --git a/app/pages/members/[id].vue b/app/pages/members/[id].vue
index 962aaca..384a8ed 100644
--- a/app/pages/members/[id].vue
+++ b/app/pages/members/[id].vue
@@ -37,9 +37,7 @@
               <span class="profile-pronouns">{{ member.pronouns }}</span>
             </div>
             <div class="profile-meta">
-              <span v-if="member.circle" class="badge" :class="member.circle">
-                {{ circleLabels[member.circle] }}
-              </span>
+              <CircleBadge v-if="member.circle" :circle="member.circle" :label="circleLabels[member.circle]" />
               <template v-if="member.studio">
                 <span class="meta-sep">&middot;</span>
                 <span class="profile-studio">{{ member.studio }}</span>
@@ -372,7 +370,7 @@ useHead({
 }
 .profile-name {
   font-family: "Brygada 1918", serif;
-  font-size: 42px;
+  font-size: 36px;
   font-weight: 600;
   color: var(--text-bright);
   margin: 0;
diff --git a/app/pages/series/index.vue b/app/pages/series/index.vue
index 6634190..aaade84 100644
--- a/app/pages/series/index.vue
+++ b/app/pages/series/index.vue
@@ -185,7 +185,7 @@ const getEventStatus = (event) => {
   display: flex;
   align-items: baseline;
   gap: 12px;
-  padding: 10px 28px;
+  padding: 12px 28px;
   border-bottom: 1px dashed var(--border);
   font-size: 12px;
 }
-- 
2.47.3


From d93c16fbf720c61f3476624720cbfdb11c91f03e Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Thu, 30 Apr 2026 00:13:05 +0100
Subject: [PATCH 23/26] =?UTF-8?q?style(visual-fidelity):=20pages-auth=20?=
 =?UTF-8?q?=E2=80=94=20batches=20D,G?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

font-weight 700 → 600 across auth pages; wiki-login hero 32→36
---
 app/pages/auth/logout-confirm.vue | 2 +-
 app/pages/auth/logout-success.vue | 2 +-
 app/pages/auth/oidc-error.vue     | 4 ++--
 app/pages/auth/wiki-login.vue     | 6 +++---
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/pages/auth/logout-confirm.vue b/app/pages/auth/logout-confirm.vue
index 3061387..0611b11 100644
--- a/app/pages/auth/logout-confirm.vue
+++ b/app/pages/auth/logout-confirm.vue
@@ -82,7 +82,7 @@ if (import.meta.server && !xsrf.value) {
 .auth-title {
   font-family: var(--font-display);
   font-size: 28px;
-  font-weight: 700;
+  font-weight: 600;
   line-height: 1.1;
   letter-spacing: -0.01em;
   color: var(--candle);
diff --git a/app/pages/auth/logout-success.vue b/app/pages/auth/logout-success.vue
index 28e6fce..ea00d18 100644
--- a/app/pages/auth/logout-success.vue
+++ b/app/pages/auth/logout-success.vue
@@ -46,7 +46,7 @@ useHead({ title: "Signed Out — Ghost Guild" });
 .auth-title {
   font-family: var(--font-display);
   font-size: 28px;
-  font-weight: 700;
+  font-weight: 600;
   line-height: 1.1;
   letter-spacing: -0.01em;
   color: var(--candle);
diff --git a/app/pages/auth/oidc-error.vue b/app/pages/auth/oidc-error.vue
index 9a060c4..0a86bfb 100644
--- a/app/pages/auth/oidc-error.vue
+++ b/app/pages/auth/oidc-error.vue
@@ -70,7 +70,7 @@ const hasDetail = computed(
 .auth-title {
   font-family: var(--font-display);
   font-size: 28px;
-  font-weight: 700;
+  font-weight: 600;
   line-height: 1.1;
   letter-spacing: -0.01em;
   color: var(--candle);
@@ -97,7 +97,7 @@ const hasDetail = computed(
 
 .auth-detail-code {
   color: var(--ember);
-  font-weight: 700;
+  font-weight: 600;
   margin: 0 0 4px;
 }
 
diff --git a/app/pages/auth/wiki-login.vue b/app/pages/auth/wiki-login.vue
index 2ce8dbf..f7e0d01 100644
--- a/app/pages/auth/wiki-login.vue
+++ b/app/pages/auth/wiki-login.vue
@@ -172,8 +172,8 @@ function resetForm() {
 
 .wiki-login-title {
   font-family: var(--font-display);
-  font-size: 32px;
-  font-weight: 700;
+  font-size: 36px;
+  font-weight: 600;
   line-height: 1.1;
   letter-spacing: -0.01em;
   color: var(--candle);
@@ -240,7 +240,7 @@ function resetForm() {
 .wiki-login-sent-heading {
   font-family: var(--font-display);
   font-size: 20px;
-  font-weight: 700;
+  font-weight: 600;
   color: var(--text-bright);
   margin: 0;
 }
-- 
2.47.3


From cb93f141607758a416a074420bca8920422a7422 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Thu, 30 Apr 2026 00:13:09 +0100
Subject: [PATCH 24/26] =?UTF-8?q?style(visual-fidelity):=20pages-admin=20?=
 =?UTF-8?q?=E2=80=94=20batches=20B,C,F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- B: token-equivalent rgba → color-mix(srgb, var(--ember|green|candle) X%, transparent) so colors track dark mode
- C: drop stale var(--green, #...) fallbacks (canonical token now defined in main.css)
- F: inline circle badge → <CircleBadge/> in admin/index, members/[id], members/index
---
 app/pages/admin/events/index.vue          | 10 +++++-----
 app/pages/admin/index.vue                 |  2 +-
 app/pages/admin/members/[id].vue          |  2 +-
 app/pages/admin/members/index.vue         |  8 +++-----
 app/pages/admin/pre-registrants/index.vue |  6 +++---
 app/pages/admin/series-management.vue     |  8 ++++----
 app/pages/admin/wiki.vue                  |  4 ++--
 7 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/app/pages/admin/events/index.vue b/app/pages/admin/events/index.vue
index 051e4c8..0cafd01 100644
--- a/app/pages/admin/events/index.vue
+++ b/app/pages/admin/events/index.vue
@@ -570,7 +570,7 @@ tbody td {
   letter-spacing: 0.04em;
   text-transform: uppercase;
   color: var(--c-founder);
-  border: 1px dashed rgba(138, 68, 32, 0.3);
+  border: 1px dashed color-mix(in srgb, var(--ember) 30%, transparent);
   padding: 2px 8px;
 }
 
@@ -583,7 +583,7 @@ tbody td {
   font-size: 10px;
   font-weight: 600;
   color: var(--c-founder);
-  border: 1px dashed rgba(138, 68, 32, 0.4);
+  border: 1px dashed color-mix(in srgb, var(--ember) 40%, transparent);
   border-radius: 50%;
 }
 
@@ -632,12 +632,12 @@ tbody td {
 
 .status-upcoming {
   color: var(--candle);
-  border-color: rgba(122, 90, 16, 0.3);
+  border-color: color-mix(in srgb, var(--candle) 30%, transparent);
 }
 
 .status-ongoing {
   color: var(--green);
-  border-color: rgba(74, 106, 56, 0.3);
+  border-color: color-mix(in srgb, var(--green) 30%, transparent);
 }
 
 .status-past {
@@ -647,7 +647,7 @@ tbody td {
 
 .status-cancelled {
   color: var(--ember);
-  border-color: rgba(138, 68, 32, 0.3);
+  border-color: color-mix(in srgb, var(--ember) 30%, transparent);
   margin-top: 4px;
 }
 
diff --git a/app/pages/admin/index.vue b/app/pages/admin/index.vue
index e117a8f..289a813 100644
--- a/app/pages/admin/index.vue
+++ b/app/pages/admin/index.vue
@@ -65,7 +65,7 @@
                 <span class="item-sub">{{ member.email }}</span>
               </div>
               <div class="item-meta">
-                <span class="badge" :class="member.circle">{{ member.circle }}</span>
+                <CircleBadge :circle="member.circle" />
                 <span class="item-date">{{ formatDate(member.createdAt) }}</span>
               </div>
             </div>
diff --git a/app/pages/admin/members/[id].vue b/app/pages/admin/members/[id].vue
index 824e264..567caf9 100644
--- a/app/pages/admin/members/[id].vue
+++ b/app/pages/admin/members/[id].vue
@@ -16,7 +16,7 @@
           <p v-if="member" class="member-email">{{ member.email }}</p>
         </div>
         <div v-if="member" class="header-badges">
-          <span class="badge" :class="member.circle">{{ member.circle }}</span>
+          <CircleBadge :circle="member.circle" />
           <span :class="statusClass(member.status)" class="status-badge">{{ member.status }}</span>
         </div>
       </div>
diff --git a/app/pages/admin/members/index.vue b/app/pages/admin/members/index.vue
index 461ab20..9d5b4ea 100644
--- a/app/pages/admin/members/index.vue
+++ b/app/pages/admin/members/index.vue
@@ -108,9 +108,7 @@
             </td>
             <td class="col-email">{{ member.email }}</td>
             <td>
-              <span class="badge" :class="member.circle">{{
-                member.circle
-              }}</span>
+              <CircleBadge :circle="member.circle" />
             </td>
             <td class="col-mono">${{ member.contributionAmount ?? 0 }}/mo</td>
             <td>
@@ -1149,7 +1147,7 @@ th.sortable:hover {
   text-transform: uppercase;
 }
 .badge.status-active {
-  color: var(--green, #3a6b3a);
+  color: var(--green);
   border-color: rgba(58, 107, 58, 0.45);
 }
 .badge.status-pending_payment {
@@ -1158,7 +1156,7 @@ th.sortable:hover {
 }
 .badge.status-suspended {
   color: var(--ember);
-  border-color: rgba(138, 68, 32, 0.45);
+  border-color: color-mix(in srgb, var(--ember) 45%, transparent);
 }
 .badge.status-cancelled {
   color: var(--text-faint);
diff --git a/app/pages/admin/pre-registrants/index.vue b/app/pages/admin/pre-registrants/index.vue
index 3a62be5..79fe351 100644
--- a/app/pages/admin/pre-registrants/index.vue
+++ b/app/pages/admin/pre-registrants/index.vue
@@ -643,8 +643,8 @@ tbody td {
 }
 
 .status-accepted {
-  color: var(--green, #4a7);
-  border-color: var(--green, #4a7);
+  color: var(--green);
+  border-color: var(--green);
 }
 
 .status-expired {
@@ -671,7 +671,7 @@ tbody td {
 
 /* ---- STATUS INDICATORS ---- */
 .status-ok {
-  color: var(--green, #4a7);
+  color: var(--green);
   font-size: 11px;
 }
 
diff --git a/app/pages/admin/series-management.vue b/app/pages/admin/series-management.vue
index 972c9cc..c558d3a 100644
--- a/app/pages/admin/series-management.vue
+++ b/app/pages/admin/series-management.vue
@@ -850,7 +850,7 @@ const exportSeriesData = () => {
   font-size: 11px;
   font-weight: 600;
   color: var(--c-founder);
-  border: 1px dashed rgba(138, 68, 32, 0.4);
+  border: 1px dashed color-mix(in srgb, var(--ember) 40%, transparent);
   border-radius: 50%;
   flex-shrink: 0;
 }
@@ -931,12 +931,12 @@ const exportSeriesData = () => {
 
 .status-active {
   color: var(--green);
-  border-color: rgba(74, 106, 56, 0.3);
+  border-color: color-mix(in srgb, var(--green) 30%, transparent);
 }
 
 .status-upcoming {
   color: var(--candle);
-  border-color: rgba(122, 90, 16, 0.3);
+  border-color: color-mix(in srgb, var(--candle) 30%, transparent);
 }
 
 .status-completed {
@@ -946,7 +946,7 @@ const exportSeriesData = () => {
 
 .status-ongoing {
   color: var(--green);
-  border-color: rgba(74, 106, 56, 0.3);
+  border-color: color-mix(in srgb, var(--green) 30%, transparent);
 }
 
 /* ---- LINK BUTTONS ---- */
diff --git a/app/pages/admin/wiki.vue b/app/pages/admin/wiki.vue
index 9650bb3..f6c5cab 100644
--- a/app/pages/admin/wiki.vue
+++ b/app/pages/admin/wiki.vue
@@ -954,8 +954,8 @@ const applyBatchVisibility = async (hidden) => {
 }
 
 .sync-created {
-  color: var(--green, #4a7);
-  border-color: var(--green, #4a7);
+  color: var(--green);
+  border-color: var(--green);
 }
 
 .sync-updated {
-- 
2.47.3


From d6cdf45838d9711d948fa1b4f5d98a266f5abfac Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Thu, 30 Apr 2026 00:13:13 +0100
Subject: [PATCH 25/26] =?UTF-8?q?style(visual-fidelity):=20components=20?=
 =?UTF-8?q?=E2=80=94=20batches=20B,E,G,H?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- B: token-equivalent rgba → color-mix in SignupFlowOverlay, OnboardingWidget
- E: drop text-white Tailwind utility from ImageUpload remove-button (now color: var(--parch-text) inline)
- G: typography off-scale snaps (9→10, 14→13, 15→16, 19→18 px)
- H: padding off-scale snaps in BoardPostCard/Form, CirclePicker, FilterBar, LoginModal
---
 app/components/BoardPostCard.vue     | 4 ++--
 app/components/BoardPostForm.vue     | 6 +++---
 app/components/CirclePicker.vue      | 4 ++--
 app/components/EventsMiniSidebar.vue | 2 +-
 app/components/FilterBar.vue         | 2 +-
 app/components/ImageUpload.vue       | 4 ++--
 app/components/LoginModal.vue        | 6 +++---
 app/components/OnboardingWidget.vue  | 6 +++---
 app/components/SignupFlowOverlay.vue | 2 +-
 9 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/app/components/BoardPostCard.vue b/app/components/BoardPostCard.vue
index ff6e9d4..97067e9 100644
--- a/app/components/BoardPostCard.vue
+++ b/app/components/BoardPostCard.vue
@@ -158,7 +158,7 @@ const slackLinks = computed(() => {
 <style scoped>
 .board-post {
   border: 1px dashed var(--border);
-  padding: 18px 22px;
+  padding: 20px 24px;
   background: var(--surface);
   break-inside: avoid;
   -webkit-column-break-inside: avoid;
@@ -219,7 +219,7 @@ const slackLinks = computed(() => {
 
 .post-title {
   font-family: "Brygada 1918", serif;
-  font-size: 19px;
+  font-size: 18px;
   font-weight: 500;
   color: var(--text-bright);
   margin: 0 0 12px;
diff --git a/app/components/BoardPostForm.vue b/app/components/BoardPostForm.vue
index f7d955b..981475a 100644
--- a/app/components/BoardPostForm.vue
+++ b/app/components/BoardPostForm.vue
@@ -138,7 +138,7 @@ function handleSubmit() {
 <style scoped>
 .post-form {
   border: 1px dashed var(--border);
-  padding: 14px 16px;
+  padding: 16px 16px;
   background: transparent;
 }
 
@@ -147,7 +147,7 @@ function handleSubmit() {
 }
 .form-title {
   font-family: "Brygada 1918", serif;
-  font-size: 15px;
+  font-size: 16px;
   font-weight: 500;
   color: var(--text-bright);
 }
@@ -183,7 +183,7 @@ function handleSubmit() {
   color: var(--text-faint);
   text-transform: none;
   letter-spacing: 0;
-  font-size: 9px;
+  font-size: 10px;
   margin-left: 4px;
   opacity: 0.7;
 }
diff --git a/app/components/CirclePicker.vue b/app/components/CirclePicker.vue
index fb8f298..929ce1b 100644
--- a/app/components/CirclePicker.vue
+++ b/app/components/CirclePicker.vue
@@ -48,7 +48,7 @@ defineEmits(['update:modelValue'])
 
 .circle-option {
   border: 1px dashed var(--border);
-  padding: 14px 12px;
+  padding: 12px 12px;
   background: var(--bg);
   cursor: pointer;
   transition: all 0.15s;
@@ -83,7 +83,7 @@ defineEmits(['update:modelValue'])
 }
 
 .circle-tag {
-  font-size: 9px;
+  font-size: 10px;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   margin-top: 6px;
diff --git a/app/components/EventsMiniSidebar.vue b/app/components/EventsMiniSidebar.vue
index de6066d..df953d6 100644
--- a/app/components/EventsMiniSidebar.vue
+++ b/app/components/EventsMiniSidebar.vue
@@ -104,7 +104,7 @@ const formatDate = (dateStr) => {
 }
 
 .em-circle {
-  font-size: 9px;
+  font-size: 10px;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   margin-top: 2px;
diff --git a/app/components/FilterBar.vue b/app/components/FilterBar.vue
index 688de8e..c63f40e 100644
--- a/app/components/FilterBar.vue
+++ b/app/components/FilterBar.vue
@@ -22,7 +22,7 @@ defineEmits(['update:modelValue'])
 
 <style scoped>
 .filter-bar {
-  padding: 14px 32px;
+  padding: 16px 28px;
   border-bottom: 1px dashed var(--border);
   display: flex;
   align-items: center;
diff --git a/app/components/ImageUpload.vue b/app/components/ImageUpload.vue
index 40cc0c0..bd8a87e 100644
--- a/app/components/ImageUpload.vue
+++ b/app/components/ImageUpload.vue
@@ -12,8 +12,8 @@
       >
       <button
         type="button"
-        class="absolute top-2 right-2 p-1 text-white rounded-full transition-colors"
-        style="background: var(--ember)"
+        class="absolute top-2 right-2 p-1 rounded-full transition-colors"
+        style="background: var(--ember); color: var(--parch-text)"
         @click="removeImage"
       >
         <Icon name="heroicons:x-mark" class="w-4 h-4" />
diff --git a/app/components/LoginModal.vue b/app/components/LoginModal.vue
index 67bc904..e3fd0b6 100644
--- a/app/components/LoginModal.vue
+++ b/app/components/LoginModal.vue
@@ -40,7 +40,7 @@
                 type="email"
                 placeholder="your.email@example.com"
                 required
-              />
+              >
             </div>
 
             <div class="info-box">
@@ -182,7 +182,7 @@ onUnmounted(() => document.removeEventListener('keydown', handleKeydown))
 
 .modal-overline {
   font-family: 'Brygada 1918', serif;
-  font-size: 14px;
+  font-size: 13px;
   font-weight: 600;
   color: var(--candle);
   margin-bottom: 12px;
@@ -218,7 +218,7 @@ onUnmounted(() => document.removeEventListener('keydown', handleKeydown))
 .info-box {
   font-size: 11px;
   color: var(--text-faint);
-  padding: 10px 14px;
+  padding: 12px 16px;
   border: 1px dashed var(--border);
   margin-bottom: 16px;
   line-height: 1.6;
diff --git a/app/components/OnboardingWidget.vue b/app/components/OnboardingWidget.vue
index 97c246d..3f9f11b 100644
--- a/app/components/OnboardingWidget.vue
+++ b/app/components/OnboardingWidget.vue
@@ -118,7 +118,7 @@ const barEmpty = computed(() => '-'.repeat((4 - completedCount.value) * 2) + ']'
   display: inline-block;
   margin-top: 8px;
   padding: 4px 12px;
-  border: 1px dashed rgba(237, 228, 208, 0.25);
+  border: 1px dashed color-mix(in srgb, var(--parch-text) 25%, transparent);
   color: var(--parch-accent);
   font-size: 11px;
   text-decoration: none;
@@ -134,7 +134,7 @@ const barEmpty = computed(() => '-'.repeat((4 - completedCount.value) * 2) + ']'
 .ow-progress {
   margin-top: 10px;
   padding-top: 8px;
-  border-top: 1px dashed rgba(237, 228, 208, 0.12);
+  border-top: 1px dashed color-mix(in srgb, var(--parch-text) 12%, transparent);
   font-size: 11px;
   color: var(--parch-text-dim);
   display: flex;
@@ -153,7 +153,7 @@ const barEmpty = computed(() => '-'.repeat((4 - completedCount.value) * 2) + ']'
 }
 
 .ow-bar-empty {
-  color: rgba(237, 228, 208, 0.2);
+  color: color-mix(in srgb, var(--parch-text) 20%, transparent);
 }
 
 .ow-skip {
diff --git a/app/components/SignupFlowOverlay.vue b/app/components/SignupFlowOverlay.vue
index 6ad3321..10fe663 100644
--- a/app/components/SignupFlowOverlay.vue
+++ b/app/components/SignupFlowOverlay.vue
@@ -108,7 +108,7 @@ const stepLabel = computed(() => {
   position: fixed;
   inset: 0;
   z-index: 50;
-  background: rgba(42, 32, 21, 0.72);
+  background: color-mix(in srgb, var(--parch) 72%, transparent);
   backdrop-filter: blur(4px);
   display: flex;
   align-items: center;
-- 
2.47.3


From 5a69d6ab75cc34569b7937df44b793f09132a186 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Thu, 30 Apr 2026 11:47:44 +0100
Subject: [PATCH 26/26] style(visual-fidelity): missed Batch B row in
 admin/members
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.row-error background was the one rgba leftover from the
pages-admin slice — line had shifted from 1309 to 1307 after
earlier Batch B edits.
---
 app/pages/admin/members/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/admin/members/index.vue b/app/pages/admin/members/index.vue
index 9d5b4ea..bce22e1 100644
--- a/app/pages/admin/members/index.vue
+++ b/app/pages/admin/members/index.vue
@@ -1304,7 +1304,7 @@ th.sortable:hover {
 }
 
 .row-error {
-  background: rgba(138, 68, 32, 0.04);
+  background: color-mix(in srgb, var(--ember) 4%, transparent);
 }
 
 /* ---- PREVIEW BOX ---- */
-- 
2.47.3