#399

frontend/AGENTS.md

@@ -129,6 +129,10 @@ pass or the remaining failure is clearly blocked.
   it is JSX- or React-specific.
 - Preserve compact TSX expression shapes such as inline ternary branches and
   closing `</div>)` forms when nearby code uses them.
+- Multi-stage ternary expressions must use explicit parentheses for each
+  condition group and nested ternary branch. Do not rely on indentation alone
+  to show `?` / `:` pairing, and extract a helper or `if` when a three-stage
+  ternary still reads poorly after grouping.
 - Treat TypeScript and TSX formatting rules as hard constraints, not
   preferences. Before finishing a TypeScript or TSX edit, inspect the edited
   hunks for closing `)`, `]`, and `}` placement and fix violations instead of