shawn/pi-multifx-pedal
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Add VU meters, CPU usage, and system stats to the top bar #8

New Issue
Closed
opened 2026-06-14 05:18:25 +00:00 by shawn · 1 comment
shawn commented 2026-06-14 05:18:25 +00:00
Owner
Copy Link
Copy Source

The UI top bar only shows basic info. No real-time audio level (VU meter), CPU load, or system stats.

The state endpoint already returns: input_level, output_level, cpu_percent, sample_rate, wifi, bluetooth.

Design:

  • Left: Preset name + bank/program
  • Center: Input VU meter + Output VU meter (colored bars, 0-100 scale already in API)
  • Right: CPU %, sample rate, WiFi status icon
  • Match the dark theme
  • Update every 3s (same as state poller)

Labels: enhancement, ux, visual

The UI top bar only shows basic info. No real-time audio level (VU meter), CPU load, or system stats. The state endpoint already returns: input_level, output_level, cpu_percent, sample_rate, wifi, bluetooth. Design: - Left: Preset name + bank/program - Center: Input VU meter + Output VU meter (colored bars, 0-100 scale already in API) - Right: CPU %, sample rate, WiFi status icon - Match the dark theme - Update every 3s (same as state poller) Labels: enhancement, ux, visual
shawn commented 2026-06-18 23:06:16 +00:00
Author
Owner
Copy Link
Copy Source

Fixed. The SPA now includes:

  • VU meters (input and output) in the Rig screen via a VUMeter component with 12-segment LED-style display
  • CPU usage displayed in the top status bar and Settings screen (from state.cpu_percent)
  • Sample rate in the status bar and Settings
  • System stats panel in Settings showing CPU, sample rate, and connection status

See ui/src/App.tsx — VUMeter() function and status bar implementation.

**Fixed.** The SPA now includes: - **VU meters** (input and output) in the Rig screen via a `VUMeter` component with 12-segment LED-style display - **CPU usage** displayed in the top status bar and Settings screen (from `state.cpu_percent`) - **Sample rate** in the status bar and Settings - **System stats** panel in Settings showing CPU, sample rate, and connection status See `ui/src/App.tsx` — `VUMeter()` function and status bar implementation.
shawn closed this issue 2026-06-18 23:06:26 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
shawn
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: shawn/pi-multifx-pedal#8
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?