#3 Grey the whole workflow on a blocked run (it never routed)

A blocked run (duplicate) fails a control at intake before any gate routes, so the
block step emits empty approval `steps`. The graph then drew the full workflow with no
statuses, reading as if the bill routed normally through Manager -> Director -> Post,
which is misleading. Detect a blocked run (approval outcome `blocked`, or matching
verdict `duplicate`) and mark every step `skipped`, so the canvas greys out to show the
workflow was NOT taken; the red outcome banner carries the why.

Reuses the existing `skipped` node style (already greyed at 45%) — no new concept, no
layout change.

NOTE: typechecks and reuses a tested style path; not confirmed live (the blocked run's
vision extraction kept it mid-run past the screenshot window). To verify: run INV-2041
(the duplicate) and check the graph greys once it resolves.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: DylanMerigaud

components/dashboard.tsx

@@ -121,6 +121,17 @@ const readRunGraph = (
       }
     }
   }
+  // A BLOCKED run (duplicate) never entered the workflow: a control failed at intake
+  // before any gate could route, so the block step emits an empty `steps`. Drawing the
+  // full workflow with no statuses reads as if the bill routed normally, which is
+  // wrong. Grey EVERY node (status "skipped") so the canvas shows the workflow was not
+  // taken, and let the red outcome banner carry the why. Detected from the outcome
+  // (approval `blocked`) or the matching verdict (`duplicate`).
+  if (isBlockedRun(trace, approval.data)) {
+    const skipped: StepStatuses = {};
+    for (const s of parsed.data.steps) skipped[s.id] = "skipped";
+    return { workflow: parsed.data, statuses: skipped };
+  }
   // Resolve the LINEAR path THIS invoice takes: evaluate each gate's condition
   // against the matched invoice and drop the ones that don't apply (rewiring edges),
   // so the reviewer sees Manager → Post, not an ambiguous Manager → Director AND
@@ -131,6 +142,19 @@ const readRunGraph = (
   return { workflow: resolvePath(parsed.data, ctx), statuses };
 };
 
+/** True when the run was blocked at a pre-workflow control (a duplicate), so nothing
+    routed. Reads the approval event's `outcome` (blocked) or the matching verdict. */
+const isBlockedRun = (
+  trace: TraceEvent[],
+  approvalData: Record<string, unknown>,
+): boolean => {
+  if (approvalData["outcome"] === "blocked") return true;
+  const matching = trace.find(
+    (e) => e.stage === "matching" && e.kind === "step",
+  );
+  return isRecord(matching?.data) && matching.data["verdict"] === "duplicate";
+};
+
 /** Build the approval engine's InvoiceContext from the matching trace event, so the
     run graph's path can be resolved client-side. Returns undefined (draw the full
     graph) if the matching event isn't present/valid yet.