@burdenoff/microfe-theculturepost 2026.704.2 → 2026.705.2

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

@@ -1,156 +1,171 @@
 import { useTheCulturePost as e } from "../../context/TheCulturePostContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { ErrorView as n, LoadingView as r, Section as i } from "../../components/StateViews.js";
 import "../../context/index.js";
-import { CoverImage as a } from "../../components/CoverImage.js";
-import { formatNumber as o } from "../../utils/formatters.js";
-import { EmptyState as s } from "../../components/EmptyState.js";
-import { useTcpCollection as c } from "../../hooks/useTcpApi.js";
+import { PageHero as t } from "../../components/PageHero.js";
+import { ErrorView as n, LoadingView as r } from "../../components/StateViews.js";
+import { formatNumber as i } from "../../utils/formatters.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { useTcpCollection as o } from "../../hooks/useTcpApi.js";
 import "../../hooks/index.js";
-import { ArchiveItemCard as l } from "../../components/ArchiveItemCard.js";
-import { OralHistoryCard as u } from "../../components/OralHistoryCard.js";
-import { CreateArchiveItemDialog as d } from "../../components/CreateArchiveItemDialog.js";
-import { RecordOralHistoryDialog as f } from "../../components/RecordOralHistoryDialog.js";
-import { useState as p } from "react";
-import { ArrowLeft as m, AudioLines as h, Boxes as g, Library as _, Plus as v } from "lucide-react";
-import { useParams as y } from "react-router-dom";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Button as S, GlassCard as C } from "@burdenoff/fe-libs/ui";
+import { DecorativeDivider as s } from "../../components/DecorativeDivider.js";
+import { ArchiveItemCard as c } from "../../components/ArchiveItemCard.js";
+import { RecordOralHistoryDialog as l } from "../../components/RecordOralHistoryDialog.js";
+import { CreateArchiveItemDialog as u } from "../../components/CreateArchiveItemDialog.js";
+import { OralHistoryPlayerRow as d } from "./ArchivePage.js";
+import { useState as f } from "react";
+import { AudioLines as p, Boxes as m, Mic as h, Plus as g } from "lucide-react";
+import { useParams as _ } from "react-router-dom";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Button as x, GlassCard as S } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/pages/archive/CollectionDetailPage.tsx
-function w() {
-	let { id: w } = y(), { navigateTo: T } = e(), { data: E, isLoading: D, isError: O, refetch: k } = c(w), [A, j] = p(!1), [M, N] = p(!1), P = /* @__PURE__ */ x(S, {
-		variant: "ghost",
-		size: "sm",
-		onClick: () => T("archive"),
-		children: [/* @__PURE__ */ b(m, { className: "mr-1.5 h-4 w-4" }), " Back"]
-	});
-	if (D) return /* @__PURE__ */ b(t, {
-		title: "Collection",
-		actions: P,
-		children: /* @__PURE__ */ b(r, { label: "Loading collection…" })
-	});
-	if (O || !E) return /* @__PURE__ */ b(t, {
-		title: "Collection",
-		actions: P,
-		children: /* @__PURE__ */ b(n, {
-			title: "Collection not found",
-			message: "This collection may have been removed, or you may not have access.",
-			onRetry: () => k()
+function C({ children: e }) {
+	return /* @__PURE__ */ y("div", {
+		className: "flex h-full flex-col",
+		children: /* @__PURE__ */ y("div", {
+			className: "flex-1 overflow-auto",
+			children: /* @__PURE__ */ y("div", {
+				className: "mx-auto flex w-full max-w-6xl flex-col gap-6 p-4 sm:p-6",
+				children: e
+			})
 		})
 	});
+}
+function w() {
+	let { id: w } = _(), { navigateTo: T } = e(), { data: E, isLoading: D, isError: O, refetch: k } = o(w), [A, j] = f(!1), [M, N] = f(!1), P = () => T("archive");
+	if (D) return /* @__PURE__ */ y(C, { children: /* @__PURE__ */ y(r, { label: "Loading collection…" }) });
+	if (O || !E) return /* @__PURE__ */ y(C, { children: /* @__PURE__ */ y(n, {
+		title: "Collection not found",
+		message: "This collection may have been removed, or you may not have access.",
+		onRetry: () => k()
+	}) });
 	let F = E.items ?? [], I = E.oralHistories ?? [];
-	return /* @__PURE__ */ x(t, {
-		title: E.name,
-		actions: P,
-		children: [
-			/* @__PURE__ */ x("div", {
-				className: "mx-auto flex max-w-6xl flex-col gap-6",
-				children: [
-					/* @__PURE__ */ x(C, {
-						treatment: "plain",
-						className: "flex flex-col gap-4 overflow-hidden p-0 sm:flex-row",
-						children: [/* @__PURE__ */ b("div", {
-							className: "sm:w-64 sm:shrink-0",
-							children: /* @__PURE__ */ b(a, {
-								fileId: E.cover?.id,
-								alt: E.name,
-								rounded: "rounded-none",
-								className: "aspect-[3/2] w-full sm:h-full",
-								icon: /* @__PURE__ */ b(_, { className: "h-10 w-10" })
-							})
-						}), /* @__PURE__ */ x("div", {
-							className: "flex flex-1 flex-col gap-2 p-5 sm:p-6",
-							children: [
-								E.tradition && /* @__PURE__ */ b("span", {
-									className: "text-sm font-medium text-text-secondary",
-									children: E.tradition
-								}),
-								E.description && /* @__PURE__ */ b("p", {
-									className: "whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
-									children: E.description
-								}),
-								/* @__PURE__ */ x("div", {
-									className: "mt-auto flex flex-wrap items-center gap-4 pt-2 text-sm text-text-tertiary",
-									children: [/* @__PURE__ */ x("span", {
-										className: "inline-flex items-center gap-1.5",
-										children: [
-											/* @__PURE__ */ b(g, { className: "h-4 w-4" }),
-											" ",
-											o(E.itemCount),
-											" artifacts"
-										]
-									}), /* @__PURE__ */ x("span", {
-										className: "inline-flex items-center gap-1.5",
-										children: [
-											/* @__PURE__ */ b(h, { className: "h-4 w-4" }),
-											" ",
-											o(I.length),
-											" oral histories"
-										]
-									})]
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ b(i, {
-						title: "Artifacts",
-						action: /* @__PURE__ */ x(S, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => j(!0),
-							children: [/* @__PURE__ */ b(v, { className: "mr-1.5 h-4 w-4" }), " Add artifact"]
+	return /* @__PURE__ */ b(C, { children: [
+		/* @__PURE__ */ y(t, {
+			eyebrow: "Collection",
+			title: E.name,
+			description: E.description ?? void 0,
+			coverFileId: E.cover?.id,
+			backAction: {
+				label: "Archive",
+				onClick: P
+			},
+			meta: /* @__PURE__ */ b(v, { children: [
+				E.tradition && /* @__PURE__ */ y("span", {
+					className: "inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
+					children: E.tradition
+				}),
+				/* @__PURE__ */ b("span", {
+					className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary",
+					children: [
+						/* @__PURE__ */ y(m, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
 						}),
-						children: F.length === 0 ? /* @__PURE__ */ b(s, {
-							icon: /* @__PURE__ */ b(g, { className: "h-9 w-9" }),
-							title: "No artifacts in this collection",
-							description: "Add the first artifact to this collection.",
-							action: /* @__PURE__ */ x(S, {
-								onClick: () => j(!0),
-								children: [/* @__PURE__ */ b(v, { className: "mr-1.5 h-4 w-4" }), " Add artifact"]
-							})
-						}) : /* @__PURE__ */ b("div", {
-							className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-							children: F.map((e) => /* @__PURE__ */ b(l, {
-								item: e,
-								onOpen: () => T(`archive/items/${e.id}`)
-							}, e.id))
-						})
-					}),
-					/* @__PURE__ */ b(i, {
-						title: "Oral histories",
-						action: /* @__PURE__ */ x(S, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => N(!0),
-							children: [/* @__PURE__ */ b(v, { className: "mr-1.5 h-4 w-4" }), " Record"]
+						" ",
+						i(E.itemCount),
+						" ",
+						E.itemCount === 1 ? "item" : "items"
+					]
+				}),
+				/* @__PURE__ */ b("span", {
+					className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary",
+					children: [
+						/* @__PURE__ */ y(p, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
 						}),
-						children: I.length === 0 ? /* @__PURE__ */ b(s, {
-							icon: /* @__PURE__ */ b(h, { className: "h-9 w-9" }),
-							title: "No oral histories yet",
-							description: "Record a first-person account for this collection.",
-							action: /* @__PURE__ */ x(S, {
-								onClick: () => N(!0),
-								children: [/* @__PURE__ */ b(v, { className: "mr-1.5 h-4 w-4" }), " Record"]
-							})
-						}) : /* @__PURE__ */ b("div", {
-							className: "grid gap-4 lg:grid-cols-2",
-							children: I.map((e) => /* @__PURE__ */ b(u, { oralHistory: e }, e.id))
-						})
+						" ",
+						i(I.length),
+						" ",
+						I.length === 1 ? "oral history" : "oral histories"
+					]
+				})
+			] }),
+			actions: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(x, {
+				onClick: () => j(!0),
+				children: [/* @__PURE__ */ y(g, { className: "mr-1.5 h-4 w-4" }), " Add artifact"]
+			}), /* @__PURE__ */ b(x, {
+				variant: "outline",
+				onClick: () => N(!0),
+				children: [/* @__PURE__ */ y(h, { className: "mr-1.5 h-4 w-4" }), " Record"]
+			})] })
+		}),
+		/* @__PURE__ */ y(s, { className: "py-2" }),
+		/* @__PURE__ */ b("div", {
+			className: "grid gap-6 lg:grid-cols-2",
+			children: [/* @__PURE__ */ b(S, {
+				treatment: "plain",
+				className: "flex flex-col gap-4 p-5",
+				children: [/* @__PURE__ */ b("div", {
+					className: "flex items-center justify-between gap-3",
+					children: [/* @__PURE__ */ b("h2", {
+						className: "flex items-center gap-2 font-display text-lg font-semibold text-text-primary",
+						children: [/* @__PURE__ */ y(m, {
+							className: "h-5 w-5 text-accent",
+							"aria-hidden": "true"
+						}), " Items"]
+					}), /* @__PURE__ */ b(x, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => j(!0),
+						children: [/* @__PURE__ */ y(g, { className: "mr-1.5 h-4 w-4" }), " Add"]
+					})]
+				}), F.length === 0 ? /* @__PURE__ */ y(a, {
+					icon: /* @__PURE__ */ y(m, { className: "h-9 w-9" }),
+					title: "No artifacts in this collection",
+					description: "Add the first artifact to this collection.",
+					action: /* @__PURE__ */ b(x, {
+						onClick: () => j(!0),
+						children: [/* @__PURE__ */ y(g, { className: "mr-1.5 h-4 w-4" }), " Add artifact"]
 					})
-				]
-			}),
-			/* @__PURE__ */ b(d, {
-				open: A,
-				onOpenChange: j,
-				collectionId: E.id
-			}),
-			/* @__PURE__ */ b(f, {
-				open: M,
-				onOpenChange: N,
-				collectionId: E.id
-			})
-		]
-	});
+				}) : /* @__PURE__ */ y("div", {
+					className: "grid gap-4 sm:grid-cols-2",
+					children: F.map((e) => /* @__PURE__ */ y(c, {
+						item: e,
+						onOpen: () => T(`archive/items/${e.id}`)
+					}, e.id))
+				})]
+			}), /* @__PURE__ */ b(S, {
+				treatment: "plain",
+				className: "flex flex-col gap-4 p-5",
+				children: [/* @__PURE__ */ b("div", {
+					className: "flex items-center justify-between gap-3",
+					children: [/* @__PURE__ */ b("h2", {
+						className: "flex items-center gap-2 font-display text-lg font-semibold text-text-primary",
+						children: [/* @__PURE__ */ y(p, {
+							className: "h-5 w-5 text-accent",
+							"aria-hidden": "true"
+						}), " Oral histories"]
+					}), /* @__PURE__ */ b(x, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => N(!0),
+						children: [/* @__PURE__ */ y(h, { className: "mr-1.5 h-4 w-4" }), " Record"]
+					})]
+				}), I.length === 0 ? /* @__PURE__ */ y(a, {
+					icon: /* @__PURE__ */ y(p, { className: "h-9 w-9" }),
+					title: "No oral histories yet",
+					description: "Record a first-person account for this collection.",
+					action: /* @__PURE__ */ b(x, {
+						onClick: () => N(!0),
+						children: [/* @__PURE__ */ y(h, { className: "mr-1.5 h-4 w-4" }), " Record"]
+					})
+				}) : /* @__PURE__ */ y("div", {
+					className: "flex flex-col gap-4",
+					children: I.map((e) => /* @__PURE__ */ y(d, { oralHistory: e }, e.id))
+				})]
+			})]
+		}),
+		/* @__PURE__ */ y(u, {
+			open: A,
+			onOpenChange: j,
+			collectionId: E.id
+		}),
+		/* @__PURE__ */ y(l, {
+			open: M,
+			onOpenChange: N,
+			collectionId: E.id
+		})
+	] });
 }
 //#endregion
 export { w as CollectionDetailPage };

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionDetailPage.js","names":[],"sources":["../../../../src/theculturepost/pages/archive/CollectionDetailPage.tsx"],"sourcesContent":["/**\n * CollectionDetailPage — a single archive collection.\n * @module theculturepost/pages/archive\n *\n * Reads `tcpCollection` (with its items + oral histories). Adding an artifact or\n * recording an oral history is pre-scoped to this collection.\n */\n\nimport { useState } from 'react';\nimport { ArrowLeft, Library, Boxes, AudioLines, Plus } from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { CoverImage } from '../../components/CoverImage';\nimport { ArchiveItemCard } from '../../components/ArchiveItemCard';\nimport { OralHistoryCard } from '../../components/OralHistoryCard';\nimport { CreateArchiveItemDialog } from '../../components/CreateArchiveItemDialog';\nimport { RecordOralHistoryDialog } from '../../components/RecordOralHistoryDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView, Section } from '../../components/StateViews';\nimport { useTcpCollection } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { formatNumber } from '../../utils/formatters';\nimport { useParams } from 'react-router-dom';\n\nexport function CollectionDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useTheCulturePost();\n  const { data: collection, isLoading, isError, refetch } = useTcpCollection(id);\n  const [addItemOpen, setAddItemOpen] = useState(false);\n  const [recordOpen, setRecordOpen] = useState(false);\n\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('archive')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Collection\" actions={backButton}>\n        <LoadingView label=\"Loading collection…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !collection) {\n    return (\n      <PageLayout title=\"Collection\" actions={backButton}>\n        <ErrorView\n          title=\"Collection not found\"\n          message=\"This collection may have been removed, or you may not have access.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const items = collection.items ?? [];\n  const oralHistories = collection.oralHistories ?? [];\n\n  return (\n    <PageLayout title={collection.name} actions={backButton}>\n      <div className=\"mx-auto flex max-w-6xl flex-col gap-6\">\n        <GlassCard\n          treatment=\"plain\"\n          className=\"flex flex-col gap-4 overflow-hidden p-0 sm:flex-row\"\n        >\n          <div className=\"sm:w-64 sm:shrink-0\">\n            <CoverImage\n              fileId={collection.cover?.id}\n              alt={collection.name}\n              rounded=\"rounded-none\"\n              className=\"aspect-[3/2] w-full sm:h-full\"\n              icon={<Library className=\"h-10 w-10\" />}\n            />\n          </div>\n          <div className=\"flex flex-1 flex-col gap-2 p-5 sm:p-6\">\n            {collection.tradition && (\n              <span className=\"text-sm font-medium text-text-secondary\">\n                {collection.tradition}\n              </span>\n            )}\n            {collection.description && (\n              <p className=\"whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {collection.description}\n              </p>\n            )}\n            <div className=\"mt-auto flex flex-wrap items-center gap-4 pt-2 text-sm text-text-tertiary\">\n              <span className=\"inline-flex items-center gap-1.5\">\n                <Boxes className=\"h-4 w-4\" /> {formatNumber(collection.itemCount)} artifacts\n              </span>\n              <span className=\"inline-flex items-center gap-1.5\">\n                <AudioLines className=\"h-4 w-4\" /> {formatNumber(oralHistories.length)} oral\n                histories\n              </span>\n            </div>\n          </div>\n        </GlassCard>\n\n        <Section\n          title=\"Artifacts\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setAddItemOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Add artifact\n            </Button>\n          }\n        >\n          {items.length === 0 ? (\n            <EmptyState\n              icon={<Boxes className=\"h-9 w-9\" />}\n              title=\"No artifacts in this collection\"\n              description=\"Add the first artifact to this collection.\"\n              action={\n                <Button onClick={() => setAddItemOpen(true)}>\n                  <Plus className=\"mr-1.5 h-4 w-4\" /> Add artifact\n                </Button>\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          )}\n        </Section>\n\n        <Section\n          title=\"Oral histories\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setRecordOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Record\n            </Button>\n          }\n        >\n          {oralHistories.length === 0 ? (\n            <EmptyState\n              icon={<AudioLines className=\"h-9 w-9\" />}\n              title=\"No oral histories yet\"\n              description=\"Record a first-person account for this collection.\"\n              action={\n                <Button onClick={() => setRecordOpen(true)}>\n                  <Plus className=\"mr-1.5 h-4 w-4\" /> Record\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        </Section>\n      </div>\n\n      <CreateArchiveItemDialog\n        open={addItemOpen}\n        onOpenChange={setAddItemOpen}\n        collectionId={collection.id}\n      />\n      <RecordOralHistoryDialog\n        open={recordOpen}\n        onOpenChange={setRecordOpen}\n        collectionId={collection.id}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CollectionDetailPage.js","names":[],"sources":["../../../../src/theculturepost/pages/archive/CollectionDetailPage.tsx"],"sourcesContent":["/**\n * CollectionDetailPage — a single archive collection.\n * @module theculturepost/pages/archive\n *\n * Reads `tcpCollection` (with its items + oral histories). An editorial\n * {@link PageHero} shows the real cover (collections DO carry a cover file), with\n * real counts (itemCount, oralHistories.length). Two panels below list the\n * artifacts and the listenable oral histories. Adding an artifact or recording an\n * oral history is pre-scoped to this collection.\n */\n\nimport { useState } from 'react';\nimport { Boxes, AudioLines, Plus, Mic } from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { useParams } from 'react-router-dom';\nimport { PageHero } from '../../components/PageHero';\nimport { DecorativeDivider } from '../../components/DecorativeDivider';\nimport { ArchiveItemCard } from '../../components/ArchiveItemCard';\nimport { CreateArchiveItemDialog } from '../../components/CreateArchiveItemDialog';\nimport { RecordOralHistoryDialog } from '../../components/RecordOralHistoryDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { OralHistoryPlayerRow } from './ArchivePage';\nimport { useTcpCollection } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { formatNumber } from '../../utils/formatters';\n\nfunction Shell({ children }: { children: React.ReactNode }) {\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\">{children}</div>\n      </div>\n    </div>\n  );\n}\n\nexport function CollectionDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useTheCulturePost();\n  const { data: collection, isLoading, isError, refetch } = useTcpCollection(id);\n  const [addItemOpen, setAddItemOpen] = useState(false);\n  const [recordOpen, setRecordOpen] = useState(false);\n\n  const goBack = () => navigateTo('archive');\n\n  if (isLoading) {\n    return (\n      <Shell>\n        <LoadingView label=\"Loading collection…\" />\n      </Shell>\n    );\n  }\n\n  if (isError || !collection) {\n    return (\n      <Shell>\n        <ErrorView\n          title=\"Collection not found\"\n          message=\"This collection may have been removed, or you may not have access.\"\n          onRetry={() => refetch()}\n        />\n      </Shell>\n    );\n  }\n\n  const items = collection.items ?? [];\n  const oralHistories = collection.oralHistories ?? [];\n\n  return (\n    <Shell>\n      <PageHero\n        eyebrow=\"Collection\"\n        title={collection.name}\n        description={collection.description ?? undefined}\n        coverFileId={collection.cover?.id}\n        backAction={{ label: 'Archive', onClick: goBack }}\n        meta={\n          <>\n            {collection.tradition && (\n              <span className=\"inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n                {collection.tradition}\n              </span>\n            )}\n            <span className=\"inline-flex items-center gap-1.5 text-sm text-text-tertiary\">\n              <Boxes className=\"h-4 w-4\" aria-hidden=\"true\" /> {formatNumber(collection.itemCount)}{' '}\n              {collection.itemCount === 1 ? 'item' : 'items'}\n            </span>\n            <span className=\"inline-flex items-center gap-1.5 text-sm text-text-tertiary\">\n              <AudioLines className=\"h-4 w-4\" aria-hidden=\"true\" />{' '}\n              {formatNumber(oralHistories.length)}{' '}\n              {oralHistories.length === 1 ? 'oral history' : 'oral histories'}\n            </span>\n          </>\n        }\n        actions={\n          <>\n            <Button onClick={() => setAddItemOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Add artifact\n            </Button>\n            <Button variant=\"outline\" onClick={() => setRecordOpen(true)}>\n              <Mic className=\"mr-1.5 h-4 w-4\" /> Record\n            </Button>\n          </>\n        }\n      />\n\n      <DecorativeDivider className=\"py-2\" />\n\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        {/* Items */}\n        <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5\">\n          <div className=\"flex items-center justify-between gap-3\">\n            <h2 className=\"flex items-center gap-2 font-display text-lg font-semibold text-text-primary\">\n              <Boxes className=\"h-5 w-5 text-accent\" aria-hidden=\"true\" /> Items\n            </h2>\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setAddItemOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Add\n            </Button>\n          </div>\n          {items.length === 0 ? (\n            <EmptyState\n              icon={<Boxes className=\"h-9 w-9\" />}\n              title=\"No artifacts in this collection\"\n              description=\"Add the first artifact to this collection.\"\n              action={\n                <Button onClick={() => setAddItemOpen(true)}>\n                  <Plus className=\"mr-1.5 h-4 w-4\" /> Add artifact\n                </Button>\n              }\n            />\n          ) : (\n            <div className=\"grid gap-4 sm:grid-cols-2\">\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          )}\n        </GlassCard>\n\n        {/* Oral histories */}\n        <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5\">\n          <div className=\"flex items-center justify-between gap-3\">\n            <h2 className=\"flex items-center gap-2 font-display text-lg font-semibold text-text-primary\">\n              <AudioLines className=\"h-5 w-5 text-accent\" aria-hidden=\"true\" /> Oral histories\n            </h2>\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setRecordOpen(true)}>\n              <Mic className=\"mr-1.5 h-4 w-4\" /> Record\n            </Button>\n          </div>\n          {oralHistories.length === 0 ? (\n            <EmptyState\n              icon={<AudioLines className=\"h-9 w-9\" />}\n              title=\"No oral histories yet\"\n              description=\"Record a first-person account for this collection.\"\n              action={\n                <Button onClick={() => setRecordOpen(true)}>\n                  <Mic className=\"mr-1.5 h-4 w-4\" /> Record\n                </Button>\n              }\n            />\n          ) : (\n            <div className=\"flex flex-col gap-4\">\n              {oralHistories.map((oralHistory) => (\n                <OralHistoryPlayerRow key={oralHistory.id} oralHistory={oralHistory} />\n              ))}\n            </div>\n          )}\n        </GlassCard>\n      </div>\n\n      <CreateArchiveItemDialog\n        open={addItemOpen}\n        onOpenChange={setAddItemOpen}\n        collectionId={collection.id}\n      />\n      <RecordOralHistoryDialog\n        open={recordOpen}\n        onOpenChange={setRecordOpen}\n        collectionId={collection.id}\n      />\n    </Shell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BA,SAAS,EAAM,EAAE,eAA2C;AAC1D,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;IAA2D;IAAe,CAAA;GACrF,CAAA;EACF,CAAA;;AAIV,SAAgB,IAAuB;CACrC,IAAM,EAAE,UAAO,GAA2B,EACpC,EAAE,kBAAe,GAAmB,EACpC,EAAE,MAAM,GAAY,cAAW,YAAS,eAAY,EAAiB,EAAG,EACxE,CAAC,GAAa,KAAkB,EAAS,GAAM,EAC/C,CAAC,GAAY,KAAiB,EAAS,GAAM,EAE7C,UAAe,EAAW,UAAU;AAE1C,KAAI,EACF,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,OAAM,uBAAwB,CAAA,EACrC,CAAA;AAIZ,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAM;EACN,SAAQ;EACR,eAAe,GAAS;EACxB,CAAA,EACI,CAAA;CAIZ,IAAM,IAAQ,EAAW,SAAS,EAAE,EAC9B,IAAgB,EAAW,iBAAiB,EAAE;AAEpD,QACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAO,EAAW;GAClB,aAAa,EAAW,eAAe,KAAA;GACvC,aAAa,EAAW,OAAO;GAC/B,YAAY;IAAE,OAAO;IAAW,SAAS;IAAQ;GACjD,MACE,kBAAA,GAAA,EAAA,UAAA;IACG,EAAW,aACV,kBAAC,QAAD;KAAM,WAAU;eACb,EAAW;KACP,CAAA;IAET,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACE,kBAAC,GAAD;OAAO,WAAU;OAAU,eAAY;OAAS,CAAA;;MAAE,EAAa,EAAW,UAAU;MAAE;MACrF,EAAW,cAAc,IAAI,SAAS;MAClC;;IACP,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACE,kBAAC,GAAD;OAAY,WAAU;OAAU,eAAY;OAAS,CAAA;MAAC;MACrD,EAAa,EAAc,OAAO;MAAE;MACpC,EAAc,WAAW,IAAI,iBAAiB;MAC1C;;IACN,EAAA,CAAA;GAEL,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAQ,eAAe,EAAe,GAAK;cAA3C,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,gBAC5B;OACT,kBAAC,GAAD;IAAQ,SAAQ;IAAU,eAAe,EAAc,GAAK;cAA5D,CACE,kBAAC,GAAD,EAAK,WAAU,kBAAmB,CAAA,EAAA,UAC3B;MACR,EAAA,CAAA;GAEL,CAAA;EAEF,kBAAC,GAAD,EAAmB,WAAU,QAAS,CAAA;EAEtC,kBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cAAvC,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAd,CACE,kBAAC,GAAD;OAAO,WAAU;OAAsB,eAAY;OAAS,CAAA,EAAA,SACzD;SACL,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,eAAe,EAAe,GAAK;gBAAvE,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,OAC5B;QACL;QACL,EAAM,WAAW,IAChB,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,OAAM;KACN,aAAY;KACZ,QACE,kBAAC,GAAD;MAAQ,eAAe,EAAe,GAAK;gBAA3C,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,gBAC5B;;KAEX,CAAA,GAEF,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,MACV,kBAAC,GAAD;MAEQ;MACN,cAAc,EAAW,iBAAiB,EAAK,KAAK;MACpD,EAHK,EAAK,GAGV,CACF;KACE,CAAA,CAEE;OAGZ,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cAAvC,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAd,CACE,kBAAC,GAAD;OAAY,WAAU;OAAsB,eAAY;OAAS,CAAA,EAAA,kBAC9D;SACL,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,eAAe,EAAc,GAAK;gBAAtE,CACE,kBAAC,GAAD,EAAK,WAAU,kBAAmB,CAAA,EAAA,UAC3B;QACL;QACL,EAAc,WAAW,IACxB,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,OAAM;KACN,aAAY;KACZ,QACE,kBAAC,GAAD;MAAQ,eAAe,EAAc,GAAK;gBAA1C,CACE,kBAAC,GAAD,EAAK,WAAU,kBAAmB,CAAA,EAAA,UAC3B;;KAEX,CAAA,GAEF,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAc,KAAK,MAClB,kBAAC,GAAD,EAAwD,gBAAe,EAA5C,EAAY,GAAgC,CACvE;KACE,CAAA,CAEE;MACR;;EAEN,kBAAC,GAAD;GACE,MAAM;GACN,cAAc;GACd,cAAc,EAAW;GACzB,CAAA;EACF,kBAAC,GAAD;GACE,MAAM;GACN,cAAc;GACd,cAAc,EAAW;GACzB,CAAA;EACI,EAAA,CAAA"}