@odla-ai/chapter 0.50.0 → 0.52.0

package/dist/{chunk-4EA5V4JE.js → chunk-7N4VDWM5.js}

@@ -4,7 +4,7 @@ import {
   DEFAULT_CHAPTER_COPY,
   formatChapterCopy,
   useChapterCopy
-} from "./chunk-JXX4BFDP.js";
+} from "./chunk-A6W53GVM.js";
 
 // src/ui/admin.tsx
 import { useEffect as useEffect12, useMemo as useMemo3, useRef as useRef3, useState as useState27 } from "preact/hooks";
@@ -750,7 +750,7 @@ function SeatPanel(props) {
   if (resource.loading) return /* @__PURE__ */ jsx7("p", { role: "status", children: "Loading additional seat\u2026" });
   if (resource.error || !resource.data) return null;
   const { data } = resource, seat = data.seat;
-  const money4 = new Intl.NumberFormat("en-US", { style: "currency", currency: data.currency }).format(data.amountCents / 100);
+  const money5 = new Intl.NumberFormat("en-US", { style: "currency", currency: data.currency }).format(data.amountCents / 100);
   const refund = async () => {
     setBusy(true);
     setNote(null);
@@ -783,7 +783,7 @@ function SeatPanel(props) {
         seat.status.replaceAll("_", " ")
       ] }),
       /* @__PURE__ */ jsxs7("p", { className: "muted", style: { margin: 0 }, children: [
-        money4,
+        money5,
         " paid in full. The seat waits for its recipient and is never refunded automatically."
       ] }),
       data.refundable ? /* @__PURE__ */ jsx7("div", { children: /* @__PURE__ */ jsx7(Button3, { variant: "danger", mini: true, disabled: busy, onClick: () => void refund(), children: busy ? "Refunding\u2026" : "Refund seat" }) }) : null
@@ -2046,6 +2046,11 @@ function networkRecordsWorkspace(chapter) {
 
 // src/ui/admin-portfolio.tsx
 import { StatBand as StatBand2, StepPipeline as StepPipeline2 } from "@odla-ai/ui/components";
+
+// src/network-edge.ts
+var EDGE_UNPAIRED = "edge_unpaired";
+
+// src/ui/admin-portfolio.tsx
 import { jsx as jsx24, jsxs as jsxs22 } from "preact/jsx-runtime";
 function LeaderNetworkOverview({ ctx }) {
   const copy = useChapterCopy().admin.network;
@@ -2059,6 +2064,14 @@ function LeaderNetworkOverview({ ctx }) {
     error ? `: ${error}` : "",
     "."
   ] });
+  return /* @__PURE__ */ jsx24(LeaderNetworkOverviewView, { data });
+}
+function unpairedEdge(target) {
+  const error = target.transport.error;
+  return error && error.code === EDGE_UNPAIRED ? error : null;
+}
+function LeaderNetworkOverviewView({ data }) {
+  const copy = useChapterCopy().admin.network;
   if (data.configured === 0) return /* @__PURE__ */ jsx24(AdminPage, { children: /* @__PURE__ */ jsx24(Panel, { title: copy.overview, children: /* @__PURE__ */ jsx24("p", { className: "muted", children: copy.noFollowers }) }) });
   const stats = [
     { value: data.configured.toLocaleString(), label: copy.configuredFollowers },
@@ -2072,24 +2085,43 @@ function LeaderNetworkOverview({ ctx }) {
   }));
   return /* @__PURE__ */ jsxs22(AdminPage, { children: [
     /* @__PURE__ */ jsx24(StatBand2, { stats }),
-    /* @__PURE__ */ jsx24(Panel, { title: copy.followers, children: /* @__PURE__ */ jsx24("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "grid", gap: 10 }, children: data.targets.map((target) => /* @__PURE__ */ jsxs22("li", { style: { display: "flex", gap: 12, alignItems: "baseline", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsx24("strong", { style: { minWidth: 180 }, children: target.name }),
-      /* @__PURE__ */ jsx24("span", { className: "badge", children: target.transport.reachable === null ? copy.transportNotChecked : target.transport.reachable ? copy.transportReachable : copy.transportUnavailable }),
-      /* @__PURE__ */ jsx24("span", { className: "muted", children: target.transport.kind === "binding" ? formatChapterCopy(copy.bindingTransport, { binding: target.transport.binding ?? "" }) : copy.urlTransport }),
-      /* @__PURE__ */ jsx24("span", { className: "muted", children: target.configuration.activeRevision === null ? copy.noActiveConfiguration : formatChapterCopy(copy.activeConfiguration, { revision: target.configuration.activeRevision }) }),
-      /* @__PURE__ */ jsx24("span", { className: "muted", children: target.publicSite.available === null ? copy.publicSiteNotChecked : target.publicSite.available ? copy.publicSiteAvailable : copy.publicSiteUnavailable }),
-      target.error ? /* @__PURE__ */ jsx24("span", { className: "muted", children: target.error }) : null,
-      /* @__PURE__ */ jsx24("a", { href: target.url, target: "_blank", rel: "noreferrer", style: { marginLeft: "auto" }, children: target.url })
-    ] }, target.id)) }) }),
+    /* @__PURE__ */ jsx24(Panel, { title: copy.followers, children: /* @__PURE__ */ jsx24("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "grid", gap: 10 }, children: data.targets.map((target) => /* @__PURE__ */ jsx24(FollowerRow, { target }, target.id)) }) }),
     /* @__PURE__ */ jsx24(Panel, { title: copy.recordTotals, children: steps.length ? /* @__PURE__ */ jsx24(StepPipeline2, { ariaLabel: copy.recordTotals, steps }) : /* @__PURE__ */ jsx24("p", { className: "muted", children: copy.noRecordTotals }) })
   ] });
 }
