@burdenoff/microfe-theculturepost 2026.705.2 → 2026.709.2

package/dist/theculturepost/pages/HomePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/theculturepost/pages/HomePage.tsx"],"sourcesContent":["/**\n * HomePage — the editorial-magazine landing for TheCulturePost.\n * @module theculturepost/pages\n *\n * Layout: a decorative {@link PageHero}, then a two-column magazine grid —\n *  - main column: \"Featured topics\" ({@link TopicCard}) + \"Latest published\n *    stories\" ({@link StoryCard} status:PUBLISHED)\n *  - right rail (compact): \"Active discussions\" (status:APPROVED) rows +\n *    \"From the archive\" collection thumbnails.\n *\n * Every surface links into its section and shows an honest empty state when it\n * has no data. Only real schema fields are rendered — no fabricated metrics,\n * avatars or imagery (topics/discussions use token-only decorative motifs).\n */\n\nimport type { ReactNode } from 'react';\nimport {\n  BookOpen,\n  Compass,\n  MessagesSquare,\n  Library,\n  Layers,\n  HeartHandshake,\n  ArrowRight,\n} from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { PageHero } from '../components/PageHero';\nimport { LoadingView } from '../components/StateViews';\nimport { StoryCard } from '../components/StoryCard';\nimport { TopicCard } from '../components/TopicCard';\nimport { CoverImage } from '../components/CoverImage';\nimport { OverlayBadge } from '../components/OverlayBadge';\nimport { EmptyState } from '../components/EmptyState';\nimport { useTcpTopics, useTcpStories, useTcpDiscussions, useTcpCollections } from '../hooks';\nimport { useTheCulturePost } from '../context';\nimport { formatNumber, formatRelativeTime } from '../utils/formatters';\nimport type { TcpDiscussion, TcpCollection } from '../types';\n\n// ---------------------------------------------------------------------------\n// Small presentational helpers (home-only; kept inline)\n// ---------------------------------------------------------------------------\n\nfunction SectionLink({ label, onClick }: { label: string; onClick: () => void }) {\n  return (\n    <Button variant=\"ghost\" size=\"sm\" onClick={onClick} className=\"shrink-0\">\n      {label} <ArrowRight className=\"ml-1 h-4 w-4\" aria-hidden=\"true\" />\n    </Button>\n  );\n}\n\n/** A magazine section header (serif) for the main reading column. */\nfunction MagSection({\n  title,\n  description,\n  action,\n  children,\n}: {\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"flex flex-col gap-4\">\n      <div className=\"flex items-end justify-between gap-3 border-b border-border-seam pb-3\">\n        <div className=\"min-w-0\">\n          <h2 className=\"font-display text-xl font-semibold leading-tight text-text-primary sm:text-2xl\">\n            {title}\n          </h2>\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {action}\n      </div>\n      {children}\n    </section>\n  );\n}\n\n/** A bordered panel for the compact right rail. */\nfunction RailSection({\n  title,\n  action,\n  children,\n}: {\n  title: string;\n  action?: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-4\">\n      <div className=\"mb-3 flex items-center justify-between gap-2\">\n        <h3 className=\"text-xs font-semibold uppercase tracking-[0.12em] text-text-secondary\">\n          {title}\n        </h3>\n        {action}\n      </div>\n      {children}\n    </section>\n  );\n}\n\n/** A compact discussion row for the rail — real fields only. */\nfunction DiscussionRow({ discussion, onOpen }: { discussion: TcpDiscussion; onOpen: () => void }) {\n  const Icon = discussion.isInterfaith ? HeartHandshake : MessagesSquare;\n  return (\n    <button\n      type=\"button\"\n      onClick={onOpen}\n      className=\"group flex w-full items-start gap-3 rounded-xl px-2 py-2.5 text-left transition-colors hover:bg-bg-sunken\"\n    >\n      <span\n        className=\"mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-accent\"\n        aria-hidden=\"true\"\n      >\n        <Icon className=\"h-4 w-4\" />\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"line-clamp-2 text-sm font-medium text-text-primary group-hover:text-accent\">\n          {discussion.title}\n        </span>\n        <span className=\"mt-1 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-xs text-text-tertiary\">\n          {discussion.isInterfaith && (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-1.5 py-0.5 font-medium text-text-primary\">\n              <HeartHandshake className=\"h-3 w-3\" aria-hidden=\"true\" /> Interfaith\n            </span>\n          )}\n          <span className=\"inline-flex items-center gap-1\">\n            <MessagesSquare className=\"h-3 w-3\" aria-hidden=\"true\" />\n            {formatNumber(discussion.replyCount)}\n          </span>\n          <span>{formatRelativeTime(discussion.updatedAt)}</span>\n        </span>\n      </span>\n    </button>\n  );\n}\n\n/** A compact archive-collection thumbnail for the rail (real itemCount only). */\nfunction ArchiveThumb({ collection, onOpen }: { collection: TcpCollection; onOpen: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onOpen}\n      aria-label={`Open ${collection.name}`}\n      className=\"group flex flex-col gap-2 text-left\"\n    >\n      <span className=\"relative block aspect-square w-full overflow-hidden rounded-xl\">\n        <CoverImage\n          fileId={collection.cover?.id}\n          alt={collection.name}\n          rounded=\"rounded-none\"\n          className=\"h-full w-full transition-transform duration-500 group-hover:scale-[1.03]\"\n          icon={<Library className=\"h-6 w-6\" />}\n        />\n        <OverlayBadge position=\"bottom-right\" icon={<Layers className=\"h-3 w-3\" />}>\n          {formatNumber(collection.itemCount)}\n        </OverlayBadge>\n      </span>\n      <span className=\"min-w-0\">\n        <span className=\"block truncate font-display text-sm font-semibold text-text-primary group-hover:text-accent\">\n          {collection.name}\n        </span>\n        {collection.tradition && (\n          <span className=\"block truncate text-xs text-text-tertiary\">{collection.tradition}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Page\n// ---------------------------------------------------------------------------\n\nexport function HomePage() {\n  const { navigateTo } = useTheCulturePost();\n\n  const topicsQuery = useTcpTopics({ pagination: { limit: 6 } });\n  const storiesQuery = useTcpStories({ status: 'PUBLISHED', pagination: { limit: 6 } });\n  const discussionsQuery = useTcpDiscussions({ status: 'APPROVED', pagination: { limit: 6 } });\n  const collectionsQuery = useTcpCollections({ limit: 6 });\n\n  const topics = topicsQuery.data?.items ?? [];\n  const featuredTopics = topics.filter((t) => t.isFeatured);\n  const shownTopics = (featuredTopics.length > 0 ? featuredTopics : topics).slice(0, 4);\n  const stories = storiesQuery.data?.items ?? [];\n  const discussions = discussionsQuery.data?.items ?? [];\n  const collections = collectionsQuery.data ?? [];\n\n  const anythingLoading =\n    topicsQuery.isLoading &&\n    storiesQuery.isLoading &&\n    discussionsQuery.isLoading &&\n    collectionsQuery.isLoading;\n\n  const everythingEmpty =\n    !topicsQuery.isLoading &&\n    !storiesQuery.isLoading &&\n    !discussionsQuery.isLoading &&\n    !collectionsQuery.isLoading &&\n    shownTopics.length === 0 &&\n    stories.length === 0 &&\n    discussions.length === 0 &&\n    collections.length === 0;\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <div className=\"flex-1 overflow-auto\">\n        <div className=\"mx-auto flex max-w-7xl flex-col gap-8 p-4 sm:p-6\">\n          <PageHero\n            eyebrow=\"TheCulturePost\"\n            title=\"Culture, religion, values & history — told with care\"\n            description=\"A space for respectful stories and thoughtful conversations that connect us across traditions and time — grounded in the record.\"\n            actions={\n              <Button size=\"lg\" onClick={() => navigateTo('stories')}>\n                <BookOpen className=\"mr-1.5 h-4 w-4\" aria-hidden=\"true\" /> Read stories\n              </Button>\n            }\n          />\n\n          {anythingLoading ? (\n            <LoadingView label=\"Loading the latest…\" />\n          ) : everythingEmpty ? (\n            <EmptyState\n              illustration=\"onboarding\"\n              icon={<BookOpen className=\"h-10 w-10\" />}\n              title=\"Welcome to TheCulturePost\"\n              description=\"This publication is just getting started. Curate a topic, draft a story, or begin building the archive.\"\n              action={\n                <div className=\"flex flex-wrap items-center justify-center gap-3\">\n                  <Button onClick={() => navigateTo('stories')}>\n                    <BookOpen className=\"mr-1.5 h-4 w-4\" aria-hidden=\"true\" /> Draft a story\n                  </Button>\n                  <Button variant=\"outline\" onClick={() => navigateTo('topics')}>\n                    <Compass className=\"mr-1.5 h-4 w-4\" aria-hidden=\"true\" /> Curate a topic\n                  </Button>\n                </div>\n              }\n            />\n          ) : (\n            <div className=\"grid gap-8 lg:grid-cols-3\">\n              {/* Main reading column */}\n              <div className=\"flex flex-col gap-10 lg:col-span-2\">\n                {/* Featured topics */}\n                <MagSection\n                  title=\"Featured topics\"\n                  description=\"Curated subjects across culture, faith, history and heritage.\"\n                  action={<SectionLink label=\"All topics\" onClick={() => navigateTo('topics')} />}\n                >\n                  {shownTopics.length === 0 ? (\n                    <EmptyState\n                      icon={<Compass className=\"h-9 w-9\" />}\n                      title=\"No topics yet\"\n                      description=\"Curate the first topic to organise the publication.\"\n                    />\n                  ) : (\n                    <div className=\"grid gap-4 sm:grid-cols-2\">\n                      {shownTopics.map((topic) => (\n                        <TopicCard\n                          key={topic.id}\n                          topic={topic}\n                          onOpen={() => navigateTo(`topics/${topic.id}`)}\n                        />\n                      ))}\n                    </div>\n                  )}\n                </MagSection>\n\n                {/* Latest published stories */}\n                <MagSection\n                  title=\"Latest published stories\"\n                  description=\"Freshly published pieces from the newsroom.\"\n                  action={<SectionLink label=\"All stories\" onClick={() => navigateTo('stories')} />}\n                >\n                  {stories.length === 0 ? (\n                    <EmptyState\n                      icon={<BookOpen className=\"h-9 w-9\" />}\n                      title=\"No published stories yet\"\n                      description=\"Draft a story and move it through the editorial lifecycle to publish.\"\n                    />\n                  ) : (\n                    <div className=\"grid gap-4 sm:grid-cols-2\">\n                      {stories.map((story) => (\n                        <StoryCard\n                          key={story.id}\n                          story={story}\n                          hideStatus\n                          onOpen={() => navigateTo(`stories/${story.id}`)}\n                        />\n                      ))}\n                    </div>\n                  )}\n                </MagSection>\n              </div>\n\n              {/* Compact right rail */}\n              <aside className=\"flex flex-col gap-6\">\n                {/* Active discussions */}\n                <RailSection\n                  title=\"Active discussions\"\n                  action={\n                    <button\n                      type=\"button\"\n                      onClick={() => navigateTo('discussions')}\n                      className=\"text-xs font-medium text-accent hover:underline\"\n                    >\n                      View all\n                    </button>\n                  }\n                >\n                  {discussions.length === 0 ? (\n                    <EmptyState\n                      icon={<MessagesSquare className=\"h-8 w-8\" />}\n                      title=\"No open discussions\"\n                      description=\"Open a discussion to invite thoughtful perspectives.\"\n                    />\n                  ) : (\n                    <div className=\"-mx-2 flex flex-col\">\n                      {discussions.map((discussion) => (\n                        <DiscussionRow\n                          key={discussion.id}\n                          discussion={discussion}\n                          onOpen={() => navigateTo(`discussions/${discussion.id}`)}\n                        />\n                      ))}\n                    </div>\n                  )}\n                </RailSection>\n\n                {/* From the archive */}\n                <RailSection\n                  title=\"From the archive\"\n                  action={\n                    <button\n                      type=\"button\"\n                      onClick={() => navigateTo('archive')}\n                      className=\"text-xs font-medium text-accent hover:underline\"\n                    >\n                      View all\n                    </button>\n                  }\n                >\n                  {collections.length === 0 ? (\n                    <EmptyState\n                      icon={<Library className=\"h-8 w-8\" />}\n                      title=\"The archive is empty\"\n                      description=\"Create a collection to begin preserving heritage.\"\n                    />\n                  ) : (\n                    <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                      {collections.map((collection) => (\n                        <ArchiveThumb\n                          key={collection.id}\n                          collection={collection}\n                          onOpen={() => navigateTo(`archive/collections/${collection.id}`)}\n                        />\n                      ))}\n                    </div>\n                  )}\n                </RailSection>\n              </aside>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/theculturepost/pages/HomePage.tsx"],"sourcesContent":["/**\n * HomePage — the editorial-magazine landing for TheCulturePost.\n * @module theculturepost/pages\n *\n * Layout: a decorative {@link PageHero}, then a two-column magazine grid —\n *  - main column: \"Featured topics\" ({@link TopicCard}) + \"Latest published\n *    stories\" ({@link StoryCard} status:PUBLISHED)\n *  - right rail (compact): \"Active discussions\" (status:APPROVED) rows +\n *    \"From the archive\" collection thumbnails.\n *\n * Every surface links into its section and shows an honest empty state when it\n * has no data. Only real schema fields are rendered — no fabricated metrics,\n * avatars or imagery (topics/discussions use token-only decorative motifs).\n */\n\nimport type { ReactNode } from 'react';\nimport {\n  BookOpen,\n  Compass,\n  MessagesSquare,\n  Library,\n  Layers,\n  HeartHandshake,\n  ArrowRight,\n} from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { PageHero } from '../components/PageHero';\nimport { LoadingView } from '../components/StateViews';\nimport { StoryCard } from '../components/StoryCard';\nimport { TopicCard } from '../components/TopicCard';\nimport { CoverImage } from '../components/CoverImage';\nimport { OverlayBadge } from '../components/OverlayBadge';\nimport { EmptyState } from '../components/EmptyState';\nimport { useTcpTopics, useTcpStories, useTcpDiscussions, useTcpCollections } from '../hooks';\nimport { useTheCulturePost } from '../context';\nimport { formatNumber, formatRelativeTime } from '../utils/formatters';\nimport type { TcpDiscussion, TcpCollection } from '../types';\n\n// ---------------------------------------------------------------------------\n// Small presentational helpers (home-only; kept inline)\n// ---------------------------------------------------------------------------\n\nfunction SectionLink({ label, onClick }: { label: string; onClick: () => void }) {\n  return (\n    <Button variant=\"ghost\" size=\"sm\" onClick={onClick} className=\"shrink-0\">\n      {label} <ArrowRight className=\"ml-1 h-4 w-4\" aria-hidden=\"true\" />\n    </Button>\n  );\n}\n\n/** A magazine section header (serif) for the main reading column. */\nfunction MagSection({\n  title,\n  description,\n  action,\n  children,\n}: {\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"flex flex-col gap-4\">\n      <div className=\"flex items-end justify-between gap-3 border-b border-border-seam pb-3\">\n        <div className=\"min-w-0\">\n          <h2 className=\"font-display text-xl font-semibold leading-tight text-text-primary sm:text-2xl\">\n            {title}\n          </h2>\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {action}\n      </div>\n      {children}\n    </section>\n  );\n}\n\n/** A bordered panel for the compact right rail. */\nfunction RailSection({\n  title,\n  action,\n  children,\n}: {\n  title: string;\n  action?: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-4\">\n      <div className=\"mb-3 flex items-center justify-between gap-2\">\n        <h3 className=\"text-xs font-semibold uppercase tracking-[0.12em] text-text-secondary\">\n          {title}\n        </h3>\n        {action}\n      </div>\n      {children}\n    </section>\n  );\n}\n\n/** A compact discussion row for the rail — real fields only. */\nfunction DiscussionRow({ discussion, onOpen }: { discussion: TcpDiscussion; onOpen: () => void }) {\n  const Icon = discussion.isInterfaith ? HeartHandshake : MessagesSquare;\n  return (\n    <button\n      type=\"button\"\n      onClick={onOpen}\n      className=\"group flex w-full items-start gap-3 rounded-xl px-2 py-2.5 text-left transition-colors hover:bg-bg-sunken\"\n    >\n      <span\n        className=\"mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-accent\"\n        aria-hidden=\"true\"\n      >\n        <Icon className=\"h-4 w-4\" />\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"line-clamp-2 text-sm font-medium text-text-primary group-hover:text-accent\">\n          {discussion.title}\n        </span>\n        <span className=\"mt-1 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-xs text-text-tertiary\">\n          {discussion.isInterfaith && (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-1.5 py-0.5 font-medium text-text-primary\">\n              <HeartHandshake className=\"h-3 w-3\" aria-hidden=\"true\" /> Interfaith\n            </span>\n          )}\n          <span className=\"inline-flex items-center gap-1\">\n            <MessagesSquare className=\"h-3 w-3\" aria-hidden=\"true\" />\n            {formatNumber(discussion.replyCount)}\n          </span>\n          <span>{formatRelativeTime(discussion.updatedAt)}</span>\n        </span>\n      </span>\n    </button>\n  );\n}\n\n/** A compact archive-collection thumbnail for the rail (real itemCount only). */\nfunction ArchiveThumb({ collection, onOpen }: { collection: TcpCollection; onOpen: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onOpen}\n      aria-label={`Open ${collection.name}`}\n      className=\"group flex flex-col gap-2 text-left\"\n    >\n      <span className=\"relative block aspect-square w-full overflow-hidden rounded-xl\">\n        <CoverImage\n          fileId={collection.cover?.id}\n          alt={collection.name}\n          rounded=\"rounded-none\"\n          className=\"h-full w-full transition-transform duration-500 group-hover:scale-[1.03]\"\n          icon={<Library className=\"h-6 w-6\" />}\n        />\n        <OverlayBadge position=\"bottom-right\" icon={<Layers className=\"h-3 w-3\" />}>\n          {formatNumber(collection.itemCount)}\n        </OverlayBadge>\n      </span>\n      <span className=\"min-w-0\">\n        <span className=\"block truncate font-display text-sm font-semibold text-text-primary group-hover:text-accent\">\n          {collection.name}\n        </span>\n        {collection.tradition && (\n          <span className=\"block truncate text-xs text-text-tertiary\">{collection.tradition}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Page\n// ---------------------------------------------------------------------------\n\nexport function HomePage() {\n  const { navigateTo } = useTheCulturePost();\n\n  const topicsQuery = useTcpTopics({ pagination: { limit: 6 } });\n  const storiesQuery = useTcpStories({ status: 'PUBLISHED', pagination: { limit: 6 } });\n  const discussionsQuery = useTcpDiscussions({ status: 'APPROVED', pagination: { limit: 6 } });\n  const collectionsQuery = useTcpCollections({ limit: 6 });\n\n  const topics = topicsQuery.data?.items ?? [];\n  const featuredTopics = topics.filter((t) => t.isFeatured);\n  const shownTopics = (featuredTopics.length > 0 ? featuredTopics : topics).slice(0, 4);\n  const stories = storiesQuery.data?.items ?? [];\n  const discussions = discussionsQuery.data?.items ?? [];\n  const collections = collectionsQuery.data ?? [];\n\n  const anythingLoading =\n    topicsQuery.isLoading &&\n    storiesQuery.isLoading &&\n    discussionsQuery.isLoading &&\n    collectionsQuery.isLoading;\n\n  const everythingEmpty =\n    !topicsQuery.isLoading &&\n    !storiesQuery.isLoading &&\n    !discussionsQuery.isLoading &&\n    !collectionsQuery.isLoading &&\n    shownTopics.length === 0 &&\n    stories.length === 0 &&\n    discussions.length === 0 &&\n    collections.length === 0;\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <div className=\"flex-1 overflow-auto\">\n        <div className=\"mx-auto flex max-w-7xl flex-col gap-8 p-4 sm:p-6\">\n          <div data-tour=\"theculturepost-home-hero\">\n            <PageHero\n              eyebrow=\"TheCulturePost\"\n              title=\"Culture, religion, values & history — told with care\"\n              description=\"A space for respectful stories and thoughtful conversations that connect us across traditions and time — grounded in the record.\"\n              actions={\n                <Button size=\"lg\" onClick={() => navigateTo('stories')}>\n                  <BookOpen className=\"mr-1.5 h-4 w-4\" aria-hidden=\"true\" /> Read stories\n                </Button>\n              }\n            />\n          </div>\n\n          {anythingLoading ? (\n            <LoadingView label=\"Loading the latest…\" />\n          ) : everythingEmpty ? (\n            <EmptyState\n              illustration=\"onboarding\"\n              icon={<BookOpen className=\"h-10 w-10\" />}\n              title=\"Welcome to TheCulturePost\"\n              description=\"This publication is just getting started. Curate a topic, draft a story, or begin building the archive.\"\n              action={\n                <div className=\"flex flex-wrap items-center justify-center gap-3\">\n                  <Button onClick={() => navigateTo('stories')}>\n                    <BookOpen className=\"mr-1.5 h-4 w-4\" aria-hidden=\"true\" /> Draft a story\n                  </Button>\n                  <Button variant=\"outline\" onClick={() => navigateTo('topics')}>\n                    <Compass className=\"mr-1.5 h-4 w-4\" aria-hidden=\"true\" /> Curate a topic\n                  </Button>\n                </div>\n              }\n            />\n          ) : (\n            <div className=\"grid gap-8 lg:grid-cols-3\">\n              {/* Main reading column */}\n              <div className=\"flex flex-col gap-10 lg:col-span-2\">\n                {/* Featured topics */}\n                <MagSection\n                  title=\"Featured topics\"\n                  description=\"Curated subjects across culture, faith, history and heritage.\"\n                  action={<SectionLink label=\"All topics\" onClick={() => navigateTo('topics')} />}\n                >\n                  <div data-tour=\"theculturepost-home-topics\">\n                    {shownTopics.length === 0 ? (\n                      <EmptyState\n                        icon={<Compass className=\"h-9 w-9\" />}\n                        title=\"No topics yet\"\n                        description=\"Curate the first topic to organise the publication.\"\n                      />\n                    ) : (\n                      <div className=\"grid gap-4 sm:grid-cols-2\">\n                        {shownTopics.map((topic) => (\n                          <TopicCard\n                            key={topic.id}\n                            topic={topic}\n                            onOpen={() => navigateTo(`topics/${topic.id}`)}\n                          />\n                        ))}\n                      </div>\n                    )}\n                  </div>\n                </MagSection>\n\n                {/* Latest published stories */}\n                <MagSection\n                  title=\"Latest published stories\"\n                  description=\"Freshly published pieces from the newsroom.\"\n                  action={<SectionLink label=\"All stories\" onClick={() => navigateTo('stories')} />}\n                >\n                  <div data-tour=\"theculturepost-home-stories\">\n                    {stories.length === 0 ? (\n                      <EmptyState\n                        icon={<BookOpen className=\"h-9 w-9\" />}\n                        title=\"No published stories yet\"\n                        description=\"Draft a story and move it through the editorial lifecycle to publish.\"\n                      />\n                    ) : (\n                      <div className=\"grid gap-4 sm:grid-cols-2\">\n                        {stories.map((story) => (\n                          <StoryCard\n                            key={story.id}\n                            story={story}\n                            hideStatus\n                            onOpen={() => navigateTo(`stories/${story.id}`)}\n                          />\n                        ))}\n                      </div>\n                    )}\n                  </div>\n                </MagSection>\n              </div>\n\n              {/* Compact right rail */}\n              <aside className=\"flex flex-col gap-6\">\n                {/* Active discussions */}\n                <div data-tour=\"theculturepost-home-discussions\">\n                  <RailSection\n                    title=\"Active discussions\"\n                    action={\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo('discussions')}\n                        className=\"text-xs font-medium text-accent hover:underline\"\n                      >\n                        View all\n                      </button>\n                    }\n                  >\n                    {discussions.length === 0 ? (\n                      <EmptyState\n                        icon={<MessagesSquare className=\"h-8 w-8\" />}\n                        title=\"No open discussions\"\n                        description=\"Open a discussion to invite thoughtful perspectives.\"\n                      />\n                    ) : (\n                      <div className=\"-mx-2 flex flex-col\">\n                        {discussions.map((discussion) => (\n                          <DiscussionRow\n                            key={discussion.id}\n                            discussion={discussion}\n                            onOpen={() => navigateTo(`discussions/${discussion.id}`)}\n                          />\n                        ))}\n                      </div>\n                    )}\n                  </RailSection>\n                </div>\n\n                {/* From the archive */}\n                <div data-tour=\"theculturepost-home-archive\">\n                  <RailSection\n                    title=\"From the archive\"\n                    action={\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo('archive')}\n                        className=\"text-xs font-medium text-accent hover:underline\"\n                      >\n                        View all\n                      </button>\n                    }\n                  >\n                    {collections.length === 0 ? (\n                      <EmptyState\n                        icon={<Library className=\"h-8 w-8\" />}\n                        title=\"The archive is empty\"\n                        description=\"Create a collection to begin preserving heritage.\"\n                      />\n                    ) : (\n                      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                        {collections.map((collection) => (\n                          <ArchiveThumb\n                            key={collection.id}\n                            collection={collection}\n                            onOpen={() => navigateTo(`archive/collections/${collection.id}`)}\n                          />\n                        ))}\n                      </div>\n                    )}\n                  </RailSection>\n                </div>\n              </aside>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/theculturepost/pages/archive/ArchiveItemDetailPage.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ArchiveItemDetailPage — a single archived artifact.
+ * @module theculturepost/pages/archive
+ *
+ * Reads `tcpArchiveItem` (with its parent collection). Two columns: a media
+ * viewer with CSS zoom + a full-screen lightbox (the schema exposes a SINGLE
+ * `file` — never a thumbnail-strip gallery) and a details panel. "Cite in a
+ * story" opens a story picker and writes an `ARCHIVAL_RECORD` citation via
+ * `tcpAddCitation`. There is no bookmark/share (the schema has neither).
+ */
+export declare function ArchiveItemDetailPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArchiveItemDetailPage.d.ts.map

