@odla-ai/chapter 0.25.1 → 0.25.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odla-ai/chapter",
-  "version": "0.25.1",
+  "version": "0.25.3",
   "description": "A leader/follower foundation for branded membership sites: shared CRM, admin, auth, payments, booking, and explicit record delivery from one defineChapter config.",
   "license": "MIT",
   "homepage": "https://odla.ai/docs/packages/chapter",

package/runbooks/adopt-existing.md

@@ -49,8 +49,24 @@ runtime and data rollback remain proven.
 
 ## Phase 0 — Freeze the operating baseline
 
-Create or extend root `MIGRATION.md`; never replace its history. Record state
-`inventoried` only after the human approves the baseline.
+Use odla PM as the migration's durable coordination state; do not create a
+parallel migration diary. If the odla app already exists, begin by listing
+doing tasks, open bugs, open goals, and recent decisions for the `appId` from
+`odla.config.mjs`. Read the active task, its linked goal, and their comments
+before inspecting code.
+
+If the app is not registered yet, choose the intended stable `appId`, keep
+Phase 0/early provisioning evidence in focused commits and checkpoint
+handoffs, and rerun the inventory when a fresh agent resumes. Old branches,
+git history, unrelated deployments, and earlier experiments are only leads to
+verify. Immediately after the first provision registers the app, create PM
+goals/tasks/decisions and backfill the approved baseline evidence; PM is
+authoritative from then on.
+
+Use one conformance goal per acceptance outcome, parallel tasks for independent
+tracks, decisions for product/data/identity/route/rollback choices, and bugs
+for defects. Comments carry the source commit, immutable deployment version,
+verification command/result, and rollback checkpoint. Never put secrets in PM.
 
 ### Inventory the product
 
@@ -173,7 +189,8 @@ Before deleting old schema/rules/provisioning:
    and prove the parity test fails before trusting a green result;
 6. fail on missing fields, widened rules, cardinality changes, renamed natural
    keys, new client-readable data, or unapproved seed differences;
-7. record every intentional delta and migration mapping in `MIGRATION.md`.
+7. record every intentional delta and migration mapping as a PM decision, and
+   attach the comparator evidence to the linked conformance goal/task.
 
 `createChapterIntegration()` inserts the group seed only when absent. Existing
 runtime owner edits do not update from later config changes. Compare the current
@@ -188,9 +205,9 @@ At minimum audit:
 - per-field and request-body caps;
 - explicit chapter-mode account decision and outbound effects of
   `create`/`invite`;
-- stock `JoinIsland` generates a fresh `submissionId` on each invocation, so an
-  ambiguous retry after a lost response is not idempotent even though a
-  concurrent click is disabled;
+- stock `JoinIsland` keeps one `submissionId` across an ambiguous lost-response
+  retry. Prove the replay returns the original canonical application id, that
+  the id can resume the journey, and that no second row or side effect exists;
 - `profileFields` now defaults to `[]`; enumerate the small account/admin
   signals that may be mirrored into backend-only Clerk private metadata rather
   than relying on implicit projection. Keep the application row and CRM
@@ -420,10 +437,15 @@ fixture. Compare markup/behavior and the Phase 0 screenshots before deletion.
   `renderHeader` when the header belongs inside the Chapter scope. Chapter mode
   defaults to Dashboard, People, and Settings; move former global Billing,
   Calendar, Email, and per-record operations into nested tabs.
-- Preserve a distinctive People summary, rail, and record heading with
-  `collectionSection`'s `renderSummary`, `renderMaster`, and
-  `renderDetailHeader` slots. Replace specialized record tabs rather than
-  flattening them into global navigation.
+- Preserve distinctive People summary content, list presentation, record
+  heading, and specialized panels with `collectionSection`'s `renderSummary`,
+  `renderMaster`, `renderDetailHeader`, and record-tab slots. These slots
+  customize content; they do not fix pane geometry.
+- Operational usability is not pixel parity with a cramped legacy admin. At
+  desktop widths, the unselected People collection must use the full workspace
+  width; after a record opens it becomes master/detail. This is the
+  `collapseClosedDetail` default. Set it to `false` only when the empty detail
+  pane contains intentional, useful content approved by the human.
 - Application-backed pipeline changes must use a lifecycle adapter that invokes
   the authoritative application endpoints. Prove approve/refund/manual
   transition side effects; a raw CRM `setStage` is not parity.
@@ -448,6 +470,9 @@ At 390, 768, 1280, and 1440 pixels in every theme, compare:
 - wordmark, text baseline, theme control, active state, and hover/focus;
 - join fields/errors, payment and slot picker, Clerk sign-in containment;
 - member cards/actions and every admin section/table/drawer;
+- at 1280 and 1440, every unselected collection table uses the full content
+  width: no empty detail pane and no wide table squeezed into a narrow rail;
+  after selection, both master and detail remain usable;
 - no clipped labels, card text escape, accidental document scroll, or
   horizontal overflow;
 - loading, empty, error, unauthorized, 404, and reduced-motion states.
@@ -459,16 +484,21 @@ not visual parity.
 
 ### Clerk
 
-Use the same Clerk application/workspace. Chapter claim mode requires session
-claims for both email and role; hub table mode uses lowercase `admins` rows.
-Prove existing allowed/forbidden users, role ladder, super-admin behavior,
-malformed/expired sessions, sign-out, and return targets.
-
-If the legacy verifier enforces JWT `aud` or `azp`, keep that host verifier in
-front of Chapter. This Chapter release verifies issuer but does not expose or
-enforce the CLI-provisioned Clerk audience. Add wrong-audience and
-wrong-authorized-party fixtures; do not cut over auth until the legacy contract
-still rejects them.
+For the one website being converted, retain that website's existing Clerk
+application/workspace unless the human approves an identity migration. A
+leader and follower are different websites and use different Clerk
+applications, publishable keys, issuers, roles, and local session tokens. A
+Clerk JWT never authenticates a cross-site delivery.
+
+Chapter claim mode requires session claims for both email and role; hub table
+mode uses lowercase `admins` rows. Prove signed-out, allowed, forbidden,
+provisional, member, admin, super-admin, malformed, expired, wrong-issuer,
+sign-out, and return-target behavior. If the site's verifier intentionally
+enforces JWT `aud` or `azp`, retain that check with a host verifier until
+Chapter exposes the same policy and add wrong-audience/wrong-authorized-party
+fixtures. If it never enforced those claims, mark those two cases `n/a` only
+after the full matrix is recorded; do not call their absence an auth success or
+use it to skip the remaining authorization tests.
 
 When Chapter needs server-side account/role operations, set the named
 app-readable `clerk_secret_key` through:
@@ -608,6 +638,7 @@ Keep both rollback capabilities through the approved observation window
 webhook, job, and secret only in a separate human-approved change with a fresh
 journey afterward.
 
