@odla-ai/chapter 0.17.0 → 0.19.0

package/dist/chunk-D3QMK3ED.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/admin.tsx","../src/ui/chrome.tsx","../src/ui/admin-layout.tsx","../src/ui/admin-people.tsx","../src/ui/admin-record-actions.tsx","../src/ui/admin-api.ts","../src/ui/admin-dashboard.tsx","../src/ui/admin-billing.tsx","../src/ui/admin-email.tsx","../src/ui/admin-meetings.tsx","../src/ui/admin-availability.tsx"],"sourcesContent":["// ChapterAdmin — the whole admin console for a chapter/hub, owned by the package\n// so no site re-wires (or re-bugs) it: the Clerk publishable-key fetch\n// (/api/config), the themed sign-in with the post-sign-in redirect DERIVED from\n// basePath (so it never bounces to \"/\"), the odla-db admins-allowlist check\n// (/api/me), and a TopBar shell (chrome.tsx) that renders the caller's sections.\nimport { useEffect, useMemo, useState } from \"react\";\nimport { ClerkGate, SignedIn, SignedOut, SignIn, useClerkAuth, clerkAppearanceFromTokens } from \"@odla-ai/auth-clerk\";\nimport { CrmClient } from \"@odla-ai/crm\";\nimport { S, Gate, AdminShell } from \"./chrome.js\";\nimport type { AdminSection, Brand } from \"./chrome.js\";\n\nexport type { AdminSection, AdminSectionContext } from \"./chrome.js\";\n\n/** Props for {@link ChapterAdmin}. */\nexport interface ChapterAdminProps {\n  /** The admin sections to render (nav label + body). */\n  sections: AdminSection[];\n  /** Admin mount path. The sign-in redirect + section routing derive from it,\n   * so the \"bounce to home after sign-in\" bug is impossible. Default \"/admin\". */\n  basePath?: string;\n  /** Wordmark shown in the gate + top bar. */\n  brand?: Brand;\n  /** CRM route mount. Default \"/api/crm\". */\n  crmBasePath?: string;\n  /** Origin for /api/config and /api/me. Default same origin. */\n  apiBase?: string;\n}\n\n// After sign-in: build a token-bound CrmClient, confirm the account is an\n// allowlisted admin (/api/me), then render the shell.\nfunction Authed(props: {\n  sections: AdminSection[];\n  basePath: string;\n  brand: Brand;\n  crmBasePath: string;\n  apiBase: string;\n}) {\n  const { sections, basePath, brand, crmBasePath, apiBase } = props;\n  const { getToken, signOut } = useClerkAuth();\n  const client = useMemo(\n    () =>\n      new CrmClient({\n        basePath: crmBasePath,\n        headers: async (): Promise<Record<string, string>> => {\n          const t = await getToken();\n          return t ? { authorization: `Bearer ${t}` } : {};\n        },\n      }),\n    [getToken, crmBasePath],\n  );\n  const [state, setState] = useState<{ status: \"checking\" | \"ok\" | \"denied\"; email?: string | null }>({\n    status: \"checking\",\n  });\n\n  useEffect(() => {\n    let live = true;\n    void (async () => {\n      try {\n        const t = await getToken();\n        const res = await fetch(`${apiBase}/api/me`, { headers: t ? { authorization: `Bearer ${t}` } : {} });\n        const body = (await res.json().catch(() => ({}))) as { authorized?: boolean; email?: string | null };\n        if (live) setState({ status: body.authorized ? \"ok\" : \"denied\", email: body.email ?? null });\n      } catch {\n        if (live) setState({ status: \"denied\" });\n      }\n    })();\n    return () => {\n      live = false;\n    };\n  }, [getToken, apiBase]);\n\n  if (state.status === \"checking\") {\n    return (\n      <Gate brand={brand}>\n        <p style={S.muted}>Checking access…</p>\n      </Gate>\n    );\n  }\n  if (state.status === \"denied\") {\n    return (\n      <Gate brand={brand}>\n        <div className=\"card\" style={S.card}>\n          <h2 style={{ marginTop: 0 }}>Not authorized</h2>\n          <p style={S.muted}>\n            {state.email ? `${state.email} isn't` : \"This account isn't\"} on the admin list. Ask an existing admin to add\n            you in odla Studio.\n          </p>\n          <button className=\"btn secondary\" onClick={() => signOut()} style={{ marginTop: 12 }}>\n            Sign out\n          </button>\n        </div>\n      </Gate>\n    );\n  }\n  return (\n    <AdminShell\n      sections={sections}\n      basePath={basePath}\n      brand={brand}\n      client={client}\n      getToken={getToken}\n      signOut={signOut}\n      email={state.email ?? null}\n    />\n  );\n}\n\n/**\n * The whole admin console for a chapter/hub: fetches the Clerk publishable key\n * (/api/config), gates on sign-in with the post-sign-in redirect derived from\n * `basePath`, checks the odla-db admins allowlist (/api/me), and renders a\n * TopBar shell over the caller's `sections`. The gate/shell/redirect are owned\n * here so no site re-wires (or re-bugs) them.\n */\nexport function ChapterAdmin(props: ChapterAdminProps) {\n  const sections = props.sections;\n  const basePath = props.basePath ?? \"/admin\";\n  const brand = props.brand ?? { name: \"Admin\" };\n  const crmBasePath = props.crmBasePath ?? \"/api/crm\";\n  const apiBase = props.apiBase ?? \"\";\n\n  const [pk, setPk] = useState<string | null | undefined>(undefined);\n  useEffect(() => {\n    let live = true;\n    void (async () => {\n      try {\n        const res = await fetch(`${apiBase}/api/config`);\n        const body = (await res.json()) as { clerkPublishableKey?: string | null };\n        if (live) setPk(body.clerkPublishableKey ?? null);\n      } catch {\n        if (live) setPk(null);\n      }\n    })();\n    return () => {\n      live = false;\n    };\n  }, [apiBase]);\n\n  if (pk === undefined) {\n    return (\n      <Gate brand={brand}>\n        <p style={S.muted}>Loading…</p>\n      </Gate>\n    );\n  }\n  if (!pk) {\n    return (\n      <Gate brand={brand}>\n        <div className=\"card\" style={S.card}>\n          <h2 style={{ marginTop: 0 }}>Sign-in not configured</h2>\n          <p style={S.muted}>No Clerk publishable key is set for this environment yet.</p>\n        </div>\n      </Gate>\n    );\n  }\n  return (\n    <ClerkGate publishableKey={pk} appearance={clerkAppearanceFromTokens()} afterSignOutUrl=\"/\">\n      <SignedOut>\n        <Gate brand={brand} tagline=\"Admin sign-in — invite only\">\n          <SignIn routing=\"hash\" forceRedirectUrl={basePath} signUpForceRedirectUrl={basePath} />\n        </Gate>\n      </SignedOut>\n      <SignedIn>\n        <Authed sections={sections} basePath={basePath} brand={brand} crmBasePath={crmBasePath} apiBase={apiBase} />\n      </SignedIn>\n    </ClerkGate>\n  );\n}\n","// Shared chrome for ChapterAdmin: the section contract, the centered gate\n// screen, the signed-in TopBar shell, and the inline style tokens. Split out of\n// admin.tsx to stay under the repo's per-file LOC cap. Uses only @odla-ai/ui\n// classes + --ui-* tokens, so a consumer needs nothing beyond the odla-ui sheet.\nimport { useCallback, useEffect, useState } from \"react\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { TopBar, TopBarLink } from \"@odla-ai/ui/components\";\nimport type { CrmClient } from \"@odla-ai/crm\";\nimport { ThemeWarning } from \"./admin-layout.js\";\n\n/** What each admin section receives. `client` is a CrmClient bound to the\n * signed-in admin's bearer token; `navigate` switches sections. */\nexport interface AdminSectionContext {\n  client: CrmClient;\n  getToken: () => Promise<string | null>;\n  /** Switch to another section by id (e.g. Overview \"jump in\" buttons). */\n  navigate: (sectionId: string) => void;\n}\n\n/** One admin-console section: a nav label and a body renderer. */\nexport interface AdminSection {\n  id: string;\n  label: string;\n  render: (ctx: AdminSectionContext) => ReactNode;\n}\n\n/** Wordmark shown in the gate and top bar. `name` is the plain-text identity (and\n *  the badge fallback); `wordmark` is an optional rich display node for brands\n *  whose typography can't be a plain string (e.g. an ampersand wrapped to render\n *  upright), and `badge` overrides the glyph. */\nexport type Brand = { name: string; badge?: string; wordmark?: ReactNode };\n\n/** The badge glyph: the explicit `badge`, else the first 3 letters of `name`. */\nexport const badgeText = (brand: Brand): string => brand.badge ?? brand.name.slice(0, 3).toUpperCase();\n\n/** The display node: the rich `wordmark` if given, else the plain `name`. */\nexport const brandDisplay = (brand: Brand): ReactNode => brand.wordmark ?? brand.name;\n\n/** Inline style tokens (keyed to --ui-* custom properties). */\nexport const S: Record<string, CSSProperties> = {\n  gate: {\n    minHeight: \"100vh\",\n    display: \"grid\",\n    placeItems: \"center\",\n    padding: 24,\n    background:\n      \"radial-gradient(900px 480px at 50% -8%, var(--ui-accent-soft), transparent 70%),\" +\n      \" radial-gradient(700px 500px at 110% 10%, var(--ui-good-soft), transparent 60%)\",\n  },\n  gateInner: { width: \"100%\", maxWidth: 400, display: \"flex\", flexDirection: \"column\", alignItems: \"center\" },\n  brandBox: { textAlign: \"center\", marginBottom: 22 },\n  badge: {\n    width: 52,\n    height: 52,\n    margin: \"0 auto 14px\",\n    display: \"grid\",\n    placeItems: \"center\",\n    fontSize: 15,\n    fontWeight: 700,\n    color: \"var(--ui-on-accent)\",\n    background: \"linear-gradient(135deg, var(--ui-accent), var(--ui-accent-strong))\",\n    borderRadius: 14,\n    boxShadow: \"0 10px 28px var(--ui-accent-soft)\",\n  },\n  badgeSm: {\n    width: 26,\n    height: 26,\n    display: \"grid\",\n    placeItems: \"center\",\n    fontSize: 10,\n    fontWeight: 700,\n    color: \"var(--ui-on-accent)\",\n    background: \"linear-gradient(135deg, var(--ui-accent), var(--ui-accent-strong))\",\n    borderRadius: 7,\n    marginRight: 9,\n  },\n  h1: { margin: 0, fontSize: 28, letterSpacing: \"-0.02em\", fontWeight: 700 },\n  muted: { color: \"var(--ui-text-muted)\" },\n  role: {\n    fontFamily: \"var(--ui-font-mono)\",\n    fontSize: 11,\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.04em\",\n    padding: \"2px 8px\",\n    borderRadius: 999,\n    background: \"var(--ui-accent-soft)\",\n    border: \"1px solid var(--ui-accent)\",\n    color: \"var(--ui-accent-strong)\",\n  },\n  whoami: { display: \"flex\", alignItems: \"center\", gap: 8, fontSize: 12 },\n  // Sections own their own width/padding (e.g. a .wrap container).\n  main: { minHeight: \"calc(100vh - 61px)\" },\n  card: { width: \"100%\", textAlign: \"center\" },\n};\n\n/** Centered gate screen used for loading / sign-in / denied / not-configured. */\nexport function Gate(props: { brand: Brand; tagline?: string; children: ReactNode }) {\n  const { brand, tagline, children } = props;\n  return (\n    <div style={S.gate}>\n      <div style={S.gateInner}>\n        <div style={S.brandBox}>\n          <div style={S.badge}>{badgeText(brand)}</div>\n          <h1 style={S.h1}>{brandDisplay(brand)}</h1>\n          {tagline ? <p style={{ ...S.muted, margin: \"8px 0 0\", fontSize: 14 }}>{tagline}</p> : null}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** The signed-in shell: a TopBar of the caller's sections + the active body. */\nexport function AdminShell(props: {\n  sections: AdminSection[];\n  basePath: string;\n  brand: Brand;\n  client: CrmClient;\n  getToken: () => Promise<string | null>;\n  signOut: () => void;\n  email: string | null;\n}) {\n  const { sections, basePath, brand, client, getToken, signOut, email } = props;\n\n  const sectionFromPath = useCallback(() => {\n    const fallback = sections[0]?.id ?? \"\";\n    if (typeof window === \"undefined\") return fallback;\n    const rest = window.location.pathname.slice(basePath.length).replace(/^\\//, \"\");\n    const id = rest.split(\"/\")[0] ?? \"\";\n    return sections.some((s) => s.id === id) ? id : fallback;\n  }, [sections, basePath]);\n\n  const [section, setSection] = useState(sectionFromPath);\n\n  const go = useCallback(\n    (id: string) => {\n      window.history.pushState(null, \"\", `${basePath}/${id}`);\n      setSection(id);\n    },\n    [basePath],\n  );\n\n  useEffect(() => {\n    const onPop = () => setSection(sectionFromPath());\n    window.addEventListener(\"popstate\", onPop);\n    return () => window.removeEventListener(\"popstate\", onPop);\n  }, [sectionFromPath]);\n\n  const active = sections.find((s) => s.id === section) ?? sections[0];\n\n  return (\n    <>\n      <TopBar>\n        <a className=\"topbar-brand\" href=\"/\" style={{ display: \"inline-flex\", alignItems: \"center\" }}>\n          <span style={S.badgeSm}>{badgeText(brand)}</span>\n          {brandDisplay(brand)}\n        </a>\n        <nav className=\"topbar-nav\" aria-label=\"Admin navigation\">\n          {sections.map((s) => (\n            <TopBarLink key={s.id} active={section === s.id} onClick={() => go(s.id)}>\n              {s.label}\n            </TopBarLink>\n          ))}\n        </nav>\n        <div className=\"topbar-spacer\" />\n        <div className=\"topbar-actions\">\n          <span style={S.whoami}>\n            <span style={S.role}>admin</span>\n            {email ? <span style={S.muted}>{email}</span> : null}\n          </span>\n          <button className=\"btn secondary mini\" onClick={() => signOut()}>\n            Sign out\n          </button>\n        </div>\n      </TopBar>\n      <main className=\"shell-main\" style={S.main}>\n        <ThemeWarning />\n        {active ? active.render({ client, getToken, navigate: go }) : null}\n      </main>\n    </>\n  );\n}\n","// Shared layout for the admin sections, so every section is a centered column of\n// odla-ui `.panel` cards with consistent width and spacing — the container the\n// chrome expects sections to own. No invented classes: `.panel`/`.muted` are\n// odla-ui's, and the width/gap is inline so it works without a per-site stylesheet.\nimport { useEffect, useState } from \"react\";\nimport type { CSSProperties, ReactNode } from \"react\";\n\nconst PAGE: CSSProperties = { maxWidth: 1120, margin: \"0 auto\", padding: \"28px 20px 64px\", display: \"flex\", flexDirection: \"column\", gap: 20 };\nconst HEAD: CSSProperties = { display: \"flex\", alignItems: \"baseline\", justifyContent: \"space-between\", gap: 16, flexWrap: \"wrap\" };\n\n/** The centered content column every admin section renders into. */\nexport function AdminPage({ children }: { children: ReactNode }) {\n  return <div style={PAGE}>{children}</div>;\n}\n\n/** An odla-ui `.panel` card with an optional heading + trailing actions. */\nexport function Panel({ title, actions, children }: { title?: ReactNode; actions?: ReactNode; children: ReactNode }) {\n  return (\n    <section className=\"panel\" style={{ display: \"flex\", flexDirection: \"column\", gap: 14 }}>\n      {title || actions ? (\n        <header style={HEAD}>\n          {title ? <h2 style={{ margin: 0, fontSize: 18 }}>{title}</h2> : <span />}\n          {actions ? <div style={{ display: \"flex\", gap: 8, alignItems: \"center\" }}>{actions}</div> : null}\n        </header>\n      ) : null}\n      {children}\n    </section>\n  );\n}\n\n// odla-ui components read their colors from `--ui-*` design tokens whose VALUES\n// come from the theme layer (e.g. @odla-ai/ui/themes/salt/tokens.css + ui.css),\n// NOT from @odla-ai/ui/index.css. Loading only index.css (or a theme whose remap\n// has no primitives behind it) leaves tokens like `--ui-surface` undefined, and\n// the whole console renders transparent/broken — silently. This probes a real\n// `.panel` background and, if it's transparent, says so LOUDLY instead.\nfunction themeLooksMissing(): boolean {\n  if (typeof document === \"undefined\") return false;\n  const probe = document.createElement(\"div\");\n  probe.className = \"panel\";\n  probe.style.cssText = \"position:absolute;visibility:hidden;pointer-events:none\";\n  document.body.appendChild(probe);\n  const bg = getComputedStyle(probe).backgroundColor;\n  probe.remove();\n  return !bg || bg === \"transparent\" || bg === \"rgba(0, 0, 0, 0)\";\n}\n\n/** A loud banner when the odla-ui theme token layer is missing — the silent-and-\n *  total failure S&S flagged. Renders nothing when the theme is present. */\nexport function ThemeWarning() {\n  const [missing, setMissing] = useState(false);\n  useEffect(() => setMissing(themeLooksMissing()), []);\n  if (!missing) return null;\n  return (\n    <div\n      role=\"alert\"\n      style={{ background: \"#7f1d1d\", color: \"#fff\", padding: \"12px 20px\", fontSize: 14, lineHeight: 1.5, textAlign: \"center\" }}\n    >\n      <strong>odla-ui theme tokens are missing.</strong> The console reads colors from a theme layer, not{\" \"}\n      <code>@odla-ai/ui/index.css</code> alone. Import a theme before it — e.g.{\" \"}\n      <code>@odla-ai/ui/themes/salt/tokens.css</code> and <code>@odla-ai/ui/themes/salt/ui.css</code> — then{\" \"}\n      <code>@odla-ai/ui/index.css</code>. See the @odla-ai/chapter README (“Theme tokens”).\n    </div>\n  );\n}\n\n/** A centered status line for loading / empty / error states. */\nexport function AdminNote({ children }: { children: ReactNode }) {\n  return (\n    <AdminPage>\n      <section className=\"panel\">\n        <p className=\"muted\" style={{ margin: 0 }}>{children}</p>\n      </section>\n    </AdminPage>\n  );\n}\n","// People/CRM admin section — the core admin workflow, assembled from the shipped\n// @odla-ai/crm/ui kit against the /api/crm/* routes the worker already mounts.\n// It's a FACTORY: peopleSection({ crm }) → an AdminSection you drop into\n// ChapterAdmin's `sections`. Every lifecycle action (edit fields, move pipeline\n// stage, tag) goes through the token-bound CrmClient — never a direct db write,\n// so the package's operational invariants hold (G7).\nimport { useState } from \"react\";\nimport { CrmList, RecordPanel, useCrmQuery, useCrmRecord } from \"@odla-ai/crm/ui\";\nimport type { Crm, CrmClient, CrmRecord } from \"@odla-ai/crm\";\nimport type { AdminSection } from \"./chrome.js\";\nimport { RecordActions } from \"./admin-record-actions.js\";\nimport { AdminPage } from \"./admin-layout.js\";\n\nconst DEFAULT_ROLES = [\"provisional\", \"member\", \"admin\"] as const;\n\nfunction PeopleBody(props: { crm: Crm; client: CrmClient; type: string; getToken: () => Promise<string | null>; roles: readonly string[]; lifecycle: boolean }) {\n  const { crm, client, type, getToken, roles, lifecycle } = props;\n  // The crm/ui hooks type their client against @odla-ai/crm's ui-entry bundled\n  // declaration; ctx.client is the core-entry declaration. Same runtime class,\n  // but their private field makes the two .d.ts copies nominally distinct — cast\n  // to the param type the hooks expect.\n  const hookClient = client as unknown as Parameters<typeof useCrmQuery>[0];\n  const query = useCrmQuery(hookClient, type);\n  const [openId, setOpenId] = useState<string | null>(null);\n  const record = useCrmRecord(hookClient, openId);\n  const [saving, setSaving] = useState(false);\n\n  const saveFields = async (input: Record<string, unknown>) => {\n    if (!openId) return;\n    setSaving(true);\n    try {\n      await client.updateRecord(openId, { input });\n      record.refresh();\n      query.refresh();\n    } finally {\n      setSaving(false);\n    }\n  };\n  const moveStage = async (to: string) => {\n    if (!openId) return;\n    await client.setStage(openId, to);\n    record.refresh();\n    query.refresh();\n  };\n  const addTag = async (tag: string) => {\n    if (openId) {\n      await client.addTag(openId, tag);\n      record.refresh();\n    }\n  };\n  const removeTag = async (tag: string) => {\n    if (openId) {\n      await client.removeTag(openId, tag);\n      record.refresh();\n    }\n  };\n\n  return (\n    <AdminPage>\n      <CrmList crm={crm} type={type} query={query} onOpenRecord={(r: CrmRecord) => setOpenId(r.id)} />\n      {record.detail ? (\n        <div>\n          <RecordPanel\n            crm={crm}\n            detail={record.detail}\n            onSaveFields={saveFields}\n            onMoveStage={moveStage}\n            onAddTag={addTag}\n            onRemoveTag={removeTag}\n            saving={saving}\n          />\n          {lifecycle ? (\n            <RecordActions\n              getToken={getToken}\n              record={record.detail.record}\n              roles={roles}\n              onChanged={() => {\n                record.refresh();\n                query.refresh();\n              }}\n            />\n          ) : null}\n        </div>\n      ) : null}\n    </AdminPage>\n  );\n}\n\n/** Options for {@link peopleSection}. */\nexport interface PeopleSectionOptions {\n  /** The chapter's resolved CRM engine — `chapter.crm` from defineChapter. */\n  crm: Crm;\n  /** Section id / route segment. Default \"people\". */\n  id?: string;\n  /** Nav label. Default \"People\". */\n  label?: string;\n  /** The record type to list. Default \"person\". */\n  type?: string;\n}\n\n/** Options for {@link collectionSection}. */\nexport interface CollectionSectionOptions {\n  /** The chapter's resolved CRM engine — `chapter.crm` from defineChapter. */\n  crm: Crm;\n  /** The CRM record type to list (e.g. `\"person\"`, `\"deal\"`, `\"investment\"`). */\n  type: string;\n  /** Section id / route segment. Defaults to `type`. */\n  id?: string;\n  /** Nav label. Defaults to the type's plural label from the CRM config. */\n  label?: string;\n  /** Show the lifecycle action panel (role change / approve / refund) on an open\n   *  record — for application-backed people. Default `true` for `type: \"person\"`,\n   *  `false` otherwise (a `deal`/`investment` has no approve/refund). */\n  lifecycle?: boolean;\n  /** Role ladder for the role selector. Default `[\"provisional\",\"member\",\"admin\"]`\n   *  — pass your `chapter.auth.ladder` if you use a custom ladder. */\n  roles?: readonly string[];\n}\n\n/**\n * Build a CRM collection admin section for ANY declared record type: a\n * server-driven records table plus a facet-composed detail drawer (fields,\n * pipeline stage, tags) over the token-bound CrmClient, and — for people — a\n * lifecycle action panel (role change, approve, refund) wired to the\n * `/api/admin/*` routes. This is the generic kit — call it once per collection a\n * site runs (members, deals, investments), and each renders with the same UX.\n * CRM edits go through `/api/crm/*` and lifecycle actions through `/api/admin/*`,\n * never a direct db write, so the invariants hold.\n */\nexport function collectionSection(options: CollectionSectionOptions): AdminSection {\n  const { crm, type } = options;\n  let fallbackLabel = type;\n  try {\n    fallbackLabel = crm.type(type).labelPlural ?? crm.type(type).label ?? type;\n  } catch {\n    // Unknown type — the section still renders; the CRM route reports the error.\n  }\n  const { id = type, label = fallbackLabel, lifecycle = type === \"person\", roles = DEFAULT_ROLES } = options;\n  return { id, label, render: (ctx) => <PeopleBody crm={crm} client={ctx.client} type={type} getToken={ctx.getToken} roles={roles} lifecycle={lifecycle} /> };\n}\n\n/**\n * Build the People/CRM admin section — {@link collectionSection} preset to the\n * `person` type (so the lifecycle actions are on). New collections use\n * `collectionSection`.\n */\nexport function peopleSection(options: PeopleSectionOptions & { roles?: readonly string[] }): AdminSection {\n  const { crm, id = \"people\", label = \"People\", type = \"person\", roles } = options;\n  return collectionSection({ crm, type, id, label, ...(roles ? { roles } : {}) });\n}\n","// The lifecycle action panel shown beside an open person record: role change\n// (POST /api/admin/people/role), approve (POST /api/admin/applications/:id/\n// approve) and refund (POST .../refund). Each control appears only when the\n// record carries what it needs — a linked Clerk account for role, an\n// applicationId for approve/refund. Built from odla-ui Field/Select/Button.\nimport { useEffect, useState } from \"react\";\nimport { Button, Field, Select } from \"@odla-ai/ui/components\";\nimport { adminFetch } from \"./admin-api.js\";\nimport type { CrmRecord } from \"@odla-ai/crm\";\n\ninterface Access {\n  role: string;\n  superAdmin: boolean;\n}\n\n/** Props for {@link RecordActions}. */\nexport interface RecordActionsProps {\n  getToken: () => Promise<string | null>;\n  record: CrmRecord;\n  /** The role ladder offered by the role selector. Default provisional→admin. */\n  roles: readonly string[];\n  /** Called after any action mutates state, so the caller can refresh. */\n  onChanged: () => void;\n}\n\n/** The role/approve/refund controls for one person record. Renders only the\n *  actions the record supports. */\nexport function RecordActions({ getToken, record, roles, onChanged }: RecordActionsProps) {\n  const userId = typeof record.clerkUserId === \"string\" ? record.clerkUserId : null;\n  const applicationId = typeof record.fields?.applicationId === \"string\" ? (record.fields.applicationId as string) : null;\n  const [access, setAccess] = useState<Access | null>(null);\n  const [busy, setBusy] = useState<string | null>(null);\n  const [note, setNote] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!userId) {\n      setAccess(null);\n      return;\n    }\n    let live = true;\n    adminFetch<Access>(getToken, `/api/admin/people/access?userId=${encodeURIComponent(userId)}`)\n      .then((a) => live && setAccess(a))\n      .catch(() => live && setAccess(null));\n    return () => {\n      live = false;\n    };\n  }, [getToken, userId]);\n\n  const act = async (key: string, run: () => Promise<unknown>, ok: string) => {\n    setBusy(key);\n    setNote(null);\n    try {\n      await run();\n      setNote(ok);\n      onChanged();\n    } catch (e) {\n      setNote(e instanceof Error ? e.message : String(e));\n    } finally {\n      setBusy(null);\n    }\n  };\n  const setRole = (role: string) =>\n    act(\"role\", () => adminFetch(getToken, \"/api/admin/people/role\", { method: \"POST\", body: JSON.stringify({ userId, role }) }), `Role set to ${role}.`);\n  const approve = () =>\n    act(\"approve\", () => adminFetch(getToken, `/api/admin/applications/${applicationId}/approve`, { method: \"POST\" }), \"Approved.\");\n  const refund = () =>\n    act(\"refund\", () => adminFetch(getToken, `/api/admin/applications/${applicationId}/refund`, { method: \"POST\" }), \"Refund issued.\");\n\n  if (!userId && !applicationId) return null;\n  return (\n    <section className=\"panel\" style={{ display: \"flex\", flexDirection: \"column\", gap: 14, marginTop: 16 }}>\n      <h3 style={{ margin: 0, fontSize: 16 }}>Access &amp; lifecycle</h3>\n      {userId ? (\n        <Field label=\"Role\" hint={access?.superAdmin ? \"Super-admin — managed in odla Studio.\" : undefined}>\n          <Select\n            value={access?.role ?? \"\"}\n            disabled={busy === \"role\" || access?.superAdmin}\n            options={roles.map((r) => ({ value: r, label: r }))}\n            onChange={(e) => void setRole((e.target as HTMLSelectElement).value)}\n          />\n        </Field>\n      ) : (\n        <p className=\"muted\" style={{ margin: 0 }}>No linked account yet — role is set once they sign in.</p>\n      )}\n      {applicationId ? (\n        <div style={{ display: \"flex\", gap: 8 }}>\n          <Button variant=\"secondary\" mini disabled={busy === \"approve\"} onClick={() => void approve()}>Approve</Button>\n          <Button variant=\"danger\" mini disabled={busy === \"refund\"} onClick={() => void refund()}>Refund</Button>\n        </div>\n      ) : null}\n      {note ? <p className=\"muted\" style={{ margin: 0 }}>{note}</p> : null}\n    </section>\n  );\n}\n","// Token-bound access to the /api/admin/* routes for the console sections. Every\n// section fetches with the signed-in admin's bearer token (from ChapterAdmin's\n// getToken) — the worker gates each route with verifyUser + isAdmin, so the UI\n// carries no privilege of its own.\nimport { useCallback, useEffect, useState } from \"react\";\n\n/** Fetch a JSON `/api/admin/*` route with the admin bearer token. Throws on a\n *  non-2xx (the body's `error`, else the status). */\nexport async function adminFetch<T = unknown>(\n  getToken: () => Promise<string | null>,\n  path: string,\n  init?: RequestInit,\n): Promise<T> {\n  const token = await getToken();\n  const headers = new Headers(init?.headers);\n  if (token) headers.set(\"authorization\", `Bearer ${token}`);\n  if (init?.body) headers.set(\"content-type\", \"application/json\");\n  const res = await fetch(path, { ...init, headers });\n  const body = (await res.json().catch(() => ({}))) as Record<string, unknown>;\n  if (!res.ok) throw new Error(typeof body.error === \"string\" ? body.error : `request failed (${res.status})`);\n  return body as T;\n}\n\n/** The state of one admin resource load. */\nexport interface AdminResource<T> {\n  data: T | null;\n  loading: boolean;\n  error: string | null;\n  /** Re-fetch (e.g. after a mutation). */\n  refresh: () => void;\n}\n\n/** Load a `/api/admin/*` GET route into React state, re-fetching on `refresh()`\n *  or when `path` changes. */\nexport function useAdminResource<T = unknown>(getToken: () => Promise<string | null>, path: string): AdminResource<T> {\n  const [data, setData] = useState<T | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [nonce, setNonce] = useState(0);\n\n  useEffect(() => {\n    let live = true;\n    setLoading(true);\n    setError(null);\n    adminFetch<T>(getToken, path)\n      .then((d) => live && setData(d))\n      .catch((e: unknown) => live && setError(e instanceof Error ? e.message : String(e)))\n      .finally(() => live && setLoading(false));\n    return () => {\n      live = false;\n    };\n  }, [getToken, path, nonce]);\n\n  const refresh = useCallback(() => setNonce((n) => n + 1), []);\n  return { data, loading, error, refresh };\n}\n","// Dashboard section: the operational overview from GET /api/admin/dashboard —\n// application flow, pipeline stage counts, the upcoming call agenda, and (when\n// billing is wired) live revenue. Built from odla-ui primitives (StatBand,\n// .panel) so it matches the rest of the console.\nimport { StatBand } from \"@odla-ai/ui/components\";\nimport type { StatCell } from \"@odla-ai/ui/components\";\nimport { useAdminResource } from \"./admin-api.js\";\nimport { AdminPage, AdminNote, Panel } from \"./admin-layout.js\";\nimport type { AdminSection, AdminSectionContext } from \"./chrome.js\";\n\ninterface DashboardData {\n  applications: { total: number; last7: number; last30: number };\n  pipeline: Record<string, number>;\n  pipelineDelta: Record<string, number>;\n  calls: { upcoming: number; needsAttention: number };\n  agenda: Array<{ id: string; startAt: number; name: string; email: string | null; drift: string; meetUrl: string | null }>;\n  timezone: string;\n  revenue: { billingReady: boolean; activeCount?: number; annualRunRateCents?: number };\n}\n\nconst money = (cents: number): string => `$${Math.round(cents / 100).toLocaleString()}`;\nconst when = (t: number): string => new Date(t).toLocaleString([], { dateStyle: \"medium\", timeStyle: \"short\" });\n\nfunction DashboardBody({ ctx }: { ctx: AdminSectionContext }) {\n  const { data, loading, error } = useAdminResource<DashboardData>(ctx.getToken, \"/api/admin/dashboard\");\n  if (loading) return <AdminNote>Loading…</AdminNote>;\n  if (error || !data) return <AdminNote>Couldn’t load the dashboard{error ? `: ${error}` : \"\"}.</AdminNote>;\n\n  const kpis: StatCell[] = [\n    { value: data.applications.total, label: \"Applications\", description: `+${data.applications.last7} in the last 7 days` },\n    { value: data.calls.upcoming, label: \"Upcoming calls\", description: data.calls.needsAttention ? `${data.calls.needsAttention} need attention` : \"all on track\" },\n  ];\n  if (data.revenue.billingReady) {\n    kpis.push({ value: data.revenue.activeCount ?? 0, label: \"Active members\", description: \"paid subscriptions\" });\n    kpis.push({ value: money(data.revenue.annualRunRateCents ?? 0), label: \"Annual run rate\", description: \"from active subscriptions\" });\n  }\n  const stages: StatCell[] = Object.entries(data.pipeline).map(([stage, count]) => ({\n    value: count,\n    label: stage,\n    description: data.pipelineDelta[stage] ? `+${data.pipelineDelta[stage]} this week` : undefined,\n  }));\n\n  return (\n    <AdminPage>\n      <StatBand stats={kpis} />\n      <Panel title=\"Pipeline\">\n        <StatBand stats={stages} />\n      </Panel>\n      <Panel title={<>Upcoming calls <span className=\"muted\" style={{ fontWeight: 400 }}>· {data.timezone}</span></>}>\n        {data.agenda.length === 0 ? (\n          <p className=\"muted\" style={{ margin: 0 }}>No calls scheduled.</p>\n        ) : (\n          <ul style={{ listStyle: \"none\", margin: 0, padding: 0, display: \"flex\", flexDirection: \"column\", gap: 10 }}>\n            {data.agenda.map((m) => (\n              <li key={m.id} style={{ display: \"flex\", alignItems: \"center\", gap: 12, flexWrap: \"wrap\" }}>\n                <strong style={{ minWidth: 170 }}>{when(m.startAt)}</strong>\n                <span>{m.name}{m.email ? ` · ${m.email}` : \"\"}</span>\n                {m.drift && m.drift !== \"none\" ? <span className=\"badge\">drift: {m.drift}</span> : null}\n                {m.meetUrl ? <a href={m.meetUrl} target=\"_blank\" rel=\"noreferrer\">Meet</a> : null}\n              </li>\n            ))}\n          </ul>\n        )}\n      </Panel>\n    </AdminPage>\n  );\n}\n\n/** Options for {@link dashboardSection}. */\nexport interface DashboardSectionOptions {\n  id?: string;\n  label?: string;\n}\n\n/** Build the Dashboard admin section over `GET /api/admin/dashboard`. */\nexport function dashboardSection(options: DashboardSectionOptions = {}): AdminSection {\n  const { id = \"dashboard\", label = \"Dashboard\" } = options;\n  return { id, label, render: (ctx) => <DashboardBody ctx={ctx} /> };\n}\n","// Billing section: applications joined with live Stripe subscription state from\n// GET /api/admin/billing, rendered with odla-ui StatBand + DataTable. Degrades to\n// a note when billingReady:false, and surfaces the route's `truncated` flag.\nimport { DataTable, StatBand } from \"@odla-ai/ui/components\";\nimport type { DataTableColumn, StatCell } from \"@odla-ai/ui/components\";\nimport { useAdminResource } from \"./admin-api.js\";\nimport { AdminPage, AdminNote, Panel } from \"./admin-layout.js\";\nimport type { AdminSection, AdminSectionContext } from \"./chrome.js\";\n\ninterface BillingRow {\n  id: string;\n  name: string;\n  email: string;\n  applicationStatus: string;\n  subscriptionStatus: string | null;\n  cancelAtPeriodEnd: boolean;\n  amountCents: number;\n  interval: string;\n  renewalAt: number | null;\n}\ninterface BillingData {\n  billingReady: boolean;\n  testMode?: boolean;\n  truncated?: boolean;\n  rows: BillingRow[];\n  summary: { activeCount: number; annualizedCents: number; renewingSoonCount: number; pastDueCount: number; canceledCount: number; refundedCount: number } | null;\n}\n\nconst money = (cents: number): string => `$${(cents / 100).toLocaleString()}`;\nconst date = (t: number | null): string => (t ? new Date(t).toLocaleDateString([], { dateStyle: \"medium\" }) : \"—\");\n\nconst COLUMNS: readonly DataTableColumn<BillingRow>[] = [\n  { key: \"name\", header: \"Name\", cell: (r) => r.name, sortAs: \"string\" },\n  { key: \"email\", header: \"Email\", cell: (r) => r.email },\n  { key: \"applicationStatus\", header: \"Application\", cell: (r) => r.applicationStatus },\n  { key: \"subscriptionStatus\", header: \"Subscription\", cell: (r) => (r.subscriptionStatus ? `${r.subscriptionStatus}${r.cancelAtPeriodEnd ? \" · cancelling\" : \"\"}` : \"—\") },\n  { key: \"amountCents\", header: \"Amount\", cell: (r) => `${money(r.amountCents)}/${r.interval === \"month\" ? \"mo\" : \"yr\"}`, sortAs: \"number\", sortValue: (r) => r.amountCents },\n  { key: \"renewalAt\", header: \"Renews\", cell: (r) => date(r.renewalAt), sortAs: \"number\", sortValue: (r) => r.renewalAt ?? 0 },\n];\n\nfunction BillingBody({ ctx }: { ctx: AdminSectionContext }) {\n  const { data, loading, error } = useAdminResource<BillingData>(ctx.getToken, \"/api/admin/billing\");\n  if (loading) return <AdminNote>Loading…</AdminNote>;\n  if (error || !data) return <AdminNote>Couldn’t load billing{error ? `: ${error}` : \"\"}.</AdminNote>;\n  if (!data.billingReady) return <AdminNote>Billing isn’t configured — no Stripe key is vaulted for this group.</AdminNote>;\n\n  const s = data.summary;\n  const stats: StatCell[] = s\n    ? [\n        { value: s.activeCount, label: \"Active\" },\n        { value: money(s.annualizedCents), label: \"Annualized\" },\n        { value: s.renewingSoonCount, label: \"Renewing ≤60d\" },\n        { value: s.pastDueCount, label: \"Past due\" },\n      ]\n    : [];\n\n  return (\n    <AdminPage>\n      {s ? <StatBand stats={stats} /> : null}\n      <Panel title=\"Subscriptions\" actions={data.testMode ? <span className=\"badge\">Stripe test mode</span> : undefined}>\n        {data.truncated ? <p className=\"badge\">Showing the first 100 subscriptions — the list is truncated.</p> : null}\n        <DataTable rows={data.rows} columns={COLUMNS} rowKey={(r) => r.id} />\n      </Panel>\n    </AdminPage>\n  );\n}\n\n/** Options for {@link billingSection}. */\nexport interface BillingSectionOptions {\n  id?: string;\n  label?: string;\n}\n\n/** Build the Billing admin section over `GET /api/admin/billing`. Renders a\n *  \"not configured\" note when the group has no Stripe key vaulted. */\nexport function billingSection(options: BillingSectionOptions = {}): AdminSection {\n  const { id = \"billing\", label = \"Billing\" } = options;\n  return { id, label, render: (ctx) => <BillingBody ctx={ctx} /> };\n}\n","// Email section: the owner-editable email config (templates + addresses) from\n// GET/PUT /api/admin/group/email, the send audit from GET /api/admin/email/log,\n// and a POST /api/admin/email/test button. Built from odla-ui form primitives.\nimport { useState } from \"react\";\nimport { Button, Checkbox, DataTable, Field, Input, Textarea } from \"@odla-ai/ui/components\";\nimport type { DataTableColumn } from \"@odla-ai/ui/components\";\nimport { adminFetch, useAdminResource } from \"./admin-api.js\";\nimport { AdminPage, AdminNote, Panel } from \"./admin-layout.js\";\nimport type { AdminSection, AdminSectionContext } from \"./chrome.js\";\n\ninterface Template { subject: string; text: string; enabled: boolean }\ninterface EmailConfig {\n  emailTemplates: Record<string, Template>;\n  replyTo: string;\n  notificationEmail: string;\n  debugEmail: string;\n  commitmentText: string;\n  normsText: string;\n  transport: string;\n  fromEmail: string | null;\n  envName: string;\n}\ninterface LogRow { id: string; template: string; to: string; subject: string; transport: string; redirected: boolean; error: string | null; sentAt: number }\n\nconst LOG_COLUMNS: readonly DataTableColumn<LogRow>[] = [\n  { key: \"sentAt\", header: \"Sent\", cell: (r) => new Date(r.sentAt).toLocaleString(), sortAs: \"number\", sortValue: (r) => r.sentAt },\n  { key: \"template\", header: \"Template\", cell: (r) => r.template },\n  { key: \"to\", header: \"To\", cell: (r) => r.to },\n  { key: \"status\", header: \"Status\", cell: (r) => (r.error ? <span className=\"badge\">failed</span> : r.redirected ? <span className=\"badge\">redirected</span> : \"delivered\") },\n];\n\nfunction EmailBody({ ctx }: { ctx: AdminSectionContext }) {\n  const cfg = useAdminResource<EmailConfig>(ctx.getToken, \"/api/admin/group/email\");\n  const log = useAdminResource<{ sends: LogRow[] }>(ctx.getToken, \"/api/admin/email/log\");\n  const [draft, setDraft] = useState<EmailConfig | null>(null);\n  const [busy, setBusy] = useState<string | null>(null);\n  const [note, setNote] = useState<string | null>(null);\n\n  const data = draft ?? cfg.data;\n  if (cfg.loading) return <AdminNote>Loading…</AdminNote>;\n  if (cfg.error || !data) return <AdminNote>Couldn’t load email config{cfg.error ? `: ${cfg.error}` : \"\"}.</AdminNote>;\n\n  const edit = (patch: Partial<EmailConfig>) => setDraft({ ...data, ...patch });\n  const editTemplate = (key: string, patch: Partial<Template>) =>\n    edit({ emailTemplates: { ...data.emailTemplates, [key]: { ...data.emailTemplates[key], ...patch } as Template } });\n\n  const run = async (key: string, fn: () => Promise<void>) => {\n    setBusy(key);\n    setNote(null);\n    try {\n      await fn();\n    } catch (e) {\n      setNote(e instanceof Error ? e.message : String(e));\n    } finally {\n      setBusy(null);\n    }\n  };\n  const save = () =>\n    run(\"save\", async () => {\n      await adminFetch(ctx.getToken, \"/api/admin/group/email\", { method: \"PUT\", body: JSON.stringify(data) });\n      setDraft(null);\n      cfg.refresh();\n      setNote(\"Saved.\");\n    });\n  const test = (template: string) =>\n    run(`test:${template}`, async () => {\n      const r = await adminFetch<{ ok: boolean; to: string; redirected: boolean }>(ctx.getToken, \"/api/admin/email/test\", { method: \"POST\", body: JSON.stringify({ template }) });\n      setNote(r.ok ? `Sent ${template} to ${r.to}${r.redirected ? \" (dev-redirected)\" : \"\"}.` : \"Test send did not deliver.\");\n      log.refresh();\n    });\n\n  return (\n    <AdminPage>\n      <Panel\n        title=\"Delivery\"\n        actions={<span className=\"muted\">{data.envName} · {data.transport}{data.fromEmail ? ` · ${data.fromEmail}` : \"\"}</span>}\n      >\n        <Field label=\"Notification address\"><Input value={data.notificationEmail} onChange={(e) => edit({ notificationEmail: (e.target as HTMLInputElement).value })} /></Field>\n        <Field label=\"Reply-to\"><Input value={data.replyTo} onChange={(e) => edit({ replyTo: (e.target as HTMLInputElement).value })} /></Field>\n        <Field label=\"Debug inbox\" hint=\"Non-prod sends redirect here.\"><Input value={data.debugEmail} onChange={(e) => edit({ debugEmail: (e.target as HTMLInputElement).value })} /></Field>\n      </Panel>\n\n      {Object.entries(data.emailTemplates).map(([key, t]) => (\n        <Panel key={key} title={key} actions={<Button variant=\"secondary\" mini disabled={busy === `test:${key}`} onClick={() => void test(key)}>Send test</Button>}>\n          <Checkbox label=\"Enabled\" checked={t.enabled} onChange={(e) => editTemplate(key, { enabled: (e.target as HTMLInputElement).checked })} />\n          <Field label=\"Subject\"><Input value={t.subject} onChange={(e) => editTemplate(key, { subject: (e.target as HTMLInputElement).value })} /></Field>\n          <Field label=\"Body\"><Textarea prose rows={5} value={t.text} onChange={(e) => editTemplate(key, { text: (e.target as HTMLTextAreaElement).value })} /></Field>\n        </Panel>\n      ))}\n\n      <div style={{ display: \"flex\", gap: 12, alignItems: \"center\" }}>\n        <Button disabled={!draft || busy === \"save\"} onClick={() => void save()}>Save changes</Button>\n        {note ? <span className=\"muted\">{note}</span> : null}\n      </div>\n\n      <Panel title=\"Send log\">\n        <DataTable rows={log.data?.sends ?? []} columns={LOG_COLUMNS} rowKey={(r) => r.id} />\n      </Panel>\n    </AdminPage>\n  );\n}\n\n/** Options for {@link emailSection}. */\nexport interface EmailSectionOptions {\n  id?: string;\n  label?: string;\n}\n\n/** Build the Email admin section: template + address editor over\n *  `GET/PUT /api/admin/group/email`, the send log, and per-template test sends. */\nexport function emailSection(options: EmailSectionOptions = {}): AdminSection {\n  const { id = \"email\", label = \"Email\" } = options;\n  return { id, label, render: (ctx) => <EmailBody ctx={ctx} /> };\n}\n","// Meetings section: the reconciled agenda from GET /api/admin/meetings, with the\n// reschedule and cancel actions wired to POST /api/admin/meetings/:id/{...}.\n// Built from odla-ui .panel + Button; drift against live Google state is flagged.\nimport { useState } from \"react\";\nimport { Button } from \"@odla-ai/ui/components\";\nimport { adminFetch, useAdminResource } from \"./admin-api.js\";\nimport { AdminPage, AdminNote, Panel } from \"./admin-layout.js\";\nimport type { AdminSection, AdminSectionContext } from \"./chrome.js\";\n\ninterface MeetingRow {\n  id: string;\n  startAt: number;\n  endAt: number;\n  status: string;\n  drift: string;\n  meetUrl: string | null;\n  applicant: { name: string; email: string; status: string } | null;\n}\n\nconst when = (t: number): string => new Date(t).toLocaleString([], { dateStyle: \"medium\", timeStyle: \"short\" });\n\nfunction MeetingsBody({ ctx }: { ctx: AdminSectionContext }) {\n  const { data, loading, error, refresh } = useAdminResource<{ meetings: MeetingRow[]; timezone: string }>(ctx.getToken, \"/api/admin/meetings?all=1\");\n  const [busy, setBusy] = useState<string | null>(null);\n  const [note, setNote] = useState<string | null>(null);\n  if (loading) return <AdminNote>Loading…</AdminNote>;\n  if (error || !data) return <AdminNote>Couldn’t load meetings{error ? `: ${error}` : \"\"}.</AdminNote>;\n\n  const run = async (id: string, fn: () => Promise<void>) => {\n    setBusy(id);\n    setNote(null);\n    try {\n      await fn();\n      refresh();\n    } catch (e) {\n      setNote(e instanceof Error ? e.message : String(e));\n    } finally {\n      setBusy(null);\n    }\n  };\n  const cancel = (id: string) => {\n    if (!globalThis.confirm?.(\"Cancel this call? Google notifies the attendee.\")) return;\n    void run(id, () => adminFetch(ctx.getToken, `/api/admin/meetings/${id}/cancel`, { method: \"POST\" }));\n  };\n  const reschedule = (id: string) => {\n    const input = globalThis.prompt?.(\"New start time (e.g. 2026-08-01 14:00):\");\n    if (!input) return;\n    const startAt = Date.parse(input);\n    if (!Number.isFinite(startAt)) {\n      setNote(\"Couldn’t parse that time.\");\n      return;\n    }\n    void run(id, () => adminFetch(ctx.getToken, `/api/admin/meetings/${id}/reschedule`, { method: \"POST\", body: JSON.stringify({ startAt }) }));\n  };\n\n  return (\n    <AdminPage>\n      <Panel title={<>Agenda <span className=\"muted\" style={{ fontWeight: 400 }}>· {data.timezone}</span></>} actions={note ? <span className=\"muted\">{note}</span> : undefined}>\n        {data.meetings.length === 0 ? (\n          <p className=\"muted\" style={{ margin: 0 }}>No meetings.</p>\n        ) : (\n          <ul style={{ listStyle: \"none\", margin: 0, padding: 0, display: \"flex\", flexDirection: \"column\", gap: 12 }}>\n            {data.meetings.map((m) => (\n              <li key={m.id} style={{ display: \"flex\", alignItems: \"center\", gap: 12, flexWrap: \"wrap\", opacity: m.status === \"cancelled\" ? 0.55 : 1 }}>\n                <strong style={{ minWidth: 170 }}>{when(m.startAt)}</strong>\n                <span style={{ flex: 1 }}>{m.applicant ? `${m.applicant.name} · ${m.applicant.email}` : \"(unknown)\"}</span>\n                <span className=\"badge\">{m.status}</span>\n                {m.drift && m.drift !== \"none\" ? <span className=\"badge\">drift: {m.drift}</span> : null}\n                {m.meetUrl ? <a href={m.meetUrl} target=\"_blank\" rel=\"noreferrer\">Meet</a> : null}\n                {m.status === \"scheduled\" ? (\n                  <>\n                    <Button variant=\"secondary\" mini disabled={busy === m.id} onClick={() => reschedule(m.id)}>Reschedule</Button>\n                    <Button variant=\"danger\" mini disabled={busy === m.id} onClick={() => cancel(m.id)}>Cancel</Button>\n                  </>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n        )}\n      </Panel>\n    </AdminPage>\n  );\n}\n\n/** Options for {@link meetingsSection}. */\nexport interface MeetingsSectionOptions {\n  id?: string;\n  label?: string;\n}\n\n/** Build the Meetings admin section: the reconciled agenda over\n *  `GET /api/admin/meetings`, with reschedule/cancel actions. */\nexport function meetingsSection(options: MeetingsSectionOptions = {}): AdminSection {\n  const { id = \"meetings\", label = \"Meetings\" } = options;\n  return { id, label, render: (ctx) => <MeetingsBody ctx={ctx} /> };\n}\n","// Availability section: the owner-editable booking rules from GET/PUT\n// /api/admin/scheduling, as an odla-ui form. The PUT returns field-keyed\n// validation messages, surfaced inline on each Field.\nimport { useState } from \"react\";\nimport { Button, Checkbox, Field, Input } from \"@odla-ai/ui/components\";\nimport { useAdminResource } from \"./admin-api.js\";\nimport { AdminPage, AdminNote, Panel } from \"./admin-layout.js\";\nimport type { AdminSection, AdminSectionContext } from \"./chrome.js\";\n\ninterface Scheduling {\n  slotMinutes: number;\n  days: number[];\n  startHour: number;\n  endHour: number;\n  timezone: string;\n  minNoticeHours: number;\n  windowDays: number;\n  summaryTemplate: string;\n}\nconst DAYS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\n\nfunction AvailabilityBody({ ctx }: { ctx: AdminSectionContext }) {\n  const { data, loading, error, refresh } = useAdminResource<{ scheduling: Scheduling }>(ctx.getToken, \"/api/admin/scheduling\");\n  const [draft, setDraft] = useState<Scheduling | null>(null);\n  const [busy, setBusy] = useState(false);\n  const [note, setNote] = useState<string | null>(null);\n  const [errors, setErrors] = useState<Record<string, string>>({});\n\n  const cfg = draft ?? data?.scheduling ?? null;\n  if (loading) return <AdminNote>Loading…</AdminNote>;\n  if (error || !cfg) return <AdminNote>Couldn’t load availability{error ? `: ${error}` : \"\"}.</AdminNote>;\n\n  const edit = (patch: Partial<Scheduling>) => setDraft({ ...cfg, ...patch });\n  const toggleDay = (d: number) => edit({ days: cfg.days.includes(d) ? cfg.days.filter((x) => x !== d) : [...cfg.days, d].sort() });\n  const num = (v: string, fallback: number) => (Number.isFinite(Number(v)) ? Number(v) : fallback);\n\n  const save = async () => {\n    setBusy(true);\n    setNote(null);\n    setErrors({});\n    const token = await ctx.getToken();\n    try {\n      const r = await fetch(\"/api/admin/scheduling\", { method: \"PUT\", headers: { authorization: `Bearer ${token ?? \"\"}`, \"content-type\": \"application/json\" }, body: JSON.stringify(cfg) });\n      const body = (await r.json().catch(() => ({}))) as { error?: string; errors?: Record<string, string> };\n      if (!r.ok) {\n        setErrors(body.errors ?? {});\n        setNote(body.error ?? `save failed (${r.status})`);\n        return;\n      }\n      setDraft(null);\n      refresh();\n      setNote(\"Saved.\");\n    } catch (e) {\n      setNote(e instanceof Error ? e.message : String(e));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const numField = (key: keyof Scheduling, label: string) => (\n    <Field label={label} error={errors[key]}>\n      <Input type=\"number\" value={cfg[key] as number} onChange={(e) => edit({ [key]: num((e.target as HTMLInputElement).value, cfg[key] as number) } as Partial<Scheduling>)} />\n    </Field>\n  );\n\n  return (\n    <AdminPage>\n      <Panel title=\"Booking availability\" actions={note ? <span className=\"muted\">{note}</span> : undefined}>\n        <Field label=\"Days\" error={errors.days}>\n          <div style={{ display: \"flex\", gap: 14, flexWrap: \"wrap\" }}>\n            {DAYS.map((d, i) => (\n              <Checkbox key={d} label={d} checked={cfg.days.includes(i)} onChange={() => toggleDay(i)} />\n            ))}\n          </div>\n        </Field>\n        <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fit, minmax(180px, 1fr))\", gap: 14 }}>\n          {numField(\"startHour\", \"Start hour (0–24)\")}\n          {numField(\"endHour\", \"End hour (0–24)\")}\n          {numField(\"slotMinutes\", \"Slot length (minutes)\")}\n          {numField(\"minNoticeHours\", \"Minimum notice (hours)\")}\n          {numField(\"windowDays\", \"Booking window (days)\")}\n          <Field label=\"Timezone\" error={errors.timezone}>\n            <Input value={cfg.timezone} onChange={(e) => edit({ timezone: (e.target as HTMLInputElement).value })} />\n          </Field>\n        </div>\n        <Field label=\"Event summary template\" error={errors.summaryTemplate}>\n          <Input value={cfg.summaryTemplate} onChange={(e) => edit({ summaryTemplate: (e.target as HTMLInputElement).value })} />\n        </Field>\n        <div><Button disabled={!draft || busy} onClick={() => void save()}>Save availability</Button></div>\n      </Panel>\n    </AdminPage>\n  );\n}\n\n/** Options for {@link availabilitySection}. */\nexport interface AvailabilitySectionOptions {\n  id?: string;\n  label?: string;\n}\n\n/** Build the Availability admin section: the booking-rules editor over\n *  `GET/PUT /api/admin/scheduling`, with field-keyed validation surfaced inline. */\nexport function availabilitySection(options: AvailabilitySectionOptions = {}): AdminSection {\n  const { id = \"availability\", label = \"Availability\" } = options;\n  return { id, label, render: (ctx) => <AvailabilityBody ctx={ctx} /> };\n}\n"],"mappings":"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","names":["useEffect","useState","useEffect","useState","jsx","jsxs","useState","useEffect","jsx","jsxs","useState","useEffect","useState","useEffect","useState","useCallback","useEffect","useState","jsx","jsxs","useState","useEffect","jsx","jsxs","useState","Fragment","jsx","jsxs","StatBand","jsx","jsxs","money","StatBand","useState","Button","DataTable","Field","jsx","jsxs","useState","Field","Button","DataTable","useState","Button","Fragment","jsx","jsxs","when","useState","Button","useState","Button","Checkbox","Field","Input","jsx","jsxs","useState","Field","Input","Checkbox","Button"]}

