Commit Graph

7 Commits

Author SHA1 Message Date
shawn f67e6bd8c7 fix: black SVG icons now render white — invert(1) filter; proper fullscreen icon
- Pipedal SVGs have no fill (default black) — added invert(0.95) brightness(2)
  to render them white on dark backgrounds
- Status bar icons: brightness(0.7) was making them invisible on dark bg
- Fullscreen icon: replaced ic_drawer_2 (cabinet) with proper inline
  Material-style expand SVG in amber
2026-06-12 19:35:46 -04:00
shawn 62c373b989 feat: pipedal SVG icons in block tiles + nav bar
- Replace emoji getBlockIcon() with <BlockIcon> component rendering SVG icons
- 38 fx_*.svg icons from pipedal mapped to block types (distortion, delay, reverb, mod, etc.)
- Split/merge tiles now use fx_split_a.svg / fx_mixer.svg
- Status bar: ic_bank.svg, ic_presets.svg, fx_analyzer.svg, ic_drawer_2.svg
- Extracted reusable CSS design system to index.css (badge, snap-grid, slide-panel, etc.)
- SnapshotPanel and component reference extracted to docs/
- 270KB JS build, SVG icons served from /ui/img/
2026-06-12 19:29:50 -04:00
shawn bd6771e203 feat: Visual tuner with mute — Tuner.jsx, pipeline pitch detection, status bar toggle 2026-06-12 19:22:10 -04:00
shawn 91228cb284 PEDAL-UI: Footswitch modes (stomp/preset) + mode selector in status bar + SVG fx icons from pipedal project 2026-06-12 19:20:39 -04:00
shawn 64f1086343 PEDAL-UI: Landscape layout + functional preset loading + bank navigation + API integration
- Fixed layout for landscape mode: maxWidth 980px, preset sidebar on left
- Preset chips now call API.loadPreset() on click
- Bank up/down cycles through banks, loads first preset
- Global bypass wired to API.bypassToggle()
- Block toggle wired to API.toggleBlock()
- Slider changes commit to API.updateBlock() on drag end
- Presets loaded from API.listPresets() on mount
- Status bar shows real API state
2026-06-12 18:51:15 -04:00
shawn 027494db2c fix: footswitch bar always shows BYPASS, BANK, scribble strips
- Capped block switches to 4 max so BYPASS and BANK are always visible
- Added LCD-style scribble strip display with dark background + border
- Added short abbreviated labels (GATE, OD, DST, etc.) in scribble strips
- Added proper BANK ▲/▼ navigation with bank letter (A-H)
- Added status LEDs on all block footswitches
- BlockChain.jsx: removed extra closing </div> that broke JSX parsing
2026-06-12 18:05:09 -04:00
shawn b832ae06a3 PEDAL-UI: Helix Stadium-style redesign — block chain, big touch sliders, footswitch bar with scribble strips 2026-06-12 18:03:27 -04:00