When building AI-powered apps, GenAI is not the only source of latency. External banking APIs, database insertions, and model context generation add measurable seconds during initial user provisioning.

For a new user, 10 seconds of a raw spinner or a blank screen means this app is broken.

Today, I scrapped generic raw spinners. I moved away from a passive loading component and architected an immersive Provisioning state in React to manage cold-boot anxiety.

React detects a new user (no transactions and no name in database). It forces a profile modal first. Only when the user hits Save does the application trigger the expensive data fetch and immediately invoke a conditional state. This activates a backdrop-blur glassmorphism full-screen overlay.

The overlay replaces the Raw Spinner with a narrative sequence: provisioning agent, retrieving footprint, training models.…