Replace vs Stack
Presentation is a viewport concern, not a producer one. The exact
same three producers render differently depending on the viewport's
mode. Flip it and watch.
Same producers, two presentations
current: "stack"
<StatusBarViewport mode="stack" />
replace shows only the most important entry — the
lowest number, 🔴 Recording (priority 1). stack
shows all three, sorted by priority (lower = more important) then recency.
The producers are identical in both cases.
tsx
const [mode, setMode] = useState("stack")
<StatusBarViewport mode={mode} separator="•" />
<StatusBar priority={1}>🔴 Recording</StatusBar>
<StatusBar priority={2}>2 warnings</StatusBar>
<StatusBar priority={3}>Ln 42, Col 8</StatusBar>