playground: match gallery transition, glass configurator sidebar
Created by: jedmund
Summary
- Match the
BentoHomeScreen→ playground push animation to theBentoHomeScreen→ playground gallery push. The innerGenerativeBackgroundinsidePlaygroundScreenwas cross-fading on top of the ambient shader at theAppViewlevel; removing it lets the ambient shader stay continuous during the push, the same asTrackDetailScreen/PlaygroundGalleryScreen/LessonScreen. - Replace the floating glass chevron back button with a shared
topRow(BackChip+ centeredPLAYGROUND · TOOLmono label), matching the pattern used on every other pushed detail screen. - Swap the configurator
SidePanel'sthinMaterialbackground for.cardStyle(the sharedglassEffect(.regular, ...)wrapper) so the sidebar speaks the same liquid-glass language as cards, chips, and the hero band. Title is now uppercase mono to match the top-row title convention. - Make the configurator sidebar sit below the top safe area + 8pt. Applied at the caller (
PlaygroundScreen) rather than insideSidePanelbecause adding extra padding directly around the.cardStyle'd view broke the glass rendering.
Test plan
-
Push into a playground from the home rail and into the gallery from "See all". Transitions should look identical (ambient shader continuous, content slides/fades in). -
Confirm the back chip + PLAYGROUND · {TOOL NAME} title render at the top of every playground. -
Open the configurator sidebar for a keyboard, oscillator, shaper, and exercise playground. Glass chrome should be visible, uppercase title present, top edge at safe area + 8pt below the status bar. -
Edge-swipe back + back chip both return to home cleanly.