@odla-ai/chapter 0.17.0 → 0.19.0

package/dist/chunk-D3QMK3ED.js

@@ -0,0 +1,781 @@
+// src/ui/admin.tsx
+import { useEffect as useEffect3, useMemo, useState as useState3 } 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 as useEffect2, useState as useState2 } from "react";
+import { TopBar, TopBarLink } from "@odla-ai/ui/components";
+
+// src/ui/admin-layout.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PAGE = { maxWidth: 1120, margin: "0 auto", padding: "28px 20px 64px", display: "flex", flexDirection: "column", gap: 20 };
+var HEAD = { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 16, flexWrap: "wrap" };
+function AdminPage({ children }) {
+  return /* @__PURE__ */ jsx("div", { style: PAGE, children });
+}
+function Panel({ title, actions, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: "panel", style: { display: "flex", flexDirection: "column", gap: 14 }, children: [
+    title || actions ? /* @__PURE__ */ jsxs("header", { style: HEAD, children: [
+      title ? /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: 18 }, children: title }) : /* @__PURE__ */ jsx("span", {}),
+      actions ? /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: actions }) : null
+    ] }) : null,
+    children
+  ] });
+}
+function themeLooksMissing() {
+  if (typeof document === "undefined") return false;
+  const probe = document.createElement("div");
+  probe.className = "panel";
+  probe.style.cssText = "position:absolute;visibility:hidden;pointer-events:none";
+  document.body.appendChild(probe);
+  const bg = getComputedStyle(probe).backgroundColor;
+  probe.remove();
+  return !bg || bg === "transparent" || bg === "rgba(0, 0, 0, 0)";
+}
+function ThemeWarning() {
+  const [missing, setMissing] = useState(false);
+  useEffect(() => setMissing(themeLooksMissing()), []);
+  if (!missing) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      style: { background: "#7f1d1d", color: "#fff", padding: "12px 20px", fontSize: 14, lineHeight: 1.5, textAlign: "center" },
+      children: [
+        /* @__PURE__ */ jsx("strong", { children: "odla-ui theme tokens are missing." }),
+        " The console reads colors from a theme layer, not",
+        " ",
+        /* @__PURE__ */ jsx("code", { children: "@odla-ai/ui/index.css" }),
+        " alone. Import a theme before it \u2014 e.g.",
+        " ",
+        /* @__PURE__ */ jsx("code", { children: "@odla-ai/ui/themes/salt/tokens.css" }),
+        " and ",
+        /* @__PURE__ */ jsx("code", { children: "@odla-ai/ui/themes/salt/ui.css" }),
+        " \u2014 then",
+        " ",
+        /* @__PURE__ */ jsx("code", { children: "@odla-ai/ui/index.css" }),
+        ". See the @odla-ai/chapter README (\u201CTheme tokens\u201D)."
+      ]
+    }
+  );
+}
+function AdminNote({ children }) {
+  return /* @__PURE__ */ jsx(AdminPage, { children: /* @__PURE__ */ jsx("section", { className: "panel", children: /* @__PURE__ */ jsx("p", { className: "muted", style: { margin: 0 }, 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 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__ */ jsx2("div", { style: S.gate, children: /* @__PURE__ */ jsxs2("div", { style: S.gateInner, children: [
+    /* @__PURE__ */ jsxs2("div", { style: S.brandBox, children: [
+      /* @__PURE__ */ jsx2("div", { style: S.badge, children: badgeText(brand) }),
+      /* @__PURE__ */ jsx2("h1", { style: S.h1, children: brandDisplay(brand) }),
+      tagline ? /* @__PURE__ */ jsx2("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] = useState2(sectionFromPath);
+  const go = useCallback(
+    (id) => {
+      window.history.pushState(null, "", `${basePath}/${id}`);
+      setSection(id);
+    },
+    [basePath]
+  );
+  useEffect2(() => {
+    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__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2(TopBar, { children: [
+      /* @__PURE__ */ jsxs2("a", { className: "topbar-brand", href: "/", style: { display: "inline-flex", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsx2("span", { style: S.badgeSm, children: badgeText(brand) }),
+        brandDisplay(brand)
+      ] }),
+      /* @__PURE__ */ jsx2("nav", { className: "topbar-nav", "aria-label": "Admin navigation", children: sections.map((s) => /* @__PURE__ */ jsx2(TopBarLink, { active: section === s.id, onClick: () => go(s.id), children: s.label }, s.id)) }),
+      /* @__PURE__ */ jsx2("div", { className: "topbar-spacer" }),
+      /* @__PURE__ */ jsxs2("div", { className: "topbar-actions", children: [
+        /* @__PURE__ */ jsxs2("span", { style: S.whoami, children: [
+          /* @__PURE__ */ jsx2("span", { style: S.role, children: "admin" }),
+          email ? /* @__PURE__ */ jsx2("span", { style: S.muted, children: email }) : null
+        ] }),
+        /* @__PURE__ */ jsx2("button", { className: "btn secondary mini", onClick: () => signOut(), children: "Sign out" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("main", { className: "shell-main", style: S.main, children: [
+      /* @__PURE__ */ jsx2(ThemeWarning, {}),
+      active ? active.render({ client, getToken, navigate: go }) : null
+    ] })
+  ] });
+}
+
+// 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-api.ts
+import { useCallback as useCallback2, useEffect as useEffect4, useState as useState4 } 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] = useState4(null);
+  const [loading, setLoading] = useState4(true);
+  const [error, setError] = useState4(null);
+  const [nonce, setNonce] = useState4(0);
+  useEffect4(() => {
+    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 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);
+  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) => {
+    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();
+    } catch (e) {
+      setNote(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(null);
+    }
+  };
+  const save = () => run("save", async () => {
+    await adminFetch(ctx.getToken, "/api/admin/group/email", { method: "PUT", body: JSON.stringify(data) });
+    setDraft(null);
+    cfg.refresh();
+    setNote("Saved.");
+  });
+  const test = (template) => run(`test:${template}`, async () => {
+    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();
+  });
+  return /* @__PURE__ */ jsxs8(AdminPage, { children: [
+    /* @__PURE__ */ jsxs8(
+      Panel,
+      {
+        title: "Delivery",
+        actions: /* @__PURE__ */ jsxs8("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 }) }) })
+        ]
+      }
+    ),
+    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 }) }) })
+    ] }, 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__ */ jsx8(Panel, { title: "Send log", children: /* @__PURE__ */ jsx8(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 }) };
+}
+
+// src/ui/admin-meetings.tsx
+import { useState as useState8 } 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";
+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: [
+    "Couldn\u2019t load meetings",
+    error ? `: ${error}` : "",
+    "."
+  ] });
+  const run = async (id, fn) => {
+    setBusy(id);
+    setNote(null);
+    try {
+      await fn();
+      refresh();
+    } catch (e) {
+      setNote(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(null);
+    }
+  };
+  const cancel = (id) => {
+    if (!globalThis.confirm?.("Cancel this call? Google notifies the attendee.")) return;
+    void run(id, () => adminFetch(ctx.getToken, `/api/admin/meetings/${id}/cancel`, { method: "POST" }));
+  };
+  const reschedule = (id) => {
+    const input = globalThis.prompt?.("New start time (e.g. 2026-08-01 14:00):");
+    if (!input) return;
+    const startAt = Date.parse(input);
+    if (!Number.isFinite(startAt)) {
+      setNote("Couldn\u2019t parse that time.");
+      return;
+    }
+    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: [
+    "Agenda ",
+    /* @__PURE__ */ jsxs9("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: [
+      "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" })
+    ] }) : null
+  ] }, m.id)) }) }) });
+}
+function meetingsSection(options = {}) {
+  const { id = "meetings", label = "Meetings" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx9(MeetingsBody, { ctx }) };
+}
+
+// src/ui/admin-availability.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);
+    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__ */ 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 }) }) })
+    ] }),
+    /* @__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" }) })
+  ] }) });
+}
+function availabilitySection(options = {}) {
+  const { id = "availability", label = "Availability" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx10(AvailabilityBody, { ctx }) };
+}
+
+export {
+  AdminPage,
+  Panel,
+  ThemeWarning,
+  AdminNote,
+  ChapterAdmin,
+  adminFetch,
+  useAdminResource,
+  RecordActions,
+  collectionSection,
+  peopleSection,
+  dashboardSection,
+  billingSection,
+  emailSection,
+  meetingsSection,
+  availabilitySection
+};
+//# sourceMappingURL=chunk-D3QMK3ED.js.map