1. Do multiple Web APIs manage one callback queue 2. When does event loop prioritise tasks in the queue?

Clarification 1: I am looking to identify the mutually exclusive factors that identify whether a task is located in the Web API vs in the Callback Queue.

The instruction mentions the following factors "You can think of the callback queue as a holding area for all the callbacks that are waiting to be put on the call stack and eventually executed. Only callbacks for (non-blocking) operations that are scheduled to complete execution at a later time"

Contrary to the above, the graphic depicting the callback queue shows the setTimeout callback waiting for 1s in the Web API box. It would seem that the Web API is the 'holding area'.

"After the 1000ms delay is up, func2 moves to the callback queue where it waits to be pushed onto the call stack."

"The web APIs add each async task to the callback queue where they wait to be pushed onto the call stack and executed one at a time."

How is the Web API adding the async tasks to the callback queue? How can multiple APIs add their tasks to one callback queue?

Clarification 2: "Anytime the call stack is empty, the event loop takes the first task from the callback queue and pushes it onto the call stack, and runs it."

What if the call stack is never empty? Doesn't that mean this code will be executed last? If so, just add it to the bottom of the js file instead right?