update

public/cuelist.json

@@ -52,7 +52,8 @@
             "description": "debug-phone part",
             "clientCue":"Q4",
             "duration":97,
-            "auto":true
+            "auto":true,
+            "debug":true
         },{
             "id": 7, 
               "name": "CQ4.11", 
@@ -61,7 +62,8 @@
               "lightCue":"fade_out_light",
               "duration":298,
               "clientCue":"Q4.11",
-              "auto": true
+              "auto": true,
+              "debug":true
         },
         { 
             "id": 5, 
@@ -71,7 +73,8 @@
             "audioCue": "Q4",
             "status":"end",
             "lightCue":"fade_in_light",
-            "clientCue":"Q6"
+            "clientCue":"Q6",
+            "debug":true
         }
     ]
 }

src/App.jsx

@@ -253,7 +253,7 @@ function App() {
                 </thead>
                 <tbody>
                     {cuelist?.map(({id, name, description, type, auto,...props}, index) => (
-                        <tr key={id} className={currentCue?.id === id ? 'bg-green-200' : ''}>
+                        <tr key={id} className={currentCue?.id === id ? 'bg-green-200' : `${props.debug && 'text-red-500'}`}>
                             <td className="flex flex-row gap-2">
                                 <button
                                     onClick={()=>{