ComfyUI Dual Panel Subgraph Viewer

A frontend extension for ComfyUI that allows you to open and edit subgraphs in a right-hand panel, instead of replacing the main canvas.

---

Important

This extension is a demonstration prototype, created to explore the idea of viewing subgraphs in a dual-column layout.
It is highly experimental and not intended for practical use.
Stability and compatibility are not guaranteed, and crashes or rendering issues may occur.

---

Overview

https://github.com/user-attachments/assets/ef51bdcf-4bef-4a71-bff0-f03aa01e661f

• Click the icon in the upper right corner of a Subgraph node, or double-click the node, to open the subgraph editor in a right-hand panel.
• Drag the edge of the panel to change its width.
• Click the Close button in the upper right corner of the panel to close it.

---

Technical Limitations and Known Issues

• The double-click canvas menu uses the legacy implementation, as the Vue-based menu could not be integrated.
• Multi-text input fields (such as those in CLIP Text Encode nodes) are unavailable because the subgraph’s LGraphCanvas runs outside ComfyUI’s Vue component tree, preventing event binding and input initialization.
• Both the main and subgraph canvases can have nodes selected at the same time. When the mouse moves into the subgraph panel, selections in the main panel are cleared.
• Copy and paste shortcuts (Ctrl + C / V) do not work within the subgraph panel.
• The layout may momentarily break or render incorrectly while resizing the subgraph panel.
• Deleting a node inside a subgraph sometimes displays the message Nothing Selected.

---

Disclaimer

This extension is an experimental proof of concept.
It may stop working with future versions of ComfyUI.
Use at your own risk and avoid deploying it in production environments.