[FEATURE]: Pan and zoom controls for mermaid diagrams (Desktop) #57620

Activity

1. opencode-agent commented on Oct 21, 2026

   

   opencode-agentBot

   on Oct 21, 2026 – with OpenCode Agent

   Contributor

   More actions

   Thanks for the suggestion, @congchuahiep! You're asking for interactive pan and zoom on Mermaid diagrams in OpenCode Desktop: zoom with the mouse wheel or a trackpad pinch, optional + / - / Reset buttons, and click-and-drag or scrolling to move around a zoomed diagram. That would make large architecture diagrams and long sequence diagrams much easier to read.

   Maintainers will consider it. Thanks for offering to open a PR; it's probably best to wait for a maintainer to respond here before starting.

   Related issues and PRs:

   • desktop: session column capped at 744px on wide monitors, clipping diagrams and tables #54800: the session column is capped at 744px, so wide diagrams get cut off
   • feat(session-ui): replace mermaid with pele for synchronous CSS-themed SVG diagrams #57004: an open PR that replaces the Mermaid renderer in session-ui and touches the same code a pan/zoom change would
   • Version 2 Web - Mermaid Diagram - Not Copy-able #49829 and fix(session-ui): show copy button for rendered Mermaid diagrams #52056: copying rendered Mermaid diagrams
   • [FEATURE]: Plugin UI surface for the web/desktop app, mirroring the TUI plugin API #43132: letting plugins extend the Desktop/web UI. Plugins can't change how chat content is shown yet, so this can't be done as a plugin for now.