@odla-ai/chapter 0.20.2 → 0.21.0

package/dist/chunk-AOTWFOH4.js

@@ -0,0 +1,1481 @@
+import {
+  BrandStyle
+} from "./chunk-3JG5X2LT.js";
+
+// src/ui/admin.tsx
+import { useEffect as useEffect7, useMemo, useState as useState11 } from "react";
+import {
+  ClerkGate,
+  SignedIn,
+  SignedOut,
+  SignIn,
+  useClerkAuth,
+  clerkAppearanceFromTokens
+} from "@odla-ai/auth-clerk";
+import { CrmClient } from "@odla-ai/crm";
+import { ThemeScope } from "@odla-ai/ui/components";
+
+// src/ui/chrome.tsx
+import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
+import { Tabs, TopBar, TopBarLink } from "@odla-ai/ui/components";
+
+// src/ui/admin-layout.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PAGE = { maxWidth: 1120, margin: "0 auto", padding: "28px 20px 64px", display: "flex", flexDirection: "column", gap: 20 };
+var 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/paper/tokens.css" }),
+        " and ",
+        /* @__PURE__ */ jsx("code", { children: "@odla-ai/ui/themes/paper/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/admin-brand.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var badgeText = (brand) => brand.badge ?? brand.name.slice(0, 3).toUpperCase();
+var brandDisplay = (brand) => {
+  const display = brand.wordmark ?? brand.name;
+  if (typeof display !== "string" || !display.includes("&")) return display;
+  return /* @__PURE__ */ jsx2("span", { 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 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: 30,
+    height: 30,
+    display: "grid",
+    placeItems: "center",
+    fontSize: 10,
+    fontWeight: 700,
+    color: "var(--ui-on-accent)",
+    background: "var(--ui-accent)",
+    borderRadius: 8,
+    marginRight: 10
+  },
+  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)"
+  },
+  main: { minHeight: "calc(100vh - 61px)", background: "var(--ui-bg)" },
+  card: { width: "100%", textAlign: "center" },
+  masthead: {
+    display: "flex",
+    alignItems: "center",
+    gap: 16,
+    flexWrap: "wrap",
+    padding: "18px max(20px, calc((100% - 1120px) / 2))",
+    color: "var(--ui-bg)",
+    background: "var(--ui-text)"
+  },
+  mastheadBrand: {
+    display: "inline-flex",
+    alignItems: "center",
+    color: "inherit",
+    fontFamily: "var(--ui-font-display)",
+    fontSize: 22,
+    textDecoration: "none"
+  },
+  workspaceTabs: { maxWidth: 1160, margin: "0 auto", padding: "18px 20px 0" }
+};
+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
+  ] }) });
+}
+
+// src/ui/admin-route.ts
+var DEFAULT_ALIASES = {
+  billing: { workspaceId: "dashboard", viewId: "billing" },
+  meetings: { workspaceId: "dashboard" },
+  calls: { workspaceId: "dashboard" },
+  availability: { workspaceId: "settings", viewId: "calendar" },
+  calendar: { workspaceId: "settings", viewId: "calendar" },
+  email: { workspaceId: "settings", viewId: "email" }
+};
+var cleanBase = (basePath) => basePath.length > 1 ? basePath.replace(/\/+$/, "") : basePath;
+var decode = (segment) => {
+  if (!segment) return void 0;
+  try {
+    return decodeURIComponent(segment);
+  } catch {
+    return void 0;
+  }
+};
+var fromParts = (parts) => {
+  const workspaceId = decode(parts[0]);
+  if (!workspaceId) return null;
+  const viewId = decode(parts[1]);
+  const recordId = decode(parts[2]);
+  const detailTab = decode(parts[3]);
+  return {
+    workspaceId,
+    ...viewId ? { viewId } : {},
+    ...recordId ? { recordId } : {},
+    ...detailTab ? { detailTab } : {}
+  };
+};
+var resolve = (candidate, workspaceIds, aliases) => {
+  if (!candidate) return null;
+  if (workspaceIds.includes(candidate.workspaceId)) return candidate;
+  const alias = aliases[candidate.workspaceId] ?? DEFAULT_ALIASES[candidate.workspaceId];
+  return alias && workspaceIds.includes(alias.workspaceId) ? alias : null;
+};
+function adminRouteFromUrl(url, basePath, workspaceIds, aliases = {}) {
+  const fallback = { workspaceId: workspaceIds[0] ?? "" };
+  const hashParts = url.hash.replace(/^#\/?/, "").split("/").filter(Boolean);
+  const fromHash = resolve(fromParts(hashParts), workspaceIds, aliases);
+  if (fromHash) return fromHash;
+  const tab = url.searchParams.get("tab");
+  const fromQuery = resolve(
+    tab ? {
+      workspaceId: tab,
+      ...url.searchParams.get("view") ? { viewId: url.searchParams.get("view") } : {},
+      ...url.searchParams.get("record") ? { recordId: url.searchParams.get("record") } : {},
+      ...url.searchParams.get("detail") ? { detailTab: url.searchParams.get("detail") } : {}
+    } : null,
+    workspaceIds,
+    aliases
+  );
+  if (fromQuery) return fromQuery;
+  const base = cleanBase(basePath);
+  const rest = url.pathname.startsWith(base) ? url.pathname.slice(base.length).replace(/^\//, "") : "";
+  return resolve(fromParts(rest.split("/").filter(Boolean)), workspaceIds, aliases) ?? fallback;
+}
+var encodedParts = (route) => [route.workspaceId, route.viewId, route.recordId, route.detailTab].filter((part) => Boolean(part)).map(encodeURIComponent);
+function adminRouteHref(current, basePath, route, routing = "fragment") {
+  const next = new URL(current);
+  const base = cleanBase(basePath);
+  const mountPaths = /* @__PURE__ */ new Set([base, `${base}/`, `${base}/index.html`]);
+  if (!mountPaths.has(next.pathname)) next.pathname = `${base}/`;
+  for (const key of ["tab", "view", "record", "detail"]) next.searchParams.delete(key);
+  if (routing === "fragment") {
+    next.hash = encodedParts(route).join("/");
+  } else if (routing === "query") {
+    next.hash = "";
+    next.searchParams.set("tab", route.workspaceId);
+    if (route.viewId) next.searchParams.set("view", route.viewId);
+    if (route.recordId) next.searchParams.set("record", route.recordId);
+    if (route.detailTab) next.searchParams.set("detail", route.detailTab);
+  } else {
+    next.hash = "";
+    next.pathname = `${base}/${encodeURIComponent(route.workspaceId)}`;
+    if (route.viewId) next.searchParams.set("view", route.viewId);
+    if (route.recordId) next.searchParams.set("record", route.recordId);
+    if (route.detailTab) next.searchParams.set("detail", route.detailTab);
+  }
+  return `${next.pathname}${next.search}${next.hash}`;
+}
+function adminSectionFromUrl(url, basePath, sectionIds) {
+  return adminRouteFromUrl(url, basePath, sectionIds).workspaceId;
+}
+function adminSectionHref(current, basePath, id, routing = "fragment") {
+  return adminRouteHref(current, basePath, { workspaceId: id }, routing);
+}
+
+// src/ui/chrome.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var mergeRoute = (current, target) => {
+  if (typeof target === "string") return { workspaceId: target };
+  const changingWorkspace = target.workspaceId != null && target.workspaceId !== current.workspaceId;
+  const next = changingWorkspace ? { workspaceId: target.workspaceId } : { ...current, ...target.workspaceId ? { workspaceId: target.workspaceId } : {} };
+  for (const key of ["viewId", "recordId", "detailTab"]) {
+    const value = target[key];
+    if (value === null) delete next[key];
+    else if (value !== void 0) next[key] = value;
+  }
+  if (target.viewId !== void 0 && target.recordId === void 0) {
+    delete next.recordId;
+    delete next.detailTab;
+  }
+  if (target.recordId === null) delete next.detailTab;
+  return next;
+};
+function AdminShell({
+  workspaces,
+  basePath,
+  brand,
+  client,
+  getToken,
+  signOut,
+  email,
+  routing = "fragment",
+  chrome = "editorial",
+  renderHeader
+}) {
+  const routeFromLocation = useCallback(() => {
+    if (typeof window === "undefined") return { workspaceId: workspaces[0]?.id ?? "" };
+    return adminRouteFromUrl(new URL(window.location.href), basePath, workspaces.map((workspace) => workspace.id));
+  }, [workspaces, basePath]);
+  const [route, setRoute] = useState2(routeFromLocation);
+  const href = useCallback(
+    (target) => typeof window === "undefined" ? `#${mergeRoute(route, target).workspaceId}` : adminRouteHref(new URL(window.location.href), basePath, mergeRoute(route, target), routing),
+    [route, basePath, routing]
+  );
+  const navigate = useCallback(
+    (target) => {
+      const next = mergeRoute(route, target);
+      if (typeof window !== "undefined") {
+        window.history.pushState(null, "", adminRouteHref(new URL(window.location.href), basePath, next, routing));
+      }
+      setRoute(next);
+    },
+    [route, basePath, routing]
+  );
+  useEffect2(() => {
+    const sync = () => setRoute(routeFromLocation());
+    window.addEventListener("popstate", sync);
+    window.addEventListener("hashchange", sync);
+    return () => {
+      window.removeEventListener("popstate", sync);
+      window.removeEventListener("hashchange", sync);
+    };
+  }, [routeFromLocation]);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const canonical = adminRouteHref(new URL(window.location.href), basePath, route, routing);
+    const actual = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+    if (canonical !== actual) window.history.replaceState(null, "", canonical);
+  }, []);
+  const context = { client, getToken, route, navigate, href };
+  const active = workspaces.find((workspace) => workspace.id === route.workspaceId) ?? workspaces[0];
+  const identity = /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3("span", { style: { ...S.role, color: "inherit", borderColor: "currentColor", background: "transparent" }, children: "admin" }),
+    email ? /* @__PURE__ */ jsx3("span", { style: { opacity: 0.72, fontSize: 12 }, children: email }) : null,
+    /* @__PURE__ */ jsx3("button", { className: "btn secondary mini", onClick: signOut, children: "Sign out" })
+  ] });
+  if (chrome === "topbar") {
+    return /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsxs3(TopBar, { children: [
+        /* @__PURE__ */ jsxs3("a", { className: "topbar-brand", href: "/", children: [
+          /* @__PURE__ */ jsx3("span", { style: S.badgeSm, children: badgeText(brand) }),
+          brandDisplay(brand)
+        ] }),
+        /* @__PURE__ */ jsx3("nav", { className: "topbar-nav", "aria-label": "Admin navigation", children: workspaces.map((workspace) => /* @__PURE__ */ jsx3(TopBarLink, { active: workspace.id === route.workspaceId, onClick: () => navigate(workspace.id), children: workspace.label }, workspace.id)) }),
+        /* @__PURE__ */ jsx3("span", { className: "topbar-spacer" }),
+        /* @__PURE__ */ jsx3("div", { className: "topbar-actions", children: identity })
+      ] }),
+      /* @__PURE__ */ jsxs3("main", { className: "shell-main", style: S.main, children: [
+        /* @__PURE__ */ jsx3(ThemeWarning, {}),
+        active?.render(context)
+      ] })
+    ] });
+  }
+  const header = renderHeader ? renderHeader({ brand, email, signOut }) : chrome === "editorial" ? /* @__PURE__ */ jsxs3("header", { style: S.masthead, children: [
+    /* @__PURE__ */ jsxs3("a", { href: "/", style: S.mastheadBrand, children: [
+      /* @__PURE__ */ jsx3("span", { style: S.badgeSm, children: badgeText(brand) }),
+      brandDisplay(brand)
+    ] }),
+    /* @__PURE__ */ jsx3("span", { style: { opacity: 0.68 }, children: "Admin Console" }),
+    /* @__PURE__ */ jsx3("span", { style: { flex: 1 } }),
+    /* @__PURE__ */ jsx3("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: identity })
+  ] }) : null;
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    header,
+    /* @__PURE__ */ jsxs3("main", { className: "shell-main", style: S.main, children: [
+      /* @__PURE__ */ jsx3(ThemeWarning, {}),
+      /* @__PURE__ */ jsx3(
+        Tabs,
+        {
+          style: S.workspaceTabs,
+          ariaLabel: "Admin workspaces",
+          value: route.workspaceId,
+          onValueChange: (workspaceId) => setRoute({ workspaceId }),
+          items: workspaces.map((workspace) => ({
+            value: workspace.id,
+            label: workspace.label,
+            href: href(workspace.id),
+            panel: workspace.render(context)
+          }))
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/ui/admin-workspaces.tsx
+import { Tabs as Tabs2 } 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 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-availability.tsx
+import { jsx as jsx4, jsxs as jsxs4 } 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__ */ jsx4(AdminNote, { children: "Loading\u2026" });
+  if (error || !cfg) return /* @__PURE__ */ jsxs4(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__ */ jsx4(Field, { label, error: errors[key], children: /* @__PURE__ */ jsx4(Input, { type: "number", value: cfg[key], onChange: (e) => edit({ [key]: num(e.target.value, cfg[key]) }) }) });
+  return /* @__PURE__ */ jsx4(AdminPage, { children: /* @__PURE__ */ jsxs4(Panel, { title: "Booking availability", actions: note ? /* @__PURE__ */ jsx4("span", { className: "muted", children: note }) : void 0, children: [
+    /* @__PURE__ */ jsx4(Field, { label: "Days", error: errors.days, children: /* @__PURE__ */ jsx4("div", { style: { display: "flex", gap: 14, flexWrap: "wrap" }, children: DAYS.map((d, i) => /* @__PURE__ */ jsx4(Checkbox, { label: d, checked: cfg.days.includes(i), onChange: () => toggleDay(i) }, d)) }) }),
+    /* @__PURE__ */ jsxs4("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__ */ jsx4(Field, { label: "Timezone", error: errors.timezone, children: /* @__PURE__ */ jsx4(Input, { value: cfg.timezone, onChange: (e) => edit({ timezone: e.target.value }) }) })
+    ] }),
+    /* @__PURE__ */ jsx4(Field, { label: "Event summary template", error: errors.summaryTemplate, children: /* @__PURE__ */ jsx4(Input, { value: cfg.summaryTemplate, onChange: (e) => edit({ summaryTemplate: e.target.value }) }) }),
+    /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(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__ */ jsx4(AvailabilityBody, { ctx }) };
+}
+
+// src/ui/admin-billing.tsx
+import { DataTable, StatBand } from "@odla-ai/ui/components";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+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__ */ jsx5(AdminNote, { children: "Loading\u2026" });
+  if (error || !data) return /* @__PURE__ */ jsxs5(AdminNote, { children: [
+    "Couldn\u2019t load billing",
+    error ? `: ${error}` : "",
+    "."
+  ] });
+  if (!data.billingReady) return /* @__PURE__ */ jsx5(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__ */ jsxs5(AdminPage, { children: [
+    s ? /* @__PURE__ */ jsx5(StatBand, { stats }) : null,
+    /* @__PURE__ */ jsxs5(Panel, { title: "Subscriptions", actions: data.testMode ? /* @__PURE__ */ jsx5("span", { className: "badge", children: "Stripe test mode" }) : void 0, children: [
+      data.truncated ? /* @__PURE__ */ jsx5("p", { className: "badge", children: "Showing the first 100 subscriptions \u2014 the list is truncated." }) : null,
+      /* @__PURE__ */ jsx5(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__ */ jsx5(BillingBody, { ctx }) };
+}
+
+// src/ui/admin-dashboard.tsx
+import { MetricWidget, StepPipeline } from "@odla-ai/ui/components";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var number = (value) => Math.round(value).toLocaleString();
+var money2 = (cents) => `$${Math.round(cents / 100).toLocaleString()}`;
+var when = (time) => new Date(time).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 dashboard\u2026" });
+  if (error || !data) return /* @__PURE__ */ jsxs6(AdminNote, { children: [
+    "Couldn\u2019t load the dashboard",
+    error ? `: ${error}` : "",
+    "."
+  ] });
+  const pipelineSteps = Object.entries(data.pipeline).filter(([stage]) => !["declined", "refunded"].includes(stage)).map(([stage, count]) => ({
+    icon: /* @__PURE__ */ jsx6("span", { style: { fontSize: 22, fontWeight: 700 }, children: count }),
+    title: stage.replaceAll("_", " "),
+    description: data.pipelineDelta[stage] ? `+${data.pipelineDelta[stage]} this week` : "no change"
+  }));
+  const exceptions = ["declined", "refunded"].filter((stage) => stage in data.pipeline).map((stage) => `${stage} ${data.pipeline[stage]}`).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs6(AdminPage, { children: [
+    /* @__PURE__ */ jsx6(
+      Panel,
+      {
+        title: /* @__PURE__ */ jsxs6(Fragment2, { children: [
+          "Upcoming calls",
+          " ",
+          /* @__PURE__ */ jsxs6("span", { className: "muted", style: { fontWeight: 400 }, children: [
+            "\xB7 ",
+            data.timezone
+          ] })
+        ] }),
+        actions: data.calls.needsAttention ? /* @__PURE__ */ jsxs6("span", { className: "badge", children: [
+          data.calls.needsAttention,
+          " need attention"
+        ] }) : void 0,
+        children: data.agenda.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "muted", style: { margin: 0 }, children: "No upcoming calls." }) : /* @__PURE__ */ jsx6("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "grid", gap: 10 }, children: data.agenda.map((meeting) => /* @__PURE__ */ jsxs6("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ jsx6("strong", { style: { minWidth: 170 }, children: when(meeting.startAt) }),
+          /* @__PURE__ */ jsxs6("span", { style: { flex: 1 }, children: [
+            meeting.name,
+            meeting.email ? ` \xB7 ${meeting.email}` : ""
+          ] }),
+          meeting.drift && meeting.drift !== "none" ? /* @__PURE__ */ jsx6("span", { className: "badge", children: "drift" }) : null,
+          meeting.htmlLink ? /* @__PURE__ */ jsx6("a", { href: meeting.htmlLink, target: "_blank", rel: "noreferrer", children: "Open" }) : null,
+          meeting.meetUrl ? /* @__PURE__ */ jsx6("a", { href: meeting.meetUrl, target: "_blank", rel: "noreferrer", children: "Meet" }) : null
+        ] }, meeting.id)) })
+      }
+    ),
+    /* @__PURE__ */ jsxs6("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))", gap: 18 }, children: [
+      /* @__PURE__ */ jsx6(MetricWidget, { label: "Applications", data: data.applicationsSeries, format: number }),
+      data.membersSeries ? /* @__PURE__ */ jsx6(MetricWidget, { label: "New members", data: data.membersSeries, format: number }) : /* @__PURE__ */ jsx6(Panel, { title: "New members", children: /* @__PURE__ */ jsx6("p", { className: "muted", children: "Appears once billing is connected." }) })
+    ] }),
+    data.revenueSeries && data.revenue.billingReady ? /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx6(
+        MetricWidget,
+        {
+          label: "Revenue \xB7 annual run rate added",
+          data: data.revenueSeries,
+          format: money2,
+          size: "large"
+        }
+      ),
+      /* @__PURE__ */ jsxs6("p", { className: "muted", children: [
+        "Active memberships: ",
+        data.revenue.activeCount ?? 0,
+        " \xB7 Annual run rate:",
+        " ",
+        money2(data.revenue.annualRunRateCents ?? 0),
+        data.revenue.testMode ? " \xB7 test mode" : ""
+      ] })
+    ] }) : /* @__PURE__ */ jsx6(Panel, { title: "Revenue", children: /* @__PURE__ */ jsx6("p", { className: "muted", children: "Appears once billing is connected." }) }),
+    /* @__PURE__ */ jsxs6(Panel, { title: "Pipeline", children: [
+      /* @__PURE__ */ jsx6(StepPipeline, { ariaLabel: "Membership pipeline", steps: pipelineSteps }),
+      exceptions ? /* @__PURE__ */ jsx6("p", { className: "muted", style: { margin: 0 }, children: exceptions }) : null
+    ] })
+  ] });
+}
+function dashboardSection(options = {}) {
+  const { id = "dashboard", label = "Dashboard" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx6(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 jsx7, jsxs as jsxs7 } 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__ */ jsx7("span", { className: "badge", children: "failed" }) : r.redirected ? /* @__PURE__ */ jsx7("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);
+  const data = draft ?? cfg.data;
+  if (cfg.loading) return /* @__PURE__ */ jsx7(AdminNote, { children: "Loading\u2026" });
+  if (cfg.error || !data) return /* @__PURE__ */ jsxs7(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__ */ jsxs7(AdminPage, { children: [
+    /* @__PURE__ */ jsxs7(
+      Panel,
+      {
+        title: "Delivery",
+        actions: /* @__PURE__ */ jsxs7("span", { className: "muted", children: [
+          data.envName,
+          " \xB7 ",
+          data.transport,
+          data.fromEmail ? ` \xB7 ${data.fromEmail}` : ""
+        ] }),
+        children: [
+          /* @__PURE__ */ jsx7(Field2, { label: "Notification address", children: /* @__PURE__ */ jsx7(Input2, { value: data.notificationEmail, onChange: (e) => edit({ notificationEmail: e.target.value }) }) }),
+          /* @__PURE__ */ jsx7(Field2, { label: "Reply-to", children: /* @__PURE__ */ jsx7(Input2, { value: data.replyTo, onChange: (e) => edit({ replyTo: e.target.value }) }) }),
+          /* @__PURE__ */ jsx7(Field2, { label: "Debug inbox", hint: "Non-prod sends redirect here.", children: /* @__PURE__ */ jsx7(Input2, { value: data.debugEmail, onChange: (e) => edit({ debugEmail: e.target.value }) }) })
+        ]
+      }
+    ),
+    Object.entries(data.emailTemplates).map(([key, t]) => /* @__PURE__ */ jsxs7(Panel, { title: key, actions: /* @__PURE__ */ jsx7(Button2, { variant: "secondary", mini: true, disabled: busy === `test:${key}`, onClick: () => void test(key), children: "Send test" }), children: [
+      /* @__PURE__ */ jsx7(Checkbox2, { label: "Enabled", checked: t.enabled, onChange: (e) => editTemplate(key, { enabled: e.target.checked }) }),
+      /* @__PURE__ */ jsx7(Field2, { label: "Subject", children: /* @__PURE__ */ jsx7(Input2, { value: t.subject, onChange: (e) => editTemplate(key, { subject: e.target.value }) }) }),
+      /* @__PURE__ */ jsx7(Field2, { label: "Body", children: /* @__PURE__ */ jsx7(Textarea, { prose: true, rows: 5, value: t.text, onChange: (e) => editTemplate(key, { text: e.target.value }) }) })
+    ] }, key)),
+    /* @__PURE__ */ jsxs7("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx7(Button2, { disabled: !draft || busy === "save", onClick: () => void save(), children: "Save changes" }),
+      note ? /* @__PURE__ */ jsx7("span", { className: "muted", children: note }) : null
+    ] }),
+    /* @__PURE__ */ jsx7(Panel, { title: "Send log", children: /* @__PURE__ */ jsx7(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__ */ jsx7(EmailBody, { ctx }) };
+}
+
+// src/ui/admin-people.tsx
+import { BillingCard } from "@odla-ai/crm/ui";
+import {
+  CrmWorkspace
+} from "@odla-ai/crm/ui";
+
+// src/ui/admin-record-actions.tsx
+import { useEffect as useEffect4, useState as useState6 } from "react";
+import { Button as Button3, 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] = useState6(null);
+  const [busy, setBusy] = useState6(null);
+  const [note, setNote] = useState6(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__ */ 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(Button3, { variant: "secondary", mini: true, disabled: busy === "approve", onClick: () => void approve(), children: "Approve" }),
+      /* @__PURE__ */ jsx8(Button3, { 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 useState7 } 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] = useState7(null);
+  const [message, setMessage] = useState7(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__ */ 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
+  ] });
+}
+
+// src/ui/admin-record-activity.tsx
+import { useCallback as useCallback3, useEffect as useEffect5, useState as useState8 } from "react";
+import { ActivityFeed } from "@odla-ai/crm/ui";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function RecordActivityPanel(props) {
+  const { client, recordId } = props;
+  const [activities, setActivities] = useState8([]);
+  const [busy, setBusy] = useState8(false);
+  const [error, setError] = useState8(null);
+  const load = useCallback3(async () => {
+    try {
+      const result = await client.listActivities(recordId, { limit: 100 });
+      setActivities(result.activities);
+      setError(null);
+    } catch (failure) {
+      setError(failure instanceof Error ? failure.message : String(failure));
+    }
+  }, [client, recordId]);
+  useEffect5(() => void load(), [load]);
+  const run = async (action) => {
+    setBusy(true);
+    try {
+      await action();
+      await load();
+    } finally {
+      setBusy(false);
+    }
+  };
+  if (error) return /* @__PURE__ */ jsx10("p", { role: "alert", className: "muted", children: error });
+  return /* @__PURE__ */ jsx10(
+    ActivityFeed,
+    {
+      activities,
+      busy,
+      onAddNote: (body) => void run(() => client.addActivity(recordId, { kind: "note", body })),
+      onAddTask: (task) => void run(() => client.addActivity(recordId, { kind: "task", ...task })),
+      onToggleTask: (activity, done) => void run(() => client.updateTask(activity.id, { status: done ? "done" : "open" }))
+    }
+  );
+}
+
+// src/ui/admin-record-comms.tsx
+import { useCallback as useCallback4, useEffect as useEffect6, useState as useState9 } from "react";
+import { Button as Button4, Field as Field4, Select as Select2 } from "@odla-ai/ui/components";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function RecordCommsPanel(props) {
+  const { client, recordId, getToken } = props;
+  const config = useAdminResource(getToken, "/api/admin/group/email");
+  const templates = Object.entries(config.data?.emailTemplates ?? {}).filter(([, value]) => value.enabled);
+  const [template, setTemplate] = useState9("");
+  const [busy, setBusy] = useState9(false);
+  const [note, setNote] = useState9(null);
+  const send = async () => {
+    if (!template) return;
+    setBusy(true);
+    setNote(null);
+    try {
+      const result = await client.sendEmail(recordId, { templateId: template });
+      setNote(result.sent ? "Message sent." : result.reason ?? "Message was not sent.");
+    } catch (failure) {
+      setNote(failure instanceof Error ? failure.message : String(failure));
+    } finally {
+      setBusy(false);
+    }
+  };
+  if (config.loading) return /* @__PURE__ */ jsx11("p", { className: "muted", children: "Loading templates\u2026" });
+  if (config.error) return /* @__PURE__ */ jsx11("p", { role: "alert", className: "muted", children: config.error });
+  return /* @__PURE__ */ jsxs10("div", { style: { display: "grid", gap: 14, maxWidth: 560 }, children: [
+    /* @__PURE__ */ jsx11(Field4, { label: "Template", children: /* @__PURE__ */ jsx11(
+      Select2,
+      {
+        value: template,
+        onChange: (event) => setTemplate(event.currentTarget.value),
+        options: [
+          { value: "", label: "Choose a template\u2026" },
+          ...templates.map(([id, value]) => ({ value: id, label: value.subject || id }))
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(Button4, { disabled: !template || busy, onClick: () => void send(), children: busy ? "Sending\u2026" : "Send" }) }),
+    note ? /* @__PURE__ */ jsx11("p", { role: "status", className: "muted", children: note }) : null
+  ] });
+}
+function RecordCommsHistory(props) {
+  const { client, recordId } = props;
+  const [rows, setRows] = useState9([]);
+  const [error, setError] = useState9(null);
+  const load = useCallback4(async () => {
+    try {
+      const result = await client.emailLog({ recordId, limit: 100 });
+      setRows(result.log);
+      setError(null);
+    } catch (failure) {
+      setError(failure instanceof Error ? failure.message : String(failure));
+    }
+  }, [client, recordId]);
+  useEffect6(() => void load(), [load]);
+  if (error) return /* @__PURE__ */ jsx11("p", { role: "alert", className: "muted", children: error });
+  if (rows.length === 0) return /* @__PURE__ */ jsx11("p", { className: "muted", children: "No messages recorded." });
+  return /* @__PURE__ */ jsx11("ul", { style: { listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 10 }, children: rows.map((row, index) => /* @__PURE__ */ jsxs10("li", { className: "panel", children: [
+    /* @__PURE__ */ jsx11("strong", { children: String(row["templateId"] ?? row["template"] ?? "Message") }),
+    /* @__PURE__ */ jsxs10("div", { className: "muted", children: [
+      row["to"] ? String(row["to"]) : "",
+      row["sentAt"] ? ` \xB7 ${new Date(Number(row["sentAt"])).toLocaleString()}` : ""
+    ] })
+  ] }, String(row["id"] ?? index))) });
+}
+
+// src/ui/admin-record-scheduling.tsx
+import { useState as useState10 } from "react";
+import { Button as Button5 } from "@odla-ai/ui/components";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function RecordSchedulingPanel(props) {
+  const { getToken, applicationId } = props;
+  const resource = useAdminResource(
+    getToken,
+    "/api/admin/meetings?all=1"
+  );
+  const [busy, setBusy] = useState10(null);
+  const [note, setNote] = useState10(null);
+  const meetings = (resource.data?.meetings ?? []).filter((meeting) => meeting.applicationId === applicationId);
+  const run = async (meeting, action) => {
+    let body;
+    if (action === "reschedule") {
+      const input = globalThis.prompt?.("New start time:");
+      if (!input) return;
+      const startAt = Date.parse(input);
+      if (!Number.isFinite(startAt)) {
+        setNote("Couldn\u2019t parse that time.");
+        return;
+      }
+      body = JSON.stringify({ startAt });
+    } else if (!globalThis.confirm?.("Cancel this call?")) {
+      return;
+    }
+    setBusy(meeting.id);
+    try {
+      await adminFetch(getToken, `/api/admin/meetings/${meeting.id}/${action}`, { method: "POST", body });
+      resource.refresh();
+      setNote(action === "cancel" ? "Call cancelled." : "Call rescheduled.");
+    } catch (failure) {
+      setNote(failure instanceof Error ? failure.message : String(failure));
+    } finally {
+      setBusy(null);
+    }
+  };
+  if (!applicationId) return /* @__PURE__ */ jsx12("p", { className: "muted", children: "No application is linked to this record." });
+  if (resource.loading) return /* @__PURE__ */ jsx12("p", { className: "muted", children: "Loading meetings\u2026" });
+  if (resource.error) return /* @__PURE__ */ jsx12("p", { role: "alert", className: "muted", children: resource.error });
+  if (meetings.length === 0) return /* @__PURE__ */ jsx12("p", { className: "muted", children: "No meetings recorded." });
+  return /* @__PURE__ */ jsxs11("div", { style: { display: "grid", gap: 12 }, children: [
+    meetings.map((meeting) => /* @__PURE__ */ jsxs11("section", { className: "panel", children: [
+      /* @__PURE__ */ jsx12("strong", { children: new Date(meeting.startAt).toLocaleString() }),
+      /* @__PURE__ */ jsxs11("p", { className: "muted", children: [
+        meeting.status,
+        " \xB7 ",
+        resource.data?.timezone
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
+        meeting.meetUrl ? /* @__PURE__ */ jsx12("a", { href: meeting.meetUrl, target: "_blank", rel: "noreferrer", children: "Join meeting" }) : null,
+        meeting.htmlLink ? /* @__PURE__ */ jsx12("a", { href: meeting.htmlLink, target: "_blank", rel: "noreferrer", children: "Open calendar" }) : null,
+        meeting.status === "scheduled" ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsx12(Button5, { variant: "secondary", mini: true, disabled: busy === meeting.id, onClick: () => void run(meeting, "reschedule"), children: "Reschedule" }),
+          /* @__PURE__ */ jsx12(Button5, { variant: "danger", mini: true, disabled: busy === meeting.id, onClick: () => void run(meeting, "cancel"), children: "Cancel" })
+        ] }) : null
+      ] })
+    ] }, meeting.id)),
+    note ? /* @__PURE__ */ jsx12("p", { role: "status", className: "muted", children: note }) : null
+  ] });
+}
+
+// src/ui/admin-people.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var DEFAULT_ROLES = ["provisional", "member", "admin"];
+function PeopleBody(props) {
+  const { crm, client, type, ctx, roles, lifecycle, networkSharing, extendRecordTabs } = props;
+  const def = crm.type(type);
+  const recordId = ctx.route?.recordId ?? null;
+  const workspaceClient = client;
+  return /* @__PURE__ */ jsx13(AdminPage, { children: /* @__PURE__ */ jsx13(
+    CrmWorkspace,
+    {
+      crm,
+      client: workspaceClient,
+      type,
+      recordId,
+      detailTab: ctx.route?.detailTab,
+      defaultDetailTab: "profile",
+      onRecordIdChange: (id) => ctx.navigate({ recordId: id, detailTab: null }),
+      hrefForDetailTab: (detailTab) => ctx.href({ detailTab }),
+      extendRecordTabs: (base, context) => {
+        const record = context.detail.record;
+        const applicationId = typeof record.fields?.applicationId === "string" ? String(record.fields.applicationId) : null;
+        const byId = new Map(base.map((tab) => [tab.id, tab]));
+        const tabs = [];
+        const add = (id) => {
+          const tab = byId.get(id);
+          if (tab) tabs.push(tab);
+        };
+        add("stage");
+        add("profile");
+        if (def.facets?.email !== false) {
+          tabs.push({
+            id: "comms",
+            label: "Comms",
+            panel: /* @__PURE__ */ jsx13(RecordCommsPanel, { client, recordId: record.id, getToken: ctx.getToken })
+          });
+          tabs.push({
+            id: "history",
+            label: "Comms history",
+            panel: /* @__PURE__ */ jsx13(RecordCommsHistory, { client, recordId: record.id })
+          });
+        }
+        if (lifecycle) {
+          tabs.push({
+            id: "scheduling",
+            label: "Scheduling",
+            panel: /* @__PURE__ */ jsx13(RecordSchedulingPanel, { getToken: ctx.getToken, applicationId })
+          });
+          tabs.push({ id: "billing", label: "Billing", panel: /* @__PURE__ */ jsx13(BillingCard, { record }) });
+        } else {
+          add("billing");
+        }
+        tabs.push({
+          id: "notes",
+          label: "Notes",
+          panel: /* @__PURE__ */ jsx13(RecordActivityPanel, { client, recordId: record.id })
+        });
+        add("connections");
+        if (lifecycle) {
+          tabs.push({
+            id: "access",
+            label: "Access",
+            panel: /* @__PURE__ */ jsx13(
+              RecordActions,
+              {
+                getToken: ctx.getToken,
+                record,
+                roles,
+                onChanged: () => {
+                  context.refreshRecord();
+                  context.refreshList();
+                }
+              }
+            )
+          });
+        }
+        if (networkSharing) {
+          tabs.push({
+            id: "sharing",
+            label: "Sharing",
+            panel: /* @__PURE__ */ jsx13(NetworkShareActions, { recordId: record.id, recordType: record.type, getToken: ctx.getToken })
+          });
+        }
+        return extendRecordTabs?.(tabs, context) ?? tabs;
+      }
+    }
+  ) });
+}
+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,
+    networkSharing = false,
+    extendRecordTabs
+  } = options;
+  return {
+    id,
+    label,
+    render: (ctx) => /* @__PURE__ */ jsx13(
+      PeopleBody,
+      {
+        crm,
+        client: ctx.client,
+        type,
+        ctx,
+        roles,
+        lifecycle,
+        networkSharing,
+        extendRecordTabs
+      }
+    )
+  };
+}
+function peopleSection(options) {
+  const {
+    crm,
+    id = "people",
+    label = "People",
+    type = "person",
+    roles,
+    networkSharing,
+    extendRecordTabs
+  } = options;
+  return collectionSection({
+    crm,
+    type,
+    id,
+    label,
+    ...roles ? { roles } : {},
+    ...networkSharing != null ? { networkSharing } : {},
+    ...extendRecordTabs ? { extendRecordTabs } : {}
+  });
+}
+
+// src/ui/admin-workspaces.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var adminViewContext = (ctx, viewId, active) => {
+  const route = {
+    workspaceId: ctx.route.workspaceId,
+    viewId,
+    ...active && ctx.route.recordId ? { recordId: ctx.route.recordId } : {},
+    ...active && ctx.route.detailTab ? { detailTab: ctx.route.detailTab } : {}
+  };
+  const targetFromView = (target) => {
+    if (typeof target === "string") return target;
+    if (target.workspaceId && target.workspaceId !== route.workspaceId) return target;
+    if (target.viewId && target.viewId !== route.viewId) return target;
+    return { ...route, ...target };
+  };
+  return {
+    ...ctx,
+    route,
+    navigate: (target) => ctx.navigate(targetFromView(target)),
+    href: (target) => ctx.href(targetFromView(target))
+  };
+};
+function DashboardWorkspace({ ctx }) {
+  const active = ctx.route.viewId === "billing" ? "billing" : "overview";
+  const overview = dashboardSection({ id: "overview", label: "Overview" });
+  const billing = billingSection();
+  return /* @__PURE__ */ jsx14(
+    Tabs2,
+    {
+      ariaLabel: "Dashboard views",
+      value: active,
+      items: [
+        {
+          value: "overview",
+          label: "Overview",
+          href: ctx.href({ viewId: "overview", recordId: null, detailTab: null }),
+          panel: overview.render(adminViewContext(ctx, "overview", active === "overview"))
+        },
+        {
+          value: "billing",
+          label: "Billing",
+          href: ctx.href({ viewId: "billing", recordId: null, detailTab: null }),
+          panel: billing.render(adminViewContext(ctx, "billing", active === "billing"))
+        }
+      ]
+    }
+  );
+}
+function SettingsWorkspace({ ctx }) {
+  const active = ctx.route.viewId === "email" ? "email" : "calendar";
+  const calendar = availabilitySection({ id: "calendar", label: "Calendar" });
+  const email = emailSection();
+  return /* @__PURE__ */ jsx14(
+    Tabs2,
+    {
+      ariaLabel: "Settings views",
+      value: active,
+      items: [
+        {
+          value: "calendar",
+          label: "Calendar",
+          href: ctx.href({ viewId: "calendar", recordId: null, detailTab: null }),
+          panel: calendar.render(adminViewContext(ctx, "calendar", active === "calendar"))
+        },
+        {
+          value: "email",
+          label: "Email",
+          href: ctx.href({ viewId: "email", recordId: null, detailTab: null }),
+          panel: email.render(adminViewContext(ctx, "email", active === "email"))
+        }
+      ]
+    }
+  );
+}
+function PeopleWorkspace({ chapter, ctx }) {
+  const types = Object.entries(chapter.crm.config.types);
+  const fallback = types[0]?.[0] ?? "person";
+  const active = types.some(([type]) => type === ctx.route.viewId) ? ctx.route.viewId : fallback;
+  const networkSharing = chapter.network.targets.length > 0;
+  return /* @__PURE__ */ jsx14(
+    Tabs2,
+    {
+      ariaLabel: "CRM collections",
+      value: active,
+      variant: "pill",
+      items: types.map(([type, def]) => {
+        const section = collectionSection({
+          crm: chapter.crm,
+          type,
+          lifecycle: chapter.mode === "chapter" && type === "person",
+          roles: chapter.auth.ladder,
+          networkSharing
+        });
+        return {
+          value: type,
+          label: def.labelPlural ?? def.label,
+          href: ctx.href({ viewId: type, recordId: null, detailTab: null }),
+          panel: section.render(adminViewContext(ctx, type, active === type))
+        };
+      })
+    }
+  );
+}
+function defaultAdminWorkspaces(chapter) {
+  const people = {
+    id: "people",
+    label: "People",
+    render: (ctx) => /* @__PURE__ */ jsx14(PeopleWorkspace, { chapter, ctx })
+  };
+  if (chapter.mode === "hub") return [people];
+  return [
+    { id: "dashboard", label: "Dashboard", render: (ctx) => /* @__PURE__ */ jsx14(DashboardWorkspace, { ctx }) },
+    people,
+    { id: "settings", label: "Settings", render: (ctx) => /* @__PURE__ */ jsx14(SettingsWorkspace, { ctx }) }
+  ];
+}
+
+// src/ui/admin.tsx
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+function AdminTheme(props) {
+  const brand = props.chapter?.brand;
+  return /* @__PURE__ */ jsxs12(
+    ThemeScope,
+    {
+      "data-chapter-admin": "",
+      theme: brand?.theme,
+      colorScheme: brand?.colorScheme ?? "light",
+      children: [
+        /* @__PURE__ */ jsx15(BrandStyle, { brand, selector: "[data-chapter-admin]" }),
+        props.children
+      ]
+    }
+  );
+}
+function Authed(props) {
+  const {
+    workspaces,
+    basePath,
+    brand,
+    crmBasePath,
+    apiBase,
+    routing,
+    chrome,
+    renderHeader
+  } = props;
+  const { getToken, signOut } = useClerkAuth();
+  const client = useMemo(
+    () => new CrmClient({
+      basePath: crmBasePath,
+      headers: async () => {
+        const token = await getToken();
+        return token ? { authorization: `Bearer ${token}` } : {};
+      }
+    }),
+    [getToken, crmBasePath]
+  );
+  const [state, setState] = useState11({ status: "checking" });
+  useEffect7(() => {
+    let live = true;
+    void (async () => {
+      try {
+        const token = await getToken();
+        const response = await fetch(`${apiBase}/api/me`, {
+          headers: token ? { authorization: `Bearer ${token}` } : {}
+        });
+        const body = await response.json().catch(() => ({}));
+        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__ */ jsx15(Gate, { brand, children: /* @__PURE__ */ jsx15("p", { style: S.muted, children: "Checking access\u2026" }) });
+  if (state.status === "denied") {
+    return /* @__PURE__ */ jsx15(Gate, { brand, children: /* @__PURE__ */ jsxs12("div", { className: "card", style: S.card, children: [
+      /* @__PURE__ */ jsx15("h2", { style: { marginTop: 0 }, children: "Not authorized" }),
+      /* @__PURE__ */ jsxs12("p", { style: S.muted, children: [
+        state.email ? `${state.email} isn't` : "This account isn't",
+        " on the admin list."
+      ] }),
+      /* @__PURE__ */ jsx15("button", { className: "btn secondary", onClick: () => signOut(), children: "Sign out" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx15(
+    AdminShell,
+    {
+      workspaces,
+      basePath,
+      brand,
+      client,
+      getToken,
+      signOut,
+      email: state.email ?? null,
+      routing,
+      chrome,
+      renderHeader
+    }
+  );
+}
+var signInRedirect = (basePath, workspaces) => {
+  if (typeof window === "undefined") return basePath;
+  const current = new URL(window.location.href);
+  const route = adminRouteFromUrl(current, basePath, workspaces.map((workspace) => workspace.id));
+  return adminRouteHref(current, basePath, route, "query");
+};
+function ChapterAdmin(props) {
+  const defaults = useMemo(
+    () => props.chapter ? defaultAdminWorkspaces(props.chapter) : [],
+    [props.chapter]
+  );
+  const workspaces = useMemo(() => {
+    if (typeof props.workspaces === "function") return props.workspaces(defaults);
+    return props.workspaces ?? props.sections ?? defaults;
+  }, [props.workspaces, props.sections, defaults]);
+  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 ?? "fragment";
+  const chrome = props.chrome ?? "editorial";
+  const redirect = signInRedirect(basePath, workspaces);
+  const [publishableKey, setPublishableKey] = useState11(void 0);
+  useEffect7(() => {
+    let live = true;
+    void fetch(`${apiBase}/api/config`).then((response) => response.json()).then((body) => live && setPublishableKey(body.clerkPublishableKey ?? null)).catch(() => live && setPublishableKey(null));
+    return () => {
+      live = false;
+    };
+  }, [apiBase]);
+  let content;
+  if (publishableKey === void 0) {
+    content = /* @__PURE__ */ jsx15(Gate, { brand, children: /* @__PURE__ */ jsx15("p", { style: S.muted, children: "Loading\u2026" }) });
+  } else if (!publishableKey) {
+    content = /* @__PURE__ */ jsx15(Gate, { brand, children: /* @__PURE__ */ jsxs12("div", { className: "card", style: S.card, children: [
+      /* @__PURE__ */ jsx15("h2", { style: { marginTop: 0 }, children: "Sign-in not configured" }),
+      /* @__PURE__ */ jsx15("p", { style: S.muted, children: "No Clerk publishable key is set for this environment yet." })
+    ] }) });
+  } else if (workspaces.length === 0) {
+    content = /* @__PURE__ */ jsx15(Gate, { brand, children: /* @__PURE__ */ jsx15("p", { style: S.muted, children: "No admin workspaces are configured." }) });
+  } else {
+    content = /* @__PURE__ */ jsxs12(
+      ClerkGate,
+      {
+        publishableKey,
+        appearance: clerkAppearanceFromTokens(),
+        afterSignOutUrl: "/",
+        children: [
+          /* @__PURE__ */ jsx15(SignedOut, { children: /* @__PURE__ */ jsx15(Gate, { brand, tagline: "Admin sign-in \u2014 invite only", children: /* @__PURE__ */ jsx15(
+            SignIn,
+            {
+              routing: "hash",
+              forceRedirectUrl: redirect,
+              signUpForceRedirectUrl: redirect
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx15(SignedIn, { children: /* @__PURE__ */ jsx15(
+            Authed,
+            {
+              workspaces,
+              basePath,
+              brand,
+              crmBasePath,
+              apiBase,
+              routing,
+              chrome,
+              renderHeader: props.renderHeader
+            }
+          ) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx15(AdminTheme, { chapter: props.chapter, children: content });
+}
+
+// src/ui/admin-defaults.ts
+function defaultAdminSections(chapter) {
+  return defaultAdminWorkspaces(chapter);
+}
+
+// src/ui/admin-meetings.tsx
+import { useState as useState12 } from "react";
+import { Button as Button6 } from "@odla-ai/ui/components";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var when2 = (t) => new Date(t).toLocaleString([], { dateStyle: "medium", timeStyle: "short" });
+function MeetingsBody({ ctx }) {
+  const { data, loading, error, refresh } = useAdminResource(ctx.getToken, "/api/admin/meetings?all=1");
+  const [busy, setBusy] = useState12(null);
+  const [note, setNote] = useState12(null);
+  if (loading) return /* @__PURE__ */ jsx16(AdminNote, { children: "Loading\u2026" });
+  if (error || !data) return /* @__PURE__ */ jsxs13(AdminNote, { children: [
+    "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__ */ jsx16(AdminPage, { children: /* @__PURE__ */ jsx16(Panel, { title: /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    "Agenda ",
+    /* @__PURE__ */ jsxs13("span", { className: "muted", style: { fontWeight: 400 }, children: [
+      "\xB7 ",
+      data.timezone
+    ] })
+  ] }), actions: note ? /* @__PURE__ */ jsx16("span", { className: "muted", children: note }) : void 0, children: data.meetings.length === 0 ? /* @__PURE__ */ jsx16("p", { className: "muted", style: { margin: 0 }, children: "No meetings." }) : /* @__PURE__ */ jsx16("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 12 }, children: data.meetings.map((m) => /* @__PURE__ */ jsxs13("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap", opacity: m.status === "cancelled" ? 0.55 : 1 }, children: [
+    /* @__PURE__ */ jsx16("strong", { style: { minWidth: 170 }, children: when2(m.startAt) }),
+    /* @__PURE__ */ jsx16("span", { style: { flex: 1 }, children: m.applicant ? `${m.applicant.name} \xB7 ${m.applicant.email}` : "(unknown)" }),
+    /* @__PURE__ */ jsx16("span", { className: "badge", children: m.status }),
+    m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs13("span", { className: "badge", children: [
+      "drift: ",
+      m.drift
+    ] }) : null,
+    m.meetUrl ? /* @__PURE__ */ jsx16("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: "Meet" }) : null,
+    m.status === "scheduled" ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+      /* @__PURE__ */ jsx16(Button6, { variant: "secondary", mini: true, disabled: busy === m.id, onClick: () => reschedule(m.id), children: "Reschedule" }),
+      /* @__PURE__ */ jsx16(Button6, { variant: "danger", mini: true, disabled: busy === m.id, onClick: () => cancel(m.id), children: "Cancel" })
+    ] }) : null
+  ] }, m.id)) }) }) });
+}
+function meetingsSection(options = {}) {
+  const { id = "meetings", label = "Meetings" } = options;
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx16(MeetingsBody, { ctx }) };
+}
+
+export {
+  AdminPage,
+  Panel,
+  ThemeWarning,
+  AdminNote,
+  adminRouteFromUrl,
+  adminRouteHref,
+  adminSectionFromUrl,
+  adminSectionHref,
+  adminFetch,
+  useAdminResource,
+  availabilitySection,
+  billingSection,
+  dashboardSection,
+  emailSection,
+  RecordActions,
+  NetworkShareActions,
+  collectionSection,
+  peopleSection,
+  defaultAdminWorkspaces,
+  ChapterAdmin,
+  defaultAdminSections,
+  meetingsSection
+};
+//# sourceMappingURL=chunk-AOTWFOH4.js.map