Skip to content

Sync Claude host shell with production, fix theme switching#25

Merged
abewheel merged 1 commit intomainfrom
abewheel/claude-host-sync
Mar 26, 2026
Merged

Sync Claude host shell with production, fix theme switching#25
abewheel merged 1 commit intomainfrom
abewheel/claude-host-sync

Conversation

@abewheel
Copy link
Copy Markdown
Contributor

Summary

  • First Claude host sync from live extraction: updates capabilities, colors (rgba light-dark), Anthropic Sans variable font, user bubble styling, composer design, and available display modes
  • Fixes inspector background flash when switching hosts then toggling theme by upgrading style effects to useLayoutEffect and syncing color-scheme through the sandbox proxy
  • Filters the sidebar display mode picker by host (Claude has no PiP)
  • Adds live test assertion for opaque root background color

Test plan

  • pnpm --filter sunpeak validate passes
  • Visual comparison: inspector Claude shell vs real claude.ai (font, colors, bubble, composer)
  • Switch ChatGPT dark → Claude → light theme: no background flash
  • Claude host hides PiP from sidebar display mode picker

First-ever Claude host sync from live extraction (2026-03-25):
- Update capabilities (downloadFile, listChanged, updateModelContext.image)
- Replace hand-crafted hex colors with extracted rgba light-dark() values
- Add Anthropic Sans variable font via @font-face from assets-proxy
- Match user bubble styling (padding, border-radius, font-weight)
- Restyle composer as rounded div with box-shadow (matching Claude's TipTap)
- Add availableDisplayModes to HostShell; Claude omits PiP
- Filter sidebar display mode picker by host's available modes

Fix inspector background flash when switching hosts then toggling theme:
- Upgrade style variable and page style effects to useLayoutEffect
- Sync color-scheme on inner iframe element via proxy message relay
- Set proxy background to transparent so host chrome shows through
- Add live test assertion for opaque root background color
@abewheel abewheel merged commit 9cc7ef1 into main Mar 26, 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