prysm/tabs.md

section navigation molecule in prysm

a horizontal row of selectable items. one active, the rest idle. switches between sections within an aip. glass + ion (per tab) + saber (active underline)

protocol role

molecule in $\mathcal{T}$. lives inside space zone, within aip content

sizing

fill × fix($6g$)

$s_{min} = (15g, 4g)$ — minimum 3 tabs visible

structure

glass [fill × fix(6g), depth midground]
  stack horizontal [gap 0]
    stack vertical [per tab]
      ion [2g, tab icon]
      text [micro, tab label]
      saber [horizontal, g/4, glow] — active tab only

fold

$\mathcal{F}$:

• $l_1$ ($w_{min} = 30g$): 5 tabs, icon + label
• $l_2$ ($w_{min} = 15g$): 3 tabs, icon only
• $l_3$ ($w_{min} = 8g$, mobile): 3 tabs as bottom bar, icon only

emotion

active tab saber glow = emotion of the active section (default #00fe00 green)

states

state transitions: saber slide $150\text{ms}$ ease

3D

renders at membrane's $p_z$

ECS

• Entity: tabs organelle
• Components:
  • Sizing { width: Fill, height: Fix(6) }
  • TabItems { list of (icon, label, section_id) }
  • ActiveTab { index }
  • FoldSet { conformations }
• System: TabsSystem handles tap, updates ActiveTab, animates saber