MCP Apps

Display modes & layout

Inline, picture-in-picture and fullscreen, and how to size a View.

View .mdEdit on GitHub
Mode Where Typical use
inline in the message list, as wide as the chat cards, small tables, carousels
pip a floating window that stays while the user scrolls timers, players, live status
fullscreen covers the chat maps, editors, long lists

Read the current mode with useDisplayMode and request a change with useRequestDisplayMode. The host may refuse; available lists the modes it allows.

Sizing

  • Height: inline Views grow to their content; moonpeak reports size changes to the host automatically. Respect useMaxHeight and scroll inside the View beyond it.
  • Width: assume anything from 320 px (phones) to about 760 px. Test with the inspector's mobile device.
  • Safe areas: in fullscreen on phones, pad by useSafeArea.