Tier 2Android TV: the React Native TV app. Account is the settings screen, pushed from Home. Booleans are the native Android switch in the app’s green, not M3’s.focus=--component-bg-active · switch on=--green-solid on --green-border · quota=--yellow-solid on --solid
Shipped binding. React Native (react-native-tvos), the same code as the Apple TV app. No Compose for TV: no M3 components, no focus scale; focus is a --component-bg-active fill.
Account is the settings screen
The header carries the avatar, username, a quota line with its bar, and a Sign out button. Below it, rows grouped under caption headers: Playback settings, Storage settings, Privacy controls, App and device information.
Chevron rows open a list modal or push a screen; switch rows toggle on OK.
username
99 GB of 100 GB free
Sign out
Playback settings
Choose your proxy
Amsterdam (Direct)
Remember current place in video files
Video playback type
HLS (default)
Video playback buffer size
Medium
Show subtitles
Do not select subtitles by default
AccountChoose your proxy takes preferred focus and pushes the proxy list. Switches are the native Android control, drawn at its own size.
avatar120px gravatar, radius 12
quota24px --text-secondary line over a 10px bar, at least 250 wide: --yellow-solid on --solid, radius 4
sign outheader button with the log-out glyph. No confirmation
sectionsPlayback settings · Storage settings (Move deleted files to trash, Manage your trash) · Privacy controls · App and device information; 64 between sections
section header32 medium --text-secondary, aligned to the header text
switchnative Android Switch: on, --green-solid thumb on a --green-border track; off, white thumb on --solid
choicesplayback type and buffer size open a list modal with a check on the current value; the proxy is a pushed list