Skip to content

Add per-display-mode safe area insets from live host sync#30

Merged
abewheel merged 1 commit intomainfrom
abewheel/host-sync-fullscreen
Mar 31, 2026
Merged

Add per-display-mode safe area insets from live host sync#30
abewheel merged 1 commit intomainfrom
abewheel/host-sync-fullscreen

Conversation

@abewheel
Copy link
Copy Markdown
Contributor

Summary

  • Adds safeAreaByDisplayMode to the HostShell interface so each host can declare safe area insets per display mode
  • Auto-applies safe area insets in the inspector when switching display modes
  • Sets real values extracted from production hosts: ChatGPT fullscreen bottom: 150, Claude fullscreen top: 16, right: 16, bottom: 138, left: 16
  • Updates host-sync extraction scripts (separate repo) to capture safeArea and styles per display mode so this data is collected automatically on future syncs

Test plan

  • Open inspector, switch to ChatGPT host, toggle to fullscreen — safe area bottom should show 150
  • Switch to Claude host, toggle fullscreen — safe area should show 16/16/138/16
  • Switch back to inline — safe area should reset to 0
  • pnpm --filter sunpeak validate

Extracted real safe area values from production ChatGPT and Claude.
ChatGPT reports bottom: 150 in fullscreen; Claude reports insets on
all four sides (top: 16, right: 16, bottom: 138, left: 16). The
inspector now auto-applies safe area when switching display modes.
@abewheel abewheel merged commit f1fbb43 into main Mar 31, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant