feat: enhance canvas functionality with scissors mode and node template updates

- Implemented visual feedback and cursor changes for scissors mode in dark and light themes, improving user interaction during edge manipulation.
- Updated node template picker to include new keywords for AI image generation, enhancing searchability.
- Renamed and categorized node types for clarity, including updates to asset and prompt nodes.
- Added support for video nodes and adjusted related components for improved media handling on the canvas.
This commit is contained in:
Matthias
2026-03-28 21:11:52 +01:00
parent 02f36fdc7b
commit cbfa14a40b
18 changed files with 1329 additions and 24 deletions

View File

@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" aria-hidden="true">
<!-- Lucide scissors-line-dashed, rotated -90deg; light strokes for dark canvas -->
<g transform="rotate(-90 12 12)" fill="none" stroke-linecap="round" stroke-linejoin="round">
<g stroke="rgba(255,255,255,0.6)" stroke-width="2.85" opacity="0.95">
<path d="M5.42 9.42 8 12"/>
<circle cx="4" cy="8" r="2" fill="none"/>
<path d="m14 6-8.58 8.58"/>
<circle cx="4" cy="16" r="2" fill="none"/>
<path d="M10.8 14.8 14 18"/>
<path d="M16 12h-2"/>
<path d="M22 12h-2"/>
</g>
<g stroke="#ffffff" stroke-width="1.08">
<path d="M5.42 9.42 8 12"/>
<circle cx="4" cy="8" r="2" fill="none"/>
<path d="m14 6-8.58 8.58"/>
<circle cx="4" cy="16" r="2" fill="none"/>
<path d="M10.8 14.8 14 18"/>
<path d="M16 12h-2"/>
<path d="M22 12h-2"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 947 B

View File

@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" aria-hidden="true">
<!-- Lucide scissors-line-dashed, rotated -90deg; dark strokes for light canvas -->
<g transform="rotate(-90 12 12)" fill="none" stroke-linecap="round" stroke-linejoin="round">
<g stroke="rgba(24,24,27,0.55)" stroke-width="2.85" opacity="0.95">
<path d="M5.42 9.42 8 12"/>
<circle cx="4" cy="8" r="2" fill="none"/>
<path d="m14 6-8.58 8.58"/>
<circle cx="4" cy="16" r="2" fill="none"/>
<path d="M10.8 14.8 14 18"/>
<path d="M16 12h-2"/>
<path d="M22 12h-2"/>
</g>
<g stroke="#27272a" stroke-width="1.08">
<path d="M5.42 9.42 8 12"/>
<circle cx="4" cy="8" r="2" fill="none"/>
<path d="m14 6-8.58 8.58"/>
<circle cx="4" cy="16" r="2" fill="none"/>
<path d="M10.8 14.8 14 18"/>
<path d="M16 12h-2"/>
<path d="M22 12h-2"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 945 B