Description
The existing modal for viewing details about an event in the History viewer sends a json blob to the prismjs react element, rendering this content with syntax highlighting. Prismjs [reasonably] does no inspection into the elements of the JSON it is passed and merely renders each element of the list on its own line. For ActivityTaskFailed's that resulted from a panic, or some other returned stacktrace, this results in a very lengthy horizontally-scrollable element on the page:
A better user experience would detect and render the panic / stacktrace along the existing line breaks and tab characters contained within the string. This would significantly aid in the developer experience of triaging and debugging workflow failures.
I am not sure the exact solution here so did not accompany this request with any code. I don't see an obvious way in prismjs to translate the linebreak and tab escapes in a way that would be amicable to its <code> formatting.
Just to be clear on the ask though, even just respecting the line breaks would be an improvement (as opposed to full golang stacktrace support, which could presumably be added to prismjs directly as other stacktrace formats are supported, namely from java and javascript). Here is a mock up of my ideal:
