@odla-ai/chapter 0.21.0 → 0.22.0

package/dist/{chunk-AOTWFOH4.js → chunk-IWW5VAAC.js}

@@ -1,6 +1,6 @@
 import {
   BrandStyle
-} from "./chunk-3JG5X2LT.js";
+} from "./chunk-VZPBTTO3.js";
 
 // src/ui/admin.tsx
 import { useEffect as useEffect7, useMemo, useState as useState11 } from "react";
@@ -13,7 +13,6 @@ import {
   clerkAppearanceFromTokens
 } from "@odla-ai/auth-clerk";
 import { CrmClient } from "@odla-ai/crm";
-import { ThemeScope } from "@odla-ai/ui/components";
 
 // src/ui/chrome.tsx
 import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
@@ -22,7 +21,14 @@ import { Tabs, TopBar, TopBarLink } from "@odla-ai/ui/components";
 // src/ui/admin-layout.tsx
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var PAGE = { maxWidth: 1120, margin: "0 auto", padding: "28px 20px 64px", display: "flex", flexDirection: "column", gap: 20 };
+var PAGE = {
+  maxWidth: "var(--ui-content-width, 1120px)",
+  margin: "0 auto",
+  padding: "var(--chapter-admin-page-padding, 28px 20px 64px)",
+  display: "flex",
+  flexDirection: "column",
+  gap: 20
+};
 var HEAD = { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 16, flexWrap: "wrap" };
 function AdminPage({ children }) {
   return /* @__PURE__ */ jsx("div", { style: PAGE, children });
@@ -155,7 +161,11 @@ var S = {
     fontSize: 22,
     textDecoration: "none"
   },
-  workspaceTabs: { maxWidth: 1160, margin: "0 auto", padding: "18px 20px 0" }
+  workspaceTabs: {
+    maxWidth: "var(--ui-content-width, 1160px)",
+    margin: "0 auto",
+    padding: "var(--chapter-admin-workspace-padding, 18px 20px 0)"
+  }
 };
 function Gate(props) {
   const { brand, tagline, children } = props;
@@ -284,28 +294,51 @@ function AdminShell({
   getToken,
   signOut,
   email,
+  currentUser,
   routing = "fragment",
-  chrome = "editorial",
-  renderHeader
+  chrome = "embedded",
+  renderHeader,
+  renderAccountMenu,
+  renderWorkspaceNav
 }) {
+  const normalizeRoute = useCallback((candidate) => {
+    if (candidate.viewId) return candidate;
+    const workspace = workspaces.find((item) => item.id === candidate.workspaceId);
+    return workspace?.defaultViewId ? { ...candidate, viewId: workspace.defaultViewId } : candidate;
+  }, [workspaces]);
   const routeFromLocation = useCallback(() => {
-    if (typeof window === "undefined") return { workspaceId: workspaces[0]?.id ?? "" };
-    return adminRouteFromUrl(new URL(window.location.href), basePath, workspaces.map((workspace) => workspace.id));
-  }, [workspaces, basePath]);
+    if (typeof window === "undefined") {
+      return normalizeRoute({ workspaceId: workspaces[0]?.id ?? "" });
+    }
+    return normalizeRoute(
+      adminRouteFromUrl(new URL(window.location.href), basePath, workspaces.map((workspace) => workspace.id))
+    );
+  }, [workspaces, basePath, normalizeRoute]);
   const [route, setRoute] = useState2(routeFromLocation);
   const href = useCallback(
-    (target) => typeof window === "undefined" ? `#${mergeRoute(route, target).workspaceId}` : adminRouteHref(new URL(window.location.href), basePath, mergeRoute(route, target), routing),
-    [route, basePath, routing]
+    (target) => {
+      const next = normalizeRoute(mergeRoute(route, target));
+      if (typeof window === "undefined") {
+        return `#${[
+          next.workspaceId,
+          next.viewId,
+          next.recordId,
+          next.detailTab
+        ].filter((part) => Boolean(part)).map(encodeURIComponent).join("/")}`;
+      }
+      return adminRouteHref(new URL(window.location.href), basePath, next, routing);
+    },
+    [route, basePath, routing, normalizeRoute]
   );
   const navigate = useCallback(
     (target) => {
-      const next = mergeRoute(route, target);
+      const next = normalizeRoute(mergeRoute(route, target));
       if (typeof window !== "undefined") {
         window.history.pushState(null, "", adminRouteHref(new URL(window.location.href), basePath, next, routing));
       }
       setRoute(next);
     },
-    [route, basePath, routing]
+    [route, basePath, routing, normalizeRoute]
   );
   useEffect2(() => {
     const sync = () => setRoute(routeFromLocation());
@@ -322,9 +355,22 @@ function AdminShell({
     const actual = `${window.location.pathname}${window.location.search}${window.location.hash}`;
     if (canonical !== actual) window.history.replaceState(null, "", canonical);
   }, []);
-  const context = { client, getToken, route, navigate, href };
+  const context = {
+    client,
+    getToken,
+    ...currentUser ? { currentUser } : {},
+    route,
+    navigate,
+    href
+  };
   const active = workspaces.find((workspace) => workspace.id === route.workspaceId) ?? workspaces[0];
-  const identity = /* @__PURE__ */ jsxs3(Fragment, { children: [
+  const accountProps = {
+    brand,
+    email,
+    ...currentUser ? { currentUser } : {},
+    signOut
+  };
+  const identity = renderAccountMenu?.(accountProps) ?? /* @__PURE__ */ jsxs3(Fragment, { children: [
     /* @__PURE__ */ jsx3("span", { style: { ...S.role, color: "inherit", borderColor: "currentColor", background: "transparent" }, children: "admin" }),
     email ? /* @__PURE__ */ jsx3("span", { style: { opacity: 0.72, fontSize: 12 }, children: email }) : null,
     /* @__PURE__ */ jsx3("button", { className: "btn secondary mini", onClick: signOut, children: "Sign out" })
@@ -346,7 +392,7 @@ function AdminShell({
       ] })
     ] });
   }
-  const header = renderHeader ? renderHeader({ brand, email, signOut }) : chrome === "editorial" ? /* @__PURE__ */ jsxs3("header", { style: S.masthead, children: [
+  const header = renderHeader ? renderHeader(accountProps) : chrome === "standalone" || chrome === "editorial" ? /* @__PURE__ */ jsxs3("header", { style: S.masthead, children: [
     /* @__PURE__ */ jsxs3("a", { href: "/", style: S.mastheadBrand, children: [
       /* @__PURE__ */ jsx3("span", { style: S.badgeSm, children: badgeText(brand) }),
       brandDisplay(brand)
@@ -359,18 +405,22 @@ function AdminShell({
     header,
     /* @__PURE__ */ jsxs3("main", { className: "shell-main", style: S.main, children: [
       /* @__PURE__ */ jsx3(ThemeWarning, {}),
-      /* @__PURE__ */ jsx3(
+      renderWorkspaceNav ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsx3("div", { style: S.workspaceTabs, children: renderWorkspaceNav({ workspaces, route, navigate, href }) }),
+        active?.render(context)
+      ] }) : /* @__PURE__ */ jsx3(
         Tabs,
         {
           style: S.workspaceTabs,
           ariaLabel: "Admin workspaces",
           value: route.workspaceId,
-          onValueChange: (workspaceId) => setRoute({ workspaceId }),
+          mount: "active",
+          onValueChange: (workspaceId) => setRoute(normalizeRoute({ workspaceId })),
           items: workspaces.map((workspace) => ({
             value: workspace.id,
             label: workspace.label,
             href: href(workspace.id),
-            panel: workspace.render(context)
+            panel: workspace.id === route.workspaceId ? workspace.render(context) : null
           }))
         }
       )
@@ -685,11 +735,8 @@ function emailSection(options = {}) {
   return { id, label, render: (ctx) => /* @__PURE__ */ jsx7(EmailBody, { ctx }) };
 }
 
-// src/ui/admin-people.tsx
-import { BillingCard } from "@odla-ai/crm/ui";
-import {
-  CrmWorkspace
-} from "@odla-ai/crm/ui";
+// src/ui/admin-people-workspace.tsx
+import { BillingCard, CrmWorkspace } from "@odla-ai/crm/ui";
 
 // src/ui/admin-record-actions.tsx
 import { useEffect as useEffect4, useState as useState6 } from "react";
@@ -955,13 +1002,51 @@ function RecordSchedulingPanel(props) {
   ] });
 }
 
-// src/ui/admin-people.tsx
+// src/ui/admin-people-workspace.tsx
 import { jsx as jsx13 } from "react/jsx-runtime";
-var DEFAULT_ROLES = ["provisional", "member", "admin"];
+function applicationLifecycleAdapter(ctx) {
+  return {
+    transitionStage: async ({ record, to }) => {
+      const applicationId = typeof record.fields?.applicationId === "string" ? record.fields.applicationId : null;
+      if (!applicationId) {
+        throw new Error("This record is not linked to an application workflow.");
+      }
+      const path = `/api/admin/applications/${encodeURIComponent(applicationId)}`;
+      if (to === "approved") {
+        await adminFetch(ctx.getToken, `${path}/approve`, { method: "POST" });
+      } else if (to === "refunded") {
+        await adminFetch(ctx.getToken, `${path}/refund`, { method: "POST" });
+      } else {
+        await adminFetch(ctx.getToken, path, {
+          method: "PATCH",
+          body: JSON.stringify({ status: to })
+        });
+      }
+    }
+  };
+}
 function PeopleBody(props) {
-  const { crm, client, type, ctx, roles, lifecycle, networkSharing, extendRecordTabs } = props;
+  const {
+    crm,
+    client,
+    type,
+    ctx,
+    roles,
+    lifecycle,
+    networkSharing,
+    lifecycleAdapter,
+    requireLifecycleAdapter,
+    renderSummary,
+    renderMaster,
+    renderDetailHeader,
+    renderEmptyDetail,
+    hrefForRecord,
+    extendRecordTabs
+  } = props;
   const def = crm.type(type);
   const recordId = ctx.route?.recordId ?? null;
+  const builtInLifecycle = lifecycle ? applicationLifecycleAdapter(ctx) : void 0;
+  const resolvedLifecycle = typeof lifecycleAdapter === "function" ? lifecycleAdapter(ctx) : lifecycleAdapter ?? builtInLifecycle;
   const workspaceClient = client;
   return /* @__PURE__ */ jsx13(AdminPage, { children: /* @__PURE__ */ jsx13(
     CrmWorkspace,
@@ -973,7 +1058,15 @@ function PeopleBody(props) {
       detailTab: ctx.route?.detailTab,
       defaultDetailTab: "profile",
       onRecordIdChange: (id) => ctx.navigate({ recordId: id, detailTab: null }),
+      hrefForRecord: (record) => hrefForRecord?.(record, ctx) ?? ctx.href({ recordId: record.id, detailTab: "profile" }),
+      hrefForList: ctx.href({ recordId: null, detailTab: null }),
       hrefForDetailTab: (detailTab) => ctx.href({ detailTab }),
+      lifecycle: resolvedLifecycle,
+      requireLifecycleAdapter: requireLifecycleAdapter ?? lifecycle,
+      renderSummary: renderSummary ? (context) => renderSummary(context, ctx) : void 0,
+      renderMaster: renderMaster ? (context) => renderMaster(context, ctx) : void 0,
+      renderDetailHeader: renderDetailHeader ? (context) => renderDetailHeader(context, ctx) : void 0,
+      renderEmptyDetail: renderEmptyDetail ? (context) => renderEmptyDetail(context, ctx) : void 0,
       extendRecordTabs: (base, context) => {
         const record = context.detail.record;
         const applicationId = typeof record.fields?.applicationId === "string" ? String(record.fields.applicationId) : null;
@@ -1028,7 +1121,8 @@ function PeopleBody(props) {
                   context.refreshList();
                 }
               }
-            )
+            ),
+            visible: () => ctx.currentUser?.superAdmin === true
           });
         }
         if (networkSharing) {
@@ -1043,6 +1137,10 @@ function PeopleBody(props) {
     }
   ) });
 }
+
+// src/ui/admin-people.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var DEFAULT_ROLES = ["provisional", "member", "admin"];
 function collectionSection(options) {
   const { crm, type } = options;
   let fallbackLabel = type;
@@ -1056,12 +1154,19 @@ function collectionSection(options) {
     lifecycle = type === "person",
     roles = DEFAULT_ROLES,
     networkSharing = false,
+    lifecycleAdapter,
+    requireLifecycleAdapter,
+    renderSummary,
+    renderMaster,
+    renderDetailHeader,
+    renderEmptyDetail,
+    hrefForRecord,
     extendRecordTabs
   } = options;
   return {
     id,
     label,
-    render: (ctx) => /* @__PURE__ */ jsx13(
+    render: (ctx) => /* @__PURE__ */ jsx14(
       PeopleBody,
       {
         crm,
@@ -1071,6 +1176,13 @@ function collectionSection(options) {
         roles,
         lifecycle,
         networkSharing,
+        lifecycleAdapter,
+        requireLifecycleAdapter,
+        renderSummary,
+        renderMaster,
+        renderDetailHeader,
+        renderEmptyDetail,
+        hrefForRecord,
         extendRecordTabs
       }
     )
@@ -1084,6 +1196,13 @@ function peopleSection(options) {
     type = "person",
     roles,
     networkSharing,
+    lifecycleAdapter,
+    requireLifecycleAdapter,
+    renderSummary,
+    renderMaster,
+    renderDetailHeader,
+    renderEmptyDetail,
+    hrefForRecord,
     extendRecordTabs
   } = options;
   return collectionSection({
@@ -1093,12 +1212,19 @@ function peopleSection(options) {
     label,
     ...roles ? { roles } : {},
     ...networkSharing != null ? { networkSharing } : {},
+    ...lifecycleAdapter ? { lifecycleAdapter } : {},
+    ...requireLifecycleAdapter != null ? { requireLifecycleAdapter } : {},
+    ...renderSummary ? { renderSummary } : {},
+    ...renderMaster ? { renderMaster } : {},
+    ...renderDetailHeader ? { renderDetailHeader } : {},
+    ...renderEmptyDetail ? { renderEmptyDetail } : {},
+    ...hrefForRecord ? { hrefForRecord } : {},
     ...extendRecordTabs ? { extendRecordTabs } : {}
   });
 }
 
 // src/ui/admin-workspaces.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var adminViewContext = (ctx, viewId, active) => {
   const route = {
     workspaceId: ctx.route.workspaceId,
@@ -1123,11 +1249,12 @@ function DashboardWorkspace({ ctx }) {
   const active = ctx.route.viewId === "billing" ? "billing" : "overview";
   const overview = dashboardSection({ id: "overview", label: "Overview" });
   const billing = billingSection();
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Tabs2,
     {
       ariaLabel: "Dashboard views",
       value: active,
+      mount: "active",
       items: [
         {
           value: "overview",
@@ -1149,11 +1276,12 @@ function SettingsWorkspace({ ctx }) {
   const active = ctx.route.viewId === "email" ? "email" : "calendar";
   const calendar = availabilitySection({ id: "calendar", label: "Calendar" });
   const email = emailSection();
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Tabs2,
     {
       ariaLabel: "Settings views",
       value: active,
+      mount: "active",
       items: [
         {
           value: "calendar",
@@ -1176,12 +1304,13 @@ function PeopleWorkspace({ chapter, ctx }) {
   const fallback = types[0]?.[0] ?? "person";
   const active = types.some(([type]) => type === ctx.route.viewId) ? ctx.route.viewId : fallback;
   const networkSharing = chapter.network.targets.length > 0;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Tabs2,
     {
       ariaLabel: "CRM collections",
       value: active,
       variant: "pill",
+      mount: "active",
       items: types.map(([type, def]) => {
         const section = collectionSection({
           crm: chapter.crm,
@@ -1204,18 +1333,30 @@ function defaultAdminWorkspaces(chapter) {
   const people = {
     id: "people",
     label: "People",
-    render: (ctx) => /* @__PURE__ */ jsx14(PeopleWorkspace, { chapter, ctx })
+    defaultViewId: Object.keys(chapter.crm.config.types)[0] ?? "person",
+    render: (ctx) => /* @__PURE__ */ jsx15(PeopleWorkspace, { chapter, ctx })
   };
   if (chapter.mode === "hub") return [people];
   return [
-    { id: "dashboard", label: "Dashboard", render: (ctx) => /* @__PURE__ */ jsx14(DashboardWorkspace, { ctx }) },
+    {
+      id: "dashboard",
+      label: "Dashboard",
+      defaultViewId: "overview",
+      render: (ctx) => /* @__PURE__ */ jsx15(DashboardWorkspace, { ctx })
+    },
     people,
-    { id: "settings", label: "Settings", render: (ctx) => /* @__PURE__ */ jsx14(SettingsWorkspace, { ctx }) }
+    {
+      id: "settings",
+      label: "Settings",
+      defaultViewId: "calendar",
+      render: (ctx) => /* @__PURE__ */ jsx15(SettingsWorkspace, { ctx })
+    }
   ];
 }
 
-// src/ui/admin.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+// src/ui/admin-frame.tsx
+import { ThemeScope } from "@odla-ai/ui/components";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function AdminTheme(props) {
   const brand = props.chapter?.brand;
   return /* @__PURE__ */ jsxs12(
@@ -1225,12 +1366,51 @@ function AdminTheme(props) {
       theme: brand?.theme,
       colorScheme: brand?.colorScheme ?? "light",
       children: [
-        /* @__PURE__ */ jsx15(BrandStyle, { brand, selector: "[data-chapter-admin]" }),
+        /* @__PURE__ */ jsx16(BrandStyle, { brand, selector: "[data-chapter-admin]" }),
         props.children
       ]
     }
   );
 }
+function signInRedirect(basePath, workspaces) {
+  if (typeof window === "undefined") return basePath;
+  const current = new URL(window.location.href);
+  const inbound = adminRouteFromUrl(
+    current,
+    basePath,
+    workspaces.map((workspace2) => workspace2.id)
+  );
+  const workspace = workspaces.find((item) => item.id === inbound.workspaceId);
+  const route = inbound.viewId || !workspace?.defaultViewId ? inbound : { ...inbound, viewId: workspace.defaultViewId };
+  return adminRouteHref(current, basePath, route, "query");
+}
+
+// src/ui/admin-auth.ts
+var apiUrl = (apiBase, path) => `${apiBase.replace(/\/+$/, "")}/${path.replace(/^\/+/, "")}`;
+var DEFAULT_ADMIN_AUTH = {};
+async function loadChapterAdminConfig(adapter, apiBase) {
+  if (adapter.loadConfig) return adapter.loadConfig({ apiBase });
+  const response = await fetch(apiUrl(apiBase, adapter.configPath ?? "/api/config"));
+  const body = await response.json();
+  if (adapter.mapConfig) return adapter.mapConfig(body);
+  return {
+    publishableKey: typeof body.clerkPublishableKey === "string" ? body.clerkPublishableKey : null
+  };
+}
+async function loadChapterAdminUser(adapter, apiBase, getToken) {
+  if (adapter.loadCurrentUser) {
+    return adapter.loadCurrentUser({ apiBase, getToken });
+  }
+  const token = await getToken();
+  const response = await fetch(apiUrl(apiBase, adapter.currentUserPath ?? "/api/me"), {
+    headers: token ? { authorization: `Bearer ${token}` } : {}
+  });
+  const body = await response.json().catch(() => ({}));
+  return adapter.mapCurrentUser?.(body) ?? body;
+}
+
+// src/ui/admin.tsx
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function Authed(props) {
   const {
     workspaces,
@@ -1240,7 +1420,10 @@ function Authed(props) {
     apiBase,
     routing,
     chrome,
-    renderHeader
+    auth,
+    renderHeader,
+    renderAccountMenu,
+    renderWorkspaceNav
   } = props;
   const { getToken, signOut } = useClerkAuth();
   const client = useMemo(
@@ -1258,14 +1441,12 @@ function Authed(props) {
     let live = true;
     void (async () => {
       try {
-        const token = await getToken();
-        const response = await fetch(`${apiBase}/api/me`, {
-          headers: token ? { authorization: `Bearer ${token}` } : {}
-        });
-        const body = await response.json().catch(() => ({}));
+        const body = await loadChapterAdminUser(auth, apiBase, getToken);
+        const authorized = auth.isAuthorized ? auth.isAuthorized(body) : body.authorized === true;
         if (live) setState({
-          status: body.authorized ? "ok" : "denied",
-          email: body.email ?? null
+          status: authorized ? "ok" : "denied",
+          email: typeof body.email === "string" ? body.email : null,
+          user: body
         });
       } catch {
         if (live) setState({ status: "denied" });
@@ -1274,19 +1455,19 @@ function Authed(props) {
     return () => {
       live = false;
     };
-  }, [getToken, apiBase]);
-  if (state.status === "checking") return /* @__PURE__ */ jsx15(Gate, { brand, children: /* @__PURE__ */ jsx15("p", { style: S.muted, children: "Checking access\u2026" }) });
+  }, [getToken, apiBase, auth]);
+  if (state.status === "checking") return /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsx17("p", { style: S.muted, children: "Checking access\u2026" }) });
   if (state.status === "denied") {
-    return /* @__PURE__ */ jsx15(Gate, { brand, children: /* @__PURE__ */ jsxs12("div", { className: "card", style: S.card, children: [
-      /* @__PURE__ */ jsx15("h2", { style: { marginTop: 0 }, children: "Not authorized" }),
-      /* @__PURE__ */ jsxs12("p", { style: S.muted, children: [
+    return /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsxs13("div", { className: "card", style: S.card, children: [
+      /* @__PURE__ */ jsx17("h2", { style: { marginTop: 0 }, children: "Not authorized" }),
+      /* @__PURE__ */ jsxs13("p", { style: S.muted, children: [
         state.email ? `${state.email} isn't` : "This account isn't",
         " on the admin list."
       ] }),
-      /* @__PURE__ */ jsx15("button", { className: "btn secondary", onClick: () => signOut(), children: "Sign out" })
+      /* @__PURE__ */ jsx17("button", { className: "btn secondary", onClick: () => signOut(), children: "Sign out" })
     ] }) });
   }
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(
     AdminShell,
     {
       workspaces,
@@ -1296,18 +1477,15 @@ function Authed(props) {
       getToken,
       signOut,
       email: state.email ?? null,
+      currentUser: state.user,
       routing,
       chrome,
-      renderHeader
+      renderHeader,
+      renderAccountMenu,
+      renderWorkspaceNav
     }
   );
 }
-var signInRedirect = (basePath, workspaces) => {
-  if (typeof window === "undefined") return basePath;
-  const current = new URL(window.location.href);
-  const route = adminRouteFromUrl(current, basePath, workspaces.map((workspace) => workspace.id));
-  return adminRouteHref(current, basePath, route, "query");
-};
 function ChapterAdmin(props) {
   const defaults = useMemo(
     () => props.chapter ? defaultAdminWorkspaces(props.chapter) : [],
@@ -1326,35 +1504,36 @@ function ChapterAdmin(props) {
   const crmBasePath = props.crmBasePath ?? "/api/crm";
   const apiBase = props.apiBase ?? "";
   const routing = props.routing ?? "fragment";
-  const chrome = props.chrome ?? "editorial";
+  const chrome = props.chrome ?? "embedded";
+  const auth = props.auth ?? DEFAULT_ADMIN_AUTH;
   const redirect = signInRedirect(basePath, workspaces);
   const [publishableKey, setPublishableKey] = useState11(void 0);
   useEffect7(() => {
     let live = true;
-    void fetch(`${apiBase}/api/config`).then((response) => response.json()).then((body) => live && setPublishableKey(body.clerkPublishableKey ?? null)).catch(() => live && setPublishableKey(null));
+    void loadChapterAdminConfig(auth, apiBase).then((config) => live && setPublishableKey(config.publishableKey ?? null)).catch(() => live && setPublishableKey(null));
     return () => {
       live = false;
     };
-  }, [apiBase]);
+  }, [apiBase, auth]);
   let content;
   if (publishableKey === void 0) {
-    content = /* @__PURE__ */ jsx15(Gate, { brand, children: /* @__PURE__ */ jsx15("p", { style: S.muted, children: "Loading\u2026" }) });
+    content = /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsx17("p", { style: S.muted, children: "Loading\u2026" }) });
   } else if (!publishableKey) {
-    content = /* @__PURE__ */ jsx15(Gate, { brand, children: /* @__PURE__ */ jsxs12("div", { className: "card", style: S.card, children: [
-      /* @__PURE__ */ jsx15("h2", { style: { marginTop: 0 }, children: "Sign-in not configured" }),
-      /* @__PURE__ */ jsx15("p", { style: S.muted, children: "No Clerk publishable key is set for this environment yet." })
+    content = /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsxs13("div", { className: "card", style: S.card, children: [
+      /* @__PURE__ */ jsx17("h2", { style: { marginTop: 0 }, children: "Sign-in not configured" }),
+      /* @__PURE__ */ jsx17("p", { style: S.muted, children: "No Clerk publishable key is set for this environment yet." })
     ] }) });
   } else if (workspaces.length === 0) {
-    content = /* @__PURE__ */ jsx15(Gate, { brand, children: /* @__PURE__ */ jsx15("p", { style: S.muted, children: "No admin workspaces are configured." }) });
+    content = /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsx17("p", { style: S.muted, children: "No admin workspaces are configured." }) });
   } else {
-    content = /* @__PURE__ */ jsxs12(
+    content = /* @__PURE__ */ jsxs13(
       ClerkGate,
       {
         publishableKey,
         appearance: clerkAppearanceFromTokens(),
         afterSignOutUrl: "/",
         children: [
-          /* @__PURE__ */ jsx15(SignedOut, { children: /* @__PURE__ */ jsx15(Gate, { brand, tagline: "Admin sign-in \u2014 invite only", children: /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx17(SignedOut, { children: /* @__PURE__ */ jsx17(Gate, { brand, tagline: "Admin sign-in \u2014 invite only", children: /* @__PURE__ */ jsx17(
             SignIn,
             {
               routing: "hash",
@@ -1362,7 +1541,7 @@ function ChapterAdmin(props) {
               signUpForceRedirectUrl: redirect
             }
           ) }) }),
-          /* @__PURE__ */ jsx15(SignedIn, { children: /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx17(SignedIn, { children: /* @__PURE__ */ jsx17(
             Authed,
             {
               workspaces,
@@ -1372,14 +1551,17 @@ function ChapterAdmin(props) {
               apiBase,
               routing,
               chrome,
-              renderHeader: props.renderHeader
+              auth,
+              renderHeader: props.renderHeader,
+              renderAccountMenu: props.renderAccountMenu,
+              renderWorkspaceNav: props.renderWorkspaceNav
             }
           ) })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx15(AdminTheme, { chapter: props.chapter, children: content });
+  return /* @__PURE__ */ jsx17(AdminTheme, { chapter: props.chapter, children: content });
 }
 
 // src/ui/admin-defaults.ts
@@ -1390,14 +1572,14 @@ function defaultAdminSections(chapter) {
 // src/ui/admin-meetings.tsx
 import { useState as useState12 } from "react";
 import { Button as Button6 } from "@odla-ai/ui/components";
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var when2 = (t) => new Date(t).toLocaleString([], { dateStyle: "medium", timeStyle: "short" });
 function MeetingsBody({ ctx }) {
   const { data, loading, error, refresh } = useAdminResource(ctx.getToken, "/api/admin/meetings?all=1");
   const [busy, setBusy] = useState12(null);
   const [note, setNote] = useState12(null);
-  if (loading) return /* @__PURE__ */ jsx16(AdminNote, { children: "Loading\u2026" });
-  if (error || !data) return /* @__PURE__ */ jsxs13(AdminNote, { children: [
+  if (loading) return /* @__PURE__ */ jsx18(AdminNote, { children: "Loading\u2026" });
+  if (error || !data) return /* @__PURE__ */ jsxs14(AdminNote, { children: [
     "Couldn\u2019t load meetings",
     error ? `: ${error}` : "",
     "."
@@ -1428,30 +1610,30 @@ function MeetingsBody({ ctx }) {
     }
     void run(id, () => adminFetch(ctx.getToken, `/api/admin/meetings/${id}/reschedule`, { method: "POST", body: JSON.stringify({ startAt }) }));
   };
-  return /* @__PURE__ */ jsx16(AdminPage, { children: /* @__PURE__ */ jsx16(Panel, { title: /* @__PURE__ */ jsxs13(Fragment4, { children: [
+  return /* @__PURE__ */ jsx18(AdminPage, { children: /* @__PURE__ */ jsx18(Panel, { title: /* @__PURE__ */ jsxs14(Fragment4, { children: [
     "Agenda ",
-    /* @__PURE__ */ jsxs13("span", { className: "muted", style: { fontWeight: 400 }, children: [
+    /* @__PURE__ */ jsxs14("span", { className: "muted", style: { fontWeight: 400 }, children: [
       "\xB7 ",
       data.timezone
     ] })
-  ] }), actions: note ? /* @__PURE__ */ jsx16("span", { className: "muted", children: note }) : void 0, children: data.meetings.length === 0 ? /* @__PURE__ */ jsx16("p", { className: "muted", style: { margin: 0 }, children: "No meetings." }) : /* @__PURE__ */ jsx16("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 12 }, children: data.meetings.map((m) => /* @__PURE__ */ jsxs13("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap", opacity: m.status === "cancelled" ? 0.55 : 1 }, children: [
-    /* @__PURE__ */ jsx16("strong", { style: { minWidth: 170 }, children: when2(m.startAt) }),
-    /* @__PURE__ */ jsx16("span", { style: { flex: 1 }, children: m.applicant ? `${m.applicant.name} \xB7 ${m.applicant.email}` : "(unknown)" }),
-    /* @__PURE__ */ jsx16("span", { className: "badge", children: m.status }),
-    m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs13("span", { className: "badge", children: [
+  ] }), actions: note ? /* @__PURE__ */ jsx18("span", { className: "muted", children: note }) : void 0, children: data.meetings.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "muted", style: { margin: 0 }, children: "No meetings." }) : /* @__PURE__ */ jsx18("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 12 }, children: data.meetings.map((m) => /* @__PURE__ */ jsxs14("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap", opacity: m.status === "cancelled" ? 0.55 : 1 }, children: [
+    /* @__PURE__ */ jsx18("strong", { style: { minWidth: 170 }, children: when2(m.startAt) }),
+    /* @__PURE__ */ jsx18("span", { style: { flex: 1 }, children: m.applicant ? `${m.applicant.name} \xB7 ${m.applicant.email}` : "(unknown)" }),
+    /* @__PURE__ */ jsx18("span", { className: "badge", children: m.status }),
+    m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs14("span", { className: "badge", children: [
       "drift: ",
       m.drift
     ] }) : null,
-    m.meetUrl ? /* @__PURE__ */ jsx16("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: "Meet" }) : null,
-    m.status === "scheduled" ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
-      /* @__PURE__ */ jsx16(Button6, { variant: "secondary", mini: true, disabled: busy === m.id, onClick: () => reschedule(m.id), children: "Reschedule" }),
-      /* @__PURE__ */ jsx16(Button6, { variant: "danger", mini: true, disabled: busy === m.id, onClick: () => cancel(m.id), children: "Cancel" })
+    m.meetUrl ? /* @__PURE__ */ jsx18("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: "Meet" }) : null,
+    m.status === "scheduled" ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
+      /* @__PURE__ */ jsx18(Button6, { variant: "secondary", mini: true, disabled: busy === m.id, onClick: () => reschedule(m.id), children: "Reschedule" }),
+      /* @__PURE__ */ jsx18(Button6, { variant: "danger", mini: true, disabled: busy === m.id, onClick: () => cancel(m.id), children: "Cancel" })
     ] }) : null
   ] }, m.id)) }) }) });
 }
 function meetingsSection(options = {}) {
   const { id = "meetings", label = "Meetings" } = options;
-  return { id, label, render: (ctx) => /* @__PURE__ */ jsx16(MeetingsBody, { ctx }) };
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx18(MeetingsBody, { ctx }) };
 }
 
 export {
@@ -1471,11 +1653,14 @@ export {
   emailSection,
   RecordActions,
   NetworkShareActions,
+  applicationLifecycleAdapter,
   collectionSection,
   peopleSection,
   defaultAdminWorkspaces,
+  loadChapterAdminConfig,
+  loadChapterAdminUser,
   ChapterAdmin,
   defaultAdminSections,
   meetingsSection
 };
-//# sourceMappingURL=chunk-AOTWFOH4.js.map
+//# sourceMappingURL=chunk-IWW5VAAC.js.map