Fluksio/app
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Brain: neurons in the mark's blue, ringed in destructive when they cannot run

Browse Source 
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XC2jX6Hdj7pxGGKzBTrbqB
This commit is contained in:
stroblme
2026-08-17 14:50:39 +02:00
co-authored by Claude Opus 5
parent a1265450df
commit 18837e8880
4 changed files with 63 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Flow/flow.css
+20 -24
View File
@@ -140,41 +140,31 @@
}
/*
* A neuron is a filled disc rather than an outline: a `--card` circle on
* `--background` is a hairline in light and all but nothing in dark.
* A neuron is the node of the brand mark: a disc of the identity blue inside a
* thick ring, wired to its neighbours. The ring thickness is a share of the
* diameter and lives in `BrainNode`, which is where the diameter is known.
*
* The fill is neutral, and stays neutral — status still speaks only through the
* border and the word under it. What its lightness carries is how recently this
* page saw the neuron publish: brightest just after it fires, decaying to a
* floor it never drops below, so a graph left open sorts itself into what is
* busy and what is not. A fresh page has seen nothing either way, so everything
* starts at `.brain-idle`, halfway, claiming no history it does not have.
* The fill is identity and carries no status — that is the ring's job, and the
* word under it. What the fill's lightness carries is how recently this page
* saw the neuron publish: brightest just after it fires, decaying to a floor it
* never drops below, so a graph left open sorts itself into what is busy and
* what is not. The floor stays blue enough to still read as the mark. A fresh
* page has seen nothing either way, so everything starts at `.brain-idle`,
* halfway, claiming no history it does not have.
*/
.brain-cell {
cursor: pointer;
background-color: color-mix(
in srgb,
var(--muted-foreground) 28%,
transparent
);
background-color: color-mix(in srgb, var(--primary) 50%, transparent);
transition: border-color var(--duration-base) var(--ease-standard);
}
.brain-cell.brain-idle {
background-color: color-mix(
in srgb,
var(--muted-foreground) 42%,
transparent
);
background-color: color-mix(in srgb, var(--primary) 65%, transparent);
}
/* Snapped into, decayed out of — never the other way round. */
.brain-cell.brain-hot {
background-color: color-mix(
in srgb,
var(--muted-foreground) 65%,
transparent
);
background-color: color-mix(in srgb, var(--primary) 90%, transparent);
transition: none;
}
@@ -186,9 +176,15 @@
}
}
/*
* Outside the ring rather than in it: the ring is what says whether this neuron
* can run, and the disc is already `--primary`, so recolouring either to mark
* the pointer would either overwrite a status or vanish into the fill.
*/
.brain-cell:hover,
.react-flow__node:focus-visible .brain-cell {
border-color: var(--primary);
outline: 2px solid var(--ring);
outline-offset: 2px;
}
/*