Navbar floats over the canvas (app/page.tsx). The TopBar was a flex row
sitting on --bg-app, so it read as a solid color band above the grid. It's now
lifted out of flow (absolutely positioned), letting the dot grid run edge-to-edge
while the navbar's pills float over it. The header background was already
transparent.
Connections on all four sides (components/Canvas.tsx). Every node only had a
target handle on the left and a source on the right, so strings could only
attach to the sides. Added a shared NodeHandles with handles on top/right/bottom/
left and switched React Flow to ConnectionMode.Loose, so any handle can be a
connection start or end. Edges still persist as source/target node ids.
Fixed
Video cards are draggable again (components/cards/VideoCard.tsx). A loaded
YouTube/Vimeo/Loom iframe swallowed pointer events, so the card couldn't be
dragged. The iframe now has pointer-events: none until the user clicks a play
overlay, which hands events to the iframe and autoplays. Dragging works freely
before playback.
