From 83b13fcd26bc392043e7998eec6f923624b457d3 Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Thu, 12 Mar 2026 23:27:44 -0400
Subject: [PATCH] polish: use 'step' instead of 'node' in procedural editor
 validation hints

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/components/tree-editor/ValidationSummary.tsx | 7 ++++---
 frontend/src/pages/ProceduralEditorPage.tsx               | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/tree-editor/ValidationSummary.tsx b/frontend/src/components/tree-editor/ValidationSummary.tsx
index c267b42f..8e769735 100644
--- a/frontend/src/components/tree-editor/ValidationSummary.tsx
+++ b/frontend/src/components/tree-editor/ValidationSummary.tsx
@@ -8,9 +8,10 @@ interface ValidationSummaryProps {
   onSelectNode: (nodeId: string) => void
   onFixWithAI?: () => void
   isFixing?: boolean
+  itemLabel?: string
 }
 
-export function ValidationSummary({ errors, onSelectNode, onFixWithAI, isFixing }: ValidationSummaryProps) {
+export function ValidationSummary({ errors, onSelectNode, onFixWithAI, isFixing, itemLabel = 'node' }: ValidationSummaryProps) {
   const [isExpanded, setIsExpanded] = useState(true)
 
   const errorItems = errors.filter(e => e.severity === 'error')
@@ -114,7 +115,7 @@ export function ValidationSummary({ errors, onSelectNode, onFixWithAI, isFixing
                 <p className="text-red-400">{error.message}</p>
                 {error.nodeId && (
                   <p className="mt-0.5 text-xs text-muted-foreground">
-                    Click to select node: {error.nodeId}
+                    Click to select {itemLabel}: {error.nodeId}
                   </p>
                 )}
               </div>
@@ -138,7 +139,7 @@ export function ValidationSummary({ errors, onSelectNode, onFixWithAI, isFixing
                 <p className="text-yellow-400">{warning.message}</p>
                 {warning.nodeId && (
                   <p className="mt-0.5 text-xs text-muted-foreground">
-                    Click to select node: {warning.nodeId}
+                    Click to select {itemLabel}: {warning.nodeId}
                   </p>
                 )}
               </div>
diff --git a/frontend/src/pages/ProceduralEditorPage.tsx b/frontend/src/pages/ProceduralEditorPage.tsx
index 511dfc0b..a00611ee 100644
--- a/frontend/src/pages/ProceduralEditorPage.tsx
+++ b/frontend/src/pages/ProceduralEditorPage.tsx
@@ -409,6 +409,7 @@ export function ProceduralEditorPage() {
               onSelectNode={handleSelectStep}
               onFixWithAI={handleFixWithAI}
               isFixing={isFixing}
+              itemLabel="step"
             />
           </div>
         )}