Correct vscode dark mode api call display

CHANGELOG.md

@@ -19,6 +19,7 @@
 - Inspect View: Fix layout issues with human agent terminal session playback.
 - Inspect View: Improve tool input / output appearance when rendered in VSCode.
 - Inspect View: Display reasoning tokens in model usage for the samples and for the complete eval.
+- Inspect View: Improve model api request / response output when rendere in VSCode.
 
 ## v0.3.70 (25 February 2025)
 

src/inspect_ai/_view/www/App.css

@@ -811,12 +811,14 @@ pre[class*="language-"].tool-output,
   background-color: #f8f8f8;
 }
 
+.vscode-dark .model-call pre[class*="language-"],
 .vscode-dark .markdown-content pre[class*="language-"],
 .vscode-dark pre[class*="language-"].tool-output,
 .vscode-dark .tool-output {
   background-color: #333333;
 }
 
+.model-call pre[class*="language-"],
 .markdown-content pre[class*="language-"],
 pre[class*="language-"].tool-output {
   border: none !important;

src/inspect_ai/_view/www/dist/assets/index.js

@@ -53777,7 +53777,7 @@ self.onmessage = function (e) {
       if (!contents2) {
         return null;
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$t.codePre, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("model-call"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$t.codePre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "code",
         {
           id,

src/inspect_ai/_view/www/src/samples/transcript/ModelEventView.tsx

@@ -189,8 +189,8 @@ export const APICodeCell: FC<APICodeCellProps> = ({ id, contents }) => {
   }
 
   return (
-    <div>
-      <pre className={styles.codePre}>
+    <div className={clsx("model-call")}>
+      <pre className={clsx(styles.codePre)}>
         <code
           id={id}
           ref={codeRef}