From a0d31a6a2976aed23433364af9e7f4b596f4e868 Mon Sep 17 00:00:00 2001 From: stroblme Date: Sun, 23 Aug 2026 06:22:32 +0200 Subject: [PATCH] Draw the in-progress connection in the selected stroke `--xy-connectionline-stroke` was never set, so the line dragged between two ports took xyflow's `#b1b1b7` literal in both themes and was a hair thinner than the edge it became. It is a selection-like state, so it takes `--primary` and the canvas's own edge width. Co-Authored-By: Claude Opus 5 (1M context) Claude-Session: https://claude.ai/code/session_016ZeGnqVsf5VHQqvz4HdUhN --- frontend/src/components/Flow/flow.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/frontend/src/components/Flow/flow.css b/frontend/src/components/Flow/flow.css index faef60b..f313a6b 100644 --- a/frontend/src/components/Flow/flow.css +++ b/frontend/src/components/Flow/flow.css @@ -25,6 +25,12 @@ * back. Per canvas, because the brain draws its connections heavier. */ --edge-pulse-width: 2.5; + /* + * The line dragged between two ports is the edge it is about to become: the + * selected stroke at the same weight, so nothing shifts on release. + */ + --xy-connectionline-stroke: var(--primary); + --xy-connectionline-stroke-width: var(--xy-edge-stroke-width); --xy-handle-background-color: var(--card); --xy-handle-border-color: var(--muted-foreground); --xy-selection-background-color: color-mix(