ProgressCircle
import ProgressCircle from "@dertour/ui/components/common/GlobalLoader/ProgressCircle"
The loader's spinner: one inline SVG, eight generated teardrop blades, and a single CSS rotation on the `<svg>` itself. No drawing library, no per-frame React work, and nothing to download before the first wait of a session can animate. **Indeterminate, on purpose.** The design has no arc and no track, so it cannot express a fraction — and a fraction would be a lie anyway, since real progress is unknowable for an arbitrary `fetch`. `pending` therefore selects a *state* rather than a value: turning while work is outstanding, and settled with the whole ring lit once it is done, which is the frame `GlobalLoader` fades out over. (The trickle hook this component used to drive was deleted with the arc it drove; nothing else consumed it.) Decorative — `aria-hidden`, with the spoken text left to the caption beside it in `LoaderPanel`.
Loading demo…