Navigation
Thread list
A grouped conversation list with search, archived threads, and typed row actions.
Starts when it scrolls into view
NORD FROST · DARK · RADIUS 6/10 · BASE 16PX · SHADOW
- Type
ThreadList- Source
thread_list.rs- Story
thread-list- Demo height
- 436 px
- Events
- ThreadListEvent
Code
Cut from the gallery story this page runs, so it stays true.
let mut list = ThreadList::new("gallery-threads", window, cx);
list.set_sections(sections.clone(), cx);
list.set_active(Some("supplier-pricing"), cx);
Events and ownership
- Who owns the state
- ThreadList renders state supplied by the application; it does not own durable work.
- What it emits
- Interactive intent is reported through the typed ThreadListEvent contract and stable application IDs.
- What it means
- A grouped conversation list with search, archived threads, and typed row actions.
- Overflow and motion
- Growing content remains reachable in a bounded vertical surface; reduced motion preserves a useful state.
Event types
- ThreadListEvent
What the demo does and does not show
The demo above is the same Rust as the native component, compiled to WebAssembly and drawn on a WebGPU canvas — not a mock-up, a recording, or a re-implementation. What it paints is what the component paints: layout, colour from the live theme, and motion.
The live browser specimen requires WebGPU; the native component remains the authoritative runtime.
A canvas cannot stand in for the platform, so treat everything that goes through the operating system as unproven here: keyboard handling and shortcuts, screen reader semantics, text input and IME, the clipboard, file drops, and the frame rate you would get on your own GPU. Judge those in a native build. If your browser has no WebGPU, the frame says so rather than showing an empty box.