Draw every flow as one graph, merged on what it talks to

A node type can now say which outside thing its parameters point at, and
nodes sharing one — a broker topic, a URL, a bucket — are drawn as a single
neuron on a new /brain canvas. That makes the wiring which runs between
flows through a broker visible for the first time; no single flow's canvas
can show it. The key is read off stored parameters, so a credential
reference never reaches an id.

Layout is a d3 force simulation settled once and then frozen, lit by the
socket the editor already listens to: a neuron pulses when any node behind
it publishes, and its connections light as values pass.

Fixes the message pulse while here: interpolating the stroke against the
edge's `color-mix()` resting colour went through oklab and left the gamut,
which turned every pulse on both canvases fluorescent yellow.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017MeiWk3Yq12n2pTvnQWYvt

This commit is contained in:

stroblme

2026-08-16 22:59:31 +02:00

co-authored by

Claude Fable 5

parent af3ba51571

commit 4bcd38354b

25 changed files with 790 additions and 4 deletions

									
										frontend/src/routes/_canvas/brain.tsx
									
		+8
		
												View File
												
				@@ -0,0 +1,8 @@

				import { createFileRoute } from "@tanstack/react-router"

				import { BrainView } from "@/components/Flow/BrainView"

				export const Route = createFileRoute("/_canvas/brain")({

				  component: BrainView,

				  head: () => ({ meta: [{ title: "Brain - Fluksio" }] }),

				})