@odla-ai/chapter 0.40.1 → 0.40.3

package/README.md

@@ -546,9 +546,11 @@ builderLibrary: {
 
 Every resource has exactly one scope: `{ kind: "chapter", chapterId }`,
 `{ kind: "built_not_found" }`, or `{ kind: "global" }`. There are no groups or
-audience arrays. A Chapter can author only its own scope. Its admins and agents
-see its own published material plus global material, never a sibling Chapter or
-Built Not Found-only material. Built Not Found admins see every configured
+audience arrays. A Chapter can author only its own scope. Built Not Found can
+author material for itself, every Chapter, or exactly one Chapter from its
+configured source list. A Chapter's admins and agents see its own published
+material plus global material, never a sibling Chapter or Built Not Found-only
+material. Built Not Found admins see every configured
 Chapter source and can promote a Chapter resource to a global copy; the server
 records the source Chapter, source resource/document revisions, actor, and time.
 
@@ -556,7 +558,10 @@ Resources are bounded documents/notes, HTTPS links/inspiration, or canonical
 Brand `{ bookId, assetId }` references. Asset URLs, bytes, storage credentials,
 HTML, and executable content are not part of the contract. The standard admin
 adds a visibly private **Builder Library** tab separate from **Member content**.
-Saving a library item never creates or changes a member page.
+It is a compact CMS inventory with search and type/status filters, type-specific
+add/edit fields, previews, explicit Draft/Published/Archived state, and a
+visibility picker whose Chapter choices come only from checked-in network
+configuration. Saving a library item never creates or changes a member page.
 
 An authenticated admin or site-building agent reads the bounded, published-only
 manifest from `/api/admin/builder-library/manifest`. On Built Not Found, pass a

package/dist/{chunk-4K2Q5JBC.js → chunk-O22RRPBT.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-IAWBE5PX.js";
 
 // src/ui/admin.tsx
-import { useEffect as useEffect11, useMemo as useMemo2, useRef, useState as useState17 } from "preact/hooks";
+import { useEffect as useEffect11, useMemo as useMemo3, useRef, useState as useState17 } from "preact/hooks";
 import { ClerkGate, SignedIn, SignedOut, SignIn, useClerkAuth } from "@odla-ai/auth-clerk";
 import { CrmClient } from "@odla-ai/crm";
 
@@ -1688,37 +1688,101 @@ function availabilitySection(options = {}) {
 }
 
 // src/ui/admin-builder-library.tsx
-import { useEffect as useEffect8, useState as useState13 } from "preact/hooks";
+import { useEffect as useEffect8, useMemo as useMemo2, useState as useState13 } from "preact/hooks";
 import { jsx as jsx18, jsxs as jsxs15 } from "preact/jsx-runtime";
-var emptyDraft = () => ({ resources: [] });
-var scopeLabel = (resource) => resource.scope.kind === "chapter" ? `Only ${resource.scope.chapterId}` : resource.scope.kind === "built_not_found" ? "Only Built Not Found" : "Every chapter";
+var KINDS = ["document", "note", "link", "inspiration", "image", "file"];
+var KIND_LABEL = { document: "Document", note: "Note", link: "Link", inspiration: "Inspiration", image: "Image", file: "File" };
+var STATUS_LABEL = { draft: "Draft", published: "Published", archived: "Archived" };
+var GRID = { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 360px), 1fr))", gap: 16, alignItems: "start" };
+var STACK = { display: "flex", flexDirection: "column", gap: 10 };
+var ROW = { display: "flex", gap: 8, alignItems: "center", flexWrap: "wrap" };
+var META = { display: "flex", gap: 6, alignItems: "center", flexWrap: "wrap", color: "var(--ui-text-faint)", fontSize: 13 };
+var ITEM = { width: "100%", textAlign: "left", padding: 12, borderRadius: 10, border: "1px solid var(--ui-border)", background: "var(--ui-surface)", color: "inherit", cursor: "pointer" };
+var emptyDocument = () => ({ resources: [] });
+var localKey = (id) => `local:${id}`;
+var sourceKey = (sourceId, id) => `source:${sourceId}:${id}`;
+var cleanId = (value) => value.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 80);
+var scopeLabel = (scope) => scope.kind === "chapter" ? `Only ${scope.chapterId}` : scope.kind === "built_not_found" ? "Built Not Found only" : "All chapters";
+var contentSummary = (item) => item.summary || item.bodyMarkdown?.replace(/[#*_>`-]/g, "").trim().slice(0, 140) || item.url || item.brandAsset?.filename || item.brandAsset?.assetId || "No description yet";
+function localResource(kind, chapterId, mode) {
+  const suffix = Date.now().toString(36);
+  return {
+    id: `untitled-${kind}-${suffix}`,
+    kind,
+    title: `Untitled ${KIND_LABEL[kind].toLowerCase()}`,
+    tags: [],
+    scope: mode === "hub" ? { kind: "built_not_found" } : { kind: "chapter", chapterId },
+    status: "draft",
+    revision: 1,
+    ...kind === "document" || kind === "note" ? { bodyMarkdown: "Start writing\u2026" } : {},
+    ...kind === "link" || kind === "inspiration" ? { url: "https://example.com" } : {},
+    ...kind === "image" || kind === "file" ? { brandAsset: { bookId: "brand-book", assetId: `replace-${suffix}` } } : {},
+    provenance: { createdBy: "server", createdAt: 0, updatedBy: "server", updatedAt: 0 }
+  };
+}
+function ResourcePreview({ item }) {
+  return /* @__PURE__ */ jsxs15("div", { className: "card", style: { padding: 14 }, children: [
+    /* @__PURE__ */ jsx18("div", { className: "card-label", children: "Preview" }),
+    /* @__PURE__ */ jsx18("h3", { style: { margin: "6px 0" }, children: item.title || "Untitled" }),
+    item.summary ? /* @__PURE__ */ jsx18("p", { style: { margin: "0 0 10px" }, children: item.summary }) : null,
+    item.bodyMarkdown ? /* @__PURE__ */ jsx18("pre", { style: { margin: 0, whiteSpace: "pre-wrap", font: "inherit", lineHeight: 1.55 }, children: item.bodyMarkdown }) : null,
+    item.url ? /* @__PURE__ */ jsx18("a", { href: item.url, target: "_blank", rel: "noreferrer", children: item.url }) : null,
+    item.brandAsset ? /* @__PURE__ */ jsxs15("div", { style: META, children: [
+      "Brand asset \xB7 ",
+      item.brandAsset.bookId,
+      " / ",
+      item.brandAsset.assetId,
+      item.brandAsset.filename ? ` \xB7 ${item.brandAsset.filename}` : ""
+    ] }) : null
+  ] });
+}
 function BuilderLibraryAdmin({ ctx, initialData }) {
-  const resource = useAdminResource(ctx.getToken, "/api/admin/builder-library");
-  const [draft, setDraft] = useState13(JSON.stringify(initialData?.local?.document ?? emptyDraft(), null, 2));
+  const remote = useAdminResource(ctx.getToken, "/api/admin/builder-library");
+  const seed = initialData ?? remote.data;
+  const [resources, setResources] = useState13(() => [...seed?.local?.document.resources ?? []]);
+  const [selectedKey, setSelectedKey] = useState13(() => seed?.local?.document.resources[0]?.id ? localKey(seed.local.document.resources[0].id) : null);
+  const [query, setQuery] = useState13("");
+  const [kindFilter, setKindFilter] = useState13("all");
+  const [statusFilter, setStatusFilter] = useState13("all");
+  const [newKind, setNewKind] = useState13("document");
   const [saveError, setSaveError] = useState13(null);
   const [saving, setSaving] = useState13(false);
   useEffect8(() => {
-    if (resource.data) setDraft(JSON.stringify(resource.data.local?.document ?? emptyDraft(), null, 2));
-  }, [resource.data]);
-  const data = initialData ?? resource.data;
-  if (!data && resource.loading) return /* @__PURE__ */ jsx18(AdminPage, { children: /* @__PURE__ */ jsx18(AdminNote, { children: "Loading Builder Library\u2026" }) });
-  if (resource.error || !data) return /* @__PURE__ */ jsx18(AdminPage, { children: /* @__PURE__ */ jsxs15(AdminNote, { children: [
+    if (!remote.data) return;
+    const next = [...remote.data.local?.document.resources ?? []];
+    setResources(next);
+    setSelectedKey((current) => current && next.some((item) => localKey(item.id) === current) ? current : next[0] ? localKey(next[0].id) : null);
+  }, [remote.data]);
+  const data = initialData ?? remote.data;
+  const entries = useMemo2(() => data ? [
+    ...resources.map((item) => ({ key: localKey(item.id), resource: item, local: true, sourceId: data.mode === "hub" ? "Built Not Found" : "This chapter", sourceRevision: data.local?.revision ?? 0 })),
+    ...data.sources.flatMap((source) => source.document.resources.map((item) => ({ key: sourceKey(source.sourceId, item.id), resource: item, local: false, sourceId: source.sourceId, sourceRevision: source.revision })))
+  ] : [], [data, resources]);
+  const visible = entries.filter(({ resource, sourceId }) => {
+    const haystack = `${resource.title} ${resource.summary ?? ""} ${resource.tags.join(" ")} ${sourceId}`.toLowerCase();
+    return (!query.trim() || haystack.includes(query.toLowerCase().trim())) && (kindFilter === "all" || resource.kind === kindFilter) && (statusFilter === "all" || resource.status === statusFilter);
+  });
+  const selected = entries.find((entry) => entry.key === selectedKey) ?? visible[0] ?? null;
+  if (!data && remote.loading) return /* @__PURE__ */ jsx18(AdminPage, { children: /* @__PURE__ */ jsx18(AdminNote, { children: "Loading Builder Library\u2026" }) });
+  if (remote.error || !data) return /* @__PURE__ */ jsx18(AdminPage, { children: /* @__PURE__ */ jsxs15(AdminNote, { children: [
     "Builder Library could not be loaded: ",
-    resource.error ?? "unknown error"
+    remote.error ?? "unknown error"
   ] }) });
+  const update = (change) => {
+    if (!selected?.local) return;
+    setResources((items) => items.map((item) => item.id === selected.resource.id ? { ...item, ...change } : item));
+  };
+  const add = () => {
+    const item = localResource(newKind, data.chapterTargets[0]?.chapterId ?? "chapter", data.mode);
+    setResources((items) => [...items, item]);
+    setSelectedKey(localKey(item.id));
+  };
   const save = async () => {
     setSaveError(null);
-    let document2;
-    try {
-      document2 = JSON.parse(draft);
-    } catch (error) {
-      setSaveError([`JSON is invalid: ${error instanceof Error ? error.message : String(error)}`]);
-      return;
-    }
     setSaving(true);
     try {
-      await adminFetch(ctx.getToken, "/api/admin/builder-library", { method: "PUT", body: JSON.stringify({ expectedRevision: data.local?.revision ?? 0, document: document2 }) });
-      resource.refresh();
+      await adminFetch(ctx.getToken, "/api/admin/builder-library", { method: "PUT", body: JSON.stringify({ expectedRevision: data.local?.revision ?? 0, document: { ...data.local?.document ?? emptyDocument(), resources } }) });
+      remote.refresh();
     } catch (error) {
       const structured = error;
       setSaveError(structured.errors ?? [error instanceof Error ? error.message : String(error)]);
@@ -1726,79 +1790,163 @@ function BuilderLibraryAdmin({ ctx, initialData }) {
       setSaving(false);
     }
   };
-  const promote = async (chapterId, resourceId) => {
+  const promote = async (entry) => {
     setSaveError(null);
     try {
-      await adminFetch(ctx.getToken, "/api/admin/builder-library/promote", { method: "POST", body: JSON.stringify({ chapterId, resourceId, expectedRevision: data.local?.revision ?? 0 }) });
-      resource.refresh();
+      await adminFetch(ctx.getToken, "/api/admin/builder-library/promote", { method: "POST", body: JSON.stringify({ chapterId: entry.sourceId, resourceId: entry.resource.id, expectedRevision: data.local?.revision ?? 0 }) });
+      remote.refresh();
     } catch (error) {
       setSaveError([error instanceof Error ? error.message : String(error)]);
     }
   };
+  const scopeValue = selected?.resource.scope.kind === "chapter" ? `chapter:${selected.resource.scope.chapterId}` : selected?.resource.scope.kind ?? "built_not_found";
   return /* @__PURE__ */ jsxs15(AdminPage, { children: [
-    /* @__PURE__ */ jsxs15(Panel, { children: [
-      /* @__PURE__ */ jsx18("div", { className: "card-label", children: "Builder Library \xB7 private" }),
-      /* @__PURE__ */ jsx18("h2", { children: "References for the agents building sites" }),
-      /* @__PURE__ */ jsx18("p", { children: "This is not member content. Saving a document, Brand asset reference, link, or inspiration here never publishes it to a member page." }),
-      /* @__PURE__ */ jsxs15("div", { className: "stat-band", children: [
-        /* @__PURE__ */ jsxs15("div", { children: [
-          /* @__PURE__ */ jsx18("strong", { children: data.local?.document.resources.length ?? 0 }),
-          /* @__PURE__ */ jsx18("span", { children: "Local resources" })
+    /* @__PURE__ */ jsxs15(Panel, { title: /* @__PURE__ */ jsxs15("span", { children: [
+      "Builder Library ",
+      /* @__PURE__ */ jsx18("span", { className: "muted", children: "\xB7 private" })
+    ] }), actions: /* @__PURE__ */ jsxs15("div", { style: ROW, children: [
+      /* @__PURE__ */ jsx18("select", { "aria-label": "New resource type", value: newKind, onChange: (event) => setNewKind(event.currentTarget.value), children: KINDS.map((kind) => /* @__PURE__ */ jsx18("option", { value: kind, children: KIND_LABEL[kind] }, kind)) }),
+      /* @__PURE__ */ jsx18("button", { className: "btn primary", type: "button", disabled: !data.localAuthoring, onClick: add, children: "Add resource" })
+    ] }), children: [
+      /* @__PURE__ */ jsx18("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__ */ jsxs15("div", { style: ROW, children: [
+        /* @__PURE__ */ jsx18("input", { "aria-label": "Search resources", placeholder: "Search resources", value: query, onInput: (event) => setQuery(event.currentTarget.value), style: { flex: "1 1 220px" } }),
+        /* @__PURE__ */ jsxs15("select", { "aria-label": "Filter by type", value: kindFilter, onChange: (event) => setKindFilter(event.currentTarget.value), children: [
+          /* @__PURE__ */ jsx18("option", { value: "all", children: "All types" }),
+          KINDS.map((kind) => /* @__PURE__ */ jsx18("option", { value: kind, children: KIND_LABEL[kind] }, kind))
         ] }),
-        /* @__PURE__ */ jsxs15("div", { children: [
-          /* @__PURE__ */ jsx18("strong", { children: data.sources.reduce((count, source) => count + source.document.resources.length, 0) }),
-          /* @__PURE__ */ jsx18("span", { children: "Shared in" })
+        /* @__PURE__ */ jsxs15("select", { "aria-label": "Filter by status", value: statusFilter, onChange: (event) => setStatusFilter(event.currentTarget.value), children: [
+          /* @__PURE__ */ jsx18("option", { value: "all", children: "All statuses" }),
+          /* @__PURE__ */ jsx18("option", { value: "draft", children: "Draft" }),
+          /* @__PURE__ */ jsx18("option", { value: "published", children: "Published" }),
+          /* @__PURE__ */ jsx18("option", { value: "archived", children: "Archived" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs15("div", { style: GRID, "data-builder-library-cms": true, children: [
+      /* @__PURE__ */ jsx18(Panel, { title: `${visible.length} resource${visible.length === 1 ? "" : "s"}`, children: /* @__PURE__ */ jsx18("div", { style: { ...STACK, maxHeight: "70vh", overflow: "auto" }, children: visible.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "muted", children: "No resources match these filters." }) : visible.map((entry) => /* @__PURE__ */ jsxs15("button", { type: "button", style: { ...ITEM, ...selected?.key === entry.key ? { borderColor: "var(--ui-accent)", boxShadow: "0 0 0 1px var(--ui-accent)" } : {} }, onClick: () => setSelectedKey(entry.key), children: [
+        /* @__PURE__ */ jsxs15("div", { style: { ...ROW, justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsx18("strong", { children: entry.resource.title }),
+          /* @__PURE__ */ jsx18("span", { className: "badge", children: KIND_LABEL[entry.resource.kind] })
         ] }),
-        /* @__PURE__ */ jsxs15("div", { children: [
-          /* @__PURE__ */ jsx18("strong", { children: "3" }),
-          /* @__PURE__ */ jsx18("span", { children: "Scopes only" })
+        /* @__PURE__ */ jsx18("p", { className: "muted", style: { margin: "6px 0", lineHeight: 1.4 }, children: contentSummary(entry.resource) }),
+        /* @__PURE__ */ jsxs15("div", { style: META, children: [
+          /* @__PURE__ */ jsx18("span", { children: STATUS_LABEL[entry.resource.status] }),
+          /* @__PURE__ */ jsx18("span", { children: "\xB7" }),
+          /* @__PURE__ */ jsx18("span", { children: scopeLabel(entry.resource.scope) }),
+          /* @__PURE__ */ jsx18("span", { children: "\xB7" }),
+          /* @__PURE__ */ jsx18("span", { children: entry.sourceId })
         ] })
-      ] }),
-      /* @__PURE__ */ jsx18(AdminNote, { children: "Visibility is always one chapter, only Built Not Found, or every chapter. Chapters never see sibling libraries." })
+      ] }, entry.key)) }) }),
+      /* @__PURE__ */ jsxs15(Panel, { title: selected ? selected.resource.title : "Select a resource", actions: selected?.local ? /* @__PURE__ */ jsxs15("div", { style: ROW, children: [
+        /* @__PURE__ */ jsx18("button", { className: "btn secondary", type: "button", disabled: saving, onClick: () => update({ status: selected.resource.status === "archived" ? "draft" : "archived" }), children: selected.resource.status === "archived" ? "Restore draft" : "Archive" }),
+        /* @__PURE__ */ jsx18("button", { className: "btn primary", type: "button", disabled: !data.localAuthoring || saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save changes" })
+      ] }) : null, children: [
+        !selected ? /* @__PURE__ */ jsx18("p", { className: "muted", children: "Add a resource or choose one from the list." }) : selected.local ? /* @__PURE__ */ jsx18(LocalEditor, { selected: selected.resource, data, scopeValue, saving, update, setResources, setSelectedKey }) : /* @__PURE__ */ jsxs15("div", { style: STACK, children: [
+          /* @__PURE__ */ jsxs15("div", { style: META, children: [
+            "Read only \xB7 supplied by ",
+            selected.sourceId,
+            " \xB7 source revision ",
+            selected.sourceRevision
+          ] }),
+          /* @__PURE__ */ jsxs15("div", { children: [
+            /* @__PURE__ */ jsx18("span", { className: "badge", children: STATUS_LABEL[selected.resource.status] }),
+            " ",
+            /* @__PURE__ */ jsx18("span", { className: "badge", children: scopeLabel(selected.resource.scope) })
+          ] }),
+          /* @__PURE__ */ jsx18(ResourcePreview, { item: selected.resource }),
+          data.mode === "hub" && selected.resource.scope.kind === "chapter" ? /* @__PURE__ */ jsx18("button", { className: "btn secondary", type: "button", onClick: () => void promote(selected), children: "Copy to all chapters" }) : null
+        ] }),
+        saveError ? /* @__PURE__ */ jsxs15("div", { className: "notice danger", role: "alert", children: [
+          /* @__PURE__ */ jsx18("strong", { children: "Fix these items before saving:" }),
+          /* @__PURE__ */ jsx18("ul", { children: saveError.map((error) => /* @__PURE__ */ jsx18("li", { children: error }, error)) })
+        ] }) : null
+      ] })
+    ] })
+  ] });
+}
+function LocalEditor({ selected, data, scopeValue, update, setResources, setSelectedKey }) {
+  return /* @__PURE__ */ jsxs15("div", { style: STACK, children: [
+    /* @__PURE__ */ jsxs15("div", { style: META, children: [
+      "Local \xB7 resource revision ",
+      selected.revision,
+      " \xB7 library revision ",
+      data.local?.revision ?? 0
     ] }),
-    data.sources.map((source) => /* @__PURE__ */ jsxs15(Panel, { children: [
-      /* @__PURE__ */ jsxs15("div", { className: "card-label", children: [
-        data.mode === "hub" ? "Chapter material" : "Global material",
-        " \xB7 read only"
+    /* @__PURE__ */ jsxs15("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12 }, children: [
+      /* @__PURE__ */ jsxs15("label", { className: "field", children: [
+        /* @__PURE__ */ jsx18("span", { children: "Title" }),
+        /* @__PURE__ */ jsx18("input", { value: selected.title, onInput: (event) => update({ title: event.currentTarget.value }) })
       ] }),
-      /* @__PURE__ */ jsxs15("h2", { children: [
-        source.sourceId,
-        " \xB7 revision ",
-        source.revision
+      /* @__PURE__ */ jsxs15("label", { className: "field", children: [
+        /* @__PURE__ */ jsx18("span", { children: "ID" }),
+        /* @__PURE__ */ jsx18("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));
+        } })
       ] }),
-      source.document.resources.length === 0 ? /* @__PURE__ */ jsx18(AdminNote, { children: "No resources delivered." }) : /* @__PURE__ */ jsx18("div", { className: "data-list", children: source.document.resources.map((item) => /* @__PURE__ */ jsxs15("article", { className: "card", children: [
-        /* @__PURE__ */ jsx18("strong", { children: item.title }),
-        /* @__PURE__ */ jsxs15("div", { className: "meeting-note", children: [
-          item.kind,
-          " \xB7 ",
-          item.status,
-          " \xB7 ",
-          scopeLabel(item)
-        ] }),
-        item.summary ? /* @__PURE__ */ jsx18("p", { children: item.summary }) : null,
-        data.mode === "hub" && item.scope.kind === "chapter" ? /* @__PURE__ */ jsx18("button", { className: "btn", type: "button", onClick: () => void promote(source.sourceId, item.id), children: "Make global" }) : null
-      ] }, item.id)) })
-    ] }, source.sourceId)),
-    /* @__PURE__ */ jsxs15(Panel, { children: [
-      /* @__PURE__ */ jsxs15("div", { className: "card-label", children: [
-        data.mode === "hub" ? "Built Not Found" : "This chapter",
-        " \xB7 editable"
+      /* @__PURE__ */ jsxs15("label", { className: "field", children: [
+        /* @__PURE__ */ jsx18("span", { children: "Type" }),
+        /* @__PURE__ */ jsx18("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__ */ jsx18("option", { value: kind, children: KIND_LABEL[kind] }, kind)) })
       ] }),
-      /* @__PURE__ */ jsxs15("h2", { children: [
-        "Local library \xB7 revision ",
-        data.local?.revision ?? 0
+      /* @__PURE__ */ jsxs15("label", { className: "field", children: [
+        /* @__PURE__ */ jsx18("span", { children: "Status" }),
+        /* @__PURE__ */ jsxs15("select", { value: selected.status, onChange: (event) => update({ status: event.currentTarget.value }), children: [
+          /* @__PURE__ */ jsx18("option", { value: "draft", children: "Draft" }),
+          /* @__PURE__ */ jsx18("option", { value: "published", children: "Published" }),
+          /* @__PURE__ */ jsx18("option", { value: "archived", children: "Archived" })
+        ] })
       ] }),
-      /* @__PURE__ */ jsx18("p", { className: "meeting-note", children: "Use documents/notes, HTTPS links/inspiration, or canonical Brand book and asset IDs. The server owns revisions, actor history, and timestamps." }),
       /* @__PURE__ */ jsxs15("label", { className: "field", children: [
-        /* @__PURE__ */ jsx18("span", { children: "Builder resources (JSON)" }),
-        /* @__PURE__ */ jsx18("textarea", { rows: 24, value: draft, disabled: !data.localAuthoring || saving, onInput: (event) => setDraft(event.currentTarget.value), spellcheck: false })
+        /* @__PURE__ */ jsx18("span", { children: "Visible to" }),
+        /* @__PURE__ */ jsxs15("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__ */ jsx18("option", { value: "built_not_found", children: "Built Not Found only" }) : null,
+          data.mode === "hub" ? /* @__PURE__ */ jsx18("option", { value: "global", children: "All chapters" }) : null,
+          data.chapterTargets.map(({ chapterId }) => /* @__PURE__ */ jsxs15("option", { value: `chapter:${chapterId}`, children: [
+            "Only ",
+            chapterId
+          ] }, chapterId))
+        ] })
       ] }),
-      saveError ? /* @__PURE__ */ jsxs15("div", { className: "notice danger", role: "alert", children: [
-        /* @__PURE__ */ jsx18("strong", { children: "Fix these items before saving:" }),
-        /* @__PURE__ */ jsx18("ul", { children: saveError.map((error) => /* @__PURE__ */ jsx18("li", { children: error }, error)) })
-      ] }) : null,
-      /* @__PURE__ */ jsx18("button", { className: "btn primary", type: "button", disabled: !data.localAuthoring || saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save Builder Library" })
-    ] })
+      /* @__PURE__ */ jsxs15("label", { className: "field", children: [
+        /* @__PURE__ */ jsx18("span", { children: "Tags" }),
+        /* @__PURE__ */ jsx18("input", { value: selected.tags.join(", "), placeholder: "brand, membership", onInput: (event) => update({ tags: event.currentTarget.value.split(",").map((tag) => tag.trim()).filter(Boolean) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs15("label", { className: "field", children: [
+      /* @__PURE__ */ jsx18("span", { children: "Summary" }),
+      /* @__PURE__ */ jsx18("textarea", { rows: 2, value: selected.summary ?? "", onInput: (event) => update({ summary: event.currentTarget.value || void 0 }) })
+    ] }),
+    selected.kind === "document" || selected.kind === "note" ? /* @__PURE__ */ jsxs15("label", { className: "field", children: [
+      /* @__PURE__ */ jsx18("span", { children: "Markdown" }),
+      /* @__PURE__ */ jsx18("textarea", { rows: 12, value: selected.bodyMarkdown ?? "", onInput: (event) => update({ bodyMarkdown: event.currentTarget.value }) })
+    ] }) : null,
+    selected.kind === "link" || selected.kind === "inspiration" ? /* @__PURE__ */ jsxs15("label", { className: "field", children: [
+      /* @__PURE__ */ jsx18("span", { children: "HTTPS URL" }),
+      /* @__PURE__ */ jsx18("input", { type: "url", value: selected.url ?? "", onInput: (event) => update({ url: event.currentTarget.value }) })
+    ] }) : null,
+    selected.kind === "image" || selected.kind === "file" ? /* @__PURE__ */ jsxs15("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12 }, children: [
+      /* @__PURE__ */ jsxs15("label", { className: "field", children: [
+        /* @__PURE__ */ jsx18("span", { children: "Brand book ID" }),
+        /* @__PURE__ */ jsx18("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__ */ jsxs15("label", { className: "field", children: [
+        /* @__PURE__ */ jsx18("span", { children: "Asset ID" }),
+        /* @__PURE__ */ jsx18("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__ */ jsxs15("label", { className: "field", children: [
+        /* @__PURE__ */ jsx18("span", { children: "Filename (optional)" }),
+        /* @__PURE__ */ jsx18("input", { 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__ */ jsx18(ResourcePreview, { item: selected })
   ] });
 }
 function builderLibrarySection() {
@@ -1895,7 +2043,7 @@ function emailSection(options = {}) {
 // src/ui/admin-member-content.tsx
 import { useEffect as useEffect9, useState as useState15 } from "preact/hooks";
 import { jsx as jsx20, jsxs as jsxs17 } from "preact/jsx-runtime";
-var emptyDraft2 = () => ({ pages: [], upsellOverrides: [] });
+var emptyDraft = () => ({ pages: [], upsellOverrides: [] });
 function accessLabel(page) {
   return page.audience.kind === "all-members" ? "All members" : `Tiers: ${page.audience.tierIds.join(", ")}`;
 }
@@ -1904,12 +2052,12 @@ function MemberContentAdmin({
   initialData
 }) {
   const resource = useAdminResource(ctx.getToken, "/api/admin/member-content");
-  const [draft, setDraft] = useState15(JSON.stringify(initialData?.chapter?.document ?? emptyDraft2(), null, 2));
+  const [draft, setDraft] = useState15(JSON.stringify(initialData?.chapter?.document ?? emptyDraft(), null, 2));
   const [saveError, setSaveError] = useState15(null);
   const [saving, setSaving] = useState15(false);
   useEffect9(() => {
     if (!resource.data) return;
-    setDraft(JSON.stringify(resource.data.chapter?.document ?? emptyDraft2(), null, 2));
+    setDraft(JSON.stringify(resource.data.chapter?.document ?? emptyDraft(), null, 2));
   }, [resource.data]);
   const loaded = initialData ?? resource.data;
   if (!loaded && resource.loading) return /* @__PURE__ */ jsx20(AdminPage, { children: /* @__PURE__ */ jsx20(AdminNote, { children: "Loading member content\u2026" }) });
@@ -2323,7 +2471,7 @@ function Authed(props) {
     renderWorkspaceNav
   } = props;
   const { getToken, signOut } = useClerkAuth();
-  const client = useMemo2(
+  const client = useMemo3(
     () => new CrmClient({
       basePath: crmBasePath,
       headers: async () => {
@@ -2384,11 +2532,11 @@ function Authed(props) {
 }
 function ChapterAdmin(props) {
   const copy = props.chapter?.copy ?? DEFAULT_CHAPTER_COPY;
-  const defaults = useMemo2(
+  const defaults = useMemo3(
     () => props.chapter ? defaultAdminWorkspaces(props.chapter) : [],
     [props.chapter]
   );
-  const workspaces = useMemo2(() => {
+  const workspaces = useMemo3(() => {
     if (typeof props.workspaces === "function") return props.workspaces(defaults);
     return props.workspaces ?? props.sections ?? defaults;
   }, [props.workspaces, props.sections, defaults]);
@@ -2574,4 +2722,4 @@ export {
   defaultAdminSections,
   meetingsSection
 };
-//# sourceMappingURL=chunk-4K2Q5JBC.js.map
+//# sourceMappingURL=chunk-O22RRPBT.js.map