New Tracing features in dev UI

[wyf7107]

Hi all, we are excited to share a new tab: Trace, which has some amazing new features that you will LOVE.

We have a new tab "Trace" which contains all traces grouped by user messages. Each trace row is clickable and hoverable. Upon hover the corresponding message will be highlighted in the chat window. Upon click, a bottom panel will show up that contains Event detail, Request, Response, and Graph that corresponds to that trace row.

In the trace tree, blue rows indicate that there is an event generated and clicking it will open the bottom event detail panel which is size adjustable.

Enjoy!