## Workflow Graphics (ComfyUI)

Add static images to your ComfyUI canvas as non-executable overlay nodes. Useful for logos, watermarks, or visual guides inside your workflow.

### Install
- Place this folder (`ComfyUI_Workflow_Branding`) in `ComfyUI/custom_nodes/`.
- Restart ComfyUI.

### Node
- Category: `branding`
- Name: `Workflow Graphics`

### Usage
1. Add the node by searching for `Workflow Graphics`.
2. Open the node’s panel (double‑click the node or use the right‑side properties).
3. Paste an image as either:
   - A complete data URL: `data:image/png;base64,...`
   - Raw base64 (assumed PNG)
4. Adjust:
   - `Scale (%)`: 0–100 of the image’s natural size
   - `Opacity`: 0..1
   - `Background Color`: any CSS color or `transparent`
   - `Border Radius`: radius in pixels
5. Pin the node (ComfyUI pin) to allow click‑through over the canvas while keeping it visible.
6. Use the context menu item `Reload Workflow Graphics` if you manually changed the base64 and want to refresh.

Notes:
- This is a frontend‑only node; it does not participate in execution.
- The node size auto‑matches the displayed image dimensions.

### Dev helpers
In the browser console you can run `window.refreshBrandingImages()` to reload all Workflow Graphics nodes on the canvas.

### Support
If this saved you time, you can support development here: `https://ko-fi.com/pixelworldai`