From f0593487a76addb35c367482bd6996d8e30fbf52 Mon Sep 17 00:00:00 2001
From: gsinghpal <gur_preet.singh@outlook.com>
Date: Wed, 22 Apr 2026 09:04:38 -0400
Subject: [PATCH] feat(plating): Sub 3 Phase C \u2014 tree node MO-state
 palette (green=done, blue=active, red=error-only)

---
 .../static/src/scss/recipe_tree_editor.scss   | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/fusion_plating/fusion_plating/static/src/scss/recipe_tree_editor.scss b/fusion_plating/fusion_plating/static/src/scss/recipe_tree_editor.scss
index bbd7b30c..070ad01b 100644
--- a/fusion_plating/fusion_plating/static/src/scss/recipe_tree_editor.scss
+++ b/fusion_plating/fusion_plating/static/src/scss/recipe_tree_editor.scss
@@ -238,6 +238,31 @@ $re-line-w     : 2px;
         &.o_fp_recipe_drop_target {
             box-shadow: 0 0 0 3px #{$re-accent};
         }
+
+        // ---- MO-execution state palette (Sub 3) --------------------------
+        // Applied when rendering the tree in an MO context where each
+        // node can be mapped to a linked WO. Red is reserved for true
+        // error / blocked states — previously the "active" highlight
+        // used red which confused operators into seeing it as an error.
+        //   completed -> green   (WO done)
+        //   active    -> blue    (WO in progress)
+        //   failed /
+        //   blocked   -> red     (WO cancel OR quality hold active)
+        // Pending nodes (no WO, or WO pending/ready) keep the default
+        // card styling — no modifier class applied.
+        &.o_fp_re_card_completed {
+            background-color: color-mix(in srgb, var(--bs-success, #28a745) 10%, #{$re-card});
+            border: 2px solid var(--bs-success, #28a745);
+        }
+        &.o_fp_re_card_active {
+            background-color: color-mix(in srgb, #{$re-accent} 10%, #{$re-card});
+            border: 2px solid #{$re-accent};
+        }
+        &.o_fp_re_card_failed,
+        &.o_fp_re_card_blocked {
+            background-color: color-mix(in srgb, var(--bs-danger, #dc3545) 10%, #{$re-card});
+            border: 2px solid var(--bs-danger, #dc3545);
+        }
     }
 
     .o_fp_re_handle {