From 518ffd7578dbc74689b5303a35f402bfe081aa91 Mon Sep 17 00:00:00 2001 From: Craig Jennings Date: Sat, 4 Jul 2026 16:46:48 -0400 Subject: docs: gather panel design prototypes into docs/prototypes/ I gathered all five self-contained HTML/CSS design prototypes into one home: the instrument-console pair (moved from assets/), plus the net-panel rescan, sound panel, widget gallery, and waybar redesign (moved out of working/). Added a README index and updated every inbound link: build summary, the instrument-console and audio specs, and todo.org. Also fixed a broken link the earlier sort left in the build summary. It still pointed at the instrument-console spec's old docs/design/ path after the move to docs/specs/. --- .../2026-07-03-net-panel-rescan-prototype.html | 251 +++++++++++++++++++++ 1 file changed, 251 insertions(+) create mode 100644 docs/prototypes/2026-07-03-net-panel-rescan-prototype.html (limited to 'docs/prototypes/2026-07-03-net-panel-rescan-prototype.html') diff --git a/docs/prototypes/2026-07-03-net-panel-rescan-prototype.html b/docs/prototypes/2026-07-03-net-panel-rescan-prototype.html new file mode 100644 index 0000000..3329cdb --- /dev/null +++ b/docs/prototypes/2026-07-03-net-panel-rescan-prototype.html @@ -0,0 +1,251 @@ + + + + + +Net panel — rescan affordance + + + + +
+
archsetup · dupre panel family · net·01
+

Networks — the rescan affordance

+

Where does a WiFi rescan live, and how does it show it's working? The count "· N in range" is + really a live status field — the natural home for "scanning…". My lean: an explicit ⟳ rescan + action in the engrave line (discoverable, same slot as "+ hidden"), with a flash-and-fade + busy state — the glyph spins, the count breathes, new rows fade in as found. The count is also + click-to-rescan as a shortcut. Use the selector on the right to feel each busy treatment.

+
+ +
+
+
net·01 — networks section
+
+
+
+ + ONLINE + NET·01 +
+
+ +
channel
+
+
@Hyatt_WiFi + + -59 dBm · 44 ms
+
172.20.2.108/20 · gw 172.20.0.1 · route wlp170s0
+
+ +
networks· 5 in range + ⟳ + + + hidden +
+
+ +
+
+
+ +
+
+
busy feedback style
+
+ + + + +
+ +
+ +

The three busy signals

+
    +
  • Spinner — the ⟳ glyph rotates while scanning. The clearest "working" cue; universal.
    • +
  • Count breathe — "· 5 in range" becomes "scanning…" and slow-pulses. Your idea: the status field animates in place, no extra chrome.
    • +
  • Section breathe — the whole list gives a faint gold breath while the scan runs; found rows fade in gold. Ambient, ties the animation to what's changing.
    • +
  • All (recommended) — spinner + count + fade-in together. The section breathe is optional; it can read as busy on a small panel, so it's off in "all" by default and its own option to try.
    • +
+ +

Why an explicit action, not only the count

+
+ Overloading the count as the sole trigger is elegant but a first look doesn't know it's clickable. + An explicit ⟳ rescan in the engrave line is discoverable, sits in the same slot as "+ hidden" + (consistent), and doesn't cost a heavy console key. Keeping the count clickable too gives power users + the shortcut without hiding the affordance. A dedicated RESCAN console key (next to DOCTOR / + SPEED TEST) is the third option — heavier, and rescan is a list action, not a diagnostic, so it fits + the engrave line better. +
+
+
+ + + + -- cgit v1.2.3