Preview panel: mobile/desktop viewport toggle button is gone
Summary
The built-in Preview panel (Cmd+Shift+P, configured via .claude/launch.json) used to have a button in its toolbar to toggle between mobile and desktop viewports. I used it daily for months while iterating on responsive UI. As of a recent version it appears to have been removed — the toolbar now shows only globe/URL, edit, inspect, refresh, and close.
To be clear: this is not the Claude Code Preview Chrome extension — this is the native Preview panel inside the Claude Code desktop app, the one driven by the mcp__Claude_Preview__* tools.
Questions
- Was this toggle intentionally removed? If so, in which version, and is there a tracking issue?
- Is there a setting/flag to bring it back?
- If it's gone for good, is there a recommended replacement workflow for quickly checking mobile breakpoints from inside the IDE?
Why it matters
Toggling viewport from inside the Preview panel made it trivial to verify responsive layouts during a single edit-save loop without alt-tabbing to a separate Chrome window with DevTools open. Losing it adds noticeable friction to any responsive frontend work.
Workaround I'm using now
Opening the dev URL in a separate Chrome window and using DevTools' device toolbar (Cmd+Shift+M). It works but it's a meaningful regression in flow.
Happy to provide a screenshot of the current toolbar if useful.
11 Comments
<img width="1037" height="94" alt="Image" src="https://github.com/user-attachments/assets/d9938128-20b3-49d5-ab9e-d398360c6af3" />
Found 1 possible duplicate issue:
This issue will be automatically closed as a duplicate in 3 days.
🤖 Generated with Claude Code
I think that is something different because the button I'm requesting used to be there. It has just disappeared.
Yes it is missing for me too, it was really helpful to preview the UI in mobile mode and desktop which really helped making specific changes when need. I really hope they bring it back.
<img width="1620" height="77" alt="Image" src="https://github.com/user-attachments/assets/d8b2fcd4-bd9e-4ff7-8816-e55828fec82d" />
what in the devil have they done
Confirming on Windows 11 + Claude Code 2.1.138 — same regression. The mobile / tablet / desktop viewport buttons that used to be in the Preview pane toolbar are gone.
mcp__Claude_Preview__preview_resize(the MCP tool the agent uses) still works programmatically, but the manual UI control for the human-in-the-loop is missing, so the user can no longer flip viewport themselves while watching the agent work.This is cross-platform (macOS per the original report + Windows here), which probably points at the Preview pane chrome itself rather than a per-OS rendering issue.
Yeah they really need to bring this back.
Glad I'm not alone. Used this daily, baffled why it's gone. Hopefully a mistake.
Please bring back this feature, asking Claude to do it is a waste of tokens/compute, and a really inefficient way to do something that was one click away all the time
I've been looking for this as other threads are marked as either stale or duplicates. As OP wrote, DevTools' device toolbar (Cmd+Shift+M) is much more of a chore. I get that the inline preview is not meant to fully substitute a full fledged browser, but seeing as this is such a basic toggle that adds a lot of "qualiity-of-life" feeling, I really hope they bring it back.
Closing for now — inactive for too long. Please open a new issue if this is still relevant.