Projects BibleWeb Cross-References Cross-ref sidebar in search results
Planned

Cross-ref sidebar in search results

Area: Cross-References Milestone: v2

Context

Problem: When browsing search results, users may find a verse and want to explore its cross-references. Currently, they'd have to navigate to the reader first, then open the cross-ref sidebar from there.

Solution: Add a "Cross-references" option to the search result context menu, opening the same CrossRefSidebar drawer directly from the search page.

Not included: Inline cross-ref display within search results. Just the sidebar drawer triggered from a context menu.

Functional

Expected user flow:

  1. User searches for a term and sees results
  2. Right-clicks or clicks a result verse
  3. Selects "Cross-references" from context menu
  4. CrossRefSidebar drawer opens showing refs for that verse

UX & Design

Same sidebar as reader: 480px right drawer, ref cards with vote badges, internal breadcrumb navigation.

Technical

Reuse: CrossRefSidebar.svelte component — same as used in the reader.

Implementation: Add verse interaction handling to search results page, wire up context menu with cross-ref option.

Files:

  • apps/web/src/routes/(app)/search/+page.svelte (modify — add context menu + sidebar)
  • apps/web/src/lib/components/bible/CrossRefSidebar.svelte (reuse)

Status

Current: PLANNED Milestone: v2 Priority: Low — extends existing feature to another view

Dependencies:

  • Requires: cross-ref sidebar (DONE), search page (DONE)