@odla-ai/chapter 0.16.0 → 0.18.0

package/dist/chunk-K6BDIFCJ.js

@@ -0,0 +1,801 @@
+// src/ui/admin.tsx
+import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { ClerkGate, SignedIn, SignedOut, SignIn, useClerkAuth, clerkAppearanceFromTokens } from "@odla-ai/auth-clerk";
+import { CrmClient } from "@odla-ai/crm";
+
+// src/ui/chrome.tsx
+import { useCallback, useEffect, useState } from "react";
+import { TopBar, TopBarLink } from "@odla-ai/ui/components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var badgeText = (brand) => brand.badge ?? brand.name.slice(0, 3).toUpperCase();
+var brandDisplay = (brand) => brand.wordmark ?? brand.name;
+var S = {
+  gate: {
+    minHeight: "100vh",
+    display: "grid",
+    placeItems: "center",
+    padding: 24,
+    background: "radial-gradient(900px 480px at 50% -8%, var(--ui-accent-soft), transparent 70%), radial-gradient(700px 500px at 110% 10%, var(--ui-good-soft), transparent 60%)"
+  },
+  gateInner: { width: "100%", maxWidth: 400, display: "flex", flexDirection: "column", alignItems: "center" },
+  brandBox: { textAlign: "center", marginBottom: 22 },
+  badge: {
+    width: 52,
+    height: 52,
+    margin: "0 auto 14px",
+    display: "grid",
+    placeItems: "center",
+    fontSize: 15,
+    fontWeight: 700,
+    color: "var(--ui-on-accent)",
+    background: "linear-gradient(135deg, var(--ui-accent), var(--ui-accent-strong))",
+    borderRadius: 14,
+    boxShadow: "0 10px 28px var(--ui-accent-soft)"
+  },
+  badgeSm: {
+    width: 26,
+    height: 26,
+    display: "grid",
+    placeItems: "center",
+    fontSize: 10,
+    fontWeight: 700,
+    color: "var(--ui-on-accent)",
+    background: "linear-gradient(135deg, var(--ui-accent), var(--ui-accent-strong))",
+    borderRadius: 7,
+    marginRight: 9
+  },
+  h1: { margin: 0, fontSize: 28, letterSpacing: "-0.02em", fontWeight: 700 },
+  muted: { color: "var(--ui-text-muted)" },
+  role: {
+    fontFamily: "var(--ui-font-mono)",
+    fontSize: 11,
+    textTransform: "uppercase",
+    letterSpacing: "0.04em",
+    padding: "2px 8px",
+    borderRadius: 999,
+    background: "var(--ui-accent-soft)",
+    border: "1px solid var(--ui-accent)",
+    color: "var(--ui-accent-strong)"
+  },
+  whoami: { display: "flex", alignItems: "center", gap: 8, fontSize: 12 },
+  // Sections own their own width/padding (e.g. a .wrap container).
+  main: { minHeight: "calc(100vh - 61px)" },
+  card: { width: "100%", textAlign: "center" }
+};
+function Gate(props) {
+  const { brand, tagline, children } = props;
+  return /* @__PURE__ */ jsx("div", { style: S.gate, children: /* @__PURE__ */ jsxs("div", { style: S.gateInner, children: [
+    /* @__PURE__ */ jsxs("div", { style: S.brandBox, children: [
+      /* @__PURE__ */ jsx("div", { style: S.badge, children: badgeText(brand) }),
+      /* @__PURE__ */ jsx("h1", { style: S.h1, children: brandDisplay(brand) }),
+      tagline ? /* @__PURE__ */ jsx("p", { style: { ...S.muted, margin: "8px 0 0", fontSize: 14 }, children: tagline }) : null
+    ] }),
+    children
+  ] }) });
+}
+function AdminShell(props) {
+  const { sections, basePath, brand, client, getToken, signOut, email } = 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;
+  }, [sections, basePath]);
+  const [section, setSection] = useState(sectionFromPath);
+  const go = useCallback(
+    (id) => {
+      window.history.pushState(null, "", `${basePath}/${id}`);
+      setSection(id);
+    },
+    [basePath]
+  );
+  useEffect(() => {
+    const onPop = () => setSection(sectionFromPath());
+    window.addEventListener("popstate", onPop);
+    return () => window.removeEventListener("popstate", onPop);
+  }, [sectionFromPath]);
+  const active = sections.find((s) => s.id === section) ?? sections[0];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(TopBar, { children: [
+      /* @__PURE__ */ jsxs("a", { className: "topbar-brand", href: "/", style: { display: "inline-flex", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsx("span", { style: S.badgeSm, children: badgeText(brand) }),
+        brandDisplay(brand)
+      ] }),
+      /* @__PURE__ */ jsx("nav", { className: "topbar-nav", "aria-label": "Admin navigation", children: sections.map((s) => /* @__PURE__ */ jsx(TopBarLink, { active: section === s.id, onClick: () => go(s.id), children: s.label }, s.id)) }),
+      /* @__PURE__ */ jsx("div", { className: "topbar-spacer" }),
+      /* @__PURE__ */ jsxs("div", { className: "topbar-actions", children: [
+        /* @__PURE__ */ jsxs("span", { style: S.whoami, children: [
+          /* @__PURE__ */ jsx("span", { style: S.role, children: "admin" }),
+          email ? /* @__PURE__ */ jsx("span", { style: S.muted, children: email }) : null
+        ] }),
+        /* @__PURE__ */ jsx("button", { className: "btn secondary mini", onClick: () => signOut(), children: "Sign out" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("main", { className: "shell-main", style: S.main, children: active ? active.render({ client, getToken, navigate: go }) : null })
+  ] });
+}
+
+// src/ui/admin.tsx
+import { jsx as jsx2, jsxs as jsxs2 } 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] = useState2({
+    status: "checking"
+  });
+  useEffect2(() => {
+    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__ */ jsx2(Gate, { brand, children: /* @__PURE__ */ jsx2("p", { style: S.muted, children: "Checking access\u2026" }) });
+  }
+  if (state.status === "denied") {
+    return /* @__PURE__ */ jsx2(Gate, { brand, children: /* @__PURE__ */ jsxs2("div", { className: "card", style: S.card, children: [
+      /* @__PURE__ */ jsx2("h2", { style: { marginTop: 0 }, children: "Not authorized" }),
+      /* @__PURE__ */ jsxs2("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__ */ jsx2("button", { className: "btn secondary", onClick: () => signOut(), style: { marginTop: 12 }, children: "Sign out" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx2(
+    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] = useState2(void 0);
+  useEffect2(() => {
+    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__ */ jsx2(Gate, { brand, children: /* @__PURE__ */ jsx2("p", { style: S.muted, children: "Loading\u2026" }) });
+  }
+  if (!pk) {
+    return /* @__PURE__ */ jsx2(Gate, { brand, children: /* @__PURE__ */ jsxs2("div", { className: "card", style: S.card, children: [
+      /* @__PURE__ */ jsx2("h2", { style: { marginTop: 0 }, children: "Sign-in not configured" }),
+      /* @__PURE__ */ jsx2("p", { style: S.muted, children: "No Clerk publishable key is set for this environment yet." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs2(ClerkGate, { publishableKey: pk, appearance: clerkAppearanceFromTokens(), afterSignOutUrl: "/", children: [
+    /* @__PURE__ */ jsx2(SignedOut, { children: /* @__PURE__ */ jsx2(Gate, { brand, tagline: "Admin sign-in \u2014 invite only", children: /* @__PURE__ */ jsx2(SignIn, { routing: "hash", forceRedirectUrl: basePath, signUpForceRedirectUrl: basePath }) }) }),
+    /* @__PURE__ */ jsx2(SignedIn, { children: /* @__PURE__ */ jsx2(Authed, { sections, basePath, brand, crmBasePath, apiBase }) })
+  ] });
+}
+
+// src/ui/admin-people.tsx
+import { useState as useState5 } from "react";
+import { CrmList, RecordPanel, useCrmQuery, useCrmRecord } from "@odla-ai/crm/ui";
+
+// src/ui/admin-record-actions.tsx
+import { useEffect as useEffect4, useState as useState4 } from "react";
+import { Button } from "@odla-ai/ui/components";
+
+// src/ui/admin-api.ts
+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);
+  if (token) headers.set("authorization", `Bearer ${token}`);
+  if (init?.body) headers.set("content-type", "application/json");
+  const res = await fetch(path, { ...init, headers });
+  const body = await res.json().catch(() => ({}));
+  if (!res.ok) throw new Error(typeof body.error === "string" ? body.error : `request failed (${res.status})`);
+  return body;
+}
+function useAdminResource(getToken, path) {
+  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);
+    adminFetch(getToken, path).then((d) => live && setData(d)).catch((e) => live && setError(e instanceof Error ? e.message : String(e))).finally(() => live && setLoading(false));
+    return () => {
+      live = false;
+    };
+  }, [getToken, path, nonce]);
+  const refresh = useCallback2(() => setNonce((n) => n + 1), []);
+  return { data, loading, error, refresh };
+}
+
+// src/ui/admin-record-actions.tsx
+import { jsx as jsx3, jsxs as jsxs3 } 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] = useState4(null);
+  const [busy, setBusy] = useState4(null);
+  const [note, setNote] = useState4(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);
+    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__ */ jsxs3("div", { className: "card record-actions", children: [
+    /* @__PURE__ */ jsx3("h4", { children: "Access & lifecycle" }),
+    userId ? /* @__PURE__ */ jsxs3("label", { className: "row", children: [
+      "Role",
+      /* @__PURE__ */ jsx3(
+        "select",
+        {
+          value: access?.role ?? "",
+          disabled: busy === "role" || access?.superAdmin,
+          onChange: (e) => void setRole(e.target.value),
+          children: roles.map((r) => /* @__PURE__ */ jsx3("option", { value: r, children: r }, r))
+        }
+      ),
+      access?.superAdmin ? /* @__PURE__ */ jsx3("span", { className: "muted", children: "super-admin (managed in Studio)" }) : null
+    ] }) : /* @__PURE__ */ jsx3("p", { className: "muted", children: "No linked account yet \u2014 role is set once they sign in." }),
+    applicationId ? /* @__PURE__ */ jsxs3("div", { className: "row", children: [
+      /* @__PURE__ */ jsx3(Button, { variant: "secondary", mini: true, disabled: busy === "approve", onClick: () => void approve(), children: "Approve" }),
+      /* @__PURE__ */ jsx3(Button, { variant: "danger", mini: true, disabled: busy === "refund", onClick: () => void refund(), children: "Refund" })
+    ] }) : null,
+    note ? /* @__PURE__ */ jsx3("p", { className: "muted", children: note }) : null
+  ] });
+}
+
+// src/ui/admin-people.tsx
+import { jsx as jsx4, jsxs as jsxs4 } 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] = useState5(null);
+  const record = useCrmRecord(hookClient, openId);
+  const [saving, setSaving] = useState5(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__ */ jsxs4("div", { className: "wrap", children: [
+    /* @__PURE__ */ jsx4(CrmList, { crm, type, query, onOpenRecord: (r) => setOpenId(r.id) }),
+    record.detail ? /* @__PURE__ */ jsxs4("div", { className: "record-drawer", children: [
+      /* @__PURE__ */ jsx4(
+        RecordPanel,
+        {
+          crm,
+          detail: record.detail,
+          onSaveFields: saveFields,
+          onMoveStage: moveStage,
+          onAddTag: addTag,
+          onRemoveTag: removeTag,
+          saving
+        }
+      ),
+      lifecycle ? /* @__PURE__ */ jsx4(
+        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__ */ jsx4(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 { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var money = (cents) => `$${Math.round(cents / 100).toLocaleString()}`;
+function DashboardBody({ ctx }) {
+  const { data, loading, error } = useAdminResource(ctx.getToken, "/api/admin/dashboard");
+  if (loading) return /* @__PURE__ */ jsx5("div", { className: "wrap page", children: "Loading\u2026" });
+  if (error || !data) return /* @__PURE__ */ jsxs5("div", { className: "wrap page", children: [
+    "Couldn\u2019t load the dashboard: ",
+    error
+  ] });
+  const when = (t) => new Date(t).toLocaleString([], { dateStyle: "medium", timeStyle: "short" });
+  const Kpi = ({ label, value, sub }) => /* @__PURE__ */ jsxs5("div", { className: "card kpi", children: [
+    /* @__PURE__ */ jsx5("div", { className: "kpi-value", children: value }),
+    /* @__PURE__ */ jsx5("div", { className: "kpi-label", children: label }),
+    sub ? /* @__PURE__ */ jsx5("div", { className: "kpi-sub muted", children: sub }) : null
+  ] });
+  return /* @__PURE__ */ jsxs5("div", { className: "wrap page", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "kpis", children: [
+      /* @__PURE__ */ jsx5(Kpi, { label: "Applications", value: data.applications.total, sub: `+${data.applications.last7} in 7d` }),
+      /* @__PURE__ */ jsx5(Kpi, { label: "Upcoming calls", value: data.calls.upcoming, sub: data.calls.needsAttention ? `${data.calls.needsAttention} need attention` : void 0 }),
+      data.revenue.billingReady ? /* @__PURE__ */ jsx5(Kpi, { label: "Active members", value: data.revenue.activeCount ?? 0 }) : null,
+      data.revenue.billingReady ? /* @__PURE__ */ jsx5(Kpi, { label: "Annual run rate", value: money(data.revenue.annualRunRateCents ?? 0) }) : null
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "card", children: [
+      /* @__PURE__ */ jsx5("h3", { children: "Pipeline" }),
+      /* @__PURE__ */ jsx5("ul", { className: "pipeline-counts", children: Object.entries(data.pipeline).map(([stage, count]) => /* @__PURE__ */ jsxs5("li", { children: [
+        /* @__PURE__ */ jsx5("span", { className: "stage", children: stage }),
+        /* @__PURE__ */ jsx5("span", { className: "count", children: count }),
+        data.pipelineDelta[stage] ? /* @__PURE__ */ jsxs5("span", { className: "delta", children: [
+          "+",
+          data.pipelineDelta[stage]
+        ] }) : null
+      ] }, stage)) })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "card", children: [
+      /* @__PURE__ */ jsxs5("h3", { children: [
+        "Upcoming calls ",
+        /* @__PURE__ */ jsxs5("span", { className: "muted", children: [
+          "(",
+          data.timezone,
+          ")"
+        ] })
+      ] }),
+      data.agenda.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "muted", children: "No calls scheduled." }) : /* @__PURE__ */ jsx5("ul", { className: "agenda", children: data.agenda.map((m) => /* @__PURE__ */ jsxs5("li", { children: [
+        /* @__PURE__ */ jsx5("span", { className: "when", children: when(m.startAt) }),
+        /* @__PURE__ */ jsxs5("span", { className: "who", children: [
+          m.name,
+          m.email ? ` \xB7 ${m.email}` : ""
+        ] }),
+        m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs5("span", { className: "badge danger", 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-billing.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var money2 = (cents) => `$${(cents / 100).toLocaleString(void 0, { minimumFractionDigits: 0 })}`;
+var date = (t) => t ? new Date(t).toLocaleDateString([], { dateStyle: "medium" }) : "\u2014";
+function BillingBody({ ctx }) {
+  const { data, loading, error } = useAdminResource(ctx.getToken, "/api/admin/billing");
+  if (loading) return /* @__PURE__ */ jsx6("div", { className: "wrap page", children: "Loading\u2026" });
+  if (error || !data) return /* @__PURE__ */ jsxs6("div", { className: "wrap page", children: [
+    "Couldn\u2019t load billing: ",
+    error
+  ] });
+  if (!data.billingReady) return /* @__PURE__ */ jsx6("div", { className: "wrap page", children: /* @__PURE__ */ jsx6("div", { className: "card", children: /* @__PURE__ */ jsx6("p", { className: "muted", children: "Billing isn\u2019t configured \u2014 no Stripe key is vaulted for this group." }) }) });
+  const s = data.summary;
+  return /* @__PURE__ */ jsxs6("div", { className: "wrap page", children: [
+    data.testMode ? /* @__PURE__ */ jsx6("div", { className: "badge", children: "Stripe test mode" }) : null,
+    s ? /* @__PURE__ */ jsxs6("div", { className: "kpis", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "card kpi", children: [
+        /* @__PURE__ */ jsx6("div", { className: "kpi-value", children: s.activeCount }),
+        /* @__PURE__ */ jsx6("div", { className: "kpi-label", children: "Active" })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "card kpi", children: [
+        /* @__PURE__ */ jsx6("div", { className: "kpi-value", children: money2(s.annualizedCents) }),
+        /* @__PURE__ */ jsx6("div", { className: "kpi-label", children: "Annualized" })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "card kpi", children: [
+        /* @__PURE__ */ jsx6("div", { className: "kpi-value", children: s.renewingSoonCount }),
+        /* @__PURE__ */ jsx6("div", { className: "kpi-label", children: "Renewing \u226460d" })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "card kpi", children: [
+        /* @__PURE__ */ jsx6("div", { className: "kpi-value", children: s.pastDueCount }),
+        /* @__PURE__ */ jsx6("div", { className: "kpi-label", children: "Past due" })
+      ] })
+    ] }) : null,
+    data.truncated ? /* @__PURE__ */ jsx6("p", { className: "badge danger", children: "Showing the first 100 subscriptions \u2014 the list is truncated." }) : null,
+    /* @__PURE__ */ jsx6("div", { className: "card", children: /* @__PURE__ */ jsxs6("table", { className: "data-table", children: [
+      /* @__PURE__ */ jsx6("thead", { children: /* @__PURE__ */ jsxs6("tr", { children: [
+        /* @__PURE__ */ jsx6("th", { children: "Name" }),
+        /* @__PURE__ */ jsx6("th", { children: "Email" }),
+        /* @__PURE__ */ jsx6("th", { children: "Application" }),
+        /* @__PURE__ */ jsx6("th", { children: "Subscription" }),
+        /* @__PURE__ */ jsx6("th", { children: "Amount" }),
+        /* @__PURE__ */ jsx6("th", { children: "Renews" })
+      ] }) }),
+      /* @__PURE__ */ jsxs6("tbody", { children: [
+        data.rows.map((r) => /* @__PURE__ */ jsxs6("tr", { children: [
+          /* @__PURE__ */ jsx6("td", { children: r.name }),
+          /* @__PURE__ */ jsx6("td", { children: r.email }),
+          /* @__PURE__ */ jsx6("td", { children: r.applicationStatus }),
+          /* @__PURE__ */ jsxs6("td", { children: [
+            r.subscriptionStatus ?? "\u2014",
+            r.cancelAtPeriodEnd ? " (cancelling)" : ""
+          ] }),
+          /* @__PURE__ */ jsxs6("td", { children: [
+            money2(r.amountCents),
+            "/",
+            r.interval === "month" ? "mo" : "yr"
+          ] }),
+          /* @__PURE__ */ jsx6("td", { children: date(r.renewalAt) })
+        ] }, r.id)),
+        data.rows.length === 0 ? /* @__PURE__ */ jsx6("tr", { children: /* @__PURE__ */ jsx6("td", { colSpan: 6, className: "muted", children: "No subscriptions yet." }) }) : null
+      ] })
+    ] }) })
+  ] });
+}
+function billingSection(options = {}) {
+  const { id = "billing", label = "Billing" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx6(BillingBody, { ctx }) };
+}
+
+// src/ui/admin-email.tsx
+import { useState as useState6 } from "react";
+import { Button as Button2 } from "@odla-ai/ui/components";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function EmailBody({ ctx }) {
+  const cfg = useAdminResource(ctx.getToken, "/api/admin/group/email");
+  const log = useAdminResource(ctx.getToken, "/api/admin/email/log");
+  const [draft, setDraft] = useState6(null);
+  const [busy, setBusy] = useState6(null);
+  const [note, setNote] = useState6(null);
+  const data = draft ?? cfg.data;
+  if (cfg.loading) return /* @__PURE__ */ jsx7("div", { className: "wrap page", children: "Loading\u2026" });
+  if (cfg.error || !data) return /* @__PURE__ */ jsxs7("div", { className: "wrap page", children: [
+    "Couldn\u2019t load email config: ",
+    cfg.error
+  ] });
+  const edit = (patch) => setDraft({ ...data, ...patch });
+  const editTemplate = (key, patch) => edit({ emailTemplates: { ...data.emailTemplates, [key]: { ...data.emailTemplates[key], ...patch } } });
+  const save = async () => {
+    setBusy("save");
+    setNote(null);
+    try {
+      await adminFetch(ctx.getToken, "/api/admin/group/email", { method: "PUT", body: JSON.stringify(data) });
+      setDraft(null);
+      cfg.refresh();
+      setNote("Saved.");
+    } catch (e) {
+      setNote(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(null);
+    }
+  };
+  const test = async (template) => {
+    setBusy(`test:${template}`);
+    setNote(null);
+    try {
+      const r = await adminFetch(ctx.getToken, "/api/admin/email/test", { method: "POST", body: JSON.stringify({ template }) });
+      setNote(r.ok ? `Sent ${template} to ${r.to}${r.redirected ? " (dev-redirected)" : ""}.` : `Test send did not deliver.`);
+      log.refresh();
+    } catch (e) {
+      setNote(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs7("div", { className: "wrap page", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "card", children: [
+      /* @__PURE__ */ jsx7("h3", { children: "Delivery" }),
+      /* @__PURE__ */ jsxs7("p", { className: "muted", children: [
+        data.envName,
+        " \xB7 ",
+        data.transport,
+        data.fromEmail ? ` \xB7 from ${data.fromEmail}` : ""
+      ] }),
+      /* @__PURE__ */ jsxs7("label", { children: [
+        "Notification address",
+        /* @__PURE__ */ jsx7("input", { value: data.notificationEmail, onChange: (e) => edit({ notificationEmail: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ jsxs7("label", { children: [
+        "Reply-to",
+        /* @__PURE__ */ jsx7("input", { value: data.replyTo, onChange: (e) => edit({ replyTo: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ jsxs7("label", { children: [
+        "Debug inbox (non-prod redirect)",
+        /* @__PURE__ */ jsx7("input", { value: data.debugEmail, onChange: (e) => edit({ debugEmail: e.target.value }) })
+      ] })
+    ] }),
+    Object.entries(data.emailTemplates).map(([key, t]) => /* @__PURE__ */ jsxs7("div", { className: "card", children: [
+      /* @__PURE__ */ jsx7("h3", { children: key }),
+      /* @__PURE__ */ jsxs7("label", { className: "row", children: [
+        /* @__PURE__ */ jsx7("input", { type: "checkbox", checked: t.enabled, onChange: (e) => editTemplate(key, { enabled: e.target.checked }) }),
+        " enabled"
+      ] }),
+      /* @__PURE__ */ jsxs7("label", { children: [
+        "Subject",
+        /* @__PURE__ */ jsx7("input", { value: t.subject, onChange: (e) => editTemplate(key, { subject: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ jsxs7("label", { children: [
+        "Body",
+        /* @__PURE__ */ jsx7("textarea", { rows: 5, value: t.text, onChange: (e) => editTemplate(key, { text: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ jsx7(Button2, { variant: "secondary", mini: true, disabled: busy === `test:${key}`, onClick: () => void test(key), children: "Send test" })
+    ] }, key)),
+    /* @__PURE__ */ jsxs7("div", { className: "row", children: [
+      /* @__PURE__ */ jsx7(Button2, { disabled: !draft || busy === "save", onClick: () => void save(), children: "Save changes" }),
+      note ? /* @__PURE__ */ jsx7("span", { className: "muted", children: note }) : null
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "card", children: [
+      /* @__PURE__ */ jsx7("h3", { children: "Send log" }),
+      (log.data?.sends ?? []).length === 0 ? /* @__PURE__ */ jsx7("p", { className: "muted", children: "No sends yet." }) : /* @__PURE__ */ jsx7("ul", { className: "log", children: (log.data?.sends ?? []).map((r) => /* @__PURE__ */ jsxs7("li", { children: [
+        /* @__PURE__ */ jsx7("span", { children: new Date(r.sentAt).toLocaleString() }),
+        " \xB7 ",
+        /* @__PURE__ */ jsx7("span", { children: r.template }),
+        " \u2192 ",
+        /* @__PURE__ */ jsx7("span", { children: r.to }),
+        r.error ? /* @__PURE__ */ jsx7("span", { className: "badge danger", children: "failed" }) : r.redirected ? /* @__PURE__ */ jsx7("span", { className: "badge", children: "redirected" }) : null
+      ] }, r.id)) })
+    ] })
+  ] });
+}
+function emailSection(options = {}) {
+  const { id = "email", label = "Email" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx7(EmailBody, { ctx }) };
+}
+
+// src/ui/admin-meetings.tsx
+import { useState as useState7 } from "react";
+import { Button as Button3 } from "@odla-ai/ui/components";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function MeetingsBody({ ctx }) {
+  const { data, loading, error, refresh } = useAdminResource(ctx.getToken, "/api/admin/meetings?all=1");
+  const [busy, setBusy] = useState7(null);
+  const [note, setNote] = useState7(null);
+  if (loading) return /* @__PURE__ */ jsx8("div", { className: "wrap page", children: "Loading\u2026" });
+  if (error || !data) return /* @__PURE__ */ jsxs8("div", { className: "wrap page", children: [
+    "Couldn\u2019t load meetings: ",
+    error
+  ] });
+  const when = (t) => new Date(t).toLocaleString([], { dateStyle: "medium", timeStyle: "short" });
+  const cancel = async (id) => {
+    if (!globalThis.confirm?.("Cancel this call? Google notifies the attendee.")) return;
+    setBusy(id);
+    setNote(null);
+    try {
+      await adminFetch(ctx.getToken, `/api/admin/meetings/${id}/cancel`, { method: "POST" });
+      refresh();
+    } catch (e) {
+      setNote(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(null);
+    }
+  };
+  const reschedule = async (id) => {
+    const input = globalThis.prompt?.("New start time (ISO or 'YYYY-MM-DD HH:MM'):");
+    if (!input) return;
+    const startAt = Date.parse(input);
+    if (!Number.isFinite(startAt)) {
+      setNote("Couldn\u2019t parse that time.");
+      return;
+    }
+    setBusy(id);
+    setNote(null);
+    try {
+      await adminFetch(ctx.getToken, `/api/admin/meetings/${id}/reschedule`, { method: "POST", body: JSON.stringify({ startAt }) });
+      refresh();
+    } catch (e) {
+      setNote(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: "wrap page", children: [
+    /* @__PURE__ */ jsxs8("h3", { children: [
+      "Agenda ",
+      /* @__PURE__ */ jsxs8("span", { className: "muted", children: [
+        "(",
+        data.timezone,
+        ")"
+      ] })
+    ] }),
+    note ? /* @__PURE__ */ jsx8("p", { className: "muted", children: note }) : null,
+    data.meetings.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "muted", children: "No meetings." }) : /* @__PURE__ */ jsx8("ul", { className: "agenda", children: data.meetings.map((m) => /* @__PURE__ */ jsxs8("li", { className: m.status === "cancelled" ? "cancelled" : "", children: [
+      /* @__PURE__ */ jsx8("span", { className: "when", children: when(m.startAt) }),
+      /* @__PURE__ */ jsx8("span", { className: "who", children: m.applicant ? `${m.applicant.name} \xB7 ${m.applicant.email}` : "(unknown)" }),
+      /* @__PURE__ */ jsx8("span", { className: "badge", children: m.status }),
+      m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs8("span", { className: "badge danger", children: [
+        "drift: ",
+        m.drift
+      ] }) : null,
+      m.meetUrl ? /* @__PURE__ */ jsx8("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: "Meet" }) : null,
+      m.status === "scheduled" ? /* @__PURE__ */ jsxs8("span", { className: "actions", children: [
+        /* @__PURE__ */ jsx8(Button3, { variant: "secondary", mini: true, disabled: busy === m.id, onClick: () => void reschedule(m.id), children: "Reschedule" }),
+        /* @__PURE__ */ jsx8(Button3, { variant: "danger", mini: true, disabled: busy === m.id, onClick: () => void cancel(m.id), children: "Cancel" })
+      ] }) : null
+    ] }, m.id)) })
+  ] });
+}
+function meetingsSection(options = {}) {
+  const { id = "meetings", label = "Meetings" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx8(MeetingsBody, { ctx }) };
+}
+
+// src/ui/admin-availability.tsx
+import { useState as useState8 } from "react";
+import { Button as Button4 } from "@odla-ai/ui/components";
+import { jsx as jsx9, jsxs as jsxs9 } 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] = useState8(null);
+  const [busy, setBusy] = useState8(false);
+  const [note, setNote] = useState8(null);
+  const [fieldErrors, setFieldErrors] = useState8({});
+  const cfg = draft ?? data?.scheduling ?? null;
+  if (loading) return /* @__PURE__ */ jsx9("div", { className: "wrap page", children: "Loading\u2026" });
+  if (error || !cfg) return /* @__PURE__ */ jsxs9("div", { className: "wrap page", children: [
+    "Couldn\u2019t load availability: ",
+    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);
+    setFieldErrors({});
+    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) {
+        setFieldErrors(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 field = (key, label, input) => /* @__PURE__ */ jsxs9("label", { children: [
+    label,
+    input,
+    fieldErrors[key] ? /* @__PURE__ */ jsx9("span", { className: "badge danger", children: fieldErrors[key] }) : null
+  ] });
+  return /* @__PURE__ */ jsx9("div", { className: "wrap page", children: /* @__PURE__ */ jsxs9("div", { className: "card", children: [
+    /* @__PURE__ */ jsx9("h3", { children: "Booking availability" }),
+    /* @__PURE__ */ jsx9("div", { className: "row", children: DAYS.map((d, i) => /* @__PURE__ */ jsxs9("label", { className: "row", children: [
+      /* @__PURE__ */ jsx9("input", { type: "checkbox", checked: cfg.days.includes(i), onChange: () => toggleDay(i) }),
+      " ",
+      d
+    ] }, d)) }),
+    fieldErrors.days ? /* @__PURE__ */ jsx9("span", { className: "badge danger", children: fieldErrors.days }) : null,
+    field("startHour", "Start hour (0\u201324)", /* @__PURE__ */ jsx9("input", { type: "number", value: cfg.startHour, onChange: (e) => edit({ startHour: num(e.target.value, cfg.startHour) }) })),
+    field("endHour", "End hour (0\u201324)", /* @__PURE__ */ jsx9("input", { type: "number", value: cfg.endHour, onChange: (e) => edit({ endHour: num(e.target.value, cfg.endHour) }) })),
+    field("slotMinutes", "Slot length (minutes)", /* @__PURE__ */ jsx9("input", { type: "number", value: cfg.slotMinutes, onChange: (e) => edit({ slotMinutes: num(e.target.value, cfg.slotMinutes) }) })),
+    field("timezone", "Timezone", /* @__PURE__ */ jsx9("input", { value: cfg.timezone, onChange: (e) => edit({ timezone: e.target.value }) })),
+    field("minNoticeHours", "Minimum notice (hours)", /* @__PURE__ */ jsx9("input", { type: "number", value: cfg.minNoticeHours, onChange: (e) => edit({ minNoticeHours: num(e.target.value, cfg.minNoticeHours) }) })),
+    field("windowDays", "Booking window (days)", /* @__PURE__ */ jsx9("input", { type: "number", value: cfg.windowDays, onChange: (e) => edit({ windowDays: num(e.target.value, cfg.windowDays) }) })),
+    field("summaryTemplate", "Event summary template", /* @__PURE__ */ jsx9("input", { value: cfg.summaryTemplate, onChange: (e) => edit({ summaryTemplate: e.target.value }) })),
+    /* @__PURE__ */ jsxs9("div", { className: "row", children: [
+      /* @__PURE__ */ jsx9(Button4, { disabled: !draft || busy, onClick: () => void save(), children: "Save availability" }),
+      note ? /* @__PURE__ */ jsx9("span", { className: "muted", children: note }) : null
+    ] })
+  ] }) });
+}
+function availabilitySection(options = {}) {
+  const { id = "availability", label = "Availability" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx9(AvailabilityBody, { ctx }) };
+}
+
+export {
+  ChapterAdmin,
+  adminFetch,
+  useAdminResource,
+  RecordActions,
+  collectionSection,
+  peopleSection,
+  dashboardSection,
+  billingSection,
+  emailSection,
+  meetingsSection,
+  availabilitySection
+};
+//# sourceMappingURL=chunk-K6BDIFCJ.js.map