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

Give the traceback button its width back

Browse Source 
Reserving a slot for all three status controls left 72px for a node's title,
against about 140px before. Only the stop button and the dot come and go on
their own; the traceback button appears when a node newly fails and goes when
someone acknowledges it, which is a thing to notice rather than a flicker. It
goes back in the row, and the title gets 106px.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016ZeGnqVsf5VHQqvz4HdUhN
This commit is contained in:
stroblme
2026-08-23 09:28:25 +02:00
co-authored by Claude Opus 5
parent 31f603cc5f
commit c9f672c65f
1 changed files with 48 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Flow/FlowNode.tsx
+8 -7
View File
@@ -226,11 +226,14 @@ function FlowNodeComponent({ data, selected }: NodeProps) {
{typeLabel}
</span>
</span>
{/* Each control sits in a slot that is there whether the control
is or not. They come and go with what the node is doing — and a
node running many times a second comes and goes that often — so
in the flex row itself they would resize the card on every
execution, which reads as a flickering shape. */}
{/* This and the dot below sit in slots that are there whether the
control is or not: both come and go on their own — a node running
many times a second mounts and unmounts this on every execution —
and in the flex row itself that resizes the card each time, which
reads as a flickering shape. The traceback button below is left
in the row on purpose: it appears when a node newly fails and
goes when someone acknowledges it, which is a thing to notice
rather than a flicker, and a slot for it costs the title 34px. */}
<span className="flex size-6 shrink-0 items-center justify-center">
{running ? (
<Tooltip>
@@ -259,7 +262,6 @@ function FlowNodeComponent({ data, selected }: NodeProps) {
) : null}
</span>
<span className="flex size-6 shrink-0 items-center justify-center">
{(status === "error" || failedEarlier) && onShowLogs ? (
<Tooltip>
<TooltipTrigger asChild>
@@ -300,7 +302,6 @@ function FlowNodeComponent({ data, selected }: NodeProps) {
</TooltipContent>
</Tooltip>
) : null}
</span>
<span className="flex size-2 shrink-0 items-center justify-center">
{style ? (