Search for a command to run...
The living glyph for a mind's score tier — a core with orbiting motes that accrete as the mind climbs from Novice to Eternal. Colored by the tier tokens, sized for inline text.
Render it beside a formatted score wherever a mind's score appears — profile
byline, dashboard widget, score sheet header. The icon colors itself from the
tier's --mind-* token; the tier comes from getScoreLevel(score) in the
feature layer.
One mote per tier — a Novice mind has a single companion, an Eternal mind carries all seven, each mote taking one of the earlier tier colors.
MindScoreIcon| Prop | Type | Default | Description |
|---|---|---|---|
tier | "novice" | "skilled" | "expert" | "master" | "sage" | "legendary" | "eternal" | — | Score tier. Sets mote count and the --mind-* tier color. |
seed | number | 0 | Deterministically varies mote angles and orbit speeds — pass the raw score so icons don't sync up. |
className | string | — | Forwarded to the root. The box is size-6 by default. |
MIND_SCORE_TIERS is exported as the ordered tier list, and MindScoreTier
as its union type.
The motes are drawn in pixel units (orbit radii up to 11px), so the glyph has
a fixed visual size of roughly 24px — shrinking the box below size-5 clips
the outer orbits rather than scaling them. Orbits pause under
prefers-reduced-motion; hovering the icon (or a wrapping .group) breathes
the orbits outward.
62.3K Mind) — the glyph alone doesn't communicate a value.seed so two icons on the same page drift out of phase.tier prop and the --mind-* tokens.