@odla-ai/chapter 0.19.0 → 0.20.1

package/dist/{chunk-D3QMK3ED.js → chunk-UIWFEESI.js}

@@ -1,5 +1,9 @@
+import {
+  BrandStyle
+} from "./chunk-MKXHZMAP.js";
+
 // src/ui/admin.tsx
-import { useEffect as useEffect3, useMemo, useState as useState3 } from "react";
+import { useEffect as useEffect5, useMemo, useState as useState10 } from "react";
 import { ClerkGate, SignedIn, SignedOut, SignIn, useClerkAuth, clerkAppearanceFromTokens } from "@odla-ai/auth-clerk";
 import { CrmClient } from "@odla-ai/crm";
 
@@ -68,7 +72,38 @@ function AdminNote({ children }) {
 // src/ui/chrome.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var badgeText = (brand) => brand.badge ?? brand.name.slice(0, 3).toUpperCase();
-var brandDisplay = (brand) => brand.wordmark ?? brand.name;
+var brandDisplay = (brand) => {
+  const display = brand.wordmark ?? brand.name;
+  if (typeof display !== "string" || !display.includes("&")) return display;
+  return /* @__PURE__ */ jsx2(Fragment, { children: display.split("&").map((part, index, all) => /* @__PURE__ */ jsxs2("span", { children: [
+    part,
+    index < all.length - 1 ? /* @__PURE__ */ jsx2("span", { className: "mk-amp", children: "&" }) : null
+  ] }, `${part}:${index}`)) });
+};
+var cleanBase = (basePath) => basePath.length > 1 ? basePath.replace(/\/+$/, "") : basePath;
+function adminSectionFromUrl(url, basePath, sectionIds) {
+  const fallback = sectionIds[0] ?? "";
+  const tab = url.searchParams.get("tab");
+  if (tab && sectionIds.includes(tab)) return tab;
+  const base = cleanBase(basePath);
+  const rest = url.pathname.startsWith(base) ? url.pathname.slice(base.length).replace(/^\//, "") : "";
+  const legacy = rest.split("/")[0] ?? "";
+  return sectionIds.includes(legacy) ? legacy : fallback;
+}
+function adminSectionHref(current, basePath, id, routing = "query") {
+  const next = new URL(current);
+  const base = cleanBase(basePath);
+  if (routing === "path") {
+    next.pathname = `${base}/${id}`;
+    next.searchParams.delete("tab");
+  } else {
+    const mountPaths = /* @__PURE__ */ new Set([base, `${base}/`, `${base}/index.html`]);
+    if (!mountPaths.has(next.pathname)) next.pathname = `${base}/`;
+    next.searchParams.set("tab", id);
+  }
+  next.hash = "";
+  return `${next.pathname}${next.search}${next.hash}`;
+}
 var S = {
   gate: {
     minHeight: "100vh",
@@ -134,21 +169,18 @@ function Gate(props) {
   ] }) });
 }
 function AdminShell(props) {
-  const { sections, basePath, brand, client, getToken, signOut, email } = props;
+  const { sections, basePath, brand, client, getToken, signOut, email, routing = "query" } = props;
   const sectionFromPath = useCallback(() => {
-    const fallback = sections[0]?.id ?? "";
-    if (typeof window === "undefined") return fallback;
-    const rest = window.location.pathname.slice(basePath.length).replace(/^\//, "");
-    const id = rest.split("/")[0] ?? "";
-    return sections.some((s) => s.id === id) ? id : fallback;
+    if (typeof window === "undefined") return sections[0]?.id ?? "";
+    return adminSectionFromUrl(new URL(window.location.href), basePath, sections.map((section2) => section2.id));
   }, [sections, basePath]);
   const [section, setSection] = useState2(sectionFromPath);
   const go = useCallback(
     (id) => {
-      window.history.pushState(null, "", `${basePath}/${id}`);
+      window.history.pushState(null, "", adminSectionHref(new URL(window.location.href), basePath, id, routing));
       setSection(id);
     },
-    [basePath]
+    [basePath, routing]
   );
   useEffect2(() => {
     const onPop = () => setSection(sectionFromPath());
@@ -179,113 +211,12 @@ function AdminShell(props) {
   ] });
 }
 
-// src/ui/admin.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function Authed(props) {
-  const { sections, basePath, brand, crmBasePath, apiBase } = props;
-  const { getToken, signOut } = useClerkAuth();
-  const client = useMemo(
-    () => new CrmClient({
-      basePath: crmBasePath,
-      headers: async () => {
-        const t = await getToken();
-        return t ? { authorization: `Bearer ${t}` } : {};
-      }
-    }),
-    [getToken, crmBasePath]
-  );
-  const [state, setState] = useState3({
-    status: "checking"
-  });
-  useEffect3(() => {
-    let live = true;
-    void (async () => {
-      try {
-        const t = await getToken();
-        const res = await fetch(`${apiBase}/api/me`, { headers: t ? { authorization: `Bearer ${t}` } : {} });
-        const body = await res.json().catch(() => ({}));
-        if (live) setState({ status: body.authorized ? "ok" : "denied", email: body.email ?? null });
-      } catch {
-        if (live) setState({ status: "denied" });
-      }
-    })();
-    return () => {
-      live = false;
-    };
-  }, [getToken, apiBase]);
-  if (state.status === "checking") {
-    return /* @__PURE__ */ jsx3(Gate, { brand, children: /* @__PURE__ */ jsx3("p", { style: S.muted, children: "Checking access\u2026" }) });
-  }
-  if (state.status === "denied") {
-    return /* @__PURE__ */ jsx3(Gate, { brand, children: /* @__PURE__ */ jsxs3("div", { className: "card", style: S.card, children: [
-      /* @__PURE__ */ jsx3("h2", { style: { marginTop: 0 }, children: "Not authorized" }),
-      /* @__PURE__ */ jsxs3("p", { style: S.muted, children: [
-        state.email ? `${state.email} isn't` : "This account isn't",
-        " on the admin list. Ask an existing admin to add you in odla Studio."
-      ] }),
-      /* @__PURE__ */ jsx3("button", { className: "btn secondary", onClick: () => signOut(), style: { marginTop: 12 }, children: "Sign out" })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx3(
-    AdminShell,
-    {
-      sections,
-      basePath,
-      brand,
-      client,
-      getToken,
-      signOut,
-      email: state.email ?? null
-    }
-  );
-}
-function ChapterAdmin(props) {
-  const sections = props.sections;
-  const basePath = props.basePath ?? "/admin";
-  const brand = props.brand ?? { name: "Admin" };
-  const crmBasePath = props.crmBasePath ?? "/api/crm";
-  const apiBase = props.apiBase ?? "";
-  const [pk, setPk] = useState3(void 0);
-  useEffect3(() => {
-    let live = true;
-    void (async () => {
-      try {
-        const res = await fetch(`${apiBase}/api/config`);
-        const body = await res.json();
-        if (live) setPk(body.clerkPublishableKey ?? null);
-      } catch {
-        if (live) setPk(null);
-      }
-    })();
-    return () => {
-      live = false;
-    };
-  }, [apiBase]);
-  if (pk === void 0) {
-    return /* @__PURE__ */ jsx3(Gate, { brand, children: /* @__PURE__ */ jsx3("p", { style: S.muted, children: "Loading\u2026" }) });
-  }
-  if (!pk) {
-    return /* @__PURE__ */ jsx3(Gate, { brand, children: /* @__PURE__ */ jsxs3("div", { className: "card", style: S.card, children: [
-      /* @__PURE__ */ jsx3("h2", { style: { marginTop: 0 }, children: "Sign-in not configured" }),
-      /* @__PURE__ */ jsx3("p", { style: S.muted, children: "No Clerk publishable key is set for this environment yet." })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxs3(ClerkGate, { publishableKey: pk, appearance: clerkAppearanceFromTokens(), afterSignOutUrl: "/", children: [
-    /* @__PURE__ */ jsx3(SignedOut, { children: /* @__PURE__ */ jsx3(Gate, { brand, tagline: "Admin sign-in \u2014 invite only", children: /* @__PURE__ */ jsx3(SignIn, { routing: "hash", forceRedirectUrl: basePath, signUpForceRedirectUrl: basePath }) }) }),
-    /* @__PURE__ */ jsx3(SignedIn, { children: /* @__PURE__ */ jsx3(Authed, { sections, basePath, brand, crmBasePath, apiBase }) })
-  ] });
-}
-
-// src/ui/admin-people.tsx
-import { useState as useState6 } from "react";
-import { CrmList, RecordPanel, useCrmQuery, useCrmRecord } from "@odla-ai/crm/ui";
-
-// src/ui/admin-record-actions.tsx
-import { useEffect as useEffect5, useState as useState5 } from "react";
-import { Button, Field, Select } from "@odla-ai/ui/components";
+// src/ui/admin-availability.tsx
+import { useState as useState4 } from "react";
+import { Button, Checkbox, Field, Input } from "@odla-ai/ui/components";
 
 // src/ui/admin-api.ts
-import { useCallback as useCallback2, useEffect as useEffect4, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
 async function adminFetch(getToken, path, init) {
   const token = await getToken();
   const headers = new Headers(init?.headers);
@@ -297,11 +228,11 @@ async function adminFetch(getToken, path, init) {
   return body;
 }
 function useAdminResource(getToken, path) {
-  const [data, setData] = useState4(null);
-  const [loading, setLoading] = useState4(true);
-  const [error, setError] = useState4(null);
-  const [nonce, setNonce] = useState4(0);
-  useEffect4(() => {
+  const [data, setData] = useState3(null);
+  const [loading, setLoading] = useState3(true);
+  const [error, setError] = useState3(null);
+  const [nonce, setNonce] = useState3(0);
+  useEffect3(() => {
     let live = true;
     setLoading(true);
     setError(null);
@@ -314,271 +245,193 @@ function useAdminResource(getToken, path) {
   return { data, loading, error, refresh };
 }
 
-// src/ui/admin-record-actions.tsx
+// src/ui/admin-availability.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+function AvailabilityBody({ ctx }) {
+  const { data, loading, error, refresh } = useAdminResource(ctx.getToken, "/api/admin/scheduling");
+  const [draft, setDraft] = useState4(null);
+  const [busy, setBusy] = useState4(false);
+  const [note, setNote] = useState4(null);
+  const [errors, setErrors] = useState4({});
+  const cfg = draft ?? data?.scheduling ?? null;
+  if (loading) return /* @__PURE__ */ jsx3(AdminNote, { children: "Loading\u2026" });
+  if (error || !cfg) return /* @__PURE__ */ jsxs3(AdminNote, { children: [
+    "Couldn\u2019t load availability",
+    error ? `: ${error}` : "",
+    "."
+  ] });
+  const edit = (patch) => setDraft({ ...cfg, ...patch });
+  const toggleDay = (d) => edit({ days: cfg.days.includes(d) ? cfg.days.filter((x) => x !== d) : [...cfg.days, d].sort() });
+  const num = (v, fallback) => Number.isFinite(Number(v)) ? Number(v) : fallback;
+  const save = async () => {
+    setBusy(true);
+    setNote(null);
+    setErrors({});
+    const token = await ctx.getToken();
+    try {
+      const r = await fetch("/api/admin/scheduling", { method: "PUT", headers: { authorization: `Bearer ${token ?? ""}`, "content-type": "application/json" }, body: JSON.stringify(cfg) });
+      const body = await r.json().catch(() => ({}));
+      if (!r.ok) {
+        setErrors(body.errors ?? {});
+        setNote(body.error ?? `save failed (${r.status})`);
+        return;
+      }
+      setDraft(null);
+      refresh();
+      setNote("Saved.");
+    } catch (e) {
+      setNote(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  };
+  const numField = (key, label) => /* @__PURE__ */ jsx3(Field, { label, error: errors[key], children: /* @__PURE__ */ jsx3(Input, { type: "number", value: cfg[key], onChange: (e) => edit({ [key]: num(e.target.value, cfg[key]) }) }) });
+  return /* @__PURE__ */ jsx3(AdminPage, { children: /* @__PURE__ */ jsxs3(Panel, { title: "Booking availability", actions: note ? /* @__PURE__ */ jsx3("span", { className: "muted", children: note }) : void 0, children: [
+    /* @__PURE__ */ jsx3(Field, { label: "Days", error: errors.days, children: /* @__PURE__ */ jsx3("div", { style: { display: "flex", gap: 14, flexWrap: "wrap" }, children: DAYS.map((d, i) => /* @__PURE__ */ jsx3(Checkbox, { label: d, checked: cfg.days.includes(i), onChange: () => toggleDay(i) }, d)) }) }),
+    /* @__PURE__ */ jsxs3("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))", gap: 14 }, children: [
+      numField("startHour", "Start hour (0\u201324)"),
+      numField("endHour", "End hour (0\u201324)"),
+      numField("slotMinutes", "Slot length (minutes)"),
+      numField("minNoticeHours", "Minimum notice (hours)"),
+      numField("windowDays", "Booking window (days)"),
+      /* @__PURE__ */ jsx3(Field, { label: "Timezone", error: errors.timezone, children: /* @__PURE__ */ jsx3(Input, { value: cfg.timezone, onChange: (e) => edit({ timezone: e.target.value }) }) })
+    ] }),
+    /* @__PURE__ */ jsx3(Field, { label: "Event summary template", error: errors.summaryTemplate, children: /* @__PURE__ */ jsx3(Input, { value: cfg.summaryTemplate, onChange: (e) => edit({ summaryTemplate: e.target.value }) }) }),
+    /* @__PURE__ */ jsx3("div", { children: /* @__PURE__ */ jsx3(Button, { disabled: !draft || busy, onClick: () => void save(), children: "Save availability" }) })
+  ] }) });
+}
+function availabilitySection(options = {}) {
+  const { id = "availability", label = "Availability" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx3(AvailabilityBody, { ctx }) };
+}
+
+// src/ui/admin-billing.tsx
+import { DataTable, StatBand } from "@odla-ai/ui/components";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function RecordActions({ getToken, record, roles, onChanged }) {
-  const userId = typeof record.clerkUserId === "string" ? record.clerkUserId : null;
-  const applicationId = typeof record.fields?.applicationId === "string" ? record.fields.applicationId : null;
-  const [access, setAccess] = useState5(null);
+var money = (cents) => `$${(cents / 100).toLocaleString()}`;
+var date = (t) => t ? new Date(t).toLocaleDateString([], { dateStyle: "medium" }) : "\u2014";
+var COLUMNS = [
+  { key: "name", header: "Name", cell: (r) => r.name, sortAs: "string" },
+  { key: "email", header: "Email", cell: (r) => r.email },
+  { key: "applicationStatus", header: "Application", cell: (r) => r.applicationStatus },
+  { key: "subscriptionStatus", header: "Subscription", cell: (r) => r.subscriptionStatus ? `${r.subscriptionStatus}${r.cancelAtPeriodEnd ? " \xB7 cancelling" : ""}` : "\u2014" },
+  { key: "amountCents", header: "Amount", cell: (r) => `${money(r.amountCents)}/${r.interval === "month" ? "mo" : "yr"}`, sortAs: "number", sortValue: (r) => r.amountCents },
+  { key: "renewalAt", header: "Renews", cell: (r) => date(r.renewalAt), sortAs: "number", sortValue: (r) => r.renewalAt ?? 0 }
+];
+function BillingBody({ ctx }) {
+  const { data, loading, error } = useAdminResource(ctx.getToken, "/api/admin/billing");
+  if (loading) return /* @__PURE__ */ jsx4(AdminNote, { children: "Loading\u2026" });
+  if (error || !data) return /* @__PURE__ */ jsxs4(AdminNote, { children: [
+    "Couldn\u2019t load billing",
+    error ? `: ${error}` : "",
+    "."
+  ] });
+  if (!data.billingReady) return /* @__PURE__ */ jsx4(AdminNote, { children: "Billing isn\u2019t configured \u2014 no Stripe key is vaulted for this group." });
+  const s = data.summary;
+  const stats = s ? [
+    { value: s.activeCount, label: "Active" },
+    { value: money(s.annualizedCents), label: "Annualized" },
+    { value: s.renewingSoonCount, label: "Renewing \u226460d" },
+    { value: s.pastDueCount, label: "Past due" }
+  ] : [];
+  return /* @__PURE__ */ jsxs4(AdminPage, { children: [
+    s ? /* @__PURE__ */ jsx4(StatBand, { stats }) : null,
+    /* @__PURE__ */ jsxs4(Panel, { title: "Subscriptions", actions: data.testMode ? /* @__PURE__ */ jsx4("span", { className: "badge", children: "Stripe test mode" }) : void 0, children: [
+      data.truncated ? /* @__PURE__ */ jsx4("p", { className: "badge", children: "Showing the first 100 subscriptions \u2014 the list is truncated." }) : null,
+      /* @__PURE__ */ jsx4(DataTable, { rows: data.rows, columns: COLUMNS, rowKey: (r) => r.id })
+    ] })
+  ] });
+}
+function billingSection(options = {}) {
+  const { id = "billing", label = "Billing" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx4(BillingBody, { ctx }) };
+}
+
+// src/ui/admin-dashboard.tsx
+import { StatBand as StatBand2 } from "@odla-ai/ui/components";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var money2 = (cents) => `$${Math.round(cents / 100).toLocaleString()}`;
+var when = (t) => new Date(t).toLocaleString([], { dateStyle: "medium", timeStyle: "short" });
+function DashboardBody({ ctx }) {
+  const { data, loading, error } = useAdminResource(ctx.getToken, "/api/admin/dashboard");
+  if (loading) return /* @__PURE__ */ jsx5(AdminNote, { children: "Loading\u2026" });
+  if (error || !data) return /* @__PURE__ */ jsxs5(AdminNote, { children: [
+    "Couldn\u2019t load the dashboard",
+    error ? `: ${error}` : "",
+    "."
+  ] });
+  const kpis = [
+    { value: data.applications.total, label: "Applications", description: `+${data.applications.last7} in the last 7 days` },
+    { value: data.calls.upcoming, label: "Upcoming calls", description: data.calls.needsAttention ? `${data.calls.needsAttention} need attention` : "all on track" }
+  ];
+  if (data.revenue.billingReady) {
+    kpis.push({ value: data.revenue.activeCount ?? 0, label: "Active members", description: "paid subscriptions" });
+    kpis.push({ value: money2(data.revenue.annualRunRateCents ?? 0), label: "Annual run rate", description: "from active subscriptions" });
+  }
+  const stages = Object.entries(data.pipeline).map(([stage, count]) => ({
+    value: count,
+    label: stage,
+    description: data.pipelineDelta[stage] ? `+${data.pipelineDelta[stage]} this week` : void 0
+  }));
+  return /* @__PURE__ */ jsxs5(AdminPage, { children: [
+    /* @__PURE__ */ jsx5(StatBand2, { stats: kpis }),
+    /* @__PURE__ */ jsx5(Panel, { title: "Pipeline", children: /* @__PURE__ */ jsx5(StatBand2, { stats: stages }) }),
+    /* @__PURE__ */ jsx5(Panel, { title: /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      "Upcoming calls ",
+      /* @__PURE__ */ jsxs5("span", { className: "muted", style: { fontWeight: 400 }, children: [
+        "\xB7 ",
+        data.timezone
+      ] })
+    ] }), children: data.agenda.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "muted", style: { margin: 0 }, children: "No calls scheduled." }) : /* @__PURE__ */ jsx5("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 10 }, children: data.agenda.map((m) => /* @__PURE__ */ jsxs5("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsx5("strong", { style: { minWidth: 170 }, children: when(m.startAt) }),
+      /* @__PURE__ */ jsxs5("span", { children: [
+        m.name,
+        m.email ? ` \xB7 ${m.email}` : ""
+      ] }),
+      m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs5("span", { className: "badge", children: [
+        "drift: ",
+        m.drift
+      ] }) : null,
+      m.meetUrl ? /* @__PURE__ */ jsx5("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: "Meet" }) : null
+    ] }, m.id)) }) })
+  ] });
+}
+function dashboardSection(options = {}) {
+  const { id = "dashboard", label = "Dashboard" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx5(DashboardBody, { ctx }) };
+}
+
+// src/ui/admin-email.tsx
+import { useState as useState5 } from "react";
+import { Button as Button2, Checkbox as Checkbox2, DataTable as DataTable2, Field as Field2, Input as Input2, Textarea } from "@odla-ai/ui/components";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var LOG_COLUMNS = [
+  { key: "sentAt", header: "Sent", cell: (r) => new Date(r.sentAt).toLocaleString(), sortAs: "number", sortValue: (r) => r.sentAt },
+  { key: "template", header: "Template", cell: (r) => r.template },
+  { key: "to", header: "To", cell: (r) => r.to },
+  { key: "status", header: "Status", cell: (r) => r.error ? /* @__PURE__ */ jsx6("span", { className: "badge", children: "failed" }) : r.redirected ? /* @__PURE__ */ jsx6("span", { className: "badge", children: "redirected" }) : "delivered" }
+];
+function EmailBody({ ctx }) {
+  const cfg = useAdminResource(ctx.getToken, "/api/admin/group/email");
+  const log = useAdminResource(ctx.getToken, "/api/admin/email/log");
+  const [draft, setDraft] = useState5(null);
   const [busy, setBusy] = useState5(null);
   const [note, setNote] = useState5(null);
-  useEffect5(() => {
-    if (!userId) {
-      setAccess(null);
-      return;
-    }
-    let live = true;
-    adminFetch(getToken, `/api/admin/people/access?userId=${encodeURIComponent(userId)}`).then((a) => live && setAccess(a)).catch(() => live && setAccess(null));
-    return () => {
-      live = false;
-    };
-  }, [getToken, userId]);
-  const act = async (key, run, ok) => {
+  const data = draft ?? cfg.data;
+  if (cfg.loading) return /* @__PURE__ */ jsx6(AdminNote, { children: "Loading\u2026" });
+  if (cfg.error || !data) return /* @__PURE__ */ jsxs6(AdminNote, { children: [
+    "Couldn\u2019t load email config",
+    cfg.error ? `: ${cfg.error}` : "",
+    "."
+  ] });
+  const edit = (patch) => setDraft({ ...data, ...patch });
+  const editTemplate = (key, patch) => edit({ emailTemplates: { ...data.emailTemplates, [key]: { ...data.emailTemplates[key], ...patch } } });
+  const run = async (key, fn) => {
     setBusy(key);
     setNote(null);
     try {
-      await run();
-      setNote(ok);
-      onChanged();
-    } catch (e) {
-      setNote(e instanceof Error ? e.message : String(e));
-    } finally {
-      setBusy(null);
-    }
-  };
-  const setRole = (role) => act("role", () => adminFetch(getToken, "/api/admin/people/role", { method: "POST", body: JSON.stringify({ userId, role }) }), `Role set to ${role}.`);
-  const approve = () => act("approve", () => adminFetch(getToken, `/api/admin/applications/${applicationId}/approve`, { method: "POST" }), "Approved.");
-  const refund = () => act("refund", () => adminFetch(getToken, `/api/admin/applications/${applicationId}/refund`, { method: "POST" }), "Refund issued.");
-  if (!userId && !applicationId) return null;
-  return /* @__PURE__ */ jsxs4("section", { className: "panel", style: { display: "flex", flexDirection: "column", gap: 14, marginTop: 16 }, children: [
-    /* @__PURE__ */ jsx4("h3", { style: { margin: 0, fontSize: 16 }, children: "Access & lifecycle" }),
-    userId ? /* @__PURE__ */ jsx4(Field, { label: "Role", hint: access?.superAdmin ? "Super-admin \u2014 managed in odla Studio." : void 0, children: /* @__PURE__ */ jsx4(
-      Select,
-      {
-        value: access?.role ?? "",
-        disabled: busy === "role" || access?.superAdmin,
-        options: roles.map((r) => ({ value: r, label: r })),
-        onChange: (e) => void setRole(e.target.value)
-      }
-    ) }) : /* @__PURE__ */ jsx4("p", { className: "muted", style: { margin: 0 }, children: "No linked account yet \u2014 role is set once they sign in." }),
-    applicationId ? /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: 8 }, children: [
-      /* @__PURE__ */ jsx4(Button, { variant: "secondary", mini: true, disabled: busy === "approve", onClick: () => void approve(), children: "Approve" }),
-      /* @__PURE__ */ jsx4(Button, { variant: "danger", mini: true, disabled: busy === "refund", onClick: () => void refund(), children: "Refund" })
-    ] }) : null,
-    note ? /* @__PURE__ */ jsx4("p", { className: "muted", style: { margin: 0 }, children: note }) : null
-  ] });
-}
-
-// src/ui/admin-people.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var DEFAULT_ROLES = ["provisional", "member", "admin"];
-function PeopleBody(props) {
-  const { crm, client, type, getToken, roles, lifecycle } = props;
-  const hookClient = client;
-  const query = useCrmQuery(hookClient, type);
-  const [openId, setOpenId] = useState6(null);
-  const record = useCrmRecord(hookClient, openId);
-  const [saving, setSaving] = useState6(false);
-  const saveFields = async (input) => {
-    if (!openId) return;
-    setSaving(true);
-    try {
-      await client.updateRecord(openId, { input });
-      record.refresh();
-      query.refresh();
-    } finally {
-      setSaving(false);
-    }
-  };
-  const moveStage = async (to) => {
-    if (!openId) return;
-    await client.setStage(openId, to);
-    record.refresh();
-    query.refresh();
-  };
-  const addTag = async (tag) => {
-    if (openId) {
-      await client.addTag(openId, tag);
-      record.refresh();
-    }
-  };
-  const removeTag = async (tag) => {
-    if (openId) {
-      await client.removeTag(openId, tag);
-      record.refresh();
-    }
-  };
-  return /* @__PURE__ */ jsxs5(AdminPage, { children: [
-    /* @__PURE__ */ jsx5(CrmList, { crm, type, query, onOpenRecord: (r) => setOpenId(r.id) }),
-    record.detail ? /* @__PURE__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx5(
-        RecordPanel,
-        {
-          crm,
-          detail: record.detail,
-          onSaveFields: saveFields,
-          onMoveStage: moveStage,
-          onAddTag: addTag,
-          onRemoveTag: removeTag,
-          saving
-        }
-      ),
-      lifecycle ? /* @__PURE__ */ jsx5(
-        RecordActions,
-        {
-          getToken,
-          record: record.detail.record,
-          roles,
-          onChanged: () => {
-            record.refresh();
-            query.refresh();
-          }
-        }
-      ) : null
-    ] }) : null
-  ] });
-}
-function collectionSection(options) {
-  const { crm, type } = options;
-  let fallbackLabel = type;
-  try {
-    fallbackLabel = crm.type(type).labelPlural ?? crm.type(type).label ?? type;
-  } catch {
-  }
-  const { id = type, label = fallbackLabel, lifecycle = type === "person", roles = DEFAULT_ROLES } = options;
-  return { id, label, render: (ctx) => /* @__PURE__ */ jsx5(PeopleBody, { crm, client: ctx.client, type, getToken: ctx.getToken, roles, lifecycle }) };
-}
-function peopleSection(options) {
-  const { crm, id = "people", label = "People", type = "person", roles } = options;
-  return collectionSection({ crm, type, id, label, ...roles ? { roles } : {} });
-}
-
-// src/ui/admin-dashboard.tsx
-import { StatBand } from "@odla-ai/ui/components";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var money = (cents) => `$${Math.round(cents / 100).toLocaleString()}`;
-var when = (t) => new Date(t).toLocaleString([], { dateStyle: "medium", timeStyle: "short" });
-function DashboardBody({ ctx }) {
-  const { data, loading, error } = useAdminResource(ctx.getToken, "/api/admin/dashboard");
-  if (loading) return /* @__PURE__ */ jsx6(AdminNote, { children: "Loading\u2026" });
-  if (error || !data) return /* @__PURE__ */ jsxs6(AdminNote, { children: [
-    "Couldn\u2019t load the dashboard",
-    error ? `: ${error}` : "",
-    "."
-  ] });
-  const kpis = [
-    { value: data.applications.total, label: "Applications", description: `+${data.applications.last7} in the last 7 days` },
-    { value: data.calls.upcoming, label: "Upcoming calls", description: data.calls.needsAttention ? `${data.calls.needsAttention} need attention` : "all on track" }
-  ];
-  if (data.revenue.billingReady) {
-    kpis.push({ value: data.revenue.activeCount ?? 0, label: "Active members", description: "paid subscriptions" });
-    kpis.push({ value: money(data.revenue.annualRunRateCents ?? 0), label: "Annual run rate", description: "from active subscriptions" });
-  }
-  const stages = Object.entries(data.pipeline).map(([stage, count]) => ({
-    value: count,
-    label: stage,
-    description: data.pipelineDelta[stage] ? `+${data.pipelineDelta[stage]} this week` : void 0
-  }));
-  return /* @__PURE__ */ jsxs6(AdminPage, { children: [
-    /* @__PURE__ */ jsx6(StatBand, { stats: kpis }),
-    /* @__PURE__ */ jsx6(Panel, { title: "Pipeline", children: /* @__PURE__ */ jsx6(StatBand, { stats: stages }) }),
-    /* @__PURE__ */ jsx6(Panel, { title: /* @__PURE__ */ jsxs6(Fragment2, { children: [
-      "Upcoming calls ",
-      /* @__PURE__ */ jsxs6("span", { className: "muted", style: { fontWeight: 400 }, children: [
-        "\xB7 ",
-        data.timezone
-      ] })
-    ] }), children: data.agenda.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "muted", style: { margin: 0 }, children: "No calls scheduled." }) : /* @__PURE__ */ jsx6("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 10 }, children: data.agenda.map((m) => /* @__PURE__ */ jsxs6("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsx6("strong", { style: { minWidth: 170 }, children: when(m.startAt) }),
-      /* @__PURE__ */ jsxs6("span", { children: [
-        m.name,
-        m.email ? ` \xB7 ${m.email}` : ""
-      ] }),
-      m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs6("span", { className: "badge", children: [
-        "drift: ",
-        m.drift
-      ] }) : null,
-      m.meetUrl ? /* @__PURE__ */ jsx6("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: "Meet" }) : null
-    ] }, m.id)) }) })
-  ] });
-}
-function dashboardSection(options = {}) {
-  const { id = "dashboard", label = "Dashboard" } = options;
-  return { id, label, render: (ctx) => /* @__PURE__ */ jsx6(DashboardBody, { ctx }) };
-}
-
-// src/ui/admin-billing.tsx
-import { DataTable, StatBand as StatBand2 } from "@odla-ai/ui/components";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var money2 = (cents) => `$${(cents / 100).toLocaleString()}`;
-var date = (t) => t ? new Date(t).toLocaleDateString([], { dateStyle: "medium" }) : "\u2014";
-var COLUMNS = [
-  { key: "name", header: "Name", cell: (r) => r.name, sortAs: "string" },
-  { key: "email", header: "Email", cell: (r) => r.email },
-  { key: "applicationStatus", header: "Application", cell: (r) => r.applicationStatus },
-  { key: "subscriptionStatus", header: "Subscription", cell: (r) => r.subscriptionStatus ? `${r.subscriptionStatus}${r.cancelAtPeriodEnd ? " \xB7 cancelling" : ""}` : "\u2014" },
-  { key: "amountCents", header: "Amount", cell: (r) => `${money2(r.amountCents)}/${r.interval === "month" ? "mo" : "yr"}`, sortAs: "number", sortValue: (r) => r.amountCents },
-  { key: "renewalAt", header: "Renews", cell: (r) => date(r.renewalAt), sortAs: "number", sortValue: (r) => r.renewalAt ?? 0 }
-];
-function BillingBody({ ctx }) {
-  const { data, loading, error } = useAdminResource(ctx.getToken, "/api/admin/billing");
-  if (loading) return /* @__PURE__ */ jsx7(AdminNote, { children: "Loading\u2026" });
-  if (error || !data) return /* @__PURE__ */ jsxs7(AdminNote, { children: [
-    "Couldn\u2019t load billing",
-    error ? `: ${error}` : "",
-    "."
-  ] });
-  if (!data.billingReady) return /* @__PURE__ */ jsx7(AdminNote, { children: "Billing isn\u2019t configured \u2014 no Stripe key is vaulted for this group." });
-  const s = data.summary;
-  const stats = s ? [
-    { value: s.activeCount, label: "Active" },
-    { value: money2(s.annualizedCents), label: "Annualized" },
-    { value: s.renewingSoonCount, label: "Renewing \u226460d" },
-    { value: s.pastDueCount, label: "Past due" }
-  ] : [];
-  return /* @__PURE__ */ jsxs7(AdminPage, { children: [
-    s ? /* @__PURE__ */ jsx7(StatBand2, { stats }) : null,
-    /* @__PURE__ */ jsxs7(Panel, { title: "Subscriptions", actions: data.testMode ? /* @__PURE__ */ jsx7("span", { className: "badge", children: "Stripe test mode" }) : void 0, children: [
-      data.truncated ? /* @__PURE__ */ jsx7("p", { className: "badge", children: "Showing the first 100 subscriptions \u2014 the list is truncated." }) : null,
-      /* @__PURE__ */ jsx7(DataTable, { rows: data.rows, columns: COLUMNS, rowKey: (r) => r.id })
-    ] })
-  ] });
-}
-function billingSection(options = {}) {
-  const { id = "billing", label = "Billing" } = options;
-  return { id, label, render: (ctx) => /* @__PURE__ */ jsx7(BillingBody, { ctx }) };
-}
-
-// src/ui/admin-email.tsx
-import { useState as useState7 } from "react";
-import { Button as Button2, Checkbox, DataTable as DataTable2, Field as Field2, Input, Textarea } from "@odla-ai/ui/components";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-var LOG_COLUMNS = [
-  { key: "sentAt", header: "Sent", cell: (r) => new Date(r.sentAt).toLocaleString(), sortAs: "number", sortValue: (r) => r.sentAt },
-  { key: "template", header: "Template", cell: (r) => r.template },
-  { key: "to", header: "To", cell: (r) => r.to },
-  { key: "status", header: "Status", cell: (r) => r.error ? /* @__PURE__ */ jsx8("span", { className: "badge", children: "failed" }) : r.redirected ? /* @__PURE__ */ jsx8("span", { className: "badge", children: "redirected" }) : "delivered" }
-];
-function EmailBody({ ctx }) {
-  const cfg = useAdminResource(ctx.getToken, "/api/admin/group/email");
-  const log = useAdminResource(ctx.getToken, "/api/admin/email/log");
-  const [draft, setDraft] = useState7(null);
-  const [busy, setBusy] = useState7(null);
-  const [note, setNote] = useState7(null);
-  const data = draft ?? cfg.data;
-  if (cfg.loading) return /* @__PURE__ */ jsx8(AdminNote, { children: "Loading\u2026" });
-  if (cfg.error || !data) return /* @__PURE__ */ jsxs8(AdminNote, { children: [
-    "Couldn\u2019t load email config",
-    cfg.error ? `: ${cfg.error}` : "",
-    "."
-  ] });
-  const edit = (patch) => setDraft({ ...data, ...patch });
-  const editTemplate = (key, patch) => edit({ emailTemplates: { ...data.emailTemplates, [key]: { ...data.emailTemplates[key], ...patch } } });
-  const run = async (key, fn) => {
-    setBusy(key);
-    setNote(null);
-    try {
-      await fn();
+      await fn();
     } catch (e) {
       setNote(e instanceof Error ? e.message : String(e));
     } finally {
@@ -596,52 +449,52 @@ function EmailBody({ ctx }) {
     setNote(r.ok ? `Sent ${template} to ${r.to}${r.redirected ? " (dev-redirected)" : ""}.` : "Test send did not deliver.");
     log.refresh();
   });
-  return /* @__PURE__ */ jsxs8(AdminPage, { children: [
-    /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs6(AdminPage, { children: [
+    /* @__PURE__ */ jsxs6(
       Panel,
       {
         title: "Delivery",
-        actions: /* @__PURE__ */ jsxs8("span", { className: "muted", children: [
+        actions: /* @__PURE__ */ jsxs6("span", { className: "muted", children: [
           data.envName,
           " \xB7 ",
           data.transport,
           data.fromEmail ? ` \xB7 ${data.fromEmail}` : ""
         ] }),
         children: [
-          /* @__PURE__ */ jsx8(Field2, { label: "Notification address", children: /* @__PURE__ */ jsx8(Input, { value: data.notificationEmail, onChange: (e) => edit({ notificationEmail: e.target.value }) }) }),
-          /* @__PURE__ */ jsx8(Field2, { label: "Reply-to", children: /* @__PURE__ */ jsx8(Input, { value: data.replyTo, onChange: (e) => edit({ replyTo: e.target.value }) }) }),
-          /* @__PURE__ */ jsx8(Field2, { label: "Debug inbox", hint: "Non-prod sends redirect here.", children: /* @__PURE__ */ jsx8(Input, { value: data.debugEmail, onChange: (e) => edit({ debugEmail: e.target.value }) }) })
+          /* @__PURE__ */ jsx6(Field2, { label: "Notification address", children: /* @__PURE__ */ jsx6(Input2, { value: data.notificationEmail, onChange: (e) => edit({ notificationEmail: e.target.value }) }) }),
+          /* @__PURE__ */ jsx6(Field2, { label: "Reply-to", children: /* @__PURE__ */ jsx6(Input2, { value: data.replyTo, onChange: (e) => edit({ replyTo: e.target.value }) }) }),
+          /* @__PURE__ */ jsx6(Field2, { label: "Debug inbox", hint: "Non-prod sends redirect here.", children: /* @__PURE__ */ jsx6(Input2, { value: data.debugEmail, onChange: (e) => edit({ debugEmail: e.target.value }) }) })
         ]
       }
     ),
-    Object.entries(data.emailTemplates).map(([key, t]) => /* @__PURE__ */ jsxs8(Panel, { title: key, actions: /* @__PURE__ */ jsx8(Button2, { variant: "secondary", mini: true, disabled: busy === `test:${key}`, onClick: () => void test(key), children: "Send test" }), children: [
-      /* @__PURE__ */ jsx8(Checkbox, { label: "Enabled", checked: t.enabled, onChange: (e) => editTemplate(key, { enabled: e.target.checked }) }),
-      /* @__PURE__ */ jsx8(Field2, { label: "Subject", children: /* @__PURE__ */ jsx8(Input, { value: t.subject, onChange: (e) => editTemplate(key, { subject: e.target.value }) }) }),
-      /* @__PURE__ */ jsx8(Field2, { label: "Body", children: /* @__PURE__ */ jsx8(Textarea, { prose: true, rows: 5, value: t.text, onChange: (e) => editTemplate(key, { text: e.target.value }) }) })
+    Object.entries(data.emailTemplates).map(([key, t]) => /* @__PURE__ */ jsxs6(Panel, { title: key, actions: /* @__PURE__ */ jsx6(Button2, { variant: "secondary", mini: true, disabled: busy === `test:${key}`, onClick: () => void test(key), children: "Send test" }), children: [
+      /* @__PURE__ */ jsx6(Checkbox2, { label: "Enabled", checked: t.enabled, onChange: (e) => editTemplate(key, { enabled: e.target.checked }) }),
+      /* @__PURE__ */ jsx6(Field2, { label: "Subject", children: /* @__PURE__ */ jsx6(Input2, { value: t.subject, onChange: (e) => editTemplate(key, { subject: e.target.value }) }) }),
+      /* @__PURE__ */ jsx6(Field2, { label: "Body", children: /* @__PURE__ */ jsx6(Textarea, { prose: true, rows: 5, value: t.text, onChange: (e) => editTemplate(key, { text: e.target.value }) }) })
     ] }, key)),
-    /* @__PURE__ */ jsxs8("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx8(Button2, { disabled: !draft || busy === "save", onClick: () => void save(), children: "Save changes" }),
-      note ? /* @__PURE__ */ jsx8("span", { className: "muted", children: note }) : null
+    /* @__PURE__ */ jsxs6("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx6(Button2, { disabled: !draft || busy === "save", onClick: () => void save(), children: "Save changes" }),
+      note ? /* @__PURE__ */ jsx6("span", { className: "muted", children: note }) : null
     ] }),
-    /* @__PURE__ */ jsx8(Panel, { title: "Send log", children: /* @__PURE__ */ jsx8(DataTable2, { rows: log.data?.sends ?? [], columns: LOG_COLUMNS, rowKey: (r) => r.id }) })
+    /* @__PURE__ */ jsx6(Panel, { title: "Send log", children: /* @__PURE__ */ jsx6(DataTable2, { rows: log.data?.sends ?? [], columns: LOG_COLUMNS, rowKey: (r) => r.id }) })
   ] });
 }
 function emailSection(options = {}) {
   const { id = "email", label = "Email" } = options;
-  return { id, label, render: (ctx) => /* @__PURE__ */ jsx8(EmailBody, { ctx }) };
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx6(EmailBody, { ctx }) };
 }
 
 // src/ui/admin-meetings.tsx
-import { useState as useState8 } from "react";
+import { useState as useState6 } from "react";
 import { Button as Button3 } from "@odla-ai/ui/components";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } 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] = useState8(null);
-  const [note, setNote] = useState8(null);
-  if (loading) return /* @__PURE__ */ jsx9(AdminNote, { children: "Loading\u2026" });
-  if (error || !data) return /* @__PURE__ */ jsxs9(AdminNote, { children: [
+  const [busy, setBusy] = useState6(null);
+  const [note, setNote] = useState6(null);
+  if (loading) return /* @__PURE__ */ jsx7(AdminNote, { children: "Loading\u2026" });
+  if (error || !data) return /* @__PURE__ */ jsxs7(AdminNote, { children: [
     "Couldn\u2019t load meetings",
     error ? `: ${error}` : "",
     "."
@@ -672,93 +525,377 @@ function MeetingsBody({ ctx }) {
     }
     void run(id, () => adminFetch(ctx.getToken, `/api/admin/meetings/${id}/reschedule`, { method: "POST", body: JSON.stringify({ startAt }) }));
   };
-  return /* @__PURE__ */ jsx9(AdminPage, { children: /* @__PURE__ */ jsx9(Panel, { title: /* @__PURE__ */ jsxs9(Fragment3, { children: [
+  return /* @__PURE__ */ jsx7(AdminPage, { children: /* @__PURE__ */ jsx7(Panel, { title: /* @__PURE__ */ jsxs7(Fragment3, { children: [
     "Agenda ",
-    /* @__PURE__ */ jsxs9("span", { className: "muted", style: { fontWeight: 400 }, children: [
+    /* @__PURE__ */ jsxs7("span", { className: "muted", style: { fontWeight: 400 }, children: [
       "\xB7 ",
       data.timezone
     ] })
-  ] }), actions: note ? /* @__PURE__ */ jsx9("span", { className: "muted", children: note }) : void 0, children: data.meetings.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "muted", style: { margin: 0 }, children: "No meetings." }) : /* @__PURE__ */ jsx9("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 12 }, children: data.meetings.map((m) => /* @__PURE__ */ jsxs9("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap", opacity: m.status === "cancelled" ? 0.55 : 1 }, children: [
-    /* @__PURE__ */ jsx9("strong", { style: { minWidth: 170 }, children: when2(m.startAt) }),
-    /* @__PURE__ */ jsx9("span", { style: { flex: 1 }, children: m.applicant ? `${m.applicant.name} \xB7 ${m.applicant.email}` : "(unknown)" }),
-    /* @__PURE__ */ jsx9("span", { className: "badge", children: m.status }),
-    m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs9("span", { className: "badge", children: [
+  ] }), actions: note ? /* @__PURE__ */ jsx7("span", { className: "muted", children: note }) : void 0, children: data.meetings.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "muted", style: { margin: 0 }, children: "No meetings." }) : /* @__PURE__ */ jsx7("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 12 }, children: data.meetings.map((m) => /* @__PURE__ */ jsxs7("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap", opacity: m.status === "cancelled" ? 0.55 : 1 }, children: [
+    /* @__PURE__ */ jsx7("strong", { style: { minWidth: 170 }, children: when2(m.startAt) }),
+    /* @__PURE__ */ jsx7("span", { style: { flex: 1 }, children: m.applicant ? `${m.applicant.name} \xB7 ${m.applicant.email}` : "(unknown)" }),
+    /* @__PURE__ */ jsx7("span", { className: "badge", children: m.status }),
+    m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs7("span", { className: "badge", children: [
       "drift: ",
       m.drift
     ] }) : null,
-    m.meetUrl ? /* @__PURE__ */ jsx9("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: "Meet" }) : null,
-    m.status === "scheduled" ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      /* @__PURE__ */ jsx9(Button3, { variant: "secondary", mini: true, disabled: busy === m.id, onClick: () => reschedule(m.id), children: "Reschedule" }),
-      /* @__PURE__ */ jsx9(Button3, { variant: "danger", mini: true, disabled: busy === m.id, onClick: () => cancel(m.id), children: "Cancel" })
+    m.meetUrl ? /* @__PURE__ */ jsx7("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: "Meet" }) : null,
+    m.status === "scheduled" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
+      /* @__PURE__ */ jsx7(Button3, { variant: "secondary", mini: true, disabled: busy === m.id, onClick: () => reschedule(m.id), children: "Reschedule" }),
+      /* @__PURE__ */ jsx7(Button3, { 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__ */ jsx9(MeetingsBody, { ctx }) };
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx7(MeetingsBody, { ctx }) };
 }
 
-// src/ui/admin-availability.tsx
+// src/ui/admin-people.tsx
 import { useState as useState9 } from "react";
-import { Button as Button4, Checkbox as Checkbox2, Field as Field3, Input as Input2 } from "@odla-ai/ui/components";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-function AvailabilityBody({ ctx }) {
-  const { data, loading, error, refresh } = useAdminResource(ctx.getToken, "/api/admin/scheduling");
-  const [draft, setDraft] = useState9(null);
-  const [busy, setBusy] = useState9(false);
-  const [note, setNote] = useState9(null);
-  const [errors, setErrors] = useState9({});
-  const cfg = draft ?? data?.scheduling ?? null;
-  if (loading) return /* @__PURE__ */ jsx10(AdminNote, { children: "Loading\u2026" });
-  if (error || !cfg) return /* @__PURE__ */ jsxs10(AdminNote, { children: [
-    "Couldn\u2019t load availability",
-    error ? `: ${error}` : "",
-    "."
-  ] });
-  const edit = (patch) => setDraft({ ...cfg, ...patch });
-  const toggleDay = (d) => edit({ days: cfg.days.includes(d) ? cfg.days.filter((x) => x !== d) : [...cfg.days, d].sort() });
-  const num = (v, fallback) => Number.isFinite(Number(v)) ? Number(v) : fallback;
-  const save = async () => {
-    setBusy(true);
+import { CrmList, RecordPanel, useCrmQuery, useCrmRecord } from "@odla-ai/crm/ui";
+
+// src/ui/admin-record-actions.tsx
+import { useEffect as useEffect4, useState as useState7 } from "react";
+import { Button as Button4, Field as Field3, Select } from "@odla-ai/ui/components";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function RecordActions({ getToken, record, roles, onChanged }) {
+  const userId = typeof record.clerkUserId === "string" ? record.clerkUserId : null;
+  const applicationId = typeof record.fields?.applicationId === "string" ? record.fields.applicationId : null;
+  const [access, setAccess] = useState7(null);
+  const [busy, setBusy] = useState7(null);
+  const [note, setNote] = useState7(null);
+  useEffect4(() => {
+    if (!userId) {
+      setAccess(null);
+      return;
+    }
+    let live = true;
+    adminFetch(getToken, `/api/admin/people/access?userId=${encodeURIComponent(userId)}`).then((a) => live && setAccess(a)).catch(() => live && setAccess(null));
+    return () => {
+      live = false;
+    };
+  }, [getToken, userId]);
+  const act = async (key, run, ok) => {
+    setBusy(key);
     setNote(null);
-    setErrors({});
-    const token = await ctx.getToken();
     try {
-      const r = await fetch("/api/admin/scheduling", { method: "PUT", headers: { authorization: `Bearer ${token ?? ""}`, "content-type": "application/json" }, body: JSON.stringify(cfg) });
-      const body = await r.json().catch(() => ({}));
-      if (!r.ok) {
-        setErrors(body.errors ?? {});
-        setNote(body.error ?? `save failed (${r.status})`);
-        return;
-      }
-      setDraft(null);
-      refresh();
-      setNote("Saved.");
+      await run();
+      setNote(ok);
+      onChanged();
     } catch (e) {
       setNote(e instanceof Error ? e.message : String(e));
     } finally {
-      setBusy(false);
+      setBusy(null);
     }
   };
-  const numField = (key, label) => /* @__PURE__ */ jsx10(Field3, { label, error: errors[key], children: /* @__PURE__ */ jsx10(Input2, { type: "number", value: cfg[key], onChange: (e) => edit({ [key]: num(e.target.value, cfg[key]) }) }) });
-  return /* @__PURE__ */ jsx10(AdminPage, { children: /* @__PURE__ */ jsxs10(Panel, { title: "Booking availability", actions: note ? /* @__PURE__ */ jsx10("span", { className: "muted", children: note }) : void 0, children: [
-    /* @__PURE__ */ jsx10(Field3, { label: "Days", error: errors.days, children: /* @__PURE__ */ jsx10("div", { style: { display: "flex", gap: 14, flexWrap: "wrap" }, children: DAYS.map((d, i) => /* @__PURE__ */ jsx10(Checkbox2, { label: d, checked: cfg.days.includes(i), onChange: () => toggleDay(i) }, d)) }) }),
-    /* @__PURE__ */ jsxs10("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))", gap: 14 }, children: [
-      numField("startHour", "Start hour (0\u201324)"),
-      numField("endHour", "End hour (0\u201324)"),
-      numField("slotMinutes", "Slot length (minutes)"),
-      numField("minNoticeHours", "Minimum notice (hours)"),
-      numField("windowDays", "Booking window (days)"),
-      /* @__PURE__ */ jsx10(Field3, { label: "Timezone", error: errors.timezone, children: /* @__PURE__ */ jsx10(Input2, { value: cfg.timezone, onChange: (e) => edit({ timezone: e.target.value }) }) })
+  const setRole = (role) => act("role", () => adminFetch(getToken, "/api/admin/people/role", { method: "POST", body: JSON.stringify({ userId, role }) }), `Role set to ${role}.`);
+  const approve = () => act("approve", () => adminFetch(getToken, `/api/admin/applications/${applicationId}/approve`, { method: "POST" }), "Approved.");
+  const refund = () => act("refund", () => adminFetch(getToken, `/api/admin/applications/${applicationId}/refund`, { method: "POST" }), "Refund issued.");
+  if (!userId && !applicationId) return null;
+  return /* @__PURE__ */ jsxs8("section", { className: "panel", style: { display: "flex", flexDirection: "column", gap: 14, marginTop: 16 }, children: [
+    /* @__PURE__ */ jsx8("h3", { style: { margin: 0, fontSize: 16 }, children: "Access & lifecycle" }),
+    userId ? /* @__PURE__ */ jsx8(Field3, { label: "Role", hint: access?.superAdmin ? "Super-admin \u2014 managed in odla Studio." : void 0, children: /* @__PURE__ */ jsx8(
+      Select,
+      {
+        value: access?.role ?? "",
+        disabled: busy === "role" || access?.superAdmin,
+        options: roles.map((r) => ({ value: r, label: r })),
+        onChange: (e) => void setRole(e.target.value)
+      }
+    ) }) : /* @__PURE__ */ jsx8("p", { className: "muted", style: { margin: 0 }, children: "No linked account yet \u2014 role is set once they sign in." }),
+    applicationId ? /* @__PURE__ */ jsxs8("div", { style: { display: "flex", gap: 8 }, children: [
+      /* @__PURE__ */ jsx8(Button4, { variant: "secondary", mini: true, disabled: busy === "approve", onClick: () => void approve(), children: "Approve" }),
+      /* @__PURE__ */ jsx8(Button4, { variant: "danger", mini: true, disabled: busy === "refund", onClick: () => void refund(), children: "Refund" })
+    ] }) : null,
+    note ? /* @__PURE__ */ jsx8("p", { className: "muted", style: { margin: 0 }, children: note }) : null
+  ] });
+}
+
+// src/ui/admin-network.tsx
+import { useState as useState8 } from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function NetworkShareActions(props) {
+  const { recordId, recordType, getToken } = props;
+  const targets = useAdminResource(getToken, "/api/admin/network/targets");
+  const [busy, setBusy] = useState8(null);
+  const [message, setMessage] = useState8(null);
+  const compatible = (targets.data?.targets ?? []).filter((target) => target.types.includes(recordType));
+  if (targets.loading || targets.error || compatible.length === 0) return null;
+  const push = async (target) => {
+    setBusy(target.id);
+    setMessage(null);
+    try {
+      const result = await adminFetch(getToken, "/api/admin/network/push", {
+        method: "POST",
+        body: JSON.stringify({ recordId, targetIds: [target.id] })
+      });
+      const delivery = result.results[0];
+      setMessage(delivery?.ok ? `Shared with ${target.name}.` : delivery?.error ?? `Could not share with ${target.name}.`);
+    } catch (err) {
+      setMessage(err instanceof Error ? err.message : "Delivery failed.");
+    } finally {
+      setBusy(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs9("section", { className: "panel", style: { marginTop: 14, display: "flex", flexDirection: "column", gap: 10 }, children: [
+    /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("h3", { style: { margin: 0, fontSize: 16 }, children: "Share to a follower" }),
+      /* @__PURE__ */ jsx9("p", { className: "muted", style: { margin: "4px 0 0", fontSize: 13 }, children: "Sends the target's allowlisted fields. Its pipeline and account state remain local." })
     ] }),
-    /* @__PURE__ */ jsx10(Field3, { label: "Event summary template", error: errors.summaryTemplate, children: /* @__PURE__ */ jsx10(Input2, { value: cfg.summaryTemplate, onChange: (e) => edit({ summaryTemplate: e.target.value }) }) }),
-    /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10(Button4, { disabled: !draft || busy, onClick: () => void save(), children: "Save availability" }) })
-  ] }) });
+    /* @__PURE__ */ jsx9("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: compatible.map((target) => /* @__PURE__ */ jsx9("button", { className: "btn secondary mini", disabled: busy !== null, onClick: () => void push(target), children: busy === target.id ? "Sharing\u2026" : `Share with ${target.name}` }, target.id)) }),
+    message ? /* @__PURE__ */ jsx9("p", { role: "status", style: { margin: 0, fontSize: 13 }, children: message }) : null
+  ] });
 }
-function availabilitySection(options = {}) {
-  const { id = "availability", label = "Availability" } = options;
-  return { id, label, render: (ctx) => /* @__PURE__ */ jsx10(AvailabilityBody, { ctx }) };
+
+// src/ui/admin-people.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var DEFAULT_ROLES = ["provisional", "member", "admin"];
+function PeopleBody(props) {
+  const { crm, client, type, getToken, roles, lifecycle } = props;
+  const hookClient = client;
+  const query = useCrmQuery(hookClient, type);
+  const [openId, setOpenId] = useState9(null);
+  const record = useCrmRecord(hookClient, openId);
+  const [saving, setSaving] = useState9(false);
+  const saveFields = async (input) => {
+    if (!openId) return;
+    setSaving(true);
+    try {
+      await client.updateRecord(openId, { input });
+      record.refresh();
+      query.refresh();
+    } finally {
+      setSaving(false);
+    }
+  };
+  const moveStage = async (to) => {
+    if (!openId) return;
+    await client.setStage(openId, to);
+    record.refresh();
+    query.refresh();
+  };
+  const addTag = async (tag) => {
+    if (openId) {
+      await client.addTag(openId, tag);
+      record.refresh();
+    }
+  };
+  const removeTag = async (tag) => {
+    if (openId) {
+      await client.removeTag(openId, tag);
+      record.refresh();
+    }
+  };
+  return /* @__PURE__ */ jsxs10(AdminPage, { children: [
+    /* @__PURE__ */ jsx10(CrmList, { crm, type, query, onOpenRecord: (r) => setOpenId(r.id) }),
+    record.detail ? /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsx10(
+        RecordPanel,
+        {
+          crm,
+          detail: record.detail,
+          onSaveFields: saveFields,
+          onMoveStage: moveStage,
+          onAddTag: addTag,
+          onRemoveTag: removeTag,
+          saving
+        }
+      ),
+      lifecycle ? /* @__PURE__ */ jsx10(
+        RecordActions,
+        {
+          getToken,
+          record: record.detail.record,
+          roles,
+          onChanged: () => {
+            record.refresh();
+            query.refresh();
+          }
+        }
+      ) : null,
+      /* @__PURE__ */ jsx10(
+        NetworkShareActions,
+        {
+          recordId: record.detail.record.id,
+          recordType: record.detail.record.type,
+          getToken
+        }
+      )
+    ] }) : null
+  ] });
+}
+function collectionSection(options) {
+  const { crm, type } = options;
+  let fallbackLabel = type;
+  try {
+    fallbackLabel = crm.type(type).labelPlural ?? crm.type(type).label ?? type;
+  } catch {
+  }
+  const { id = type, label = fallbackLabel, lifecycle = type === "person", roles = DEFAULT_ROLES } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx10(PeopleBody, { crm, client: ctx.client, type, getToken: ctx.getToken, roles, lifecycle }) };
+}
+function peopleSection(options) {
+  const { crm, id = "people", label = "People", type = "person", roles } = options;
+  return collectionSection({ crm, type, id, label, ...roles ? { roles } : {} });
+}
+
+// src/ui/admin-defaults.ts
+function defaultAdminSections(chapter) {
+  const collections = Object.entries(chapter.crm.config.types).map(
+    ([type, def]) => collectionSection({
+      crm: chapter.crm,
+      type,
+      id: type === "person" ? "people" : type,
+      label: def.labelPlural ?? def.label,
+      lifecycle: chapter.mode === "chapter" && type === "person",
+      roles: chapter.auth.ladder
+    })
+  );
+  if (chapter.mode === "hub") return collections;
+  return [
+    dashboardSection(),
+    ...collections,
+    meetingsSection(),
+    availabilitySection(),
+    billingSection(),
+    emailSection()
+  ];
+}
+
+// src/ui/admin.tsx
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+function Authed(props) {
+  const { sections, basePath, brand, crmBasePath, apiBase, routing } = props;
+  const { getToken, signOut } = useClerkAuth();
+  const client = useMemo(
+    () => new CrmClient({
+      basePath: crmBasePath,
+      headers: async () => {
+        const t = await getToken();
+        return t ? { authorization: `Bearer ${t}` } : {};
+      }
+    }),
+    [getToken, crmBasePath]
+  );
+  const [state, setState] = useState10({
+    status: "checking"
+  });
+  useEffect5(() => {
+    let live = true;
+    void (async () => {
+      try {
+        const t = await getToken();
+        const res = await fetch(`${apiBase}/api/me`, { headers: t ? { authorization: `Bearer ${t}` } : {} });
+        const body = await res.json().catch(() => ({}));
+        if (live) setState({ status: body.authorized ? "ok" : "denied", email: body.email ?? null });
+      } catch {
+        if (live) setState({ status: "denied" });
+      }
+    })();
+    return () => {
+      live = false;
+    };
+  }, [getToken, apiBase]);
+  if (state.status === "checking") {
+    return /* @__PURE__ */ jsx11(Gate, { brand, children: /* @__PURE__ */ jsx11("p", { style: S.muted, children: "Checking access\u2026" }) });
+  }
+  if (state.status === "denied") {
+    return /* @__PURE__ */ jsx11(Gate, { brand, children: /* @__PURE__ */ jsxs11("div", { className: "card", style: S.card, children: [
+      /* @__PURE__ */ jsx11("h2", { style: { marginTop: 0 }, children: "Not authorized" }),
+      /* @__PURE__ */ jsxs11("p", { style: S.muted, children: [
+        state.email ? `${state.email} isn't` : "This account isn't",
+        " on the admin list. Ask an existing admin to add you in odla Studio."
+      ] }),
+      /* @__PURE__ */ jsx11("button", { className: "btn secondary", onClick: () => signOut(), style: { marginTop: 12 }, children: "Sign out" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx11(
+    AdminShell,
+    {
+      sections,
+      basePath,
+      brand,
+      client,
+      getToken,
+      signOut,
+      email: state.email ?? null,
+      routing
+    }
+  );
+}
+function ChapterAdmin(props) {
+  const sections = useMemo(
+    () => props.sections ?? (props.chapter ? defaultAdminSections(props.chapter) : []),
+    [props.sections, props.chapter]
+  );
+  const basePath = props.basePath ?? "/admin";
+  const brand = props.brand ?? {
+    name: props.chapter?.name ?? "Admin",
+    badge: props.chapter?.brand.badge,
+    wordmark: props.chapter?.brand.wordmark
+  };
+  const crmBasePath = props.crmBasePath ?? "/api/crm";
+  const apiBase = props.apiBase ?? "";
+  const routing = props.routing ?? "query";
+  const brandStyle = /* @__PURE__ */ jsx11(BrandStyle, { brand: props.chapter?.brand });
+  const [pk, setPk] = useState10(void 0);
+  useEffect5(() => {
+    let live = true;
+    void (async () => {
+      try {
+        const res = await fetch(`${apiBase}/api/config`);
+        const body = await res.json();
+        if (live) setPk(body.clerkPublishableKey ?? null);
+      } catch {
+        if (live) setPk(null);
+      }
+    })();
+    return () => {
+      live = false;
+    };
+  }, [apiBase]);
+  if (pk === void 0) {
+    return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+      brandStyle,
+      /* @__PURE__ */ jsx11(Gate, { brand, children: /* @__PURE__ */ jsx11("p", { style: S.muted, children: "Loading\u2026" }) })
+    ] });
+  }
+  if (!pk) {
+    return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+      brandStyle,
+      /* @__PURE__ */ jsx11(Gate, { brand, children: /* @__PURE__ */ jsxs11("div", { className: "card", style: S.card, children: [
+        /* @__PURE__ */ jsx11("h2", { style: { marginTop: 0 }, children: "Sign-in not configured" }),
+        /* @__PURE__ */ jsx11("p", { style: S.muted, children: "No Clerk publishable key is set for this environment yet." })
+      ] }) })
+    ] });
+  }
+  if (sections.length === 0) {
+    return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+      brandStyle,
+      /* @__PURE__ */ jsx11(Gate, { brand, children: /* @__PURE__ */ jsxs11("div", { className: "card", style: S.card, children: [
+        /* @__PURE__ */ jsx11("h2", { style: { marginTop: 0 }, children: "No admin sections" }),
+        /* @__PURE__ */ jsx11("p", { style: S.muted, children: "Pass a chapter or at least one explicit section." })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+    brandStyle,
+    /* @__PURE__ */ jsxs11(ClerkGate, { publishableKey: pk, appearance: clerkAppearanceFromTokens(), afterSignOutUrl: "/", children: [
+      /* @__PURE__ */ jsx11(SignedOut, { children: /* @__PURE__ */ jsx11(Gate, { brand, tagline: "Admin sign-in \u2014 invite only", children: /* @__PURE__ */ jsx11(SignIn, { routing: "hash", forceRedirectUrl: basePath, signUpForceRedirectUrl: basePath }) }) }),
+      /* @__PURE__ */ jsx11(SignedIn, { children: /* @__PURE__ */ jsx11(
+        Authed,
+        {
+          sections,
+          basePath,
+          brand,
+          crmBasePath,
+          apiBase,
+          routing
+        }
+      ) })
+    ] })
+  ] });
 }
 
 export {
@@ -766,16 +903,20 @@ export {
   Panel,
   ThemeWarning,
   AdminNote,
-  ChapterAdmin,
+  adminSectionFromUrl,
+  adminSectionHref,
   adminFetch,
   useAdminResource,
-  RecordActions,
-  collectionSection,
-  peopleSection,
-  dashboardSection,
+  availabilitySection,
   billingSection,
+  dashboardSection,
   emailSection,
   meetingsSection,
-  availabilitySection
+  RecordActions,
+  NetworkShareActions,
+  collectionSection,
+  peopleSection,
+  defaultAdminSections,
+  ChapterAdmin
 };
-//# sourceMappingURL=chunk-D3QMK3ED.js.map
+//# sourceMappingURL=chunk-UIWFEESI.js.map