@odla-ai/chapter 0.26.1 → 0.27.0

package/dist/{chunk-4QZEAWQL.js → chunk-L2SA47IO.js}

@@ -4,10 +4,10 @@ import {
   DEFAULT_CHAPTER_COPY,
   formatChapterCopy,
   useChapterCopy
-} from "./chunk-OIWCKF2G.js";
+} from "./chunk-JAWTIROV.js";
 
 // src/ui/admin.tsx
-import { useEffect as useEffect8, useMemo, useRef, useState as useState12 } from "preact/hooks";
+import { useEffect as useEffect9, useMemo as useMemo2, useRef, useState as useState14 } from "preact/hooks";
 import { ClerkGate, SignedIn, SignedOut, SignIn, useClerkAuth } from "@odla-ai/auth-clerk";
 import { CrmClient } from "@odla-ai/crm";
 
@@ -1255,46 +1255,398 @@ function peopleSection(options) {
   });
 }
 
+// src/ui/admin-network-records.tsx
+import {
+  DataTable as DataTable3,
+  Field as Field6,
+  MasterDetail,
+  Pagination,
+  Select as Select3
+} from "@odla-ai/ui/components";
+import { useEffect as useEffect7, useMemo, useState as useState12 } from "preact/hooks";
+
+// src/ui/admin-network-notes.tsx
+import { Button as Button6, Field as Field5, Textarea as Textarea2 } from "@odla-ai/ui/components";
+import { useState as useState11 } from "preact/hooks";
+import { jsx as jsx15, jsxs as jsxs12 } from "preact/jsx-runtime";
+function displayValue(value) {
+  if (Array.isArray(value)) return value.join(", ");
+  if (value && typeof value === "object") return JSON.stringify(value);
+  return value == null ? "\u2014" : String(value);
+}
+function PrivateNotes(props) {
+  const { ctx, targetId, record, leaderName } = props;
+  const query = new URLSearchParams({
+    targetId,
+    type: record.type,
+    recordId: record.id
+  });
+  const path = `/api/admin/network/notes?${query}`;
+  const notes = useAdminResource(ctx.getToken, path);
+  const [body, setBody] = useState11("");
+  const [busy, setBusy] = useState11(false);
+  const [error, setError] = useState11(null);
+  const submit = async () => {
+    const trimmed = body.trim();
+    if (!trimmed) return;
+    setBusy(true);
+    setError(null);
+    try {
+      await adminFetch(ctx.getToken, path, {
+        method: "POST",
+        body: JSON.stringify({ body: trimmed })
+      });
+      setBody("");
+      notes.refresh();
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "Could not save note.");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs12("section", { style: { display: "grid", gap: 12 }, children: [
+    /* @__PURE__ */ jsxs12("h3", { style: { margin: "8px 0 0" }, children: [
+      "Private to ",
+      leaderName
+    ] }),
+    /* @__PURE__ */ jsx15(
+      Field5,
+      {
+        label: "Add a note",
+        hint: `Visible only to ${leaderName} admins. Nothing is written back to the follower.`,
+        error,
+        children: /* @__PURE__ */ jsx15(
+          Textarea2,
+          {
+            rows: 4,
+            value: body,
+            maxLength: 4e3,
+            onInput: (event) => setBody(event.currentTarget.value)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsx15(Button6, { disabled: busy || !body.trim(), onClick: () => void submit(), children: busy ? "Saving\u2026" : "Save note" }) }),
+    notes.loading ? /* @__PURE__ */ jsx15("p", { className: "muted", children: "Loading notes\u2026" }) : null,
+    notes.error ? /* @__PURE__ */ jsx15("p", { role: "alert", children: notes.error }) : null,
+    !notes.loading && !notes.error && (notes.data?.notes.length ?? 0) === 0 ? /* @__PURE__ */ jsx15("p", { className: "muted", children: "No notes yet." }) : null,
+    (notes.data?.notes ?? []).map((note) => /* @__PURE__ */ jsxs12("article", { className: "panel", style: { padding: 14 }, children: [
+      /* @__PURE__ */ jsx15("p", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: note.body }),
+      /* @__PURE__ */ jsxs12("p", { className: "muted", style: { margin: "8px 0 0", fontSize: 12 }, children: [
+        note.authorEmail ?? note.authorId,
+        " \xB7 ",
+        new Date(note.createdAt).toLocaleString()
+      ] })
+    ] }, note.id))
+  ] });
+}
+function SharedNotes(props) {
+  const { ctx, targetId, targetName, record } = props;
+  const query = new URLSearchParams({
+    targetId,
+    type: record.type,
+    recordId: record.id
+  });
+  const path = `/api/admin/network/shared-notes?${query}`;
+  const notes = useAdminResource(ctx.getToken, path);
+  const [body, setBody] = useState11("");
+  const [busy, setBusy] = useState11(false);
+  const [error, setError] = useState11(null);
+  const submit = async () => {
+    const trimmed = body.trim();
+    if (!trimmed) return;
+    setBusy(true);
+    setError(null);
+    try {
+      await adminFetch(ctx.getToken, path, {
+        method: "POST",
+        body: JSON.stringify({ body: trimmed })
+      });
+      setBody("");
+      notes.refresh();
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "Could not share note.");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs12("section", { style: { display: "grid", gap: 12 }, children: [
+    /* @__PURE__ */ jsxs12("h3", { style: { margin: "8px 0 0" }, children: [
+      "Shared with ",
+      targetName
+    ] }),
+    /* @__PURE__ */ jsx15(
+      Field5,
+      {
+        label: "Add a shared note",
+        hint: `This is written to the record's Notes feed for ${targetName} admins.`,
+        error,
+        children: /* @__PURE__ */ jsx15(
+          Textarea2,
+          {
+            rows: 4,
+            value: body,
+            maxLength: 4e3,
+            onInput: (event) => setBody(event.currentTarget.value)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsx15(Button6, { disabled: busy || !body.trim(), onClick: () => void submit(), children: busy ? "Sharing\u2026" : `Share with ${targetName}` }) }),
+    notes.loading ? /* @__PURE__ */ jsx15("p", { className: "muted", children: "Loading shared notes\u2026" }) : null,
+    notes.error ? /* @__PURE__ */ jsx15("p", { role: "alert", children: notes.error }) : null,
+    !notes.loading && !notes.error && (notes.data?.notes.length ?? 0) === 0 ? /* @__PURE__ */ jsx15("p", { className: "muted", children: "No shared notes yet." }) : null,
+    (notes.data?.notes ?? []).map((note) => /* @__PURE__ */ jsxs12("article", { className: "panel", style: { padding: 14 }, children: [
+      /* @__PURE__ */ jsx15("p", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: note.body }),
+      /* @__PURE__ */ jsxs12("p", { className: "muted", style: { margin: "8px 0 0", fontSize: 12 }, children: [
+        "Shared with ",
+        targetName,
+        " \xB7 ",
+        new Date(note.createdAt).toLocaleString()
+      ] })
+    ] }, note.id))
+  ] });
+}
+function NetworkRecordDetail(props) {
+  const { ctx, targetId, targetName, leaderName, sharedEnabled, record } = props;
+  return /* @__PURE__ */ jsxs12("div", { style: { display: "grid", gap: 14 }, children: [
+    /* @__PURE__ */ jsxs12("header", { children: [
+      /* @__PURE__ */ jsx15("h2", { style: { margin: 0 }, children: record.name }),
+      record.stage ? /* @__PURE__ */ jsx15("span", { className: "badge", style: { marginTop: 8 }, children: record.stage.replaceAll("_", " ") }) : null
+    ] }),
+    /* @__PURE__ */ jsxs12("dl", { style: { display: "grid", gridTemplateColumns: "minmax(8rem, auto) 1fr", gap: "8px 16px", margin: 0 }, children: [
+      Object.entries(record.fields).map(([name, value]) => /* @__PURE__ */ jsxs12("div", { style: { display: "contents" }, children: [
+        /* @__PURE__ */ jsx15("dt", { className: "muted", children: name.replaceAll("_", " ") }),
+        /* @__PURE__ */ jsx15("dd", { style: { margin: 0, overflowWrap: "anywhere" }, children: displayValue(value) })
+      ] }, name)),
+      /* @__PURE__ */ jsxs12("div", { style: { display: "contents" }, children: [
+        /* @__PURE__ */ jsx15("dt", { className: "muted", children: "Updated" }),
+        /* @__PURE__ */ jsx15("dd", { style: { margin: 0 }, children: new Date(record.updatedAt).toLocaleString() })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs12("div", { style: { display: "grid", gap: 22 }, children: [
+      /* @__PURE__ */ jsx15(
+        PrivateNotes,
+        {
+          ctx,
+          targetId,
+          record,
+          leaderName
+        }
+      ),
+      sharedEnabled ? /* @__PURE__ */ jsx15(
+        SharedNotes,
+        {
+          ctx,
+          targetId,
+          targetName,
+          record
+        }
+      ) : null
+    ] })
+  ] });
+}
+
+// src/ui/admin-network-records.tsx
+import { jsx as jsx16, jsxs as jsxs13 } from "preact/jsx-runtime";
+function RecordsExplorer(props) {
+  const { ctx, target, type, leaderName } = props;
+  const [offset, setOffset] = useState12(0);
+  const [search, setSearch] = useState12("");
+  const query = new URLSearchParams({
+    targetId: target.id,
+    type,
+    limit: "25",
+    offset: String(offset)
+  });
+  if (search.trim()) query.set("search", search.trim());
+  const page = useAdminResource(
+    ctx.getToken,
+    `/api/admin/network/records?${query}`
+  );
+  const selected = page.data?.records.find((record) => record.id === ctx.route.recordId);
+  const columns2 = useMemo(() => [
+    {
+      key: "name",
+      header: "Name",
+      cell: (record) => /* @__PURE__ */ jsx16("a", { href: ctx.href({ recordId: record.id, detailTab: null }), children: record.name })
+    },
+    {
+      key: "stage",
+      header: "Stage",
+      cell: (record) => record.stage ? /* @__PURE__ */ jsx16("span", { className: "badge", children: record.stage.replaceAll("_", " ") }) : "\u2014"
+    },
+    {
+      key: "updatedAt",
+      header: "Updated",
+      cell: (record) => new Date(record.updatedAt).toLocaleDateString()
+    }
+  ], [ctx]);
+  return /* @__PURE__ */ jsx16(
+    MasterDetail,
+    {
+      collapseClosedDetail: true,
+      masterLabel: `${target.name} records`,
+      detailLabel: "Follower record details, private notes, and shared notes",
+      detailOpen: Boolean(selected),
+      closeHref: ctx.href({ recordId: null, detailTab: null }),
+      master: /* @__PURE__ */ jsxs13(Panel, { title: `${target.name} \xB7 ${type.replaceAll("_", " ")}`, children: [
+        /* @__PURE__ */ jsx16(
+          DataTable3,
+          {
+            manual: true,
+            filterable: true,
+            filter: search,
+            filterPlaceholder: "Search records\u2026",
+            onFilterChange: (value) => {
+              setSearch(value);
+              setOffset(0);
+              ctx.navigate({ recordId: null, detailTab: null });
+            },
+            rows: page.data?.records ?? [],
+            columns: columns2,
+            rowKey: (record) => record.id,
+            loading: page.loading,
+            emptyState: page.error ? `Could not load records: ${page.error}` : "No records found.",
+            ariaLabel: `${target.name} ${type} records`
+          }
+        ),
+        /* @__PURE__ */ jsx16(
+          Pagination,
+          {
+            offset: page.data?.offset ?? offset,
+            limit: page.data?.limit ?? 25,
+            total: page.data?.total,
+            count: page.data?.records.length ?? 0,
+            disabled: page.loading,
+            onOffsetChange: (next) => {
+              setOffset(next);
+              ctx.navigate({ recordId: null, detailTab: null });
+            }
+          }
+        )
+      ] }),
+      detail: selected ? /* @__PURE__ */ jsx16(Panel, { children: /* @__PURE__ */ jsx16(
+        NetworkRecordDetail,
+        {
+          ctx,
+          targetId: target.id,
+          targetName: target.name,
+          leaderName,
+          sharedEnabled: target.sharedNotes.includes(type),
+          record: selected
+        }
+      ) }) : void 0
+    }
+  );
+}
+function NetworkRecordsWorkspace(props) {
+  const { chapter, ctx } = props;
+  const targets = useAdminResource(ctx.getToken, "/api/admin/network/targets");
+  const [targetId, setTargetId] = useState12("");
+  const [type, setType] = useState12("");
+  const target = targets.data?.targets.find((candidate) => candidate.id === targetId) ?? targets.data?.targets[0];
+  useEffect7(() => {
+    if (target && target.id !== targetId) setTargetId(target.id);
+  }, [target, targetId]);
+  useEffect7(() => {
+    const first = target?.types[0] ?? "";
+    if (target && !target.types.includes(type)) setType(first);
+  }, [target, type]);
+  if (targets.loading) return /* @__PURE__ */ jsx16(AdminNote, { children: "Loading follower records\u2026" });
+  if (targets.error || !targets.data) return /* @__PURE__ */ jsxs13(AdminNote, { children: [
+    "Could not load followers",
+    targets.error ? `: ${targets.error}` : "",
+    "."
+  ] });
+  if (!target) return /* @__PURE__ */ jsx16(AdminPage, { children: /* @__PURE__ */ jsx16(Panel, { title: "Follower records", children: /* @__PURE__ */ jsx16("p", { className: "muted", children: "No followers are configured." }) }) });
+  return /* @__PURE__ */ jsxs13(AdminPage, { children: [
+    /* @__PURE__ */ jsxs13("div", { style: { display: "flex", gap: 12, flexWrap: "wrap", alignItems: "end" }, children: [
+      /* @__PURE__ */ jsx16(Field6, { label: "Chapter", style: { minWidth: 240 }, children: /* @__PURE__ */ jsx16(
+        Select3,
+        {
+          value: target.id,
+          options: targets.data.targets.map((item) => ({ value: item.id, label: item.name })),
+          onChange: (event) => {
+            setTargetId(event.currentTarget.value);
+            setType("");
+            ctx.navigate({ recordId: null, detailTab: null });
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx16(Field6, { label: "Record type", style: { minWidth: 180 }, children: /* @__PURE__ */ jsx16(
+        Select3,
+        {
+          value: type,
+          options: target.types.map((item) => ({ value: item, label: item.replaceAll("_", " ") })),
+          onChange: (event) => {
+            setType(event.currentTarget.value);
+            ctx.navigate({ recordId: null, detailTab: null });
+          }
+        }
+      ) })
+    ] }),
+    type ? /* @__PURE__ */ jsx16(
+      RecordsExplorer,
+      {
+        ctx,
+        target,
+        type,
+        leaderName: chapter.name
+      },
+      `${target.id}:${type}`
+    ) : /* @__PURE__ */ jsx16(Panel, { children: /* @__PURE__ */ jsx16("p", { className: "muted", children: "This follower has no browsable record types configured." }) })
+  ] });
+}
+function networkRecordsWorkspace(chapter) {
+  return {
+    id: "network",
+    label: chapter.copy.admin.workspaces.network,
+    defaultViewId: "records",
+    render: (ctx) => /* @__PURE__ */ jsx16(NetworkRecordsWorkspace, { chapter, ctx })
+  };
+}
+
 // src/ui/admin-portfolio.tsx
 import { StatBand as StatBand2, StepPipeline as StepPipeline2 } from "@odla-ai/ui/components";
-import { jsx as jsx15, jsxs as jsxs12 } from "preact/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "preact/jsx-runtime";
 function LeaderNetworkOverview({ ctx }) {
   const copy = useChapterCopy().admin.network;
   const { data, loading, error } = useAdminResource(
     ctx.getToken,
     "/api/admin/network/rollup"
   );
-  if (loading) return /* @__PURE__ */ jsx15(AdminNote, { children: copy.loadingRollup });
-  if (error || !data) return /* @__PURE__ */ jsxs12(AdminNote, { children: [
+  if (loading) return /* @__PURE__ */ jsx17(AdminNote, { children: copy.loadingRollup });
+  if (error || !data) return /* @__PURE__ */ jsxs14(AdminNote, { children: [
     copy.loadRollupFailed,
     error ? `: ${error}` : "",
     "."
   ] });
-  if (data.configured === 0) return /* @__PURE__ */ jsx15(AdminPage, { children: /* @__PURE__ */ jsx15(Panel, { title: copy.overview, children: /* @__PURE__ */ jsx15("p", { className: "muted", children: copy.noFollowers }) }) });
+  if (data.configured === 0) return /* @__PURE__ */ jsx17(AdminPage, { children: /* @__PURE__ */ jsx17(Panel, { title: copy.overview, children: /* @__PURE__ */ jsx17("p", { className: "muted", children: copy.noFollowers }) }) });
   const stats = [
     { value: data.configured.toLocaleString(), label: copy.configuredFollowers },
     { value: data.available.toLocaleString(), label: copy.reachableFollowers },
     { value: data.totalRecords.toLocaleString(), label: copy.recordsAcrossFollowers }
   ];
   const steps = data.types.map((type) => ({
-    icon: /* @__PURE__ */ jsx15("span", { style: { fontSize: 22, fontWeight: 700 }, children: type.total }),
+    icon: /* @__PURE__ */ jsx17("span", { style: { fontSize: 22, fontWeight: 700 }, children: type.total }),
     title: type.type.replaceAll("_", " "),
     description: Object.entries(type.stages).filter(([, count]) => count > 0).map(([stage, count]) => `${stage.replaceAll("_", " ")} ${count}`).join(" \xB7 ") || copy.noRecordTotals
   }));
-  return /* @__PURE__ */ jsxs12(AdminPage, { children: [
-    /* @__PURE__ */ jsx15(StatBand2, { stats }),
-    /* @__PURE__ */ jsx15(Panel, { title: copy.followers, children: /* @__PURE__ */ jsx15("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "grid", gap: 10 }, children: data.targets.map((target) => /* @__PURE__ */ jsxs12("li", { style: { display: "flex", gap: 12, alignItems: "baseline", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsx15("strong", { style: { minWidth: 180 }, children: target.name }),
-      /* @__PURE__ */ jsx15("span", { className: "badge", children: target.available ? copy.available : copy.unavailable }),
-      target.error ? /* @__PURE__ */ jsx15("span", { className: "muted", children: target.error }) : null,
-      /* @__PURE__ */ jsx15("a", { href: target.url, target: "_blank", rel: "noreferrer", style: { marginLeft: "auto" }, children: target.url })
+  return /* @__PURE__ */ jsxs14(AdminPage, { children: [
+    /* @__PURE__ */ jsx17(StatBand2, { stats }),
+    /* @__PURE__ */ jsx17(Panel, { title: copy.followers, children: /* @__PURE__ */ jsx17("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "grid", gap: 10 }, children: data.targets.map((target) => /* @__PURE__ */ jsxs14("li", { style: { display: "flex", gap: 12, alignItems: "baseline", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsx17("strong", { style: { minWidth: 180 }, children: target.name }),
+      /* @__PURE__ */ jsx17("span", { className: "badge", children: target.available ? copy.available : copy.unavailable }),
+      target.error ? /* @__PURE__ */ jsx17("span", { className: "muted", children: target.error }) : null,
+      /* @__PURE__ */ jsx17("a", { href: target.url, target: "_blank", rel: "noreferrer", style: { marginLeft: "auto" }, children: target.url })
     ] }, target.id)) }) }),
-    /* @__PURE__ */ jsx15(Panel, { title: copy.recordTotals, children: steps.length ? /* @__PURE__ */ jsx15(StepPipeline2, { ariaLabel: copy.recordTotals, steps }) : /* @__PURE__ */ jsx15("p", { className: "muted", children: copy.noRecordTotals }) })
+    /* @__PURE__ */ jsx17(Panel, { title: copy.recordTotals, children: steps.length ? /* @__PURE__ */ jsx17(StepPipeline2, { ariaLabel: copy.recordTotals, steps }) : /* @__PURE__ */ jsx17("p", { className: "muted", children: copy.noRecordTotals }) })
   ] });
 }
 
 // src/ui/admin-workspaces.tsx
-import { jsx as jsx16 } from "preact/jsx-runtime";
+import { jsx as jsx18 } from "preact/jsx-runtime";
 var adminViewContext = (ctx, viewId, active) => {
   const route = {
     workspaceId: ctx.route.workspaceId,
@@ -1320,7 +1672,7 @@ function DashboardWorkspace({ chapter, ctx }) {
   const active = ctx.route.viewId === "billing" ? "billing" : "overview";
   const overview = dashboardSection({ id: "overview", label: copy.workspaces.overview });
   const billing = billingSection({ label: copy.workspaces.billing });
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     Tabs2,
     {
       ariaLabel: copy.workspaces.dashboardViewsLabel,
@@ -1348,7 +1700,7 @@ function SettingsWorkspace({ chapter, ctx }) {
   const active = ctx.route.viewId === "email" ? "email" : "calendar";
   const calendar = availabilitySection({ id: "calendar", label: copy.workspaces.calendar });
   const email = emailSection({ label: copy.workspaces.email });
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     Tabs2,
     {
       ariaLabel: copy.workspaces.settingsViewsLabel,
@@ -1376,7 +1728,7 @@ function PeopleWorkspace({ chapter, ctx }) {
   const fallback = types[0]?.[0] ?? "person";
   const active = types.some(([type]) => type === ctx.route.viewId) ? ctx.route.viewId : fallback;
   const networkSharing = chapter.network.targets.length > 0;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     Tabs2,
     {
       ariaLabel: chapter.copy.admin.workspaces.collectionsLabel,
@@ -1406,8 +1758,8 @@ function PortfolioWorkspace({ chapter, ctx }) {
   const types = Object.entries(chapter.crm.config.types).filter(([, def]) => def.workspace === "portfolio");
   const fallback = types[0]?.[0] ?? "";
   const active = types.some(([type]) => type === ctx.route.viewId) ? ctx.route.viewId : fallback;
-  if (!active) return /* @__PURE__ */ jsx16(LeaderNetworkOverview, { ctx });
-  return /* @__PURE__ */ jsx16(
+  if (!active) return /* @__PURE__ */ jsx18(LeaderNetworkOverview, { ctx });
+  return /* @__PURE__ */ jsx18(
     Tabs2,
     {
       ariaLabel: copy.workspaces.portfolioViewsLabel,
@@ -1431,7 +1783,7 @@ function PortfolioWorkspace({ chapter, ctx }) {
   );
 }
 function LeaderDashboardWorkspace({ chapter, ctx }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     Tabs2,
     {
       ariaLabel: chapter.copy.admin.workspaces.dashboardViewsLabel,
@@ -1441,14 +1793,14 @@ function LeaderDashboardWorkspace({ chapter, ctx }) {
         value: "overview",
         label: chapter.copy.admin.workspaces.overview,
         href: ctx.href({ viewId: "overview", recordId: null, detailTab: null }),
-        panel: /* @__PURE__ */ jsx16(LeaderNetworkOverview, { ctx: adminViewContext(ctx, "overview", true) })
+        panel: /* @__PURE__ */ jsx18(LeaderNetworkOverview, { ctx: adminViewContext(ctx, "overview", true) })
       }]
     }
   );
 }
 function LeaderSettingsWorkspace({ chapter, ctx }) {
   const email = emailSection({ label: chapter.copy.admin.workspaces.email });
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     Tabs2,
     {
       ariaLabel: chapter.copy.admin.workspaces.settingsViewsLabel,
@@ -1469,7 +1821,7 @@ function defaultAdminWorkspaces(chapter) {
     id: "people",
     label: copy.workspaces.people,
     defaultViewId: Object.keys(chapter.crm.config.types)[0] ?? "person",
-    render: (ctx) => /* @__PURE__ */ jsx16(PeopleWorkspace, { chapter, ctx })
+    render: (ctx) => /* @__PURE__ */ jsx18(PeopleWorkspace, { chapter, ctx })
   };
   if (chapter.mode === "hub" && chapter.network.targets.length === 0) return [people];
   if (chapter.mode === "hub") {
@@ -1479,20 +1831,21 @@ function defaultAdminWorkspaces(chapter) {
         id: "dashboard",
         label: copy.workspaces.dashboard,
         defaultViewId: "overview",
-        render: (ctx) => /* @__PURE__ */ jsx16(LeaderDashboardWorkspace, { chapter, ctx })
+        render: (ctx) => /* @__PURE__ */ jsx18(LeaderDashboardWorkspace, { chapter, ctx })
       },
+      networkRecordsWorkspace(chapter),
       people,
       {
         id: "portfolio",
         label: copy.workspaces.portfolio,
         defaultViewId: portfolioTypes[0]?.[0],
-        render: (ctx) => /* @__PURE__ */ jsx16(PortfolioWorkspace, { chapter, ctx })
+        render: (ctx) => /* @__PURE__ */ jsx18(PortfolioWorkspace, { chapter, ctx })
       },
       {
         id: "settings",
         label: copy.workspaces.settings,
         defaultViewId: "email",
-        render: (ctx) => /* @__PURE__ */ jsx16(LeaderSettingsWorkspace, { chapter, ctx })
+        render: (ctx) => /* @__PURE__ */ jsx18(LeaderSettingsWorkspace, { chapter, ctx })
       }
     ];
   }
@@ -1501,24 +1854,24 @@ function defaultAdminWorkspaces(chapter) {
       id: "dashboard",
       label: copy.workspaces.dashboard,
       defaultViewId: "overview",
-      render: (ctx) => /* @__PURE__ */ jsx16(DashboardWorkspace, { chapter, ctx })
+      render: (ctx) => /* @__PURE__ */ jsx18(DashboardWorkspace, { chapter, ctx })
     },
     people,
     {
       id: "settings",
       label: copy.workspaces.settings,
       defaultViewId: "calendar",
-      render: (ctx) => /* @__PURE__ */ jsx16(SettingsWorkspace, { chapter, ctx })
+      render: (ctx) => /* @__PURE__ */ jsx18(SettingsWorkspace, { chapter, ctx })
     }
   ];
 }
 
 // src/ui/admin-frame.tsx
 import { ThemeScope as ThemeScope2 } from "@odla-ai/ui/components";
-import { jsx as jsx17, jsxs as jsxs13 } from "preact/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "preact/jsx-runtime";
 function AdminTheme(props) {
   const brand = props.chapter?.brand;
-  return /* @__PURE__ */ jsx17(ChapterCopyProvider, { copy: props.chapter?.copy, children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx19(ChapterCopyProvider, { copy: props.chapter?.copy, children: /* @__PURE__ */ jsxs15(
     ThemeScope2,
     {
       ref: props.scopeRef,
@@ -1527,7 +1880,7 @@ function AdminTheme(props) {
       accent: brand?.accent,
       colorScheme: brand?.colorScheme ?? "light",
       children: [
-        /* @__PURE__ */ jsx17(BrandStyle, { brand, selector: "[data-chapter-admin]" }),
+        /* @__PURE__ */ jsx19(BrandStyle, { brand, selector: "[data-chapter-admin]" }),
         props.children
       ]
     }
@@ -1547,11 +1900,11 @@ function signInRedirect(basePath, workspaces) {
 }
 
 // src/ui/admin-appearance.ts
-import { useEffect as useEffect7, useState as useState11 } from "preact/hooks";
+import { useEffect as useEffect8, useState as useState13 } from "preact/hooks";
 import { clerkAppearanceFromTokens } from "@odla-ai/auth-clerk";
 function useScopedClerkAppearance(scope) {
-  const [appearance, setAppearance] = useState11();
-  useEffect7(() => {
+  const [appearance, setAppearance] = useState13();
+  useEffect8(() => {
     setAppearance(clerkAppearanceFromTokens(scope.current ?? void 0));
   }, [scope]);
   return appearance;
@@ -1582,7 +1935,7 @@ async function loadChapterAdminUser(adapter, apiBase, getToken) {
 }
 
 // src/ui/admin.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "preact/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "preact/jsx-runtime";
 function Authed(props) {
   const copy = useChapterCopy().admin;
   const {
@@ -1599,7 +1952,7 @@ function Authed(props) {
     renderWorkspaceNav
   } = props;
   const { getToken, signOut } = useClerkAuth();
-  const client = useMemo(
+  const client = useMemo2(
     () => new CrmClient({
       basePath: crmBasePath,
       headers: async () => {
@@ -1609,8 +1962,8 @@ function Authed(props) {
     }),
     [getToken, crmBasePath]
   );
-  const [state, setState] = useState12({ status: "checking" });
-  useEffect8(() => {
+  const [state, setState] = useState14({ status: "checking" });
+  useEffect9(() => {
     let live = true;
     void (async () => {
       try {
@@ -1629,17 +1982,17 @@ function Authed(props) {
       live = false;
     };
   }, [getToken, apiBase, auth]);
-  if (state.status === "checking") return /* @__PURE__ */ jsx18(Gate, { brand, children: /* @__PURE__ */ jsx18("p", { style: S.muted, children: copy.auth.checking }) });
+  if (state.status === "checking") return /* @__PURE__ */ jsx20(Gate, { brand, children: /* @__PURE__ */ jsx20("p", { style: S.muted, children: copy.auth.checking }) });
   if (state.status === "denied") {
-    return /* @__PURE__ */ jsx18(Gate, { brand, children: /* @__PURE__ */ jsxs14("div", { className: "card", style: S.card, children: [
-      /* @__PURE__ */ jsx18("h2", { style: { marginTop: 0 }, children: copy.auth.notAuthorized }),
-      /* @__PURE__ */ jsx18("p", { style: S.muted, children: formatChapterCopy(copy.auth.accountNotAuthorized, {
+    return /* @__PURE__ */ jsx20(Gate, { brand, children: /* @__PURE__ */ jsxs16("div", { className: "card", style: S.card, children: [
+      /* @__PURE__ */ jsx20("h2", { style: { marginTop: 0 }, children: copy.auth.notAuthorized }),
+      /* @__PURE__ */ jsx20("p", { style: S.muted, children: formatChapterCopy(copy.auth.accountNotAuthorized, {
         account: state.email ?? copy.auth.thisAccount
       }) }),
-      /* @__PURE__ */ jsx18("button", { className: "btn secondary", onClick: () => signOut(), children: copy.auth.signOut })
+      /* @__PURE__ */ jsx20("button", { className: "btn secondary", onClick: () => signOut(), children: copy.auth.signOut })
     ] }) });
   }
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20(
     AdminShell,
     {
       workspaces,
@@ -1660,11 +2013,11 @@ function Authed(props) {
 }
 function ChapterAdmin(props) {
   const copy = props.chapter?.copy ?? DEFAULT_CHAPTER_COPY;
-  const defaults = useMemo(
+  const defaults = useMemo2(
     () => props.chapter ? defaultAdminWorkspaces(props.chapter) : [],
     [props.chapter]
   );
-  const workspaces = useMemo(() => {
+  const workspaces = useMemo2(() => {
     if (typeof props.workspaces === "function") return props.workspaces(defaults);
     return props.workspaces ?? props.sections ?? defaults;
   }, [props.workspaces, props.sections, defaults]);
@@ -1680,10 +2033,10 @@ function ChapterAdmin(props) {
   const chrome = props.chrome ?? "embedded";
   const auth = props.auth ?? DEFAULT_ADMIN_AUTH;
   const redirect = signInRedirect(basePath, workspaces);
-  const [publishableKey, setPublishableKey] = useState12(void 0);
+  const [publishableKey, setPublishableKey] = useState14(void 0);
   const scopeRef = useRef(null);
   const appearance = useScopedClerkAppearance(scopeRef);
-  useEffect8(() => {
+  useEffect9(() => {
     let live = true;
     void loadChapterAdminConfig(auth, apiBase).then((config) => live && setPublishableKey(config.publishableKey ?? null)).catch(() => live && setPublishableKey(null));
     return () => {
@@ -1692,23 +2045,23 @@ function ChapterAdmin(props) {
   }, [apiBase, auth]);
   let content;
   if (publishableKey === void 0 || publishableKey && !appearance) {
-    content = /* @__PURE__ */ jsx18(Gate, { brand, children: /* @__PURE__ */ jsx18("p", { style: S.muted, children: copy.admin.auth.loading }) });
+    content = /* @__PURE__ */ jsx20(Gate, { brand, children: /* @__PURE__ */ jsx20("p", { style: S.muted, children: copy.admin.auth.loading }) });
   } else if (!publishableKey) {
-    content = /* @__PURE__ */ jsx18(Gate, { brand, children: /* @__PURE__ */ jsxs14("div", { className: "card", style: S.card, children: [
-      /* @__PURE__ */ jsx18("h2", { style: { marginTop: 0 }, children: copy.admin.auth.signInNotConfigured }),
-      /* @__PURE__ */ jsx18("p", { style: S.muted, children: copy.admin.auth.missingPublishableKey })
+    content = /* @__PURE__ */ jsx20(Gate, { brand, children: /* @__PURE__ */ jsxs16("div", { className: "card", style: S.card, children: [
+      /* @__PURE__ */ jsx20("h2", { style: { marginTop: 0 }, children: copy.admin.auth.signInNotConfigured }),
+      /* @__PURE__ */ jsx20("p", { style: S.muted, children: copy.admin.auth.missingPublishableKey })
     ] }) });
   } else if (workspaces.length === 0) {
-    content = /* @__PURE__ */ jsx18(Gate, { brand, children: /* @__PURE__ */ jsx18("p", { style: S.muted, children: copy.admin.auth.noWorkspaces }) });
+    content = /* @__PURE__ */ jsx20(Gate, { brand, children: /* @__PURE__ */ jsx20("p", { style: S.muted, children: copy.admin.auth.noWorkspaces }) });
   } else {
-    content = /* @__PURE__ */ jsxs14(
+    content = /* @__PURE__ */ jsxs16(
       ClerkGate,
       {
         publishableKey,
         appearance,
         afterSignOutUrl: "/",
         children: [
-          /* @__PURE__ */ jsx18(SignedOut, { children: /* @__PURE__ */ jsx18(Gate, { brand, tagline: copy.admin.auth.signInTagline, children: /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx20(SignedOut, { children: /* @__PURE__ */ jsx20(Gate, { brand, tagline: copy.admin.auth.signInTagline, children: /* @__PURE__ */ jsx20(
             SignIn,
             {
               routing: "hash",
@@ -1716,7 +2069,7 @@ function ChapterAdmin(props) {
               signUpForceRedirectUrl: redirect
             }
           ) }) }),
-          /* @__PURE__ */ jsx18(SignedIn, { children: /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx20(SignedIn, { children: /* @__PURE__ */ jsx20(
             Authed,
             {
               workspaces,
@@ -1736,7 +2089,7 @@ function ChapterAdmin(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx18(AdminTheme, { chapter: props.chapter, scopeRef, children: content });
+  return /* @__PURE__ */ jsx20(AdminTheme, { chapter: props.chapter, scopeRef, children: content });
 }
 
 // src/ui/admin-defaults.ts
@@ -1745,17 +2098,17 @@ function defaultAdminSections(chapter) {
 }
 
 // src/ui/admin-meetings.tsx
-import { useState as useState13 } from "preact/hooks";
-import { Button as Button6 } from "@odla-ai/ui/components";
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs15 } from "preact/jsx-runtime";
+import { useState as useState15 } from "preact/hooks";
+import { Button as Button7 } from "@odla-ai/ui/components";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs17 } 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] = useState13(null);
-  const [note, setNote] = useState13(null);
-  if (loading) return /* @__PURE__ */ jsx19(AdminNote, { children: copy.loading });
-  if (error || !data) return /* @__PURE__ */ jsxs15(AdminNote, { children: [
+  const [busy, setBusy] = useState15(null);
+  const [note, setNote] = useState15(null);
+  if (loading) return /* @__PURE__ */ jsx21(AdminNote, { children: copy.loading });
+  if (error || !data) return /* @__PURE__ */ jsxs17(AdminNote, { children: [
     copy.loadFailed,
     error ? `: ${error}` : "",
     "."
@@ -1786,32 +2139,32 @@ function MeetingsBody({ ctx }) {
     }
     void run(id, () => adminFetch(ctx.getToken, `/api/admin/meetings/${id}/reschedule`, { method: "POST", body: JSON.stringify({ startAt }) }));
   };
-  return /* @__PURE__ */ jsx19(AdminPage, { children: /* @__PURE__ */ jsx19(Panel, { title: /* @__PURE__ */ jsxs15(Fragment4, { children: [
+  return /* @__PURE__ */ jsx21(AdminPage, { children: /* @__PURE__ */ jsx21(Panel, { title: /* @__PURE__ */ jsxs17(Fragment4, { children: [
     copy.agenda,
     " ",
-    /* @__PURE__ */ jsxs15("span", { className: "muted", style: { fontWeight: 400 }, children: [
+    /* @__PURE__ */ jsxs17("span", { className: "muted", style: { fontWeight: 400 }, children: [
       "\xB7 ",
       data.timezone
     ] })
-  ] }), actions: note ? /* @__PURE__ */ jsx19("span", { className: "muted", children: note }) : void 0, children: data.meetings.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "muted", style: { margin: 0 }, children: copy.empty }) : /* @__PURE__ */ jsx19("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 12 }, children: data.meetings.map((m) => /* @__PURE__ */ jsxs15("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap", opacity: m.status === "cancelled" ? 0.55 : 1 }, children: [
-    /* @__PURE__ */ jsx19("strong", { style: { minWidth: 170 }, children: when2(m.startAt) }),
-    /* @__PURE__ */ jsx19("span", { style: { flex: 1 }, children: m.applicant ? `${m.applicant.name} \xB7 ${m.applicant.email}` : copy.unknown }),
-    /* @__PURE__ */ jsx19("span", { className: "badge", children: m.status }),
-    m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs15("span", { className: "badge", children: [
+  ] }), actions: note ? /* @__PURE__ */ jsx21("span", { className: "muted", children: note }) : void 0, children: data.meetings.length === 0 ? /* @__PURE__ */ jsx21("p", { className: "muted", style: { margin: 0 }, children: copy.empty }) : /* @__PURE__ */ jsx21("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 12 }, children: data.meetings.map((m) => /* @__PURE__ */ jsxs17("li", { style: { display: "flex", alignItems: "center", gap: 12, flexWrap: "wrap", opacity: m.status === "cancelled" ? 0.55 : 1 }, children: [
+    /* @__PURE__ */ jsx21("strong", { style: { minWidth: 170 }, children: when2(m.startAt) }),
+    /* @__PURE__ */ jsx21("span", { style: { flex: 1 }, children: m.applicant ? `${m.applicant.name} \xB7 ${m.applicant.email}` : copy.unknown }),
+    /* @__PURE__ */ jsx21("span", { className: "badge", children: m.status }),
+    m.drift && m.drift !== "none" ? /* @__PURE__ */ jsxs17("span", { className: "badge", children: [
       copy.drift,
       ": ",
       m.drift
     ] }) : null,
-    m.meetUrl ? /* @__PURE__ */ jsx19("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: copy.meet }) : null,
-    m.status === "scheduled" ? /* @__PURE__ */ jsxs15(Fragment4, { children: [
-      /* @__PURE__ */ jsx19(Button6, { variant: "secondary", mini: true, disabled: busy === m.id, onClick: () => reschedule(m.id), children: copy.reschedule }),
-      /* @__PURE__ */ jsx19(Button6, { variant: "danger", mini: true, disabled: busy === m.id, onClick: () => cancel(m.id), children: copy.cancel })
+    m.meetUrl ? /* @__PURE__ */ jsx21("a", { href: m.meetUrl, target: "_blank", rel: "noreferrer", children: copy.meet }) : null,
+    m.status === "scheduled" ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+      /* @__PURE__ */ jsx21(Button7, { variant: "secondary", mini: true, disabled: busy === m.id, onClick: () => reschedule(m.id), children: copy.reschedule }),
+      /* @__PURE__ */ jsx21(Button7, { variant: "danger", mini: true, disabled: busy === m.id, onClick: () => cancel(m.id), children: copy.cancel })
     ] }) : null
   ] }, m.id)) }) }) });
 }
 function meetingsSection(options = {}) {
   const { id = "meetings", label = "Meetings" } = options;
-  return { id, label, render: (ctx) => /* @__PURE__ */ jsx19(MeetingsBody, { ctx }) };
+  return { id, label, render: (ctx) => /* @__PURE__ */ jsx21(MeetingsBody, { ctx }) };
 }
 
 export {
@@ -1834,6 +2187,8 @@ export {
   applicationLifecycleAdapter,
   collectionSection,
   peopleSection,
+  NetworkRecordsWorkspace,
+  networkRecordsWorkspace,
   LeaderNetworkOverview,
   defaultAdminWorkspaces,
   loadChapterAdminConfig,
@@ -1842,4 +2197,4 @@ export {
   defaultAdminSections,
   meetingsSection
 };
-//# sourceMappingURL=chunk-4QZEAWQL.js.map
+//# sourceMappingURL=chunk-L2SA47IO.js.map