From 858caf7434ccad58f84337015937efc369ef3d41 Mon Sep 17 00:00:00 2001
From: Bryan Helmkamp <bryan@brynary.com>
Date: Thu, 7 May 2026 16:16:16 -0700
Subject: [PATCH] style(web): show errored tool calls with red Error label, not
 red pill

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 apps/fabro-web/app/routes/run-stages.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/fabro-web/app/routes/run-stages.tsx b/apps/fabro-web/app/routes/run-stages.tsx
index b3396d01d..887bc1d62 100644
--- a/apps/fabro-web/app/routes/run-stages.tsx
+++ b/apps/fabro-web/app/routes/run-stages.tsx
@@ -231,9 +231,6 @@ function turnLabel(turn: TurnType): string {
 }
 
 function turnTone(turn: TurnType): string {
-  if (turn.kind === "tool" && turn.isError) {
-    return "bg-coral/15 text-coral";
-  }
   switch (turn.kind) {
     case "system":
       return "bg-amber/15 text-amber";
@@ -421,6 +418,11 @@ function EventRow({
         {turnSummary(turn)}
       </span>
       <span className="inline-flex items-center justify-end gap-1.5 font-mono text-xs tabular-nums text-fg-muted">
+        {turn.kind === "tool" && turn.isError && (
+          <span className="rounded bg-coral/15 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wider text-coral">
+            Error
+          </span>
+        )}
         {MetricIcon && <MetricIcon className="size-3" aria-hidden="true" />}
         {metric ?? ""}
       </span>