hyperhive/frontend/packages/swarm-ui/src
Repository files (latest commit first)
Filename Latest commit message Latest commit date
iris fc44891ab5 swarm-ui: compact refresh-interval picker, moved into the panel header
Per mara's review on this PR: the labelled SelectField-based picker
read as way too heavy for a passive-until-touched setting - a full
label+bordered-control form field row above the table. Replace it with
a compact inline "clock icon - value - chevron" control (a native
<select> still drives the interaction, just stripped of SelectField/
FormField's chrome), quiet until hovered/focused the same way
LinksMenu's header button is.

Also move it out of the panel body entirely: Panel gains an `actions`
slot in its title row (right-aligned via margin-left: auto), so the
picker sits next to the "hives" heading instead of taking its own row
and pushing the table down - per the design guide's own "a control
belongs next to the thing it affects" rule.

Verified with headless chromium screenshots (full page + a tight
close-up crop) against the built bundle: the picker now reads as
"(clock) 30s (chevron)" inline with the panel title, no extra vertical
space taken from the table. Added a Panel "with actions" demo to
ComponentsPage.
2026-08-18 23:28:47 +02:00
..
pages swarm-ui: compact refresh-interval picker, moved into the panel header 2026-08-18 23:28:47 +02:00
shell swarm-ui: fix nav underline gap argus caught in round 2 2026-08-18 22:44:24 +02:00
ui swarm-ui: compact refresh-interval picker, moved into the panel header 2026-08-18 23:28:47 +02:00
App.tsx swarm-ui: rename OverviewPage/'overview' to HivesPage/'hives' 2026-08-18 21:26:52 +02:00
colors.css swarm-ui: bootstrap new swarm-level frontend (Preact + wouter + TS + JSX) 2026-08-11 21:31:44 +02:00
css.d.ts swarm-ui: colocate component CSS as JS-side-effect imports 2026-08-12 21:33:44 +02:00
index.html swarm-ui: use absolute asset paths in index.html 2026-08-17 00:24:44 +02:00
main.tsx swarm-ui: bootstrap new swarm-level frontend (Preact + wouter + TS + JSX) 2026-08-11 21:31:44 +02:00
swarm-ui.css swarm-ui: real hive-roster overview page 2026-08-13 11:21:30 +02:00
theme.css swarm-ui: bootstrap new swarm-level frontend (Preact + wouter + TS + JSX) 2026-08-11 21:31:44 +02:00
util.ts swarm-ui: use native Intl.RelativeTimeFormat for fmtAgo, not hand-rolled 2026-08-16 19:05:01 +02:00