Fix layout issues with asciinema player (#1412)

* Fix issues in asciicinema/lightbox

- memo to prevent unneeded rendering
- constrain lightbox contents to viewport

* Remove extraneous preact chars

* add changelog

* Improve tool input / output appearance when rendered in vscode

---------

Co-authored-by: jjallaire-aisi <[email protected]>

CHANGELOG.md

@@ -15,6 +15,8 @@
 - Bugfix: Catch standard `TimeoutError` for running shell commands in the computer tool container.
 - Bugfix: Fix audio and video inputs for new Google GenAI client.
 - Bugfix: Ensure that token limits are not enforced during model graded scoring.
+- Inspect View: Fix layout issues with human agent terminal session playback.
+- Inspect View: Improve tool input / output appearance when rendered in VSCode.
 
 ## v0.3.70 (25 February 2025)
 

src/inspect_ai/_view/www/App.css

@@ -805,15 +805,19 @@ table.table.table-sm td {
   overflow: unset;
 }
 
+.markdown-content pre[class*="language-"],
 pre[class*="language-"].tool-output,
 .tool-output {
   background-color: #f8f8f8;
 }
+
+.vscode-dark .markdown-content pre[class*="language-"],
 .vscode-dark pre[class*="language-"].tool-output,
 .vscode-dark .tool-output {
   background-color: #333333;
 }
 
+.markdown-content pre[class*="language-"],
 pre[class*="language-"].tool-output {
   border: none !important;
   box-shadow: none !important;