Christian Byrne a0c02dfca6 make Vue nodes' outputs/previews responsively sized and work with node resizing (#5970) ...

## Summary

Added dedicated component for sampling previews and change all image
outputs (outputs, videos, previews) to be responsive and respond to node
resizing.



https://github.com/user-attachments/assets/7e683d32-4914-460c-ba08-4573c40aef24

## Changes

- **What**: Implemented `LivePreview` component for mid-execution
sampling visualization with responsive layout system
- **Dependencies**: Added resize handle composable and transform state
integration

## Review Focus

Node resize interaction conflicts with canvas dragging, and image
dimension calculation performance during rapid sampling updates.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-5970-make-Vue-nodes-outputs-previews-responsively-sized-and-work-with-node-resizing-2866d73d365081508d53e6e286a9a3fe)
by [Unito](https://www.unito.io)

---------

Co-authored-by: DrJKL <DrJKL@users.noreply.github.com>
Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: github-actions <github-actions@github.com>

2025-10-10 21:52:24 -07:00

..

minimap

cleanup: remove useCanvasTransformSync composables. (#5742)

2025-09-23 21:36:29 -07:00

vueNodes

make Vue nodes' outputs/previews responsively sized and work with node resizing (#5970)

2025-10-10 21:52:24 -07:00