Skip to content

feat: unify stage sidebar and stage color system#100

Merged
nicpottier merged 4 commits intomainfrom
nicpottier/stage-sidebar-ui
Feb 20, 2026
Merged

feat: unify stage sidebar and stage color system#100
nicpottier merged 4 commits intomainfrom
nicpottier/stage-sidebar-ui

Conversation

@nicpottier
Copy link
Contributor

@nicpottier nicpottier commented Feb 20, 2026

Summary

  • unify stage sidebar into a single expandable rail structure
  • centralize stage colors/icons/labels in stage-config.ts and reuse across headers/cards/rings
  • add page hover preview improvements (viewport clamping + timer cleanup)
  • make settings route handle unknown stage slugs explicitly
  • merge latest main and resolve conflicts in route/docs

Validation

  • pnpm -C apps/studio build
  • pnpm build

- Merge two separate sidebar renderings (icon rail + full list) into one
  shared component with hover-to-expand behavior
- Remove all responsive/small-screen collapsing (no lg: or group-hover/sidebar:)
- Expand rail when settings are open to show settings sub-tabs
- Add white progress ring stroke on active stages for visibility
- Add ring-1 outline on incomplete stage icons
- Add right border edge on the rail
- Darken hover states on stages and nav bar
- Page thumbnails now 4:3 landscape crop with border
- Hover over page row shows full-size image preview (portaled, viewport-clamped)
- Sidebar only shows page list when stage has been completed
- Consolidated PageRow component with integrated hover behavior
@nicpottier nicpottier merged commit f6265ef into main Feb 20, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant