Projects › BibleWeb › Themes & Parables › Cross-ref sidebar in themes/parables
Planned

Cross-ref sidebar in themes/parables

Area: Themes & Parables Milestone: v3

Context

Problem: When studying a verse in the themes or parables views, users may want to explore its cross-references. Currently, the cross-reference sidebar is only available in the main reader — not in themes or parables pages.

Solution: Add a "Cross-references" option to the verse context menu in themes and parables views, opening the same CrossRefSidebar drawer component used in the reader.

Not included: A dedicated cross-reference graph view within themes/parables. Just the sidebar drawer for quick exploration.

Functional

Expected user flow:

  1. User is viewing verses in a theme or parable detail page
  2. Clicks a verse → context menu appears
  3. Clicks "Cross-references" → the cross-ref sidebar drawer opens on the right
  4. Shows cross-references for that verse with the same features as in the reader (breadcrumb navigation, vote threshold, etc.)

UX & Design

Same as reader cross-ref sidebar:

  • 480px right drawer
  • Verse cards with book, chapter:verse, vote count, text preview
  • Internal breadcrumb navigation
  • Vote threshold adjustment (+/- buttons)

Technical

Reuse existing components:

  • CrossRefSidebar.svelte — the drawer component
  • VerseContextMenu.svelte — add to themes/parables context menus
  • Same API: GET /api/crossrefs/[bookId]/[chapter]/[verse]

Implementation:

  • Add verse click handling to themes/parables detail pages
  • Wire up context menu with "Cross-references" option
  • Open CrossRefSidebar with the selected verse

Files:

  • apps/web/src/routes/(app)/themes/[id]/+page.svelte (modify)
  • apps/web/src/routes/(app)/parables/[id]/+page.svelte (modify)
  • apps/web/src/lib/components/bible/CrossRefSidebar.svelte (reuse)

Status

Current: PLANNED Milestone: v3 Priority: Low — extends an existing feature to additional views

History:

  • Cross-ref sidebar works in the reader
  • Same pattern requested for search results, themes, and parables views

Dependencies:

  • Requires: cross-ref sidebar (DONE), themes/parables views (DONE)
← Back to Themes & Parables features