Skip to content
Wonder

Introducing Dev view: your files, terminals and pull requests beside the chat

Boris Janković

Dev view gives your chat the whole window, with your files, code changes, terminals and pull request beside it. It's the same worktree, agent and conversation you had on the canvas, so you can go from designing to building without losing your place. Switch with the Design and Code toggle in the top right, press ⌘⇧., or choose Switch to dev view in ⌘K. Dev view is in the desktop app for Mac and Windows: download it here.

Dev view

  • Switch in one click. Move between the canvas and Dev view whenever you like. Your chat, files and terminals stay with the worktree.
  • Terminals in every worktree. Each terminal runs in the chat's worktree on your computer, with your own shell setup and nothing of Wonder's on top. Open several as tabs, search the output with ⌘F, and add any part of it to the chat. ⌘J shows or hides the panel.
  • Your files and changes. Browse every file in the worktree or only what changed, and compare uncommitted work with everything on the branch. Open a file to read it, edit it or review its diff beside the chat, send selected lines to the agent with ⌘L, or open it in Cursor, VS Code, Zed, Xcode and other editors.
  • Ship from the same place. One button always offers your next step: publish to GitHub, commit and push, create a pull request or a draft, update the branch, mark it ready for review, and merge. When checks fail, a review asks for changes or the branch has conflicts, the same button hands the fix to your agent.
  • Your pull request beside the chat. See its title, description, labels, every check and its reviews without leaving Wonder, and set the panel to open on it.
  • Run your app. Start or stop the Preview of the chat's worktree with ⌘⇧P. The running app appears on your canvas.
  • Bring your terminal conversations. Type /resume to continue a Claude Code or Codex conversation you started in your terminal as a Wonder chat.
  • Start in Dev view. Desktop onboarding now asks whether you mainly design or build. Developers finish onboarding in Dev view with a short tour of the terminal, files, changes and shipping, and get the canvas tour the first time they open the canvas.

Projects and worktrees

  • Set up every new worktree automatically. Give a repository a command to run whenever a worktree is created, before its chat starts. Run it again anytime and see what the setup and archive commands printed.
  • Keep worktrees where you want them. Choose the folder a repository's new worktrees go in, such as your own .worktrees folder.
  • Work in the repository folder. Turn on Settings → Agents → Show advanced repository controls to start a chat in a repository's own folder, on whatever branch it has, with its changes, files, terminals and Preview.
  • Any folder, with or without Git. Use a folder that isn't a Git repository as it is, and set up Git only if you want to.
  • Quick chats get the full toolset. Every quick chat is now a worktree with its own terminal, changes, files and Preview, and you can turn one into a repository of its own.
  • Pin worktrees and chats to the top of the sidebar. The sidebar also marks chats that hold a message you haven't sent, and asks before you archive one.
  • A more useful chat history. Each chat shows its agent, when it was last active and whether it has results you haven't seen yet.

Agents

  • Never stuck at a usage limit. When an account reaches its limit, Wonder tells you when it resets and, if you've connected more than one account, offers one that still has room. It also warns you before you send from an account that's out.
  • Pick your defaults. Choose which agent new chats start on, and a default model for each agent, in Settings → Default Models.
  • Personal and team subscriptions. Connect both your personal and your team's Claude subscription, even when they use the same email, and sign out of or remove any account.
  • Computer Use in Codex chats. Turn it on in Settings. It follows the chat's permission mode.
  • Agents read Office files. Attach Word, Excel and PowerPoint files and your agent can read them.
  • Ask where anything is. Ask your chat where a setting or command lives, and it answers from the version of Wonder you're running. Settings search now finds any row.
  • See the designs an agent made. They show at the top of its reply, each with its progress and a link.
  • A smoother chat. Replies fade in word by word without half-built lists or tables, and long chats open faster and use less memory.

Preview

  • Point at what you mean. Inspect in the Preview selects an element and adds it to the Preview's chat, so your agent knows exactly what you mean. Editing the running app in place and Apply are retired: your agent makes the change in your code instead.
  • More apps start. Apps started with docker run or in a Podman container open in the Preview, Previews use the .env values your app reads in its worktree, and a missing .env file is offered instead of being reported as a missing command.

Canvas

  • A new color picker with Display P3. Switch between sRGB and Display P3, pick on a perceptually even color map, and keep wide-gamut colors when you paint and export. OKLCH colors you paste or type keep their exact values, I picks a color from the screen, and undo and redo work while the picker is open.
  • Crop images. Crop any image on the canvas with aspect-ratio presets and a scale control. Image crops in pasted Figma frames are kept.
  • Generate with several models at once. Select more than one image or vector model and Wonder makes one from each, at the same time. Generated SVGs now draw themselves onto the canvas stroke by stroke.
  • Edit across frames. Select layers in different frames, each with its own selection box, and change colors across a frame and everything inside it.
  • Variables right in their fields. Search, replace and detach variables in any property field, and change the opacity of a color variable.
  • Files open faster. A file now loads with a single request, big pages draw what's on screen first, and the canvas no longer waits for fonts before it shows.
  • Big boards stay smooth when you zoom out, pan, select and drag many frames.
  • A clearer layout panel across Flex, Grid and Block.
  • Better captures. Captured documentation keeps its background and editable layout, and image-heavy pages keep every image.

Also new

  • The web canvas matches the desktop app, with the toolbar at the bottom and your saved views.
  • Pick an app icon in Settings.
  • One Account page for your profile, password and sign-in.
  • Show a repository's folder in Finder from its menu in the sidebar.
  • New Preview docs. Learn how to preview your running app, set it up and fix it when it won't start.

Bug fixes

  • Fixed the desktop chat crashing and reloading in long chats.
  • Fixed typing lag in the chat's message box while an agent replies.
  • Fixed Codex chats that failed every message with "The turn couldn't finish".
  • Fixed Claude chats losing their canvas tools behind an HTTPS proxy.
  • Fixed false "Claude could not complete the request" alerts after changing a chat's model, effort or account.
  • Fixed Sign in, Retry and Refresh in a chat's Tools menu not connecting the tool.
  • Fixed Claude Code and Codex never finishing setup on Windows.
  • Fixed a file opened from Uncommitted showing the whole branch's change.
  • Fixed Continue with Google showing nothing in the desktop app.
  • Fixed Update Wonder doing nothing when the update had already downloaded, and Wonder never updating when run from the disk image or the Downloads folder.
  • Fixed exporting a renamed frame under its old name.
  • Fixed broken gradient handles in the color picker.
  • Fixed OKLCH colors from Tailwind imports and agent-made tokens looking wrong on the canvas.
  • Fixed renaming several selected layers at once.
  • Fixed sign-up and the email code screen having no way back to sign-in.