-Close `MIGRATION.md` only when every applicable track is `primary-prod` or
-`retired`, the observation window passes, and the human confirms the existing
-product—not merely a Chapter canary—has been converted.
+Mark the migration goals met and tasks done only when every applicable track is
+`primary-prod` or `retired`, the observation window passes, evidence is attached
+in PM, and the human confirms the existing product—not merely a Chapter
+canary—has been converted.

package/runbooks/greenfield.md

@@ -67,9 +67,19 @@ consumer, not a visual identity to rename.
 
 ## Phase 0 — Resolve the product and brand brief
 
-Write `PRODUCT.md` before code. Record decisions rather than inventing business
-facts. Ask the human only for missing choices that change money, identity,
-outbound communication, authorization, or the public brand.
+Record decisions rather than inventing business facts. Ask the human only for
+missing choices that change money, identity, outbound communication,
+authorization, or the public brand. Do not create a parallel product or
+migration diary.
+
+PM requires a registered, co-owned odla app. Before Phase 3 registration, use a
+focused branch/commit and checkpoint handoff for the approved brief and rerun
+the Phase 0 checks when a fresh agent resumes. Immediately after provision
+registers the app, create PM conformance goals and track tasks, record these
+product/brand/identity decisions, and backfill the earlier evidence. PM is
+authoritative from then on; start every later session by listing doing tasks,
+open bugs/goals, and recent decisions for the `appId` in
+`odla.config.mjs`. Never put secrets in PM.
 
 | Decision | Required answer |
 | --- | --- |
@@ -158,7 +168,6 @@ Recommended minimum tree:
 
 ```text
 .
-├── PRODUCT.md
 ├── package.json
 ├── index.html
 ├── vite.config.mjs
@@ -344,9 +353,8 @@ the private profile write and records `clerkPrivateMetadataSyncedAt`.
 `copy` is a recursive partial of `ChapterCopy`. `defineChapter()` resolves it
 to a complete `chapter.copy`, which is the voice source for packaged join,
 member, and admin surfaces. Put plain text in `copy`; use render slots for
-markup or a different composition. Include the voice constraints from
-`PRODUCT.md` in a contract test, such as banned punctuation or required
-terminology.
+markup or a different composition. Include the approved voice constraints in a
+contract test, such as banned punctuation or required terminology.
 
 In this release, `prices.currency` and `prices.interval` record intent but do
 not control the group row, public join config, or Stripe charge. The Stripe
@@ -376,6 +384,32 @@ Snapshot these resolved values in `chapter-contract.test.ts`:
   schema/rules/seeds/probes, using the fixed clock because the integration seed
   carries the timestamp.
 
+### When this site is a leader or follower
+
+Model the network as website nodes joined by directed delivery edges. Every
+website keeps its own `appId`, ODLA tenant/key, CRM config, Clerk application,
+issuer, roles, and users. A leader edge is one `network.targets[]` record with
+the follower id/name/origin, optional vault secret name, and a per-record-type
+field allowlist. The follower declares compatible CRM types and fields; it does
+not need the leader's Clerk configuration.
+
+The leader browser authenticates only to the leader. Its Worker authorizes the
+local admin, reads the edge's share secret from the leader vault, and sends a
+versioned `{ version, type, hubRecordId, input }` payload to the follower. The
+follower validates that share secret and its local CRM config, then writes with
+its own `ODLA_API_KEY`. Never send either website's Clerk JWT or ODLA key across
+the edge. Pipeline, account, billing, and roles remain authoritative locally.
+
+Conformance must prove:
+
+- the target metadata returned to the browser contains no secret;
+- only allowlisted fields leave the leader;
+- unknown follower types/fields fail before a write;
+- wrong share secret returns `401` and writes nothing;
+- retry updates the provenance-matched follower record instead of duplicating;
+- neither Clerk token nor either `ODLA_API_KEY` appears in the cross-site
+  request or client bundle.
+
 ## Phase 3 — Provisioning and Worker shell
 
 ```js
@@ -448,6 +482,10 @@ separate browser-owned booking-consent checkpoint for availability plus
 create/reschedule/cancel access. A grant created for the retired read-only
 mirror must be reconnected. No OAuth code or token passes through the agent.
 
+The app now exists. Initialize PM, backfill the approved Phase 0–2 decisions
+and evidence, create linked tasks/goals for the remaining tracks, and read that
+state before continuing.
+
 ## Phase 4 — Build the four application surfaces
 
 Import the public site's application theme once. For the admin application,
@@ -517,12 +555,12 @@ from raw `redirect_status` or `reschedule` parameters. When the host stores the
 application capability elsewhere, provide `initialState` from trusted server
 state or a `loadResume` adapter.
 
-`JoinIsland` disables its button while one request is pending, but creates a new
-`submissionId` for every submit invocation. A retry after the server committed
-but the response was lost can therefore create another application. If that is
-unacceptable, stop and fix/upgrade the package or use a reviewed host adapter
-that keeps one stable id across logical retries. Do not label the stock behavior
-fully idempotent.
+`JoinIsland` disables its button while one request is pending and keeps one
+stable `submissionId` for the logical form journey. Prove a retry after the
+server committed but the response was lost returns the same canonical
+application id, that the id can be resumed, and that no second application or
+side effect exists. A `duplicate: true` response or unchanged row count alone
+is not sufficient proof.
 
 ### Members
 
@@ -564,6 +602,13 @@ anchors; record details are record-tab anchors. Do not promote those tabs into
 the global site header. Use `chrome="standalone"` only for an admin-only product
 that has no host shell.
 
+The People collection uses the full workspace width until a record is selected,
+then becomes master/detail. Keep the default
+`collectionSection({ collapseClosedDetail: true })`; set it to `false` only
+when an intentional empty-detail panel contains useful approved content. At
+1280 and 1440 pixels, verify a wide collection table is not squeezed into a
+narrow rail beside an empty pane.
+
 The router must serve and reload `/`, every public page, `/join`, `/members/`,
 and `/admin/` without accidentally sending API paths to the SPA. Chapter
 terminates unknown `/api/*` paths as JSON 404s before the static asset fallback.
@@ -571,8 +616,10 @@ terminates unknown `/api/*` paths as JSON 404s before the static asset fallback.
 ## Phase 5 — Configure Clerk and bootstrap authority
 
 At this step, read Clerk's current agent-facing CLI documentation. Use one
-Clerk application with development and production instances; do not create a
-second application for production.
+Clerk application with development and production instances **for this
+website**; do not create a second application merely for this site's production
+environment. A leader and a follower are separate websites and use separate
+Clerk applications, issuers, users, and roles.
 
 For default chapter claim auth, the session token must include both:
 

