@odla-ai/chapter 0.61.0 → 0.63.0

package/dist/{chunk-RTJKUOFE.js → chunk-QPFJBHHK.js}

@@ -1,69 +1,20 @@
 import {
   DEFAULT_JOIN_COPY,
+  dayLabel,
+  fmtDate,
+  fmtMoney,
   formatChapterCopy,
+  fullLabel,
+  groupSlotsByDay,
+  timeLabel,
   useChapterCopy
-} from "./chunk-PKVHXKGJ.js";
+} from "./chunk-OXYMVK2O.js";
 import {
   collectFormFields
 } from "./chunk-IVXVECKR.js";
 
 // src/ui/slot-picker.tsx
 import { useMemo, useState } from "preact/hooks";
-
-// src/ui/datetime.ts
-function tzShort(tz) {
-  try {
-    const parts = new Intl.DateTimeFormat(void 0, { timeZone: tz, timeZoneName: "short" }).formatToParts(
-      /* @__PURE__ */ new Date()
-    );
-    return parts.find((p) => p.type === "timeZoneName")?.value ?? tz;
-  } catch {
-    return tz;
-  }
-}
-function dayKey(ms, tz) {
-  return new Date(ms).toLocaleDateString("en-CA", { timeZone: tz });
-}
-function dayLabel(ms, tz) {
-  return new Date(ms).toLocaleDateString(void 0, { timeZone: tz, weekday: "short", month: "short", day: "numeric" });
-}
-function timeLabel(ms, tz) {
-  return new Date(ms).toLocaleTimeString(void 0, {
-    timeZone: tz,
-    hour: "numeric",
-    minute: "2-digit",
-    timeZoneName: "short"
-  });
-}
-function fullLabel(ms, tz) {
-  return new Date(ms).toLocaleString(void 0, {
-    timeZone: tz,
-    weekday: "long",
-    month: "long",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-    timeZoneName: "short"
-  });
-}
-function fmtMoney(cents) {
-  return "$" + Math.round(cents / 100).toLocaleString();
-}
-function fmtDate(ms) {
-  return new Date(ms).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
-}
-function groupSlotsByDay(slots, tz) {
-  const byDay = /* @__PURE__ */ new Map();
-  for (const s of slots) {
-    const k = dayKey(s.startAt, tz);
-    const bucket = byDay.get(k);
-    if (bucket) bucket.push(s);
-    else byDay.set(k, [s]);
-  }
-  return byDay;
-}
-
-// src/ui/slot-picker.tsx
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 var DEFAULT_CLASSES = {
   days: "slot-days",
@@ -867,7 +818,7 @@ function MemberRestart(props) {
 }
 
 // src/ui/members.tsx
-import { useEffect as useEffect6, useState as useState13 } from "preact/hooks";
+import { useEffect as useEffect11, useState as useState18 } from "preact/hooks";
 
 // src/ui/reschedule.tsx
 import { useState as useState8 } from "preact/hooks";
@@ -1316,7 +1267,8 @@ function MemberContentArea(props) {
       list.push(page);
       result.set(page.navigation.section, list);
     }
-    return [...result.entries()];
+    const declared = data?.sections ?? [...result.keys()].map((id) => ({ id, label: id }));
+    return declared.filter((section) => result.has(section.id)).map((section) => [section.label ?? "", result.get(section.id)]);
   }, [data]);
   if (error) return /* @__PURE__ */ jsxs15("p", { className: "meeting-note", role: "alert", children: [
     "Member pages could not be loaded: ",
@@ -1327,8 +1279,8 @@ function MemberContentArea(props) {
   const selected = data.pages.find((page) => page.id === selectedId) ?? data.pages[0];
   const href = selected.upsell && upsellHref ? upsellHref(selected.upsell.tierId, selected) : void 0;
   return /* @__PURE__ */ jsxs15("div", { className: "chapter-member-content", "data-member-content": true, children: [
-    /* @__PURE__ */ jsx16("nav", { className: "chapter-member-content-nav", "aria-label": "Member pages", children: sections.map(([section, pages]) => /* @__PURE__ */ jsxs15("section", { className: "chapter-member-content-section", children: [
-      /* @__PURE__ */ jsx16("h2", { children: section }),
+    /* @__PURE__ */ jsx16("nav", { className: "chapter-member-content-nav", "aria-label": "Member pages", children: sections.map(([section, pages], index) => /* @__PURE__ */ jsxs15("section", { className: "chapter-member-content-section", children: [
+      section ? /* @__PURE__ */ jsx16("h2", { children: section }) : null,
       /* @__PURE__ */ jsx16("ul", { children: pages.map((page) => /* @__PURE__ */ jsx16("li", { "data-parent-page": page.navigation.parentId ?? void 0, children: /* @__PURE__ */ jsx16(
         "button",
         {
@@ -1338,7 +1290,7 @@ function MemberContentArea(props) {
           children: pageLabel(page)
         }
       ) }, page.id)) })
-    ] }, section)) }),
+    ] }, `${index}:${section}`)) }),
     /* @__PURE__ */ jsxs15("article", { className: "chapter-member-content-page", "data-access": selected.access, children: [
       /* @__PURE__ */ jsxs15("header", { children: [
         /* @__PURE__ */ jsxs15("div", { className: "card-label", children: [
@@ -1349,7 +1301,7 @@ function MemberContentArea(props) {
         /* @__PURE__ */ jsx16("h1", { children: selected.title }),
         selected.summary ? /* @__PURE__ */ jsx16("p", { children: selected.summary }) : null
       ] }),
-      selected.access === "allowed" && selected.bodyMarkdown ? /* @__PURE__ */ jsx16(Markdown, { source: selected.bodyMarkdown }) : /* @__PURE__ */ jsxs15("div", { className: "chapter-member-content-locked", children: [
+      selected.access === "allowed" && selected.kind === "feature" ? /* @__PURE__ */ jsx16(Fragment4, { children: props.renderFeature?.(selected) ?? null }) : selected.access === "allowed" && selected.kind === "placeholder" ? /* @__PURE__ */ jsx16(MemberPlaceholderBody, { page: selected }) : selected.access === "allowed" && selected.bodyMarkdown ? /* @__PURE__ */ jsx16(Markdown, { source: selected.bodyMarkdown }) : /* @__PURE__ */ jsxs15("div", { className: "chapter-member-content-locked", children: [
         selected.teaserMarkdown ? /* @__PURE__ */ jsx16(Markdown, { source: selected.teaserMarkdown }) : /* @__PURE__ */ jsx16("p", { children: "This page is not included in your current membership." }),
         selected.upsell ? /* @__PURE__ */ jsxs15("aside", { className: "chapter-member-content-upsell", "aria-label": selected.upsell.label ?? "Membership option", children: [
           /* @__PURE__ */ jsx16("h2", { children: selected.upsell.label ?? selected.upsell.tierName }),
@@ -1361,14 +1313,986 @@ function MemberContentArea(props) {
     ] })
   ] });
 }
+var placeholderBadge = (page) => page.placeholder?.badge ?? (page.placeholder?.availableYear ? `Coming in ${page.placeholder.availableYear}` : "Coming soon");
+function MemberPlaceholderBody({ page }) {
+  return /* @__PURE__ */ jsxs15("div", { className: "chapter-member-placeholder", "data-placeholder": true, children: [
+    /* @__PURE__ */ jsx16("div", { className: "card-label", children: placeholderBadge(page) }),
+    page.bodyMarkdown ? /* @__PURE__ */ jsx16(Markdown, { source: page.bodyMarkdown }) : null,
+    page.placeholder?.actionLabel ? /* @__PURE__ */ jsx16("button", { className: "btn secondary", type: "button", disabled: true, children: page.placeholder.actionLabel }) : null
+  ] });
+}
+
+// src/ui/member-portal.tsx
+import { useEffect as useEffect10, useMemo as useMemo3, useState as useState17 } from "preact/hooks";
+
+// src/ui/member-portal-nav.tsx
+import { ThemeScope } from "@odla-ai/ui/components";
+
+// src/ui/member-portal-icons.tsx
+import { jsx as jsx17 } from "preact/jsx-runtime";
+var PATHS = {
+  home: ["M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z"],
+  course: ["M22 10 12 5 2 10l10 5 10-5z", "M6 12v5c3 2 9 2 12 0v-5"],
+  library: ["M4 19.5V4.5A1.5 1.5 0 0 1 5.5 3H20v18H5.5A1.5 1.5 0 0 1 4 19.5z", "M8 7h8"],
+  deals: ["M3 17l6-6 4 4 8-8", "M14 7h7v7"],
+  training: ["M9 11l3 3 8-8", "M20 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9"],
+  events: ["M5 4h14a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z", "M16 2v4M8 2v4M3 10h18"],
+  members: ["M9 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8z", "M2 21a7 7 0 0 1 14 0", "M16 4a4 4 0 0 1 0 8", "M22 21a7 7 0 0 0-4-6.3"],
+  share: ["M12 3v12", "m7 8 5-5 5 5", "M5 14v5a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-5"],
+  profile: ["M12 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8z", "M4 21a8 8 0 0 1 16 0"],
+  document: ["M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z", "M14 3v6h6", "M8 13h8M8 17h5"],
+  calendar: ["M5 4h14a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z", "M16 2v4M8 2v4M3 10h18"],
+  chat: ["M21 12a8 8 0 0 1-11.6 7.1L3 21l1.9-6.4A8 8 0 1 1 21 12z"],
+  star: ["m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3l-5.6 2.9 1.1-6.2L3 9.6l6.2-.9z"],
+  lock: ["M6 11h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2z", "M8 11V7a4 4 0 0 1 8 0v4"],
+  menu: ["M4 7h16M4 12h16M4 17h16"],
+  close: ["M6 6l12 12M18 6 6 18"]
+};
+function PortalIcon({ name, size = 18, label }) {
+  return /* @__PURE__ */ jsx17(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "1.8",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "aria-hidden": label ? void 0 : "true",
+      "aria-label": label,
+      role: label ? "img" : void 0,
+      focusable: "false",
+      children: PATHS[name].map((d) => /* @__PURE__ */ jsx17("path", { d }, d))
+    }
+  );
+}
+
+// src/ui/member-portal-routing.ts
+var PROFILE_SEGMENT = "profile";
+var trimSlashes = (value) => value.replace(/^\/+|\/+$/g, "");
+function routeFromLocation(location2, routing) {
+  let segment = "";
+  if (routing.mode === "hash") segment = trimSlashes(decodeURIComponent(location2.hash.replace(/^#/, "")));
+  else {
+    const base = `/${trimSlashes(routing.basePath)}`;
+    const path = location2.pathname;
+    if (path === base || path.startsWith(`${base}/`)) segment = trimSlashes(decodeURIComponent(path.slice(base.length)));
+  }
+  if (!segment) return { kind: "home" };
+  if (segment === PROFILE_SEGMENT) return { kind: "profile" };
+  return /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(segment) ? { kind: "page", slug: segment } : { kind: "home" };
+}
+function hrefFor(route, routing) {
+  const base = `/${trimSlashes(routing.basePath)}`.replace(/^\/$/, "");
+  const segment = route.kind === "home" ? "" : route.kind === "profile" ? PROFILE_SEGMENT : route.slug;
+  if (routing.mode === "hash") return segment ? `${base}/#${segment}` : `${base}/`;
+  return segment ? `${base}/${segment}` : `${base}/`;
+}
+var sameRoute = (a, b) => a.kind === b.kind && (a.kind !== "page" || a.slug === b.slug);
+
+// src/ui/member-portal-nav.tsx
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs16 } from "preact/jsx-runtime";
+function PortalAvatar({ me, className }) {
+  return /* @__PURE__ */ jsx18("span", { className: `chapter-portal-avatar${className ? ` ${className}` : ""}`, children: me.photoUrl ? /* @__PURE__ */ jsx18("img", { src: me.photoUrl, alt: "" }) : me.initials });
+}
+function navTag(page, copy) {
+  if (page.access === "locked") return { kind: "lock", text: copy.shell.locked };
+  if (page.navigation.tag === "new") return { kind: "new", text: copy.pages.tagNew };
+  if (page.kind === "placeholder") {
+    const year = page.placeholder?.availableYear;
+    return { kind: "soon", text: year ? String(year) : copy.pages.tagSoon };
+  }
+  return null;
+}
+function Groups({ content, route, copy, onNavigate }) {
+  const sections = content.sections ?? [...new Set(content.pages.map((page) => page.navigation.section))].map((id) => ({ id, label: id }));
+  const item = (target, icon, label, tag) => /* @__PURE__ */ jsxs16("button", { type: "button", className: "chapter-portal-nav-item", "aria-current": sameRoute(route, target) ? "page" : void 0, onClick: () => onNavigate(target), children: [
+    /* @__PURE__ */ jsx18(PortalIcon, { name: icon }),
+    /* @__PURE__ */ jsx18("span", { children: label }),
+    tag?.kind === "lock" ? /* @__PURE__ */ jsx18("span", { className: "chapter-portal-tag", "data-tag": "lock", title: tag.text, children: /* @__PURE__ */ jsx18(PortalIcon, { name: "lock", size: 12, label: tag.text }) }) : tag ? /* @__PURE__ */ jsx18("span", { className: "chapter-portal-tag", "data-tag": tag.kind, children: tag.text }) : null
+  ] });
+  return /* @__PURE__ */ jsxs16(Fragment5, { children: [
+    /* @__PURE__ */ jsx18("div", { children: item({ kind: "home" }, "home", copy.shell.home) }),
+    sections.map((section) => {
+      const pages = content.pages.filter((page) => page.navigation.section === section.id && !page.navigation.parentId);
+      if (!pages.length) return null;
+      return /* @__PURE__ */ jsxs16("div", { children: [
+        section.label ? /* @__PURE__ */ jsx18("div", { className: "chapter-portal-group-label", children: section.label }) : null,
+        pages.map((page) => /* @__PURE__ */ jsx18("div", { children: item({ kind: "page", slug: page.slug }, page.navigation.icon ?? "document", page.title, navTag(page, copy)) }, page.id))
+      ] }, section.id);
+    })
+  ] });
+}
+function Account(props) {
+  const { me, email, route, copy, adminHref, onNavigate, onSignOut } = props;
+  return /* @__PURE__ */ jsxs16("div", { className: "chapter-portal-account", children: [
+    /* @__PURE__ */ jsxs16("button", { type: "button", className: "chapter-portal-nav-item", "aria-current": route.kind === "profile" ? "page" : void 0, onClick: () => onNavigate({ kind: "profile" }), children: [
+      /* @__PURE__ */ jsx18(PortalAvatar, { me }),
+      /* @__PURE__ */ jsx18("span", { children: copy.shell.yourProfile })
+    ] }),
+    /* @__PURE__ */ jsx18("div", { children: copy.shell.signedInAs }),
+    /* @__PURE__ */ jsx18("div", { children: email }),
+    /* @__PURE__ */ jsxs16("div", { style: { marginTop: ".5rem", display: "flex", gap: "1rem", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsx18("button", { type: "button", className: "chapter-portal-link", onClick: onSignOut, children: copy.shell.signOut }),
+      adminHref ? /* @__PURE__ */ jsx18("a", { href: adminHref, children: copy.shell.adminConsole }) : null
+    ] })
+  ] });
+}
+function PortalNav(props) {
+  const island = props.sidebarTokens ? void 0 : "ui-invert";
+  return /* @__PURE__ */ jsxs16(Fragment5, { children: [
+    /* @__PURE__ */ jsxs16(ThemeScope, { tokens: props.sidebarTokens, className: `chapter-portal-side ${island ?? ""}`, role: "complementary", "aria-label": props.copy.shell.navLabel, children: [
+      /* @__PURE__ */ jsx18("div", { className: "chapter-portal-brand", children: props.brand }),
+      /* @__PURE__ */ jsx18(Groups, { ...props }),
+      /* @__PURE__ */ jsx18(Account, { ...props })
+    ] }),
+    /* @__PURE__ */ jsxs16(ThemeScope, { tokens: props.sidebarTokens, className: `chapter-portal-mobile ${island ?? ""}`, children: [
+      /* @__PURE__ */ jsxs16("div", { className: "chapter-portal-mobile-bar", children: [
+        /* @__PURE__ */ jsx18("div", { className: "chapter-portal-brand", children: props.brand }),
+        /* @__PURE__ */ jsx18(
+          "button",
+          {
+            type: "button",
+            className: "chapter-portal-burger",
+            "aria-expanded": props.menuOpen,
+            "aria-label": props.menuOpen ? props.copy.shell.closeMenu : props.copy.shell.openMenu,
+            onClick: props.onToggleMenu,
+            children: /* @__PURE__ */ jsx18(PortalIcon, { name: props.menuOpen ? "close" : "menu", size: 22 })
+          }
+        )
+      ] }),
+      props.menuOpen ? /* @__PURE__ */ jsxs16("nav", { className: "chapter-portal-mobile-menu", "aria-label": props.copy.shell.navLabel, children: [
+        /* @__PURE__ */ jsx18(Groups, { ...props }),
+        /* @__PURE__ */ jsx18(Account, { ...props })
+      ] }) : null
+    ] })
+  ] });
+}
+
+// src/ui/member-portal-pages.tsx
+import { Markdown as Markdown2 } from "@odla-ai/ui/components";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs17 } from "preact/jsx-runtime";
+var upsellOf = (page, ctx) => {
+  const tierName = page.upsell?.tierName;
+  const tierId = page.upsell?.tierId ?? (page.audience.kind === "tiers" ? page.audience.tierIds[0] : void 0);
+  const href = tierId && ctx.upsellHref ? ctx.upsellHref(tierId, page) : void 0;
+  return { tierName, href, cta: page.upsell?.ctaLabel ?? ctx.copy.pages.upgrade };
+};
+function LockedPill({ page, ctx }) {
+  const { tierName } = upsellOf(page, ctx);
+  return /* @__PURE__ */ jsxs17("span", { className: "chapter-portal-pill", children: [
+    /* @__PURE__ */ jsx19(PortalIcon, { name: "lock", size: 12 }),
+    tierName ? formatChapterCopy(ctx.copy.pages.includedWith, { tierName }) : ctx.copy.shell.locked
+  ] });
+}
+function UpgradeLink({ page, ctx, variant }) {
+  const { href, cta } = upsellOf(page, ctx);
+  return href ? /* @__PURE__ */ jsx19("a", { className: "chapter-portal-btn", "data-variant": variant, href, target: "_blank", rel: "noopener", children: cta }) : null;
+}
+function LockedScreen({ page, ctx }) {
+  return /* @__PURE__ */ jsxs17("div", { className: "chapter-portal-card chapter-portal-soon", "data-access": "locked", children: [
+    /* @__PURE__ */ jsx19(LockedPill, { page, ctx }),
+    /* @__PURE__ */ jsx19("h2", { children: page.title }),
+    page.summary ? /* @__PURE__ */ jsx19("p", { children: page.summary }) : null,
+    page.teaserMarkdown ? /* @__PURE__ */ jsx19(Markdown2, { source: page.teaserMarkdown }) : null,
+    page.upsell?.bodyMarkdown ? /* @__PURE__ */ jsx19(Markdown2, { source: page.upsell.bodyMarkdown }) : null,
+    /* @__PURE__ */ jsx19("div", { className: "chapter-portal-btns", style: { justifyContent: "center", marginTop: "1.25rem" }, children: /* @__PURE__ */ jsx19(UpgradeLink, { page, ctx }) })
+  ] });
+}
+function PlaceholderScreen({ page }) {
+  return /* @__PURE__ */ jsxs17("div", { className: "chapter-portal-card chapter-portal-soon", "data-placeholder": true, children: [
+    /* @__PURE__ */ jsx19("span", { className: "chapter-portal-pill", children: placeholderBadge(page) }),
+    /* @__PURE__ */ jsx19("h2", { children: page.title }),
+    page.summary ? /* @__PURE__ */ jsx19("p", { children: page.summary }) : null,
+    page.bodyMarkdown ? /* @__PURE__ */ jsx19(Markdown2, { source: page.bodyMarkdown }) : null,
+    page.placeholder?.actionLabel ? /* @__PURE__ */ jsx19("div", { className: "chapter-portal-btns", style: { justifyContent: "center", marginTop: "1.25rem" }, children: /* @__PURE__ */ jsx19("button", { className: "chapter-portal-btn", type: "button", disabled: true, children: page.placeholder.actionLabel }) }) : null
+  ] });
+}
+function PortalPage({ page, ctx, features }) {
+  if (page.access === "locked") return /* @__PURE__ */ jsx19(LockedScreen, { page, ctx });
+  if (page.kind === "placeholder") return /* @__PURE__ */ jsx19(PlaceholderScreen, { page });
+  if (page.kind === "feature" && page.feature) {
+    const feature = features[page.feature.name];
+    if (feature) return /* @__PURE__ */ jsx19(Fragment6, { children: feature.page(page, ctx) });
+  }
+  return /* @__PURE__ */ jsxs17("article", { className: "chapter-portal-card", children: [
+    /* @__PURE__ */ jsx19("h2", { children: page.title }),
+    page.summary ? /* @__PURE__ */ jsx19("p", { children: page.summary }) : null,
+    page.bodyMarkdown ? /* @__PURE__ */ jsx19(Markdown2, { source: page.bodyMarkdown }) : null
+  ] });
+}
+function PortalTile({ page, ctx }) {
+  return /* @__PURE__ */ jsxs17("div", { className: "chapter-portal-card chapter-portal-tile", "data-access": page.access, children: [
+    /* @__PURE__ */ jsx19(PortalIcon, { name: page.navigation.icon ?? "document", size: 22 }),
+    /* @__PURE__ */ jsx19("h3", { children: page.title }),
+    page.summary ? /* @__PURE__ */ jsx19("p", { children: page.summary }) : null,
+    page.access === "locked" ? /* @__PURE__ */ jsx19(LockedPill, { page, ctx }) : /* @__PURE__ */ jsx19("span", { className: "chapter-portal-pill", style: { alignSelf: "flex-start" }, children: placeholderBadge(page) })
+  ] });
+}
+function DefaultHome({ ctx, features, slots }) {
+  const panels = ctx.content.pages.filter((page) => page.kind === "feature" && page.feature && features[page.feature.name]?.home);
+  const soon = ctx.content.pages.filter((page) => page.kind === "placeholder");
+  return /* @__PURE__ */ jsxs17("div", { className: "chapter-portal-stack", children: [
+    slots.top?.(ctx) ?? null,
+    panels.map((page) => {
+      const panel = features[page.feature.name].home(page, ctx);
+      if (page.access !== "locked") return /* @__PURE__ */ jsx19("div", { children: panel }, page.id);
+      return /* @__PURE__ */ jsxs17("div", { className: "chapter-portal-locked-wrap", style: { position: "relative" }, children: [
+        /* @__PURE__ */ jsx19("div", { "aria-hidden": "true", inert: true, style: { opacity: 0.35, filter: "grayscale(1)", pointerEvents: "none" }, children: panel }),
+        /* @__PURE__ */ jsx19("div", { style: { position: "absolute", inset: 0, display: "grid", placeItems: "center", padding: "1rem" }, children: /* @__PURE__ */ jsxs17("div", { className: "chapter-portal-card", style: { maxWidth: "26rem", textAlign: "center" }, children: [
+          /* @__PURE__ */ jsx19(LockedPill, { page, ctx }),
+          /* @__PURE__ */ jsx19("h3", { children: page.title }),
+          page.summary ? /* @__PURE__ */ jsx19("p", { children: page.summary }) : null,
+          /* @__PURE__ */ jsx19(UpgradeLink, { page, ctx })
+        ] }) })
+      ] }, page.id);
+    }),
+    slots.middle?.(ctx) ?? null,
+    soon.length ? /* @__PURE__ */ jsxs17("section", { children: [
+      /* @__PURE__ */ jsx19("h2", { style: { fontFamily: "var(--ui-font-display,inherit)", fontWeight: 400 }, children: ctx.copy.pages.comingToPortal }),
+      /* @__PURE__ */ jsx19("div", { className: "chapter-portal-tiles", children: soon.map((page) => /* @__PURE__ */ jsx19("div", { children: slots.tile?.(page, ctx) ?? /* @__PURE__ */ jsx19(PortalTile, { page, ctx }) }, page.id)) })
+    ] }) : null
+  ] });
+}
+
+// src/ui/member-profile-page.tsx
+import { useEffect as useEffect6, useState as useState13 } from "preact/hooks";
+import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs18 } from "preact/jsx-runtime";
+var memberMonth = (at) => new Date(at).toLocaleString("en-US", { month: "long", year: "numeric", timeZone: "UTC" });
+var startingPrompts = (view) => view.profile.prompts.length ? view.profile.prompts : view.promptChoices.slice(0, view.maxPrompts).map((prompt) => ({ prompt, answer: "" }));
+function choosePrompt(prompts, prompt, max) {
+  if (prompts.some((entry) => entry.prompt === prompt) || max === 0) return prompts;
+  return prompts.length < max ? [...prompts, { prompt, answer: "" }] : [...prompts.slice(0, max - 1), { prompt, answer: "" }];
+}
+async function resizePhoto(file) {
+  const bitmap = await createImageBitmap(file);
+  const side = Math.min(bitmap.width, bitmap.height);
+  const canvas = document.createElement("canvas");
+  canvas.width = canvas.height = 400;
+  canvas.getContext("2d").drawImage(bitmap, (bitmap.width - side) / 2, (bitmap.height - side) / 2, side, side, 0, 0, 400, 400);
+  return new Promise((resolve, reject) => canvas.toBlob((blob) => blob ? resolve(blob) : reject(new Error("encode failed")), "image/jpeg", 0.9));
+}
+function MemberProfilePage({ ctx, middle, extras }) {
+  const copy = ctx.copy.profile;
+  const [view, setView] = useState13(null);
+  const [draft, setDraft] = useState13(null);
+  const [status, setStatus] = useState13(null);
+  const [busy, setBusy] = useState13(false);
+  const load = async () => {
+    try {
+      setView(await ctx.api("/api/member/profile"));
+    } catch {
+      setStatus(ctx.copy.shell.loadFailed);
+    }
+  };
+  useEffect6(() => {
+    void load();
+  }, []);
+  if (!view) return /* @__PURE__ */ jsx20("p", { children: status ?? ctx.copy.shell.loading });
+  const prompts = draft?.prompts ?? startingPrompts(view);
+  const edit = () => setDraft({
+    preferredName: view.profile.preferredName ?? ctx.me.displayName,
+    location: view.profile.location ?? "",
+    introducedByText: view.profile.introducedByText ?? "",
+    prompts: startingPrompts(view)
+  });
+  const save = async () => {
+    if (!draft) return;
+    setBusy(true);
+    try {
+      const next = await ctx.api("/api/member/profile", { method: "PUT", headers: { "content-type": "application/json" }, body: JSON.stringify({
+        expectedRevision: view.revision,
+        preferredName: draft.preferredName,
+        location: draft.location,
+        introducedByText: draft.introducedByText,
+        prompts: draft.prompts
+      }) });
+      setView(next);
+      setDraft(null);
+      setStatus(copy.saved);
+      await ctx.reloadMe();
+    } catch (error) {
+      setStatus(String(error).includes("409") ? copy.conflict : copy.saveFailed);
+    } finally {
+      setBusy(false);
+    }
+  };
+  const upload = async (file) => {
+    if (!file) return;
+    setBusy(true);
+    setStatus(copy.photoUploading);
+    try {
+      if (file.size > 10 * 1024 * 1024) throw new Error("too large");
+      await ctx.api("/api/member/profile/photo", { method: "POST", headers: { "content-type": "image/jpeg" }, body: await resizePhoto(file) });
+      setStatus(null);
+      await ctx.reloadMe();
+    } catch {
+      setStatus(copy.photoFailed);
+    } finally {
+      setBusy(false);
+    }
+  };
+  const remaining = view.promptChoices.filter((choice) => !prompts.some((entry) => entry.prompt === choice));
+  return /* @__PURE__ */ jsxs18("div", { className: "chapter-portal-stack", "data-portal-profile": true, children: [
+    /* @__PURE__ */ jsxs18("div", { className: "chapter-portal-card", style: { display: "flex", gap: "1.25rem", alignItems: "center", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsxs18("div", { style: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx20(PortalAvatar, { me: ctx.me, className: "chapter-portal-profile-photo" }),
+        view.photos ? /* @__PURE__ */ jsxs18("label", { className: "chapter-portal-btn", "data-variant": "ghost", style: { marginTop: ".6rem", padding: ".35rem .8rem", fontSize: ".78rem" }, children: [
+          ctx.me.photoUrl ? copy.changePhoto : copy.uploadPhoto,
+          /* @__PURE__ */ jsx20("input", { type: "file", accept: "image/jpeg,image/png", hidden: true, disabled: busy, onChange: (event) => void upload(event.currentTarget.files?.[0]) })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { style: { flex: 1, minWidth: "12rem" }, children: [
+        /* @__PURE__ */ jsx20("div", { className: "chapter-portal-group-label", style: { padding: 0 }, children: copy.eyebrow }),
+        draft ? /* @__PURE__ */ jsx20(
+          "input",
+          {
+            "aria-label": copy.namePlaceholder,
+            placeholder: copy.namePlaceholder,
+            value: draft.preferredName,
+            maxLength: 80,
+            onInput: (event) => setDraft({ ...draft, preferredName: event.currentTarget.value })
+          }
+        ) : /* @__PURE__ */ jsx20("h2", { style: { margin: ".2rem 0" }, children: ctx.me.displayName }),
+        /* @__PURE__ */ jsxs18("p", { style: { margin: 0, color: "var(--ui-text-muted)" }, children: [
+          ctx.me.tier && ctx.me.memberSince ? formatChapterCopy(copy.memberSince, { tierName: ctx.me.tier.name, month: memberMonth(ctx.me.memberSince) }) : null,
+          draft ? /* @__PURE__ */ jsx20(
+            "input",
+            {
+              "aria-label": copy.locationPlaceholder,
+              placeholder: copy.locationPlaceholder,
+              value: draft.location,
+              maxLength: 80,
+              onInput: (event) => setDraft({ ...draft, location: event.currentTarget.value })
+            }
+          ) : ctx.me.location ? /* @__PURE__ */ jsxs18(Fragment7, { children: [
+            " \xB7 ",
+            ctx.me.location
+          ] }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "chapter-portal-btns", children: [
+        draft ? /* @__PURE__ */ jsx20("button", { type: "button", className: "chapter-portal-btn", disabled: busy, onClick: () => void save(), children: busy ? copy.saving : copy.saveProfile }) : /* @__PURE__ */ jsx20("button", { type: "button", className: "chapter-portal-btn", "data-variant": "ghost", onClick: edit, children: copy.editProfile }),
+        draft ? /* @__PURE__ */ jsx20("button", { type: "button", className: "chapter-portal-btn", "data-variant": "ghost", disabled: busy, onClick: () => setDraft(null), children: copy.cancel }) : null
+      ] })
+    ] }),
+    status ? /* @__PURE__ */ jsx20("p", { role: "status", children: status }) : null,
+    view.maxPrompts > 0 && view.promptChoices.length ? /* @__PURE__ */ jsxs18("div", { className: "chapter-portal-card", children: [
+      /* @__PURE__ */ jsx20("h2", { children: copy.promptsTitle }),
+      /* @__PURE__ */ jsx20("p", { style: { color: "var(--ui-text-muted)" }, children: formatChapterCopy(copy.promptsNote, { count: String(view.maxPrompts) }) }),
+      /* @__PURE__ */ jsx20("div", { className: "chapter-portal-tiles", children: prompts.map((entry, index) => /* @__PURE__ */ jsxs18("div", { className: "chapter-portal-card", children: [
+        /* @__PURE__ */ jsx20("q", { children: entry.prompt }),
+        draft ? /* @__PURE__ */ jsx20(
+          "textarea",
+          {
+            "aria-label": entry.prompt,
+            maxLength: 280,
+            rows: 3,
+            value: entry.answer,
+            onInput: (event) => setDraft({ ...draft, prompts: draft.prompts.map((p, i) => i === index ? { ...p, answer: event.currentTarget.value } : p) })
+          }
+        ) : /* @__PURE__ */ jsx20("p", { children: entry.answer || /* @__PURE__ */ jsx20("span", { style: { color: "var(--ui-text-muted)" }, children: copy.answerEmpty }) })
+      ] }, entry.prompt)) }),
+      /* @__PURE__ */ jsx20("div", { className: "chapter-portal-btns", style: { marginTop: "1rem" }, children: remaining.map((choice) => /* @__PURE__ */ jsx20(
+        "button",
+        {
+          type: "button",
+          className: "chapter-portal-pill",
+          style: { cursor: "pointer", background: "transparent" },
+          onClick: () => {
+            const base = draft ?? { preferredName: view.profile.preferredName ?? ctx.me.displayName, location: view.profile.location ?? "", introducedByText: view.profile.introducedByText ?? "", prompts };
+            setDraft({ ...base, prompts: choosePrompt(base.prompts, choice, view.maxPrompts) });
+          },
+          children: formatChapterCopy(copy.addPrompt, { prompt: choice })
+        },
+        choice
+      )) })
+    ] }) : null,
+    middle,
+    /* @__PURE__ */ jsxs18("div", { className: "chapter-portal-card", children: [
+      /* @__PURE__ */ jsx20("h2", { children: copy.howYouFoundUs }),
+      view.referredBy ? /* @__PURE__ */ jsxs18("p", { children: [
+        /* @__PURE__ */ jsx20("strong", { children: copy.referredBy }),
+        " \xB7 ",
+        /* @__PURE__ */ jsx20("strong", { children: view.referredBy.name }),
+        " ",
+        /* @__PURE__ */ jsxs18("span", { style: { color: "var(--ui-text-muted)" }, children: [
+          "\xB7 ",
+          copy.referredByNote
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsxs18("label", { style: { display: "block" }, children: [
+        /* @__PURE__ */ jsx20("span", { children: copy.introducedBy }),
+        draft ? /* @__PURE__ */ jsx20(
+          "input",
+          {
+            placeholder: copy.introducedByPlaceholder,
+            value: draft.introducedByText,
+            maxLength: 120,
+            onInput: (event) => setDraft({ ...draft, introducedByText: event.currentTarget.value })
+          }
+        ) : /* @__PURE__ */ jsx20("p", { children: view.profile.introducedByText || /* @__PURE__ */ jsx20("span", { style: { color: "var(--ui-text-muted)" }, children: copy.introducedByPlaceholder }) })
+      ] })
+    ] }),
+    extras
+  ] });
+}
+
+// src/ui/member-portal-styles.ts
+var MEMBER_PORTAL_CSS = `
+.chapter-portal{display:grid;grid-template-columns:clamp(232px,22vw,272px) minmax(0,1fr);min-height:100vh;background:var(--ui-bg,#f4efe6);color:var(--ui-text,#2f3e34);font-family:var(--ui-font-sans,inherit);line-height:1.55;overflow-x:clip}
+.chapter-portal *,.chapter-portal *::before,.chapter-portal *::after{box-sizing:border-box}
+.chapter-portal-side{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;background:var(--ui-surface,#2f3e34);color:var(--ui-text,#fbf8f2)}
+.chapter-portal-brand{display:flex;align-items:center;gap:.65rem;padding:0 .5rem;font-family:var(--ui-font-display,inherit);font-size:1.35rem;line-height:1.1;white-space:nowrap}
+.chapter-portal-brand :where(img,svg){width:30px;height:30px;flex:none}
+.chapter-portal-group-label{padding:0 .75rem;margin-bottom:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ui-text-muted,#b8c4bb)}
+.chapter-portal-nav-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .75rem;border:0;border-radius:var(--ui-radius-sm,8px);background:transparent;color:inherit;font:inherit;font-size:.95rem;text-align:left;text-decoration:none;cursor:pointer}
+.chapter-portal-nav-item:hover{background:color-mix(in srgb,var(--ui-text,#fff) 8%,transparent)}
+.chapter-portal-nav-item[aria-current=page]{background:color-mix(in srgb,var(--ui-text,#fff) 14%,transparent);font-weight:600}
+.chapter-portal-nav-item>span:first-of-type{flex:1;min-width:0}
+.chapter-portal-tag{border:1px solid var(--ui-border,rgba(255,255,255,.2));border-radius:999px;padding:.05rem .5rem;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-text-muted,#b8c4bb)}
+.chapter-portal-tag[data-tag=new]{border-color:transparent;background:var(--ui-accent,#7cb83f);color:var(--ui-on-accent,#2f3e34)}
+.chapter-portal-account{margin-top:auto;padding:.75rem;border-top:1px solid var(--ui-border,rgba(255,255,255,.15));font-size:.85rem;color:var(--ui-text-muted,#b8c4bb);overflow-wrap:anywhere}
+.chapter-portal-account .chapter-portal-nav-item{margin:0 -.75rem .75rem;width:calc(100% + 1.5rem);color:var(--ui-text,#fff)}
+.chapter-portal-account button.chapter-portal-link,.chapter-portal-account a{display:inline;padding:0;border:0;background:none;color:var(--ui-text,#fff);font:inherit;text-decoration:underline;cursor:pointer}
+.chapter-portal-avatar{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--ui-accent-soft,rgba(124,184,63,.2));color:var(--ui-text,inherit);font-size:.72rem;font-weight:700;letter-spacing:.04em}
+.chapter-portal-avatar img{width:100%;height:100%;object-fit:cover}
+.chapter-portal-avatar.chapter-portal-profile-photo{width:96px;height:96px;font-size:1.6rem}
+.chapter-portal-locked-wrap{position:relative}
+.chapter-portal-main{min-width:0;padding:clamp(1rem,3vw,2.5rem);display:flex;flex-direction:column;gap:1.5rem}
+.chapter-portal-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
+.chapter-portal-top h1{margin:0;font-family:var(--ui-font-display,inherit);font-weight:400;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.1}
+.chapter-portal-back{padding:0;border:0;background:none;color:var(--ui-text,inherit);font:inherit;font-weight:600;cursor:pointer}
+.chapter-portal-top-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}
+.chapter-portal-pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--ui-border,#e2dccf);border-radius:999px;padding:.2rem .7rem;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ui-text-muted,#7e8e84);white-space:nowrap}
+.chapter-portal-me{padding:0;border:0;background:none;cursor:pointer;border-radius:50%}
+.chapter-portal-me .chapter-portal-avatar{width:40px;height:40px;font-size:.85rem}
+.chapter-portal-card{background:var(--ui-surface,#fbf8f2);border:1px solid var(--ui-border,#e2dccf);border-radius:var(--ui-radius-lg,14px);padding:clamp(1.1rem,3vw,1.6rem);min-width:0}
+.chapter-portal-card h2{margin:.4rem 0 .5rem;font-family:var(--ui-font-display,inherit);font-weight:400;font-size:1.6rem;line-height:1.15}
+.chapter-portal-stack{display:flex;flex-direction:column;gap:1.25rem}
+.chapter-portal-soon{text-align:center;padding:clamp(2rem,6vw,3.5rem) 1.5rem}
+.chapter-portal-soon p{max-width:36rem;margin:.5rem auto 0;color:var(--ui-text-muted,#7e8e84)}
+.chapter-portal-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem}
+.chapter-portal-tile{display:flex;flex-direction:column;gap:.5rem}
+.chapter-portal-tile h3{margin:0;font-size:1.05rem}
+.chapter-portal-tile p{margin:0;color:var(--ui-text-muted,#7e8e84);font-size:.92rem;flex:1}
+.chapter-portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:.6rem 1.2rem;border:1px solid var(--ui-text,#2f3e34);border-radius:999px;background:var(--ui-text,#2f3e34);color:var(--ui-bg,#fbf8f2);font:inherit;font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer}
+.chapter-portal-btn[data-variant=ghost]{background:transparent;color:var(--ui-text,#2f3e34)}
+.chapter-portal-btn[data-variant=accent]{background:var(--ui-accent,#7cb83f);border-color:var(--ui-accent,#7cb83f);color:var(--ui-on-accent,#2f3e34)}
+.chapter-portal-btn:disabled{opacity:.5;cursor:not-allowed}
+.chapter-portal-btns{display:flex;flex-wrap:wrap;gap:.6rem}
+.chapter-portal :where(button,a,input,textarea,select):focus-visible{outline:3px solid var(--ui-focus,var(--ui-accent,#7cb83f));outline-offset:2px}
+.chapter-portal-modal-back{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--ui-text,#2f3e34) 45%,transparent)}
+.chapter-portal-modal{position:relative;width:min(100%,46rem);max-height:90vh;overflow:auto}
+.chapter-portal-modal-x{position:absolute;top:.75rem;right:.75rem;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
+.chapter-portal-link-box{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:.75rem 0;padding:.5rem .5rem .5rem 1rem;border:1px solid var(--ui-border,#e2dccf);border-radius:999px;background:var(--ui-bg,#f4efe6)}
+.chapter-portal-link-box code{overflow-wrap:anywhere;font-size:.9rem}
+.chapter-portal-tally{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
+.chapter-portal-tally[data-tiles="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
+.chapter-portal-tally>div{display:flex;flex-direction:column;padding:.9rem;border:1px solid var(--ui-border,#e2dccf);border-radius:var(--ui-radius-sm,10px)}
+.chapter-portal-tally b{font-family:var(--ui-font-numeral,var(--ui-font-display,inherit));font-size:1.8rem;font-weight:400}
+.chapter-portal-tally span{font-size:.8rem;color:var(--ui-text-muted,#7e8e84)}
+.chapter-portal-fallback{margin-top:1rem;padding:1rem;border:1px dashed var(--ui-border-strong,#aeb9b5);border-radius:var(--ui-radius-sm,10px)}
+.chapter-portal-material{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.35rem 0;list-style:none}
+.chapter-portal-material small{color:var(--ui-text-muted,#7e8e84)}
+.chapter-portal-material a{margin-left:auto}
+.chapter-portal details{border-top:1px solid var(--ui-border,#e2dccf);padding:.75rem 0}
+.chapter-portal summary{cursor:pointer}
+.chapter-portal dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:.75rem 0}
+.chapter-portal dt{color:var(--ui-text-muted,#7e8e84)}
+.chapter-portal dd{margin:0}
+.chapter-portal-mobile{display:none}
+@media (max-width:860px){
+.chapter-portal{grid-template-columns:minmax(0,1fr)}
+.chapter-portal-side{display:none}
+.chapter-portal-mobile{display:block;margin:calc(-1*clamp(1rem,3vw,2.5rem)) calc(-1*clamp(1rem,3vw,2.5rem)) 0;background:var(--ui-surface,#2f3e34);color:var(--ui-text,#fbf8f2)}
+.chapter-portal-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem}
+.chapter-portal-burger{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
+.chapter-portal-mobile-menu{display:flex;flex-direction:column;gap:1rem;padding:0 1rem 1.25rem}
+.chapter-portal-mobile .chapter-portal-brand{font-size:1.15rem;padding:0}
+.chapter-portal-modal-back{place-items:end stretch;padding:0}
+.chapter-portal-modal{width:100%;border-radius:var(--ui-radius-lg,14px) var(--ui-radius-lg,14px) 0 0}
+}
+`;
+
+// src/ui/member-course-page.tsx
+import { useEffect as useEffect7, useState as useState14 } from "preact/hooks";
+import { Markdown as Markdown3 } from "@odla-ai/ui/components";
+import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs19 } from "preact/jsx-runtime";
+function useCourse(ctx, courseId) {
+  const [view, setView] = useState14(null);
+  const [error, setError] = useState14(null);
+  const [busy, setBusy] = useState14(false);
+  useEffect7(() => {
+    if (!courseId) return;
+    let live = true;
+    void ctx.api(`/api/member/courses/${encodeURIComponent(courseId)}`).then((v) => live && setView(v)).catch(() => live && setError(ctx.copy.course.failed));
+    return () => {
+      live = false;
+    };
+  }, [courseId]);
+  const act = async (action) => {
+    setBusy(true);
+    setError(null);
+    try {
+      setView(await ctx.api(`/api/member/courses/${encodeURIComponent(courseId)}/${action}`, { method: "POST" }));
+    } catch {
+      setError(ctx.copy.course.failed);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return { view, error, busy, act };
+}
+function seatLine(view, copy) {
+  if (view.enrollment?.status === "enrolled") return copy.invitesOnWay;
+  if (view.enrollment?.status === "waitlisted") return formatChapterCopy(copy.onWaitlist, { position: String(view.enrollment.waitlistPosition ?? "") });
+  if (view.course.status === "closed") return copy.closed;
+  return formatChapterCopy(copy.seatsOpen, { left: String(view.course.seatsLeft), capacity: String(view.course.capacity) });
+}
+function SeatActions({ ctx, course, details }) {
+  const copy = ctx.copy.course;
+  const view = course.view;
+  const status = view.enrollment?.status;
+  const confirmThen = (action) => {
+    if (window.confirm(copy.confirmGiveUp)) void course.act(action);
+  };
+  return /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-btns", children: [
+    status === "enrolled" ? /* @__PURE__ */ jsx21("span", { className: "chapter-portal-pill", children: copy.youreIn }) : null,
+    status === "enrolled" && view.meetUrl ? /* @__PURE__ */ jsx21("a", { className: "chapter-portal-btn", href: view.meetUrl, target: "_blank", rel: "noopener", children: copy.openMeet }) : null,
+    status === "enrolled" ? /* @__PURE__ */ jsx21("button", { type: "button", className: "chapter-portal-btn", "data-variant": "ghost", disabled: course.busy, onClick: () => confirmThen("withdraw"), children: copy.giveUp }) : null,
+    status === "waitlisted" ? /* @__PURE__ */ jsx21("button", { type: "button", className: "chapter-portal-btn", "data-variant": "ghost", disabled: course.busy, onClick: () => void course.act("withdraw"), children: copy.leaveWaitlist }) : null,
+    !status && view.course.status !== "closed" ? /* @__PURE__ */ jsx21("button", { type: "button", className: "chapter-portal-btn", disabled: course.busy, onClick: () => void course.act("enroll"), children: view.course.status === "full" ? copy.joinWaitlist : copy.reserve }) : null,
+    details ? /* @__PURE__ */ jsx21("button", { type: "button", className: "chapter-portal-btn", "data-variant": "ghost", onClick: details, children: status === "enrolled" ? copy.courseDetails : copy.seeDetails }) : null
+  ] });
+}
+var MaterialItem = ({ item, kind, ctx, enrolled }) => /* @__PURE__ */ jsxs19("li", { className: "chapter-portal-material", children: [
+  kind ? /* @__PURE__ */ jsx21("span", { className: "chapter-portal-pill", children: ctx.copy.course[kind] }) : null,
+  /* @__PURE__ */ jsxs19("span", { children: [
+    item.label,
+    item.meta ? /* @__PURE__ */ jsxs19("small", { children: [
+      " \xB7 ",
+      item.meta
+    ] }) : null
+  ] }),
+  enrolled && item.url ? /* @__PURE__ */ jsx21("a", { href: item.url, target: "_blank", rel: "noopener", children: ctx.copy.course.open }) : null
+] });
+function CoursePage({ page, ctx }) {
+  const course = useCourse(ctx, page.feature?.ref);
+  const copy = ctx.copy.course;
+  if (!course.view) return /* @__PURE__ */ jsx21("p", { children: course.error ?? ctx.copy.shell.loading });
+  const { course: c } = course.view;
+  const enrolled = course.view.enrollment?.status === "enrolled";
+  return /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-stack", "data-course-page": true, children: [
+    /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-card ui-invert", style: { display: "grid", gap: "1.25rem", gridTemplateColumns: "repeat(auto-fit,minmax(min(100%,18rem),1fr))" }, children: [
+      /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsx21("h1", { style: { fontFamily: "var(--ui-font-display,inherit)", fontWeight: 400, margin: 0 }, children: c.title }),
+        c.content.basedOn ? /* @__PURE__ */ jsx21("p", { style: { fontStyle: "italic" }, children: c.content.basedOn }) : null,
+        c.content.short ? /* @__PURE__ */ jsx21("p", { children: c.content.short }) : null
+      ] }),
+      /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-card", "data-seat-box": true, children: [
+        !course.view.enrollment ? /* @__PURE__ */ jsx21("div", { className: "chapter-portal-group-label", style: { padding: 0 }, children: copy.reserveYourSeat }) : null,
+        /* @__PURE__ */ jsxs19("dl", { children: [
+          c.content.when ? /* @__PURE__ */ jsxs19(Fragment8, { children: [
+            /* @__PURE__ */ jsx21("dt", { children: copy.when }),
+            /* @__PURE__ */ jsx21("dd", { children: c.content.when })
+          ] }) : null,
+          c.content.dates ?? c.content.start ? /* @__PURE__ */ jsxs19(Fragment8, { children: [
+            /* @__PURE__ */ jsx21("dt", { children: copy.dates }),
+            /* @__PURE__ */ jsx21("dd", { children: c.content.dates ?? c.content.start })
+          ] }) : null,
+          /* @__PURE__ */ jsx21("dt", { children: copy.where }),
+          /* @__PURE__ */ jsx21("dd", { children: copy.googleMeet }),
+          /* @__PURE__ */ jsx21("dt", { children: copy.seats }),
+          /* @__PURE__ */ jsx21("dd", { children: seatLine(course.view, copy) })
+        ] }),
+        /* @__PURE__ */ jsx21(SeatActions, { ctx, course }),
+        !course.view.enrollment ? /* @__PURE__ */ jsx21("p", { style: { color: "var(--ui-text-muted)" }, children: copy.inviteEvery }) : null,
+        course.error ? /* @__PURE__ */ jsx21("p", { role: "alert", children: course.error }) : null
+      ] })
+    ] }),
+    c.guides.length ? /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-card", children: [
+      /* @__PURE__ */ jsx21("h2", { children: copy.guidesTitle }),
+      /* @__PURE__ */ jsx21("div", { className: "chapter-portal-tiles", children: c.guides.map((guide) => /* @__PURE__ */ jsxs19("div", { children: [
+        guide.photoUrl ? /* @__PURE__ */ jsx21("img", { src: guide.photoUrl, alt: guide.name, style: { width: 72, height: 72, borderRadius: "50%", objectFit: "cover" } }) : null,
+        /* @__PURE__ */ jsx21("h3", { children: guide.name }),
+        guide.role ? /* @__PURE__ */ jsx21("div", { style: { color: "var(--ui-text-muted)" }, children: guide.role }) : null,
+        guide.bio ? /* @__PURE__ */ jsx21("p", { children: guide.bio }) : null
+      ] }, guide.name)) })
+    ] }) : null,
+    /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-card", "data-sessions": true, children: [
+      /* @__PURE__ */ jsx21("h2", { children: copy.sessionsTitle }),
+      /* @__PURE__ */ jsx21("p", { style: { color: "var(--ui-text-muted)" }, children: enrolled ? copy.materialsOpen : copy.materialsLocked }),
+      c.sessions.map((session, index) => /* @__PURE__ */ jsxs19("details", { open: enrolled && index === 0, children: [
+        /* @__PURE__ */ jsxs19("summary", { children: [
+          /* @__PURE__ */ jsx21("strong", { children: session.date }),
+          " \xB7 ",
+          session.topic,
+          session.materials.length ? /* @__PURE__ */ jsxs19("small", { children: [
+            " \xB7 ",
+            formatChapterCopy(copy.items, { count: String(session.materials.length) })
+          ] }) : null
+        ] }),
+        session.description ? /* @__PURE__ */ jsx21("p", { children: session.description }) : null,
+        /* @__PURE__ */ jsx21("ul", { children: session.materials.map((item) => /* @__PURE__ */ jsx21(MaterialItem, { item, kind: item.kind, ctx, enrolled }, item.label)) })
+      ] }, session.startsAt))
+    ] }),
+    /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-tiles", children: [
+      c.content.outcomes?.length ? /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-card", children: [
+        /* @__PURE__ */ jsx21("h2", { children: copy.outcomesTitle }),
+        /* @__PURE__ */ jsx21("ul", { children: c.content.outcomes.map((o) => /* @__PURE__ */ jsx21("li", { children: o }, o)) })
+      ] }) : null,
+      c.toolkit.length || c.content.time ? /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-card", children: [
+        /* @__PURE__ */ jsx21("h2", { children: copy.toolkitTitle }),
+        /* @__PURE__ */ jsx21("ul", { children: c.toolkit.map((item) => /* @__PURE__ */ jsx21(MaterialItem, { item, ctx, enrolled }, item.label)) }),
+        c.content.time ? /* @__PURE__ */ jsxs19(Fragment8, { children: [
+          /* @__PURE__ */ jsx21("h2", { children: copy.timeTitle }),
+          /* @__PURE__ */ jsx21("p", { children: c.content.time })
+        ] }) : null
+      ] }) : null
+    ] }),
+    c.content.partnerMarkdown ? /* @__PURE__ */ jsx21("div", { className: "chapter-portal-card", children: /* @__PURE__ */ jsx21(Markdown3, { source: c.content.partnerMarkdown }) }) : null
+  ] });
+}
+function CourseHomePanel({ page, ctx }) {
+  const locked = page.access === "locked";
+  const course = useCourse(ctx, locked ? void 0 : page.feature?.ref);
+  const view = course.view;
+  return /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-card", "data-course-panel": true, children: [
+    /* @__PURE__ */ jsx21("div", { className: "chapter-portal-group-label", style: { padding: 0 }, children: ctx.copy.course.eyebrow }),
+    /* @__PURE__ */ jsx21("h2", { children: view?.course.title ?? page.title }),
+    view?.course.content.basedOn ? /* @__PURE__ */ jsx21("p", { style: { fontStyle: "italic" }, children: view.course.content.basedOn }) : null,
+    /* @__PURE__ */ jsx21("p", { children: view?.course.content.short ?? page.summary }),
+    view ? /* @__PURE__ */ jsxs19(Fragment8, { children: [
+      /* @__PURE__ */ jsx21("p", { children: [view.course.content.when, view.course.content.start].filter(Boolean).join(" \xB7 ") }),
+      /* @__PURE__ */ jsx21("p", { children: /* @__PURE__ */ jsx21("strong", { children: seatLine(view, ctx.copy.course) }) }),
+      /* @__PURE__ */ jsx21(SeatActions, { ctx, course, details: () => ctx.navigate({ kind: "page", slug: page.slug }) })
+    ] }) : null
+  ] });
+}
+
+// src/ui/member-share-page.tsx
+import { useEffect as useEffect9, useState as useState16 } from "preact/hooks";
+
+// src/ui/member-share.ts
+import { useEffect as useEffect8, useState as useState15 } from "preact/hooks";
+var articleFor = (word) => /^[aeiou]/i.test(word.trim()) ? "an" : "a";
+function shareVars(me, referrals) {
+  const tierName = me.tier?.name ?? "";
+  return {
+    tierName,
+    article: articleFor(tierName),
+    inviteUrl: referrals?.link ?? "",
+    firstName: me.firstName ?? me.displayName.split(/\s+/)[0] ?? "",
+    location: me.location ?? "",
+    credit: referrals?.credit ? fmtMoney(referrals.credit.perFriendCents).replace(/\.00$/, "") : ""
+  };
+}
+var fill = (template, vars) => formatChapterCopy(template, vars);
+var linkedinShareUrl = (post, link) => `https://www.linkedin.com/feed/?shareActive=true&text=${encodeURIComponent(`${post}
+
+
+${link}`).replace(/'/g, "%27")}`;
+var mailtoHref = (subject, body) => `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
+var smsHref = (body, ios) => `${ios ? "sms:&body=" : "sms:?body="}${encodeURIComponent(body)}`;
+var isIOS = (nav) => /iPad|iPhone|iPod/.test(nav.userAgent) || nav.platform === "MacIntel" && (nav.maxTouchPoints ?? 0) > 1;
+function useMemberReferrals(api) {
+  const [state, setState] = useState15({ data: null, failed: false });
+  useEffect8(() => {
+    let live = true;
+    void api("/api/member/referrals").then((data) => live && setState({ data, failed: false })).catch(() => live && setState({ data: null, failed: true }));
+    return () => {
+      live = false;
+    };
+  }, [api]);
+  return state;
+}
+async function copyText(text, copy) {
+  try {
+    await navigator.clipboard.writeText(text);
+    return copy.copied;
+  } catch {
+    return copy.copyBlocked;
+  }
+}
+
+// src/ui/member-share-page.tsx
+import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs20 } from "preact/jsx-runtime";
+function CopyButton({ text, label, ctx, variant }) {
+  const [shown, setShown] = useState16(label);
+  return /* @__PURE__ */ jsx22("button", { type: "button", className: "chapter-portal-btn", "data-variant": variant, onClick: () => void copyText(text, ctx.copy.share).then((result) => {
+    setShown(result);
+    setTimeout(() => setShown(label), 2e3);
+  }), children: shown });
+}
+function HowDialog({ ctx, vars, onClose, example }) {
+  const copy = ctx.copy.share;
+  useEffect9(() => {
+    const onKey = (event) => {
+      if (event.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, []);
+  return /* @__PURE__ */ jsx22("div", { className: "chapter-portal-modal-back", "data-portal-dialog": true, onClick: (event) => {
+    if (event.target === event.currentTarget) onClose();
+  }, children: /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-modal chapter-portal-card", role: "dialog", "aria-modal": "true", "aria-labelledby": "chapter-portal-how-title", children: [
+    /* @__PURE__ */ jsx22("button", { type: "button", className: "chapter-portal-modal-x", "aria-label": copy.close, onClick: onClose, children: /* @__PURE__ */ jsx22(PortalIcon, { name: "close", size: 20 }) }),
+    /* @__PURE__ */ jsx22("div", { className: "chapter-portal-group-label", style: { padding: 0 }, children: copy.stepsEyebrow }),
+    /* @__PURE__ */ jsx22("h2", { id: "chapter-portal-how-title", children: copy.officialTitle }),
+    /* @__PURE__ */ jsx22("ol", { children: copy.steps.map((step) => /* @__PURE__ */ jsx22("li", { children: fill(step, vars) }, step)) }),
+    /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-btns", children: [
+      /* @__PURE__ */ jsx22("a", { className: "chapter-portal-btn", href: "https://www.linkedin.com/in/me/", target: "_blank", rel: "noopener", children: copy.openLinkedIn }),
+      /* @__PURE__ */ jsx22(CopyButton, { text: fill(copy.linkedinDescription, vars), label: copy.copyDescription, ctx, variant: "ghost" })
+    ] }),
+    example
+  ] }) });
+}
+function OfficialCard({ ctx, referrals, example }) {
+  const [open, setOpen] = useState16(false);
+  const copy = ctx.copy.share;
+  return /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-card", "data-official": true, children: [
+    /* @__PURE__ */ jsx22("h2", { children: copy.officialTitle }),
+    /* @__PURE__ */ jsx22("p", { children: copy.officialBody }),
+    /* @__PURE__ */ jsx22("button", { type: "button", className: "chapter-portal-btn", onClick: () => setOpen(true), children: copy.showMeHow }),
+    open ? /* @__PURE__ */ jsx22(HowDialog, { ctx, vars: shareVars(ctx.me, referrals), onClose: () => setOpen(false), example }) : null
+  ] });
+}
+function PostCard({ ctx, referrals }) {
+  const copy = ctx.copy.share;
+  const vars = shareVars(ctx.me, referrals);
+  const post = fill(copy.linkedinPost, vars);
+  return /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-card", "data-post": true, children: [
+    /* @__PURE__ */ jsx22("h2", { children: copy.postTitle }),
+    /* @__PURE__ */ jsx22("p", { children: copy.postBody }),
+    /* @__PURE__ */ jsx22("a", { className: "chapter-portal-btn", href: linkedinShareUrl(post, vars.inviteUrl), target: "_blank", rel: "noopener", children: copy.shareOnLinkedIn }),
+    /* @__PURE__ */ jsxs20("details", { children: [
+      /* @__PURE__ */ jsx22("summary", { children: copy.previewPost }),
+      /* @__PURE__ */ jsx22("p", { children: post }),
+      /* @__PURE__ */ jsx22("p", { children: vars.inviteUrl })
+    ] })
+  ] });
+}
+function InviteLinkCard({ ctx, referrals }) {
+  const copy = ctx.copy.share;
+  const vars = shareVars(ctx.me, referrals);
+  const [fallback, setFallback] = useState16(null);
+  const ios = typeof navigator !== "undefined" && isIOS(navigator);
+  const email = fill(copy.emailBody, vars), text = fill(copy.textBody, vars);
+  const tryOpen = (kind) => setTimeout(() => {
+    if (!document.hidden) setFallback(kind);
+  }, 900);
+  return /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-card", "data-invite-link": true, children: [
+    /* @__PURE__ */ jsx22("h2", { children: copy.linkTitle }),
+    /* @__PURE__ */ jsxs20("p", { children: [
+      copy.linkBody,
+      referrals?.credit ? /* @__PURE__ */ jsxs20(Fragment9, { children: [
+        " ",
+        /* @__PURE__ */ jsx22("strong", { children: fill(copy.linkCredit, vars) })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-link-box", children: [
+      /* @__PURE__ */ jsx22("code", { children: referrals ? referrals.link.replace(/^https?:\/\//, "") : "\u2026" }),
+      referrals ? /* @__PURE__ */ jsx22(CopyButton, { text: referrals.link, label: copy.copyLink, ctx }) : null
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-btns", children: [
+      /* @__PURE__ */ jsx22("a", { className: "chapter-portal-btn", "data-variant": "ghost", href: mailtoHref(copy.emailSubject, email), onClick: () => tryOpen("email"), children: copy.emailInvite }),
+      /* @__PURE__ */ jsx22("a", { className: "chapter-portal-btn", "data-variant": "ghost", href: smsHref(text, ios), onClick: () => tryOpen("text"), children: copy.textInvite })
+    ] }),
+    fallback ? /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-fallback", "data-fallback": fallback, children: [
+      /* @__PURE__ */ jsx22("p", { children: fallback === "email" ? copy.fallbackEmail : copy.fallbackText }),
+      /* @__PURE__ */ jsx22("pre", { style: { whiteSpace: "pre-wrap" }, children: fallback === "email" ? `${copy.emailSubject}
+
+${email}` : text }),
+      /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-btns", children: [
+        /* @__PURE__ */ jsx22(CopyButton, { text: fallback === "email" ? email : text, label: copy.copyMessage, ctx }),
+        /* @__PURE__ */ jsx22("button", { type: "button", className: "chapter-portal-btn", "data-variant": "ghost", onClick: () => setFallback(null), children: copy.close })
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsx22("p", { style: { color: "var(--ui-text-muted)" }, children: copy.inviteNote })
+  ] });
+}
+function ReferralsCard({ ctx, referrals }) {
+  const copy = ctx.copy.share;
+  if (!referrals) return null;
+  const vars = shareVars(ctx.me, referrals);
+  const tile = (value, label) => /* @__PURE__ */ jsxs20("div", { children: [
+    /* @__PURE__ */ jsx22("b", { children: value }),
+    /* @__PURE__ */ jsx22("span", { children: label })
+  ] });
+  return /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-card", "data-referrals": true, children: [
+    /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-top", children: [
+      /* @__PURE__ */ jsx22("h2", { children: copy.referralsTitle }),
+      /* @__PURE__ */ jsx22("button", { type: "button", className: "chapter-portal-btn", "data-variant": "ghost", onClick: () => {
+        const share = ctx.content.pages.find((page) => page.kind === "feature" && page.feature?.name === "share");
+        if (share) ctx.navigate({ kind: "page", slug: share.slug });
+      }, children: copy.inviteFriend })
+    ] }),
+    /* @__PURE__ */ jsxs20("p", { children: [
+      copy.referralsBody,
+      referrals.credit ? /* @__PURE__ */ jsxs20(Fragment9, { children: [
+        " ",
+        fill(copy.referralsCredit, vars)
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-tally", "data-tiles": referrals.credit ? 3 : 2, children: [
+      tile(String(referrals.joined.count), copy.joined),
+      tile(String(referrals.inProcess), copy.inProcess),
+      referrals.credit ? tile(fmtMoney(referrals.credit.offNextYearCents).replace(/\.00$/, ""), copy.offNextYear) : null
+    ] }),
+    referrals.joined.names.length ? /* @__PURE__ */ jsx22("p", { children: fill(copy.joinedWith, { names: referrals.joined.names.join(", ") }) }) : null
+  ] });
+}
+function SharePage({ page, ctx, example }) {
+  const { data } = useMemberReferrals(ctx.api);
+  return /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-stack", "data-share-page": true, children: [
+    /* @__PURE__ */ jsxs20("div", { children: [
+      /* @__PURE__ */ jsx22("div", { className: "chapter-portal-group-label", style: { padding: 0 }, children: ctx.copy.share.eyebrow }),
+      /* @__PURE__ */ jsx22("h1", { style: { margin: ".3rem 0", fontFamily: "var(--ui-font-display,inherit)", fontWeight: 400 }, children: page.title }),
+      /* @__PURE__ */ jsx22("p", { style: { maxWidth: "40rem", color: "var(--ui-text-muted)" }, children: page.summary ?? ctx.copy.share.intro })
+    ] }),
+    /* @__PURE__ */ jsx22(OfficialCard, { ctx, referrals: data, example }),
+    /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-tiles", children: [
+      /* @__PURE__ */ jsx22(PostCard, { ctx, referrals: data }),
+      /* @__PURE__ */ jsx22(InviteLinkCard, { ctx, referrals: data })
+    ] })
+  ] });
+}
+function ShareHome({ ctx }) {
+  const { data } = useMemberReferrals(ctx.api);
+  return /* @__PURE__ */ jsxs20("section", { className: "chapter-portal-stack", "data-share-home": true, children: [
+    /* @__PURE__ */ jsx22("h2", { style: { fontFamily: "var(--ui-font-display,inherit)", fontWeight: 400, margin: 0 }, children: ctx.copy.share.eyebrow }),
+    /* @__PURE__ */ jsx22(OfficialCard, { ctx, referrals: data }),
+    /* @__PURE__ */ jsxs20("div", { className: "chapter-portal-tiles", children: [
+      /* @__PURE__ */ jsx22(PostCard, { ctx, referrals: data }),
+      /* @__PURE__ */ jsx22(InviteLinkCard, { ctx, referrals: data })
+    ] })
+  ] });
+}
+function ProfileReferrals({ ctx }) {
+  const { data } = useMemberReferrals(ctx.api);
+  return /* @__PURE__ */ jsx22(ReferralsCard, { ctx, referrals: data });
+}
+
+// src/ui/member-portal-features.tsx
+import { jsx as jsx23 } from "preact/jsx-runtime";
+var PACKAGED_PORTAL_FEATURES = {
+  course: { page: (page, ctx) => /* @__PURE__ */ jsx23(CoursePage, { page, ctx }), home: (page, ctx) => /* @__PURE__ */ jsx23(CourseHomePanel, { page, ctx }) },
+  share: { page: (page, ctx) => /* @__PURE__ */ jsx23(SharePage, { page, ctx }), home: (_page, ctx) => /* @__PURE__ */ jsx23(ShareHome, { ctx }) }
+};
+
+// src/ui/member-portal.tsx
+import { jsx as jsx24, jsxs as jsxs21 } from "preact/jsx-runtime";
+var EMPTY = { pages: [], sections: [], viewer: { tierId: null, admin: false }, revisions: { parent: null, chapter: null } };
+function MemberPortal(props) {
+  const inherited = useChapterCopy();
+  const copy = props.copy ?? inherited.portal;
+  const routing = { mode: props.routing?.mode ?? "hash", basePath: props.routing?.basePath ?? "/members" };
+  const [content, setContent] = useState17(props.initialContent ?? null);
+  const [route, setRoute] = useState17(props.initialRoute ?? { kind: "home" });
+  const [menuOpen, setMenuOpen] = useState17(false);
+  useEffect10(() => {
+    if (props.initialContent) return;
+    let live = true;
+    void props.api("/api/member-content").then((value) => live && setContent(value)).catch(() => live && setContent(EMPTY));
+    return () => {
+      live = false;
+    };
+  }, [props.api, props.initialContent]);
+  useEffect10(() => {
+    if (typeof window === "undefined" || props.initialRoute) return;
+    const sync = () => setRoute(routeFromLocation(window.location, routing));
+    sync();
+    window.addEventListener("popstate", sync);
+    window.addEventListener("hashchange", sync);
+    return () => {
+      window.removeEventListener("popstate", sync);
+      window.removeEventListener("hashchange", sync);
+    };
+  }, [routing.mode, routing.basePath]);
+  const navigate = (next) => {
+    setRoute(next);
+    setMenuOpen(false);
+    if (typeof window !== "undefined") {
+      window.history.pushState(null, "", hrefFor(next, routing));
+      window.scrollTo?.(0, 0);
+    }
+  };
+  const features = useMemo3(() => ({ ...PACKAGED_PORTAL_FEATURES, ...props.features }), [props.features]);
+  if (!content) return /* @__PURE__ */ jsxs21("div", { className: "chapter-portal", children: [
+    /* @__PURE__ */ jsx24("style", { children: MEMBER_PORTAL_CSS }),
+    /* @__PURE__ */ jsx24("p", { children: copy.shell.loading })
+  ] });
+  const ctx = {
+    api: props.api,
+    me: props.me.portal,
+    email: props.me.email,
+    content,
+    copy,
+    navigate,
+    hrefFor: (target) => hrefFor(target, routing),
+    upsellHref: props.upsellHref,
+    reloadMe: props.reloadMe ?? (async () => {
+    })
+  };
+  const page = route.kind === "page" ? content.pages.find((candidate) => candidate.slug === route.slug) : void 0;
+  const slots = typeof props.home === "function" ? {} : props.home ?? {};
+  const shareAllowed = content.pages.some((candidate) => candidate.kind === "feature" && candidate.feature?.name === "share" && candidate.access === "allowed");
+  const home = /* @__PURE__ */ jsx24(DefaultHome, { ctx, features, slots });
+  const body = route.kind === "home" ? typeof props.home === "function" ? props.home(ctx, home) : home : route.kind === "profile" ? /* @__PURE__ */ jsx24(MemberProfilePage, { ctx, middle: props.profile?.middle ? props.profile.middle(ctx) : shareAllowed ? /* @__PURE__ */ jsx24(ProfileReferrals, { ctx }) : null, extras: props.profile?.extras }) : page ? /* @__PURE__ */ jsx24(PortalPage, { page, ctx, features }) : /* @__PURE__ */ jsx24("div", { className: "chapter-portal-card", children: copy.shell.notFound });
+  const admin = props.me.authorized || props.me.superAdmin ? props.adminHref ?? "/admin/" : void 0;
+  return /* @__PURE__ */ jsxs21("div", { className: "chapter-portal", "data-member-portal": true, "data-route": route.kind, children: [
+    /* @__PURE__ */ jsx24("style", { children: MEMBER_PORTAL_CSS }),
+    /* @__PURE__ */ jsx24(
+      PortalNav,
+      {
+        content,
+        me: ctx.me,
+        email: props.me.email,
+        route,
+        copy,
+        adminHref: admin,
+        onNavigate: navigate,
+        onSignOut: props.signOut,
+        brand: props.brand,
+        sidebarTokens: props.sidebarTokens,
+        menuOpen,
+        onToggleMenu: () => setMenuOpen(!menuOpen)
+      }
+    ),
+    /* @__PURE__ */ jsxs21("main", { className: "chapter-portal-main", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "chapter-portal-top", children: [
+        route.kind === "home" ? /* @__PURE__ */ jsx24("h1", { children: copy.shell.welcomeBack }) : /* @__PURE__ */ jsx24("button", { type: "button", className: "chapter-portal-back", onClick: () => navigate({ kind: "home" }), children: copy.shell.backHome }),
+        /* @__PURE__ */ jsxs21("div", { className: "chapter-portal-top-right", children: [
+          ctx.me.tier ? /* @__PURE__ */ jsx24("span", { className: "chapter-portal-pill", children: ctx.me.tier.name }) : null,
+          /* @__PURE__ */ jsx24(
+            "button",
+            {
+              type: "button",
+              className: "chapter-portal-me",
+              "aria-label": copy.shell.yourProfile,
+              title: copy.shell.yourProfile,
+              "aria-current": route.kind === "profile" ? "page" : void 0,
+              onClick: () => navigate({ kind: "profile" }),
+              children: /* @__PURE__ */ jsx24(PortalAvatar, { me: ctx.me })
+            }
+          )
+        ] })
+      ] }),
+      body
+    ] })
+  ] });
+}
 
 // src/ui/members.tsx
-import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs16 } from "preact/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx25, jsxs as jsxs22 } from "preact/jsx-runtime";
 function card(copy, kicker, body) {
-  return /* @__PURE__ */ jsxs16("div", { className: "card", children: [
-    /* @__PURE__ */ jsx17("div", { className: "card-label", children: copy.provisional.cardLabel }),
-    /* @__PURE__ */ jsxs16("div", { className: "meeting-block", children: [
-      /* @__PURE__ */ jsx17("div", { className: "meeting-kicker", children: kicker }),
+  return /* @__PURE__ */ jsxs22("div", { className: "card", children: [
+    /* @__PURE__ */ jsx25("div", { className: "card-label", children: copy.provisional.cardLabel }),
+    /* @__PURE__ */ jsxs22("div", { className: "meeting-block", children: [
+      /* @__PURE__ */ jsx25("div", { className: "meeting-kicker", children: kicker }),
       body
     ] })
   ] });
@@ -1379,29 +2303,32 @@ function ProvisionalCard(props) {
     return card(
       copy,
       copy.provisional.applicationNeeded,
-      /* @__PURE__ */ jsxs16(Fragment5, { children: [
-        /* @__PURE__ */ jsx17("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
-        /* @__PURE__ */ jsx17("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
+      /* @__PURE__ */ jsxs22(Fragment10, { children: [
+        /* @__PURE__ */ jsx25("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
+        /* @__PURE__ */ jsx25("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
       ] })
     );
   }
+  if (application.status === "declined") {
+    return card(copy, copy.provisional.declined, /* @__PURE__ */ jsx25("div", { className: "meeting-note", children: copy.provisional.declinedBody }));
+  }
   if (application.status === "refunded") {
     return card(
       copy,
       copy.provisional.refunded,
-      /* @__PURE__ */ jsx17("div", { className: "meeting-note", children: copy.provisional.refundedBody })
+      /* @__PURE__ */ jsx25("div", { className: "meeting-note", children: copy.provisional.refundedBody })
     );
   }
-  const membership = application.paid ? /* @__PURE__ */ jsx17("div", { className: "meeting-note", children: application.renewalAt ? formatChapterCopy(copy.provisional.renews, { date: fmtDate(application.renewalAt) }) : copy.provisional.active }) : null;
+  const membership = application.paid ? /* @__PURE__ */ jsx25("div", { className: "meeting-note", children: application.renewalAt ? formatChapterCopy(copy.provisional.renews, { date: fmtDate(application.renewalAt) }) : copy.provisional.active }) : null;
   if (application.meetingAt) {
     return card(
       copy,
       copy.provisional.introductionCall,
-      /* @__PURE__ */ jsxs16(Fragment5, { children: [
-        /* @__PURE__ */ jsx17("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
-        /* @__PURE__ */ jsx17("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
-        application.meetUrl ? /* @__PURE__ */ jsx17("div", { className: "meeting-note", children: /* @__PURE__ */ jsx17("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs22(Fragment10, { children: [
+        /* @__PURE__ */ jsx25("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
+        /* @__PURE__ */ jsx25("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
+        application.meetUrl ? /* @__PURE__ */ jsx25("div", { className: "meeting-note", children: /* @__PURE__ */ jsx25("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
+        /* @__PURE__ */ jsx25(
           Rescheduler,
           {
             api,
@@ -1418,9 +2345,9 @@ function ProvisionalCard(props) {
   return card(
     copy,
     copy.provisional.bookCall,
-    /* @__PURE__ */ jsxs16(Fragment5, { children: [
-      /* @__PURE__ */ jsx17("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
-      /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsxs22(Fragment10, { children: [
+      /* @__PURE__ */ jsx25("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
+      /* @__PURE__ */ jsx25(
         Rescheduler,
         {
           api,
@@ -1447,8 +2374,8 @@ function MembersArea(props) {
     renderProvisional
   } = props;
   const copy = props.copy ?? inheritedCopy.members;
-  const [me, setMe] = useState13(null);
-  const [error, setError] = useState13(false);
+  const [me, setMe] = useState18(null);
+  const [error, setError] = useState18(false);
   const reload = async () => {
     try {
       setMe(await api("/api/me"));
@@ -1456,25 +2383,44 @@ function MembersArea(props) {
       setError(true);
     }
   };
-  useEffect6(() => {
+  useEffect11(() => {
     void reload();
   }, []);
-  if (error) return /* @__PURE__ */ jsx17("p", { className: "meeting-note", children: copy.loadFailed });
-  if (!me) return /* @__PURE__ */ jsx17("p", { className: "meeting-note", children: inheritedCopy.common.loading });
+  if (error) return /* @__PURE__ */ jsx25("p", { className: "meeting-note", children: copy.loadFailed });
+  if (!me) return /* @__PURE__ */ jsx25("p", { className: "meeting-note", children: inheritedCopy.common.loading });
+  if (props.portal && me.memberAccess === true && me.portal) {
+    const gifts = /* @__PURE__ */ jsx25(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment });
+    return /* @__PURE__ */ jsx25(
+      MemberPortal,
+      {
+        ...props.portal,
+        api,
+        me: { ...me, portal: me.portal },
+        signOut,
+        reloadMe: reload,
+        adminHref: props.portal.adminHref ?? adminHref,
+        profile: { ...props.portal.profile, extras: /* @__PURE__ */ jsxs22(Fragment10, { children: [
+          props.portal.profile?.extras,
+          gifts,
+          me.namedSeatsEnabled ? /* @__PURE__ */ jsx25(NamedSeatPurchase, { api }) : null
+        ] }) }
+      }
+    );
+  }
   const role = me.role || "provisional";
-  return /* @__PURE__ */ jsxs16(Fragment5, { children: [
-    /* @__PURE__ */ jsxs16("div", { className: "card", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "member-row", children: [
-        /* @__PURE__ */ jsx17("span", { className: "member-email", children: me.email }),
-        /* @__PURE__ */ jsx17("span", { className: "role-badge " + role, children: role })
+  return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+    /* @__PURE__ */ jsxs22("div", { className: "card", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx25("span", { className: "member-email", children: me.email }),
+        /* @__PURE__ */ jsx25("span", { className: "role-badge " + role, children: role })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "account-actions", children: [
-        /* @__PURE__ */ jsx17("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
-        me.authorized || me.superAdmin ? /* @__PURE__ */ jsx17("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
+      /* @__PURE__ */ jsxs22("div", { className: "account-actions", children: [
+        /* @__PURE__ */ jsx25("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
+        me.authorized || me.superAdmin ? /* @__PURE__ */ jsx25("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
       ] })
     ] }),
-    me.memberAccess !== true && me.membershipRestart?.eligible && me.application ? /* @__PURE__ */ jsx17(MemberRestart, { api, application: me.application, applicationId: me.membershipRestart.applicationId, onComplete: reload }) : me.memberAccess !== true ? (() => {
-      const defaultContent = /* @__PURE__ */ jsx17(
+    me.memberAccess !== true && me.membershipRestart?.eligible && me.application ? /* @__PURE__ */ jsx25(MemberRestart, { api, application: me.application, applicationId: me.membershipRestart.applicationId, onComplete: reload }) : me.memberAccess !== true ? (() => {
+      const defaultContent = /* @__PURE__ */ jsx25(
         ProvisionalCard,
         {
           api,
@@ -1491,27 +2437,34 @@ function MembersArea(props) {
         reload,
         defaultContent
       }) ?? defaultContent;
-    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx17(
+    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx25(
       MemberContentArea,
       {
         api,
         ...memberPages === true ? {} : memberPages
       }
-    ) : /* @__PURE__ */ jsx17("div", { className: "card", children: /* @__PURE__ */ jsx17("div", { className: "card-label", children: copy.full.welcome }) })),
-    /* @__PURE__ */ jsx17(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment }),
-    me.namedSeatsEnabled ? /* @__PURE__ */ jsx17(NamedSeatPurchase, { api }) : null
+    ) : /* @__PURE__ */ jsx25("div", { className: "card", children: /* @__PURE__ */ jsx25("div", { className: "card-label", children: copy.full.welcome }) })),
+    /* @__PURE__ */ jsx25(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment }),
+    me.namedSeatsEnabled ? /* @__PURE__ */ jsx25(NamedSeatPurchase, { api }) : null
   ] });
 }
 
+// src/ui/join-referral.ts
+var CODE = /^[23456789abcdefghjkmnpqrstuvwxyz]{5,8}$/;
+function referralFromLocation(search = typeof location === "undefined" ? "" : location.search) {
+  const code = new URLSearchParams(search).get("ref")?.trim().toLowerCase() ?? "";
+  return CODE.test(code) ? { referralCode: code } : {};
+}
+
 // src/ui/join.tsx
-import { useEffect as useEffect11, useRef as useRef8, useState as useState21 } from "preact/hooks";
+import { useEffect as useEffect16, useRef as useRef8, useState as useState26 } from "preact/hooks";
 
 // src/ui/join-booking.tsx
-import { useEffect as useEffect7, useRef as useRef6, useState as useState14 } from "preact/hooks";
-import { jsx as jsx18, jsxs as jsxs17 } from "preact/jsx-runtime";
+import { useEffect as useEffect12, useRef as useRef6, useState as useState19 } from "preact/hooks";
+import { jsx as jsx26, jsxs as jsxs23 } from "preact/jsx-runtime";
 function useJoinSlotsPreload(active) {
   const preload = useRef6(null);
-  useEffect7(() => {
+  useEffect12(() => {
     if (!active || preload.current) return;
     preload.current = Promise.resolve().then(() => fetch("/api/schedule/slots"));
     preload.current.catch(() => {
@@ -1522,11 +2475,11 @@ function useJoinSlotsPreload(active) {
 }
 function JoinBooking(props) {
   const { applicationId, copy, onBooked, simulation } = props;
-  const [state, setState] = useState14(null);
-  const [msg, setMsg] = useState14(null);
-  const [busy, setBusy] = useState14(false);
-  const [day2, setDay] = useState14(null);
-  const [selected, setSelected] = useState14(null);
+  const [state, setState] = useState19(null);
+  const [msg, setMsg] = useState19(null);
+  const [busy, setBusy] = useState19(false);
+  const [day2, setDay] = useState19(null);
+  const [selected, setSelected] = useState19(null);
   const load = async (preloaded) => {
     setMsg(null);
     try {
@@ -1551,7 +2504,7 @@ function JoinBooking(props) {
       setMsg(copy.loadFailed);
     }
   };
-  useEffect7(() => {
+  useEffect12(() => {
     void load(props.preload);
   }, [simulation]);
   const book = async () => {
@@ -1583,17 +2536,17 @@ function JoinBooking(props) {
       setBusy(false);
     }
   };
-  if (!state) return /* @__PURE__ */ jsx18("p", { className: "slots-status", children: msg ?? copy.loading });
+  if (!state) return /* @__PURE__ */ jsx26("p", { className: "slots-status", children: msg ?? copy.loading });
   const hint = !day2 ? copy.pickDate ?? DEFAULT_JOIN_COPY.booking.pickDate : !selected ? copy.pickTime ?? DEFAULT_JOIN_COPY.booking.pickTime : null;
-  return /* @__PURE__ */ jsxs17("div", { className: "join-book", children: [
-    /* @__PURE__ */ jsx18("h2", { children: copy.title ?? DEFAULT_JOIN_COPY.booking.title }),
-    /* @__PURE__ */ jsx18("p", { children: copy.intro ?? DEFAULT_JOIN_COPY.booking.intro }),
-    /* @__PURE__ */ jsxs17("div", { className: "slot-confirm", children: [
-      /* @__PURE__ */ jsx18("button", { className: "submit-btn", type: "button", disabled: busy || !selected, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
-      hint ? /* @__PURE__ */ jsx18("p", { className: "slot-hint", role: "status", children: hint }) : null,
-      msg ? /* @__PURE__ */ jsx18("p", { className: "step2-note", role: "alert", children: msg }) : null
+  return /* @__PURE__ */ jsxs23("div", { className: "join-book", children: [
+    /* @__PURE__ */ jsx26("h2", { children: copy.title ?? DEFAULT_JOIN_COPY.booking.title }),
+    /* @__PURE__ */ jsx26("p", { children: copy.intro ?? DEFAULT_JOIN_COPY.booking.intro }),
+    /* @__PURE__ */ jsxs23("div", { className: "slot-confirm", children: [
+      /* @__PURE__ */ jsx26("button", { className: "submit-btn", type: "button", disabled: busy || !selected, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
+      hint ? /* @__PURE__ */ jsx26("p", { className: "slot-hint", role: "status", children: hint }) : null,
+      msg ? /* @__PURE__ */ jsx26("p", { className: "step2-note", role: "alert", children: msg }) : null
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx26(
       SlotPicker,
       {
         slots: state.slots,
@@ -1611,21 +2564,21 @@ function JoinBooking(props) {
 }
 
 // src/ui/join-accepted.tsx
-import { jsx as jsx19, jsxs as jsxs18 } from "preact/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs24 } from "preact/jsx-runtime";
 function JoinAccepted(props) {
-  return /* @__PURE__ */ jsxs18("div", { className: "join-done card", children: [
-    /* @__PURE__ */ jsx19("div", { className: "card-label", children: props.copy.accepted.label }),
-    /* @__PURE__ */ jsx19("p", { className: "meeting-note", children: props.copy.accepted.body }),
-    /* @__PURE__ */ jsx19("a", { className: "apply-link", href: props.membersHref, children: props.copy.done.memberArea })
+  return /* @__PURE__ */ jsxs24("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx27("div", { className: "card-label", children: props.copy.accepted.label }),
+    /* @__PURE__ */ jsx27("p", { className: "meeting-note", children: props.copy.accepted.body }),
+    /* @__PURE__ */ jsx27("a", { className: "apply-link", href: props.membersHref, children: props.copy.done.memberArea })
   ] });
 }
 
 // src/ui/gift-claim-card.tsx
-import { useState as useState15 } from "preact/hooks";
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs19 } from "preact/jsx-runtime";
+import { useState as useState20 } from "preact/hooks";
+import { Fragment as Fragment11, jsx as jsx28, jsxs as jsxs25 } from "preact/jsx-runtime";
 function GiftClaimCard(props) {
-  const [code, setCode] = useState15(props.initialCode ?? "");
-  const [error, setError] = useState15(false);
+  const [code, setCode] = useState20(props.initialCode ?? "");
+  const [error, setError] = useState20(false);
   const rotate = async () => {
     if (!props.claimId) return;
     setError(false);
@@ -1638,15 +2591,15 @@ function GiftClaimCard(props) {
     if (response.ok && body.code) setCode(body.code);
     else setError(true);
   };
-  return /* @__PURE__ */ jsxs19("div", { className: "join-done card", children: [
-    /* @__PURE__ */ jsx20("div", { className: "card-label", children: props.copy.label }),
-    /* @__PURE__ */ jsx20("p", { className: "meeting-note", children: props.copy.body }),
-    code ? /* @__PURE__ */ jsxs19(Fragment6, { children: [
-      /* @__PURE__ */ jsx20("output", { className: "gift-code", children: code }),
-      /* @__PURE__ */ jsx20("p", { children: props.copy.save })
+  return /* @__PURE__ */ jsxs25("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx28("div", { className: "card-label", children: props.copy.label }),
+    /* @__PURE__ */ jsx28("p", { className: "meeting-note", children: props.copy.body }),
+    code ? /* @__PURE__ */ jsxs25(Fragment11, { children: [
+      /* @__PURE__ */ jsx28("output", { className: "gift-code", children: code }),
+      /* @__PURE__ */ jsx28("p", { children: props.copy.save })
     ] }) : null,
-    !code && props.claimId ? /* @__PURE__ */ jsx20("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
-    error ? /* @__PURE__ */ jsx20("p", { role: "alert", children: props.copy.rotateFailed }) : null
+    !code && props.claimId ? /* @__PURE__ */ jsx28("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
+    error ? /* @__PURE__ */ jsx28("p", { role: "alert", children: props.copy.rotateFailed }) : null
   ] });
 }
 
@@ -1654,11 +2607,11 @@ function GiftClaimCard(props) {
 import { useRef as useRef7 } from "preact/hooks";
 
 // src/ui/join-tiers.tsx
-import { useState as useState16 } from "preact/hooks";
-import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs20 } from "preact/jsx-runtime";
+import { useState as useState21 } from "preact/hooks";
+import { Fragment as Fragment12, jsx as jsx29, jsxs as jsxs26 } from "preact/jsx-runtime";
 var joinTierMoney = (cents, currency = "usd") => new Intl.NumberFormat("en-US", { style: "currency", currency }).format(cents / 100);
 function useTierSelection(tiers, initialTierId) {
-  const [selectedTierId, setSelectedTierId] = useState16(() => {
+  const [selectedTierId, setSelectedTierId] = useState21(() => {
     const preset = tiers.find((tier) => tier.id === initialTierId);
     if (preset) return preset.id;
     return tiers.length === 1 ? tiers[0].id : null;
@@ -1673,10 +2626,10 @@ function useTierSelection(tiers, initialTierId) {
   };
 }
 function TierPlaceholder(context) {
-  return /* @__PURE__ */ jsxs20("fieldset", { "data-chapter-placeholder": "tiers", children: [
-    /* @__PURE__ */ jsx21("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
-    context.tiers.map((tier) => /* @__PURE__ */ jsxs20("label", { children: [
-      /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs26("fieldset", { "data-chapter-placeholder": "tiers", children: [
+    /* @__PURE__ */ jsx29("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
+    context.tiers.map((tier) => /* @__PURE__ */ jsxs26("label", { children: [
+      /* @__PURE__ */ jsx29(
         "input",
         {
           type: "radio",
@@ -1687,13 +2640,13 @@ function TierPlaceholder(context) {
         }
       ),
       tier.name,
-      tier.founding ? /* @__PURE__ */ jsxs20(Fragment7, { children: [
+      tier.founding ? /* @__PURE__ */ jsxs26(Fragment12, { children: [
         " \u2014 ",
         joinTierMoney(tier.founding.dueTodayCents),
         " founding member rate (list ",
         joinTierMoney(tier.priceCents),
         ")"
-      ] }) : tier.free ? " \u2014 free" : /* @__PURE__ */ jsxs20(Fragment7, { children: [
+      ] }) : tier.free ? " \u2014 free" : /* @__PURE__ */ jsxs26(Fragment12, { children: [
         " \u2014 ",
         joinTierMoney(tier.priceCents)
       ] })
@@ -1705,12 +2658,12 @@ function tierNeedsPayment(selected, paymentsReady) {
 }
 
 // src/ui/join-application-form.tsx
-import { jsx as jsx22, jsxs as jsxs21 } from "preact/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs27 } from "preact/jsx-runtime";
 function JoinApplicationForm({ props, copy, invitation, requestedSeat, tierSelection, giftOfferId, selectGift, submitting, error, submit }) {
   const form = useRef7(null);
   const ready = useFormReadiness(form);
   const disabled = submitting || props.submitDisabled === true || !ready || !validJoinRecipient(props.payment?.initialNamedSeat);
-  return /* @__PURE__ */ jsxs21("form", { ref: form, className: "join-form", onSubmit: (event) => {
+  return /* @__PURE__ */ jsxs27("form", { ref: form, className: "join-form", onSubmit: (event) => {
     if (!isFormReady(event.currentTarget)) {
       event.preventDefault();
       event.currentTarget.reportValidity();
@@ -1718,15 +2671,15 @@ function JoinApplicationForm({ props, copy, invitation, requestedSeat, tierSelec
     }
     void submit(event);
   }, children: [
-    !requestedSeat && (props.config.giftOffers?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs21("fieldset", { children: [
-      /* @__PURE__ */ jsx22("legend", { children: copy.gift.optionsLabel }),
-      /* @__PURE__ */ jsx22("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => selectGift(null), children: copy.gift.chooseSelf }),
-      /* @__PURE__ */ jsx22(GiftOfferCards, { offers: props.config.giftOffers ?? [], mode: "select", selectedOfferId: giftOfferId, onSelect: selectGift })
+    !requestedSeat && (props.config.giftOffers?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs27("fieldset", { children: [
+      /* @__PURE__ */ jsx30("legend", { children: copy.gift.optionsLabel }),
+      /* @__PURE__ */ jsx30("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => selectGift(null), children: copy.gift.chooseSelf }),
+      /* @__PURE__ */ jsx30(GiftOfferCards, { offers: props.config.giftOffers ?? [], mode: "select", selectedOfferId: giftOfferId, onSelect: selectGift })
     ] }) : null,
     !requestedSeat && (props.config.tiers?.length ?? 0) > 1 ? props.renderTiers?.(tierSelection) ?? TierPlaceholder(tierSelection) : null,
     typeof props.children === "function" ? props.children({ invitation }) : props.children,
-    error ? /* @__PURE__ */ jsx22("p", { className: "join-error", role: "alert", children: error }) : null,
-    props.renderSubmit?.({ submitting, disabled }) ?? /* @__PURE__ */ jsx22(JoinSubmitButton, { disabled, children: submitting ? copy.form.submitting : copy.form.submit })
+    error ? /* @__PURE__ */ jsx30("p", { className: "join-error", role: "alert", children: error }) : null,
+    props.renderSubmit?.({ submitting, disabled }) ?? /* @__PURE__ */ jsx30(JoinSubmitButton, { disabled, children: submitting ? copy.form.submitting : copy.form.submit })
   ] });
 }
 
@@ -1751,8 +2704,8 @@ function joinStateFromApplicationResponse(data, fallbackNeedsPayment, submittedG
 
 // src/ui/gift-code-redeemer.tsx
 import { InlineActionField } from "@odla-ai/ui/components";
-import { useState as useState17 } from "preact/hooks";
-import { Fragment as Fragment8, jsx as jsx23, jsxs as jsxs22 } from "preact/jsx-runtime";
+import { useState as useState22 } from "preact/hooks";
+import { Fragment as Fragment13, jsx as jsx31, jsxs as jsxs28 } from "preact/jsx-runtime";
 var GIFT_CODE_REDEEMER_CSS = `
 .gift-code-redeemer{container-type:inline-size;display:grid;gap:var(--ui-space-1,.35rem);margin:0}
 .gift-code-redeemer .inline-action-field-label{display:block;color:var(--ui-text-muted,#66777f);font-size:var(--ui-text-xs,.72rem);font-weight:var(--ui-weight-strong,700);letter-spacing:var(--ui-tracking-caps,.08em);text-transform:uppercase}
@@ -1767,10 +2720,10 @@ var GIFT_CODE_REDEEMER_CSS = `
 @container (max-width:26rem){.gift-code-redeemer .inline-action-field-row{grid-template-columns:minmax(0,1fr)}.gift-code-redeemer .inline-action-field-action{width:100%}}
 `;
 function GiftCodeRedeemer({ api, applicationId, copy, id, onRedeemed }) {
-  const [code, setCode] = useState17("");
-  const [loading, setLoading] = useState17(false);
-  const [message, setMessage] = useState17("");
-  const [messageTone, setMessageTone] = useState17("neutral");
+  const [code, setCode] = useState22("");
+  const [loading, setLoading] = useState22(false);
+  const [message, setMessage] = useState22("");
+  const [messageTone, setMessageTone] = useState22("neutral");
   const normalizedCode = code.trim();
   const redeem = async () => {
     if (!normalizedCode || loading) return;
@@ -1797,9 +2750,9 @@ function GiftCodeRedeemer({ api, applicationId, copy, id, onRedeemed }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs22(Fragment8, { children: [
-    /* @__PURE__ */ jsx23("style", { children: GIFT_CODE_REDEEMER_CSS }),
-    /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs28(Fragment13, { children: [
+    /* @__PURE__ */ jsx31("style", { children: GIFT_CODE_REDEEMER_CSS }),
+    /* @__PURE__ */ jsx31(
       InlineActionField,
       {
         id,
@@ -1855,12 +2808,12 @@ async function loadJoinResume(applicationId, fetcher = fetch) {
 }
 
 // src/ui/join-gift-claim.tsx
-import { jsx as jsx24, jsxs as jsxs23 } from "preact/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs29 } from "preact/jsx-runtime";
 function JoinGiftClaim(props) {
-  return /* @__PURE__ */ jsxs23("section", { className: "join-gift-claim card", children: [
-    /* @__PURE__ */ jsx24("div", { className: "card-label", children: props.copy.claimTitle }),
-    /* @__PURE__ */ jsx24("p", { children: props.copy.claimBody }),
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs29("section", { className: "join-gift-claim card", children: [
+    /* @__PURE__ */ jsx32("div", { className: "card-label", children: props.copy.claimTitle }),
+    /* @__PURE__ */ jsx32("p", { children: props.copy.claimBody }),
+    /* @__PURE__ */ jsx32(
       GiftCodeRedeemer,
       {
         api: props.api,
@@ -1884,21 +2837,21 @@ function JoinGiftClaim(props) {
 }
 
 // src/ui/join-named-seat.tsx
-import { useState as useState18 } from "preact/hooks";
-import { jsx as jsx25, jsxs as jsxs24 } from "preact/jsx-runtime";
+import { useState as useState23 } from "preact/hooks";
+import { jsx as jsx33, jsxs as jsxs30 } from "preact/jsx-runtime";
 function JoinNamedSeat(props) {
   const seatId = props.seatId ?? "";
   const inherited = useChapterCopy(), copy = props.copy ?? inherited.join.namedSeat;
-  const [accepted, setAccepted] = useState18(false), [busy, setBusy] = useState18(false), [error, setError] = useState18("");
-  return /* @__PURE__ */ jsxs24("section", { className: "join-named-seat card", children: [
-    /* @__PURE__ */ jsx25("h2", { children: copy.title }),
-    /* @__PURE__ */ jsx25("p", { children: copy.body }),
-    /* @__PURE__ */ jsxs24("label", { className: "journey-consent", children: [
-      /* @__PURE__ */ jsx25("input", { type: "checkbox", checked: accepted, disabled: busy, onChange: (event) => setAccepted(event.currentTarget.checked) }),
-      /* @__PURE__ */ jsx25("span", { children: copy.consent })
+  const [accepted, setAccepted] = useState23(false), [busy, setBusy] = useState23(false), [error, setError] = useState23("");
+  return /* @__PURE__ */ jsxs30("section", { className: "join-named-seat card", children: [
+    /* @__PURE__ */ jsx33("h2", { children: copy.title }),
+    /* @__PURE__ */ jsx33("p", { children: copy.body }),
+    /* @__PURE__ */ jsxs30("label", { className: "journey-consent", children: [
+      /* @__PURE__ */ jsx33("input", { type: "checkbox", checked: accepted, disabled: busy, onChange: (event) => setAccepted(event.currentTarget.checked) }),
+      /* @__PURE__ */ jsx33("span", { children: copy.consent })
     ] }),
-    error ? /* @__PURE__ */ jsx25("p", { role: "alert", children: error }) : null,
-    /* @__PURE__ */ jsx25("button", { type: "button", className: "btn btn-primary", disabled: busy || !accepted || !seatId.trim(), onClick: async () => {
+    error ? /* @__PURE__ */ jsx33("p", { role: "alert", children: error }) : null,
+    /* @__PURE__ */ jsx33("button", { type: "button", className: "btn btn-primary", disabled: busy || !accepted || !seatId.trim(), onClick: async () => {
       setBusy(true);
       setError("");
       try {
@@ -1918,13 +2871,13 @@ function JoinNamedSeat(props) {
 }
 
 // src/ui/join-invitation.tsx
-import { useEffect as useEffect8, useState as useState19 } from "preact/hooks";
-import { jsx as jsx26, jsxs as jsxs25 } from "preact/jsx-runtime";
+import { useEffect as useEffect13, useState as useState24 } from "preact/hooks";
+import { jsx as jsx34, jsxs as jsxs31 } from "preact/jsx-runtime";
 function useJoinInvitation(seatId, api, fallback) {
-  const [invitation, setInvitation] = useState19(null);
-  const [error, setError] = useState19("");
-  const [revision, setRevision] = useState19(0);
-  useEffect8(() => {
+  const [invitation, setInvitation] = useState24(null);
+  const [error, setError] = useState24("");
+  const [revision, setRevision] = useState24(0);
+  useEffect13(() => {
     let live = true;
     setInvitation(null);
     setError("");
@@ -1946,9 +2899,9 @@ function useJoinInvitation(seatId, api, fallback) {
   return { invitation: invitation?.seatId === seatId ? invitation : null, error, retry: () => setRevision((value) => value + 1) };
 }
 function JoinInvitationNotice(props) {
-  return /* @__PURE__ */ jsxs25("aside", { className: "journey-invitation", "aria-label": props.copy.title, children: [
-    /* @__PURE__ */ jsx26("p", { children: /* @__PURE__ */ jsx26("strong", { children: formatChapterCopy(props.copy.from, { purchaserName: props.invitation.purchaserName }) }) }),
-    /* @__PURE__ */ jsx26("p", { children: formatChapterCopy(props.copy.prepaid, { tierName: props.tierName }) })
+  return /* @__PURE__ */ jsxs31("aside", { className: "journey-invitation", "aria-label": props.copy.title, children: [
+    /* @__PURE__ */ jsx34("p", { children: /* @__PURE__ */ jsx34("strong", { children: formatChapterCopy(props.copy.from, { purchaserName: props.invitation.purchaserName }) }) }),
+    /* @__PURE__ */ jsx34("p", { children: formatChapterCopy(props.copy.prepaid, { tierName: props.tierName }) })
   ] });
 }
 
@@ -1963,9 +2916,9 @@ function joinSimulationPayment(simulation, priceCents) {
 }
 
 // src/ui/join-pending.ts
-import { useEffect as useEffect9 } from "preact/hooks";
+import { useEffect as useEffect14 } from "preact/hooks";
 function useJoinPending(state, loadResume, setState) {
-  useEffect9(() => {
+  useEffect14(() => {
     if (state.step !== "paymentPending") return;
     let live = true;
     let timer;
@@ -1988,16 +2941,16 @@ function useJoinPending(state, loadResume, setState) {
 }
 
 // src/ui/payment-receipt.tsx
-import { useEffect as useEffect10, useState as useState20 } from "preact/hooks";
-import { Fragment as Fragment9, jsx as jsx27, jsxs as jsxs26 } from "preact/jsx-runtime";
+import { useEffect as useEffect15, useState as useState25 } from "preact/hooks";
+import { Fragment as Fragment14, jsx as jsx35, jsxs as jsxs32 } from "preact/jsx-runtime";
 function PaymentReceiptCard({ applicationId }) {
-  const [receipt, setReceipt] = useState20(null);
-  const [error, setError] = useState20("");
-  const [revision, setRevision] = useState20(0);
-  const [emailState, setEmailState] = useState20("idle");
-  const [previewEmail, setPreviewEmail] = useState20(false);
+  const [receipt, setReceipt] = useState25(null);
+  const [error, setError] = useState25("");
+  const [revision, setRevision] = useState25(0);
+  const [emailState, setEmailState] = useState25("idle");
+  const [previewEmail, setPreviewEmail] = useState25(false);
   const endpoint = `/api/payments/receipt?application=${encodeURIComponent(applicationId)}`;
-  useEffect10(() => {
+  useEffect15(() => {
     let live = true, timer;
     setReceipt(null);
     setError("");
@@ -2023,9 +2976,9 @@ function PaymentReceiptCard({ applicationId }) {
       if (timer) clearTimeout(timer);
     };
   }, [endpoint, revision]);
-  if (!receipt) return error ? /* @__PURE__ */ jsxs26("section", { "aria-label": "Payment receipt", children: [
-    /* @__PURE__ */ jsx27("p", { role: "status", children: error }),
-    /* @__PURE__ */ jsx27("button", { type: "button", onClick: () => setRevision((value) => value + 1), children: "Reload receipt" })
+  if (!receipt) return error ? /* @__PURE__ */ jsxs32("section", { "aria-label": "Payment receipt", children: [
+    /* @__PURE__ */ jsx35("p", { role: "status", children: error }),
+    /* @__PURE__ */ jsx35("button", { type: "button", onClick: () => setRevision((value) => value + 1), children: "Reload receipt" })
   ] }) : null;
   const money = (cents) => new Intl.NumberFormat("en-US", { style: "currency", currency: receipt.currency }).format(cents / 100);
   const email = async () => {
@@ -2042,38 +2995,38 @@ function PaymentReceiptCard({ applicationId }) {
       setError("We could not confirm email delivery. You can print or save your receipt.");
     }
   };
-  return /* @__PURE__ */ jsxs26("section", { className: "payment-receipt card", "aria-label": "Payment receipt", children: [
-    /* @__PURE__ */ jsx27("h2", { children: "Payment received" }),
-    /* @__PURE__ */ jsx27("p", { children: receipt.tierName }),
-    /* @__PURE__ */ jsxs26("dl", { className: "journey-summary", children: [
-      /* @__PURE__ */ jsx27("dt", { children: "Membership" }),
-      /* @__PURE__ */ jsx27("dd", { children: money(receipt.membershipCents) }),
-      receipt.namedSeat ? /* @__PURE__ */ jsxs26(Fragment9, { children: [
-        /* @__PURE__ */ jsxs26("dt", { children: [
+  return /* @__PURE__ */ jsxs32("section", { className: "payment-receipt card", "aria-label": "Payment receipt", children: [
+    /* @__PURE__ */ jsx35("h2", { children: "Payment received" }),
+    /* @__PURE__ */ jsx35("p", { children: receipt.tierName }),
+    /* @__PURE__ */ jsxs32("dl", { className: "journey-summary", children: [
+      /* @__PURE__ */ jsx35("dt", { children: "Membership" }),
+      /* @__PURE__ */ jsx35("dd", { children: money(receipt.membershipCents) }),
+      receipt.namedSeat ? /* @__PURE__ */ jsxs32(Fragment14, { children: [
+        /* @__PURE__ */ jsxs32("dt", { children: [
           "Additional member \u2014 ",
           receipt.namedSeat.recipientName
         ] }),
-        /* @__PURE__ */ jsxs26("dd", { children: [
+        /* @__PURE__ */ jsxs32("dd", { children: [
           receipt.namedSeat.amountCents === 0 ? "Included \u2014 " : "",
           money(receipt.namedSeat.amountCents)
         ] })
       ] }) : null,
-      /* @__PURE__ */ jsx27("dt", { children: "Total paid" }),
-      /* @__PURE__ */ jsx27("dd", { children: money(receipt.totalCents) })
+      /* @__PURE__ */ jsx35("dt", { children: "Total paid" }),
+      /* @__PURE__ */ jsx35("dd", { children: money(receipt.totalCents) })
     ] }),
-    /* @__PURE__ */ jsxs26("div", { className: "journey-actions", children: [
-      /* @__PURE__ */ jsx27("a", { className: "apply-link journey-secondary", href: `${endpoint}&format=html`, target: "_blank", rel: "noopener noreferrer", children: "Print / save receipt" }),
-      /* @__PURE__ */ jsx27("button", { type: "button", disabled: emailState !== "idle", onClick: () => void email(), children: emailState === "sending" ? "Sending\u2026" : emailState === "sent" ? "Receipt emailed" : "Email me my receipt" })
+    /* @__PURE__ */ jsxs32("div", { className: "journey-actions", children: [
+      /* @__PURE__ */ jsx35("a", { className: "apply-link journey-secondary", href: `${endpoint}&format=html`, target: "_blank", rel: "noopener noreferrer", children: "Print / save receipt" }),
+      /* @__PURE__ */ jsx35("button", { type: "button", disabled: emailState !== "idle", onClick: () => void email(), children: emailState === "sending" ? "Sending\u2026" : emailState === "sent" ? "Receipt emailed" : "Email me my receipt" })
     ] }),
-    emailState === "sent" ? /* @__PURE__ */ jsx27("p", { role: "status", children: previewEmail ? "Test receipt sent to the configured test inbox." : "Sent to the email used for your payment." }) : null,
-    error ? /* @__PURE__ */ jsx27("p", { role: "alert", children: error }) : null
+    emailState === "sent" ? /* @__PURE__ */ jsx35("p", { role: "status", children: previewEmail ? "Test receipt sent to the configured test inbox." : "Sent to the email used for your payment." }) : null,
+    error ? /* @__PURE__ */ jsx35("p", { role: "alert", children: error }) : null
   ] });
 }
 
 // src/ui/join.tsx
-import { Fragment as Fragment10, jsx as jsx28, jsxs as jsxs27 } from "preact/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx36, jsxs as jsxs33 } from "preact/jsx-runtime";
 function JoinIsland(props) {
-  return /* @__PURE__ */ jsx28(JourneyFrame, { children: /* @__PURE__ */ jsx28(JoinFlow, { ...props }) });
+  return /* @__PURE__ */ jsx36(JourneyFrame, { children: /* @__PURE__ */ jsx36(JoinFlow, { ...props }) });
 }
 function JoinFlow(props) {
   const inheritedCopy = useChapterCopy();
@@ -2094,16 +3047,16 @@ function JoinFlow(props) {
   const invitation = invitationState.invitation;
   const selectedTierId = invitation?.skuId ?? tierSelection.selectedTierId;
   const selectedTier = tiers.find((tier) => tier.id === selectedTierId) ?? tierSelection.selected;
-  const [state, setState] = useState21(requestedSeat ? { step: "form" } : props.initialState ?? { step: "form" });
-  const [error, setError] = useState21(null);
-  const [submitting, setSubmitting] = useState21(false);
-  const [editingNamedSeat, setEditingNamedSeat] = useState21(false);
-  const [giftOfferId, setGiftOfferId] = useState21(props.initialGiftOfferId ?? null);
+  const [state, setState] = useState26(requestedSeat ? { step: "form" } : props.initialState ?? { step: "form" });
+  const [error, setError] = useState26(null);
+  const [submitting, setSubmitting] = useState26(false);
+  const [editingNamedSeat, setEditingNamedSeat] = useState26(false);
+  const [giftOfferId, setGiftOfferId] = useState26(props.initialGiftOfferId ?? null);
   const simulatedPayment = joinSimulationPayment(props.simulation, selectedTier?.priceCents ?? 0);
   const simulatedBooking = props.simulation ? props.simulation.booking ?? { slots: [], timezone: "UTC" } : void 0;
   const submissionId = useRef8(null);
   const slotsPreload = useJoinSlotsPreload(!props.simulation && ["payment", "paymentPending"].includes(state.step));
-  useEffect11(() => {
+  useEffect16(() => {
     if (props.simulation) return;
     const resolver = requestedSeat ? () => invitation?.applicationId ? loadJoinResume(invitation.applicationId) : Promise.resolve(null) : props.loadResume ?? (() => {
       if (typeof window === "undefined") return Promise.resolve(null);
@@ -2132,7 +3085,7 @@ function JoinFlow(props) {
     setError(null);
     try {
       const fields = collectFormFields(new FormData(e.currentTarget));
-      fields.submissionId = submissionId.current ??= crypto.randomUUID();
+      Object.assign(fields, { submissionId: submissionId.current ??= crypto.randomUUID() }, invitation ? {} : referralFromLocation());
       if (invitation) {
         fields.namedSeatId = invitation.seatId;
         fields.tierId = invitation.skuId;
@@ -2176,13 +3129,13 @@ function JoinFlow(props) {
       setSubmitting(false);
     }
   };
-  if (requestedSeat && !invitation) return /* @__PURE__ */ jsxs27("section", { className: "card", "aria-live": "polite", children: [
-    /* @__PURE__ */ jsx28("h2", { children: seatCopy.title }),
-    /* @__PURE__ */ jsx28("p", { role: invitationState.error ? "alert" : "status", children: invitationState.error || seatCopy.loading }),
-    invitationState.error ? /* @__PURE__ */ jsx28("button", { type: "button", onClick: invitationState.retry, children: seatCopy.retry }) : null
+  if (requestedSeat && !invitation) return /* @__PURE__ */ jsxs33("section", { className: "card", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx36("h2", { children: seatCopy.title }),
+    /* @__PURE__ */ jsx36("p", { role: invitationState.error ? "alert" : "status", children: invitationState.error || seatCopy.loading }),
+    invitationState.error ? /* @__PURE__ */ jsx36("button", { type: "button", onClick: invitationState.retry, children: seatCopy.retry }) : null
   ] });
-  const header = /* @__PURE__ */ jsxs27(Fragment10, { children: [
-    invitation ? /* @__PURE__ */ jsx28(
+  const header = /* @__PURE__ */ jsxs33(Fragment15, { children: [
+    invitation ? /* @__PURE__ */ jsx36(
       JoinInvitationNotice,
       {
         invitation,
@@ -2197,49 +3150,49 @@ function JoinFlow(props) {
       ..."applicationId" in state ? { applicationId: state.applicationId } : {}
     })
   ] });
-  const receipt = !props.simulation && !requestedSeat && ["paymentPending", "booking", "accepted", "done"].includes(state.step) && "applicationId" in state ? /* @__PURE__ */ jsx28(PaymentReceiptCard, { applicationId: state.applicationId }) : null;
+  const receipt = !props.simulation && !requestedSeat && ["paymentPending", "booking", "accepted", "done"].includes(state.step) && "applicationId" in state ? /* @__PURE__ */ jsx36(PaymentReceiptCard, { applicationId: state.applicationId }) : null;
   if (state.step === "closed") {
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs33(Fragment15, { children: [
       header,
-      /* @__PURE__ */ jsxs27("section", { className: "card", "aria-label": "Application closed", children: [
-        /* @__PURE__ */ jsx28("h2", { children: "This application is closed" }),
-        /* @__PURE__ */ jsx28("p", { children: "This link cannot resume payment or booking. Sign in to view your application status, or contact the chapter if you need help." }),
-        /* @__PURE__ */ jsx28("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
+      /* @__PURE__ */ jsxs33("section", { className: "card", "aria-label": "Application closed", children: [
+        /* @__PURE__ */ jsx36("h2", { children: "This application is closed" }),
+        /* @__PURE__ */ jsx36("p", { children: "This link cannot resume payment or booking. Sign in to view your application status, or contact the chapter if you need help." }),
+        /* @__PURE__ */ jsx36("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
       ] })
     ] });
   }
   if (state.step === "done") {
-    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs27("div", { className: "join-done card", children: [
-      /* @__PURE__ */ jsx28("div", { className: "card-label", children: copy.done.label }),
-      /* @__PURE__ */ jsx28("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
-      /* @__PURE__ */ jsx28("p", { className: "meeting-note", children: copy.done.calendarInvite }),
-      /* @__PURE__ */ jsx28("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
+    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs33("div", { className: "join-done card", children: [
+      /* @__PURE__ */ jsx36("div", { className: "card-label", children: copy.done.label }),
+      /* @__PURE__ */ jsx36("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
+      /* @__PURE__ */ jsx36("p", { className: "meeting-note", children: copy.done.calendarInvite }),
+      /* @__PURE__ */ jsx36("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
     ] });
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs33(Fragment15, { children: [
       header,
       body,
       receipt
     ] });
   }
   if (state.step === "accepted") {
-    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx28(JoinAccepted, { copy, membersHref });
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx36(JoinAccepted, { copy, membersHref });
+    return /* @__PURE__ */ jsxs33(Fragment15, { children: [
       header,
       body,
       receipt
     ] });
   }
   if (state.step === "gift") {
-    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx28(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx36(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
+    return /* @__PURE__ */ jsxs33(Fragment15, { children: [
       header,
       body
     ] });
   }
   if (state.step === "booking") {
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs33(Fragment15, { children: [
       header,
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx36(
         JoinBooking,
         {
           applicationId: state.applicationId,
@@ -2256,9 +3209,9 @@ function JoinFlow(props) {
   }
   if (state.step === "payment") {
     if (props.namedSeatClaimApi && props.initialNamedSeatId && !props.simulation && !state.giftPurchase) {
-      return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+      return /* @__PURE__ */ jsxs33(Fragment15, { children: [
         header,
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx36(
           JoinNamedSeat,
           {
             api: props.namedSeatClaimApi,
@@ -2271,9 +3224,9 @@ function JoinFlow(props) {
       ] });
     }
     const Payment = state.giftPurchase || props.simulation ? PaymentStep : MembershipPaymentStep;
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs33(Fragment15, { children: [
       header,
-      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx28(
+      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx36(
         JoinGiftClaim,
         {
           api: props.giftClaimApi,
@@ -2284,7 +3237,7 @@ function JoinFlow(props) {
           onError: () => setError(copy.form.unexpectedFailure)
         }
       ) : null,
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx36(
         Payment,
         {
           applicationId: state.applicationId,
@@ -2312,9 +3265,9 @@ function JoinFlow(props) {
   }
   if (state.step === "paymentPending") {
     if (props.namedSeatClaimApi && props.initialNamedSeatId && !props.simulation) {
-      return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+      return /* @__PURE__ */ jsxs33(Fragment15, { children: [
         header,
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx36(
           JoinNamedSeat,
           {
             api: props.namedSeatClaimApi,
@@ -2326,15 +3279,15 @@ function JoinFlow(props) {
         )
       ] });
     }
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs33(Fragment15, { children: [
       header,
-      /* @__PURE__ */ jsx28("p", { className: "pay-status", role: "status", children: copy.payment.pending }),
+      /* @__PURE__ */ jsx36("p", { className: "pay-status", role: "status", children: copy.payment.pending }),
       receipt
     ] });
   }
-  return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs33(Fragment15, { children: [
     header,
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx36(
       JoinApplicationForm,
       {
         props,
@@ -2353,7 +3306,7 @@ function JoinFlow(props) {
 }
 
 // src/ui/membership-cards.tsx
-import { Markdown as Markdown2 } from "@odla-ai/ui/components";
+import { Markdown as Markdown4 } from "@odla-ai/ui/components";
 
 // src/membership-page.ts
 var MEMBERSHIP_PAGE_RENDERER = "membership-cards-v1";
@@ -2524,7 +3477,7 @@ function membershipPageDocument(input, options = {}) {
 }
 
 // src/ui/membership-cards.tsx
-import { jsx as jsx29, jsxs as jsxs28 } from "preact/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs34 } from "preact/jsx-runtime";
 var MEMBERSHIP_CARD_TOKEN_DEFAULTS = Object.freeze({
   "--ui-membership-grid-gap": "1.4rem",
   "--ui-membership-card-padding": "2rem 1.7rem 1.8rem",
@@ -2593,79 +3546,71 @@ function membershipApplicationHref(applicationPath, tierId) {
 }
 function TierAction(props) {
   if (props.mode === "select") {
-    return /* @__PURE__ */ jsxs28("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
+    return /* @__PURE__ */ jsxs34("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
       props.label,
-      /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx37("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
   if (props.mode === "preview") {
-    return /* @__PURE__ */ jsxs28("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
+    return /* @__PURE__ */ jsxs34("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
       props.label,
-      /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx37("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
-  return /* @__PURE__ */ jsxs28("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
+  return /* @__PURE__ */ jsxs34("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
     props.label,
-    /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", children: "\u2192" })
+    /* @__PURE__ */ jsx37("span", { "aria-hidden": "true", children: "\u2192" })
   ] });
 }
 function TierCard(props) {
   const { tier, presentation } = props;
   const summary = presentation.summaryMarkdown ?? tier.blurb;
   const action = presentation.ctaLabel ?? (tier.free ? "Join for free" : `Choose ${tier.name}`);
-  return /* @__PURE__ */ jsxs28("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
-    presentation.badge ? /* @__PURE__ */ jsx29("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
-    /* @__PURE__ */ jsx29("h3", { className: "chapter-membership-name", children: tier.name }),
-    /* @__PURE__ */ jsxs28("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
-      presentation.capacity ? /* @__PURE__ */ jsxs28("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
-        /* @__PURE__ */ jsx29("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
-        /* @__PURE__ */ jsx29("small", { children: presentation.capacity.label ?? "available" })
+  return /* @__PURE__ */ jsxs34("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
+    presentation.badge ? /* @__PURE__ */ jsx37("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
+    /* @__PURE__ */ jsx37("h3", { className: "chapter-membership-name", children: tier.name }),
+    /* @__PURE__ */ jsxs34("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
+      presentation.capacity ? /* @__PURE__ */ jsxs34("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
+        /* @__PURE__ */ jsx37("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
+        /* @__PURE__ */ jsx37("small", { children: presentation.capacity.label ?? "available" })
       ] }) : null,
-      /* @__PURE__ */ jsxs28("div", { className: "chapter-membership-price-stack", children: [
-        presentation.priceEyebrow ? /* @__PURE__ */ jsx29("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : tier.founding ? /* @__PURE__ */ jsx29("p", { className: "chapter-membership-price-eyebrow", children: "Founding member rate" }) : null,
-        /* @__PURE__ */ jsxs28("div", { className: "chapter-membership-price-row", children: [
-          tier.founding ? /* @__PURE__ */ jsx29("span", { className: "chapter-membership-compare", children: fmtMoney(tier.priceCents) }) : presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx29("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
-          /* @__PURE__ */ jsx29("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.founding ? tier.founding.dueTodayCents : tier.priceCents) }),
-          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx29("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
+      /* @__PURE__ */ jsxs34("div", { className: "chapter-membership-price-stack", children: [
+        presentation.priceEyebrow ? /* @__PURE__ */ jsx37("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : tier.founding ? /* @__PURE__ */ jsx37("p", { className: "chapter-membership-price-eyebrow", children: "Founding member rate" }) : null,
+        /* @__PURE__ */ jsxs34("div", { className: "chapter-membership-price-row", children: [
+          tier.founding ? /* @__PURE__ */ jsx37("span", { className: "chapter-membership-compare", children: fmtMoney(tier.priceCents) }) : presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx37("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
+          /* @__PURE__ */ jsx37("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.founding ? tier.founding.dueTodayCents : tier.priceCents) }),
+          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx37("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
         ] })
       ] })
     ] }),
-    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx29(Markdown2, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
-    summary ? /* @__PURE__ */ jsx29(Markdown2, { className: "chapter-membership-summary", source: summary }) : null,
-    presentation.benefits?.length ? /* @__PURE__ */ jsx29("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs28("li", { children: [
-      /* @__PURE__ */ jsx29("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ jsx29(Markdown2, { className: "chapter-membership-benefit", source: benefit })
+    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx37(Markdown4, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
+    summary ? /* @__PURE__ */ jsx37(Markdown4, { className: "chapter-membership-summary", source: summary }) : null,
+    presentation.benefits?.length ? /* @__PURE__ */ jsx37("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs34("li", { children: [
+      /* @__PURE__ */ jsx37("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ jsx37(Markdown4, { className: "chapter-membership-benefit", source: benefit })
     ] }, `${tier.id}-benefit-${index}`)) }) : null,
-    presentation.callout ? /* @__PURE__ */ jsxs28("aside", { className: "chapter-membership-callout", children: [
-      presentation.callout.label ? /* @__PURE__ */ jsx29("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
-      /* @__PURE__ */ jsx29(Markdown2, { source: presentation.callout.bodyMarkdown })
+    presentation.callout ? /* @__PURE__ */ jsxs34("aside", { className: "chapter-membership-callout", children: [
+      presentation.callout.label ? /* @__PURE__ */ jsx37("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
+      /* @__PURE__ */ jsx37(Markdown4, { source: presentation.callout.bodyMarkdown })
     ] }) : null,
-    /* @__PURE__ */ jsx29(TierAction, { tierId: tier.id, label: action, mode: props.mode, selected: props.selected, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier })
+    /* @__PURE__ */ jsx37(TierAction, { tierId: tier.id, label: action, mode: props.mode, selected: props.selected, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier })
   ] });
 }
 function MembershipCards(props) {
   const document2 = membershipPageDocument(props.document, { tiers: props.tiers });
   const byId = new Map(props.tiers.map((tier) => [tier.id, tier]));
   const mode = props.mode ?? "link";
-  return /* @__PURE__ */ jsxs28("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
-    /* @__PURE__ */ jsx29("style", { children: MEMBERSHIP_CARDS_CSS }),
-    /* @__PURE__ */ jsx29("div", { className: "chapter-membership-grid", style: { "--chapter-membership-columns": String(Math.min(document2.tiers.length, 3)) }, children: document2.tiers.map((presentation) => {
+  return /* @__PURE__ */ jsxs34("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
+    /* @__PURE__ */ jsx37("style", { children: MEMBERSHIP_CARDS_CSS }),
+    /* @__PURE__ */ jsx37("div", { className: "chapter-membership-grid", style: { "--chapter-membership-columns": String(Math.min(document2.tiers.length, 3)) }, children: document2.tiers.map((presentation) => {
       const tier = byId.get(presentation.tierId);
-      return /* @__PURE__ */ jsx29(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
+      return /* @__PURE__ */ jsx37(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
     }) }),
-    document2.footnoteMarkdown ? /* @__PURE__ */ jsx29(Markdown2, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
+    document2.footnoteMarkdown ? /* @__PURE__ */ jsx37(Markdown4, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
   ] });
 }
 
 export {
-  tzShort,
-  dayKey,
-  dayLabel,
-  timeLabel,
-  fullLabel,
-  fmtMoney,
-  fmtDate,
-  groupSlotsByDay,
   SlotPicker,
   ADDITIONAL_MEMBER_COPY,
   additionalMemberSelection,
@@ -2687,7 +3632,51 @@ export {
   NamedSeatRecipientLine,
   NamedSeatPurchase,
   MemberContentArea,
+  placeholderBadge,
+  MemberPlaceholderBody,
+  PortalIcon,
+  PROFILE_SEGMENT,
+  routeFromLocation,
+  hrefFor,
+  sameRoute,
+  PortalAvatar,
+  navTag,
+  PortalNav,
+  LockedPill,
+  UpgradeLink,
+  LockedScreen,
+  PlaceholderScreen,
+  PortalPage,
+  PortalTile,
+  DefaultHome,
+  memberMonth,
+  startingPrompts,
+  choosePrompt,
+  MemberProfilePage,
+  useCourse,
+  seatLine,
+  SeatActions,
+  CoursePage,
+  CourseHomePanel,
+  articleFor,
+  shareVars,
+  linkedinShareUrl,
+  mailtoHref,
+  smsHref,
+  isIOS,
+  useMemberReferrals,
+  CopyButton,
+  OfficialCard,
+  PostCard,
+  InviteLinkCard,
+  ReferralsCard,
+  SharePage,
+  ShareHome,
+  ProfileReferrals,
+  PACKAGED_PORTAL_FEATURES,
+  MemberPortal,
   MembersArea,
+  referralFromLocation,
   useTierSelection,
   TierPlaceholder,
   tierNeedsPayment,
@@ -2698,4 +3687,4 @@ export {
   membershipApplicationHref,
   MembershipCards
 };
-//# sourceMappingURL=chunk-RTJKUOFE.js.map
+//# sourceMappingURL=chunk-QPFJBHHK.js.map