package/dist/{chunk-ZCZK6QLC.js → chunk-GWY2ZTN7.js}

@@ -494,20 +494,36 @@ function paletteVar(key) {
 function cleanValue(value) {
   return value.replace(/[<>{};]/g, "").trim();
 }
-function brandTokens(brand) {
-  if (!brand) return "";
+function paletteDecls(palette) {
   const decls = [];
-  for (const [key, value] of Object.entries(brand.palette ?? {})) {
+  for (const [key, value] of Object.entries(palette ?? {})) {
     if (typeof value === "string" && value.trim()) decls.push(`${paletteVar(key)}: ${cleanValue(value)};`);
   }
+  return decls;
+}
+function brandTokens(brand) {
+  if (!brand) return "";
+  const light = paletteDecls(brand.palette);
   const fonts = brand.fonts;
-  if (fonts?.display) decls.push(`--ui-font-display: ${cleanValue(fonts.display)};`);
-  if (fonts?.body) decls.push(`--ui-font-sans: ${cleanValue(fonts.body)};`);
-  if (fonts?.numeral) decls.push(`--ui-font-numeral: ${cleanValue(fonts.numeral)};`);
-  return decls.length ? `:root {
-  ${decls.join("\n  ")}
+  if (fonts?.display) light.push(`--ui-font-display: ${cleanValue(fonts.display)};`);
+  if (fonts?.body) light.push(`--ui-font-sans: ${cleanValue(fonts.body)};`);
+  if (fonts?.numeral) light.push(`--ui-font-numeral: ${cleanValue(fonts.numeral)};`);
+  const dark = paletteDecls(brand.paletteDark);
+  let css = light.length ? `:root {
+  ${light.join("\n  ")}
 }
 ` : "";
+  if (dark.length) {
+    const block = `{
+  ${dark.join("\n  ")}
+}`;
+    css += `:root[data-theme="dark"] ${block}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) ${block}
+}
+`;
+  }
+  return css;
 }
 
 // src/ui/brand-style.tsx
@@ -534,4 +550,4 @@ export {
   JoinIsland,
   BrandStyle
 };
-//# sourceMappingURL=chunk-ZCZK6QLC.js.map
+//# sourceMappingURL=chunk-GWY2ZTN7.js.map

package/dist/{chunk-ZCZK6QLC.js.map → chunk-GWY2ZTN7.js.map}

@@ -1 +1 @@
-{"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/brand.ts","../src/ui/brand-style.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// Silver & Salt Preact island to React; 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 \"react\";\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 the proven Silver & Salt 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 S&S members island to\n// React, driven by the injected `api` (no Clerk SDK dependency).\nimport { useEffect, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Rescheduler } from \"./reschedule.js\";\nimport { fmtDate, fullLabel } from \"./datetime.js\";\nimport type { ApiFn } from \"./api.js\";\nimport type { MemberApplication } from \"../session.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?: ReactNode;\n}\n\nfunction card(kicker: string, body: ReactNode): ReactNode {\n  return (\n    <div className=\"card\">\n      <div className=\"card-label\">Your Application</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  onReschedule: () => void | Promise<void>;\n}): ReactNode {\n  const { api, application, applyHref, onReschedule } = props;\n  if (!application) {\n    return card(\n      \"One step remains\",\n      <>\n        <div className=\"meeting-note\">Your account is ready, and the application that completes it takes a few minutes.</div>\n        <a className=\"apply-link\" href={applyHref}>\n          Apply for membership\n        </a>\n      </>,\n    );\n  }\n  if (application.status === \"refunded\") {\n    return card(\"Membership refunded\", <div className=\"meeting-note\">Your fee has been refunded in full and your membership is canceled.</div>);\n  }\n  const membership = application.paid ? (\n    <div className=\"meeting-note\">Your membership is active{application.renewalAt ? ` and renews ${fmtDate(application.renewalAt)}` : \"\"}.</div>\n  ) : null;\n  if (application.meetingAt) {\n    return card(\n      \"Your introduction call\",\n      <>\n        <div className=\"meeting-date\">{fullLabel(application.meetingAt, application.timezone)}</div>\n        <div className=\"meeting-note\">A calendar invitation with the video call link is in your email.</div>\n        {application.meetUrl ? (\n          <div className=\"meeting-note\">\n            <a href={application.meetUrl} target=\"_blank\" rel=\"noopener\">\n              Join the video call\n            </a>\n          </div>\n        ) : null}\n        <Rescheduler api={api} applicationId={application.id} timezone={application.timezone} onRescheduled={onReschedule} />\n        {membership}\n      </>,\n    );\n  }\n  return card(\n    \"Book your introduction call\",\n    <>\n      <div className=\"meeting-note\">Your application is in. Choose a time below, and a calendar invitation will reach your email.</div>\n      <Rescheduler api={api} applicationId={application.id} timezone={application.timezone} onRescheduled={onReschedule} label=\"Choose a time\" />\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 { api, signOut, adminHref = \"/admin/\", applyHref = \"/join.html\", memberContent } = props;\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\">Sign in is briefly unavailable. Please refresh.</p>;\n  if (!me) return <p className=\"meeting-note\">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            Sign out\n          </button>\n          {role === \"admin\" ? (\n            <a className=\"admin-console-link\" href={adminHref}>\n              Admin console\n            </a>\n          ) : null}\n        </div>\n      </div>\n      {role === \"provisional\" ? (\n        <ProvisionalCard api={api} application={me.application} applyHref={applyHref} onReschedule={reload} />\n      ) : (\n        (memberContent ?? (\n          <div className=\"card\">\n            <div className=\"card-label\">Welcome back.</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 S&S member-area Rescheduler to React, driven by the injected `api`.\nimport { useState } from \"react\";\nimport { SlotPicker } from \"./slot-picker.js\";\nimport type { Slot } from \"./datetime.js\";\nimport type { ApiFn } from \"./api.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}\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 { api, applicationId, timezone, onRescheduled, label = \"Change your time\" } = 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(\"Scheduling is briefly unavailable. We'll reach out by email to arrange your call.\");\n        return;\n      }\n      setSlots(r.slots ?? []);\n      if (r.timezone) setTz(r.timezone);\n    } catch {\n      setSlots([]);\n      setMsg(\"Times are briefly unavailable. Please try again.\");\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 : \"That time is no longer available. Please pick another.\");\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\">Loading available times…</p>\n      ) : slots.length === 0 ? (\n        <p className=\"meeting-note\">{msg ?? \"No open times right now. Please check back soon.\"}</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\">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          Keep my current time\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 how S&S wires join.html, but the flow +\n// payment + booking are packaged instead of hand-rolled per site.\nimport { useEffect, useState } from \"react\";\nimport type { FormEvent, ReactNode } from \"react\";\nimport { SlotPicker } from \"./slot-picker.js\";\nimport { PaymentStep } from \"./payment-step.js\";\nimport { fullLabel } from \"./datetime.js\";\nimport type { Slot } from \"./datetime.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}\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: ReactNode;\n  /** Where the confirmation links after booking. Default \"/members/\". */\n  membersHref?: string;\n}\n\ntype Step = \"form\" | \"pay\" | \"book\" | \"done\";\n\ninterface SlotsResponse {\n  schedulingReady?: boolean;\n  slots?: Slot[];\n  timezone?: string;\n}\n\nfunction JoinBooking(props: { applicationId: string; onBooked: (b: { startAt: number; timezone: string }) => void }): ReactNode {\n  const { applicationId, 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(\"Scheduling is briefly unavailable — we'll reach out by email to arrange your call.\");\n        return;\n      }\n      setState({ slots: data.slots, timezone: data.timezone ?? \"UTC\" });\n    } catch {\n      setMsg(\"Times are briefly unavailable. Please try again.\");\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(\"That time was just taken. Here are the current openings.\");\n        await load();\n        return;\n      }\n      if (!res.ok) throw new Error(data.error ?? \"The booking could not be completed.\");\n      onBooked({ startAt: data.startAt ?? selected.startAt, timezone: state?.timezone ?? \"UTC\" });\n    } catch (e) {\n      setMsg(e instanceof Error ? e.message : \"The booking could not be completed.\");\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  if (!state) return <p className=\"slots-status\">{msg ?? \"Loading available times…\"}</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 ? \"Booking…\" : \"Book this time\"}\n        </button>\n        {msg ? <p className=\"step2-note\">{msg}</p> : null}\n      </div>\n    </div>\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 { config, children, membersHref = \"/members/\" } = props;\n  const [step, setStep] = useState<Step>(\"form\");\n  const [applicationId, setApplicationId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [submitting, setSubmitting] = useState(false);\n  const [booked, setBooked] = useState<{ startAt: number; timezone: string } | null>(null);\n\n  const submit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    setSubmitting(true);\n    setError(null);\n    try {\n      const fields: Record<string, unknown> = {};\n      for (const [k, v] of new FormData(e.currentTarget).entries()) fields[k] = v;\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 ?? \"Your application could not be submitted.\");\n      setApplicationId(data.id);\n      setStep(config.paymentsReady ? \"pay\" : \"book\");\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Something went wrong. Please try again.\");\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  if (step === \"done\" && booked) {\n    return (\n      <div className=\"join-done card\">\n        <div className=\"card-label\">You're booked</div>\n        <p className=\"meeting-date\">{fullLabel(booked.startAt, booked.timezone)}</p>\n        <p className=\"meeting-note\">A calendar invitation with the video call link is on its way to your email.</p>\n        <a className=\"apply-link\" href={membersHref}>\n          Go to your member area\n        </a>\n      </div>\n    );\n  }\n  if (step === \"book\" && applicationId) {\n    return (\n      <JoinBooking\n        applicationId={applicationId}\n        onBooked={(b) => {\n          setBooked(b);\n          setStep(\"done\");\n        }}\n      />\n    );\n  }\n  if (step === \"pay\" && applicationId) {\n    return <PaymentStep applicationId={applicationId} refundPolicyText={config.refundPolicyText ?? \"\"} onPaid={() => setStep(\"book\")} />;\n  }\n  return (\n    <form className=\"join-form\" onSubmit={(e) => void submit(e)}>\n      {children}\n      {error ? <p className=\"join-error\">{error}</p> : null}\n      <button className=\"submit-btn\" type=\"submit\" disabled={submitting}>\n        {submitting ? \"Submitting…\" : \"Submit application\"}\n      </button>\n    </form>\n  );\n}\n","// The join flow's payment step. Ports the S&S vanilla 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, exactly as S&S does. Client success is advisory only; the webhook is the\n// authoritative writer of paid state (see payments.ts).\nimport { useRef, useState } from \"react\";\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: { clientSecret: string }): 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}\n\ninterface SubResponse {\n  clientSecret?: string;\n  publishableKey?: string | null;\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 { applicationId, refundPolicyText, onPaid } = props;\n  const [status, setStatus] = useState<\"idle\" | \"loading\" | \"ready\" | \"confirming\">(\"idle\");\n  const [error, setError] = useState<string | 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(\"Payment could not be set up. Please try again.\");\n      const stripe = (await loadStripe())(data.publishableKey);\n      const elements = stripe.elements({ clientSecret: data.clientSecret });\n      const element = elements.create(\"payment\");\n      if (mountRef.current) element.mount(mountRef.current);\n      stripeRef.current = stripe;\n      elementsRef.current = elements;\n      setStatus(\"ready\");\n    } catch (e) {\n      setStatus(\"idle\");\n      setError(e instanceof Error ? e.message : \"Payment could not be set up. Please try again.\");\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    const returnUrl =\n      typeof window !== \"undefined\" ? `${window.location.origin}${window.location.pathname}?redirect_status=succeeded` : undefined;\n    const result = await stripe.confirmPayment({ elements, confirmParams: { return_url: returnUrl }, redirect: \"if_required\" });\n    if (result.error) {\n      setError(result.error.message ?? \"The payment could not be completed.\");\n      setStatus(\"ready\");\n      return;\n    }\n    const paid = result.paymentIntent?.status;\n    if (paid === \"succeeded\" || paid === \"processing\") onPaid();\n    else {\n      setError(\"The payment did not complete. Please try again.\");\n      setStatus(\"ready\");\n    }\n  };\n\n  return (\n    <div className=\"join-pay\">\n      <label className=\"compliance-box\">\n        <input\n          type=\"checkbox\"\n          disabled={status !== \"idle\"}\n          onChange={(e) => {\n            if (e.currentTarget.checked) void begin();\n          }}\n        />\n        <span>{refundPolicyText}</span>\n      </label>\n      {status === \"loading\" ? <p className=\"pay-status\">Preparing secure payment…</p> : null}\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\" ? \"Processing…\" : \"Pay and continue\"}\n        </button>\n      ) : null}\n      {error ? <p className=\"pay-error\">{error}</p> : null}\n    </div>\n  );\n}\n","// Brand tokens (H4). defineChapter accepts a `brand` block; this turns it into a\n// `:root { --…: … }` CSS block, so a chapter re-skins the WHOLE UI — the\n// @odla-ai/ui components, the admin shell, and the member islands, which all read\n// --ui-* design tokens — from one config instead of hand-writing inline CSS.\n//\n// Pure string generation, so it is unit-testable and can be emitted at\n// build/SSR time into the page <head> (no flash of unstyled content), or via the\n// <BrandStyle> component from @odla-ai/chapter/ui.\nimport type { ChapterBrand } from \"./types\";\n\n// A palette entry is either a direct custom property (already `--…`, e.g.\n// `--ui-accent` to retheme components) or a bare name we expose as `--<name>`\n// (e.g. `moss` → `--moss`, for a site to reference in its own CSS).\nfunction paletteVar(key: string): string {\n  return key.startsWith(\"--\") ? key : `--${key}`;\n}\n\n// Strip characters that could break out of a `--var: value;` declaration or the\n// surrounding <style>. Brand config is trusted author input, so this is a\n// belt-and-suspenders guard, not a security boundary.\nfunction cleanValue(value: string): string {\n  return value.replace(/[<>{};]/g, \"\").trim();\n}\n\n/**\n * Build the `:root { … }` CSS that maps a chapter's brand onto the design tokens\n * the UI reads: each `palette` entry becomes a custom property, and `fonts`\n * (display/body/numeral) map to `--ui-font-display` / `--ui-font-sans` /\n * `--ui-font-numeral`. Returns \"\" when there is nothing to theme.\n */\nexport function brandTokens(brand: ChapterBrand | undefined): string {\n  if (!brand) return \"\";\n  const decls: string[] = [];\n  for (const [key, value] of Object.entries(brand.palette ?? {})) {\n    if (typeof value === \"string\" && value.trim()) decls.push(`${paletteVar(key)}: ${cleanValue(value)};`);\n  }\n  const fonts = brand.fonts;\n  if (fonts?.display) decls.push(`--ui-font-display: ${cleanValue(fonts.display)};`);\n  if (fonts?.body) decls.push(`--ui-font-sans: ${cleanValue(fonts.body)};`);\n  if (fonts?.numeral) decls.push(`--ui-font-numeral: ${cleanValue(fonts.numeral)};`);\n  return decls.length ? `:root {\\n  ${decls.join(\"\\n  \")}\\n}\\n` : \"\";\n}\n","// Client-side convenience for brand tokens: render the chapter's brand as a\n// <style> tag. Prefer emitting brandTokens() into the page <head> at build/SSR\n// time (no flash); use this when that isn't available (e.g. a pure SPA mount).\nimport { brandTokens } from \"../brand.js\";\nimport type { ChapterBrand } from \"../types\";\n\n/** Props for {@link BrandStyle}. */\nexport interface BrandStyleProps {\n  brand: ChapterBrand | undefined;\n}\n\n/** Render a chapter's brand tokens as an inline <style> block (or nothing when\n *  there is no brand to theme). */\nexport function BrandStyle(props: BrandStyleProps) {\n  const css = brandTokens(props.brand);\n  if (!css) return null;\n  return <style>{css}</style>;\n}\n"],"mappings":"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","names":["useState","useState","jsx","jsxs","useState","Fragment","jsx","jsxs","useState","useEffect","useState","useState","jsx","jsxs","jsx","jsxs","useState","useEffect","jsx"]}
+{"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/brand.ts","../src/ui/brand-style.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// Silver & Salt Preact island to React; 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 \"react\";\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 the proven Silver & Salt 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 S&S members island to\n// React, driven by the injected `api` (no Clerk SDK dependency).\nimport { useEffect, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Rescheduler } from \"./reschedule.js\";\nimport { fmtDate, fullLabel } from \"./datetime.js\";\nimport type { ApiFn } from \"./api.js\";\nimport type { MemberApplication } from \"../session.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?: ReactNode;\n}\n\nfunction card(kicker: string, body: ReactNode): ReactNode {\n  return (\n    <div className=\"card\">\n      <div className=\"card-label\">Your Application</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  onReschedule: () => void | Promise<void>;\n}): ReactNode {\n  const { api, application, applyHref, onReschedule } = props;\n  if (!application) {\n    return card(\n      \"One step remains\",\n      <>\n        <div className=\"meeting-note\">Your account is ready, and the application that completes it takes a few minutes.</div>\n        <a className=\"apply-link\" href={applyHref}>\n          Apply for membership\n        </a>\n      </>,\n    );\n  }\n  if (application.status === \"refunded\") {\n    return card(\"Membership refunded\", <div className=\"meeting-note\">Your fee has been refunded in full and your membership is canceled.</div>);\n  }\n  const membership = application.paid ? (\n    <div className=\"meeting-note\">Your membership is active{application.renewalAt ? ` and renews ${fmtDate(application.renewalAt)}` : \"\"}.</div>\n  ) : null;\n  if (application.meetingAt) {\n    return card(\n      \"Your introduction call\",\n      <>\n        <div className=\"meeting-date\">{fullLabel(application.meetingAt, application.timezone)}</div>\n        <div className=\"meeting-note\">A calendar invitation with the video call link is in your email.</div>\n        {application.meetUrl ? (\n          <div className=\"meeting-note\">\n            <a href={application.meetUrl} target=\"_blank\" rel=\"noopener\">\n              Join the video call\n            </a>\n          </div>\n        ) : null}\n        <Rescheduler api={api} applicationId={application.id} timezone={application.timezone} onRescheduled={onReschedule} />\n        {membership}\n      </>,\n    );\n  }\n  return card(\n    \"Book your introduction call\",\n    <>\n      <div className=\"meeting-note\">Your application is in. Choose a time below, and a calendar invitation will reach your email.</div>\n      <Rescheduler api={api} applicationId={application.id} timezone={application.timezone} onRescheduled={onReschedule} label=\"Choose a time\" />\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 { api, signOut, adminHref = \"/admin/\", applyHref = \"/join.html\", memberContent } = props;\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\">Sign in is briefly unavailable. Please refresh.</p>;\n  if (!me) return <p className=\"meeting-note\">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            Sign out\n          </button>\n          {role === \"admin\" ? (\n            <a className=\"admin-console-link\" href={adminHref}>\n              Admin console\n            </a>\n          ) : null}\n        </div>\n      </div>\n      {role === \"provisional\" ? (\n        <ProvisionalCard api={api} application={me.application} applyHref={applyHref} onReschedule={reload} />\n      ) : (\n        (memberContent ?? (\n          <div className=\"card\">\n            <div className=\"card-label\">Welcome back.</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 S&S member-area Rescheduler to React, driven by the injected `api`.\nimport { useState } from \"react\";\nimport { SlotPicker } from \"./slot-picker.js\";\nimport type { Slot } from \"./datetime.js\";\nimport type { ApiFn } from \"./api.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}\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 { api, applicationId, timezone, onRescheduled, label = \"Change your time\" } = 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(\"Scheduling is briefly unavailable. We'll reach out by email to arrange your call.\");\n        return;\n      }\n      setSlots(r.slots ?? []);\n      if (r.timezone) setTz(r.timezone);\n    } catch {\n      setSlots([]);\n      setMsg(\"Times are briefly unavailable. Please try again.\");\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 : \"That time is no longer available. Please pick another.\");\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\">Loading available times…</p>\n      ) : slots.length === 0 ? (\n        <p className=\"meeting-note\">{msg ?? \"No open times right now. Please check back soon.\"}</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\">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          Keep my current time\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 how S&S wires join.html, but the flow +\n// payment + booking are packaged instead of hand-rolled per site.\nimport { useEffect, useState } from \"react\";\nimport type { FormEvent, ReactNode } from \"react\";\nimport { SlotPicker } from \"./slot-picker.js\";\nimport { PaymentStep } from \"./payment-step.js\";\nimport { fullLabel } from \"./datetime.js\";\nimport type { Slot } from \"./datetime.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}\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: ReactNode;\n  /** Where the confirmation links after booking. Default \"/members/\". */\n  membersHref?: string;\n}\n\ntype Step = \"form\" | \"pay\" | \"book\" | \"done\";\n\ninterface SlotsResponse {\n  schedulingReady?: boolean;\n  slots?: Slot[];\n  timezone?: string;\n}\n\nfunction JoinBooking(props: { applicationId: string; onBooked: (b: { startAt: number; timezone: string }) => void }): ReactNode {\n  const { applicationId, 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(\"Scheduling is briefly unavailable — we'll reach out by email to arrange your call.\");\n        return;\n      }\n      setState({ slots: data.slots, timezone: data.timezone ?? \"UTC\" });\n    } catch {\n      setMsg(\"Times are briefly unavailable. Please try again.\");\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(\"That time was just taken. Here are the current openings.\");\n        await load();\n        return;\n      }\n      if (!res.ok) throw new Error(data.error ?? \"The booking could not be completed.\");\n      onBooked({ startAt: data.startAt ?? selected.startAt, timezone: state?.timezone ?? \"UTC\" });\n    } catch (e) {\n      setMsg(e instanceof Error ? e.message : \"The booking could not be completed.\");\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  if (!state) return <p className=\"slots-status\">{msg ?? \"Loading available times…\"}</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 ? \"Booking…\" : \"Book this time\"}\n        </button>\n        {msg ? <p className=\"step2-note\">{msg}</p> : null}\n      </div>\n    </div>\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 { config, children, membersHref = \"/members/\" } = props;\n  const [step, setStep] = useState<Step>(\"form\");\n  const [applicationId, setApplicationId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [submitting, setSubmitting] = useState(false);\n  const [booked, setBooked] = useState<{ startAt: number; timezone: string } | null>(null);\n\n  const submit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    setSubmitting(true);\n    setError(null);\n    try {\n      const fields: Record<string, unknown> = {};\n      for (const [k, v] of new FormData(e.currentTarget).entries()) fields[k] = v;\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 ?? \"Your application could not be submitted.\");\n      setApplicationId(data.id);\n      setStep(config.paymentsReady ? \"pay\" : \"book\");\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Something went wrong. Please try again.\");\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  if (step === \"done\" && booked) {\n    return (\n      <div className=\"join-done card\">\n        <div className=\"card-label\">You're booked</div>\n        <p className=\"meeting-date\">{fullLabel(booked.startAt, booked.timezone)}</p>\n        <p className=\"meeting-note\">A calendar invitation with the video call link is on its way to your email.</p>\n        <a className=\"apply-link\" href={membersHref}>\n          Go to your member area\n        </a>\n      </div>\n    );\n  }\n  if (step === \"book\" && applicationId) {\n    return (\n      <JoinBooking\n        applicationId={applicationId}\n        onBooked={(b) => {\n          setBooked(b);\n          setStep(\"done\");\n        }}\n      />\n    );\n  }\n  if (step === \"pay\" && applicationId) {\n    return <PaymentStep applicationId={applicationId} refundPolicyText={config.refundPolicyText ?? \"\"} onPaid={() => setStep(\"book\")} />;\n  }\n  return (\n    <form className=\"join-form\" onSubmit={(e) => void submit(e)}>\n      {children}\n      {error ? <p className=\"join-error\">{error}</p> : null}\n      <button className=\"submit-btn\" type=\"submit\" disabled={submitting}>\n        {submitting ? \"Submitting…\" : \"Submit application\"}\n      </button>\n    </form>\n  );\n}\n","// The join flow's payment step. Ports the S&S vanilla 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, exactly as S&S does. Client success is advisory only; the webhook is the\n// authoritative writer of paid state (see payments.ts).\nimport { useRef, useState } from \"react\";\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: { clientSecret: string }): 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}\n\ninterface SubResponse {\n  clientSecret?: string;\n  publishableKey?: string | null;\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 { applicationId, refundPolicyText, onPaid } = props;\n  const [status, setStatus] = useState<\"idle\" | \"loading\" | \"ready\" | \"confirming\">(\"idle\");\n  const [error, setError] = useState<string | 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(\"Payment could not be set up. Please try again.\");\n      const stripe = (await loadStripe())(data.publishableKey);\n      const elements = stripe.elements({ clientSecret: data.clientSecret });\n      const element = elements.create(\"payment\");\n      if (mountRef.current) element.mount(mountRef.current);\n      stripeRef.current = stripe;\n      elementsRef.current = elements;\n      setStatus(\"ready\");\n    } catch (e) {\n      setStatus(\"idle\");\n      setError(e instanceof Error ? e.message : \"Payment could not be set up. Please try again.\");\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    const returnUrl =\n      typeof window !== \"undefined\" ? `${window.location.origin}${window.location.pathname}?redirect_status=succeeded` : undefined;\n    const result = await stripe.confirmPayment({ elements, confirmParams: { return_url: returnUrl }, redirect: \"if_required\" });\n    if (result.error) {\n      setError(result.error.message ?? \"The payment could not be completed.\");\n      setStatus(\"ready\");\n      return;\n    }\n    const paid = result.paymentIntent?.status;\n    if (paid === \"succeeded\" || paid === \"processing\") onPaid();\n    else {\n      setError(\"The payment did not complete. Please try again.\");\n      setStatus(\"ready\");\n    }\n  };\n\n  return (\n    <div className=\"join-pay\">\n      <label className=\"compliance-box\">\n        <input\n          type=\"checkbox\"\n          disabled={status !== \"idle\"}\n          onChange={(e) => {\n            if (e.currentTarget.checked) void begin();\n          }}\n        />\n        <span>{refundPolicyText}</span>\n      </label>\n      {status === \"loading\" ? <p className=\"pay-status\">Preparing secure payment…</p> : null}\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\" ? \"Processing…\" : \"Pay and continue\"}\n        </button>\n      ) : null}\n      {error ? <p className=\"pay-error\">{error}</p> : null}\n    </div>\n  );\n}\n","// Brand tokens (H4). defineChapter accepts a `brand` block; this turns it into a\n// `:root { --…: … }` CSS block, so a chapter re-skins the WHOLE UI — the\n// @odla-ai/ui components, the admin shell, and the member islands, which all read\n// --ui-* design tokens — from one config instead of hand-writing inline CSS.\n//\n// Pure string generation, so it is unit-testable and can be emitted at\n// build/SSR time into the page <head> (no flash of unstyled content), or via the\n// <BrandStyle> component from @odla-ai/chapter/ui.\nimport type { ChapterBrand } from \"./types\";\n\n// A palette entry is either a direct custom property (already `--…`, e.g.\n// `--ui-accent` to retheme components) or a bare name we expose as `--<name>`\n// (e.g. `moss` → `--moss`, for a site to reference in its own CSS).\nfunction paletteVar(key: string): string {\n  return key.startsWith(\"--\") ? key : `--${key}`;\n}\n\n// Strip characters that could break out of a `--var: value;` declaration or the\n// surrounding <style>. Brand config is trusted author input, so this is a\n// belt-and-suspenders guard, not a security boundary.\nfunction cleanValue(value: string): string {\n  return value.replace(/[<>{};]/g, \"\").trim();\n}\n\nfunction paletteDecls(palette: Record<string, string> | undefined): string[] {\n  const decls: string[] = [];\n  for (const [key, value] of Object.entries(palette ?? {})) {\n    if (typeof value === \"string\" && value.trim()) decls.push(`${paletteVar(key)}: ${cleanValue(value)};`);\n  }\n  return decls;\n}\n\n/**\n * Build the CSS that maps a chapter's brand onto the design tokens the UI reads:\n * each `palette` entry becomes a custom property (light, and dark unless\n * `paletteDark` overrides), and `fonts` (display/body/numeral) map to\n * `--ui-font-display` / `--ui-font-sans` / `--ui-font-numeral`. The dark block is\n * emitted under both `:root[data-theme=\"dark\"]` (the odla-ui theme toggle) and\n * `@media (prefers-color-scheme: dark)`. Returns \"\" when there is nothing to\n * theme. These are brand OVERRIDES on top of a base theme — they do not replace\n * the theme layer the components need (see {@link brandTokens} usage in the docs).\n */\nexport function brandTokens(brand: ChapterBrand | undefined): string {\n  if (!brand) return \"\";\n  const light = paletteDecls(brand.palette);\n  const fonts = brand.fonts;\n  if (fonts?.display) light.push(`--ui-font-display: ${cleanValue(fonts.display)};`);\n  if (fonts?.body) light.push(`--ui-font-sans: ${cleanValue(fonts.body)};`);\n  if (fonts?.numeral) light.push(`--ui-font-numeral: ${cleanValue(fonts.numeral)};`);\n  const dark = paletteDecls(brand.paletteDark);\n\n  let css = light.length ? `:root {\\n  ${light.join(\"\\n  \")}\\n}\\n` : \"\";\n  if (dark.length) {\n    const block = `{\\n  ${dark.join(\"\\n  \")}\\n}`;\n    css += `:root[data-theme=\"dark\"] ${block}\\n@media (prefers-color-scheme: dark) {\\n  :root:not([data-theme=\"light\"]) ${block}\\n}\\n`;\n  }\n  return css;\n}\n","// Client-side convenience for brand tokens: render the chapter's brand as a\n// <style> tag. Prefer emitting brandTokens() into the page <head> at build/SSR\n// time (no flash); use this when that isn't available (e.g. a pure SPA mount).\nimport { brandTokens } from \"../brand.js\";\nimport type { ChapterBrand } from \"../types\";\n\n/** Props for {@link BrandStyle}. */\nexport interface BrandStyleProps {\n  brand: ChapterBrand | undefined;\n}\n\n/** Render a chapter's brand tokens as an inline <style> block (or nothing when\n *  there is no brand to theme). */\nexport function BrandStyle(props: BrandStyleProps) {\n  const css = brandTokens(props.brand);\n  if (!css) return null;\n  return <style>{css}</style>;\n}\n"],"mappings":"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","names":["useState","useState","jsx","jsxs","useState","Fragment","jsx","jsxs","useState","useEffect","useState","useState","jsx","jsxs","jsx","jsxs","useState","useEffect","jsx"]}

package/dist/index.cjs

@@ -1299,20 +1299,36 @@ function paletteVar(key) {
 function cleanValue(value) {
   return value.replace(/[<>{};]/g, "").trim();
 }
-function brandTokens(brand) {
-  if (!brand) return "";
+function paletteDecls(palette) {
   const decls = [];
-  for (const [key, value] of Object.entries(brand.palette ?? {})) {
+  for (const [key, value] of Object.entries(palette ?? {})) {
     if (typeof value === "string" && value.trim()) decls.push(`${paletteVar(key)}: ${cleanValue(value)};`);
   }
+  return decls;
+}
+function brandTokens(brand) {
+  if (!brand) return "";
+  const light = paletteDecls(brand.palette);
   const fonts = brand.fonts;
-  if (fonts?.display) decls.push(`--ui-font-display: ${cleanValue(fonts.display)};`);
-  if (fonts?.body) decls.push(`--ui-font-sans: ${cleanValue(fonts.body)};`);
-  if (fonts?.numeral) decls.push(`--ui-font-numeral: ${cleanValue(fonts.numeral)};`);
-  return decls.length ? `:root {
-  ${decls.join("\n  ")}
+  if (fonts?.display) light.push(`--ui-font-display: ${cleanValue(fonts.display)};`);
+  if (fonts?.body) light.push(`--ui-font-sans: ${cleanValue(fonts.body)};`);
+  if (fonts?.numeral) light.push(`--ui-font-numeral: ${cleanValue(fonts.numeral)};`);
+  const dark = paletteDecls(brand.paletteDark);
+  let css = light.length ? `:root {
+  ${light.join("\n  ")}
 }
 ` : "";
+  if (dark.length) {
+    const block = `{
+  ${dark.join("\n  ")}
+}`;
+    css += `:root[data-theme="dark"] ${block}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) ${block}
+}
+`;
+  }
+  return css;
 }
 
 // src/reconcile.ts