From d2718b3287291fe88214862a24aa43c59f6786be Mon Sep 17 00:00:00 2001
From: MayaTheShy <MayaTheShy@gmail.com>
Date: Fri, 20 Feb 2026 04:24:36 -0500
Subject: [PATCH] refactor: add total steps display in TurtleDetails for better
 status tracking

---
 client/src/components/ControlPanel.jsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/client/src/components/ControlPanel.jsx b/client/src/components/ControlPanel.jsx
index 30c8327..dcd0d39 100644
--- 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">