Site + Architecture Redesign: new design system, component architecture, and page rework#640
Open
bencap wants to merge 54 commits intodocs/bencap/249/bring-docs-up-to-datefrom
Open
Site + Architecture Redesign: new design system, component architecture, and page rework#640bencap wants to merge 54 commits intodocs/bencap/249/bring-docs-up-to-datefrom
bencap wants to merge 54 commits intodocs/bencap/249/bring-docs-up-to-datefrom
Conversation
Add MkDocs Material documentation site under docs/ with full content covering Getting Started, Finding Data, Submitting Data, MaveMD, Programmatic Access, Reference, Troubleshooting, FAQ, and Citations. Enhance docs with screenshots, Mermaid diagrams, admonitions, abbreviation tooltips, code copy buttons, and instant navigation. Add scripts/build-docs.sh to build MkDocs and copy output to public/docs/mavedb/ for inclusion in the Vite production bundle. Docs are served at /docs/mavedb/ to match the legacy Sphinx URL path. The build script runs automatically in npm run build and npm run preview. Add npm run docs for local docs development. Update all Vue component doc links in ScoreSetCreator and DocumentationView to point to the new /docs/mavedb/ paths. Remove old Sphinx HTML files from public/docs/mavedb/, RST sources from src/docs/, Sphinx dependencies from requirements.txt, and .doctrees entry from .gitignore.
…h gradient - Add variant-detail.html with measurement cards, assay facts, classification/population/splicing annotations - Apply watermark bar hero to homepage, remove stats strip for cleaner landing - Add subtle palette gradient behind MaveMD search with dynamic tab-colored search box - Format about.html (whitespace only)
- Add inline search results with allele card, MANE table, and measurement groups - Search button toggles between landing content and results view - Subtle palette gradient on search band (sage → cream) - Tab colors remapped to palette (sage, mint, gold, orange) - Dynamic search box border/button updates on tab selection
- Add settings.html with avatar hero (watermark bars, ORCID badge), profile card, API key management, roles, and role-based keys - Replace nav avatar with dropdown menu (Settings, Dashboard, Sign out) with down-caret indicator across all 15 prototype pages
Point footer Documentation links to /docs/mavedb/index.html across all prototype pages. Reduce the active tab mini-bar indicator from 9 color segments to 6 for a cleaner look.
Set up the redesign infrastructure: extend Tailwind theme with prototype design tokens (sage/mint/orange palette, Exo 2 display font), retheme PrimeVue from dark blue to sage via definePreset, remove PrimeFlex and migrate grid classes to Tailwind across 8 components, clean up dead styles in App.vue, and add Storybook for component documentation.
- Replace DefaultLayout/Toolbar/Footer with MvLayout/MvNavBar/MvFooter - Migrate all 23 screen components to MvLayout (reduced from 7 props to 3) - Remove CLINICAL_FEATURES_ENABLED flag; MaveMD routes always registered - Centralize external URLs in src/lib/links.ts - Add shared component types in src/types/components.ts - Clean up dead CSS from layout.css and app.css - Widen content max-width from 1200px to 1280px (Tailwind max-w-screen-xl)
1631f43 to
5dab7e3
Compare
This was
linked to
issues
Mar 19, 2026
Add a more obvious notice on deprecated score sets directing users to the superseding score set
#629
Open
…play Wire missing superseded/meta-analysis URNs into editor and provenance surfaces; keep warning banner URN-first.
Replace read-only router-links with cached MvEntityLink and remove unused supersedesTitle prop.
…ove entity link usage
Implement batching for score set requests and add unit tests
Replace static placeholder data in the "Recently published" section with live data from the new GET /score-sets/recently-published endpoint, rendered via MvScoreSetRow with error and empty-state fallbacks.
…elated components
…r API key display
…d users This prevents an error toast message from appearing, even though we don't expect to be able to serve collections to non-signed in users.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Full visual and structural overhaul of the MaveDB UI, introducing a cohesive design system and modern component architecture while preserving all existing functionality.
Design system foundation
Component reorganization
Typed API layer
Composables
Page redesigns
Documentation (supersedes #601)
Removed dead code
Three items need to be wired before this is production-ready:
In addition, various TODOs were sprinkled throughout this change set that we should formalize as issues and link prior to merging.