@burdenoff/microfe-theculturepost 2026.704.2 → 2026.705.2

package/dist/theculturepost/pages/archive/ArchivePage.js

@@ -1,245 +1,330 @@
 import { useTheCulturePost as e } from "../../context/TheCulturePostContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { ErrorView as n, LoadingView as r } from "../../components/StateViews.js";
+import { cn as t } from "../../utils/cn.js";
 import "../../context/index.js";
-import { formatEnumLabel as i } from "../../utils/formatters.js";
-import { CollectionCard as a } from "../../components/CollectionCard.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { useTcpArchiveItems as s, useTcpCollections as c, useTcpOralHistories as l } from "../../hooks/useTcpApi.js";
-import { useCursorPager as u } from "../../hooks/useCursorPager.js";
+import { useFileUrl as n } from "../../hooks/useFiles.js";
+import { PageHero as r } from "../../components/PageHero.js";
+import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
+import { formatEnumLabel as o, initialsOf as s } from "../../utils/formatters.js";
+import { StatusBadge as c } from "../../components/StatusBadge.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { useTcpArchiveItems as u, useTcpCollections as d, useTcpOralHistories as f } from "../../hooks/useTcpApi.js";
+import { useCursorPager as p } from "../../hooks/useCursorPager.js";
 import "../../hooks/index.js";