+function FollowerRow({ target }) {
+  const copy = useChapterCopy().admin.network;
+  const unpaired = unpairedEdge(target);
+  return /* @__PURE__ */ jsxs22(
+    "li",
+    {
+      "data-network-target": target.id,
+      "data-edge-state": unpaired ? "unpaired" : "paired",
+      style: { display: "flex", gap: 12, alignItems: "baseline", flexWrap: "wrap" },
+      children: [
+        /* @__PURE__ */ jsx24("strong", { style: { minWidth: 180 }, children: target.name }),
+        /* @__PURE__ */ jsx24("span", { className: "badge", children: unpaired ? copy.edgeUnpaired : target.transport.reachable === null ? copy.transportNotChecked : target.transport.reachable ? copy.transportReachable : copy.transportUnavailable }),
+        /* @__PURE__ */ jsx24("span", { className: "muted", children: target.transport.kind === "binding" ? formatChapterCopy(copy.bindingTransport, { binding: target.transport.binding ?? "" }) : copy.urlTransport }),
+        /* @__PURE__ */ jsx24("span", { className: "muted", children: target.configuration.activeRevision === null ? copy.noActiveConfiguration : formatChapterCopy(copy.activeConfiguration, { revision: target.configuration.activeRevision }) }),
+        /* @__PURE__ */ jsx24("span", { className: "muted", children: target.publicSite.available === null ? copy.publicSiteNotChecked : target.publicSite.available ? copy.publicSiteAvailable : copy.publicSiteUnavailable }),
+        unpaired ? /* @__PURE__ */ jsxs22("span", { className: "muted", style: { flexBasis: "100%" }, children: [
+          copy.edgeUnpairedHint,
+          " ",
+          /* @__PURE__ */ jsx24("code", { children: unpaired.hint })
+        ] }) : target.error ? /* @__PURE__ */ jsx24("span", { className: "muted", children: target.error }) : null,
+        /* @__PURE__ */ jsx24("a", { href: target.url, target: "_blank", rel: "noreferrer", style: { marginLeft: "auto" }, children: target.url })
+      ]
+    }
+  );
+}
 
 // src/ui/admin-admission.tsx