package/dist/theculturepost/pages/archive/ArchiveItemDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchiveItemDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/theculturepost/pages/archive/ArchiveItemDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAwEH,wBAAgB,qBAAqB,4CAsHpC"}

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

@@ -1,15 +1,15 @@
 import { useTheCulturePost as e } from "../../context/TheCulturePostContext.js";
-import { cn as t } from "../../utils/cn.js";
 import "../../context/index.js";
+import { cn as t } from "../../utils/cn.js";
 import { useFileUrl as n } from "../../hooks/useFiles.js";
 import { ErrorView as r, LoadingView as i } from "../../components/StateViews.js";
 import { formatDate as a, formatEnumLabel as o } from "../../utils/formatters.js";
 import { StatusBadge as s } from "../../components/StatusBadge.js";
 import { useTcpAddCitation as c, useTcpArchiveItem as l, useTcpStories as u } from "../../hooks/useTcpApi.js";
 import "../../hooks/index.js";
-import { DecorativeDivider as d } from "../../components/DecorativeDivider.js";
-import { IMAGE_KINDS as f, KIND_ICON as p } from "../../components/kindIcon.js";
-import { describeError as m, notify as h } from "../../lib/toast.js";
+import { describeError as d, notify as f } from "../../lib/toast.js";
+import { DecorativeDivider as p } from "../../components/DecorativeDivider.js";
+import { IMAGE_KINDS as m, KIND_ICON as h } from "../../components/kindIcon.js";
 import { createElement as g, useEffect as _, useState as v } from "react";
 import { ArrowLeft as y, CalendarClock as b, Clock as x, Download as S, Globe as C, Landmark as w, Languages as T, Library as E, Loader2 as D, Lock as O, Maximize2 as k, Minus as A, Plus as j, Quote as M, Tag as N, Users as P, X as F } from "lucide-react";
 import { useParams as I } from "react-router-dom";
