refactor: add total steps display in TurtleDetails for better status tracking

2026-02-20 04:24:36 -05:00
parent 8f4eeabee9
commit d2718b3287
1 changed files with 8 additions and 0 deletions
--- a/client/src/components/ControlPanel.jsx
+++ b/client/src/components/ControlPanel.jsx
@@ -198,6 +198,14 @@ function TurtleDetails({ turtle }) {
              {turtle.fuel === 'unlimited' ? 'Unlimited' : turtle.fuel}
            </span>
          </div>
+          {turtle.totalSteps > 0 && (
+            <div className="status-item">
+              <span className="label">Steps:</span>
+              <span className="value">
+                {turtle.totalSteps} total ({turtle.stepsSinceLastRefuel || 0} since refuel)
+              </span>
+            </div>
+          )}
          <div className="status-item">
            <span className="label">Position:</span>
            <span className="value">