@odla-ai/chapter 0.61.0 → 0.62.0

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

@@ -2,7 +2,7 @@ import {
   DEFAULT_JOIN_COPY,
   formatChapterCopy,
   useChapterCopy
-} from "./chunk-PKVHXKGJ.js";
+} from "./chunk-7CVP6VSO.js";
 import {
   collectFormFields
 } from "./chunk-IVXVECKR.js";
@@ -867,7 +867,7 @@ function MemberRestart(props) {
 }
 
 // src/ui/members.tsx
-import { useEffect as useEffect6, useState as useState13 } from "preact/hooks";
+import { useEffect as useEffect8, useState as useState15 } from "preact/hooks";
 
 // src/ui/reschedule.tsx
 import { useState as useState8 } from "preact/hooks";
@@ -1316,7 +1316,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 +1328,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 +1339,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 +1350,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 +1362,598 @@ 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("span", { className: "pill", children: placeholderBadge(page) }),
+    page.bodyMarkdown ? /* @__PURE__ */ jsx16(Markdown, { source: page.bodyMarkdown }) : null,
+    page.placeholder?.actionLabel ? /* @__PURE__ */ jsx16("button", { className: "btn", type: "button", disabled: true, children: page.placeholder.actionLabel }) : null
+  ] });
+}
+
+// src/ui/member-portal.tsx
+import { useEffect as useEffect7, useMemo as useMemo3, useState as useState14 } 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(location, routing) {
+  let segment = "";
+  if (routing.mode === "hash") segment = trimSlashes(decodeURIComponent(location.hash.replace(/^#/, "")));
+  else {
+    const base = `/${trimSlashes(routing.basePath)}`;
+    const path = location.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 href = page.upsell && ctx.upsellHref ? ctx.upsellHref(page.upsell.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-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-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}
+}
+`;
+
+// src/ui/member-portal-features.tsx
+var PACKAGED_PORTAL_FEATURES = {};
+
+// src/ui/member-portal.tsx
+import { jsx as jsx21, jsxs as jsxs19 } 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] = useState14(props.initialContent ?? null);
+  const [route, setRoute] = useState14(props.initialRoute ?? { kind: "home" });
+  const [menuOpen, setMenuOpen] = useState14(false);
+  useEffect7(() => {
+    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]);
+  useEffect7(() => {
+    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__ */ jsxs19("div", { className: "chapter-portal", children: [
+    /* @__PURE__ */ jsx21("style", { children: MEMBER_PORTAL_CSS }),
+    /* @__PURE__ */ jsx21("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 home = /* @__PURE__ */ jsx21(DefaultHome, { ctx, features, slots });
+  const body = route.kind === "home" ? typeof props.home === "function" ? props.home(ctx, home) : home : route.kind === "profile" ? /* @__PURE__ */ jsx21(MemberProfilePage, { ctx, middle: props.profile?.middle?.(ctx), extras: props.profile?.extras }) : page ? /* @__PURE__ */ jsx21(PortalPage, { page, ctx, features }) : /* @__PURE__ */ jsx21("div", { className: "chapter-portal-card", children: copy.shell.notFound });
+  const admin = props.me.authorized || props.me.superAdmin ? props.adminHref ?? "/admin/" : void 0;
+  return /* @__PURE__ */ jsxs19("div", { className: "chapter-portal", "data-member-portal": true, "data-route": route.kind, children: [
+    /* @__PURE__ */ jsx21("style", { children: MEMBER_PORTAL_CSS }),
+    /* @__PURE__ */ jsx21(
+      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__ */ jsxs19("main", { className: "chapter-portal-main", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-top", children: [
+        route.kind === "home" ? /* @__PURE__ */ jsx21("h1", { children: copy.shell.welcomeBack }) : /* @__PURE__ */ jsx21("button", { type: "button", className: "chapter-portal-back", onClick: () => navigate({ kind: "home" }), children: copy.shell.backHome }),
+        /* @__PURE__ */ jsxs19("div", { className: "chapter-portal-top-right", children: [
+          ctx.me.tier ? /* @__PURE__ */ jsx21("span", { className: "chapter-portal-pill", children: ctx.me.tier.name }) : null,
+          /* @__PURE__ */ jsx21(
+            "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__ */ jsx21(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 Fragment8, jsx as jsx22, jsxs as jsxs20 } 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__ */ jsxs20("div", { className: "card", children: [
+    /* @__PURE__ */ jsx22("div", { className: "card-label", children: copy.provisional.cardLabel }),
+    /* @__PURE__ */ jsxs20("div", { className: "meeting-block", children: [
+      /* @__PURE__ */ jsx22("div", { className: "meeting-kicker", children: kicker }),
       body
     ] })
   ] });
@@ -1379,29 +1964,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__ */ jsxs20(Fragment8, { children: [
+        /* @__PURE__ */ jsx22("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
+        /* @__PURE__ */ jsx22("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
       ] })
     );
   }
+  if (application.status === "declined") {
+    return card(copy, copy.provisional.declined, /* @__PURE__ */ jsx22("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__ */ jsx22("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__ */ jsx22("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__ */ jsxs20(Fragment8, { children: [
+        /* @__PURE__ */ jsx22("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
+        /* @__PURE__ */ jsx22("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
+        application.meetUrl ? /* @__PURE__ */ jsx22("div", { className: "meeting-note", children: /* @__PURE__ */ jsx22("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
+        /* @__PURE__ */ jsx22(
           Rescheduler,
           {
             api,
@@ -1418,9 +2006,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__ */ jsxs20(Fragment8, { children: [
+      /* @__PURE__ */ jsx22("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
+      /* @__PURE__ */ jsx22(
         Rescheduler,
         {
           api,
@@ -1447,8 +2035,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] = useState15(null);
+  const [error, setError] = useState15(false);
   const reload = async () => {
     try {
       setMe(await api("/api/me"));
@@ -1456,25 +2044,44 @@ function MembersArea(props) {
       setError(true);
     }
   };
-  useEffect6(() => {
+  useEffect8(() => {
     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__ */ jsx22("p", { className: "meeting-note", children: copy.loadFailed });
+  if (!me) return /* @__PURE__ */ jsx22("p", { className: "meeting-note", children: inheritedCopy.common.loading });
+  if (props.portal && me.memberAccess === true && me.portal) {
+    const gifts = /* @__PURE__ */ jsx22(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment });
+    return /* @__PURE__ */ jsx22(
+      MemberPortal,
+      {
+        ...props.portal,
+        api,
+        me: { ...me, portal: me.portal },
+        signOut,
+        reloadMe: reload,
+        adminHref: props.portal.adminHref ?? adminHref,
+        profile: { ...props.portal.profile, extras: /* @__PURE__ */ jsxs20(Fragment8, { children: [
+          props.portal.profile?.extras,
+          gifts,
+          me.namedSeatsEnabled ? /* @__PURE__ */ jsx22(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__ */ jsxs20(Fragment8, { children: [
+    /* @__PURE__ */ jsxs20("div", { className: "card", children: [
+      /* @__PURE__ */ jsxs20("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx22("span", { className: "member-email", children: me.email }),
+        /* @__PURE__ */ jsx22("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__ */ jsxs20("div", { className: "account-actions", children: [
+        /* @__PURE__ */ jsx22("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
+        me.authorized || me.superAdmin ? /* @__PURE__ */ jsx22("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__ */ jsx22(MemberRestart, { api, application: me.application, applicationId: me.membershipRestart.applicationId, onComplete: reload }) : me.memberAccess !== true ? (() => {
+      const defaultContent = /* @__PURE__ */ jsx22(
         ProvisionalCard,
         {
           api,
@@ -1491,27 +2098,27 @@ function MembersArea(props) {
         reload,
         defaultContent
       }) ?? defaultContent;
-    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx17(
+    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx22(
       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__ */ jsx22("div", { className: "card", children: /* @__PURE__ */ jsx22("div", { className: "card-label", children: copy.full.welcome }) })),
+    /* @__PURE__ */ jsx22(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment }),
+    me.namedSeatsEnabled ? /* @__PURE__ */ jsx22(NamedSeatPurchase, { api }) : null
   ] });
 }
 
 // src/ui/join.tsx
-import { useEffect as useEffect11, useRef as useRef8, useState as useState21 } from "preact/hooks";
+import { useEffect as useEffect13, useRef as useRef8, useState as useState23 } 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 useEffect9, useRef as useRef6, useState as useState16 } from "preact/hooks";
+import { jsx as jsx23, jsxs as jsxs21 } from "preact/jsx-runtime";
 function useJoinSlotsPreload(active) {
   const preload = useRef6(null);
-  useEffect7(() => {
+  useEffect9(() => {
     if (!active || preload.current) return;
     preload.current = Promise.resolve().then(() => fetch("/api/schedule/slots"));
     preload.current.catch(() => {
@@ -1522,11 +2129,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] = useState16(null);
+  const [msg, setMsg] = useState16(null);
+  const [busy, setBusy] = useState16(false);
+  const [day2, setDay] = useState16(null);
+  const [selected, setSelected] = useState16(null);
   const load = async (preloaded) => {
     setMsg(null);
     try {
@@ -1551,7 +2158,7 @@ function JoinBooking(props) {
       setMsg(copy.loadFailed);
     }
   };
-  useEffect7(() => {
+  useEffect9(() => {
     void load(props.preload);
   }, [simulation]);
   const book = async () => {
@@ -1583,17 +2190,17 @@ function JoinBooking(props) {
       setBusy(false);
     }
   };
-  if (!state) return /* @__PURE__ */ jsx18("p", { className: "slots-status", children: msg ?? copy.loading });
+  if (!state) return /* @__PURE__ */ jsx23("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__ */ jsxs21("div", { className: "join-book", children: [
+    /* @__PURE__ */ jsx23("h2", { children: copy.title ?? DEFAULT_JOIN_COPY.booking.title }),
+    /* @__PURE__ */ jsx23("p", { children: copy.intro ?? DEFAULT_JOIN_COPY.booking.intro }),
+    /* @__PURE__ */ jsxs21("div", { className: "slot-confirm", children: [
+      /* @__PURE__ */ jsx23("button", { className: "submit-btn", type: "button", disabled: busy || !selected, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
+      hint ? /* @__PURE__ */ jsx23("p", { className: "slot-hint", role: "status", children: hint }) : null,
+      msg ? /* @__PURE__ */ jsx23("p", { className: "step2-note", role: "alert", children: msg }) : null
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx23(
       SlotPicker,
       {
         slots: state.slots,
@@ -1611,21 +2218,21 @@ function JoinBooking(props) {
 }
 
 // src/ui/join-accepted.tsx
-import { jsx as jsx19, jsxs as jsxs18 } from "preact/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs22 } 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__ */ jsxs22("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx24("div", { className: "card-label", children: props.copy.accepted.label }),
+    /* @__PURE__ */ jsx24("p", { className: "meeting-note", children: props.copy.accepted.body }),
+    /* @__PURE__ */ jsx24("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 useState17 } from "preact/hooks";
+import { Fragment as Fragment9, jsx as jsx25, jsxs as jsxs23 } from "preact/jsx-runtime";
 function GiftClaimCard(props) {
-  const [code, setCode] = useState15(props.initialCode ?? "");
-  const [error, setError] = useState15(false);
+  const [code, setCode] = useState17(props.initialCode ?? "");
+  const [error, setError] = useState17(false);
   const rotate = async () => {
     if (!props.claimId) return;
     setError(false);
@@ -1638,15 +2245,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__ */ jsxs23("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx25("div", { className: "card-label", children: props.copy.label }),
+    /* @__PURE__ */ jsx25("p", { className: "meeting-note", children: props.copy.body }),
+    code ? /* @__PURE__ */ jsxs23(Fragment9, { children: [
+      /* @__PURE__ */ jsx25("output", { className: "gift-code", children: code }),
+      /* @__PURE__ */ jsx25("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__ */ jsx25("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
+    error ? /* @__PURE__ */ jsx25("p", { role: "alert", children: props.copy.rotateFailed }) : null
   ] });
 }
 
@@ -1654,11 +2261,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 useState18 } from "preact/hooks";
+import { Fragment as Fragment10, jsx as jsx26, jsxs as jsxs24 } 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] = useState18(() => {
     const preset = tiers.find((tier) => tier.id === initialTierId);
     if (preset) return preset.id;
     return tiers.length === 1 ? tiers[0].id : null;
@@ -1673,10 +2280,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__ */ jsxs24("fieldset", { "data-chapter-placeholder": "tiers", children: [
+    /* @__PURE__ */ jsx26("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
+    context.tiers.map((tier) => /* @__PURE__ */ jsxs24("label", { children: [
+      /* @__PURE__ */ jsx26(
         "input",
         {
           type: "radio",
@@ -1687,13 +2294,13 @@ function TierPlaceholder(context) {
         }
       ),
       tier.name,
-      tier.founding ? /* @__PURE__ */ jsxs20(Fragment7, { children: [
+      tier.founding ? /* @__PURE__ */ jsxs24(Fragment10, { 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__ */ jsxs24(Fragment10, { children: [
         " \u2014 ",
         joinTierMoney(tier.priceCents)
       ] })
@@ -1705,12 +2312,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 jsx27, jsxs as jsxs25 } 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__ */ jsxs25("form", { ref: form, className: "join-form", onSubmit: (event) => {
     if (!isFormReady(event.currentTarget)) {
       event.preventDefault();
       event.currentTarget.reportValidity();
@@ -1718,15 +2325,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__ */ jsxs25("fieldset", { children: [
+      /* @__PURE__ */ jsx27("legend", { children: copy.gift.optionsLabel }),
+      /* @__PURE__ */ jsx27("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => selectGift(null), children: copy.gift.chooseSelf }),
+      /* @__PURE__ */ jsx27(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__ */ jsx27("p", { className: "join-error", role: "alert", children: error }) : null,
+    props.renderSubmit?.({ submitting, disabled }) ?? /* @__PURE__ */ jsx27(JoinSubmitButton, { disabled, children: submitting ? copy.form.submitting : copy.form.submit })
   ] });
 }
 
@@ -1751,8 +2358,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 useState19 } from "preact/hooks";
+import { Fragment as Fragment11, jsx as jsx28, jsxs as jsxs26 } 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 +2374,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] = useState19("");
+  const [loading, setLoading] = useState19(false);
+  const [message, setMessage] = useState19("");
+  const [messageTone, setMessageTone] = useState19("neutral");
   const normalizedCode = code.trim();
   const redeem = async () => {
     if (!normalizedCode || loading) return;
@@ -1797,9 +2404,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__ */ jsxs26(Fragment11, { children: [
+    /* @__PURE__ */ jsx28("style", { children: GIFT_CODE_REDEEMER_CSS }),
+    /* @__PURE__ */ jsx28(
       InlineActionField,
       {
         id,
@@ -1855,12 +2462,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 jsx29, jsxs as jsxs27 } 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__ */ jsxs27("section", { className: "join-gift-claim card", children: [
+    /* @__PURE__ */ jsx29("div", { className: "card-label", children: props.copy.claimTitle }),
+    /* @__PURE__ */ jsx29("p", { children: props.copy.claimBody }),
+    /* @__PURE__ */ jsx29(
       GiftCodeRedeemer,
       {
         api: props.api,
@@ -1884,21 +2491,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 useState20 } from "preact/hooks";
+import { jsx as jsx30, jsxs as jsxs28 } 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] = useState20(false), [busy, setBusy] = useState20(false), [error, setError] = useState20("");
+  return /* @__PURE__ */ jsxs28("section", { className: "join-named-seat card", children: [
+    /* @__PURE__ */ jsx30("h2", { children: copy.title }),
+    /* @__PURE__ */ jsx30("p", { children: copy.body }),
+    /* @__PURE__ */ jsxs28("label", { className: "journey-consent", children: [
+      /* @__PURE__ */ jsx30("input", { type: "checkbox", checked: accepted, disabled: busy, onChange: (event) => setAccepted(event.currentTarget.checked) }),
+      /* @__PURE__ */ jsx30("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__ */ jsx30("p", { role: "alert", children: error }) : null,
+    /* @__PURE__ */ jsx30("button", { type: "button", className: "btn btn-primary", disabled: busy || !accepted || !seatId.trim(), onClick: async () => {
       setBusy(true);
       setError("");
       try {
@@ -1918,13 +2525,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 useEffect10, useState as useState21 } from "preact/hooks";
+import { jsx as jsx31, jsxs as jsxs29 } 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] = useState21(null);
+  const [error, setError] = useState21("");
+  const [revision, setRevision] = useState21(0);
+  useEffect10(() => {
     let live = true;
     setInvitation(null);
     setError("");
@@ -1946,9 +2553,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__ */ jsxs29("aside", { className: "journey-invitation", "aria-label": props.copy.title, children: [
+    /* @__PURE__ */ jsx31("p", { children: /* @__PURE__ */ jsx31("strong", { children: formatChapterCopy(props.copy.from, { purchaserName: props.invitation.purchaserName }) }) }),
+    /* @__PURE__ */ jsx31("p", { children: formatChapterCopy(props.copy.prepaid, { tierName: props.tierName }) })
   ] });
 }
 
@@ -1963,9 +2570,9 @@ function joinSimulationPayment(simulation, priceCents) {
 }
 
 // src/ui/join-pending.ts
-import { useEffect as useEffect9 } from "preact/hooks";
+import { useEffect as useEffect11 } from "preact/hooks";
 function useJoinPending(state, loadResume, setState) {
-  useEffect9(() => {
+  useEffect11(() => {
     if (state.step !== "paymentPending") return;
     let live = true;
     let timer;
@@ -1988,16 +2595,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 useEffect12, useState as useState22 } from "preact/hooks";
+import { Fragment as Fragment12, jsx as jsx32, jsxs as jsxs30 } 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] = useState22(null);
+  const [error, setError] = useState22("");
+  const [revision, setRevision] = useState22(0);
+  const [emailState, setEmailState] = useState22("idle");
+  const [previewEmail, setPreviewEmail] = useState22(false);
   const endpoint = `/api/payments/receipt?application=${encodeURIComponent(applicationId)}`;
-  useEffect10(() => {
+  useEffect12(() => {
     let live = true, timer;
     setReceipt(null);
     setError("");
@@ -2023,9 +2630,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__ */ jsxs30("section", { "aria-label": "Payment receipt", children: [
+    /* @__PURE__ */ jsx32("p", { role: "status", children: error }),
+    /* @__PURE__ */ jsx32("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 +2649,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__ */ jsxs30("section", { className: "payment-receipt card", "aria-label": "Payment receipt", children: [
+    /* @__PURE__ */ jsx32("h2", { children: "Payment received" }),
+    /* @__PURE__ */ jsx32("p", { children: receipt.tierName }),
+    /* @__PURE__ */ jsxs30("dl", { className: "journey-summary", children: [
+      /* @__PURE__ */ jsx32("dt", { children: "Membership" }),
+      /* @__PURE__ */ jsx32("dd", { children: money(receipt.membershipCents) }),
+      receipt.namedSeat ? /* @__PURE__ */ jsxs30(Fragment12, { children: [
+        /* @__PURE__ */ jsxs30("dt", { children: [
           "Additional member \u2014 ",
           receipt.namedSeat.recipientName
         ] }),
-        /* @__PURE__ */ jsxs26("dd", { children: [
+        /* @__PURE__ */ jsxs30("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__ */ jsx32("dt", { children: "Total paid" }),
+      /* @__PURE__ */ jsx32("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__ */ jsxs30("div", { className: "journey-actions", children: [
+      /* @__PURE__ */ jsx32("a", { className: "apply-link journey-secondary", href: `${endpoint}&format=html`, target: "_blank", rel: "noopener noreferrer", children: "Print / save receipt" }),
+      /* @__PURE__ */ jsx32("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__ */ jsx32("p", { role: "status", children: previewEmail ? "Test receipt sent to the configured test inbox." : "Sent to the email used for your payment." }) : null,
+    error ? /* @__PURE__ */ jsx32("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 Fragment13, jsx as jsx33, jsxs as jsxs31 } from "preact/jsx-runtime";
 function JoinIsland(props) {
-  return /* @__PURE__ */ jsx28(JourneyFrame, { children: /* @__PURE__ */ jsx28(JoinFlow, { ...props }) });
+  return /* @__PURE__ */ jsx33(JourneyFrame, { children: /* @__PURE__ */ jsx33(JoinFlow, { ...props }) });
 }
 function JoinFlow(props) {
   const inheritedCopy = useChapterCopy();
@@ -2094,16 +2701,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] = useState23(requestedSeat ? { step: "form" } : props.initialState ?? { step: "form" });
+  const [error, setError] = useState23(null);
+  const [submitting, setSubmitting] = useState23(false);
+  const [editingNamedSeat, setEditingNamedSeat] = useState23(false);
+  const [giftOfferId, setGiftOfferId] = useState23(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(() => {
+  useEffect13(() => {
     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);
@@ -2176,13 +2783,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__ */ jsxs31("section", { className: "card", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx33("h2", { children: seatCopy.title }),
+    /* @__PURE__ */ jsx33("p", { role: invitationState.error ? "alert" : "status", children: invitationState.error || seatCopy.loading }),
+    invitationState.error ? /* @__PURE__ */ jsx33("button", { type: "button", onClick: invitationState.retry, children: seatCopy.retry }) : null
   ] });
-  const header = /* @__PURE__ */ jsxs27(Fragment10, { children: [
-    invitation ? /* @__PURE__ */ jsx28(
+  const header = /* @__PURE__ */ jsxs31(Fragment13, { children: [
+    invitation ? /* @__PURE__ */ jsx33(
       JoinInvitationNotice,
       {
         invitation,
@@ -2197,49 +2804,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__ */ jsx33(PaymentReceiptCard, { applicationId: state.applicationId }) : null;
   if (state.step === "closed") {
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs31(Fragment13, { 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__ */ jsxs31("section", { className: "card", "aria-label": "Application closed", children: [
+        /* @__PURE__ */ jsx33("h2", { children: "This application is closed" }),
+        /* @__PURE__ */ jsx33("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__ */ jsx33("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__ */ jsxs31("div", { className: "join-done card", children: [
+      /* @__PURE__ */ jsx33("div", { className: "card-label", children: copy.done.label }),
+      /* @__PURE__ */ jsx33("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
+      /* @__PURE__ */ jsx33("p", { className: "meeting-note", children: copy.done.calendarInvite }),
+      /* @__PURE__ */ jsx33("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
     ] });
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs31(Fragment13, { 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__ */ jsx33(JoinAccepted, { copy, membersHref });
+    return /* @__PURE__ */ jsxs31(Fragment13, { 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__ */ jsx33(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
+    return /* @__PURE__ */ jsxs31(Fragment13, { children: [
       header,
       body
     ] });
   }
   if (state.step === "booking") {
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs31(Fragment13, { children: [
       header,
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx33(
         JoinBooking,
         {
           applicationId: state.applicationId,
@@ -2256,9 +2863,9 @@ function JoinFlow(props) {
   }
   if (state.step === "payment") {
     if (props.namedSeatClaimApi && props.initialNamedSeatId && !props.simulation && !state.giftPurchase) {
-      return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+      return /* @__PURE__ */ jsxs31(Fragment13, { children: [
         header,
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx33(
           JoinNamedSeat,
           {
             api: props.namedSeatClaimApi,
@@ -2271,9 +2878,9 @@ function JoinFlow(props) {
       ] });
     }
     const Payment = state.giftPurchase || props.simulation ? PaymentStep : MembershipPaymentStep;
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs31(Fragment13, { children: [
       header,
-      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx28(
+      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx33(
         JoinGiftClaim,
         {
           api: props.giftClaimApi,
@@ -2284,7 +2891,7 @@ function JoinFlow(props) {
           onError: () => setError(copy.form.unexpectedFailure)
         }
       ) : null,
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx33(
         Payment,
         {
           applicationId: state.applicationId,
@@ -2312,9 +2919,9 @@ function JoinFlow(props) {
   }
   if (state.step === "paymentPending") {
     if (props.namedSeatClaimApi && props.initialNamedSeatId && !props.simulation) {
-      return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+      return /* @__PURE__ */ jsxs31(Fragment13, { children: [
         header,
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx33(
           JoinNamedSeat,
           {
             api: props.namedSeatClaimApi,
@@ -2326,15 +2933,15 @@ function JoinFlow(props) {
         )
       ] });
     }
-    return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs31(Fragment13, { children: [
       header,
-      /* @__PURE__ */ jsx28("p", { className: "pay-status", role: "status", children: copy.payment.pending }),
+      /* @__PURE__ */ jsx33("p", { className: "pay-status", role: "status", children: copy.payment.pending }),
       receipt
     ] });
   }
-  return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs31(Fragment13, { children: [
     header,
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx33(
       JoinApplicationForm,
       {
         props,
@@ -2353,7 +2960,7 @@ function JoinFlow(props) {
 }
 
 // src/ui/membership-cards.tsx
-import { Markdown as Markdown2 } from "@odla-ai/ui/components";
+import { Markdown as Markdown3 } from "@odla-ai/ui/components";
 
 // src/membership-page.ts
 var MEMBERSHIP_PAGE_RENDERER = "membership-cards-v1";
@@ -2524,7 +3131,7 @@ function membershipPageDocument(input, options = {}) {
 }
 
 // src/ui/membership-cards.tsx
-import { jsx as jsx29, jsxs as jsxs28 } from "preact/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs32 } 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,67 +3200,67 @@ 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__ */ jsxs32("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__ */ jsx34("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
   if (props.mode === "preview") {
-    return /* @__PURE__ */ jsxs28("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
+    return /* @__PURE__ */ jsxs32("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
       props.label,
-      /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx34("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
-  return /* @__PURE__ */ jsxs28("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
+  return /* @__PURE__ */ jsxs32("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
     props.label,
-    /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", children: "\u2192" })
+    /* @__PURE__ */ jsx34("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__ */ jsxs32("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
+    presentation.badge ? /* @__PURE__ */ jsx34("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
+    /* @__PURE__ */ jsx34("h3", { className: "chapter-membership-name", children: tier.name }),
+    /* @__PURE__ */ jsxs32("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
+      presentation.capacity ? /* @__PURE__ */ jsxs32("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
+        /* @__PURE__ */ jsx34("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
+        /* @__PURE__ */ jsx34("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__ */ jsxs32("div", { className: "chapter-membership-price-stack", children: [
+        presentation.priceEyebrow ? /* @__PURE__ */ jsx34("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : tier.founding ? /* @__PURE__ */ jsx34("p", { className: "chapter-membership-price-eyebrow", children: "Founding member rate" }) : null,
+        /* @__PURE__ */ jsxs32("div", { className: "chapter-membership-price-row", children: [
+          tier.founding ? /* @__PURE__ */ jsx34("span", { className: "chapter-membership-compare", children: fmtMoney(tier.priceCents) }) : presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx34("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
+          /* @__PURE__ */ jsx34("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.founding ? tier.founding.dueTodayCents : tier.priceCents) }),
+          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx34("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__ */ jsx34(Markdown3, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
+    summary ? /* @__PURE__ */ jsx34(Markdown3, { className: "chapter-membership-summary", source: summary }) : null,
+    presentation.benefits?.length ? /* @__PURE__ */ jsx34("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs32("li", { children: [
+      /* @__PURE__ */ jsx34("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ jsx34(Markdown3, { 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__ */ jsxs32("aside", { className: "chapter-membership-callout", children: [
+      presentation.callout.label ? /* @__PURE__ */ jsx34("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
+      /* @__PURE__ */ jsx34(Markdown3, { 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__ */ jsx34(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__ */ jsxs32("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
+    /* @__PURE__ */ jsx34("style", { children: MEMBERSHIP_CARDS_CSS }),
+    /* @__PURE__ */ jsx34("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__ */ jsx34(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__ */ jsx34(Markdown3, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
   ] });
 }
 
@@ -2687,6 +3294,29 @@ 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,
+  PACKAGED_PORTAL_FEATURES,
+  MemberPortal,
   MembersArea,
   useTierSelection,
   TierPlaceholder,
@@ -2698,4 +3328,4 @@ export {
   membershipApplicationHref,
   MembershipCards
 };
-//# sourceMappingURL=chunk-RTJKUOFE.js.map
+//# sourceMappingURL=chunk-ZIYK3OV2.js.map