Dark mode and a rewritten chat experience

Boris Janković

3 min read

A full dark theme lands across the canvas, chat gets Cursor-grade message queuing and a draggable tab strip, and a long list of editor and AI improvements ship alongside.

Features

  • Full dark theme across the canvas app. Dark mode now covers the canvas UI and visual styling across the app. Page backgrounds respect the theme and remember their persisted color.
  • Quiver AI SVG generation. Ask Wonder to generate a vector, and it streams a Quiver SVG straight onto the canvas. Background tabs and partial chunks no longer break the stream, and SVG nodes export cleanly back out.
  • Message queuing in chat. Cursor-grade queuing. Type the next prompt while the model is still answering, hit send, and we queue it up. No compromises around streaming order or context.
  • Chat tab strip with drag-to-reorder. Multiple chats in a file, draggable to reorder, plus a history dropdown, an X to close on the icon, and a banner for currently selected nodes.
  • Find every shipped shortcut. Page switching with PgUp / PgDown / fn + arrows, hide or show frame title from right-click, scramble-text animation when the AI renames a layer, double-click the file name in the editor header to rename, and Option-scrubbing on linked layout values.

Editor improvements

  • New editor top chrome. Sidebar collapse icons, file name front and center, a restructured main menu with submenus. The whole top of the canvas got reorganized.
  • Sidebars are resizable again. Drag the divider to set sidebar widths back where you want them.
  • Floating minimized chrome. When you collapse a sidebar, the minimal controls now float instead of taking layout space.
  • Multi-selection on width and height inputs. Set the size of every selected element at once without changing layout type.
  • Better shadow controls. The shadow section of the properties sidebar is rebuilt with cleaner controls.
  • Frame title visibility from the layer list. Toggle whether the title shows above the frame from the layers panel.
  • Default text on hug-hug. Adding text inside an Auto Layout that hugs in both directions now picks a sensible default instead of getting trapped in a zero-width frame.

AI improvements

  • Rethought chat formatting. Cleaner code blocks, clearer streaming, less visual noise. The implement-design prompt was trimmed to just the copy implementation step.
  • Split chat model selector into Agent / Image / Vector. Three discrete buckets so the right model is one tap away.
  • Visible selected-context border animates only while the cursor moves. Subtle change, but it means the canvas is calmer during idle generation.
  • Right-click fix action. Send selected nodes to your preferred tools for repair.

Bug fixes

  • Visible properties no longer flicker on the visibility toggle.
  • Gradient color stops now open the color picker on click.
  • Truncate now works on text nodes.
  • Toast variants now use the larger white Wonder logo and refreshed styles.
  • Loading screen gets a small hop animation.
  • Multiple text selections no longer show colors as background fills.
  • Right-click context menu no longer shows canvas-only items on non-canvas pages.
  • Stale chat context, ongoing-generation state, and the toast message when out of free tokens are all fixed.