freezmo/components
Martin Dvorak 1f2e702b4e Stop blurring the animated scene on static glass (2x frame time)
The MacBook ran hot browsing the app: the ice scene animates constantly, so
every backdrop-filter surface re-ran its blur on every frame. Measured on
desktop (2x CPU throttle, software renderer): p50 frame 66.6ms baseline,
33.3ms with the static surfaces not filtering, 16.7ms with the scene's
animation also off; frames over 34ms: 128 -> 14.

The glass recipe is split: floating layers (sheets, dropdowns, dialogs, the
sticky header/chrome/tab bar) keep the blur (backdrop-blur-lg, what phones
already used); static layers (cards, the sidebar rail, the gate, the study
prompt card) keep the identical tint, rim, highlight and shadow without the
filter. The study prompt card moves from glass-panel to card + glass-solid,
which is the same surface recipe.

Quality: a deterministic pixel diff (scene motion frozen, both themes,
desktop + phone) shows a ~1% colour shift in the card backdrops — invisible.
The mobile axe contrast audit and the bubbles suite stay green.
tests/bubble-perf.mjs now also reports the glass cost. README: decision 61.
SW -> freezmo-v49.
2026-10-12 19:47:36 +00:00
..
activities Stop blurring the animated scene on static glass (2x frame time) 2026-10-12 19:47:36 +00:00
chat One-pill study chrome, toggling chat pickers, readable homework steps 2026-10-12 14:21:11 +00:00
exam Report question: skip a broken card and tell the server 2026-10-12 07:12:55 +00:00
homework One loading screen everywhere (the deck wizard's) 2026-10-12 18:43:53 +00:00
AiDisclaimer.tsx AI disclaimer: one shared component, shown where model output appears 2026-10-11 22:51:16 +00:00
ApiKeyGate.tsx Add an English/Czech interface language switch 2026-10-08 13:56:32 +00:00
AppHeader.tsx One-pill study chrome, toggling chat pickers, readable homework steps 2026-10-12 14:21:11 +00:00
DataSection.tsx Chat mode, phase 2: local history, answer actions, motion polish 2026-10-11 19:03:48 +00:00
DeckCard.tsx Chat mode, phase 1: grounded streaming chat over your notes 2026-10-11 18:32:11 +00:00
FolderBar.tsx Mobile UI pass: sheet swipe, ice-scene layering, contrast, touch targets 2026-10-08 17:37:51 +00:00
HomeworkCard.tsx Phase 3: Check my work, follow-ups and turn-into-deck 2026-10-10 14:36:04 +00:00
IceBackdrop.tsx Ice scene: the glossy orbs become rising bubbles, ~38% more transparent 2026-10-11 15:50:17 +00:00
icons.tsx Chat layout: history in the main sidebar, consistent header, cleaner icon 2026-10-11 20:11:11 +00:00
InstallSheet.tsx Native-feel pass: PWA integration, system back, offline, haptics, undo 2026-10-10 12:16:03 +00:00
LearningSection.tsx Phase 2: learning engine — history, SRS review, mistakes, stats, exam, reminders 2026-10-10 14:15:21 +00:00
LibraryScreen.tsx Check-my-work attachments, smart review follows deletions, GPL-3.0-only 2026-10-12 16:04:53 +00:00
LinkLoadingScreen.tsx Link loading overlay escapes the glass card (portal to body) 2026-10-12 19:04:38 +00:00
LoadingState.tsx One loading screen everywhere (the deck wizard's) 2026-10-12 18:43:53 +00:00
ModelErrorActions.tsx Phase 1: backup, encrypted sync and monthly-usage handling 2026-10-10 13:43:42 +00:00
OfflineBanner.tsx Native-feel pass: PWA integration, system back, offline, haptics, undo 2026-10-10 12:16:03 +00:00
ReportQuestionButton.tsx Report button moves under the exercise, bottom-right 2026-10-12 12:29:59 +00:00
ResultsScreen.tsx Chat mode, phase 1: grounded streaming chat over your notes 2026-10-11 18:32:11 +00:00
ReviewClient.tsx Report question: skip a broken card and tell the server 2026-10-12 07:12:55 +00:00
RouteLoading.tsx One loading screen everywhere (the deck wizard's) 2026-10-12 18:43:53 +00:00
RouteTransition.tsx Animation pass: one shared motion language for phones 2026-10-10 11:01:29 +00:00
SegmentedPill.tsx Animation pass: one shared motion language for phones 2026-10-10 11:01:29 +00:00
ServiceWorkerRegistrar.tsx Infra: split dev and production (releases, services, deploy script) 2026-10-11 19:25:29 +00:00
SessionFeed.tsx One-pill study chrome, toggling chat pickers, readable homework steps 2026-10-12 14:21:11 +00:00
SettingsDialog.tsx Infra: split dev and production (releases, services, deploy script) 2026-10-11 19:25:29 +00:00
ShareChooser.tsx Phase 1: backup, encrypted sync and monthly-usage handling 2026-10-10 13:43:42 +00:00
Sidebar.tsx Sidebar: arrow sits directly below the logo, in both states 2026-10-12 11:57:17 +00:00
StatsScreen.tsx Phase 2: learning engine — history, SRS review, mistakes, stats, exam, reminders 2026-10-10 14:15:21 +00:00
StudyFeed.tsx One-pill study chrome, toggling chat pickers, readable homework steps 2026-10-12 14:21:11 +00:00
SyncSection.tsx Phase 1: backup, encrypted sync and monthly-usage handling 2026-10-10 13:43:42 +00:00
TabBar.tsx Chat layout: history in the main sidebar, consistent header, cleaner icon 2026-10-11 20:11:11 +00:00
ThemeToggle.tsx Chat layout: history in the main sidebar, consistent header, cleaner icon 2026-10-11 20:11:11 +00:00
Toaster.tsx Native-feel pass: PWA integration, system back, offline, haptics, undo 2026-10-10 12:16:03 +00:00
ui.tsx Animation pass: one shared motion language for phones 2026-10-10 11:01:29 +00:00
UploadScreen.tsx One loading screen everywhere (the deck wizard's) 2026-10-12 18:43:53 +00:00
WizardActionBar.tsx Wizard polish: step headlines, gated Next, real summary, portal action bar 2026-10-10 11:35:45 +00:00
WizardModeSwitch.tsx Lock the wizard mode switch while a run is generating 2026-10-10 17:47:05 +00:00