package/dist/chunk-GMGTJIY3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/slot-picker.tsx","../src/ui/datetime.ts","../src/ui/members.tsx","../src/ui/reschedule.tsx","../src/ui/join.tsx","../src/ui/payment-step.tsx","../src/ui/form-fields.ts","../src/ui/join-booking.tsx"],"sourcesContent":["// SlotPicker — a pure presentational day-chips + time-grid picker, shared by the\n// join booking step and the member-area reschedule. Ported from the proven\n// reference Preact island; behaviour and DOM shape are unchanged.\n//\n// It holds only the active-day UI state; slot data, selection, and booking are\n// the caller's (the picker is `onPick`-driven). `classes` lets the composing\n// island supply its own CSS contract (join styles `slot-*`, reschedule\n// `msched-*`); the defaults work standalone against those class names.\nimport { useMemo, useState } from \"preact/hooks\";\nimport { dayLabel, groupSlotsByDay, timeLabel } from \"./datetime.js\";\nimport type { Slot } from \"./datetime.js\";\n\n/** CSS class names for the four picker parts — overridable so one component\n *  serves several differently-styled surfaces. */\nexport interface SlotPickerClasses {\n  days: string;\n  day: string;\n  times: string;\n  time: string;\n}\n\nconst DEFAULT_CLASSES: SlotPickerClasses = {\n  days: \"slot-days\",\n  day: \"slot-day\",\n  times: \"slot-grid\",\n  time: \"slot-time\",\n};\n\n/** Props for {@link SlotPicker}. Generic over the slot type so a caller's richer\n *  slot object survives through `onPick`. */\nexport interface SlotPickerProps<T extends Slot = Slot> {\n  /** Bookable slots, ideally already chronological. */\n  slots: readonly T[];\n  /** The group's scheduling timezone; all labels render in it. */\n  timezone: string;\n  /** The currently-selected slot's start, for the pressed state. */\n  selectedStartAt?: number;\n  /** Called with the full slot object when a time is chosen. */\n  onPick: (slot: T) => void;\n  /** Called when the active day changes (callers clear their selection). */\n  onDayChange?: () => void;\n  classes?: SlotPickerClasses;\n}\n\n/** A day-chips + time-grid slot picker. Presentational and `onPick`-driven: it\n *  owns only the active-day selection; the caller owns slot data, the chosen\n *  slot, and booking. Shared by the join booking step and the member reschedule. */\nexport function SlotPicker<T extends Slot = Slot>(props: SlotPickerProps<T>) {\n  const { slots, timezone, selectedStartAt, onPick, onDayChange, classes = DEFAULT_CLASSES } = props;\n  const byDay = useMemo(() => groupSlotsByDay(slots, timezone), [slots, timezone]);\n  const dayKeys = [...byDay.keys()];\n  const [activeDay, setActiveDay] = useState<string | undefined>(dayKeys[0]);\n\n  // Keep the active day valid if the slot set changed under us (e.g. a reload\n  // after a 409): fall back to the first available day.\n  const day = activeDay !== undefined && byDay.has(activeDay) ? activeDay : dayKeys[0];\n  const times = (day !== undefined ? byDay.get(day) : undefined) ?? [];\n\n  return (\n    <>\n      <div className={classes.days}>\n        {dayKeys.map((key) => {\n          const first = byDay.get(key)?.[0];\n          return (\n            <button\n              key={key}\n              type=\"button\"\n              className={classes.day}\n              aria-pressed={key === day}\n              onClick={() => {\n                setActiveDay(key);\n                onDayChange?.();\n              }}\n            >\n              {first ? dayLabel(first.startAt, timezone) : key}\n            </button>\n          );\n        })}\n      </div>\n      <div className={classes.times}>\n        {times.map((s) => (\n          <button\n            key={s.startAt}\n            type=\"button\"\n            className={classes.time}\n            aria-pressed={selectedStartAt === s.startAt}\n            onClick={() => onPick(s)}\n          >\n            {timeLabel(s.startAt, timezone)}\n          </button>\n        ))}\n      </div>\n    </>\n  );\n}\n","// Date/timezone formatting for the chapter member islands (join booking, member\n// area). Ported from proven production helpers. Every time renders in the\n// group's SCHEDULING timezone with an explicit abbreviation — never the viewer's\n// unlabeled local zone — so an applicant always sees the time the chapter meant.\n// Pure and framework-free, so it is unit-testable without a DOM.\n\n/** A bookable slot: a start instant in epoch milliseconds. */\nexport interface Slot {\n  startAt: number;\n}\n\n/** The timezone's short abbreviation (e.g. \"PST\"); falls back to the id if the\n *  runtime can't resolve it. */\nexport function tzShort(tz: string): string {\n  try {\n    const parts = new Intl.DateTimeFormat(undefined, { timeZone: tz, timeZoneName: \"short\" }).formatToParts(\n      new Date(),\n    );\n    return parts.find((p) => p.type === \"timeZoneName\")?.value ?? tz;\n  } catch {\n    return tz;\n  }\n}\n\n/** DST-safe day bucket key (ISO date in the target zone). Groups slots by the\n *  calendar day a viewer in `tz` would see, not by UTC midnight. */\nexport function dayKey(ms: number, tz: string): string {\n  return new Date(ms).toLocaleDateString(\"en-CA\", { timeZone: tz });\n}\n\n/** Short day label for a day chip, e.g. \"Mon, Jun 3\". */\nexport function dayLabel(ms: number, tz: string): string {\n  return new Date(ms).toLocaleDateString(undefined, { timeZone: tz, weekday: \"short\", month: \"short\", day: \"numeric\" });\n}\n\n/** Time-of-day label for a slot button, e.g. \"2:30 PM\". */\nexport function timeLabel(ms: number, tz: string): string {\n  return new Date(ms).toLocaleTimeString(undefined, { timeZone: tz, hour: \"numeric\", minute: \"2-digit\" });\n}\n\n/** Full, human confirmation label, e.g. \"Monday, June 3, 2:30 PM PST\". */\nexport function fullLabel(ms: number, tz: string): string {\n  return new Date(ms).toLocaleString(undefined, {\n    timeZone: tz,\n    weekday: \"long\",\n    month: \"long\",\n    day: \"numeric\",\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    timeZoneName: \"short\",\n  });\n}\n\n/** Currency label from integer cents, e.g. 100000 → \"$1,000\". */\nexport function fmtMoney(cents: number): string {\n  return \"$\" + Math.round(cents / 100).toLocaleString();\n}\n\n/** Short date label, e.g. \"Jun 3, 2026\" (used for renewal/refund copy). */\nexport function fmtDate(ms: number): string {\n  return new Date(ms).toLocaleDateString(undefined, { month: \"short\", day: \"numeric\", year: \"numeric\" });\n}\n\n/** Bucket slots into an insertion-ordered `Map<dayKey, Slot[]>` for the picker.\n *  Input order is preserved within each day, so a server that returns slots\n *  chronologically yields chronological chips + times. */\nexport function groupSlotsByDay<T extends Slot>(slots: readonly T[], tz: string): Map<string, T[]> {\n  const byDay = new Map<string, T[]>();\n  for (const s of slots) {\n    const k = dayKey(s.startAt, tz);\n    const bucket = byDay.get(k);\n    if (bucket) bucket.push(s);\n    else byDay.set(k, [s]);\n  }\n  return byDay;\n}\n","// The member area island. Reads GET /api/me (role + the member's own\n// application, folded server-side) and renders the account header plus, for a\n// provisional member, their application card with book/reschedule; a full member\n// sees the caller-supplied `memberContent`. Ported from the reference members island to\n// Preact, driven by the injected `api` (no Clerk SDK dependency).\nimport type { ComponentChildren } from \"preact\";\nimport { useEffect, useState } from \"preact/hooks\";\nimport { Rescheduler } from \"./reschedule.js\";\nimport { fmtDate, fullLabel } from \"./datetime.js\";\nimport type { ApiFn } from \"./api.js\";\nimport type { MemberApplication } from \"../session.js\";\nimport { formatChapterCopy, type ChapterCopy } from \"../copy.js\";\nimport { useChapterCopy } from \"./copy-context.js\";\n\ninterface Me {\n  email: string | null;\n  role: string;\n  application: MemberApplication | null;\n}\n\n/** Props for {@link MembersArea}. */\nexport interface MembersAreaProps {\n  api: ApiFn;\n  /** Sign the member out (the host owns Clerk's signOut). */\n  signOut: () => void;\n  /** Where the \"Admin console\" link points for admins. Default \"/admin/\". */\n  adminHref?: string;\n  /** Where an accountless member goes to apply. Default \"/join.html\". */\n  applyHref?: string;\n  /** What a full (non-provisional) member sees below the account header. */\n  memberContent?: ComponentChildren;\n  /** Resolved member-area copy. */\n  copy?: ChapterCopy[\"members\"];\n  /** Replace the provisional application card without replacing auth/data load. */\n  renderProvisional?: (context: MemberProvisionalRenderContext) => ComponentChildren;\n}\n\n/** Data and actions supplied to a site's provisional-member render slot. */\nexport interface MemberProvisionalRenderContext {\n  api: ApiFn;\n  application: MemberApplication | null;\n  applyHref: string;\n  reload: () => Promise<void>;\n  defaultContent: ComponentChildren;\n}\n\nfunction card(copy: ChapterCopy[\"members\"], kicker: string, body: ComponentChildren): ComponentChildren {\n  return (\n    <div className=\"card\">\n      <div className=\"card-label\">{copy.provisional.cardLabel}</div>\n      <div className=\"meeting-block\">\n        <div className=\"meeting-kicker\">{kicker}</div>\n        {body}\n      </div>\n    </div>\n  );\n}\n\nfunction ProvisionalCard(props: {\n  api: ApiFn;\n  application: MemberApplication | null;\n  applyHref: string;\n  copy: ChapterCopy[\"members\"];\n  onReschedule: () => void | Promise<void>;\n}): ComponentChildren {\n  const { api, application, applyHref, copy, onReschedule } = props;\n  if (!application) {\n    return card(\n      copy,\n      copy.provisional.applicationNeeded,\n      <>\n        <div className=\"meeting-note\">{copy.provisional.applicationNeededBody}</div>\n        <a className=\"apply-link\" href={applyHref}>\n          {copy.provisional.apply}\n        </a>\n      </>,\n    );\n  }\n  if (application.status === \"refunded\") {\n    return card(\n      copy,\n      copy.provisional.refunded,\n      <div className=\"meeting-note\">{copy.provisional.refundedBody}</div>,\n    );\n  }\n  const membership = application.paid ? (\n    <div className=\"meeting-note\">\n      {application.renewalAt\n        ? formatChapterCopy(copy.provisional.renews, { date: fmtDate(application.renewalAt) })\n        : copy.provisional.active}\n    </div>\n  ) : null;\n  if (application.meetingAt) {\n    return card(\n      copy,\n      copy.provisional.introductionCall,\n      <>\n        <div className=\"meeting-date\">{fullLabel(application.meetingAt, application.timezone)}</div>\n        <div className=\"meeting-note\">{copy.provisional.calendarInvite}</div>\n        {application.meetUrl ? (\n          <div className=\"meeting-note\">\n            <a href={application.meetUrl} target=\"_blank\" rel=\"noopener\">\n              {copy.provisional.joinCall}\n            </a>\n          </div>\n        ) : null}\n        <Rescheduler\n          api={api}\n          applicationId={application.id}\n          timezone={application.timezone}\n          copy={copy.reschedule}\n          onRescheduled={onReschedule}\n        />\n        {membership}\n      </>,\n    );\n  }\n  return card(\n    copy,\n    copy.provisional.bookCall,\n    <>\n      <div className=\"meeting-note\">{copy.provisional.bookCallBody}</div>\n      <Rescheduler\n        api={api}\n        applicationId={application.id}\n        timezone={application.timezone}\n        copy={copy.reschedule}\n        onRescheduled={onReschedule}\n        label={copy.provisional.chooseTime}\n      />\n      {membership}\n    </>,\n  );\n}\n\n/** The signed-in member area. Loads /api/me on mount and renders the account\n *  header plus the provisional application card or the full-member content. */\nexport function MembersArea(props: MembersAreaProps) {\n  const inheritedCopy = useChapterCopy();\n  const {\n    api,\n    signOut,\n    adminHref = \"/admin/\",\n    applyHref = \"/join.html\",\n    memberContent,\n    renderProvisional,\n  } = props;\n  const copy = props.copy ?? inheritedCopy.members;\n  const [me, setMe] = useState<Me | null>(null);\n  const [error, setError] = useState(false);\n\n  const reload = async () => {\n    try {\n      setMe(await api<Me>(\"/api/me\"));\n    } catch {\n      setError(true);\n    }\n  };\n  useEffect(() => {\n    void reload();\n  }, []);\n\n  if (error) return <p className=\"meeting-note\">{copy.loadFailed}</p>;\n  if (!me) return <p className=\"meeting-note\">{inheritedCopy.common.loading}</p>;\n  const role = me.role || \"provisional\";\n\n  return (\n    <>\n      <div className=\"card\">\n        <div className=\"member-row\">\n          <span className=\"member-email\">{me.email}</span>\n          <span className={\"role-badge \" + role}>{role}</span>\n        </div>\n        <div className=\"account-actions\">\n          <button className=\"btn secondary mini\" onClick={signOut}>\n            {copy.account.signOut}\n          </button>\n          {role === \"admin\" ? (\n            <a className=\"admin-console-link\" href={adminHref}>\n              {copy.account.adminConsole}\n            </a>\n          ) : null}\n        </div>\n      </div>\n      {role === \"provisional\" ? (() => {\n        const defaultContent = (\n          <ProvisionalCard\n            api={api}\n            application={me.application}\n            applyHref={applyHref}\n            copy={copy}\n            onReschedule={reload}\n          />\n        );\n        return renderProvisional?.({\n          api,\n          application: me.application,\n          applyHref,\n          reload,\n          defaultContent,\n        }) ?? defaultContent;\n      })() : (\n        (memberContent ?? (\n          <div className=\"card\">\n            <div className=\"card-label\">{copy.full.welcome}</div>\n          </div>\n        ))\n      )}\n    </>\n  );\n}\n","// In-place reschedule: open a SlotPicker, rebook via /api/schedule/book (the same\n// capability the join flow uses; the application id is the credential). Ported\n// from the reference member-area Rescheduler, driven by the injected `api`.\nimport { useState } from \"preact/hooks\";\nimport { SlotPicker } from \"./slot-picker.js\";\nimport type { Slot } from \"./datetime.js\";\nimport type { ApiFn } from \"./api.js\";\nimport type { ChapterCopy } from \"../copy.js\";\nimport { useChapterCopy } from \"./copy-context.js\";\n\ninterface SlotsResponse {\n  schedulingReady?: boolean;\n  slots?: Slot[];\n  timezone?: string;\n}\n\n/** Props for {@link Rescheduler}. */\nexport interface RescheduleProps {\n  api: ApiFn;\n  applicationId: string;\n  timezone: string;\n  /** Called after a successful (re)booking so the caller can refresh /api/me. */\n  onRescheduled: () => void | Promise<void>;\n  /** Link text to open the picker (e.g. \"Choose a time\" for a first booking). */\n  label?: string;\n  /** Resolved rescheduling copy. */\n  copy?: ChapterCopy[\"members\"][\"reschedule\"];\n}\n\n/** A collapsed \"change your time\" link that expands into a {@link SlotPicker} and\n *  rebooks on pick. Degrades to a message when scheduling is unavailable. */\nexport function Rescheduler(props: RescheduleProps) {\n  const inheritedCopy = useChapterCopy();\n  const copy = props.copy ?? inheritedCopy.members.reschedule;\n  const { api, applicationId, timezone, onRescheduled, label = copy.changeTime } = props;\n  const [open, setOpen] = useState(false);\n  const [slots, setSlots] = useState<Slot[] | null>(null);\n  const [tz, setTz] = useState(timezone);\n  const [busy, setBusy] = useState(false);\n  const [msg, setMsg] = useState<string | null>(null);\n\n  const start = async () => {\n    setOpen(true);\n    setSlots(null);\n    setMsg(null);\n    try {\n      const r = await api<SlotsResponse>(\"/api/schedule/slots\");\n      if (r.schedulingReady === false) {\n        setSlots([]);\n        setMsg(copy.unavailable);\n        return;\n      }\n      setSlots(r.slots ?? []);\n      if (r.timezone) setTz(r.timezone);\n    } catch {\n      setSlots([]);\n      setMsg(copy.loadFailed);\n    }\n  };\n\n  const pick = async (slot: Slot) => {\n    setBusy(true);\n    setMsg(null);\n    try {\n      await api(\"/api/schedule/book\", { method: \"POST\", body: JSON.stringify({ applicationId, startAt: slot.startAt }) });\n      setOpen(false);\n      await onRescheduled();\n    } catch (e) {\n      setMsg(e instanceof Error ? e.message : copy.slotGone);\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  if (!open) {\n    return (\n      <p className=\"meeting-note\">\n        <a\n          href=\"#\"\n          onClick={(e) => {\n            e.preventDefault();\n            void start();\n          }}\n        >\n          {label}\n        </a>\n      </p>\n    );\n  }\n  return (\n    <div className=\"msched\">\n      {slots === null ? (\n        <p className=\"meeting-note\">{copy.loading}</p>\n      ) : slots.length === 0 ? (\n        <p className=\"meeting-note\">{msg ?? copy.noTimes}</p>\n      ) : (\n        <SlotPicker\n          slots={slots}\n          timezone={tz}\n          classes={{ days: \"msched-days\", day: \"msched-day\", times: \"msched-times\", time: \"msched-time\" }}\n          onPick={(s) => void pick(s)}\n        />\n      )}\n      {busy ? <p className=\"meeting-note\">{copy.rescheduling}</p> : null}\n      {msg && slots && slots.length > 0 ? <p className=\"meeting-note error\">{msg}</p> : null}\n      <p className=\"meeting-note\">\n        <a\n          href=\"#\"\n          onClick={(e) => {\n            e.preventDefault();\n            setOpen(false);\n          }}\n        >\n          {copy.keepTime}\n        </a>\n      </p>\n    </div>\n  );\n}\n","// The join island — the signup flow orchestrator. The SITE provides the form\n// fields (as children); this owns the flow: submit → /api/applications →\n// (paymentsReady) the Stripe PaymentStep → (schedulingReady) the SlotPicker\n// booking → confirmation. Faithful to the reference join flow, but the flow +\n// payment + booking are packaged instead of hand-rolled per site.\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { useEffect, useState } from \"preact/hooks\";\nimport { PaymentStep } from \"./payment-step.js\";\nimport { fullLabel } from \"./datetime.js\";\nimport type { ChapterCopy } from \"../copy.js\";\nimport { useChapterCopy } from \"./copy-context.js\";\nimport { collectFormFields } from \"./form-fields.js\";\nimport { JoinBooking } from \"./join-booking.js\";\n\n/** The public join config (the shape `GET /api/join-config` returns). */\nexport interface JoinConfig {\n  id: string;\n  name: string;\n  paymentsReady: boolean;\n  refundPolicyText?: string;\n  /** Resolved copy for the packaged join flow. */\n  copy?: ChapterCopy[\"join\"];\n}\n\n/** Server-validated state used to resume a join journey after a redirect. */\nexport type JoinFlowState =\n  | { step: \"form\" }\n  | { step: \"payment\"; applicationId: string }\n  | { step: \"paymentPending\"; applicationId: string }\n  | { step: \"booking\"; applicationId: string }\n  | {\n      step: \"done\";\n      applicationId: string;\n      booked: { startAt: number; timezone: string };\n    };\n\n/** Canonical flow state supplied to a site's per-step heading render slot. */\nexport interface JoinStepRenderContext {\n  state: JoinFlowState;\n  applicationId?: string;\n}\n\n/** Submission state supplied to a site's submit-control render slot. */\nexport interface JoinSubmitRenderContext {\n  submitting: boolean;\n  disabled: boolean;\n}\n\ninterface JoinResumeResponse {\n  state: \"payment\" | \"paymentPending\" | \"booking\" | \"done\";\n  applicationId: string;\n  booked?: { startAt: number; timezone: string };\n}\n\n/** Load canonical server state for a capability-bearing application id. */\nexport async function loadJoinResume(\n  applicationId: string,\n  fetcher: typeof fetch = fetch,\n): Promise<JoinFlowState> {\n  const res = await fetcher(`/api/join/resume?application=${encodeURIComponent(applicationId)}`);\n  const data = (await res.json()) as JoinResumeResponse & { error?: string };\n  if (!res.ok) throw new Error(data.error ?? \"The application could not be resumed.\");\n  if (data.state === \"done\" && data.booked) {\n    return { step: \"done\", applicationId: data.applicationId, booked: data.booked };\n  }\n  if (data.state === \"paymentPending\") {\n    return { step: \"paymentPending\", applicationId: data.applicationId };\n  }\n  if (data.state === \"booking\") {\n    return { step: \"booking\", applicationId: data.applicationId };\n  }\n  return { step: \"payment\", applicationId: data.applicationId };\n}\n\n/** Props for {@link JoinIsland}. */\nexport interface JoinIslandProps {\n  config: JoinConfig;\n  /** The site's application form fields — inputs with `name` attributes; their\n   *  values are collected via FormData and posted to /api/applications. */\n  children: ComponentChildren;\n  /** Where the confirmation links after booking. Default \"/members/\". */\n  membersHref?: string;\n  /** Resolved join copy. Defaults to `config.copy`, then the nearest provider. */\n  copy?: ChapterCopy[\"join\"];\n  /** Trusted initial state produced by the server, never raw URL parameters. */\n  initialState?: JoinFlowState;\n  /** Resolve redirect/query state against the server before resuming the flow. */\n  loadResume?: () => Promise<JoinFlowState | null>;\n  /** Render a heading or other site-owned framing above each packaged step. */\n  renderStepHeader?: (context: JoinStepRenderContext) => ComponentChildren;\n  /** Replace the packaged completion card while retaining flow orchestration. */\n  renderDone?: (\n    context: Extract<JoinFlowState, { step: \"done\" }> & { membersHref: string },\n  ) => ComponentChildren;\n  /** Replace the submit control without replacing the application form. */\n  renderSubmit?: (context: JoinSubmitRenderContext) => ComponentChildren;\n  /** Additional host validation gate for the submit action. */\n  submitDisabled?: boolean;\n  /** Stripe Elements presentation and site-owned payment content. */\n  payment?: {\n    appearance?: Record<string, unknown>;\n    fonts?: readonly Record<string, unknown>[];\n    renderPriceLines?: (lines: {\n      standardCents: number;\n      discountCents: number;\n      dueTodayCents: number;\n    }) => ComponentChildren;\n    children?: ComponentChildren;\n  };\n}\n\n/** The signup island. Renders the site's form, then drives payment (when the\n *  chapter charges) and booking (when a calendar is connected) to confirmation. */\nexport function JoinIsland(props: JoinIslandProps) {\n  const inheritedCopy = useChapterCopy();\n  const {\n    config,\n    children,\n    membersHref = \"/members/\",\n    renderStepHeader,\n    renderDone,\n    renderSubmit,\n  } = props;\n  const copy = props.copy ?? config.copy ?? inheritedCopy.join;\n  const [state, setState] = useState<JoinFlowState>(props.initialState ?? { step: \"form\" });\n  const [error, setError] = useState<string | null>(null);\n  const [submitting, setSubmitting] = useState(false);\n\n  useEffect(() => {\n    const resolver = props.loadResume ?? (() => {\n      if (typeof window === \"undefined\") return Promise.resolve(null);\n      const applicationId = new URL(window.location.href).searchParams.get(\"application\");\n      return applicationId ? loadJoinResume(applicationId) : Promise.resolve(null);\n    });\n    let live = true;\n    void resolver()\n      .then((resumed) => {\n        if (live && resumed) setState(resumed);\n      })\n      .catch(() => {\n        if (live) setError(copy.form.unexpectedFailure);\n      });\n    return () => {\n      live = false;\n    };\n  }, [props.loadResume]);\n\n  useEffect(() => {\n    if (state.step !== \"paymentPending\") return;\n    let live = true;\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    const poll = async () => {\n      try {\n        const resumed = props.loadResume\n          ? await props.loadResume()\n          : await loadJoinResume(state.applicationId);\n        if (!live || !resumed) return;\n        setState(resumed);\n        if (resumed.step === \"paymentPending\") timer = setTimeout(() => void poll(), 1500);\n      } catch {\n        if (live) timer = setTimeout(() => void poll(), 2500);\n      }\n    };\n    timer = setTimeout(() => void poll(), 1000);\n    return () => {\n      live = false;\n      if (timer) clearTimeout(timer);\n    };\n  }, [state, props.loadResume]);\n\n  const submit = async (e: JSX.TargetedSubmitEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    if (submitting || props.submitDisabled === true) return;\n    setSubmitting(true);\n    setError(null);\n    try {\n      const fields = collectFormFields(new FormData(e.currentTarget));\n      fields.submissionId = crypto.randomUUID();\n      const res = await fetch(\"/api/applications\", {\n        method: \"POST\",\n        headers: { \"content-type\": \"application/json\" },\n        body: JSON.stringify(fields),\n      });\n      const data = (await res.json()) as { id?: string; error?: string };\n      if (!res.ok || !data.id) throw new Error(data.error ?? copy.form.submitFailed);\n      setState({\n        step: config.paymentsReady ? \"payment\" : \"booking\",\n        applicationId: data.id,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : copy.form.unexpectedFailure);\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  const header = renderStepHeader?.({\n    state,\n    ...(\"applicationId\" in state ? { applicationId: state.applicationId } : {}),\n  });\n  if (state.step === \"done\") {\n    const body = renderDone?.({ ...state, membersHref }) ?? (\n      <div className=\"join-done card\">\n        <div className=\"card-label\">{copy.done.label}</div>\n        <p className=\"meeting-date\">{fullLabel(state.booked.startAt, state.booked.timezone)}</p>\n        <p className=\"meeting-note\">{copy.done.calendarInvite}</p>\n        <a className=\"apply-link\" href={membersHref}>\n          {copy.done.memberArea}\n        </a>\n      </div>\n    );\n    return <>{header}{body}</>;\n  }\n  if (state.step === \"booking\") {\n    return (\n      <>\n        {header}\n        <JoinBooking\n          applicationId={state.applicationId}\n          copy={copy.booking}\n          onBooked={(booked) => {\n            setState({ step: \"done\", applicationId: state.applicationId, booked });\n          }}\n        />\n      </>\n    );\n  }\n  if (state.step === \"payment\") {\n    return (\n      <>\n        {header}\n        <PaymentStep\n          applicationId={state.applicationId}\n          refundPolicyText={config.refundPolicyText ?? \"\"}\n          copy={copy.payment}\n          appearance={props.payment?.appearance}\n          fonts={props.payment?.fonts}\n          renderPriceLines={props.payment?.renderPriceLines}\n          onPaid={() => setState({ step: \"booking\", applicationId: state.applicationId })}\n        >\n          {props.payment?.children}\n        </PaymentStep>\n      </>\n    );\n  }\n  if (state.step === \"paymentPending\") {\n    return (\n      <>\n        {header}\n        <p className=\"pay-status\" role=\"status\">{copy.payment.pending}</p>\n      </>\n    );\n  }\n  const submitDisabled = submitting || props.submitDisabled === true;\n  return (\n    <>\n      {header}\n      <form className=\"join-form\" onSubmit={(e) => void submit(e)}>\n        {children}\n        {error ? <p className=\"join-error\">{error}</p> : null}\n        {renderSubmit?.({ submitting, disabled: submitDisabled }) ?? (\n          <button className=\"submit-btn\" type=\"submit\" disabled={submitDisabled}>\n            {submitting ? copy.form.submitting : copy.form.submit}\n          </button>\n        )}\n      </form>\n    </>\n  );\n}\n","// The join flow's payment step. Ports the reference card entry into the island:\n// dynamically loads js.stripe.com (NO @stripe/react-stripe-js dep), creates a\n// subscription server-side, and mounts a Stripe Payment Element. The refund-policy\n// checkbox is the gate — checking it starts the (money-creating) subscription\n// call. Client success is advisory only; the webhook is the\n// authoritative writer of paid state (see payments.ts).\nimport type { ComponentChildren } from \"preact\";\nimport { useRef, useState } from \"preact/hooks\";\nimport type { ChapterCopy } from \"../copy.js\";\nimport { useChapterCopy } from \"./copy-context.js\";\n\n// Minimal shapes for the dynamically-loaded js.stripe.com global.\ninterface StripeElementsApi {\n  create(type: string): { mount(target: HTMLElement): void };\n}\ninterface StripeApi {\n  elements(opts: {\n    clientSecret: string;\n    appearance?: Record<string, unknown>;\n    fonts?: readonly Record<string, unknown>[];\n  }): StripeElementsApi;\n  confirmPayment(opts: {\n    elements: StripeElementsApi;\n    confirmParams?: { return_url?: string };\n    redirect?: \"if_required\";\n  }): Promise<{ error?: { message?: string }; paymentIntent?: { status?: string } }>;\n}\ntype StripeFactory = (publishableKey: string) => StripeApi;\n\nlet loader: Promise<StripeFactory> | null = null;\n\n/** Load js.stripe.com once and resolve the `Stripe` global (browser only). */\nfunction loadStripe(): Promise<StripeFactory> {\n  const existing = (globalThis as { Stripe?: StripeFactory }).Stripe;\n  if (existing) return Promise.resolve(existing);\n  if (!loader) {\n    loader = new Promise<StripeFactory>((resolve, reject) => {\n      const s = document.createElement(\"script\");\n      s.src = \"https://js.stripe.com/v3/\";\n      s.onload = () => {\n        const fn = (globalThis as { Stripe?: StripeFactory }).Stripe;\n        if (fn) resolve(fn);\n        else reject(new Error(\"stripe.js unavailable\"));\n      };\n      s.onerror = () => reject(new Error(\"stripe.js failed to load\"));\n      document.head.appendChild(s);\n    });\n  }\n  return loader;\n}\n\n/** Props for {@link PaymentStep}. */\nexport interface PaymentStepProps {\n  /** The application to attach the subscription to (the capability). */\n  applicationId: string;\n  /** Refund-policy copy the applicant must acknowledge to start payment. */\n  refundPolicyText: string;\n  /** Called once the payment succeeds (or is processing) — advance to booking. */\n  onPaid: () => void;\n  /** Stripe Elements appearance passed through without Chapter reinterpretation. */\n  appearance?: Record<string, unknown>;\n  /** Stripe Elements custom-font descriptors. */\n  fonts?: readonly Record<string, unknown>[];\n  /** Resolved payment-step copy. */\n  copy?: ChapterCopy[\"join\"][\"payment\"];\n  /** Render the server-returned membership price breakdown. */\n  renderPriceLines?: (lines: PaymentPriceLines) => ComponentChildren;\n  /** Site-owned trust, security, or explanatory content. */\n  children?: ComponentChildren;\n}\n\n/** Server-authoritative membership amounts supplied to the payment price slot. */\nexport interface PaymentPriceLines {\n  standardCents: number;\n  discountCents: number;\n  dueTodayCents: number;\n}\n\ninterface SubResponse {\n  clientSecret?: string;\n  publishableKey?: string | null;\n  lineItems?: PaymentPriceLines;\n}\n\n/** The card-entry step: acknowledge the refund policy → create the subscription\n *  → mount Stripe Elements → confirm. */\nexport function PaymentStep(props: PaymentStepProps) {\n  const inheritedCopy = useChapterCopy();\n  const {\n    applicationId,\n    refundPolicyText,\n    onPaid,\n    appearance,\n    fonts,\n    renderPriceLines,\n    children,\n  } = props;\n  const copy = props.copy ?? inheritedCopy.join.payment;\n  const [status, setStatus] = useState<\"idle\" | \"loading\" | \"ready\" | \"confirming\">(\"idle\");\n  const [error, setError] = useState<string | null>(null);\n  const [lineItems, setLineItems] = useState<PaymentPriceLines | null>(null);\n  const mountRef = useRef<HTMLDivElement | null>(null);\n  const stripeRef = useRef<StripeApi | null>(null);\n  const elementsRef = useRef<StripeElementsApi | null>(null);\n\n  const begin = async () => {\n    setStatus(\"loading\");\n    setError(null);\n    try {\n      const res = await fetch(\"/api/payments/subscription\", {\n        method: \"POST\",\n        headers: { \"content-type\": \"application/json\" },\n        body: JSON.stringify({ applicationId, refundPolicyAck: true }),\n      });\n      const data = (await res.json()) as SubResponse;\n      if (!res.ok || !data.clientSecret || !data.publishableKey) throw new Error(copy.setupFailed);\n      const stripe = (await loadStripe())(data.publishableKey);\n      const elements = stripe.elements({\n        clientSecret: data.clientSecret,\n        ...(appearance ? { appearance } : {}),\n        ...(fonts ? { fonts } : {}),\n      });\n      const element = elements.create(\"payment\");\n      if (mountRef.current) element.mount(mountRef.current);\n      stripeRef.current = stripe;\n      elementsRef.current = elements;\n      setLineItems(data.lineItems ?? null);\n      setStatus(\"ready\");\n    } catch (e) {\n      setStatus(\"idle\");\n      setError(e instanceof Error ? e.message : copy.setupFailed);\n    }\n  };\n\n  const pay = async () => {\n    const stripe = stripeRef.current;\n    const elements = elementsRef.current;\n    if (!stripe || !elements) return;\n    setStatus(\"confirming\");\n    setError(null);\n    let returnUrl: string | undefined;\n    if (typeof window !== \"undefined\") {\n      const next = new URL(window.location.href);\n      next.searchParams.set(\"application\", applicationId);\n      next.searchParams.set(\"redirect_status\", \"succeeded\");\n      returnUrl = next.toString();\n    }\n    const result = await stripe.confirmPayment({ elements, confirmParams: { return_url: returnUrl }, redirect: \"if_required\" });\n    if (result.error) {\n      setError(result.error.message ?? copy.incomplete);\n      setStatus(\"ready\");\n      return;\n    }\n    const paid = result.paymentIntent?.status;\n    if (paid === \"succeeded\" || paid === \"processing\") onPaid();\n    else {\n      setError(copy.incomplete);\n      setStatus(\"ready\");\n    }\n  };\n\n  return (\n    <div className=\"join-pay\">\n      {/*\n        The policy is a block of its own and the checkbox carries the\n        affirmative sentence, so what the member agrees to is a statement of\n        agreement rather than the policy text itself. A site that wants the\n        checkbox labelled only by the policy sets `copy.join.payment.consent`\n        to an empty string.\n      */}\n      <div className=\"compliance-box\">\n        <p className=\"compliance-policy\">{refundPolicyText}</p>\n        <label className=\"compliance-check\">\n          <input\n            type=\"checkbox\"\n            disabled={status !== \"idle\"}\n            onChange={(e) => {\n              if (e.currentTarget.checked) void begin();\n            }}\n          />\n          {copy.consent ? <span>{copy.consent}</span> : null}\n        </label>\n      </div>\n      {status === \"loading\" ? <p className=\"pay-status\">{copy.preparing}</p> : null}\n      {lineItems && renderPriceLines ? renderPriceLines(lineItems) : null}\n      {children}\n      <div ref={mountRef} hidden={status === \"idle\" || status === \"loading\"} />\n      {status === \"ready\" || status === \"confirming\" ? (\n        <button className=\"submit-btn\" disabled={status === \"confirming\"} onClick={() => void pay()}>\n          {status === \"confirming\" ? copy.processing : copy.payAndContinue}\n        </button>\n      ) : null}\n      {error ? <p className=\"pay-error\">{error}</p> : null}\n    </div>\n  );\n}\n","// Turning a submitted form into the JSON body /api/applications receives.\n// Split out of join.tsx so the multi-value rule is unit-testable without\n// mounting the island.\n\n/**\n * Collect a form's fields into a JSON-serializable object.\n *\n * A name that appears once yields its single value; a name that repeats yields\n * an array. Repetition is how a checkbox group (several inputs sharing one\n * `name`) expresses a multi-select, so folding it to a single value would\n * silently discard all but the last box the member ticked.\n *\n * `File` values are dropped: the application body is JSON, and a `File` would\n * serialize to `{}` and land in the row as an empty object.\n */\nexport function collectFormFields(form: FormData): Record<string, unknown> {\n  const fields: Record<string, unknown> = {};\n  for (const key of new Set(form.keys())) {\n    const values = form.getAll(key).filter((v): v is string => typeof v === \"string\");\n    if (values.length === 0) continue;\n    fields[key] = values.length > 1 ? values : values[0];\n  }\n  return fields;\n}\n","import type { ComponentChildren } from \"preact\";\nimport { useEffect, useState } from \"preact/hooks\";\nimport type { ChapterCopy } from \"../copy.js\";\nimport type { Slot } from \"./datetime.js\";\nimport { SlotPicker } from \"./slot-picker.js\";\n\ninterface SlotsResponse {\n  schedulingReady?: boolean;\n  slots?: Slot[];\n  timezone?: string;\n}\n\nexport function JoinBooking(props: {\n  applicationId: string;\n  copy: ChapterCopy[\"join\"][\"booking\"];\n  onBooked: (b: { startAt: number; timezone: string }) => void;\n}): ComponentChildren {\n  const { applicationId, copy, onBooked } = props;\n  const [state, setState] = useState<{ slots: Slot[]; timezone: string } | null>(null);\n  const [msg, setMsg] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const [selected, setSelected] = useState<Slot | null>(null);\n\n  const load = async () => {\n    setMsg(null);\n    try {\n      const res = await fetch(\"/api/schedule/slots\");\n      const data = (await res.json()) as SlotsResponse;\n      if (data.schedulingReady === false || !data.slots?.length) {\n        setState(null);\n        setMsg(copy.unavailable);\n        return;\n      }\n      setState({ slots: data.slots, timezone: data.timezone ?? \"UTC\" });\n    } catch {\n      setMsg(copy.loadFailed);\n    }\n  };\n  useEffect(() => {\n    void load();\n  }, []);\n\n  const book = async () => {\n    if (!selected) return;\n    setBusy(true);\n    setMsg(null);\n    try {\n      const res = await fetch(\"/api/schedule/book\", {\n        method: \"POST\",\n        headers: { \"content-type\": \"application/json\" },\n        body: JSON.stringify({ applicationId, startAt: selected.startAt }),\n      });\n      const data = (await res.json()) as { startAt?: number; error?: string; code?: string };\n      if (res.status === 409 && data.code === \"calendar_slot_unavailable\") {\n        setSelected(null);\n        setMsg(copy.slotTaken);\n        await load();\n        return;\n      }\n      if (!res.ok) throw new Error(data.error ?? copy.failed);\n      onBooked({ startAt: data.startAt ?? selected.startAt, timezone: state?.timezone ?? \"UTC\" });\n    } catch (e) {\n      setMsg(e instanceof Error ? e.message : copy.failed);\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  if (!state) return <p className=\"slots-status\">{msg ?? copy.loading}</p>;\n  return (\n    <div className=\"join-book\">\n      <SlotPicker\n        slots={state.slots}\n        timezone={state.timezone}\n        selectedStartAt={selected?.startAt}\n        onPick={setSelected}\n        onDayChange={() => setSelected(null)}\n      />\n      <div className=\"slot-confirm\" hidden={!selected}>\n        <button className=\"submit-btn\" disabled={busy} onClick={() => void book()}>\n          {busy ? copy.booking : copy.book}\n        </button>\n        {msg ? <p className=\"step2-note\">{msg}</p> : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["useState","useState","jsx","jsxs","useState","Fragment","jsx","jsxs","useState","useEffect","useState","useState","jsx","jsxs","useState","useEffect","useState","jsx","jsxs","useState","useEffect","Fragment","jsx","jsxs","useState","useEffect"]}