HCI Nerdz · MVP
Edge Bar
Ecosystem navigation lives on the edge — not stuffed into the content header. Three variants: a Map Edge that summons a directory already underneath the page, a Modal Edge that slides this sheet back over colored ancestor layers, and a Path Edge whose L is the hops you took. Docs still live under the context-rails slug.
Variants × islands
Every variant uses the same L-join. Solid, React, Svelte, and vanilla each host Map, Modal, and Path.
| Variant | Vanilla | Solid | React | Svelte |
|---|---|---|---|---|
| Map Edge | Vanilla | Cloud | Suite | Community |
| Modal Edge | Solid | React | Svelte | |
| Path Edge | Workshop | Solid | React | Svelte |
Framework impedance match (short)
- Solid / SolidStart — long-lived shell state; drop the Solid island into a SolidStart layout.
- React / Next.js — same shell as a
"use client"layout wrapper. - Svelte / SvelteKit — strong for edge motion; Kit layouts mirror the substrate.
- Astro islands — this demo desk. Production SPAs should own the bar inside their shell.