+                        
+                            
+                                
+                            
+                            
+                                Moves Left:{" "}
+                                {moves ? `${moves.remaining}` : "Need to Spawn"}
+                            
+                            
+                                {position
+                                    ? `x: ${position?.vec?.x}, y: ${position?.vec?.y}`
+                                    : "Need to Spawn"}
+                            
+                            
+                                {moves && moves.last_direction}
+                            
+                        
+                    
+                        
+                            {[
+                                {
+                                    direction: "Up" as const,
+                                    label: "↑",
+                                    col: "col-start-2",
+                                },
+                                {
+                                    direction: "Left" as const,
+                                    label: "←",
+                                    col: "col-start-1",
+                                },
+                                {
+                                    direction: "Right" as const,
+                                    label: "→",
+                                    col: "col-start-3",
+                                },
+                                {
+                                    direction: "Down" as const,
+                                    label: "↓",
+                                    col: "col-start-2",
+                                },
+                            ].map(({ direction, label, col }) => (
+                                
+                            ))}
+                        
+