Sanity Studio v5.31.0: Improve mobile presentation tabs, annotation popovers, and auth layouts

This release improves the responsive design for smaller screens by collapsing the side-by-side editor view into tabs, fixes annotation popovers and modals to display at proper widths, and corrects issues with scheduled drafts and authentication component layouts.

Sanity Studio v6

v5.31.0 marks the final v5 of studio. We will be bumping to a new major, v6, and this will include deprecating support for Node.js 20 (which has reached EOL) and a few additional changes. Read more on v6 here.

Switch between Presentation and Structure on mobile

Presentation now adapts to narrow viewports. When the window is too small to show the preview and the document editor side-by-side, they collapse into a tab bar at the top so you can switch between “Presentation” and “Structure” (and “Navigator”, when configured) one pane at a time, instead of a cramped split view. Wider viewports are unchanged.

🐛 Notable bugfixes and improvements

Fixes Portable Text annotation/object edit popovers, such as link annotations containing a reference field, rendering too narrow when the type set options.modal without a width. They now use the default width, so embedded reference fields and their autocomplete results are usable.

Fixes a bug in scheduled drafts where viewing a document from an archived draft showed an “Add to release” option that errored when clicked. The archived draft now shows the correct “Archived release” banner.

Increases the width of some authentication components, including the workspace selection screen.

Studio will now show a warning if auth config resolves to no providers.