Gene exploration feature!

[techninja]

🧬 What's the mutation?

Gene browser feature — full vertical slice from data pipeline to interactive UI.

New pages/components:

• Gene detail page (/gene/:symbol) with chromosome rail, editorial content, per-individual stats
• Gene table (sub-tab in Table view) with sortable columns and column picker
• Genes tab (renamed from Explore) with sort controls and position-based rainbow card borders

Infrastructure:

• Individual profile extraction during scoring (DR2 bins, region coverage, per-gene stats)
• Rebuild Profiles button in settings (re-requests file handles, extracts without rescoring)
• Unified keyboard navigation utility (vim h/j/k/l + arrows) for detail page paging
• Gene catalog enriched with NCBI esummary data (summary, aliases, exon count, OMIM, cytogenetic band)
• Editorial override system (gene_overrides.json) with 8 seeded genes

🔬 Why?

Bridges the gap between popular genetics awareness (genes people hear about on social media) and our polygenic scoring pipeline. Raw users see their data gaps visualized; imputed users see full coverage. Leads users toward imputation and deeper engagement.

🧪 How to test

• pnpm run test:node passes
• Navigate to Genes tab — cards render with rainbow borders, sort works
• Click any gene → detail page loads with chromosome rail, section icons, editorial (for MTOR/BRCA1/APOE/MTHFR/COMT/FTO/TP53/FOXO3)
• Switch individuals — "Your Data" section updates or hides
• Press arrow keys / h/j/k/l on gene detail → navigates prev/next
• Table tab → Genes sub-tab → sortable table, column picker works
• Settings → Rebuild Profiles → progress shows, gene stats populate after
• Mobile: chromosome rail flush right, content readable

📸 Screenshots / recordings

🏷️ Type

• 🧬 Feature (new capability)

✅ Checklist

• Tests pass locally
• No console errors in browser
• Mobile tested
• Spec compliance (pnpm spec check all) — spec updated to match (docs/app-spec/GENE_FEATURE.md)

---

🔮 Reviewer's horoscope

Your chromosomes are aligned today. The variant at position 42 in your review
queue carries a rare "ship it" allele. Trust the rainbow gradient.