webroot UI: unified design system, mobile-first chrome, frameless FPV control cockpit (100% drop-in) - #517
Open
camAtGitHub wants to merge 2 commits into
Open
webroot UI: unified design system, mobile-first chrome, frameless FPV control cockpit (100% drop-in)#517camAtGitHub wants to merge 2 commits into
camAtGitHub wants to merge 2 commits into
Conversation
Drop-in visual refresh of the wire-pod webroot so hub, setup, initial, SDK index, settings, and Vector Control share one dark design system. Mobile-first (phone portrait/landscape, then desktop). 100% file drop-in: same paths, element IDs, form fields, handlers, and APIs. - Extract shared styles to css/style.css; control cockpit to css/control.css (control.html only); remove wing.css and large inline style blocks from control/settings - Frameless FPV landscape control: full-bleed camera, translucent drive pad + head/lift overlays, safe-area insets - Touch cockpit (D-pad, paddles, HUD, take-control); desktop grid and keyboard help (?); Say Text lock hints when not in control - Shared tool docks (fits/overflow, edge fade, mobile peek); hub/setup hero and CTA polish; preserve JS-facing CSS tokens
|
If your going to create an entire UI using AI, at least disclose it in your PR. |
Author
|
AI was used in creating this UI. |
camAtGitHub
force-pushed
the
web_ui_ai_gen
branch
from
August 29, 2026 18:25
d227670 to
ea954e7
Compare
Contributor
Why is this a problem and not the expectation at this point? |
This branch has not been deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Drop-in refresh of the wire-pod webroot UI so hub, setup, initial, SDK index, settings, and Vector Control share one modern dark theme—mobile-first, with a frameless FPV-style control cockpit on phone landscape—while remaining a 100% drop-in file replacement for existing installs.
Visual language and patterns are taken from the already-shipped control and settings pages and rolled out consistently across the rest of the webroot. No server, API, or robot-behavior changes: replace the webroot files, keep the same paths, IDs, form fields, and handlers.
For users (what you get)
One consistent look
Mobile priority
Vector Control cockpit
?) for WASD / lift / head when using a mouse and keyboardInstall / upgrade
/,/setup.html,/sdkapp/settings.html?serial=…,/sdkapp/control.html?serial=…, etc.) keep workingFor maintainers (what changed under the hood)
Drop-in contract (hard guarantee)
/,index,initial,setup,sdkapp/*/api/*,/api-ble/*,/api-ssh/*,/api-chipper/*,/api-sdk/*,/cam-streamids, formnames, radio ID strings,onclicktargets/assets/*, existing font faces used by UI settingsThis is a presentation + CSS architecture change (plus small shared dock helpers), not a behavior rewrite of control/settings JS.
CSS architecture
webroot/css/style.css— shared design system (tokens, shell, dock, cards, forms, battery, shared responsive)webroot/css/control.css— control cockpit only (camera, D-pad, paddles, HUD, desktop grid, landscape FPV); linked only fromcontrol.htmlwing.cssremoved--fg-colorforui.js/ settings icon rail)Product-facing UI work (holistic)
Explicit non-goals
Test plan
Smoke (users / manual)
?keyboard help; touch-only chrome still fine if window is narrow** Maintainers**
settings.jsclasses/IDs?serial=without editing Go or configNotes
Safe visual upgrade for people already running wire-pod: replace files, refresh the browser, same product—better on mobile, and much better as a phone-held FPV controller for Vector.
Images
Additional screenshots below: