frontend: Switch to Jupyter IPython tab when the first RUN_IPYTHON action is received.

[xingyaoww]

What problem or use case are you trying to solve?

Now that #1363 is merged. The issue now is that whenever the agent (you should use CodeActAgent for debugging) issues an IPython execution action, the Jupyter IPython tab will show a blue active circle. But the front-end interface will NOT switch to that tab.

Describe the UX of the solution you'd like

The front-end should automatically switch to the Jupyter IPython tab when a RUN_IPYTHON action is received by the front-end so that the user can realize that the model is actively doing something.

But we probably don't need to go there everytime a new RUN_IPYTHON action is received (e.g., the user may want to take a look at the what is in the code editor, and it can be annoying if we keep jump user back to the Jupyter tab).

Do you have thoughts on the technical implementation?

Describe alternatives you've considered

Additional context

You can start work on this by using CodeActAgent, asking it "Can you print hello world first, then plot a figure of equation (y=x, x=0,1,2,3,4) using matplotlib?".

Demo video:

codeact-agent-juputer-plot.mp4