@@ -46,20 +46,20 @@ function X({ onBack: e, children: t }) {
 	});
 }
 function Z() {
-	let { id: t } = I(), { navigateTo: n } = e(), { data: c, isLoading: u, isError: f, refetch: m } = l(t), [h, _] = v(!1), y = () => n("archive");
+	let { id: t } = I(), { navigateTo: n } = e(), { data: c, isLoading: u, isError: d, refetch: f } = l(t), [m, _] = v(!1), y = () => n("archive");
 	if (u) return /* @__PURE__ */ R(X, {
 		onBack: y,
 		children: /* @__PURE__ */ R(i, { label: "Loading artifact…" })
 	});
-	if (f || !c) return /* @__PURE__ */ R(X, {
+	if (d || !c) return /* @__PURE__ */ R(X, {
 		onBack: y,
 		children: /* @__PURE__ */ R(r, {
 			title: "Artifact not found",
 			message: "This artifact may have been archived, or you may not have access.",
-			onRetry: () => m()
+			onRetry: () => f()
 		})
 	});
-	let x = c.collection, S = Y[c.accessLevel], D = p[c.kind];
+	let x = c.collection, S = Y[c.accessLevel], D = h[c.kind];
 	return /* @__PURE__ */ z(X, {
 		onBack: y,
 		children: [/* @__PURE__ */ z("div", {
@@ -85,7 +85,7 @@ function Z() {
 						className: "whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
 						children: c.description
 					}),
-					/* @__PURE__ */ R(d, { className: "py-2" }),
+					/* @__PURE__ */ R(p, { className: "py-2" }),
 					/* @__PURE__ */ z("dl", {
 						className: "flex flex-col gap-4",
 						children: [
@@ -143,7 +143,7 @@ function Z() {
 				]
 			})]
 		}), /* @__PURE__ */ R(ee, {
-			open: h,
+			open: m,
 			onOpenChange: _,
 			item: c
 		})]
@@ -169,7 +169,7 @@ function Q({ icon: e, label: t, children: n }) {
 	});
 }
 function $({ item: e }) {
-	let { data: r } = n(e.file?.id), i = p[e.kind], [a, s] = v(1), [c, l] = v(!1), [u, d] = v(!1), m = f.has(e.kind) && !!r && !u;
+	let { data: r } = n(e.file?.id), i = h[e.kind], [a, s] = v(1), [c, l] = v(!1), [u, d] = v(!1), f = m.has(e.kind) && !!r && !u;
 	return _(() => {
 		if (!c) return;
 		let e = (e) => {
@@ -184,7 +184,7 @@ function $({ item: e }) {
 				className: "p-3 sm:p-4",
 				children: /* @__PURE__ */ z("div", {
 					className: t("relative aspect-[4/3] w-full rounded-xl bg-bg-sunken", a > 1 ? "overflow-auto" : "overflow-hidden"),
-					children: [m && r ? /* @__PURE__ */ R("img", {
+					children: [f && r ? /* @__PURE__ */ R("img", {
 						src: r,
 						alt: e.title,
 						onError: () => d(!0),
@@ -202,7 +202,7 @@ function $({ item: e }) {
 							className: "text-sm font-medium",
 							children: o(e.kind)
 						})]
-					}), m && r && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("button", {
+					}), f && r && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("button", {
 						type: "button",
 						onClick: () => l(!0),
 						"aria-label": "View full screen",
@@ -269,8 +269,8 @@ function $({ item: e }) {
 	});
 }
 function ee({ open: e, onOpenChange: t, item: n }) {
-	let r = u({ pagination: { limit: 50 } }), a = c(), [s, l] = v(""), [d, f] = v(null), [p, g] = v(null), _ = r.data?.items ?? [], y = s.trim().toLowerCase(), b = y ? _.filter((e) => e.title.toLowerCase().includes(y)) : _, x = async (e) => {
-		f(e.id), g(null);
+	let r = u({ pagination: { limit: 50 } }), a = c(), [s, l] = v(""), [p, m] = v(null), [h, g] = v(null), _ = r.data?.items ?? [], y = s.trim().toLowerCase(), b = y ? _.filter((e) => e.title.toLowerCase().includes(y)) : _, x = async (e) => {
+		m(e.id), g(null);
 		try {
 			await a.mutateAsync({
 				storyId: e.id,
@@ -279,11 +279,11 @@ function ee({ open: e, onOpenChange: t, item: n }) {
 				provenance: n.provenance ?? null,
 				excerpt: n.description ?? null,
 				sourceFileId: n.file?.id ?? null
-			}), h.success("Cited in a story", e.title), t(!1);
+			}), f.success("Cited in a story", e.title), t(!1);
 		} catch (e) {
-			g(m(e));
+			g(d(e));
 		} finally {
-			f(null);
+			m(null);
 		}
 	};
 	return /* @__PURE__ */ R(U, {
@@ -328,15 +328,15 @@ function ee({ open: e, onOpenChange: t, item: n }) {
 										className: "mt-0.5 block truncate text-xs text-text-tertiary",
 										children: e.topic?.name ?? o(e.status)
 									})]
-								}), d === e.id ? /* @__PURE__ */ R(D, { className: "h-4 w-4 shrink-0 animate-spin text-text-tertiary" }) : /* @__PURE__ */ R(M, {
+								}), p === e.id ? /* @__PURE__ */ R(D, { className: "h-4 w-4 shrink-0 animate-spin text-text-tertiary" }) : /* @__PURE__ */ R(M, {
 									className: "h-4 w-4 shrink-0 text-text-tertiary",
 									"aria-hidden": "true"
 								})]
 							}, e.id))
 						}),
-						p && /* @__PURE__ */ R("p", {
+						h && /* @__PURE__ */ R("p", {
 							className: "text-sm text-status-error-text",
-							children: p
+							children: h
 						})
 					]
 				}),

package/dist/theculturepost/pages/archive/ArchivePage.d.ts

@@ -0,0 +1,7 @@
+import { TcpOralHistory } from '../../types';
+
+export declare function ArchivePage(): import("react/jsx-runtime").JSX.Element;
+export declare function OralHistoryPlayerRow({ oralHistory }: {
+    oralHistory: TcpOralHistory;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArchivePage.d.ts.map

package/dist/theculturepost/pages/archive/ArchivePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchivePage.d.ts","sourceRoot":"","sources":["../../../../src/theculturepost/pages/archive/ArchivePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA8CH,OAAO,KAAK,EAAsC,cAAc,EAAE,MAAM,aAAa,CAAC;AAUtF,wBAAgB,WAAW,4CA8D1B;AA2OD,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,EAAE,cAAc,CAAA;CAAE,2CAgDpF"}