-import { Tabs as d } from "../../components/Tabs.js";
-import { FilterTabs as f } from "../../components/FilterTabs.js";
-import { ArchiveItemCard as p } from "../../components/ArchiveItemCard.js";
-import { OralHistoryCard as m } from "../../components/OralHistoryCard.js";
-import { CreateCollectionDialog as h } from "../../components/CreateCollectionDialog.js";
-import { CreateArchiveItemDialog as g } from "../../components/CreateArchiveItemDialog.js";
-import { RecordOralHistoryDialog as _ } from "../../components/RecordOralHistoryDialog.js";
-import { Pagination as v } from "../../components/Pagination.js";
-import { useState as y } from "react";
-import { AudioLines as b, Boxes as x, Library as S, Plus as C } from "lucide-react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Button as D, Select as O, SelectContent as k, SelectItem as A, SelectTrigger as j, SelectValue as M } from "@burdenoff/fe-libs/ui";
+import { KIND_ICON as m } from "../../components/kindIcon.js";
+import { Tabs as h } from "../../components/Tabs.js";
+import { AudioPlayer as g } from "../../components/AudioPlayer.js";
+import { CollectionCard as _ } from "../../components/CollectionCard.js";
+import { ArchiveItemCard as v } from "../../components/ArchiveItemCard.js";
+import { RecordOralHistoryDialog as y } from "../../components/RecordOralHistoryDialog.js";
+import { CreateCollectionDialog as b } from "../../components/CreateCollectionDialog.js";
+import { CreateArchiveItemDialog as x } from "../../components/CreateArchiveItemDialog.js";
+import { Pagination as S } from "../../components/Pagination.js";
+import { createElement as C, useState as w } from "react";
+import { AudioLines as T, Boxes as E, Globe as D, Layers as O, Library as k, Mic as A, Plus as j } from "lucide-react";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { Button as F, GlassCard as I, Select as L, SelectContent as R, SelectItem as z, SelectTrigger as B, SelectValue as V } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/pages/archive/ArchivePage.tsx
-var N = [
+var H = [
 	{
 		value: "collections",
 		label: "Collections",
-		icon: /* @__PURE__ */ T(S, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ N(k, { className: "h-4 w-4" })
 	},
 	{
 		value: "artifacts",
 		label: "Artifacts",
-		icon: /* @__PURE__ */ T(x, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ N(E, { className: "h-4 w-4" })
 	},
 	{
 		value: "oral-histories",
 		label: "Oral Histories",
-		icon: /* @__PURE__ */ T(b, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ N(T, { className: "h-4 w-4" })
 	}
 ];
-function P() {
-	let [e, n] = y("collections");
-	return /* @__PURE__ */ E(t, {
-		title: "Archive",
-		description: "A living archive of manuscripts, photographs, recordings, maps and objects — grouped into collections.",
+function U() {
+	let { navigateTo: t } = e(), [n, i] = w("collections"), [a, o] = w(!1), [s, c] = w(!1), [l, u] = w(!1);
+	return /* @__PURE__ */ P("div", {
+		className: "flex h-full flex-col",
 		children: [
-			/* @__PURE__ */ T(d, {
-				items: N,
-				value: e,
-				onChange: n,
-				className: "mb-6"
+			/* @__PURE__ */ N("div", {
+				className: "flex-1 overflow-auto",
+				children: /* @__PURE__ */ P("div", {
+					className: "mx-auto flex w-full max-w-6xl flex-col gap-6 p-4 sm:p-6",
+					children: [/* @__PURE__ */ N(r, {
+						eyebrow: "Cultural archive",
+						title: "Archive",
+						description: "A living archive of manuscripts, photographs, recordings, maps and objects — grouped into collections.",
+						actions: n === "collections" ? /* @__PURE__ */ P(F, {
+							onClick: () => o(!0),
+							children: [/* @__PURE__ */ N(j, { className: "mr-1.5 h-4 w-4" }), " New collection"]
+						}) : n === "artifacts" ? /* @__PURE__ */ P(F, {
+							onClick: () => c(!0),
+							children: [/* @__PURE__ */ N(j, { className: "mr-1.5 h-4 w-4" }), " Add artifact"]
+						}) : /* @__PURE__ */ P(F, {
+							onClick: () => u(!0),
+							children: [/* @__PURE__ */ N(A, { className: "mr-1.5 h-4 w-4" }), " Record"]
+						})
+					}), /* @__PURE__ */ P("div", { children: [
+						/* @__PURE__ */ N(h, {
+							items: H,
+							value: n,
+							onChange: i,
+							className: "mb-6"
+						}),
+						n === "collections" && /* @__PURE__ */ N(W, { onNew: () => o(!0) }),
+						n === "artifacts" && /* @__PURE__ */ N(J, { onNew: () => c(!0) }),
+						n === "oral-histories" && /* @__PURE__ */ N(Y, { onNew: () => u(!0) })
+					] })]
+				})
+			}),
+			/* @__PURE__ */ N(b, {
+				open: a,
+				onOpenChange: o,
+				onCreated: (e) => t(`archive/collections/${e.id}`)
+			}),
+			/* @__PURE__ */ N(x, {
+				open: s,
+				onOpenChange: c,
+				onCreated: (e) => t(`archive/items/${e.id}`)
 			}),
-			e === "collections" && /* @__PURE__ */ T(F, {}),
-			e === "artifacts" && /* @__PURE__ */ T(z, {}),
-			e === "oral-histories" && /* @__PURE__ */ T(B, {})
+			/* @__PURE__ */ N(y, {
+				open: l,
+				onOpenChange: u
+			})
 		]
 	});
 }
-function F() {
-	let { navigateTo: t } = e(), { data: i, isLoading: s, isError: l, refetch: u } = c({ limit: 60 }), [d, f] = y(!1), p = i ?? [];
-	return /* @__PURE__ */ E("div", { children: [
-		/* @__PURE__ */ T("div", {
-			className: "mb-4 flex items-center justify-end",
-			children: /* @__PURE__ */ E(D, {
-				onClick: () => f(!0),
-				children: [/* @__PURE__ */ T(C, { className: "mr-1.5 h-4 w-4" }), " New collection"]
-			})
-		}),
-		s ? /* @__PURE__ */ T(r, { label: "Loading collections…" }) : l ? /* @__PURE__ */ T(n, {
-			message: "We couldn't load collections.",
-			onRetry: () => u()
-		}) : p.length === 0 ? /* @__PURE__ */ T(o, {
-			illustration: "empty-files",
-			icon: /* @__PURE__ */ T(S, { className: "h-10 w-10" }),
-			title: "No collections yet",
-			description: "Create a collection to begin grouping artifacts and oral histories.",
-			action: /* @__PURE__ */ E(D, {
-				onClick: () => f(!0),
-				children: [/* @__PURE__ */ T(C, { className: "mr-1.5 h-4 w-4" }), " New collection"]
-			})
-		}) : /* @__PURE__ */ T("div", {
-			className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-			children: p.map((e) => /* @__PURE__ */ T(a, {
-				collection: e,
-				onOpen: () => t(`archive/collections/${e.id}`)
-			}, e.id))
-		}),
-		/* @__PURE__ */ T(h, {
-			open: d,
-			onOpenChange: f,
-			onCreated: (e) => t(`archive/collections/${e.id}`)
+function W({ onNew: t }) {
+	let { navigateTo: n } = e(), { data: r, isLoading: o, isError: s, refetch: c } = d({ limit: 60 }), u = r ?? [];
+	return o ? /* @__PURE__ */ N(a, { label: "Loading collections…" }) : s ? /* @__PURE__ */ N(i, {
+		message: "We couldn't load collections.",
+		onRetry: () => c()
+	}) : u.length === 0 ? /* @__PURE__ */ N(l, {
+		illustration: "empty-files",
+		icon: /* @__PURE__ */ N(k, { className: "h-10 w-10" }),
+		title: "No collections yet",
+		description: "Create a collection to begin grouping artifacts and oral histories.",
+		action: /* @__PURE__ */ P(F, {
+			onClick: t,
+			children: [/* @__PURE__ */ N(j, { className: "mr-1.5 h-4 w-4" }), " New collection"]
 		})
-	] });
+	}) : /* @__PURE__ */ N("div", {
+		className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+		children: u.map((e) => /* @__PURE__ */ N(_, {
+			collection: e,
+			onOpen: () => n(`archive/collections/${e.id}`)
+		}, e.id))
+	});
 }
-var I = 16, L = [
+var G = 16, K = [
 	{
 		value: "ALL",
-		label: "All kinds"
+		label: "All kinds",
+		icon: O
 	},
 	{
 		value: "MANUSCRIPT",
-		label: "Manuscripts"
+		label: "Manuscripts",
+		icon: m.MANUSCRIPT
 	},
 	{
 		value: "PHOTOGRAPH",
-		label: "Photographs"
+		label: "Photographs",
+		icon: m.PHOTOGRAPH
 	},
 	{
 		value: "AUDIO",
-		label: "Audio"
+		label: "Audio",
+		icon: m.AUDIO
 	},
 	{
 		value: "VIDEO",
-		label: "Video"
+		label: "Video",
+		icon: m.VIDEO
 	},
 	{
 		value: "MAP",
-		label: "Maps"
+		label: "Maps",
+		icon: m.MAP
 	},
 	{
 		value: "OBJECT",
-		label: "Objects"
+		label: "Objects",
+		icon: m.OBJECT
 	},
 	{
 		value: "DOCUMENT",
-		label: "Documents"
+		label: "Documents",
+		icon: m.DOCUMENT
 	}
-], R = [
+], q = [
 	"PUBLIC",
 	"COMMUNITY",
 	"RESTRICTED",
 	"EMBARGOED"
 ];
-function z() {
-	let { navigateTo: t } = e(), a = u(), [c, l] = y("ALL"), [d, m] = y("ALL"), [h, _] = y(!1), { data: b, isLoading: S, isError: N, refetch: P } = s({
+function J({ onNew: n }) {
+	let { navigateTo: r } = e(), s = p(), [c, d] = w("ALL"), [f, m] = w("ALL"), { data: h, isLoading: g, isError: _, refetch: y } = u({
 		kind: c === "ALL" ? void 0 : c,
-		accessLevel: d === "ALL" ? void 0 : d,
+		accessLevel: f === "ALL" ? void 0 : f,
 		pagination: {
-			limit: I,
-			cursor: a.cursor
+			limit: G,
+			cursor: s.cursor
 		}
-	}), F = b?.items ?? [];
-	return /* @__PURE__ */ E("div", { children: [
-		/* @__PURE__ */ E("div", {
-			className: "mb-4 flex flex-wrap items-center gap-3",
+	}), b = h?.items ?? [], x = (e) => {
+		d(e), s.reset();
+	};
+	return /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("div", {
+		className: "mb-6 flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between",
+		children: [/* @__PURE__ */ P("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ N("span", {
+				id: "kind-filter-label",
+				className: "text-sm font-medium text-text-secondary",
+				children: "Kind"
+			}), /* @__PURE__ */ N("div", {
+				role: "tablist",
+				"aria-labelledby": "kind-filter-label",
+				className: "flex flex-wrap gap-2",
+				children: K.map((e) => {
+					let n = e.value === c;
+					return /* @__PURE__ */ P("button", {
+						type: "button",
+						role: "tab",
+						"aria-selected": n,
+						onClick: () => x(e.value),
+						className: t("inline-flex items-center gap-2 rounded-xl border px-3 py-2 text-sm font-medium transition-colors", n ? "border-transparent bg-action-primary-bg text-action-primary-text" : "border-border-seam bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+						children: [C(e.icon, { className: "h-4 w-4" }), e.label]
+					}, e.value);
+				})
+			})]
+		}), /* @__PURE__ */ P("div", {
+			className: "flex flex-col gap-2 lg:items-end",
+			children: [/* @__PURE__ */ N("label", {
+				htmlFor: "access-filter",
+				className: "text-sm font-medium text-text-secondary",
+				children: "Access level"
+			}), /* @__PURE__ */ P(L, {
+				value: f,
+				onValueChange: (e) => {
+					m(e), s.reset();
+				},
+				children: [/* @__PURE__ */ N(B, {
+					id: "access-filter",
+					className: "w-full lg:w-[12rem]",
+					"aria-label": "Filter by access level",
+					children: /* @__PURE__ */ N(V, { placeholder: "All levels" })
+				}), /* @__PURE__ */ P(R, { children: [/* @__PURE__ */ N(z, {
+					value: "ALL",
+					children: "All levels"
+				}), q.map((e) => /* @__PURE__ */ N(z, {
+					value: e,
+					children: o(e)
+				}, e))] })]
+			})]
+		})]
+	}), g ? /* @__PURE__ */ N(a, { label: "Loading artifacts…" }) : _ ? /* @__PURE__ */ N(i, {
+		message: "We couldn't load artifacts.",
+		onRetry: () => y()
+	}) : b.length === 0 && s.page === 0 ? /* @__PURE__ */ N(l, {
+		illustration: "empty-files",
+		icon: /* @__PURE__ */ N(E, { className: "h-10 w-10" }),
+		title: c === "ALL" && f === "ALL" ? "No artifacts yet" : "No artifacts match these filters",
+		description: c === "ALL" && f === "ALL" ? "Add the first artifact to the archive." : "Try widening the filters, or add a new artifact.",
+		action: /* @__PURE__ */ P(F, {
+			onClick: n,
+			children: [/* @__PURE__ */ N(j, { className: "mr-1.5 h-4 w-4" }), " Add artifact"]
+		})
+	}) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N("div", {
+		className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+		children: b.map((e) => /* @__PURE__ */ N(v, {
+			item: e,
+			onOpen: () => r(`archive/items/${e.id}`)
+		}, e.id))
+	}), /* @__PURE__ */ N(S, {
+		page: s.page,
+		pageSize: G,
+		itemCount: b.length,
+		hasMore: h?.pageInfo.hasMore ?? !1,
+		onPageChange: (e) => s.onPageChange(e, h?.pageInfo.cursor)
+	})] })] });
+}
+function Y({ onNew: e }) {
+	let { data: t, isLoading: n, isError: r, refetch: o } = f(), s = t ?? [];
+	return n ? /* @__PURE__ */ N(a, { label: "Loading oral histories…" }) : r ? /* @__PURE__ */ N(i, {
+		message: "We couldn't load oral histories.",
+		onRetry: () => o()
+	}) : s.length === 0 ? /* @__PURE__ */ N(l, {
+		illustration: "empty-data",
+		icon: /* @__PURE__ */ N(T, { className: "h-10 w-10" }),
+		title: "No oral histories yet",
+		description: "Record a first-person account to preserve it for the archive.",
+		action: /* @__PURE__ */ P(F, {
+			onClick: e,
+			children: [/* @__PURE__ */ N(A, { className: "mr-1.5 h-4 w-4" }), " Record oral history"]
+		})
+	}) : /* @__PURE__ */ N("div", {
+		className: "flex flex-col gap-4",
+		children: s.map((e) => /* @__PURE__ */ N(X, { oralHistory: e }, e.id))
+	});
+}
+function X({ oralHistory: e }) {
+	let { data: t } = n(e.recording?.id), r = e.narratorName?.trim(), i = e.summary?.trim() || e.transcript?.trim();
+	return /* @__PURE__ */ P(I, {
+		treatment: "plain",
+		className: "flex flex-col gap-4 p-4 sm:flex-row sm:items-start",
+		children: [/* @__PURE__ */ N("div", {
+			className: "flex h-14 w-14 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-[var(--color-accent-soft)] to-bg-sunken text-sm font-semibold text-text-primary",
+			"aria-hidden": "true",
+			children: r ? s(r) : /* @__PURE__ */ N(A, { className: "h-5 w-5" })
+		}), /* @__PURE__ */ P("div", {
+			className: "min-w-0 flex-1",
 			children: [
-				/* @__PURE__ */ T(f, {
-					options: L,
-					value: c,
-					onChange: (e) => {
-						l(e), a.reset();
-					}
+				/* @__PURE__ */ P("div", {
+					className: "flex flex-wrap items-start justify-between gap-2",
+					children: [/* @__PURE__ */ P("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ N("h3", {
+							className: "font-display text-lg font-semibold leading-snug text-text-primary",
+							children: e.title
+						}), r && /* @__PURE__ */ N("p", {
+							className: "mt-0.5 text-sm text-text-secondary",
+							children: r
+						})]
+					}), /* @__PURE__ */ P("div", {
+						className: "flex flex-wrap items-center gap-1.5",
+						children: [e.language && /* @__PURE__ */ P("span", {
+							className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
+							children: [
+								/* @__PURE__ */ N(D, {
+									className: "h-3 w-3",
+									"aria-hidden": "true"
+								}),
+								" ",
+								o(e.language)
+							]
+						}), /* @__PURE__ */ N(c, { status: e.accessLevel })]
+					})]
 				}),
-				/* @__PURE__ */ E(O, {
-					value: d,
-					onValueChange: (e) => {
-						m(e), a.reset();
-					},
-					children: [/* @__PURE__ */ T(j, {
-						className: "w-[12rem]",
-						"aria-label": "Filter by access level",
-						children: /* @__PURE__ */ T(M, { placeholder: "All access" })
-					}), /* @__PURE__ */ E(k, { children: [/* @__PURE__ */ T(A, {
-						value: "ALL",
-						children: "All access"
-					}), R.map((e) => /* @__PURE__ */ T(A, {
-						value: e,
-						children: i(e)
-					}, e))] })]
+				/* @__PURE__ */ N(g, {
+					className: "mt-3",
+					src: t,
+					seed: e.id || e.title,
+					durationSecs: e.durationSecs
 				}),
-				/* @__PURE__ */ E(D, {
-					className: "ml-auto",
-					onClick: () => _(!0),
-					children: [/* @__PURE__ */ T(C, { className: "mr-1.5 h-4 w-4" }), " Add artifact"]
+				i && /* @__PURE__ */ P("p", {
+					className: "mt-3 border-l-2 border-[var(--color-accent-soft)] pl-3 text-sm italic leading-relaxed text-text-secondary line-clamp-2",
+					children: [
+						"“",
+						i,
+						"”"
+					]
 				})
 			]
-		}),
-		S ? /* @__PURE__ */ T(r, { label: "Loading artifacts…" }) : N ? /* @__PURE__ */ T(n, {
-			message: "We couldn't load artifacts.",
-			onRetry: () => P()
-		}) : F.length === 0 && a.page === 0 ? /* @__PURE__ */ T(o, {
-			illustration: "empty-files",
-			icon: /* @__PURE__ */ T(x, { className: "h-10 w-10" }),
-			title: c === "ALL" && d === "ALL" ? "No artifacts yet" : "No artifacts match these filters",
-			description: c === "ALL" && d === "ALL" ? "Add the first artifact to the archive." : "Try widening the filters, or add a new artifact.",
-			action: /* @__PURE__ */ E(D, {
-				onClick: () => _(!0),
-				children: [/* @__PURE__ */ T(C, { className: "mr-1.5 h-4 w-4" }), " Add artifact"]
-			})
-		}) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
-			className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-			children: F.map((e) => /* @__PURE__ */ T(p, {
-				item: e,
-				onOpen: () => t(`archive/items/${e.id}`)
-			}, e.id))
-		}), /* @__PURE__ */ T(v, {
-			page: a.page,
-			pageSize: I,
-			itemCount: F.length,
-			hasMore: b?.pageInfo.hasMore ?? !1,
-			onPageChange: (e) => a.onPageChange(e, b?.pageInfo.cursor)
-		})] }),
-		/* @__PURE__ */ T(g, {
-			open: h,
-			onOpenChange: _,
-			onCreated: (e) => t(`archive/items/${e.id}`)
-		})
-	] });
-}
-function B() {
-	let { data: e, isLoading: t, isError: i, refetch: a } = l(), [s, c] = y(!1), u = e ?? [];
-	return /* @__PURE__ */ E("div", { children: [
-		/* @__PURE__ */ T("div", {
-			className: "mb-4 flex items-center justify-end",
-			children: /* @__PURE__ */ E(D, {
-				onClick: () => c(!0),
-				children: [/* @__PURE__ */ T(C, { className: "mr-1.5 h-4 w-4" }), " Record oral history"]
-			})
-		}),
-		t ? /* @__PURE__ */ T(r, { label: "Loading oral histories…" }) : i ? /* @__PURE__ */ T(n, {
-			message: "We couldn't load oral histories.",
-			onRetry: () => a()
-		}) : u.length === 0 ? /* @__PURE__ */ T(o, {
-			illustration: "empty-data",
-			icon: /* @__PURE__ */ T(b, { className: "h-10 w-10" }),
-			title: "No oral histories yet",
-			description: "Record a first-person account to preserve it for the archive.",
-			action: /* @__PURE__ */ E(D, {
-				onClick: () => c(!0),
-				children: [/* @__PURE__ */ T(C, { className: "mr-1.5 h-4 w-4" }), " Record oral history"]
-			})
-		}) : /* @__PURE__ */ T("div", {
-			className: "grid gap-4 lg:grid-cols-2",
-			children: u.map((e) => /* @__PURE__ */ T(m, { oralHistory: e }, e.id))
-		}),
-		/* @__PURE__ */ T(_, {
-			open: s,
-			onOpenChange: c
-		})
-	] });
+		})]
+	});
 }
 //#endregion
-export { P as ArchivePage };
+export { U as ArchivePage, X as OralHistoryPlayerRow };
 
 //# sourceMappingURL=ArchivePage.js.map

package/dist/theculturepost/pages/archive/ArchivePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchivePage.js","names":[],"sources":["../../../../src/theculturepost/pages/archive/ArchivePage.tsx"],"sourcesContent":["/**\n * ArchivePage — the cultural archive: collections, artifacts and oral histories.\n * @module theculturepost/pages/archive\n *\n * Three tabs, each backed by a real list field: `tcpListCollections`,\n * `tcpListArchiveItems` (filtered by kind + access level) and\n * `tcpListOralHistories`. Creation opens the matching dialog.\n */\n\nimport { useState } from 'react';\nimport { Library, Boxes, AudioLines, Plus } from 'lucide-react';\nimport {\n  Button,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Tabs, type TabItem } from '../../components/Tabs';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { CollectionCard } from '../../components/CollectionCard';\nimport { ArchiveItemCard } from '../../components/ArchiveItemCard';\nimport { OralHistoryCard } from '../../components/OralHistoryCard';\nimport { CreateCollectionDialog } from '../../components/CreateCollectionDialog';\nimport { CreateArchiveItemDialog } from '../../components/CreateArchiveItemDialog';\nimport { RecordOralHistoryDialog } from '../../components/RecordOralHistoryDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport {\n  useTcpCollections,\n  useTcpArchiveItems,\n  useTcpOralHistories,\n  useCursorPager,\n} from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { formatEnumLabel } from '../../utils/formatters';\nimport type { TcpArchiveItemKind, TcpAccessLevel } from '../../types';\n\ntype TabKey = 'collections' | 'artifacts' | 'oral-histories';\n\nconst TABS: TabItem<TabKey>[] = [\n  { value: 'collections', label: 'Collections', icon: <Library className=\"h-4 w-4\" /> },\n  { value: 'artifacts', label: 'Artifacts', icon: <Boxes className=\"h-4 w-4\" /> },\n  { value: 'oral-histories', label: 'Oral Histories', icon: <AudioLines className=\"h-4 w-4\" /> },\n];\n\nexport function ArchivePage() {\n  const [tab, setTab] = useState<TabKey>('collections');\n\n  return (\n    <PageLayout\n      title=\"Archive\"\n      description=\"A living archive of manuscripts, photographs, recordings, maps and objects — grouped into collections.\"\n    >\n      <Tabs items={TABS} value={tab} onChange={setTab} className=\"mb-6\" />\n      {tab === 'collections' && <CollectionsTab />}\n      {tab === 'artifacts' && <ArtifactsTab />}\n      {tab === 'oral-histories' && <OralHistoriesTab />}\n    </PageLayout>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Collections\n// ---------------------------------------------------------------------------\n\nfunction CollectionsTab() {\n  const { navigateTo } = useTheCulturePost();\n  const { data, isLoading, isError, refetch } = useTcpCollections({ limit: 60 });\n  const [createOpen, setCreateOpen] = useState(false);\n  const collections = data ?? [];\n\n  return (\n    <div>\n      <div className=\"mb-4 flex items-center justify-end\">\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> New collection\n        </Button>\n      </div>\n      {isLoading ? (\n        <LoadingView label=\"Loading collections…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load collections.\" onRetry={() => refetch()} />\n      ) : collections.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-files\"\n          icon={<Library className=\"h-10 w-10\" />}\n          title=\"No collections yet\"\n          description=\"Create a collection to begin grouping artifacts and oral histories.\"\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> New collection\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n          {collections.map((collection) => (\n            <CollectionCard\n              key={collection.id}\n              collection={collection}\n              onOpen={() => navigateTo(`archive/collections/${collection.id}`)}\n            />\n          ))}\n        </div>\n      )}\n      <CreateCollectionDialog\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        onCreated={(collection) => navigateTo(`archive/collections/${collection.id}`)}\n      />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Artifacts\n// ---------------------------------------------------------------------------\n\nconst PAGE_SIZE = 16;\n\ntype KindFilter = 'ALL' | TcpArchiveItemKind;\ntype AccessFilter = 'ALL' | TcpAccessLevel;\n\nconst KIND_FILTERS: FilterOption<KindFilter>[] = [\n  { value: 'ALL', label: 'All kinds' },\n  { value: 'MANUSCRIPT', label: 'Manuscripts' },\n  { value: 'PHOTOGRAPH', label: 'Photographs' },\n  { value: 'AUDIO', label: 'Audio' },\n  { value: 'VIDEO', label: 'Video' },\n  { value: 'MAP', label: 'Maps' },\n  { value: 'OBJECT', label: 'Objects' },\n  { value: 'DOCUMENT', label: 'Documents' },\n];\n\nconst ACCESS_LEVELS: TcpAccessLevel[] = ['PUBLIC', 'COMMUNITY', 'RESTRICTED', 'EMBARGOED'];\n\nfunction ArtifactsTab() {\n  const { navigateTo } = useTheCulturePost();\n  const pager = useCursorPager();\n  const [kind, setKind] = useState<KindFilter>('ALL');\n  const [accessLevel, setAccessLevel] = useState<AccessFilter>('ALL');\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const { data, isLoading, isError, refetch } = useTcpArchiveItems({\n    kind: kind === 'ALL' ? undefined : kind,\n    accessLevel: accessLevel === 'ALL' ? undefined : accessLevel,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  const items = data?.items ?? [];\n\n  const changeKind = (next: KindFilter) => {\n    setKind(next);\n    pager.reset();\n  };\n\n  const changeAccess = (next: string) => {\n    setAccessLevel(next as AccessFilter);\n    pager.reset();\n  };\n\n  return (\n    <div>\n      <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n        <FilterTabs options={KIND_FILTERS} value={kind} onChange={changeKind} />\n        <Select value={accessLevel} onValueChange={changeAccess}>\n          <SelectTrigger className=\"w-[12rem]\" aria-label=\"Filter by access level\">\n            <SelectValue placeholder=\"All access\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"ALL\">All access</SelectItem>\n            {ACCESS_LEVELS.map((a) => (\n              <SelectItem key={a} value={a}>\n                {formatEnumLabel(a)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        <Button className=\"ml-auto\" onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> Add artifact\n        </Button>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading artifacts…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load artifacts.\" onRetry={() => refetch()} />\n      ) : items.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-files\"\n          icon={<Boxes className=\"h-10 w-10\" />}\n          title={\n            kind === 'ALL' && accessLevel === 'ALL'\n              ? 'No artifacts yet'\n              : 'No artifacts match these filters'\n          }\n          description={\n            kind === 'ALL' && accessLevel === 'ALL'\n              ? 'Add the first artifact to the archive.'\n              : 'Try widening the filters, or add a new artifact.'\n          }\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Add artifact\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n            {items.map((item) => (\n              <ArchiveItemCard\n                key={item.id}\n                item={item}\n                onOpen={() => navigateTo(`archive/items/${item.id}`)}\n              />\n            ))}\n          </div>\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={items.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </>\n      )}\n\n      <CreateArchiveItemDialog\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        onCreated={(item) => navigateTo(`archive/items/${item.id}`)}\n      />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Oral histories\n// ---------------------------------------------------------------------------\n\nfunction OralHistoriesTab() {\n  const { data, isLoading, isError, refetch } = useTcpOralHistories();\n  const [createOpen, setCreateOpen] = useState(false);\n  const oralHistories = data ?? [];\n\n  return (\n    <div>\n      <div className=\"mb-4 flex items-center justify-end\">\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> Record oral history\n        </Button>\n      </div>\n      {isLoading ? (\n        <LoadingView label=\"Loading oral histories…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load oral histories.\" onRetry={() => refetch()} />\n      ) : oralHistories.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<AudioLines className=\"h-10 w-10\" />}\n          title=\"No oral histories yet\"\n          description=\"Record a first-person account to preserve it for the archive.\"\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Record oral history\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"grid gap-4 lg:grid-cols-2\">\n          {oralHistories.map((oralHistory) => (\n            <OralHistoryCard key={oralHistory.id} oralHistory={oralHistory} />\n          ))}\n        </div>\n      )}\n      <RecordOralHistoryDialog open={createOpen} onOpenChange={setCreateOpen} />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ArchivePage.js","names":[],"sources":["../../../../src/theculturepost/pages/archive/ArchivePage.tsx"],"sourcesContent":["/**\n * ArchivePage — the cultural archive: collections, artifacts and oral histories.\n * @module theculturepost/pages/archive\n *\n * Three tabs, each backed by a real list field: `tcpListCollections`,\n * `tcpListArchiveItems` (filtered by kind + access level) and\n * `tcpListOralHistories`. The primary action lives in the editorial {@link PageHero}\n * and switches with the active tab; creation opens the matching dialog.\n */\n\nimport { createElement, useState } from 'react';\nimport {\n  Library,\n  Boxes,\n  AudioLines,\n  Plus,\n  Mic,\n  Layers,\n  Globe,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  Button,\n  GlassCard,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { PageHero } from '../../components/PageHero';\nimport { Tabs, type TabItem } from '../../components/Tabs';\nimport { AudioPlayer } from '../../components/AudioPlayer';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { CollectionCard } from '../../components/CollectionCard';\nimport { ArchiveItemCard } from '../../components/ArchiveItemCard';\nimport { CreateCollectionDialog } from '../../components/CreateCollectionDialog';\nimport { CreateArchiveItemDialog } from '../../components/CreateArchiveItemDialog';\nimport { RecordOralHistoryDialog } from '../../components/RecordOralHistoryDialog';\nimport { KIND_ICON } from '../../components/kindIcon';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport {\n  useTcpCollections,\n  useTcpArchiveItems,\n  useTcpOralHistories,\n  useCursorPager,\n  useFileUrl,\n} from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { cn } from '../../utils/cn';\nimport { formatEnumLabel, initialsOf } from '../../utils/formatters';\nimport type { TcpArchiveItemKind, TcpAccessLevel, TcpOralHistory } from '../../types';\n\ntype TabKey = 'collections' | 'artifacts' | 'oral-histories';\n\nconst TABS: TabItem<TabKey>[] = [\n  { value: 'collections', label: 'Collections', icon: <Library className=\"h-4 w-4\" /> },\n  { value: 'artifacts', label: 'Artifacts', icon: <Boxes className=\"h-4 w-4\" /> },\n  { value: 'oral-histories', label: 'Oral Histories', icon: <AudioLines className=\"h-4 w-4\" /> },\n];\n\nexport function ArchivePage() {\n  const { navigateTo } = useTheCulturePost();\n  const [tab, setTab] = useState<TabKey>('collections');\n  const [collectionOpen, setCollectionOpen] = useState(false);\n  const [artifactOpen, setArtifactOpen] = useState(false);\n  const [recordOpen, setRecordOpen] = useState(false);\n\n  const heroAction =\n    tab === 'collections' ? (\n      <Button onClick={() => setCollectionOpen(true)}>\n        <Plus className=\"mr-1.5 h-4 w-4\" /> New collection\n      </Button>\n    ) : tab === 'artifacts' ? (\n      <Button onClick={() => setArtifactOpen(true)}>\n        <Plus className=\"mr-1.5 h-4 w-4\" /> Add artifact\n      </Button>\n    ) : (\n      <Button onClick={() => setRecordOpen(true)}>\n        <Mic className=\"mr-1.5 h-4 w-4\" /> Record\n      </Button>\n    );\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <div className=\"flex-1 overflow-auto\">\n        <div className=\"mx-auto flex w-full max-w-6xl flex-col gap-6 p-4 sm:p-6\">\n          <PageHero\n            eyebrow=\"Cultural archive\"\n            title=\"Archive\"\n            description=\"A living archive of manuscripts, photographs, recordings, maps and objects — grouped into collections.\"\n            actions={heroAction}\n          />\n\n          <div>\n            <Tabs items={TABS} value={tab} onChange={setTab} className=\"mb-6\" />\n            {tab === 'collections' && <CollectionsTab onNew={() => setCollectionOpen(true)} />}\n            {tab === 'artifacts' && <ArtifactsTab onNew={() => setArtifactOpen(true)} />}\n            {tab === 'oral-histories' && <OralHistoriesTab onNew={() => setRecordOpen(true)} />}\n          </div>\n        </div>\n      </div>\n\n      <CreateCollectionDialog\n        open={collectionOpen}\n        onOpenChange={setCollectionOpen}\n        onCreated={(collection) => navigateTo(`archive/collections/${collection.id}`)}\n      />\n      <CreateArchiveItemDialog\n        open={artifactOpen}\n        onOpenChange={setArtifactOpen}\n        onCreated={(item) => navigateTo(`archive/items/${item.id}`)}\n      />\n      <RecordOralHistoryDialog open={recordOpen} onOpenChange={setRecordOpen} />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Collections\n// ---------------------------------------------------------------------------\n\nfunction CollectionsTab({ onNew }: { onNew: () => void }) {\n  const { navigateTo } = useTheCulturePost();\n  const { data, isLoading, isError, refetch } = useTcpCollections({ limit: 60 });\n  const collections = data ?? [];\n\n  if (isLoading) return <LoadingView label=\"Loading collections…\" />;\n  if (isError)\n    return <ErrorView message=\"We couldn't load collections.\" onRetry={() => refetch()} />;\n  if (collections.length === 0) {\n    return (\n      <EmptyState\n        illustration=\"empty-files\"\n        icon={<Library className=\"h-10 w-10\" />}\n        title=\"No collections yet\"\n        description=\"Create a collection to begin grouping artifacts and oral histories.\"\n        action={\n          <Button onClick={onNew}>\n            <Plus className=\"mr-1.5 h-4 w-4\" /> New collection\n          </Button>\n        }\n      />\n    );\n  }\n\n  return (\n    <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n      {collections.map((collection) => (\n        <CollectionCard\n          key={collection.id}\n          collection={collection}\n          onOpen={() => navigateTo(`archive/collections/${collection.id}`)}\n        />\n      ))}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Artifacts\n// ---------------------------------------------------------------------------\n\nconst PAGE_SIZE = 16;\n\ntype KindFilter = 'ALL' | TcpArchiveItemKind;\ntype AccessFilter = 'ALL' | TcpAccessLevel;\n\nconst KIND_FILTERS: { value: KindFilter; label: string; icon: LucideIcon }[] = [\n  { value: 'ALL', label: 'All kinds', icon: Layers },\n  { value: 'MANUSCRIPT', label: 'Manuscripts', icon: KIND_ICON.MANUSCRIPT },\n  { value: 'PHOTOGRAPH', label: 'Photographs', icon: KIND_ICON.PHOTOGRAPH },\n  { value: 'AUDIO', label: 'Audio', icon: KIND_ICON.AUDIO },\n  { value: 'VIDEO', label: 'Video', icon: KIND_ICON.VIDEO },\n  { value: 'MAP', label: 'Maps', icon: KIND_ICON.MAP },\n  { value: 'OBJECT', label: 'Objects', icon: KIND_ICON.OBJECT },\n  { value: 'DOCUMENT', label: 'Documents', icon: KIND_ICON.DOCUMENT },\n];\n\nconst ACCESS_LEVELS: TcpAccessLevel[] = ['PUBLIC', 'COMMUNITY', 'RESTRICTED', 'EMBARGOED'];\n\nfunction ArtifactsTab({ onNew }: { onNew: () => void }) {\n  const { navigateTo } = useTheCulturePost();\n  const pager = useCursorPager();\n  const [kind, setKind] = useState<KindFilter>('ALL');\n  const [accessLevel, setAccessLevel] = useState<AccessFilter>('ALL');\n\n  const { data, isLoading, isError, refetch } = useTcpArchiveItems({\n    kind: kind === 'ALL' ? undefined : kind,\n    accessLevel: accessLevel === 'ALL' ? undefined : accessLevel,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  const items = data?.items ?? [];\n\n  const changeKind = (next: KindFilter) => {\n    setKind(next);\n    pager.reset();\n  };\n\n  const changeAccess = (next: string) => {\n    setAccessLevel(next as AccessFilter);\n    pager.reset();\n  };\n\n  return (\n    <div>\n      <div className=\"mb-6 flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between\">\n        <div className=\"flex flex-col gap-2\">\n          <span id=\"kind-filter-label\" className=\"text-sm font-medium text-text-secondary\">\n            Kind\n          </span>\n          <div role=\"tablist\" aria-labelledby=\"kind-filter-label\" className=\"flex flex-wrap gap-2\">\n            {KIND_FILTERS.map((opt) => {\n              const active = opt.value === kind;\n              return (\n                <button\n                  key={opt.value}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={active}\n                  onClick={() => changeKind(opt.value)}\n                  className={cn(\n                    'inline-flex items-center gap-2 rounded-xl border px-3 py-2 text-sm font-medium transition-colors',\n                    active\n                      ? 'border-transparent bg-action-primary-bg text-action-primary-text'\n                      : 'border-border-seam bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n                  )}\n                >\n                  {createElement(opt.icon, { className: 'h-4 w-4' })}\n                  {opt.label}\n                </button>\n              );\n            })}\n          </div>\n        </div>\n\n        <div className=\"flex flex-col gap-2 lg:items-end\">\n          <label htmlFor=\"access-filter\" className=\"text-sm font-medium text-text-secondary\">\n            Access level\n          </label>\n          <Select value={accessLevel} onValueChange={changeAccess}>\n            <SelectTrigger\n              id=\"access-filter\"\n              className=\"w-full lg:w-[12rem]\"\n              aria-label=\"Filter by access level\"\n            >\n              <SelectValue placeholder=\"All levels\" />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"ALL\">All levels</SelectItem>\n              {ACCESS_LEVELS.map((a) => (\n                <SelectItem key={a} value={a}>\n                  {formatEnumLabel(a)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading artifacts…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load artifacts.\" onRetry={() => refetch()} />\n      ) : items.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-files\"\n          icon={<Boxes className=\"h-10 w-10\" />}\n          title={\n            kind === 'ALL' && accessLevel === 'ALL'\n              ? 'No artifacts yet'\n              : 'No artifacts match these filters'\n          }\n          description={\n            kind === 'ALL' && accessLevel === 'ALL'\n              ? 'Add the first artifact to the archive.'\n              : 'Try widening the filters, or add a new artifact.'\n          }\n          action={\n            <Button onClick={onNew}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Add artifact\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n            {items.map((item) => (\n              <ArchiveItemCard\n                key={item.id}\n                item={item}\n                onOpen={() => navigateTo(`archive/items/${item.id}`)}\n              />\n            ))}\n          </div>\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={items.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Oral histories\n// ---------------------------------------------------------------------------\n\nfunction OralHistoriesTab({ onNew }: { onNew: () => void }) {\n  const { data, isLoading, isError, refetch } = useTcpOralHistories();\n  const oralHistories = data ?? [];\n\n  if (isLoading) return <LoadingView label=\"Loading oral histories…\" />;\n  if (isError)\n    return <ErrorView message=\"We couldn't load oral histories.\" onRetry={() => refetch()} />;\n  if (oralHistories.length === 0) {\n    return (\n      <EmptyState\n        illustration=\"empty-data\"\n        icon={<AudioLines className=\"h-10 w-10\" />}\n        title=\"No oral histories yet\"\n        description=\"Record a first-person account to preserve it for the archive.\"\n        action={\n          <Button onClick={onNew}>\n            <Mic className=\"mr-1.5 h-4 w-4\" /> Record oral history\n          </Button>\n        }\n      />\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      {oralHistories.map((oralHistory) => (\n        <OralHistoryPlayerRow key={oralHistory.id} oralHistory={oralHistory} />\n      ))}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// OralHistoryPlayerRow — an inline listenable oral-history row (reused by the\n// collection detail page). Uses the foundation AudioPlayer for play/seek. Real\n// fields only: narrator is a plain string, there is NO portrait or age.\n// ---------------------------------------------------------------------------\n\nexport function OralHistoryPlayerRow({ oralHistory }: { oralHistory: TcpOralHistory }) {\n  const { data: recordingUrl } = useFileUrl(oralHistory.recording?.id);\n  const narrator = oralHistory.narratorName?.trim();\n  const excerpt = oralHistory.summary?.trim() || oralHistory.transcript?.trim();\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-4 sm:flex-row sm:items-start\">\n      <div\n        className=\"flex h-14 w-14 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-[var(--color-accent-soft)] to-bg-sunken text-sm font-semibold text-text-primary\"\n        aria-hidden=\"true\"\n      >\n        {narrator ? initialsOf(narrator) : <Mic className=\"h-5 w-5\" />}\n      </div>\n\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex flex-wrap items-start justify-between gap-2\">\n          <div className=\"min-w-0\">\n            <h3 className=\"font-display text-lg font-semibold leading-snug text-text-primary\">\n              {oralHistory.title}\n            </h3>\n            {narrator && <p className=\"mt-0.5 text-sm text-text-secondary\">{narrator}</p>}\n          </div>\n          <div className=\"flex flex-wrap items-center gap-1.5\">\n            {oralHistory.language && (\n              <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n                <Globe className=\"h-3 w-3\" aria-hidden=\"true\" />{' '}\n                {formatEnumLabel(oralHistory.language)}\n              </span>\n            )}\n            <StatusBadge status={oralHistory.accessLevel} />\n          </div>\n        </div>\n\n        <AudioPlayer\n          className=\"mt-3\"\n          src={recordingUrl}\n          seed={oralHistory.id || oralHistory.title}\n          durationSecs={oralHistory.durationSecs}\n        />\n\n        {excerpt && (\n          <p className=\"mt-3 border-l-2 border-[var(--color-accent-soft)] pl-3 text-sm italic leading-relaxed text-text-secondary line-clamp-2\">\n            “{excerpt}”\n          </p>\n        )}\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}