Internal development

Development Preview Index

One place to find reusable preview routes for design, shell, gallery, viewer, Saved Photos, and download/share work.

Preview Inventory

All current preview pages still provide unique QA value. The shell and album-card previews overlap slightly, but shell-preview validates navigation chrome while album-card-preview isolates card variants and stress states.

7 reusable preview routes retained / 0 removed

Core References

Reusable foundations that should remain easy to find during feature work.

Retain

Design System

Tokens, layout primitives, buttons, forms, surfaces, focus states, and dark viewer surfaces.

/design-system

Retain

Shell Preview

Application shell, breadcrumbs, header, footer, sample content, and internal route entry points.

/shell-preview

Retain

Album Card Preview

Standard, featured, sport collection, dark-surface, and long-title album-card states.

/album-card-preview

Gallery Workflows

Photo browsing, viewing, saving, downloading, and sharing states.

Retain

Gallery Preview

Mixed-aspect photo cards, empty state, long text, and event navigation stress states.

/gallery-preview

Retain

Viewer Preview

Fullscreen viewer states for landscape, portrait, boundaries, long captions, and invalid photo IDs.

/viewer-preview

Retain

Saved Photos Preview

Saved Photos empty, mixed-event, persistence, removal, clear-all, and return-to-viewer states.

/saved-preview

Retain

Download and Share Preview

Viewer actions, Saved Photos selection, native share, copy-link fallback, and individual downloads.

/download-share-preview