@odla-ai/chapter 0.22.1 → 0.24.0

package/dist/{chunk-C4XQSRW7.js → chunk-ZPAJL7KG.js}

@@ -1,22 +1,19 @@
 import {
-  BrandStyle
-} from "./chunk-3QKGKUTX.js";
+  BrandStyle,
+  ChapterCopyProvider,
+  DEFAULT_CHAPTER_COPY,
+  formatChapterCopy,
+  useChapterCopy
+} from "./chunk-WGQO4WDJ.js";
 
 // src/ui/admin.tsx
-import { useEffect as useEffect7, useMemo, useState as useState11 } from "preact/hooks";
-import {
-  ClerkGate,
-  SignedIn,
-  SignedOut,
-  SignIn,
-  useClerkAuth,
-  clerkAppearanceFromTokens
-} from "@odla-ai/auth-clerk";
+import { useEffect as useEffect8, useMemo, useRef, useState as useState12 } from "preact/hooks";
+import { ClerkGate, SignedIn, SignedOut, SignIn, useClerkAuth } from "@odla-ai/auth-clerk";
 import { CrmClient } from "@odla-ai/crm";
 
 // src/ui/chrome.tsx
 import { useCallback, useEffect as useEffect2, useState as useState2 } from "preact/hooks";
-import { Tabs, TopBar, TopBarLink } from "@odla-ai/ui/components";
+import { Tabs, ThemeScope, TopBar, TopBarLink } from "@odla-ai/ui/components";
 
 // src/ui/admin-layout.tsx
 import { useEffect, useState } from "preact/hooks";
@@ -301,6 +298,7 @@ function AdminShell({
   renderAccountMenu,
   renderWorkspaceNav
 }) {
+  const copy = useChapterCopy().admin;
   const normalizeRoute = useCallback((candidate) => {
     if (candidate.viewId) return candidate;
     const workspace = workspaces.find((item) => item.id === candidate.workspaceId);
@@ -371,10 +369,12 @@ function AdminShell({
     signOut
   };
   const identity = renderAccountMenu?.(accountProps) ?? /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3("span", { style: { ...S.role, color: "inherit", borderColor: "currentColor", background: "transparent" }, children: "admin" }),
+    /* @__PURE__ */ jsx3("span", { style: { ...S.role, color: "inherit", borderColor: "currentColor", background: "transparent" }, children: copy.shell.adminRole }),
     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" })
+    /* @__PURE__ */ jsx3("button", { className: "btn secondary mini", onClick: signOut, children: copy.auth.signOut })
   ] });
+  const activeContent = active?.render(context);
+  const workspaceContent = active?.accent ? /* @__PURE__ */ jsx3(ThemeScope, { accent: active.accent, children: activeContent }) : activeContent;
   if (chrome === "topbar") {
     return /* @__PURE__ */ jsxs3(Fragment, { children: [
       /* @__PURE__ */ jsxs3(TopBar, { children: [
@@ -382,13 +382,13 @@ function AdminShell({
           /* @__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("nav", { className: "topbar-nav", "aria-label": copy.shell.navigationLabel, 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)
+        workspaceContent
       ] })
     ] });
   }
@@ -397,7 +397,7 @@ function AdminShell({
       /* @__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: { opacity: 0.68 }, children: copy.shell.adminConsole }),
     /* @__PURE__ */ jsx3("span", { style: { flex: 1 } }),
     /* @__PURE__ */ jsx3("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: identity })
   ] }) : null;
@@ -407,12 +407,12 @@ function AdminShell({
       /* @__PURE__ */ jsx3(ThemeWarning, {}),
       renderWorkspaceNav ? /* @__PURE__ */ jsxs3(Fragment, { children: [
         /* @__PURE__ */ jsx3("div", { style: S.workspaceTabs, children: renderWorkspaceNav({ workspaces, route, navigate, href }) }),
-        active?.render(context)
+        workspaceContent
       ] }) : /* @__PURE__ */ jsx3(
         Tabs,
         {
           style: S.workspaceTabs,
-          ariaLabel: "Admin workspaces",
+          ariaLabel: copy.shell.navigationLabel,
           value: route.workspaceId,
           mount: "active",
           onValueChange: (workspaceId) => setRoute(normalizeRoute({ workspaceId })),
@@ -420,7 +420,7 @@ function AdminShell({
             value: workspace.id,
             label: workspace.label,
             href: href(workspace.id),
-            panel: workspace.id === route.workspaceId ? workspace.render(context) : null
+            panel: workspace.id === route.workspaceId ? workspace.accent ? /* @__PURE__ */ jsx3(ThemeScope, { accent: workspace.accent, children: workspace.render(context) }) : workspace.render(context) : null
           }))
         }
       )
@@ -467,17 +467,17 @@ function useAdminResource(getToken, path) {
 
 // src/ui/admin-availability.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
-var DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
 function AvailabilityBody({ ctx }) {
+  const copy = useChapterCopy().admin.availability;
   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 (loading) return /* @__PURE__ */ jsx4(AdminNote, { children: copy.loading });
   if (error || !cfg) return /* @__PURE__ */ jsxs4(AdminNote, { children: [
-    "Couldn\u2019t load availability",
+    copy.loadFailed,
     error ? `: ${error}` : "",
     "."
   ] });
@@ -499,7 +499,7 @@ function AvailabilityBody({ ctx }) {
       }
       setDraft(null);
       refresh();
-      setNote("Saved.");
+      setNote(copy.saved);
     } catch (e) {
       setNote(e instanceof Error ? e.message : String(e));
     } finally {
@@ -507,18 +507,18 @@ function AvailabilityBody({ ctx }) {
     }
   };
   const numField = (key, label) => /* @__PURE__ */ jsx4(Field, { label, error: errors[key], children: /* @__PURE__ */ jsx4(Input, { type: "number", value: cfg[key], onInput: (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)) }) }),
+  return /* @__PURE__ */ jsx4(AdminPage, { children: /* @__PURE__ */ jsxs4(Panel, { title: copy.title, actions: note ? /* @__PURE__ */ jsx4("span", { className: "muted", children: note }) : void 0, children: [
+    /* @__PURE__ */ jsx4(Field, { label: copy.days, error: errors.days, children: /* @__PURE__ */ jsx4("div", { style: { display: "flex", gap: 14, flexWrap: "wrap" }, children: copy.dayLabels.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, onInput: (e) => edit({ timezone: e.target.value }) }) })
+      numField("startHour", copy.startHour),
+      numField("endHour", copy.endHour),
+      numField("slotMinutes", copy.slotMinutes),
+      numField("minNoticeHours", copy.minNoticeHours),
+      numField("windowDays", copy.windowDays),
+      /* @__PURE__ */ jsx4(Field, { label: copy.timezone, error: errors.timezone, children: /* @__PURE__ */ jsx4(Input, { value: cfg.timezone, onInput: (e) => edit({ timezone: e.target.value }) }) })
     ] }),
-    /* @__PURE__ */ jsx4(Field, { label: "Event summary template", error: errors.summaryTemplate, children: /* @__PURE__ */ jsx4(Input, { value: cfg.summaryTemplate, onInput: (e) => edit({ summaryTemplate: e.target.value }) }) }),
-    /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(Button, { disabled: !draft || busy, onClick: () => void save(), children: "Save availability" }) })
+    /* @__PURE__ */ jsx4(Field, { label: copy.summaryTemplate, error: errors.summaryTemplate, children: /* @__PURE__ */ jsx4(Input, { value: cfg.summaryTemplate, onInput: (e) => edit({ summaryTemplate: e.target.value }) }) }),
+    /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(Button, { disabled: !draft || busy, onClick: () => void save(), children: copy.save }) })
   ] }) });
 }
 function availabilitySection(options = {}) {
@@ -531,35 +531,36 @@ import { DataTable, StatBand } from "@odla-ai/ui/components";
 import { jsx as jsx5, jsxs as jsxs5 } from "preact/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 }
+var columns = (copy) => [
+  { key: "name", header: copy.name, cell: (r) => r.name, sortAs: "string" },
+  { key: "email", header: copy.email, cell: (r) => r.email },
+  { key: "applicationStatus", header: copy.application, cell: (r) => r.applicationStatus },
+  { key: "subscriptionStatus", header: copy.subscription, cell: (r) => r.subscriptionStatus ? `${r.subscriptionStatus}${r.cancelAtPeriodEnd ? ` \xB7 ${copy.cancelling}` : ""}` : "\u2014" },
+  { key: "amountCents", header: copy.amount, cell: (r) => `${money(r.amountCents)}/${r.interval === "month" ? "mo" : "yr"}`, sortAs: "number", sortValue: (r) => r.amountCents },
+  { key: "renewalAt", header: copy.renews, cell: (r) => date(r.renewalAt), sortAs: "number", sortValue: (r) => r.renewalAt ?? 0 }
 ];
 function BillingBody({ ctx }) {
+  const copy = useChapterCopy().admin.billing;
   const { data, loading, error } = useAdminResource(ctx.getToken, "/api/admin/billing");
-  if (loading) return /* @__PURE__ */ jsx5(AdminNote, { children: "Loading\u2026" });
+  if (loading) return /* @__PURE__ */ jsx5(AdminNote, { children: copy.loading });
   if (error || !data) return /* @__PURE__ */ jsxs5(AdminNote, { children: [
-    "Couldn\u2019t load billing",
+    copy.loadFailed,
     error ? `: ${error}` : "",
     "."
   ] });
-  if (!data.billingReady) return /* @__PURE__ */ jsx5(AdminNote, { children: "Billing isn\u2019t configured \u2014 no Stripe key is vaulted for this group." });
+  if (!data.billingReady) return /* @__PURE__ */ jsx5(AdminNote, { children: copy.notConfigured });
   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" }
+    { value: s.activeCount, label: copy.active },
+    { value: money(s.annualizedCents), label: copy.annualized },
+    { value: s.renewingSoonCount, label: copy.renewingSoon },
+    { value: s.pastDueCount, label: copy.pastDue }
   ] : [];
   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 })