-import { useEffect as useEffect8, useRef as useRef2, useState as useState20 } from "preact/hooks";
+import { useEffect as useEffect8, useId, useRef as useRef2, useState as useState20 } from "preact/hooks";
+import { Field as Field9, Input as Input2, Select as Select8 } from "@odla-ai/ui/components";
 import { jsx as jsx25, jsxs as jsxs23 } from "preact/jsx-runtime";
 function AdmissionGrantsWorkspace(props) {
   const copy = useChapterCopy().admin.admission;
+  const uid = useId();
   const resource = useAdminResource(props.getToken, "/api/admin/admission-grants");
   const [email, setEmail] = useState20("");
   const [decision, setDecision] = useState20("waive_interview");
@@ -2137,25 +2169,13 @@ function AdmissionGrantsWorkspace(props) {
     /* @__PURE__ */ jsxs23(Panel, { title: copy.title, children: [
       /* @__PURE__ */ jsx25("p", { className: "muted", style: { margin: 0 }, children: copy.description }),
       /* @__PURE__ */ jsxs23("form", { onSubmit: (event) => void submit(event), style: { display: "grid", gap: 12, gridTemplateColumns: "minmax(220px,2fr) minmax(180px,1fr) minmax(160px,1fr)" }, children: [
-        /* @__PURE__ */ jsxs23("label", { children: [
-          copy.email,
-          /* @__PURE__ */ jsx25("input", { required: true, type: "email", value: email, onInput: (event) => setEmail(event.currentTarget.value) })
-        ] }),
-        /* @__PURE__ */ jsxs23("label", { children: [
-          copy.decision,
-          /* @__PURE__ */ jsxs23("select", { value: decision, onChange: (event) => setDecision(event.currentTarget.value), children: [
-            /* @__PURE__ */ jsx25("option", { value: "waive_interview", children: copy.waive }),
-            /* @__PURE__ */ jsx25("option", { value: "require_interview", children: copy.require })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs23("label", { children: [
-          copy.expires,
-          /* @__PURE__ */ jsx25("input", { type: "date", value: expires, onInput: (event) => setExpires(event.currentTarget.value) })
-        ] }),
-        /* @__PURE__ */ jsxs23("label", { style: { gridColumn: "1 / -1" }, children: [
-          copy.note,
-          /* @__PURE__ */ jsx25("input", { value: note, maxLength: 2e3, onInput: (event) => setNote(event.currentTarget.value) })
-        ] }),
+        /* @__PURE__ */ jsx25(Field9, { label: copy.email, htmlFor: `${uid}-email`, children: /* @__PURE__ */ jsx25(Input2, { id: `${uid}-email`, required: true, type: "email", value: email, onInput: (event) => setEmail(event.currentTarget.value) }) }),
+        /* @__PURE__ */ jsx25(Field9, { label: copy.decision, htmlFor: `${uid}-decision`, children: /* @__PURE__ */ jsxs23(Select8, { id: `${uid}-decision`, value: decision, onChange: (event) => setDecision(event.currentTarget.value), children: [
+          /* @__PURE__ */ jsx25("option", { value: "waive_interview", children: copy.waive }),
+          /* @__PURE__ */ jsx25("option", { value: "require_interview", children: copy.require })
+        ] }) }),
+        /* @__PURE__ */ jsx25(Field9, { label: copy.expires, htmlFor: `${uid}-expires`, children: /* @__PURE__ */ jsx25(Input2, { id: `${uid}-expires`, type: "date", value: expires, onInput: (event) => setExpires(event.currentTarget.value) }) }),
+        /* @__PURE__ */ jsx25(Field9, { label: copy.note, htmlFor: `${uid}-note`, style: { gridColumn: "1 / -1" }, children: /* @__PURE__ */ jsx25(Input2, { id: `${uid}-note`, value: note, maxLength: 2e3, onInput: (event) => setNote(event.currentTarget.value) }) }),
         /* @__PURE__ */ jsx25("button", { className: "btn secondary", type: "submit", disabled: busy, children: copy.add })
       ] }),
       error ? /* @__PURE__ */ jsx25("p", { role: "alert", children: error }) : null
@@ -2192,6 +2212,7 @@ function LeaderAdmissionAction(props) {
   return /* @__PURE__ */ jsx25(LeaderAdmissionForm, { ...props }, JSON.stringify([props.targetId, props.personId, props.sourceRecordId]));
 }
 function LeaderAdmissionForm(props) {
+  const uid = useId();
   const [decision, setDecision] = useState20("");
   const [note, setNote] = useState20("");
   const [loaded, setLoaded] = useState20(false);
@@ -2243,18 +2264,12 @@ function LeaderAdmissionForm(props) {
     }
   };
   return /* @__PURE__ */ jsxs23("div", { style: { display: "grid", gap: 8 }, children: [
-    /* @__PURE__ */ jsxs23("label", { children: [
-      "Interview",
-      /* @__PURE__ */ jsxs23("select", { disabled: !loaded || busy, value: decision, onChange: (event) => setDecision(event.currentTarget.value), children: [
-        /* @__PURE__ */ jsx25("option", { value: "", children: loaded ? "Choose an invitation setting" : "Loading saved setting\u2026" }),
-        /* @__PURE__ */ jsx25("option", { value: "waive_interview", children: "Already completed" }),
-        /* @__PURE__ */ jsx25("option", { value: "require_interview", children: "Required" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs23("label", { children: [
-      "Internal note",
-      /* @__PURE__ */ jsx25("input", { disabled: !loaded || busy, maxLength: 2e3, value: note, onInput: (event) => setNote(event.currentTarget.value) })
-    ] }),
+    /* @__PURE__ */ jsx25(Field9, { label: "Interview", htmlFor: `${uid}-decision`, children: /* @__PURE__ */ jsxs23(Select8, { id: `${uid}-decision`, disabled: !loaded || busy, value: decision, onChange: (event) => setDecision(event.currentTarget.value), children: [
+      /* @__PURE__ */ jsx25("option", { value: "", children: loaded ? "Choose an invitation setting" : "Loading saved setting\u2026" }),
+      /* @__PURE__ */ jsx25("option", { value: "waive_interview", children: "Already completed" }),
+      /* @__PURE__ */ jsx25("option", { value: "require_interview", children: "Required" })
+    ] }) }),
+    /* @__PURE__ */ jsx25(Field9, { label: "Internal note", htmlFor: `${uid}-note`, children: /* @__PURE__ */ jsx25(Input2, { id: `${uid}-note`, disabled: !loaded || busy, maxLength: 2e3, value: note, onInput: (event) => setNote(event.currentTarget.value) }) }),
     /* @__PURE__ */ jsx25("button", { className: "btn secondary", type: "button", disabled: busy || !loaded || !decision, onClick: () => void submit(), children: busy ? "Saving\u2026" : "Save invitation setting" }),
     error ? /* @__PURE__ */ jsx25("p", { role: "alert", children: error }) : null,
     status ? /* @__PURE__ */ jsx25("p", { role: "status", children: status }) : null
@@ -2266,7 +2281,7 @@ import { Tabs as Tabs2 } from "@odla-ai/ui/components";
 
 // src/ui/admin-availability.tsx
 import { useState as useState21 } from "preact/hooks";
-import { Button as Button14, Checkbox, Field as Field9, Input as Input2 } from "@odla-ai/ui/components";
+import { Button as Button14, Checkbox, Field as Field10, Input as Input3 } from "@odla-ai/ui/components";
 import { jsx as jsx26, jsxs as jsxs24 } from "preact/jsx-runtime";
 function AvailabilityBody({ ctx }) {
   const copy = useChapterCopy().admin.availability;
@@ -2307,18 +2322,18 @@ function AvailabilityBody({ ctx }) {
       setBusy(false);
     }
   };
-  const numField = (key, label) => /* @__PURE__ */ jsx26(Field9, { label, error: errors[key], children: /* @__PURE__ */ jsx26(Input2, { type: "number", value: cfg[key], onInput: (e) => edit({ [key]: num(e.target.value, cfg[key]) }) }) });
+  const numField = (key, label) => /* @__PURE__ */ jsx26(Field10, { label, error: errors[key], children: /* @__PURE__ */ jsx26(Input3, { type: "number", value: cfg[key], onInput: (e) => edit({ [key]: num(e.target.value, cfg[key]) }) }) });
   return /* @__PURE__ */ jsx26(AdminPage, { children: /* @__PURE__ */ jsxs24(Panel, { title: copy.title, actions: note ? /* @__PURE__ */ jsx26("span", { className: "muted", children: note }) : void 0, children: [
-    /* @__PURE__ */ jsx26(Field9, { label: copy.days, error: errors.days, children: /* @__PURE__ */ jsx26("div", { style: { display: "flex", gap: 14, flexWrap: "wrap" }, children: copy.dayLabels.map((d, i) => /* @__PURE__ */ jsx26(Checkbox, { label: d, checked: cfg.days.includes(i), onChange: () => toggleDay(i) }, d)) }) }),
+    /* @__PURE__ */ jsx26(Field10, { label: copy.days, error: errors.days, children: /* @__PURE__ */ jsx26("div", { style: { display: "flex", gap: 14, flexWrap: "wrap" }, children: copy.dayLabels.map((d, i) => /* @__PURE__ */ jsx26(Checkbox, { label: d, checked: cfg.days.includes(i), onChange: () => toggleDay(i) }, d)) }) }),
     /* @__PURE__ */ jsxs24("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))", gap: 14 }, children: [
       numField("startHour", copy.startHour),
       numField("endHour", copy.endHour),
       numField("slotMinutes", copy.slotMinutes),
       numField("minNoticeHours", copy.minNoticeHours),
       numField("windowDays", copy.windowDays),
-      /* @__PURE__ */ jsx26(Field9, { label: copy.timezone, error: errors.timezone, children: /* @__PURE__ */ jsx26(Input2, { value: cfg.timezone, onInput: (e) => edit({ timezone: e.target.value }) }) })
+      /* @__PURE__ */ jsx26(Field10, { label: copy.timezone, error: errors.timezone, children: /* @__PURE__ */ jsx26(Input3, { value: cfg.timezone, onInput: (e) => edit({ timezone: e.target.value }) }) })
     ] }),
-    /* @__PURE__ */ jsx26(Field9, { label: copy.summaryTemplate, error: errors.summaryTemplate, children: /* @__PURE__ */ jsx26(Input2, { value: cfg.summaryTemplate, onInput: (e) => edit({ summaryTemplate: e.target.value }) }) }),
+    /* @__PURE__ */ jsx26(Field10, { label: copy.summaryTemplate, error: errors.summaryTemplate, children: /* @__PURE__ */ jsx26(Input3, { value: cfg.summaryTemplate, onInput: (e) => edit({ summaryTemplate: e.target.value }) }) }),
     /* @__PURE__ */ jsx26("div", { children: /* @__PURE__ */ jsx26(Button14, { disabled: !draft || busy, onClick: () => void save(), children: copy.save }) })
   ] }) });
 }
@@ -2328,7 +2343,8 @@ function availabilitySection(options = {}) {
 }
 
 // src/ui/admin-builder-library.tsx
-import { useEffect as useEffect9, useMemo as useMemo2, useState as useState22 } from "preact/hooks";
+import { useEffect as useEffect9, useId as useId2, useMemo as useMemo2, useState as useState22 } from "preact/hooks";
+import { Field as Field11, Input as Input4, Select as Select9, Textarea as Textarea3 } from "@odla-ai/ui/components";
 import { jsx as jsx27, jsxs as jsxs25 } from "preact/jsx-runtime";
 var KINDS = ["document", "note", "link", "inspiration", "image", "file"];
 var KIND_LABEL = { document: "Document", note: "Note", link: "Link", inspiration: "Inspiration", image: "Image", file: "File" };
@@ -2445,17 +2461,17 @@ function BuilderLibraryAdmin({ ctx, initialData }) {
       "Builder Library ",
       /* @__PURE__ */ jsx27("span", { className: "muted", children: "\xB7 private" })
     ] }), actions: /* @__PURE__ */ jsxs25("div", { style: ROW, children: [
-      /* @__PURE__ */ jsx27("select", { "aria-label": "New resource type", value: newKind, onChange: (event) => setNewKind(event.currentTarget.value), children: KINDS.map((kind) => /* @__PURE__ */ jsx27("option", { value: kind, children: KIND_LABEL[kind] }, kind)) }),
+      /* @__PURE__ */ jsx27(Select9, { "aria-label": "New resource type", value: newKind, onChange: (event) => setNewKind(event.currentTarget.value), children: KINDS.map((kind) => /* @__PURE__ */ jsx27("option", { value: kind, children: KIND_LABEL[kind] }, kind)) }),
       /* @__PURE__ */ jsx27("button", { className: "btn primary", type: "button", disabled: !data.localAuthoring, onClick: add, children: "Add resource" })
     ] }), children: [
       /* @__PURE__ */ jsx27("p", { className: "muted", style: { margin: 0 }, children: "Documents, links, and Brand assets used by site-building agents. Nothing here appears on a member page." }),
       /* @__PURE__ */ jsxs25("div", { style: ROW, children: [
-        /* @__PURE__ */ jsx27("input", { "aria-label": "Search resources", placeholder: "Search resources", value: query, onInput: (event) => setQuery(event.currentTarget.value), style: { flex: "1 1 220px" } }),
-        /* @__PURE__ */ jsxs25("select", { "aria-label": "Filter by type", value: kindFilter, onChange: (event) => setKindFilter(event.currentTarget.value), children: [
+        /* @__PURE__ */ jsx27(Input4, { "aria-label": "Search resources", placeholder: "Search resources", value: query, onInput: (event) => setQuery(event.currentTarget.value), style: { flex: "1 1 220px" } }),
+        /* @__PURE__ */ jsxs25(Select9, { "aria-label": "Filter by type", value: kindFilter, onChange: (event) => setKindFilter(event.currentTarget.value), children: [
           /* @__PURE__ */ jsx27("option", { value: "all", children: "All types" }),
           KINDS.map((kind) => /* @__PURE__ */ jsx27("option", { value: kind, children: KIND_LABEL[kind] }, kind))
         ] }),
-        /* @__PURE__ */ jsxs25("select", { "aria-label": "Filter by status", value: statusFilter, onChange: (event) => setStatusFilter(event.currentTarget.value), children: [
+        /* @__PURE__ */ jsxs25(Select9, { "aria-label": "Filter by status", value: statusFilter, onChange: (event) => setStatusFilter(event.currentTarget.value), children: [
           /* @__PURE__ */ jsx27("option", { value: "all", children: "All statuses" }),
           /* @__PURE__ */ jsx27("option", { value: "draft", children: "Draft" }),
           /* @__PURE__ */ jsx27("option", { value: "published", children: "Published" }),
@@ -2506,6 +2522,7 @@ function BuilderLibraryAdmin({ ctx, initialData }) {
   ] });
 }
 function LocalEditor({ selected, data, scopeValue, update, setResources, setSelectedKey }) {
+  const uid = useId2();
   return /* @__PURE__ */ jsxs25("div", { style: STACK, children: [
     /* @__PURE__ */ jsxs25("div", { style: META, children: [
       "Local \xB7 resource revision ",
@@ -2514,77 +2531,41 @@ function LocalEditor({ selected, data, scopeValue, update, setResources, setSele
       data.local?.revision ?? 0
     ] }),
     /* @__PURE__ */ jsxs25("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12 }, children: [
-      /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-        /* @__PURE__ */ jsx27("span", { children: "Title" }),
-        /* @__PURE__ */ jsx27("input", { value: selected.title, onInput: (event) => update({ title: event.currentTarget.value }) })
-      ] }),
-      /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-        /* @__PURE__ */ jsx27("span", { children: "ID" }),
-        /* @__PURE__ */ jsx27("input", { value: selected.id, onInput: (event) => {
-          const id = cleanId(event.currentTarget.value);
-          setResources((items) => items.map((item) => item.id === selected.id ? { ...item, id } : item));
-          setSelectedKey(localKey(id));
-        } })
-      ] }),
-      /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-        /* @__PURE__ */ jsx27("span", { children: "Type" }),
-        /* @__PURE__ */ jsx27("select", { value: selected.kind, onChange: (event) => {
-          const kind = event.currentTarget.value;
-          update({ kind, bodyMarkdown: kind === "document" || kind === "note" ? selected.bodyMarkdown ?? "Start writing\u2026" : void 0, url: kind === "link" || kind === "inspiration" ? selected.url ?? "https://example.com" : void 0, brandAsset: kind === "image" || kind === "file" ? selected.brandAsset ?? { bookId: "brand-book", assetId: "replace-me" } : void 0 });
-        }, children: KINDS.map((kind) => /* @__PURE__ */ jsx27("option", { value: kind, children: KIND_LABEL[kind] }, kind)) })
-      ] }),
-      /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-        /* @__PURE__ */ jsx27("span", { children: "Status" }),
-        /* @__PURE__ */ jsxs25("select", { value: selected.status, onChange: (event) => update({ status: event.currentTarget.value }), children: [
-          /* @__PURE__ */ jsx27("option", { value: "draft", children: "Draft" }),
-          /* @__PURE__ */ jsx27("option", { value: "published", children: "Published" }),
-          /* @__PURE__ */ jsx27("option", { value: "archived", children: "Archived" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-        /* @__PURE__ */ jsx27("span", { children: "Visible to" }),
-        /* @__PURE__ */ jsxs25("select", { value: scopeValue, onChange: (event) => {
-          const value = event.currentTarget.value;
-          update({ scope: value === "global" ? { kind: "global" } : value === "built_not_found" ? { kind: "built_not_found" } : { kind: "chapter", chapterId: value.slice("chapter:".length) } });
-        }, children: [
-          data.mode === "hub" ? /* @__PURE__ */ jsx27("option", { value: "built_not_found", children: "Built Not Found only" }) : null,
-          data.mode === "hub" ? /* @__PURE__ */ jsx27("option", { value: "global", children: "All chapters" }) : null,
-          data.chapterTargets.map(({ chapterId }) => /* @__PURE__ */ jsxs25("option", { value: `chapter:${chapterId}`, children: [
-            "Only ",
-            chapterId
-          ] }, chapterId))
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-        /* @__PURE__ */ jsx27("span", { children: "Tags" }),
-        /* @__PURE__ */ jsx27("input", { value: selected.tags.join(", "), placeholder: "brand, membership", onInput: (event) => update({ tags: event.currentTarget.value.split(",").map((tag) => tag.trim()).filter(Boolean) }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-      /* @__PURE__ */ jsx27("span", { children: "Summary" }),
-      /* @__PURE__ */ jsx27("textarea", { rows: 2, value: selected.summary ?? "", onInput: (event) => update({ summary: event.currentTarget.value || void 0 }) })
+      /* @__PURE__ */ jsx27(Field11, { label: "Title", htmlFor: `${uid}-title`, children: /* @__PURE__ */ jsx27(Input4, { id: `${uid}-title`, value: selected.title, onInput: (event) => update({ title: event.currentTarget.value }) }) }),
+      /* @__PURE__ */ jsx27(Field11, { label: "ID", htmlFor: `${uid}-id`, children: /* @__PURE__ */ jsx27(Input4, { id: `${uid}-id`, value: selected.id, onInput: (event) => {
+        const id = cleanId(event.currentTarget.value);
+        setResources((items) => items.map((item) => item.id === selected.id ? { ...item, id } : item));
+        setSelectedKey(localKey(id));
+      } }) }),
+      /* @__PURE__ */ jsx27(Field11, { label: "Type", htmlFor: `${uid}-kind`, children: /* @__PURE__ */ jsx27(Select9, { id: `${uid}-kind`, value: selected.kind, onChange: (event) => {
+        const kind = event.currentTarget.value;
+        update({ kind, bodyMarkdown: kind === "document" || kind === "note" ? selected.bodyMarkdown ?? "Start writing\u2026" : void 0, url: kind === "link" || kind === "inspiration" ? selected.url ?? "https://example.com" : void 0, brandAsset: kind === "image" || kind === "file" ? selected.brandAsset ?? { bookId: "brand-book", assetId: "replace-me" } : void 0 });
+      }, children: KINDS.map((kind) => /* @__PURE__ */ jsx27("option", { value: kind, children: KIND_LABEL[kind] }, kind)) }) }),
+      /* @__PURE__ */ jsx27(Field11, { label: "Status", htmlFor: `${uid}-status`, children: /* @__PURE__ */ jsxs25(Select9, { id: `${uid}-status`, value: selected.status, onChange: (event) => update({ status: event.currentTarget.value }), children: [
+        /* @__PURE__ */ jsx27("option", { value: "draft", children: "Draft" }),
+        /* @__PURE__ */ jsx27("option", { value: "published", children: "Published" }),
+        /* @__PURE__ */ jsx27("option", { value: "archived", children: "Archived" })
+      ] }) }),
+      /* @__PURE__ */ jsx27(Field11, { label: "Visible to", htmlFor: `${uid}-scope`, children: /* @__PURE__ */ jsxs25(Select9, { id: `${uid}-scope`, value: scopeValue, onChange: (event) => {
+        const value = event.currentTarget.value;
+        update({ scope: value === "global" ? { kind: "global" } : value === "built_not_found" ? { kind: "built_not_found" } : { kind: "chapter", chapterId: value.slice("chapter:".length) } });
+      }, children: [
+        data.mode === "hub" ? /* @__PURE__ */ jsx27("option", { value: "built_not_found", children: "Built Not Found only" }) : null,
+        data.mode === "hub" ? /* @__PURE__ */ jsx27("option", { value: "global", children: "All chapters" }) : null,
+        data.chapterTargets.map(({ chapterId }) => /* @__PURE__ */ jsxs25("option", { value: `chapter:${chapterId}`, children: [
+          "Only ",
+          chapterId
+        ] }, chapterId))
+      ] }) }),
+      /* @__PURE__ */ jsx27(Field11, { label: "Tags", htmlFor: `${uid}-tags`, children: /* @__PURE__ */ jsx27(Input4, { id: `${uid}-tags`, value: selected.tags.join(", "), placeholder: "brand, membership", onInput: (event) => update({ tags: event.currentTarget.value.split(",").map((tag) => tag.trim()).filter(Boolean) }) }) })
     ] }),
-    selected.kind === "document" || selected.kind === "note" ? /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-      /* @__PURE__ */ jsx27("span", { children: "Markdown" }),
-      /* @__PURE__ */ jsx27("textarea", { rows: 12, value: selected.bodyMarkdown ?? "", onInput: (event) => update({ bodyMarkdown: event.currentTarget.value }) })
-    ] }) : null,
-    selected.kind === "link" || selected.kind === "inspiration" ? /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-      /* @__PURE__ */ jsx27("span", { children: "HTTPS URL" }),
-      /* @__PURE__ */ jsx27("input", { type: "url", value: selected.url ?? "", onInput: (event) => update({ url: event.currentTarget.value }) })
-    ] }) : null,
+    /* @__PURE__ */ jsx27(Field11, { label: "Summary", htmlFor: `${uid}-summary`, children: /* @__PURE__ */ jsx27(Textarea3, { id: `${uid}-summary`, rows: 2, value: selected.summary ?? "", onInput: (event) => update({ summary: event.currentTarget.value || void 0 }) }) }),
+    selected.kind === "document" || selected.kind === "note" ? /* @__PURE__ */ jsx27(Field11, { label: "Markdown", htmlFor: `${uid}-markdown`, children: /* @__PURE__ */ jsx27(Textarea3, { id: `${uid}-markdown`, rows: 12, value: selected.bodyMarkdown ?? "", onInput: (event) => update({ bodyMarkdown: event.currentTarget.value }) }) }) : null,
+    selected.kind === "link" || selected.kind === "inspiration" ? /* @__PURE__ */ jsx27(Field11, { label: "HTTPS URL", htmlFor: `${uid}-url`, children: /* @__PURE__ */ jsx27(Input4, { id: `${uid}-url`, type: "url", value: selected.url ?? "", onInput: (event) => update({ url: event.currentTarget.value }) }) }) : null,
     selected.kind === "image" || selected.kind === "file" ? /* @__PURE__ */ jsxs25("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12 }, children: [
-      /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-        /* @__PURE__ */ jsx27("span", { children: "Brand book ID" }),
-        /* @__PURE__ */ jsx27("input", { value: selected.brandAsset?.bookId ?? "", onInput: (event) => update({ brandAsset: { bookId: event.currentTarget.value, assetId: selected.brandAsset?.assetId ?? "", ...selected.brandAsset?.filename ? { filename: selected.brandAsset.filename } : {} } }) })
-      ] }),
-      /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-        /* @__PURE__ */ jsx27("span", { children: "Asset ID" }),
-        /* @__PURE__ */ jsx27("input", { value: selected.brandAsset?.assetId ?? "", onInput: (event) => update({ brandAsset: { bookId: selected.brandAsset?.bookId ?? "", assetId: event.currentTarget.value, ...selected.brandAsset?.filename ? { filename: selected.brandAsset.filename } : {} } }) })
-      ] }),
-      /* @__PURE__ */ jsxs25("label", { className: "field", children: [
-        /* @__PURE__ */ jsx27("span", { children: "Filename (optional)" }),
-        /* @__PURE__ */ jsx27("input", { value: selected.brandAsset?.filename ?? "", onInput: (event) => update({ brandAsset: { bookId: selected.brandAsset?.bookId ?? "", assetId: selected.brandAsset?.assetId ?? "", ...event.currentTarget.value ? { filename: event.currentTarget.value } : {} } }) })
-      ] })
+      /* @__PURE__ */ jsx27(Field11, { label: "Brand book ID", htmlFor: `${uid}-book`, children: /* @__PURE__ */ jsx27(Input4, { id: `${uid}-book`, value: selected.brandAsset?.bookId ?? "", onInput: (event) => update({ brandAsset: { bookId: event.currentTarget.value, assetId: selected.brandAsset?.assetId ?? "", ...selected.brandAsset?.filename ? { filename: selected.brandAsset.filename } : {} } }) }) }),
+      /* @__PURE__ */ jsx27(Field11, { label: "Asset ID", htmlFor: `${uid}-asset`, children: /* @__PURE__ */ jsx27(Input4, { id: `${uid}-asset`, value: selected.brandAsset?.assetId ?? "", onInput: (event) => update({ brandAsset: { bookId: selected.brandAsset?.bookId ?? "", assetId: event.currentTarget.value, ...selected.brandAsset?.filename ? { filename: selected.brandAsset.filename } : {} } }) }) }),
+      /* @__PURE__ */ jsx27(Field11, { label: "Filename (optional)", htmlFor: `${uid}-filename`, children: /* @__PURE__ */ jsx27(Input4, { id: `${uid}-filename`, value: selected.brandAsset?.filename ?? "", onInput: (event) => update({ brandAsset: { bookId: selected.brandAsset?.bookId ?? "", assetId: selected.brandAsset?.assetId ?? "", ...event.currentTarget.value ? { filename: event.currentTarget.value } : {} } }) }) })
     ] }) : null,
     /* @__PURE__ */ jsx27(ResourcePreview, { item: selected })
   ] });
@@ -2595,11 +2576,11 @@ function builderLibrarySection() {
 
 // src/ui/admin-email.tsx
 import { useState as useState24 } from "preact/hooks";
-import { Button as Button16, Checkbox as Checkbox2, DataTable as DataTable3, Field as Field11, Input as Input4, Textarea as Textarea4 } from "@odla-ai/ui/components";
+import { Button as Button16, Checkbox as Checkbox2, DataTable as DataTable3, Field as Field13, Input as Input6, Textarea as Textarea5 } from "@odla-ai/ui/components";
 
 // src/ui/admin-email-resolution.tsx
 import { useState as useState23 } from "preact/hooks";
-import { Button as Button15, Field as Field10, Input as Input3, Textarea as Textarea3 } from "@odla-ai/ui/components";
+import { Button as Button15, Field as Field12, Input as Input5, Textarea as Textarea4 } from "@odla-ai/ui/components";
 import { jsx as jsx28, jsxs as jsxs26 } from "preact/jsx-runtime";
 function EmailDeliveryResolution({ row, ctx, onResolved }) {
   const [open, setOpen] = useState23(false), [reason, setReason] = useState23(""), [messageId, setMessageId] = useState23("");
@@ -2636,8 +2617,8 @@ function EmailDeliveryResolution({ row, ctx, onResolved }) {
       row.subject,
       ". Check provider evidence, not just whether the message is in an inbox. This action does not send mail."
     ] }),
-    /* @__PURE__ */ jsx28(Field10, { label: "Provider evidence", children: /* @__PURE__ */ jsx28(Textarea3, { value: reason, onInput: (e) => setReason(e.target.value) }) }),
-    /* @__PURE__ */ jsx28(Field10, { label: "Provider message ID (optional)", children: /* @__PURE__ */ jsx28(Input3, { value: messageId, onInput: (e) => setMessageId(e.target.value) }) }),
+    /* @__PURE__ */ jsx28(Field12, { label: "Provider evidence", children: /* @__PURE__ */ jsx28(Textarea4, { value: reason, onInput: (e) => setReason(e.target.value) }) }),
+    /* @__PURE__ */ jsx28(Field12, { label: "Provider message ID (optional)", children: /* @__PURE__ */ jsx28(Input5, { value: messageId, onInput: (e) => setMessageId(e.target.value) }) }),
     /* @__PURE__ */ jsx28(Button15, { mini: true, disabled: busy || reason.trim().length < 10, onClick: () => void resolve2("confirmed_delivered"), children: "Confirm delivered" }),
     /* @__PURE__ */ jsx28(Button15, { mini: true, variant: "secondary", disabled: busy || reason.trim().length < 10, onClick: () => void resolve2("confirmed_not_delivered"), children: "Confirm not delivered" }),
     /* @__PURE__ */ jsx28(Button15, { mini: true, variant: "secondary", disabled: busy, onClick: () => setOpen(false), children: "Cancel" }),
@@ -2710,16 +2691,17 @@ function EmailBody({ ctx }) {
           data.fromEmail ? ` \xB7 ${data.fromEmail}` : ""
         ] }),
         children: [
-          /* @__PURE__ */ jsx29(Field11, { label: copy.notificationAddress, children: /* @__PURE__ */ jsx29(Input4, { value: data.notificationEmail, onInput: (e) => edit({ notificationEmail: e.target.value }) }) }),
-          /* @__PURE__ */ jsx29(Field11, { label: copy.replyTo, children: /* @__PURE__ */ jsx29(Input4, { value: data.replyTo, onInput: (e) => edit({ replyTo: e.target.value }) }) }),
-          /* @__PURE__ */ jsx29(Field11, { label: copy.debugInbox, hint: copy.debugInboxHint, children: /* @__PURE__ */ jsx29(Input4, { value: data.debugEmail, onInput: (e) => edit({ debugEmail: e.target.value }) }) })
+          /* @__PURE__ */ jsx29(Field13, { label: copy.notificationAddress, children: /* @__PURE__ */ jsx29(Input6, { value: data.notificationEmail, onInput: (e) => edit({ notificationEmail: e.target.value }) }) }),
+          /* @__PURE__ */ jsx29(Field13, { label: copy.replyTo, children: /* @__PURE__ */ jsx29(Input6, { value: data.replyTo, onInput: (e) => edit({ replyTo: e.target.value }) }) }),
+          /* @__PURE__ */ jsx29(Field13, { label: copy.fromName, hint: copy.fromNameHint, children: /* @__PURE__ */ jsx29(Input6, { value: data.fromName ?? "", onInput: (e) => edit({ fromName: e.target.value }) }) }),
+          /* @__PURE__ */ jsx29(Field13, { label: copy.debugInbox, hint: copy.debugInboxHint, children: /* @__PURE__ */ jsx29(Input6, { value: data.debugEmail, onInput: (e) => edit({ debugEmail: e.target.value }) }) })
         ]
       }
     ),
     Object.entries(data.emailTemplates).map(([key, t]) => /* @__PURE__ */ jsxs27(Panel, { title: key, actions: /* @__PURE__ */ jsx29(Button16, { variant: "secondary", mini: true, disabled: busy === `test:${key}`, onClick: () => void test(key), children: copy.sendTest }), children: [
       /* @__PURE__ */ jsx29(Checkbox2, { label: copy.enabled, checked: t.enabled, onChange: (e) => editTemplate(key, { enabled: e.target.checked }) }),
-      /* @__PURE__ */ jsx29(Field11, { label: copy.subject, children: /* @__PURE__ */ jsx29(Input4, { value: t.subject, onInput: (e) => editTemplate(key, { subject: e.target.value }) }) }),
-      /* @__PURE__ */ jsx29(Field11, { label: copy.body, children: /* @__PURE__ */ jsx29(Textarea4, { prose: true, rows: 5, value: t.text, onInput: (e) => editTemplate(key, { text: e.target.value }) }) })
+      /* @__PURE__ */ jsx29(Field13, { label: copy.subject, children: /* @__PURE__ */ jsx29(Input6, { value: t.subject, onInput: (e) => editTemplate(key, { subject: e.target.value }) }) }),
+      /* @__PURE__ */ jsx29(Field13, { label: copy.body, children: /* @__PURE__ */ jsx29(Textarea5, { prose: true, rows: 5, value: t.text, onInput: (e) => editTemplate(key, { text: e.target.value }) }) })
     ] }, key)),
     /* @__PURE__ */ jsxs27("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
       /* @__PURE__ */ jsx29(Button16, { disabled: !draft || busy === "save", onClick: () => void save(), children: copy.save }),
@@ -3384,7 +3366,7 @@ function meetingsSection(options = {}) {
 }
 
 // src/ui/admin-network-record-editor.tsx
-import { Button as Button18, Field as Field12, Select as Select8 } from "@odla-ai/ui/components";
+import { Button as Button18, Field as Field14, Select as Select10 } from "@odla-ai/ui/components";
 import { useRef as useRef4, useState as useState29 } from "preact/hooks";
 import { Fragment as Fragment13, jsx as jsx36, jsxs as jsxs32 } from "preact/jsx-runtime";
 function NetworkRecordEditor(props) {
@@ -3445,7 +3427,7 @@ function NetworkRecordEditor(props) {
           pending.stage.replaceAll("_", " "),
           ". ",
           ownPending ? "Retry reconciles the same operation." : "The original operator must reconcile it."
-        ] }) : record.edit.allowedStages.length ? /* @__PURE__ */ jsx36(Field12, { label: "Action", children: /* @__PURE__ */ jsxs32(Select8, { "aria-label": "Action", value: stage, disabled: busy, onChange: (event) => setStage(event.currentTarget.value), children: [
+        ] }) : record.edit.allowedStages.length ? /* @__PURE__ */ jsx36(Field14, { label: "Action", children: /* @__PURE__ */ jsxs32(Select10, { "aria-label": "Action", value: stage, disabled: busy, onChange: (event) => setStage(event.currentTarget.value), children: [
           /* @__PURE__ */ jsx36("option", { value: "", children: "Choose an action" }),
           record.edit.allowedStages.map((action) => /* @__PURE__ */ jsx36("option", { value: action.id, children: action.label }, action.id))
         ] }) }) : /* @__PURE__ */ jsx36("p", { children: "No membership action is currently allowed." }),
@@ -3523,6 +3505,126 @@ function NetworkSeatBilling(props) {
   ] });
 }
 
+// src/ui/membership-policy-versions.tsx
+import { DataTable as DataTable5 } from "@odla-ai/ui/components";
+import { Fragment as Fragment14, jsx as jsx38, jsxs as jsxs34 } from "preact/jsx-runtime";
+var PATH = "/api/admin/membership-policy-versions";
+var day = (ms) => new Date(ms).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric", timeZone: "UTC" });
+var money4 = (cents, currency) => new Intl.NumberFormat("en-US", { style: "currency", currency }).format(cents / 100);
+var STATE = { active: "Active", scheduled: "Scheduled", superseded: "Superseded", draft: "Draft", retired: "Retired" };
+var MECHANISM = {
+  none: "None: cohort status only, no provider discount",
+  stripe_coupon_once: "Stripe coupon, applied once",
+  stripe_coupon_forever: "Stripe coupon, applied while active",
+  stripe_coupon_term_bound: "Stripe coupon, applied once; issuance refuses unless the offering's fixed term ends on the same date"
+};
+var State = ({ row }) => /* @__PURE__ */ jsx38("span", { className: row.state === "active" ? "badge" : "muted", children: STATE[row.state] });
+var superseded = (row) => row.supersededAt === void 0 ? "\u2014" : day(row.supersededAt);
+var Source = ({ row }) => /* @__PURE__ */ jsxs34("span", { children: [
+  row.source ?? /* @__PURE__ */ jsx38("span", { className: "muted", children: "Unrecorded" }),
+  row.actor ? /* @__PURE__ */ jsxs34(Fragment14, { children: [
+    " \xB7 ",
+    /* @__PURE__ */ jsx38("code", { children: row.actor })
+  ] }) : null,
+  row.recordedAt !== void 0 ? /* @__PURE__ */ jsxs34(Fragment14, { children: [
+    " \xB7 ",
+    day(row.recordedAt)
+  ] }) : null
+] });
+var offeringColumns = [
+  { key: "version", header: "Version", cell: (row) => /* @__PURE__ */ jsxs34(Fragment14, { children: [
+    /* @__PURE__ */ jsxs34("code", { children: [
+      "v",
+      row.version
+    ] }),
+    " ",
+    /* @__PURE__ */ jsx38(State, { row })
+  ] }), sortAs: "number", sortValue: (row) => row.version },
+  { key: "sku", header: "SKU", cell: (row) => /* @__PURE__ */ jsx38("code", { children: row.baseSkuId }) },
+  { key: "list", header: "List price", cell: (row) => `${money4(row.basePriceCents, row.currency)} / ${row.interval}` },
+  { key: "term", header: "Term", cell: (row) => row.term.kind === "fixed_end" ? `Ends ${day(row.term.endsAt)}` : `Rolling ${row.term.months} months` },
+  { key: "seat", header: "Seat", cell: (row) => `${money4(row.seatPriceCents, row.currency)} \xB7 ${row.seatPurchaseWindowCalendarMonths === void 0 ? "no window" : `${row.seatPurchaseWindowCalendarMonths}-month window`}` },
+  { key: "effectiveFrom", header: "Effective from", cell: (row) => day(row.effectiveFrom), sortAs: "number", sortValue: (row) => row.effectiveFrom },
+  { key: "effectiveUntil", header: "Effective until", cell: (row) => row.effectiveUntil === void 0 ? "Open" : day(row.effectiveUntil) },
+  { key: "supersededAt", header: "Superseded", cell: superseded },
+  { key: "source", header: "Source", cell: (row) => /* @__PURE__ */ jsx38(Source, { row }) }
+];
+var policyColumns = [
+  { key: "version", header: "Version", cell: (row) => /* @__PURE__ */ jsxs34(Fragment14, { children: [
+    /* @__PURE__ */ jsxs34("code", { children: [
+      "v",
+      row.version
+    ] }),
+    " ",
+    /* @__PURE__ */ jsx38(State, { row })
+  ] }), sortAs: "number", sortValue: (row) => row.version },
+  { key: "cohort", header: "Cohort", cell: (row) => /* @__PURE__ */ jsxs34(Fragment14, { children: [
+    row.cohortLabel,
+    " ",
+    /* @__PURE__ */ jsxs34("span", { className: "muted", children: [
+      "\xB7 soft target ",
+      row.softTarget
+    ] })
+  ] }) },
+  { key: "percentOff", header: "Percent off", cell: (row) => `${row.percentOffBps / 100}%` },
+  { key: "skus", header: "Discounted SKUs", cell: (row) => row.discountEligibleSkuIds.length ? row.discountEligibleSkuIds.join(", ") : "None" },
+  { key: "qualifying", header: "Qualifying window", cell: (row) => `${day(row.qualifyingStartsAt)} \u2192 ${day(row.qualifyingEndsAt)}` },
+  { key: "benefit", header: "Benefit duration", cell: (row) => row.benefitDuration.kind === "fixed_end" ? `Until ${day(row.benefitDuration.endsAt)}` : row.benefitDuration.kind === "first_term" ? "First term" : "While active" },
+  { key: "mechanism", header: "Provider mechanism", cell: (row) => MECHANISM[row.mechanism] },
+  { key: "supersededAt", header: "Superseded", cell: superseded },
+  { key: "source", header: "Source", cell: (row) => /* @__PURE__ */ jsx38(Source, { row }) }
+];
+function MembershipPolicyVersions(props) {
+  const path = props.chapterId ? `${PATH}?chapterId=${encodeURIComponent(props.chapterId)}` : PATH;
+  const { data, loading, error } = useAdminResource(props.getToken, path);
+  const scope = props.chapterId ? `chapter ${props.chapterId}` : "any chapter";
+  if (loading) return /* @__PURE__ */ jsx38(Panel, { title: "Membership offering versions", children: /* @__PURE__ */ jsx38("p", { role: "status", children: "Loading offering versions\u2026" }) });
+  if (error || !data) return /* @__PURE__ */ jsx38(Panel, { title: "Membership offering versions", children: /* @__PURE__ */ jsxs34("p", { role: "alert", children: [
+    "Offering versions could not be loaded: ",
+    error ?? "empty response"
+  ] }) });
+  return /* @__PURE__ */ jsxs34(Fragment14, { children: [
+    /* @__PURE__ */ jsxs34(Panel, { title: "Membership offering versions", actions: data.truncated ? /* @__PURE__ */ jsx38("span", { className: "badge", children: "Truncated" }) : void 0, children: [
+      /* @__PURE__ */ jsxs34("p", { className: "muted", children: [
+        "The list price a card shows comes from the active offering; the payable price applies the active discount policy. State is judged as of ",
+        day(data.now),
+        ", exactly as checkout issuance judges it."
+      ] }),
+      /* @__PURE__ */ jsx38(
+        DataTable5,
+        {
+          rows: data.offerings,
+          columns: offeringColumns,
+          rowKey: (row) => row.id,
+          ariaLabel: "Membership offering versions",
+          emptyState: `No offering versions are recorded for ${scope}.`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs34(Panel, { title: "Discount policy versions", children: [
+      /* @__PURE__ */ jsx38(
+        DataTable5,
+        {
+          rows: data.discountPolicies,
+          columns: policyColumns,
+          rowKey: (row) => row.id,
+          ariaLabel: "Discount policy versions",
+          emptyState: `No discount policy versions are recorded for ${scope}.`
+        }
+      ),
+      data.invalid.length ? /* @__PURE__ */ jsxs34("p", { role: "alert", children: [
+        data.invalid.length,
+        " recorded version",
+        data.invalid.length === 1 ? " no longer normalizes and blocks" : "s no longer normalize and block",
+        " ",
+        "issuance: ",
+        data.invalid.map((item) => `${item.collection} ${item.id} (${item.error})`).join("; "),
+        "."
+      ] }) : null
+    ] })
+  ] });
+}
+
 export {
   AdminPage,
   Panel,
@@ -3565,6 +3667,7 @@ export {
   defaultAdminSections,
   meetingsSection,
   NetworkRecordEditor,
-  NetworkSeatBilling
+  NetworkSeatBilling,
+  MembershipPolicyVersions
 };
-//# sourceMappingURL=chunk-4EA5V4JE.js.map
+//# sourceMappingURL=chunk-7N4VDWM5.js.map