prysm/pill.md

tag badge molecule in prysm

a small rounded label. classifies, filters, marks. glass (rounded) + text (label) + optional ion (icon). carries emotion through background color. also serves as progress bar when used with fill level

protocol role

molecule in $\mathcal{T}$. lives inside prysm/filter, prysm/aip, prysm/neuron-card, prysm/content, space zone content

sizing

fix(auto, content) × fix($3g$)

$s_{min} = (4g, 3g)$ — minimum for short label

structure

tag mode:

glass [auto × fix(3g), corner-radius 3g/2, emotion tint]
  stack horizontal [gap g/2]
    ion [2g, optional icon]
    text [micro, label]

progress mode (replaces indicator):

glass [fix(width) × fix(g), corner-radius g/2] — track
  glass [fix(width × level) × fix(g), corner-radius g/2, emotion tint] — fill

variants

variant visual use
green tint #00fe00 positive: verified, staked
red tint #ff0000 negative: spam, flagged
blue tint #00acff neutral: category, topic
white tint #ffffff informational: metadata
gray tint #4b4b4d muted: archived, disabled
avatar icon = avatar image + neuron name identity tag
on/off toggleable with fill indicator filter option
progress two nested glass, fill level replaces indicator

emotion

pill background IS emotion. the pill color = the signal

states

state visual change trigger
default background at emotion color
hover brightness +10% pointer over
active scale 0.95× tap
toggled on full color filter active
toggled off dim to #4b4b4d filter inactive

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

3D

renders at membrane's $p_z$

ECS

  • Entity: pill organelle
  • Components:
    • Sizing { width: auto, height: Fix(3) }
    • PillLabel { text }
    • PillIcon { glyph: Option }
    • PillVariant { tag | toggle | progress }
    • Emotion { color } — background tint
    • PillLevel { value: Option<f64> } — for progress variant
  • System: PillSystem handles tap for toggle variant

Homonyms

pussy-ts/src/components/Pill
Pill
prysm/components/1-molecules/pill
pill
cyb/src/components/Pill
Pill

Graph