+    /* @__PURE__ */ jsxs5(Panel, { title: copy.subscriptions, actions: data.testMode ? /* @__PURE__ */ jsx5("span", { className: "badge", children: copy.testMode }) : void 0, children: [
+      data.truncated ? /* @__PURE__ */ jsx5("p", { className: "badge", children: copy.truncated }) : null,
+      /* @__PURE__ */ jsx5(DataTable, { rows: data.rows, columns: columns(copy), rowKey: (r) => r.id })
     ] })
   ] });
 }
@@ -575,20 +576,21 @@ 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 copy = useChapterCopy().admin.dashboard;
   const { data, loading, error } = useAdminResource(
     ctx.getToken,
     "/api/admin/dashboard"
   );
-  if (loading) return /* @__PURE__ */ jsx6(AdminNote, { children: "Loading dashboard\u2026" });
+  if (loading) return /* @__PURE__ */ jsx6(AdminNote, { children: copy.loading });
   if (error || !data) return /* @__PURE__ */ jsxs6(AdminNote, { children: [
-    "Couldn\u2019t load the dashboard",
+    copy.loadFailed,
     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"
+    description: data.pipelineDelta[stage] ? formatChapterCopy(copy.thisWeek, { count: data.pipelineDelta[stage] }) : copy.noChange
   }));
   const exceptions = ["declined", "refunded"].filter((stage) => stage in data.pipeline).map((stage) => `${stage} ${data.pipeline[stage]}`).join(" \xB7 ");
   return /* @__PURE__ */ jsxs6(AdminPage, { children: [
@@ -596,54 +598,54 @@ function DashboardBody({ ctx }) {
       Panel,
       {
         title: /* @__PURE__ */ jsxs6(Fragment2, { children: [
-          "Upcoming calls",
+          copy.upcomingCalls,
           " ",
           /* @__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: [
+        actions: data.calls.needsAttention ? /* @__PURE__ */ jsx6("span", { className: "badge", children: formatChapterCopy(copy.callsNeedAttention, { count: data.calls.needsAttention }) }) : void 0,
+        children: data.agenda.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "muted", style: { margin: 0 }, children: copy.noUpcomingCalls }) : /* @__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.drift && meeting.drift !== "none" ? /* @__PURE__ */ jsx6("span", { className: "badge", children: copy.drift }) : null,
+          meeting.htmlLink ? /* @__PURE__ */ jsx6("a", { href: meeting.htmlLink, target: "_blank", rel: "noreferrer", children: copy.open }) : null,
+          meeting.meetUrl ? /* @__PURE__ */ jsx6("a", { href: meeting.meetUrl, target: "_blank", rel: "noreferrer", children: copy.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." }) })
+      /* @__PURE__ */ jsx6(MetricWidget, { label: copy.applications, data: data.applicationsSeries, format: number }),
+      data.membersSeries ? /* @__PURE__ */ jsx6(MetricWidget, { label: copy.newMembers, data: data.membersSeries, format: number }) : /* @__PURE__ */ jsx6(Panel, { title: copy.newMembers, children: /* @__PURE__ */ jsx6("p", { className: "muted", children: copy.newMembersUnavailable }) })
     ] }),
     data.revenueSeries && data.revenue.billingReady ? /* @__PURE__ */ jsxs6("div", { children: [
       /* @__PURE__ */ jsx6(
         MetricWidget,
         {
-          label: "Revenue \xB7 annual run rate added",
+          label: copy.revenueAdded,
           data: data.revenueSeries,
           format: money2,
           size: "large"
         }
       ),
       /* @__PURE__ */ jsxs6("p", { className: "muted", children: [
-        "Active memberships: ",
+        copy.activeMemberships,
+        ": ",
         data.revenue.activeCount ?? 0,
-        " \xB7 Annual run rate:",
+        " \xB7 ",
+        copy.annualRunRate,
+        ":",
         " ",
         money2(data.revenue.annualRunRateCents ?? 0),
-        data.revenue.testMode ? " \xB7 test mode" : ""
+        data.revenue.testMode ? ` \xB7 ${copy.testMode}` : ""
       ] })
-    ] }) : /* @__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 }),
+    ] }) : /* @__PURE__ */ jsx6(Panel, { title: copy.revenue, children: /* @__PURE__ */ jsx6("p", { className: "muted", children: copy.revenueUnavailable }) }),
+    /* @__PURE__ */ jsxs6(Panel, { title: copy.pipeline, children: [
+      /* @__PURE__ */ jsx6(StepPipeline, { ariaLabel: copy.pipelineLabel, steps: pipelineSteps }),
       exceptions ? /* @__PURE__ */ jsx6("p", { className: "muted", style: { margin: 0 }, children: exceptions }) : null
     ] })
   ] });
@@ -657,22 +659,23 @@ function dashboardSection(options = {}) {
 import { useState as useState5 } from "preact/hooks";
 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 "preact/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" }
+var logColumns = (copy) => [
+  { key: "sentAt", header: copy.sentColumn, cell: (r) => new Date(r.sentAt).toLocaleString(), sortAs: "number", sortValue: (r) => r.sentAt },
+  { key: "template", header: copy.templateColumn, cell: (r) => r.template },
+  { key: "to", header: copy.toColumn, cell: (r) => r.to },
+  { key: "status", header: copy.statusColumn, cell: (r) => r.error ? /* @__PURE__ */ jsx7("span", { className: "badge", children: copy.failed }) : r.redirected ? /* @__PURE__ */ jsx7("span", { className: "badge", children: copy.redirected }) : copy.delivered }
 ];
 function EmailBody({ ctx }) {
+  const copy = useChapterCopy().admin.email;
   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.loading) return /* @__PURE__ */ jsx7(AdminNote, { children: copy.loading });
   if (cfg.error || !data) return /* @__PURE__ */ jsxs7(AdminNote, { children: [
-    "Couldn\u2019t load email config",
+    copy.loadFailed,
     cfg.error ? `: ${cfg.error}` : "",
     "."
   ] });
@@ -693,18 +696,22 @@ function EmailBody({ ctx }) {
     await adminFetch(ctx.getToken, "/api/admin/group/email", { method: "PUT", body: JSON.stringify(data) });
     setDraft(null);
     cfg.refresh();
-    setNote("Saved.");
+    setNote(copy.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.");
+    setNote(r.ok ? formatChapterCopy(copy.sent, {
+      template,
+      address: r.to,
+      redirected: r.redirected ? ` (${copy.redirected})` : ""
+    }) : copy.testFailed);
     log.refresh();
   });
   return /* @__PURE__ */ jsxs7(AdminPage, { children: [
     /* @__PURE__ */ jsxs7(
       Panel,
       {
-        title: "Delivery",
+        title: copy.delivery,
         actions: /* @__PURE__ */ jsxs7("span", { className: "muted", children: [
           data.envName,
           " \xB7 ",
@@ -712,22 +719,22 @@ function EmailBody({ ctx }) {
           data.fromEmail ? ` \xB7 ${data.fromEmail}` : ""
         ] }),
         children: [
-          /* @__PURE__ */ jsx7(Field2, { label: "Notification address", children: /* @__PURE__ */ jsx7(Input2, { value: data.notificationEmail, onInput: (e) => edit({ notificationEmail: e.target.value }) }) }),
-          /* @__PURE__ */ jsx7(Field2, { label: "Reply-to", children: /* @__PURE__ */ jsx7(Input2, { value: data.replyTo, onInput: (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, onInput: (e) => edit({ debugEmail: e.target.value }) }) })
+          /* @__PURE__ */ jsx7(Field2, { label: copy.notificationAddress, children: /* @__PURE__ */ jsx7(Input2, { value: data.notificationEmail, onInput: (e) => edit({ notificationEmail: e.target.value }) }) }),
+          /* @__PURE__ */ jsx7(Field2, { label: copy.replyTo, children: /* @__PURE__ */ jsx7(Input2, { value: data.replyTo, onInput: (e) => edit({ replyTo: e.target.value }) }) }),
+          /* @__PURE__ */ jsx7(Field2, { label: copy.debugInbox, hint: copy.debugInboxHint, children: /* @__PURE__ */ jsx7(Input2, { value: data.debugEmail, onInput: (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, onInput: (e) => editTemplate(key, { subject: e.target.value }) }) }),
-      /* @__PURE__ */ jsx7(Field2, { label: "Body", children: /* @__PURE__ */ jsx7(Textarea, { prose: true, rows: 5, value: t.text, onInput: (e) => editTemplate(key, { text: 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: copy.sendTest }), children: [
+      /* @__PURE__ */ jsx7(Checkbox2, { label: copy.enabled, checked: t.enabled, onChange: (e) => editTemplate(key, { enabled: e.target.checked }) }),
+      /* @__PURE__ */ jsx7(Field2, { label: copy.subject, children: /* @__PURE__ */ jsx7(Input2, { value: t.subject, onInput: (e) => editTemplate(key, { subject: e.target.value }) }) }),
+      /* @__PURE__ */ jsx7(Field2, { label: copy.body, children: /* @__PURE__ */ jsx7(Textarea, { prose: true, rows: 5, value: t.text, onInput: (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" }),
+      /* @__PURE__ */ jsx7(Button2, { disabled: !draft || busy === "save", onClick: () => void save(), children: copy.save }),
       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 }) })
+    /* @__PURE__ */ jsx7(Panel, { title: copy.sendLog, children: /* @__PURE__ */ jsx7(DataTable2, { rows: log.data?.sends ?? [], columns: logColumns(copy), rowKey: (r) => r.id }) })
   ] });
 }
 function emailSection(options = {}) {
@@ -743,6 +750,7 @@ import { useEffect as useEffect4, useState as useState6 } from "preact/hooks";
 import { Button as Button3, Field as Field3, Select } from "@odla-ai/ui/components";
 import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
 function RecordActions({ getToken, record, roles, onChanged }) {
+  const copy = useChapterCopy().admin.records;
   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);
@@ -772,13 +780,13 @@ function RecordActions({ getToken, record, roles, onChanged }) {
       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.");
+  const setRole = (role) => act("role", () => adminFetch(getToken, "/api/admin/people/role", { method: "POST", body: JSON.stringify({ userId, role }) }), formatChapterCopy(copy.roleSet, { role }));
+  const approve = () => act("approve", () => adminFetch(getToken, `/api/admin/applications/${applicationId}/approve`, { method: "POST" }), copy.approved);
+  const refund = () => act("refund", () => adminFetch(getToken, `/api/admin/applications/${applicationId}/refund`, { method: "POST" }), copy.refunded);
   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(
+    /* @__PURE__ */ jsx8("h3", { style: { margin: 0, fontSize: 16 }, children: copy.lifecycle }),
+    userId ? /* @__PURE__ */ jsx8(Field3, { label: copy.role, hint: access?.superAdmin ? copy.superAdminHint : void 0, children: /* @__PURE__ */ jsx8(
       Select,
       {
         value: access?.role ?? "",
@@ -786,10 +794,10 @@ function RecordActions({ getToken, record, roles, onChanged }) {
         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." }),
+    ) }) : /* @__PURE__ */ jsx8("p", { className: "muted", style: { margin: 0 }, children: copy.noAccount }),
     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" })
+      /* @__PURE__ */ jsx8(Button3, { variant: "secondary", mini: true, disabled: busy === "approve", onClick: () => void approve(), children: copy.approve }),
+      /* @__PURE__ */ jsx8(Button3, { variant: "danger", mini: true, disabled: busy === "refund", onClick: () => void refund(), children: copy.refund })
     ] }) : null,
     note ? /* @__PURE__ */ jsx8("p", { className: "muted", style: { margin: 0 }, children: note }) : null
   ] });
@@ -799,6 +807,7 @@ function RecordActions({ getToken, record, roles, onChanged }) {
 import { useState as useState7 } from "preact/hooks";
 import { jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
 function NetworkShareActions(props) {
+  const copy = useChapterCopy().admin.network;
   const { recordId, recordType, getToken } = props;
   const targets = useAdminResource(getToken, "/api/admin/network/targets");
   const [busy, setBusy] = useState7(null);
@@ -814,19 +823,19 @@ function NetworkShareActions(props) {
         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}.`);
+      setMessage(delivery?.ok ? formatChapterCopy(copy.shared, { target: target.name }) : delivery?.error ?? formatChapterCopy(copy.shareFailed, { target: target.name }));
     } catch (err) {
-      setMessage(err instanceof Error ? err.message : "Delivery failed.");
+      setMessage(err instanceof Error ? err.message : copy.deliveryFailed);
     } 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("h3", { style: { margin: 0, fontSize: 16 }, children: copy.title }),
+      /* @__PURE__ */ jsx9("p", { className: "muted", style: { margin: "4px 0 0", fontSize: 13 }, children: copy.allowlistDescription })
     ] }),
-    /* @__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)) }),
+    /* @__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 ? copy.sharing : formatChapterCopy(copy.shareWith, { target: target.name }) }, target.id)) }),
     message ? /* @__PURE__ */ jsx9("p", { role: "status", style: { margin: 0, fontSize: 13 }, children: message }) : null
   ] });
 }
@@ -877,6 +886,7 @@ import { useCallback as useCallback4, useEffect as useEffect6, useState as useSt
 import { Button as Button4, Field as Field4, Select as Select2 } from "@odla-ai/ui/components";
 import { jsx as jsx11, jsxs as jsxs10 } from "preact/jsx-runtime";
 function RecordCommsPanel(props) {
+  const copy = useChapterCopy().admin.records;
   const { client, recordId, getToken } = props;
   const config = useAdminResource(getToken, "/api/admin/group/email");
   const templates = Object.entries(config.data?.emailTemplates ?? {}).filter(([, value]) => value.enabled);
@@ -889,32 +899,33 @@ function RecordCommsPanel(props) {
     setNote(null);
     try {
       const result = await client.sendEmail(recordId, { templateId: template });
-      setNote(result.sent ? "Message sent." : result.reason ?? "Message was not sent.");
+      setNote(result.sent ? copy.messageSent : result.reason ?? copy.messageNotSent);
     } 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.loading) return /* @__PURE__ */ jsx11("p", { className: "muted", children: copy.loadingTemplates });
   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(
+    /* @__PURE__ */ jsx11(Field4, { label: copy.template, children: /* @__PURE__ */ jsx11(
       Select2,
       {
         value: template,
         onChange: (event) => setTemplate(event.currentTarget.value),
         options: [
-          { value: "", label: "Choose a template\u2026" },
+          { value: "", label: copy.chooseTemplate },
           ...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" }) }),
+    /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(Button4, { disabled: !template || busy, onClick: () => void send(), children: busy ? copy.sending : copy.send }) }),
     note ? /* @__PURE__ */ jsx11("p", { role: "status", className: "muted", children: note }) : null
   ] });
 }
 function RecordCommsHistory(props) {
+  const copy = useChapterCopy().admin.records;
   const { client, recordId } = props;
   const [rows, setRows] = useState9([]);
   const [error, setError] = useState9(null);
@@ -929,9 +940,9 @@ function RecordCommsHistory(props) {
   }, [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." });
+  if (rows.length === 0) return /* @__PURE__ */ jsx11("p", { className: "muted", children: copy.noMessages });
   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__ */ jsx11("strong", { children: String(row["templateId"] ?? row["template"] ?? copy.message) }),
     /* @__PURE__ */ jsxs10("div", { className: "muted", children: [
       row["to"] ? String(row["to"]) : "",
       row["sentAt"] ? ` \xB7 ${new Date(Number(row["sentAt"])).toLocaleString()}` : ""
@@ -944,6 +955,7 @@ import { useState as useState10 } from "preact/hooks";
 import { Button as Button5 } from "@odla-ai/ui/components";
 import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "preact/jsx-runtime";
 function RecordSchedulingPanel(props) {
+  const copy = useChapterCopy().admin.records;
   const { getToken, applicationId } = props;
   const resource = useAdminResource(
     getToken,
@@ -955,32 +967,32 @@ function RecordSchedulingPanel(props) {
   const run = async (meeting, action) => {
     let body;
     if (action === "reschedule") {
-      const input = globalThis.prompt?.("New start time:");
+      const input = globalThis.prompt?.(copy.newStartPrompt);
       if (!input) return;
       const startAt = Date.parse(input);
       if (!Number.isFinite(startAt)) {
-        setNote("Couldn\u2019t parse that time.");
+        setNote(copy.parseFailed);
         return;
       }
       body = JSON.stringify({ startAt });
-    } else if (!globalThis.confirm?.("Cancel this call?")) {
+    } else if (!globalThis.confirm?.(copy.cancelConfirm)) {
       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.");
+      setNote(action === "cancel" ? copy.callCancelled : copy.callRescheduled);
     } 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 (!applicationId) return /* @__PURE__ */ jsx12("p", { className: "muted", children: copy.noApplication });
+  if (resource.loading) return /* @__PURE__ */ jsx12("p", { className: "muted", children: copy.loadingMeetings });
   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." });
+  if (meetings.length === 0) return /* @__PURE__ */ jsx12("p", { className: "muted", children: copy.noMeetings });
   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() }),
@@ -990,11 +1002,11 @@ function RecordSchedulingPanel(props) {
         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.meetUrl ? /* @__PURE__ */ jsx12("a", { href: meeting.meetUrl, target: "_blank", rel: "noreferrer", children: copy.joinMeeting }) : null,
+        meeting.htmlLink ? /* @__PURE__ */ jsx12("a", { href: meeting.htmlLink, target: "_blank", rel: "noreferrer", children: copy.openCalendar }) : 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" })
+          /* @__PURE__ */ jsx12(Button5, { variant: "secondary", mini: true, disabled: busy === meeting.id, onClick: () => void run(meeting, "reschedule"), children: copy.reschedule }),
+          /* @__PURE__ */ jsx12(Button5, { variant: "danger", mini: true, disabled: busy === meeting.id, onClick: () => void run(meeting, "cancel"), children: copy.cancel })
         ] }) : null
       ] })
     ] }, meeting.id)),
@@ -1004,12 +1016,12 @@ function RecordSchedulingPanel(props) {
 
 // src/ui/admin-people-workspace.tsx
 import { jsx as jsx13 } from "preact/jsx-runtime";
-function applicationLifecycleAdapter(ctx) {
+function applicationLifecycleAdapter(ctx, copy = DEFAULT_CHAPTER_COPY.admin.records) {
   return {
     transitionStage: async ({ record, to }) => {
       const applicationId = typeof record.fields?.applicationId === "string" ? record.fields.applicationId : null;
       if (!applicationId) {
-        throw new Error("This record is not linked to an application workflow.");
+        throw new Error(copy.workflowMissing);
       }
       const path = `/api/admin/applications/${encodeURIComponent(applicationId)}`;
       if (to === "approved") {
@@ -1026,6 +1038,7 @@ function applicationLifecycleAdapter(ctx) {
   };
 }
 function PeopleBody(props) {
+  const copy = useChapterCopy().admin.records;
   const {
     crm,
     client,
@@ -1045,7 +1058,7 @@ function PeopleBody(props) {
   } = props;
   const def = crm.type(type);
   const recordId = ctx.route?.recordId ?? null;
-  const builtInLifecycle = lifecycle ? applicationLifecycleAdapter(ctx) : void 0;
+  const builtInLifecycle = lifecycle ? applicationLifecycleAdapter(ctx, copy) : void 0;
   const resolvedLifecycle = typeof lifecycleAdapter === "function" ? lifecycleAdapter(ctx) : lifecycleAdapter ?? builtInLifecycle;
   const workspaceClient = client;
   return /* @__PURE__ */ jsx13(AdminPage, { children: /* @__PURE__ */ jsx13(
@@ -1081,35 +1094,35 @@ function PeopleBody(props) {
         if (def.facets?.email !== false) {
           tabs.push({
             id: "comms",
-            label: "Comms",
+            label: copy.comms,
             panel: /* @__PURE__ */ jsx13(RecordCommsPanel, { client, recordId: record.id, getToken: ctx.getToken })
           });
           tabs.push({
             id: "history",
-            label: "Comms history",
+            label: copy.commsHistory,
             panel: /* @__PURE__ */ jsx13(RecordCommsHistory, { client, recordId: record.id })
           });
         }
         if (lifecycle) {
           tabs.push({
             id: "scheduling",
-            label: "Scheduling",
+            label: copy.scheduling,
             panel: /* @__PURE__ */ jsx13(RecordSchedulingPanel, { getToken: ctx.getToken, applicationId })
           });
-          tabs.push({ id: "billing", label: "Billing", panel: /* @__PURE__ */ jsx13(BillingCard, { record }) });
+          tabs.push({ id: "billing", label: copy.billing, panel: /* @__PURE__ */ jsx13(BillingCard, { record }) });
         } else {
           add("billing");
         }
         tabs.push({
           id: "notes",
-          label: "Notes",
+          label: copy.notes,
           panel: /* @__PURE__ */ jsx13(RecordActivityPanel, { client, recordId: record.id })
         });
         add("connections");
         if (lifecycle) {
           tabs.push({
             id: "access",
-            label: "Access",
+            label: copy.access,
             panel: /* @__PURE__ */ jsx13(
               RecordActions,
               {
@@ -1128,7 +1141,7 @@ function PeopleBody(props) {
         if (networkSharing) {
           tabs.push({
             id: "sharing",
-            label: "Sharing",
+            label: copy.sharing,
             panel: /* @__PURE__ */ jsx13(NetworkShareActions, { recordId: record.id, recordType: record.type, getToken: ctx.getToken })
           });
         }
@@ -1245,26 +1258,27 @@ var adminViewContext = (ctx, viewId, active) => {
     href: (target) => ctx.href(targetFromView(target))
   };
 };
-function DashboardWorkspace({ ctx }) {
+function DashboardWorkspace({ chapter, ctx }) {
+  const copy = chapter.copy.admin;
   const active = ctx.route.viewId === "billing" ? "billing" : "overview";
-  const overview = dashboardSection({ id: "overview", label: "Overview" });
-  const billing = billingSection();
+  const overview = dashboardSection({ id: "overview", label: copy.workspaces.overview });
+  const billing = billingSection({ label: copy.workspaces.billing });
   return /* @__PURE__ */ jsx15(
     Tabs2,
     {
-      ariaLabel: "Dashboard views",
+      ariaLabel: copy.workspaces.dashboardViewsLabel,
       value: active,
       mount: "active",
       items: [
         {
           value: "overview",
-          label: "Overview",
+          label: copy.workspaces.overview,
           href: ctx.href({ viewId: "overview", recordId: null, detailTab: null }),
           panel: overview.render(adminViewContext(ctx, "overview", active === "overview"))
         },
         {
           value: "billing",
-          label: "Billing",
+          label: copy.workspaces.billing,
           href: ctx.href({ viewId: "billing", recordId: null, detailTab: null }),
           panel: billing.render(adminViewContext(ctx, "billing", active === "billing"))
         }
@@ -1272,26 +1286,27 @@ function DashboardWorkspace({ ctx }) {
     }
   );
 }
-function SettingsWorkspace({ ctx }) {
+function SettingsWorkspace({ chapter, ctx }) {
+  const copy = chapter.copy.admin;
   const active = ctx.route.viewId === "email" ? "email" : "calendar";
-  const calendar = availabilitySection({ id: "calendar", label: "Calendar" });
-  const email = emailSection();
+  const calendar = availabilitySection({ id: "calendar", label: copy.workspaces.calendar });
+  const email = emailSection({ label: copy.workspaces.email });
   return /* @__PURE__ */ jsx15(
     Tabs2,
     {
-      ariaLabel: "Settings views",
+      ariaLabel: copy.workspaces.settingsViewsLabel,
       value: active,
       mount: "active",
       items: [
         {
           value: "calendar",
-          label: "Calendar",
+          label: copy.workspaces.calendar,
           href: ctx.href({ viewId: "calendar", recordId: null, detailTab: null }),
           panel: calendar.render(adminViewContext(ctx, "calendar", active === "calendar"))
         },
         {
           value: "email",
-          label: "Email",
+          label: copy.workspaces.email,
           href: ctx.href({ viewId: "email", recordId: null, detailTab: null }),
           panel: email.render(adminViewContext(ctx, "email", active === "email"))
         }
@@ -1307,7 +1322,7 @@ function PeopleWorkspace({ chapter, ctx }) {
   return /* @__PURE__ */ jsx15(
     Tabs2,
     {
-      ariaLabel: "CRM collections",
+      ariaLabel: chapter.copy.admin.workspaces.collectionsLabel,
       value: active,
       variant: "pill",
       mount: "active",
@@ -1330,9 +1345,10 @@ function PeopleWorkspace({ chapter, ctx }) {
   );
 }
 function defaultAdminWorkspaces(chapter) {
+  const copy = chapter.copy.admin;
   const people = {
     id: "people",
-    label: "People",
+    label: copy.workspaces.people,
     defaultViewId: Object.keys(chapter.crm.config.types)[0] ?? "person",
     render: (ctx) => /* @__PURE__ */ jsx15(PeopleWorkspace, { chapter, ctx })
   };
@@ -1340,37 +1356,39 @@ function defaultAdminWorkspaces(chapter) {
   return [
     {
       id: "dashboard",
-      label: "Dashboard",
+      label: copy.workspaces.dashboard,
       defaultViewId: "overview",
-      render: (ctx) => /* @__PURE__ */ jsx15(DashboardWorkspace, { ctx })
+      render: (ctx) => /* @__PURE__ */ jsx15(DashboardWorkspace, { chapter, ctx })
     },
     people,
     {
       id: "settings",
-      label: "Settings",
+      label: copy.workspaces.settings,
       defaultViewId: "calendar",
-      render: (ctx) => /* @__PURE__ */ jsx15(SettingsWorkspace, { ctx })
+      render: (ctx) => /* @__PURE__ */ jsx15(SettingsWorkspace, { chapter, ctx })
     }
   ];
 }
 
 // src/ui/admin-frame.tsx
-import { ThemeScope } from "@odla-ai/ui/components";
+import { ThemeScope as ThemeScope2 } from "@odla-ai/ui/components";
 import { jsx as jsx16, jsxs as jsxs12 } from "preact/jsx-runtime";
 function AdminTheme(props) {
   const brand = props.chapter?.brand;
-  return /* @__PURE__ */ jsxs12(
-    ThemeScope,
+  return /* @__PURE__ */ jsx16(ChapterCopyProvider, { copy: props.chapter?.copy, children: /* @__PURE__ */ jsxs12(
+    ThemeScope2,
     {
+      ref: props.scopeRef,
       "data-chapter-admin": "",
       theme: brand?.theme,
+      accent: brand?.accent,
       colorScheme: brand?.colorScheme ?? "light",
       children: [
         /* @__PURE__ */ jsx16(BrandStyle, { brand, selector: "[data-chapter-admin]" }),
         props.children
       ]
     }
-  );
+  ) });
 }
 function signInRedirect(basePath, workspaces) {
   if (typeof window === "undefined") return basePath;
@@ -1385,6 +1403,17 @@ function signInRedirect(basePath, workspaces) {
   return adminRouteHref(current, basePath, route, "query");
 }
 
+// src/ui/admin-appearance.ts
+import { useEffect as useEffect7, useState as useState11 } from "preact/hooks";
+import { clerkAppearanceFromTokens } from "@odla-ai/auth-clerk";
+function useScopedClerkAppearance(scope) {
+  const [appearance, setAppearance] = useState11();
+  useEffect7(() => {
+    setAppearance(clerkAppearanceFromTokens(scope.current ?? void 0));
+  }, [scope]);
+  return appearance;
+}
+
 // src/ui/admin-auth.ts
 var apiUrl = (apiBase, path) => `${apiBase.replace(/\/+$/, "")}/${path.replace(/^\/+/, "")}`;
 var DEFAULT_ADMIN_AUTH = {};
@@ -1412,6 +1441,7 @@ async function loadChapterAdminUser(adapter, apiBase, getToken) {
 // src/ui/admin.tsx
 import { jsx as jsx17, jsxs as jsxs13 } from "preact/jsx-runtime";
 function Authed(props) {
+  const copy = useChapterCopy().admin;
   const {
     workspaces,
     basePath,
@@ -1436,8 +1466,8 @@ function Authed(props) {
     }),
     [getToken, crmBasePath]
   );
-  const [state, setState] = useState11({ status: "checking" });
-  useEffect7(() => {
+  const [state, setState] = useState12({ status: "checking" });
+  useEffect8(() => {
     let live = true;
     void (async () => {
       try {
@@ -1456,15 +1486,14 @@ function Authed(props) {
       live = false;
     };
   }, [getToken, apiBase, auth]);
-  if (state.status === "checking") return /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsx17("p", { style: S.muted, children: "Checking access\u2026" }) });
+  if (state.status === "checking") return /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsx17("p", { style: S.muted, children: copy.auth.checking }) });
   if (state.status === "denied") {
     return /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsxs13("div", { className: "card", style: S.card, children: [
-      /* @__PURE__ */ jsx17("h2", { style: { marginTop: 0 }, children: "Not authorized" }),
-      /* @__PURE__ */ jsxs13("p", { style: S.muted, children: [
-        state.email ? `${state.email} isn't` : "This account isn't",
-        " on the admin list."
-      ] }),
-      /* @__PURE__ */ jsx17("button", { className: "btn secondary", onClick: () => signOut(), children: "Sign out" })
+      /* @__PURE__ */ jsx17("h2", { style: { marginTop: 0 }, children: copy.auth.notAuthorized }),
+      /* @__PURE__ */ jsx17("p", { style: S.muted, children: formatChapterCopy(copy.auth.accountNotAuthorized, {
+        account: state.email ?? copy.auth.thisAccount
+      }) }),
+      /* @__PURE__ */ jsx17("button", { className: "btn secondary", onClick: () => signOut(), children: copy.auth.signOut })
     ] }) });
   }
   return /* @__PURE__ */ jsx17(
@@ -1487,6 +1516,7 @@ function Authed(props) {
   );
 }
 function ChapterAdmin(props) {
+  const copy = props.chapter?.copy ?? DEFAULT_CHAPTER_COPY;
   const defaults = useMemo(
     () => props.chapter ? defaultAdminWorkspaces(props.chapter) : [],
     [props.chapter]
@@ -1497,7 +1527,7 @@ function ChapterAdmin(props) {
   }, [props.workspaces, props.sections, defaults]);
   const basePath = props.basePath ?? "/admin";
   const brand = props.brand ?? {
-    name: props.chapter?.name ?? "Admin",
+    name: props.chapter?.name ?? copy.admin.shell.adminName,
     badge: props.chapter?.brand.badge,
     wordmark: props.chapter?.brand.wordmark
   };
@@ -1507,8 +1537,10 @@ function ChapterAdmin(props) {
   const chrome = props.chrome ?? "embedded";
   const auth = props.auth ?? DEFAULT_ADMIN_AUTH;
   const redirect = signInRedirect(basePath, workspaces);
-  const [publishableKey, setPublishableKey] = useState11(void 0);
-  useEffect7(() => {
+  const [publishableKey, setPublishableKey] = useState12(void 0);
+  const scopeRef = useRef(null);
+  const appearance = useScopedClerkAppearance(scopeRef);
+  useEffect8(() => {
     let live = true;
     void loadChapterAdminConfig(auth, apiBase).then((config) => live && setPublishableKey(config.publishableKey ?? null)).catch(() => live && setPublishableKey(null));
     return () => {
@@ -1516,24 +1548,24 @@ function ChapterAdmin(props) {
     };
   }, [apiBase, auth]);
   let content;
-  if (publishableKey === void 0) {
-    content = /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsx17("p", { style: S.muted, children: "Loading\u2026" }) });
+  if (publishableKey === void 0 || publishableKey && !appearance) {
+    content = /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsx17("p", { style: S.muted, children: copy.admin.auth.loading }) });
   } else if (!publishableKey) {
     content = /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsxs13("div", { className: "card", style: S.card, children: [
-      /* @__PURE__ */ jsx17("h2", { style: { marginTop: 0 }, children: "Sign-in not configured" }),
-      /* @__PURE__ */ jsx17("p", { style: S.muted, children: "No Clerk publishable key is set for this environment yet." })
+      /* @__PURE__ */ jsx17("h2", { style: { marginTop: 0 }, children: copy.admin.auth.signInNotConfigured }),
+      /* @__PURE__ */ jsx17("p", { style: S.muted, children: copy.admin.auth.missingPublishableKey })
     ] }) });
   } else if (workspaces.length === 0) {
-    content = /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsx17("p", { style: S.muted, children: "No admin workspaces are configured." }) });
+    content = /* @__PURE__ */ jsx17(Gate, { brand, children: /* @__PURE__ */ jsx17("p", { style: S.muted, children: copy.admin.auth.noWorkspaces }) });
   } else {
     content = /* @__PURE__ */ jsxs13(
       ClerkGate,
       {
         publishableKey,
-        appearance: clerkAppearanceFromTokens(),
+        appearance,
         afterSignOutUrl: "/",
         children: [
-          /* @__PURE__ */ jsx17(SignedOut, { children: /* @__PURE__ */ jsx17(Gate, { brand, tagline: "Admin sign-in \u2014 invite only", children: /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx17(SignedOut, { children: /* @__PURE__ */ jsx17(Gate, { brand, tagline: copy.admin.auth.signInTagline, children: /* @__PURE__ */ jsx17(
             SignIn,
             {
               routing: "hash",
@@ -1561,7 +1593,7 @@ function ChapterAdmin(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx17(AdminTheme, { chapter: props.chapter, children: content });
+  return /* @__PURE__ */ jsx17(AdminTheme, { chapter: props.chapter, scopeRef, children: content });
 }
 
 // src/ui/admin-defaults.ts
@@ -1570,17 +1602,18 @@ function defaultAdminSections(chapter) {
 }
 
 // src/ui/admin-meetings.tsx
-import { useState as useState12 } from "preact/hooks";
+import { useState as useState13 } from "preact/hooks";
 import { Button as Button6 } from "@odla-ai/ui/components";
 import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs14 } from "preact/jsx-runtime";
 var when2 = (t) => new Date(t).toLocaleString([], { dateStyle: "medium", timeStyle: "short" });
 function MeetingsBody({ ctx }) {
+  const copy = useChapterCopy().admin.meetings;
   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__ */ jsx18(AdminNote, { children: "Loading\u2026" });
+  const [busy, setBusy] = useState13(null);
+  const [note, setNote] = useState13(null);
+  if (loading) return /* @__PURE__ */ jsx18(AdminNote, { children: copy.loading });
   if (error || !data) return /* @__PURE__ */ jsxs14(AdminNote, { children: [
-    "Couldn\u2019t load meetings",
+    copy.loadFailed,
     error ? `: ${error}` : "",
     "."
   ] });
@@ -1597,37 +1630,39 @@ function MeetingsBody({ ctx }) {
     }
   };
   const cancel = (id) => {
-    if (!globalThis.confirm?.("Cancel this call? Google notifies the attendee.")) return;
+    if (!globalThis.confirm?.(copy.cancelConfirm)) 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):");
+    const input = globalThis.prompt?.(copy.newStartPrompt);
     if (!input) return;
     const startAt = Date.parse(input);
     if (!Number.isFinite(startAt)) {
-      setNote("Couldn\u2019t parse that time.");
+      setNote(copy.parseFailed);
       return;
     }
     void run(id, () => adminFetch(ctx.getToken, `/api/admin/meetings/${id}/reschedule`, { method: "POST", body: JSON.stringify({ startAt }) }));
   };
   return /* @__PURE__ */ jsx18(AdminPage, { children: /* @__PURE__ */ jsx18(Panel, { title: /* @__PURE__ */ jsxs14(Fragment4, { children: [
-    "Agenda ",
+    copy.agenda,
+    " ",
     /* @__PURE__ */ jsxs14("span", { className: "muted", style: { fontWeight: 400 }, children: [
       "\xB7 ",
       data.timezone
     ] })
-  ] }), actions: note ? /* @__PURE__ */ jsx18("span", { className: "muted", children: note }) : void 0, children: data.meetings.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "muted", style: { margin: 0 }, children: "No meetings." }) : /* @__PURE__ */ jsx18("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 12 }, children: data.meetings.map((m) => /* @__PURE__ */ jsxs14("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap", opacity: m.status === "cancelled" ? 0.55 : 1 }, children: [
+  ] }), actions: note ? /* @__PURE__ */ jsx18("span", { className: "muted", children: note }) : void 0, children: data.meetings.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "muted", style: { margin: 0 }, children: copy.empty }) : /* @__PURE__ */ jsx18("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 12 }, children: data.meetings.map((m) => /* @__PURE__ */ jsxs14("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap", opacity: m.status === "cancelled" ? 0.55 : 1 }, children: [
     /* @__PURE__ */ jsx18("strong", { style: { minWidth: 170 }, children: when2(m.startAt) }),
-    /* @__PURE__ */ jsx18("span", { style: { flex: 1 }, children: m.applicant ? `${m.applicant.name} \xB7 ${m.applicant.email}` : "(unknown)" }),
+    /* @__PURE__ */ jsx18("span", { style: { flex: 1 }, children: m.applicant ? `${m.applicant.name} \xB7 ${m.applicant.email}` : copy.unknown }),
     /* @__PURE__ */ jsx18("span", { className: "badge", children: m.status }),
     m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs14("span", { className: "badge", children: [
-      "drift: ",
+      copy.drift,
+      ": ",
       m.drift
     ] }) : null,
-    m.meetUrl ? /* @__PURE__ */ jsx18("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: "Meet" }) : null,
+    m.meetUrl ? /* @__PURE__ */ jsx18("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: copy.meet }) : null,
     m.status === "scheduled" ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
-      /* @__PURE__ */ jsx18(Button6, { variant: "secondary", mini: true, disabled: busy === m.id, onClick: () => reschedule(m.id), children: "Reschedule" }),
-      /* @__PURE__ */ jsx18(Button6, { variant: "danger", mini: true, disabled: busy === m.id, onClick: () => cancel(m.id), children: "Cancel" })
+      /* @__PURE__ */ jsx18(Button6, { variant: "secondary", mini: true, disabled: busy === m.id, onClick: () => reschedule(m.id), children: copy.reschedule }),
+      /* @__PURE__ */ jsx18(Button6, { variant: "danger", mini: true, disabled: busy === m.id, onClick: () => cancel(m.id), children: copy.cancel })
     ] }) : null
   ] }, m.id)) }) }) });
 }
@@ -1663,4 +1698,4 @@ export {
   defaultAdminSections,
   meetingsSection
 };
-//# sourceMappingURL=chunk-C4XQSRW7.js.map
+//# sourceMappingURL=chunk-ZPAJL7KG.js.map