From e2c0a414a2841bfe076dddfb8c79b0b0053c5357 Mon Sep 17 00:00:00 2001
From: Charles Teague <cteague@gmail.com>
Date: Wed, 26 Feb 2025 14:16:22 -0500
Subject: [PATCH] Fix React Lint (#1414)

* Add react linting

* Fix react linting

* additional lint cleanup

* Fix no-undef lint

* Fix additional dependency lints
---
 src/inspect_ai/_view/www/dist/assets/index.js | 170 ++++++------
 src/inspect_ai/_view/www/eslint.config.mjs    |  25 +-
 src/inspect_ai/_view/www/package.json         |   6 +-
 src/inspect_ai/_view/www/src/App.tsx          |   4 +-
 .../_view/www/src/components/AnsiDisplay.tsx  |   7 +-
 .../_view/www/src/components/Card.tsx         |  17 +-
 .../www/src/components/DownloadButton.tsx     |   3 +-
 .../_view/www/src/components/EmptyPanel.tsx   |   4 +-
 .../_view/www/src/components/ErrorPanel.tsx   |   3 +-
 .../www/src/components/ExpandablePanel.tsx    |  18 +-
 .../_view/www/src/components/FindBand.tsx     |   6 +-
 .../www/src/components/HumanBaselineView.tsx  |   6 +-
 .../_view/www/src/components/LabeledValue.tsx |   9 +-
 .../_view/www/src/components/LargeModal.tsx   |  31 ++-
 .../www/src/components/LightboxCarousel.tsx   |   8 +-
 .../_view/www/src/components/MessageBand.tsx  |   3 +-
 .../_view/www/src/components/NavPills.tsx     |  17 +-
 .../_view/www/src/components/ProgressBar.tsx  |   3 +-
 .../_view/www/src/components/TabSet.tsx       |  36 +--
 src/inspect_ai/_view/www/src/index.tsx        |   4 +-
 .../_view/www/src/metadata/MetaDataGrid.tsx   |   6 +-
 .../_view/www/src/metadata/MetaDataView.tsx   |   5 +-
 .../_view/www/src/plan/DatasetDetailView.tsx  |   5 +-
 .../_view/www/src/plan/DetailStep.tsx         |   3 +-
 .../_view/www/src/plan/PlanCard.tsx           |   7 +-
 .../_view/www/src/plan/PlanDetailView.tsx     |  15 +-
 .../_view/www/src/plan/ScorerDetailView.tsx   |   3 +-
 .../_view/www/src/plan/SolverDetailView.tsx   |   6 +-
 .../www/src/samples/InlineSampleDisplay.tsx   |   4 +-
 .../_view/www/src/samples/SampleDialog.tsx    |   6 +-
 .../_view/www/src/samples/SampleDisplay.tsx   |   4 +-
 .../www/src/samples/SampleSummaryView.tsx     |   4 +-
 .../_view/www/src/samples/SamplesTools.tsx    |   3 +-
 .../www/src/samples/chat/ChatMessage.tsx      |   3 +-
 .../src/samples/chat/ChatMessageRenderer.tsx  |   3 +-
 .../www/src/samples/chat/ChatMessageRow.tsx   |   3 +-
 .../_view/www/src/samples/chat/ChatView.tsx   |   3 +-
 .../src/samples/chat/ChatViewVirtualList.tsx  |   4 +-
 .../www/src/samples/chat/MessageContent.tsx   |  10 +-
 .../www/src/samples/chat/MessageContents.tsx  |   4 +-
 .../src/samples/chat/tools/ToolCallView.tsx   |   4 +-
 .../www/src/samples/chat/tools/ToolInput.tsx  |   4 +-
 .../www/src/samples/chat/tools/ToolOutput.tsx |   5 +-
 .../www/src/samples/chat/tools/ToolTitle.tsx  |   4 +-
 .../src/samples/error/FlatSampleErrorView.tsx |   5 +-
 .../www/src/samples/error/SampleErrorView.tsx |   5 +-
 .../www/src/samples/list/SampleFooter.tsx     |   3 +-
 .../www/src/samples/list/SampleHeader.tsx     |   3 +-
 .../_view/www/src/samples/list/SampleList.tsx |  58 +++--
 .../_view/www/src/samples/list/SampleRow.tsx  |   3 +-
 .../www/src/samples/list/SampleSeparator.tsx  |   3 +-
 .../src/samples/sample-tools/EpochFilter.tsx  |   4 +-
 .../src/samples/sample-tools/SelectScorer.tsx |   7 +-
 .../src/samples/sample-tools/SortFilter.tsx   |   7 +-
 .../sample-filter/SampleFilter.tsx            |   4 +-
 .../src/samples/scores/SampleScoreView.tsx    |   3 +-
 .../www/src/samples/scores/SampleScores.tsx   |   4 +-
 .../samples/transcript/ApprovalEventView.tsx  |   3 +-
 .../src/samples/transcript/ErrorEventView.tsx |   3 +-
 .../src/samples/transcript/InfoEventView.tsx  |   3 +-
 .../src/samples/transcript/InputEventView.tsx |   3 +-
 .../samples/transcript/LoggerEventView.tsx    |   3 +-
 .../src/samples/transcript/ModelEventView.tsx |  20 +-
 .../transcript/SampleInitEventView.tsx        |   3 +-
 .../transcript/SampleLimitEventView.tsx       |   9 +-
 .../samples/transcript/SampleTranscript.tsx   |   4 +-
 .../samples/transcript/SandboxEventView.tsx   |  11 +-
 .../src/samples/transcript/ScoreEventView.tsx |   4 +-
 .../src/samples/transcript/StepEventView.tsx  |   6 +-
 .../samples/transcript/SubtaskEventView.tsx   |  16 +-
 .../src/samples/transcript/ToolEventView.tsx  |   4 +-
 .../src/samples/transcript/TranscriptView.tsx |  23 +-
 .../src/samples/transcript/event/EventNav.tsx |   3 +-
 .../samples/transcript/event/EventNavs.tsx    |   3 +-
 .../src/samples/transcript/event/EventRow.tsx |   5 +-
 .../samples/transcript/event/EventSection.tsx |   4 +-
 .../transcript/state/StateDiffView.tsx        |   3 +-
 .../transcript/state/StateEventRenderers.tsx  |   6 +-
 .../transcript/state/StateEventView.tsx       |   4 +-
 src/inspect_ai/_view/www/src/types/log.d.ts   |   1 -
 .../_view/www/src/usage/ModelTokenTable.tsx   |   5 +-
 .../_view/www/src/usage/ModelUsagePanel.tsx   |   4 +-
 .../_view/www/src/usage/TokenTable.tsx        |  10 +-
 .../_view/www/src/usage/UsageCard.tsx         |   3 +-
 .../_view/www/src/workspace/WorkSpace.tsx     |  11 +-
 .../_view/www/src/workspace/WorkSpaceView.tsx |  11 +-
 .../src/workspace/error/TaskErrorPanel.tsx    |   3 +-
 .../_view/www/src/workspace/navbar/Navbar.tsx |   3 +-
 .../www/src/workspace/navbar/PrimaryBar.tsx   |   6 +-
 .../www/src/workspace/navbar/ResultsPanel.tsx |   7 +-
 .../www/src/workspace/navbar/SecondaryBar.tsx |   9 +-
 .../www/src/workspace/navbar/StatusPanel.tsx  |  13 +-
 .../www/src/workspace/sidebar/EvalStatus.tsx  |   9 +-
 .../sidebar/LogDirectoryTitleView.tsx         |   3 +-
 .../www/src/workspace/sidebar/Sidebar.tsx     |   3 +-
 .../src/workspace/sidebar/SidebarLogEntry.tsx |   4 +-
 .../workspace/sidebar/SidebarScoreView.tsx    |   3 +-
 .../workspace/sidebar/SidebarScoresView.tsx   |   4 +-
 .../_view/www/src/workspace/tabs/InfoTab.tsx  |   4 +-
 .../_view/www/src/workspace/tabs/JsonTab.tsx  |   7 +-
 .../www/src/workspace/tabs/SamplesTab.tsx     |  13 +-
 src/inspect_ai/_view/www/yarn.lock            | 241 +++++++++++++++++-
 102 files changed, 707 insertions(+), 420 deletions(-)

diff --git a/src/inspect_ai/_view/www/dist/assets/index.js b/src/inspect_ai/_view/www/dist/assets/index.js
index f8fe1de8f..6d10ca759 100644
--- a/src/inspect_ai/_view/www/dist/assets/index.js
+++ b/src/inspect_ai/_view/www/dist/assets/index.js
@@ -15897,10 +15897,12 @@ var require_assets = __commonJS({
       pill
     };
     const NavPills = ({ children: children2 }) => {
-      if (!(children2 == null ? void 0 : children2.length)) {
-        return null;
+      const [activeItem, setActiveItem] = reactExports.useState(
+        children2 ? children2[0].props["title"] : null
+      );
+      if (!activeItem || !children2) {
+        return void 0;
       }
-      const [activeItem, setActiveItem] = reactExports.useState(children2[0].props["title"]);
       const navPills = children2.map((nav2, idx) => {
         var _a2;
         const title2 = typeof nav2 === "object" ? ((_a2 = nav2["props"]) == null ? void 0 : _a2.title) || `Tab ${idx}` : `Tab ${idx}`;
@@ -25406,11 +25408,7 @@ categories: ${categories.join(" ")}`;
       flex: flex$1,
       label: label$5
     };
-    const SortFilter = ({
-      sort,
-      setSort,
-      epochs
-    }) => {
+    const SortFilter = ({ sort, setSort, epochs }) => {
       const options2 = [
         { label: "sample asc", val: kSampleAscVal },
         { label: "sample desc", val: kSampleDescVal }
@@ -49264,11 +49262,7 @@ self.onmessage = function (e) {
       jsonTab
     };
     const kJsonMaxSize = 1e7;
-    const JsonTab = ({
-      logFile,
-      capabilities: capabilities2,
-      json
-    }) => {
+    const JsonTab = ({ logFile, capabilities: capabilities2, json }) => {
       if (logFile && json.length > kJsonMaxSize && capabilities2.downloadFiles) {
         const file = `${filename(logFile)}.json`;
         return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$K.jsonTab, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -49381,7 +49375,8 @@ self.onmessage = function (e) {
       children: children2
     }) => {
       const tabContentsId = computeTabContentsId(id);
-      const tabContentsRef = scrollRef || reactExports.useRef(null);
+      const panelRef = reactExports.useRef(null);
+      const tabContentsRef = scrollRef || panelRef;
       reactExports.useEffect(() => {
         if (!selected2 || scrollPosition === void 0 || !tabContentsRef.current)
           return;
@@ -49811,10 +49806,7 @@ self.onmessage = function (e) {
       tableH,
       model
     };
-    const TokenTable = ({
-      className: className2,
-      children: children2
-    }) => {
+    const TokenTable = ({ className: className2, children: children2 }) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "table",
         {
@@ -53037,9 +53029,7 @@ self.onmessage = function (e) {
       }
       return "Error";
     };
-    const FlatSampleError = ({
-      message: message2
-    }) => {
+    const FlatSampleError = ({ message: message2 }) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$C.flatBody), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.error, styles$C.iconSmall) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$C.lineBase), children: errorType(message2) })
@@ -53758,9 +53748,6 @@ self.onmessage = function (e) {
       ] });
     };
     const APICodeCell = ({ id, contents: contents2 }) => {
-      if (!contents2) {
-        return null;
-      }
       const codeRef = reactExports.useRef(null);
       const sourceCode = reactExports.useMemo(() => {
         return JSON.stringify(contents2, void 0, 2);
@@ -53769,7 +53756,10 @@ self.onmessage = function (e) {
         if (codeRef.current) {
           prismExports.highlightElement(codeRef.current);
         }
-      }, [codeRef.current, contents2]);
+      }, [contents2]);
+      if (!contents2) {
+        return null;
+      }
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$t.codePre, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "code",
         {
@@ -60337,9 +60327,7 @@ ${events}
       next,
       prev
     };
-    const LightboxCarousel = ({
-      slides
-    }) => {
+    const LightboxCarousel = ({ slides }) => {
       const [isOpen, setIsOpen] = reactExports.useState(false);
       const [showOverlay, setShowOverlay] = reactExports.useState(false);
       const [currentIndex, setCurrentIndex] = reactExports.useState(0);
@@ -60990,7 +60978,7 @@ ${events}
         (state) => {
           setTranscriptState({ ...state });
         },
-        [transcriptState, setTranscriptState]
+        [setTranscriptState]
       );
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         EventPanel,
@@ -61183,14 +61171,14 @@ ${events}
       );
     };
     const SubtaskSummary = ({ input: input2, result: result2 }) => {
-      result2 = typeof result2 === "object" ? result2 : { result: result2 };
+      const output2 = typeof result2 === "object" ? result2 : { result: result2 };
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$n.subtaskSummary), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label"), children: "Input" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-large", styles$n.subtaskLabel) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label"), children: "Output" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: input2 }),
+        input2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: input2 }) : void 0,
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-title-secondary", styles$n.subtaskLabel), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.arrows.right }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: result2 }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: output2 }) })
       ] });
     };
     const Rendered = ({ values }) => {
@@ -61446,7 +61434,7 @@ ${events}
         (state) => {
           setTranscriptState(state);
         },
-        [transcriptState, setTranscriptState]
+        [setTranscriptState]
       );
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         TranscriptVirtualListComponent,
@@ -61464,7 +61452,7 @@ ${events}
         (eventId, state) => {
           setTranscriptState({ ...transcriptState, [eventId]: state });
         },
-        [setTranscriptState]
+        [transcriptState, setTranscriptState]
       );
       const [followOutput, setFollowOutput] = reactExports.useState(false);
       const renderRow = (item2, index2) => {
@@ -61512,6 +61500,12 @@ ${events}
       setTranscriptState,
       eventNodes
     }) => {
+      const setEventState = reactExports.useCallback(
+        (state, eventId) => {
+          setTranscriptState({ ...transcriptState, [eventId]: state });
+        },
+        [setTranscriptState, transcriptState]
+      );
       const rows = eventNodes.map((eventNode2, index2) => {
         const clz = [styles$k.eventNode];
         if (eventNode2.depth % 2 == 0) {
@@ -61521,12 +61515,6 @@ ${events}
           clz.push(styles$k.lastNode);
         }
         const eventId = `${id}-event${index2}`;
-        const setEventState = reactExports.useCallback(
-          (state) => {
-            setTranscriptState({ ...transcriptState, [eventId]: state });
-          },
-          [setTranscriptState, transcriptState]
-        );
         const row2 = /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
@@ -61541,7 +61529,9 @@ ${events}
                 node: eventNode2,
                 className: clsx(clz),
                 eventState: transcriptState[eventId] || {},
-                setEventState
+                setEventState: (state) => {
+                  setEventState(state, eventId);
+                }
               }
             )
           },
@@ -62160,7 +62150,8 @@ ${events}
       scrollRef
     }) => {
       const modalFooter = footer2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "modal-footer", children: footer2 }) : "";
-      scrollRef = scrollRef || reactExports.useRef(null);
+      const modalRef = reactExports.useRef(null);
+      scrollRef = scrollRef || modalRef;
       reactExports.useEffect(() => {
         if (scrollRef.current) {
           setTimeout(() => {
@@ -62241,12 +62232,7 @@ ${events}
       );
     };
     const HtmlEntity = ({ html }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { dangerouslySetInnerHTML: { __html: html } });
-    const TitleTool = ({
-      label: label2,
-      icon,
-      enabled,
-      onClick
-    }) => {
+    const TitleTool = ({ label: label2, icon, enabled, onClick }) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
@@ -62317,7 +62303,7 @@ ${events}
               break;
           }
         },
-        [prevSample, nextSample]
+        [prevSample, nextSample, setShowingSampleDialog]
       );
       const onHide = reactExports.useCallback(() => {
         setShowingSampleDialog(false);
@@ -62631,9 +62617,6 @@ ${events}
         className: className2,
         listHandle
       } = props;
-      if (items.length === 0) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyPanel, { children: "No Samples" });
-      }
       const [followOutput, setFollowOutput] = reactExports.useState(false);
       const [hidden2, setHidden] = reactExports.useState(false);
       reactExports.useEffect(() => {
@@ -62661,6 +62644,31 @@ ${events}
           });
         }
       }, [selectedIndex, listHandle, itemRowMapping]);
+      const onkeydown = reactExports.useCallback(
+        (e) => {
+          switch (e.key) {
+            case "ArrowUp":
+              prevSample();
+              e.preventDefault();
+              e.stopPropagation();
+              break;
+            case "ArrowDown":
+              nextSample();
+              e.preventDefault();
+              e.stopPropagation();
+              break;
+            case "Enter":
+              showSample(selectedIndex);
+              e.preventDefault();
+              e.stopPropagation();
+              break;
+          }
+        },
+        [selectedIndex, nextSample, prevSample, showSample]
+      );
+      if (items.length === 0) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyPanel, { children: "No Samples" });
+      }
       const renderRow = (item2) => {
         if (item2.type === "sample") {
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -62689,28 +62697,6 @@ ${events}
           return null;
         }
       };
-      const onkeydown = reactExports.useCallback(
-        (e) => {
-          switch (e.key) {
-            case "ArrowUp":
-              prevSample();
-              e.preventDefault();
-              e.stopPropagation();
-              break;
-            case "ArrowDown":
-              nextSample();
-              e.preventDefault();
-              e.stopPropagation();
-              break;
-            case "Enter":
-              showSample(selectedIndex);
-              e.preventDefault();
-              e.stopPropagation();
-              break;
-          }
-        },
-        [selectedIndex]
-      );
       const { input: input2, limit, answer: answer2, target: target2 } = gridColumns(sampleDescriptor);
       const sampleCount = items == null ? void 0 : items.reduce((prev2, current) => {
         if (current.type === "sample") {
@@ -62962,7 +62948,7 @@ ${events}
           setSelectedSampleIndex(index2);
           setShowingSampleDialog(true);
         },
-        [sampleDialogRef]
+        [setSelectedSampleIndex, setShowingSampleDialog]
       );
       reactExports.useEffect(() => {
         if (showingSampleDialog) {
@@ -63005,22 +62991,22 @@ ${events}
         } else {
           return -1;
         }
-      }, [selectedSampleIndex, items]);
+      }, [selectedSampleIndex, sampleItems.length]);
       const previousSampleIndex = reactExports.useCallback(() => {
         return selectedSampleIndex > 0 ? selectedSampleIndex - 1 : -1;
-      }, [selectedSampleIndex, items]);
+      }, [selectedSampleIndex]);
       const nextSample = reactExports.useCallback(() => {
         const next2 = nextSampleIndex();
         if (sampleStatus !== "loading" && next2 > -1) {
           setSelectedSampleIndex(next2);
         }
-      }, [selectedSampleIndex, samples, sampleStatus, nextSampleIndex]);
+      }, [nextSampleIndex, sampleStatus, setSelectedSampleIndex]);
       const previousSample = reactExports.useCallback(() => {
         const prev2 = previousSampleIndex();
         if (sampleStatus !== "loading" && prev2 > -1) {
           setSelectedSampleIndex(prev2);
         }
-      }, [selectedSampleIndex, samples, sampleStatus, previousSampleIndex]);
+      }, [previousSampleIndex, sampleStatus, setSelectedSampleIndex]);
       const title2 = selectedSampleIndex > -1 && sampleItems.length > selectedSampleIndex ? sampleItems[selectedSampleIndex].label : "";
       if (!sampleDescriptor) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyPanel, {});
@@ -63420,11 +63406,7 @@ ${events}
       }
       return count;
     };
-    const PlanColumn = ({
-      title: title2,
-      className: className2,
-      children: children2
-    }) => {
+    const PlanColumn = ({ title: title2, className: className2, children: children2 }) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(className2), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
@@ -63442,11 +63424,7 @@ ${events}
         children2
       ] });
     };
-    const PlanCard = ({
-      evalSpec,
-      evalPlan,
-      scores: scores2
-    }) => {
+    const PlanCard = ({ evalSpec, evalPlan, scores: scores2 }) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { icon: ApplicationIcons.config, label: "Config" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(CardBody, { id: "task-plan-card-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlanDetailView, { evaluation: evalSpec, plan: evalPlan, scores: scores2 }) })
@@ -63850,11 +63828,7 @@ ${events}
         }
       );
     };
-    const StatusPanel = ({
-      icon,
-      status,
-      sampleCount
-    }) => {
+    const StatusPanel = ({ icon, status, sampleCount }) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$2.statusPanel, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon, styles$2.statusIcon), style: {} }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -63882,7 +63856,7 @@ ${events}
       const logFileName = file ? filename(file) : "";
       const handleToggle = reactExports.useCallback(() => {
         setOffcanvas(!offcanvas);
-      }, [offcanvas]);
+      }, [setOffcanvas, offcanvas]);
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$4.wrapper), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
@@ -64331,9 +64305,6 @@ ${events}
         workspaceTabScrollPositionRef,
         setWorkspaceTabScrollPosition
       } = props;
-      if (!evalSpec) {
-        return null;
-      }
       const divRef = reactExports.useRef(null);
       reactExports.useEffect(() => {
         if (divRef.current) {
@@ -64341,6 +64312,9 @@ ${events}
         }
       }, [task_id]);
       const resolvedTabs = useResolvedTabs(props);
+      if (!evalSpec) {
+        return void 0;
+      }
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         WorkSpaceView,
         {
diff --git a/src/inspect_ai/_view/www/eslint.config.mjs b/src/inspect_ai/_view/www/eslint.config.mjs
index 4b93b239a..d49deb0f1 100644
--- a/src/inspect_ai/_view/www/eslint.config.mjs
+++ b/src/inspect_ai/_view/www/eslint.config.mjs
@@ -1,5 +1,7 @@
-import globals from "globals";
 import pluginJs from "@eslint/js";
+import reactHooks from "eslint-plugin-react-hooks";
+import globals from "globals";
+import tseslint from "typescript-eslint";
 
 export default [
   {
@@ -14,4 +16,25 @@ export default [
   {
     ignores: ["libs/**", "preact/**", "dist/**"],
   },
+  // Add TypeScript support with customized rules for all files
+  {
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        project: "./tsconfig.json",
+      },
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+    },
+    rules: {
+      // React Hooks rules
+      "react-hooks/rules-of-hooks": "warn",
+      // "react-hooks/exhaustive-deps": "warn",
+
+      // These are disabled because we didn't have time to fix them, not because they are bad rules
+      "no-unused-vars": "off",
+    },
+  },
 ];
diff --git a/src/inspect_ai/_view/www/package.json b/src/inspect_ai/_view/www/package.json
index 1c9f4b632..36a1d74f5 100644
--- a/src/inspect_ai/_view/www/package.json
+++ b/src/inspect_ai/_view/www/package.json
@@ -12,7 +12,9 @@
     "dev": "vite",
     "prettier:check": "prettier --check src",
     "prettier:write": "prettier --write src",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint 'src/**/*.{js,jsx,mjs,ts,tsx}'",
+    "lint:fix": "eslint 'src/**/*.{js,jsx,mjs,ts,tsx}' --fix"
   },
   "exports": {
     ".": "./src/App.mjs"
@@ -29,9 +31,11 @@
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "9.x",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "globals": "^15.6.0",
     "prettier": "^3.3.3",
     "typescript": "^5.7.3",
+    "typescript-eslint": "^8.25.0",
     "vite": "^5.3.2"
   },
   "dependencies": {
diff --git a/src/inspect_ai/_view/www/src/App.tsx b/src/inspect_ai/_view/www/src/App.tsx
index f2e2a2595..6929a141a 100644
--- a/src/inspect_ai/_view/www/src/App.tsx
+++ b/src/inspect_ai/_view/www/src/App.tsx
@@ -36,7 +36,7 @@ import { WorkSpace } from "./workspace/WorkSpace";
 
 import ClipboardJS from "clipboard";
 import clsx from "clsx";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { FC, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   ClientAPI,
   EvalLogHeader,
@@ -72,7 +72,7 @@ interface AppProps {
 /**
  * Renders the Main Application
  */
-export const App: React.FC<AppProps> = ({
+export const App: FC<AppProps> = ({
   api,
   applicationState,
   saveApplicationState,
diff --git a/src/inspect_ai/_view/www/src/components/AnsiDisplay.tsx b/src/inspect_ai/_view/www/src/components/AnsiDisplay.tsx
index 39c2ff0b6..fa4255c6e 100644
--- a/src/inspect_ai/_view/www/src/components/AnsiDisplay.tsx
+++ b/src/inspect_ai/_view/www/src/components/AnsiDisplay.tsx
@@ -1,14 +1,15 @@
 import { ANSIColor, ANSIOutput, ANSIOutputRun, ANSIStyle } from "ansi-output";
 import clsx from "clsx";
+import { CSSProperties, FC } from "react";
 import "./AnsiDisplay.css";
 
 interface ANSIDisplayProps {
   output: string;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
   className?: string[] | string;
 }
 
-export const ANSIDisplay: React.FC<ANSIDisplayProps> = ({
+export const ANSIDisplay: FC<ANSIDisplayProps> = ({
   output,
   style,
   className,
@@ -46,7 +47,7 @@ interface OutputRunProps {
   run: ANSIOutputRun;
 }
 
-const OutputRun: React.FC<OutputRunProps> = ({ run }) => {
+const OutputRun: FC<OutputRunProps> = ({ run }) => {
   // Render.
   return <span style={computeCSSProperties(run)}>{run.text}</span>;
 };
diff --git a/src/inspect_ai/_view/www/src/components/Card.tsx b/src/inspect_ai/_view/www/src/components/Card.tsx
index 14d25c285..d0994eee8 100644
--- a/src/inspect_ai/_view/www/src/components/Card.tsx
+++ b/src/inspect_ai/_view/www/src/components/Card.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC, ReactNode } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import "./Card.css";
 
@@ -7,17 +8,17 @@ interface CardHeaderProps {
   icon?: string;
   label?: string;
   className?: string;
-  children?: React.ReactNode;
+  children?: ReactNode;
 }
 
 interface CardBodyProps {
   id?: string;
-  children?: React.ReactNode;
+  children?: ReactNode;
 }
 
 interface CardProps {
   id?: string;
-  children?: React.ReactNode;
+  children?: ReactNode;
 }
 
 interface CardCollapsingHeaderProps {
@@ -25,10 +26,10 @@ interface CardCollapsingHeaderProps {
   icon: string;
   label: string;
   cardBodyId: string;
-  children?: React.ReactNode;
+  children?: ReactNode;
 }
 
-export const CardHeader: React.FC<CardHeaderProps> = ({
+export const CardHeader: FC<CardHeaderProps> = ({
   id,
   icon,
   label,
@@ -50,7 +51,7 @@ export const CardHeader: React.FC<CardHeaderProps> = ({
   );
 };
 
-export const CardBody: React.FC<CardBodyProps> = ({ id, children }) => {
+export const CardBody: FC<CardBodyProps> = ({ id, children }) => {
   return (
     <div className={"card-body"} id={id || ""}>
       {children}
@@ -58,7 +59,7 @@ export const CardBody: React.FC<CardBodyProps> = ({ id, children }) => {
   );
 };
 
-export const Card: React.FC<CardProps> = ({ id, children }) => {
+export const Card: FC<CardProps> = ({ id, children }) => {
   return (
     <div className={"card"} id={id}>
       {children}
@@ -66,7 +67,7 @@ export const Card: React.FC<CardProps> = ({ id, children }) => {
   );
 };
 
-export const CardCollapsingHeader: React.FC<CardCollapsingHeaderProps> = ({
+export const CardCollapsingHeader: FC<CardCollapsingHeaderProps> = ({
   id,
   icon,
   label,
diff --git a/src/inspect_ai/_view/www/src/components/DownloadButton.tsx b/src/inspect_ai/_view/www/src/components/DownloadButton.tsx
index c47446fd9..6ed80d656 100644
--- a/src/inspect_ai/_view/www/src/components/DownloadButton.tsx
+++ b/src/inspect_ai/_view/www/src/components/DownloadButton.tsx
@@ -1,3 +1,4 @@
+import { FC } from "react";
 import api from "../api/index";
 import "./DownloadButton.css";
 
@@ -7,7 +8,7 @@ interface DownloadButtonProps {
   fileContents: string | Blob | ArrayBuffer | ArrayBufferView;
 }
 
-export const DownloadButton: React.FC<DownloadButtonProps> = ({
+export const DownloadButton: FC<DownloadButtonProps> = ({
   label,
   fileName,
   fileContents,
diff --git a/src/inspect_ai/_view/www/src/components/EmptyPanel.tsx b/src/inspect_ai/_view/www/src/components/EmptyPanel.tsx
index 0f1d38636..d42eefd8b 100644
--- a/src/inspect_ai/_view/www/src/components/EmptyPanel.tsx
+++ b/src/inspect_ai/_view/www/src/components/EmptyPanel.tsx
@@ -1,10 +1,10 @@
-import { ReactNode } from "react";
+import { FC, ReactNode } from "react";
 
 interface EmptyPanelProps {
   children?: ReactNode;
 }
 
-export const EmptyPanel: React.FC<EmptyPanelProps> = ({ children }) => {
+export const EmptyPanel: FC<EmptyPanelProps> = ({ children }) => {
   return (
     <div className={"empty-panel"}>
       <div className={"container"}>
diff --git a/src/inspect_ai/_view/www/src/components/ErrorPanel.tsx b/src/inspect_ai/_view/www/src/components/ErrorPanel.tsx
index 96daf63ce..d9b245a38 100644
--- a/src/inspect_ai/_view/www/src/components/ErrorPanel.tsx
+++ b/src/inspect_ai/_view/www/src/components/ErrorPanel.tsx
@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import "./ErrorPanel.css";
 
@@ -12,7 +13,7 @@ interface ErrorPanelProps {
   error: DisplayError;
 }
 
-export const ErrorPanel: React.FC<ErrorPanelProps> = ({ title, error }) => {
+export const ErrorPanel: FC<ErrorPanelProps> = ({ title, error }) => {
   const message = error.message;
   const stack = error.stack;
 
diff --git a/src/inspect_ai/_view/www/src/components/ExpandablePanel.tsx b/src/inspect_ai/_view/www/src/components/ExpandablePanel.tsx
index 8838d1200..48f5ba192 100644
--- a/src/inspect_ai/_view/www/src/components/ExpandablePanel.tsx
+++ b/src/inspect_ai/_view/www/src/components/ExpandablePanel.tsx
@@ -1,5 +1,13 @@
 import clsx from "clsx";
-import { useCallback, useEffect, useRef, useState } from "react";
+import {
+  CSSProperties,
+  FC,
+  ReactNode,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import { useResizeObserver } from "../utils/dom";
 import "./ExpandablePanel.css";
@@ -8,11 +16,11 @@ interface ExpandablePanelProps {
   collapse: boolean;
   border?: boolean;
   lines?: number;
-  children?: React.ReactNode;
+  children?: ReactNode;
   className?: string | string[];
 }
 
-export const ExpandablePanel: React.FC<ExpandablePanelProps> = ({
+export const ExpandablePanel: FC<ExpandablePanelProps> = ({
   collapse,
   border,
   lines = 15,
@@ -83,10 +91,10 @@ interface MoreToggleProps {
   collapsed: boolean;
   border: boolean;
   setCollapsed: (collapsed: boolean) => void;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
 }
 
-const MoreToggle: React.FC<MoreToggleProps> = ({
+const MoreToggle: FC<MoreToggleProps> = ({
   collapsed,
   border,
   setCollapsed,
diff --git a/src/inspect_ai/_view/www/src/components/FindBand.tsx b/src/inspect_ai/_view/www/src/components/FindBand.tsx
index b08e57d6c..e14e35270 100644
--- a/src/inspect_ai/_view/www/src/components/FindBand.tsx
+++ b/src/inspect_ai/_view/www/src/components/FindBand.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef } from "react";
+import { FC, KeyboardEvent, useCallback, useEffect, useRef } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import "./FindBand.css";
 
@@ -6,7 +6,7 @@ interface FindBandProps {
   hideBand: () => void;
 }
 
-export const FindBand: React.FC<FindBandProps> = ({ hideBand }) => {
+export const FindBand: FC<FindBandProps> = ({ hideBand }) => {
   const searchBoxRef = useRef<HTMLInputElement>(null);
 
   useEffect(() => {
@@ -82,7 +82,7 @@ export const FindBand: React.FC<FindBandProps> = ({ hideBand }) => {
   );
 
   const handleKeyDown = useCallback(
-    (e: React.KeyboardEvent<HTMLInputElement>) => {
+    (e: KeyboardEvent<HTMLInputElement>) => {
       if (e.key === "Escape") {
         hideBand();
       } else if (e.key === "Enter") {
diff --git a/src/inspect_ai/_view/www/src/components/HumanBaselineView.tsx b/src/inspect_ai/_view/www/src/components/HumanBaselineView.tsx
index 31e4314fc..70fb62081 100644
--- a/src/inspect_ai/_view/www/src/components/HumanBaselineView.tsx
+++ b/src/inspect_ai/_view/www/src/components/HumanBaselineView.tsx
@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { FC, useEffect } from "react";
 import { formatDateTime, formatTime } from "../utils/format";
 import { AsciinemaPlayer } from "./AsciinemaPlayer";
 import "./HumanBaselineView.css";
@@ -24,7 +24,7 @@ interface HumanBaselineViewProps {
 /**
  * Renders the HumanBaselineView component.
  */
-export const HumanBaselineView: React.FC<HumanBaselineViewProps> = ({
+export const HumanBaselineView: FC<HumanBaselineViewProps> = ({
   started,
   runtime,
   answer,
@@ -92,7 +92,7 @@ export const HumanBaselineView: React.FC<HumanBaselineViewProps> = ({
     answer?: string;
   }
 
-  const StatusMessage: React.FC<StatusMessageProps> = ({
+  const StatusMessage: FC<StatusMessageProps> = ({
     completed,
     running,
     answer,
diff --git a/src/inspect_ai/_view/www/src/components/LabeledValue.tsx b/src/inspect_ai/_view/www/src/components/LabeledValue.tsx
index c7b26b79a..a0b9b97f3 100644
--- a/src/inspect_ai/_view/www/src/components/LabeledValue.tsx
+++ b/src/inspect_ai/_view/www/src/components/LabeledValue.tsx
@@ -1,15 +1,16 @@
 import clsx from "clsx";
+import { CSSProperties, FC, ReactNode } from "react";
 
 interface LabeledValueProps {
   label: string;
-  style?: React.CSSProperties;
-  valueStyle?: React.CSSProperties;
+  style?: CSSProperties;
+  valueStyle?: CSSProperties;
   layout?: "column" | "row";
-  children: React.ReactNode;
+  children: ReactNode;
   className?: string | string[];
 }
 
-export const LabeledValue: React.FC<LabeledValueProps> = ({
+export const LabeledValue: FC<LabeledValueProps> = ({
   layout = "column",
   style,
   label,
diff --git a/src/inspect_ai/_view/www/src/components/LargeModal.tsx b/src/inspect_ai/_view/www/src/components/LargeModal.tsx
index 1c38862c9..5c41a6bd8 100644
--- a/src/inspect_ai/_view/www/src/components/LargeModal.tsx
+++ b/src/inspect_ai/_view/www/src/components/LargeModal.tsx
@@ -1,7 +1,15 @@
 import clsx from "clsx";
 import { ProgressBar } from "./ProgressBar";
 
-import { ReactNode, UIEvent, useCallback, useEffect, useRef } from "react";
+import {
+  FC,
+  ReactNode,
+  RefObject,
+  UIEvent,
+  useCallback,
+  useEffect,
+  useRef,
+} from "react";
 import styles from "./LargeModal.module.css";
 
 export interface ModalTool {
@@ -22,17 +30,17 @@ interface LargeModalProps {
   detail: string;
   detailTools?: ModalTools;
   showProgress: boolean;
-  footer?: React.ReactNode;
+  footer?: ReactNode;
   visible: boolean;
   onkeyup: (e: any) => void;
   onHide: () => void;
-  scrollRef: React.RefObject<HTMLDivElement | null>;
-  initialScrollPositionRef: React.RefObject<number>;
+  scrollRef: RefObject<HTMLDivElement | null>;
+  initialScrollPositionRef: RefObject<number>;
   setInitialScrollPosition: (position: number) => void;
   children: ReactNode;
 }
 
-export const LargeModal: React.FC<LargeModalProps> = ({
+export const LargeModal: FC<LargeModalProps> = ({
   id,
   title,
   detail,
@@ -56,7 +64,9 @@ export const LargeModal: React.FC<LargeModalProps> = ({
 
   // Support restoring the scroll position
   // but only do this for the first time that the children are set
-  scrollRef = scrollRef || useRef(null);
+  const modalRef = useRef(null);
+  scrollRef = scrollRef || modalRef;
+
   useEffect(() => {
     if (scrollRef.current) {
       setTimeout(() => {
@@ -153,7 +163,7 @@ interface HtmlEntityProps {
   html: string;
 }
 
-const HtmlEntity: React.FC<HtmlEntityProps> = ({ html }) => (
+const HtmlEntity: FC<HtmlEntityProps> = ({ html }) => (
   <span dangerouslySetInnerHTML={{ __html: html }} />
 );
 
@@ -164,12 +174,7 @@ interface TitleToolProps {
   onClick: () => void;
 }
 
-const TitleTool: React.FC<TitleToolProps> = ({
-  label,
-  icon,
-  enabled,
-  onClick,
-}) => {
+const TitleTool: FC<TitleToolProps> = ({ label, icon, enabled, onClick }) => {
   return (
     <button
       type="button"
diff --git a/src/inspect_ai/_view/www/src/components/LightboxCarousel.tsx b/src/inspect_ai/_view/www/src/components/LightboxCarousel.tsx
index 97b95d59d..83e259162 100644
--- a/src/inspect_ai/_view/www/src/components/LightboxCarousel.tsx
+++ b/src/inspect_ai/_view/www/src/components/LightboxCarousel.tsx
@@ -1,11 +1,11 @@
 import clsx from "clsx";
-import { useCallback, useEffect, useState } from "react";
+import { FC, ReactNode, useCallback, useEffect, useState } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import styles from "./LightboxCarousel.module.css";
 
 interface Slide {
   label: string;
-  render: () => React.ReactNode;
+  render: () => ReactNode;
 }
 
 interface LightboxCarouselProps {
@@ -15,9 +15,7 @@ interface LightboxCarouselProps {
 /**
  * LightboxCarousel component provides a carousel with lightbox functionality.
  */
-export const LightboxCarousel: React.FC<LightboxCarouselProps> = ({
-  slides,
-}) => {
+export const LightboxCarousel: FC<LightboxCarouselProps> = ({ slides }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [showOverlay, setShowOverlay] = useState(false);
   const [currentIndex, setCurrentIndex] = useState(0);
diff --git a/src/inspect_ai/_view/www/src/components/MessageBand.tsx b/src/inspect_ai/_view/www/src/components/MessageBand.tsx
index 4a0ff3c81..ae5e9e62c 100644
--- a/src/inspect_ai/_view/www/src/components/MessageBand.tsx
+++ b/src/inspect_ai/_view/www/src/components/MessageBand.tsx
@@ -1,5 +1,6 @@
 import { clsx } from "clsx";
 
+import { FC } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import "./MessageBand.css";
 
@@ -10,7 +11,7 @@ interface MessageBandProps {
   type: "info" | "warning" | "error";
 }
 
-export const MessageBand: React.FC<MessageBandProps> = ({
+export const MessageBand: FC<MessageBandProps> = ({
   message,
   hidden,
   setHidden,
diff --git a/src/inspect_ai/_view/www/src/components/NavPills.tsx b/src/inspect_ai/_view/www/src/components/NavPills.tsx
index c545ab7cf..cd7509150 100644
--- a/src/inspect_ai/_view/www/src/components/NavPills.tsx
+++ b/src/inspect_ai/_view/www/src/components/NavPills.tsx
@@ -1,5 +1,5 @@
 import { clsx } from "clsx";
-import { ReactElement, useState } from "react";
+import { FC, ReactElement, ReactNode, useState } from "react";
 import styles from "./NavPills.module.css";
 
 interface NavPillChildProps {
@@ -11,13 +11,14 @@ interface NavPillsProps {
   children?: ReactElement<NavPillChildProps>[];
 }
 
-export const NavPills: React.FC<NavPillsProps> = ({ children }) => {
-  if (!children?.length) {
-    return null;
+export const NavPills: FC<NavPillsProps> = ({ children }) => {
+  const [activeItem, setActiveItem] = useState(
+    children ? children[0].props["title"] : null,
+  );
+  if (!activeItem || !children) {
+    return undefined;
   }
 
-  const [activeItem, setActiveItem] = useState(children[0].props["title"]);
-
   // Create Nav Pills for each child
   const navPills = children.map((nav, idx) => {
     const title =
@@ -66,10 +67,10 @@ interface NavPillProps {
   title: string;
   activeItem: string;
   setActiveItem: (item: string) => void;
-  children?: React.ReactNode;
+  children?: ReactNode;
 }
 
-const NavPill: React.FC<NavPillProps> = ({
+const NavPill: FC<NavPillProps> = ({
   title,
   activeItem,
   setActiveItem,
diff --git a/src/inspect_ai/_view/www/src/components/ProgressBar.tsx b/src/inspect_ai/_view/www/src/components/ProgressBar.tsx
index aa0c42736..77d1fd64b 100644
--- a/src/inspect_ai/_view/www/src/components/ProgressBar.tsx
+++ b/src/inspect_ai/_view/www/src/components/ProgressBar.tsx
@@ -1,10 +1,11 @@
+import { FC } from "react";
 import styles from "./ProgressBar.module.css";
 
 interface ProgressBarProps {
   animating: boolean;
 }
 
-export const ProgressBar: React.FC<ProgressBarProps> = ({ animating }) => {
+export const ProgressBar: FC<ProgressBarProps> = ({ animating }) => {
   return (
     <div className={styles.wrapper}>
       <div
diff --git a/src/inspect_ai/_view/www/src/components/TabSet.tsx b/src/inspect_ai/_view/www/src/components/TabSet.tsx
index a8a21e1ac..d6968cece 100644
--- a/src/inspect_ai/_view/www/src/components/TabSet.tsx
+++ b/src/inspect_ai/_view/www/src/components/TabSet.tsx
@@ -1,10 +1,15 @@
 import clsx from "clsx";
 import {
   Children,
+  CSSProperties,
+  FC,
   Fragment,
   isValidElement,
   MouseEvent,
   ReactElement,
+  ReactNode,
+  RefObject,
+  UIEvent,
   useCallback,
   useEffect,
   useRef,
@@ -17,7 +22,7 @@ interface TabSetProps {
   className?: string | string[];
   tabPanelsClassName?: string | string[];
   tabControlsClassName?: string | string;
-  tools?: React.ReactNode;
+  tools?: ReactNode;
   children:
     | ReactElement<TabPanelProps>
     | (ReactElement<TabPanelProps> | null | undefined)[];
@@ -27,19 +32,19 @@ interface TabPanelProps {
   id: string;
   index?: number;
   selected?: boolean;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
   scrollable?: boolean;
-  scrollRef?: React.RefObject<HTMLDivElement | null>;
+  scrollRef?: RefObject<HTMLDivElement | null>;
   className?: string | string[];
   scrollPosition?: number;
   setScrollPosition?: (position: number) => void;
-  children?: React.ReactNode;
+  children?: ReactNode;
   title: string;
   icon?: string;
   onSelected: (e: MouseEvent<HTMLElement>) => void;
 }
 
-export const TabSet: React.FC<TabSetProps> = ({
+export const TabSet: FC<TabSetProps> = ({
   id,
   type = "tabs",
   className,
@@ -76,9 +81,9 @@ export const TabSet: React.FC<TabSetProps> = ({
 };
 
 // Individual Tab Component
-const Tab: React.FC<{
+const Tab: FC<{
   type?: "tabs" | "pills";
-  tab: React.ReactElement<TabPanelProps>;
+  tab: ReactElement<TabPanelProps>;
   index: number;
   className?: string | string[];
 }> = ({ type = "tabs", tab, index, className }) => {
@@ -114,9 +119,9 @@ const Tab: React.FC<{
 };
 
 // Tab Panels Container
-const TabPanels: React.FC<{
+const TabPanels: FC<{
   id: string;
-  tabs: React.ReactElement<TabPanelProps>[];
+  tabs: ReactElement<TabPanelProps>[];
   className?: string | string[];
 }> = ({ id, tabs, className }) => (
   <div className={clsx("tab-content", className)} id={`${id}-content`}>
@@ -127,7 +132,7 @@ const TabPanels: React.FC<{
 );
 
 // Individual Tab Panel
-export const TabPanel: React.FC<TabPanelProps> = ({
+export const TabPanel: FC<TabPanelProps> = ({
   id,
   selected,
   style,
@@ -139,7 +144,8 @@ export const TabPanel: React.FC<TabPanelProps> = ({
   children,
 }) => {
   const tabContentsId = computeTabContentsId(id);
-  const tabContentsRef = scrollRef || useRef<HTMLDivElement>(null);
+  const panelRef = useRef<HTMLDivElement>(null);
+  const tabContentsRef = scrollRef || panelRef;
 
   useEffect(() => {
     if (!selected || scrollPosition === undefined || !tabContentsRef.current)
@@ -162,7 +168,7 @@ export const TabPanel: React.FC<TabPanelProps> = ({
 
   // Handle scrolling
   const onScroll = useCallback(
-    (e: React.UIEvent<HTMLDivElement>) => {
+    (e: UIEvent<HTMLDivElement>) => {
       if (setScrollPosition) {
         setScrollPosition(e.currentTarget.scrollTop);
       }
@@ -190,7 +196,7 @@ export const TabPanel: React.FC<TabPanelProps> = ({
 };
 
 // Tab Tools Component
-const TabTools: React.FC<{ tools?: React.ReactNode }> = ({ tools }) => (
+const TabTools: FC<{ tools?: ReactNode }> = ({ tools }) => (
   <div className={clsx("tab-tools", moduleStyles.tabTools)}>{tools}</div>
 );
 
@@ -199,11 +205,11 @@ const computeTabId = (id: string, index: number) => `${id}-${index}`;
 const computeTabContentsId = (id: string) => `${id}-contents`;
 
 const flattenChildren = (
-  children: React.ReactNode,
+  children: ReactNode,
 ): ReactElement<TabPanelProps>[] => {
   return Children.toArray(children).flatMap((child) => {
     if (isValidElement(child)) {
-      const element = child as React.ReactElement<any>;
+      const element = child as ReactElement<any>;
 
       if (element.type === Fragment) {
         return flattenChildren(element.props.children);
diff --git a/src/inspect_ai/_view/www/src/index.tsx b/src/inspect_ai/_view/www/src/index.tsx
index 63c1f4d58..b4c063088 100644
--- a/src/inspect_ai/_view/www/src/index.tsx
+++ b/src/inspect_ai/_view/www/src/index.tsx
@@ -74,7 +74,7 @@ function filterLargeSample(state: ApplicationState) {
 
   const estimatedTotalSize = estimateSize(state.selectedSample.messages);
   if (estimatedTotalSize > 400000) {
-    const { selectedSample, ...filteredState } = state; // eslint-disable-line
+    const { selectedSample, ...filteredState } = state;
     return filteredState;
   } else {
     return state;
@@ -91,7 +91,7 @@ function filterLargeSelectedLog(state: ApplicationState) {
     state.selectedLog.contents.sampleSummaries,
   );
   if (estimatedSize > 400000) {
-    const { selectedLog, ...filteredState } = state; // eslint-disable-line
+    const { selectedLog, ...filteredState } = state;
     return filteredState;
   } else {
     return state;
diff --git a/src/inspect_ai/_view/www/src/metadata/MetaDataGrid.tsx b/src/inspect_ai/_view/www/src/metadata/MetaDataGrid.tsx
index 59a7192b4..1f84546f9 100644
--- a/src/inspect_ai/_view/www/src/metadata/MetaDataGrid.tsx
+++ b/src/inspect_ai/_view/www/src/metadata/MetaDataGrid.tsx
@@ -1,12 +1,12 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { CSSProperties, FC, Fragment } from "react";
 import styles from "./MetadataGrid.module.css";
 import { RenderedContent } from "./RenderedContent";
 
 interface MetadataGridProps {
   id?: string;
   className?: string | string[];
-  style?: React.CSSProperties;
+  style?: CSSProperties;
   entries: Record<string, unknown>;
   plain?: boolean;
 }
@@ -14,7 +14,7 @@ interface MetadataGridProps {
 /**
  * Renders the MetaDataView component.
  */
-export const MetaDataGrid: React.FC<MetadataGridProps> = ({
+export const MetaDataGrid: FC<MetadataGridProps> = ({
   id,
   entries,
   className,
diff --git a/src/inspect_ai/_view/www/src/metadata/MetaDataView.tsx b/src/inspect_ai/_view/www/src/metadata/MetaDataView.tsx
index 281e969f9..a6fb862b1 100644
--- a/src/inspect_ai/_view/www/src/metadata/MetaDataView.tsx
+++ b/src/inspect_ai/_view/www/src/metadata/MetaDataView.tsx
@@ -1,10 +1,11 @@
 import clsx from "clsx";
+import { CSSProperties, FC } from "react";
 import styles from "./MetaDataView.module.css";
 import { RenderedContent } from "./RenderedContent";
 
 interface MetadataViewProps {
   id?: string;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
   entries: Record<string, unknown>;
   tableOptions?: string;
   compact?: boolean;
@@ -14,7 +15,7 @@ interface MetadataViewProps {
 /**
  * Renders the MetaDataView component.
  */
-export const MetaDataView: React.FC<MetadataViewProps> = ({
+export const MetaDataView: FC<MetadataViewProps> = ({
   id,
   style,
   entries,
diff --git a/src/inspect_ai/_view/www/src/plan/DatasetDetailView.tsx b/src/inspect_ai/_view/www/src/plan/DatasetDetailView.tsx
index b540db9c0..704e34449 100644
--- a/src/inspect_ai/_view/www/src/plan/DatasetDetailView.tsx
+++ b/src/inspect_ai/_view/www/src/plan/DatasetDetailView.tsx
@@ -2,14 +2,15 @@ import clsx from "clsx";
 import { MetaDataView } from "../metadata/MetaDataView";
 import { EvalDataset } from "../types/log";
 
+import { CSSProperties, FC } from "react";
 import styles from "./DatasetDetailView.module.css";
 
 interface DatasetDetailViewProps {
   dataset: EvalDataset;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
 }
 
-export const DatasetDetailView: React.FC<DatasetDetailViewProps> = ({
+export const DatasetDetailView: FC<DatasetDetailViewProps> = ({
   dataset,
   style,
 }) => {
diff --git a/src/inspect_ai/_view/www/src/plan/DetailStep.tsx b/src/inspect_ai/_view/www/src/plan/DetailStep.tsx
index b2dbf5c19..a4c6f7c87 100644
--- a/src/inspect_ai/_view/www/src/plan/DetailStep.tsx
+++ b/src/inspect_ai/_view/www/src/plan/DetailStep.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { MetaDataView } from "../metadata/MetaDataView";
 import styles from "./DatasetDetailView.module.css";
 
@@ -9,7 +10,7 @@ interface DetailStepProps {
   className?: string | string[];
 }
 
-export const DetailStep: React.FC<DetailStepProps> = ({
+export const DetailStep: FC<DetailStepProps> = ({
   icon,
   name,
   params,
diff --git a/src/inspect_ai/_view/www/src/plan/PlanCard.tsx b/src/inspect_ai/_view/www/src/plan/PlanCard.tsx
index d89ca5e98..497943d03 100644
--- a/src/inspect_ai/_view/www/src/plan/PlanCard.tsx
+++ b/src/inspect_ai/_view/www/src/plan/PlanCard.tsx
@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import { Card, CardBody, CardHeader } from "../components/Card";
 import { EvalPlan, EvalScore, EvalSpec } from "../types/log";
@@ -12,11 +13,7 @@ interface PlanCardProps {
 /**
  * Renders the plan card
  */
-export const PlanCard: React.FC<PlanCardProps> = ({
-  evalSpec,
-  evalPlan,
-  scores,
-}) => {
+export const PlanCard: FC<PlanCardProps> = ({ evalSpec, evalPlan, scores }) => {
   return (
     <Card>
       <CardHeader icon={ApplicationIcons.config} label="Config" />
diff --git a/src/inspect_ai/_view/www/src/plan/PlanDetailView.tsx b/src/inspect_ai/_view/www/src/plan/PlanDetailView.tsx
index 3cfbc3182..f7ea343da 100644
--- a/src/inspect_ai/_view/www/src/plan/PlanDetailView.tsx
+++ b/src/inspect_ai/_view/www/src/plan/PlanDetailView.tsx
@@ -7,6 +7,7 @@ import { ScorerDetailView } from "./ScorerDetailView";
 import { SolversDetailView } from "./SolverDetailView";
 
 import clsx from "clsx";
+import { FC, ReactNode } from "react";
 import styles from "./PlanDetailView.module.css";
 
 interface PlanDetailViewProps {
@@ -15,7 +16,7 @@ interface PlanDetailViewProps {
   scores?: EvalScore[];
 }
 
-export const PlanDetailView: React.FC<PlanDetailViewProps> = ({
+export const PlanDetailView: FC<PlanDetailViewProps> = ({
   evaluation,
   plan,
   scores,
@@ -88,7 +89,7 @@ export const PlanDetailView: React.FC<PlanDetailViewProps> = ({
   const taskColumns: {
     title: string;
     className: string | string[];
-    contents: React.ReactNode;
+    contents: ReactNode;
   }[] = [];
   taskColumns.push({
     title: "Dataset",
@@ -145,7 +146,7 @@ export const PlanDetailView: React.FC<PlanDetailViewProps> = ({
   const metadataColumns: {
     title: string;
     className: string;
-    contents: React.ReactNode;
+    contents: ReactNode;
   }[] = [];
   const cols = colCount(
     metadataColumns,
@@ -297,14 +298,10 @@ const colCount = (...other: unknown[]) => {
 interface PlanColumnProps {
   title: string;
   className: string | string[];
-  children: React.ReactNode;
+  children: ReactNode;
 }
 
-const PlanColumn: React.FC<PlanColumnProps> = ({
-  title,
-  className,
-  children,
-}) => {
+const PlanColumn: FC<PlanColumnProps> = ({ title, className, children }) => {
   return (
     <div className={clsx(className)}>
       <div
diff --git a/src/inspect_ai/_view/www/src/plan/ScorerDetailView.tsx b/src/inspect_ai/_view/www/src/plan/ScorerDetailView.tsx
index b16a59d7a..75c9166ac 100644
--- a/src/inspect_ai/_view/www/src/plan/ScorerDetailView.tsx
+++ b/src/inspect_ai/_view/www/src/plan/ScorerDetailView.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import styles from "./DatasetDetailView.module.css";
 import { DetailStep } from "./DetailStep";
@@ -9,7 +10,7 @@ interface ScorerDetailViewProps {
   params: Record<string, unknown>;
 }
 
-export const ScorerDetailView: React.FC<ScorerDetailViewProps> = ({
+export const ScorerDetailView: FC<ScorerDetailViewProps> = ({
   name,
   scores,
   params,
diff --git a/src/inspect_ai/_view/www/src/plan/SolverDetailView.tsx b/src/inspect_ai/_view/www/src/plan/SolverDetailView.tsx
index 48d86d256..7ea1f4134 100644
--- a/src/inspect_ai/_view/www/src/plan/SolverDetailView.tsx
+++ b/src/inspect_ai/_view/www/src/plan/SolverDetailView.tsx
@@ -1,15 +1,15 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { FC, Fragment } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import { Steps } from "../types/log";
 import { DetailStep } from "./DetailStep";
 import styles from "./SolverDetailView.module.css";
 
-interface SolversDetailView {
+interface SolversDetailViewProps {
   steps: Steps;
 }
 
-export const SolversDetailView: React.FC<SolversDetailView> = ({ steps }) => {
+export const SolversDetailView: FC<SolversDetailViewProps> = ({ steps }) => {
   const separator = (
     <div className={clsx(styles.items, "text-size-small", styles.separator)}>
       <i className={ApplicationIcons.arrows.right} />
diff --git a/src/inspect_ai/_view/www/src/samples/InlineSampleDisplay.tsx b/src/inspect_ai/_view/www/src/samples/InlineSampleDisplay.tsx
index 281c55be8..d2b78e440 100644
--- a/src/inspect_ai/_view/www/src/samples/InlineSampleDisplay.tsx
+++ b/src/inspect_ai/_view/www/src/samples/InlineSampleDisplay.tsx
@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { FC, RefObject } from "react";
 import { ErrorPanel } from "../components/ErrorPanel";
 import { ProgressBar } from "../components/ProgressBar";
 import { EvalSample } from "../types/log";
@@ -21,7 +21,7 @@ interface InlineSampleDisplayProps {
 /**
  * Inline Sample Display
  */
-export const InlineSampleDisplay: React.FC<InlineSampleDisplayProps> = ({
+export const InlineSampleDisplay: FC<InlineSampleDisplayProps> = ({
   id,
   sample,
   sampleStatus,
diff --git a/src/inspect_ai/_view/www/src/samples/SampleDialog.tsx b/src/inspect_ai/_view/www/src/samples/SampleDialog.tsx
index 5a4316dc8..32cb8680f 100644
--- a/src/inspect_ai/_view/www/src/samples/SampleDialog.tsx
+++ b/src/inspect_ai/_view/www/src/samples/SampleDialog.tsx
@@ -1,7 +1,7 @@
 import { ApplicationIcons } from "../appearance/icons";
 import { LargeModal, ModalTool, ModalTools } from "../components/LargeModal";
 
-import { Ref, RefObject, useCallback, useMemo, useRef } from "react";
+import { FC, Ref, RefObject, useCallback, useMemo, useRef } from "react";
 import { ErrorPanel } from "../components/ErrorPanel";
 import { EvalSample } from "../types/log";
 import { SampleDisplay } from "./SampleDisplay";
@@ -27,7 +27,7 @@ interface SampleDialogProps {
 /**
  * Inline Sample Display
  */
-export const SampleDialog: React.FC<SampleDialogProps> = ({
+export const SampleDialog: FC<SampleDialogProps> = ({
   id,
   title,
   sample,
@@ -84,7 +84,7 @@ export const SampleDialog: React.FC<SampleDialogProps> = ({
           break;
       }
     },
-    [prevSample, nextSample],
+    [prevSample, nextSample, setShowingSampleDialog],
   );
 
   const onHide = useCallback(() => {
diff --git a/src/inspect_ai/_view/www/src/samples/SampleDisplay.tsx b/src/inspect_ai/_view/www/src/samples/SampleDisplay.tsx
index ea2515ec2..a3f7e7e23 100644
--- a/src/inspect_ai/_view/www/src/samples/SampleDisplay.tsx
+++ b/src/inspect_ai/_view/www/src/samples/SampleDisplay.tsx
@@ -10,7 +10,7 @@ import { ToolButton } from "../components/ToolButton";
 import { SampleScoreView } from "./scores/SampleScoreView";
 
 import clsx from "clsx";
-import { Fragment, MouseEvent, RefObject } from "react";
+import { FC, Fragment, MouseEvent, RefObject } from "react";
 import { Card, CardBody, CardHeader } from "../components/Card";
 import { EmptyPanel } from "../components/EmptyPanel";
 import { JSONPanel } from "../components/JsonPanel";
@@ -44,7 +44,7 @@ interface SampleDisplayProps {
 /**
  * Component to display a sample with relevant context and visibility control.
  */
-export const SampleDisplay: React.FC<SampleDisplayProps> = ({
+export const SampleDisplay: FC<SampleDisplayProps> = ({
   id,
   sample,
   sampleDescriptor,
diff --git a/src/inspect_ai/_view/www/src/samples/SampleSummaryView.tsx b/src/inspect_ai/_view/www/src/samples/SampleSummaryView.tsx
index 853e09c16..cca41b1f3 100644
--- a/src/inspect_ai/_view/www/src/samples/SampleSummaryView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/SampleSummaryView.tsx
@@ -5,7 +5,7 @@ import { arrayToString, formatTime, inputString } from "../utils/format";
 import { SamplesDescriptor } from "./descriptor/samplesDescriptor";
 import { FlatSampleError } from "./error/FlatSampleErrorView";
 
-import { ReactNode } from "react";
+import { FC, ReactNode } from "react";
 import styles from "./SampleSummaryView.module.css";
 
 interface SampleSummaryViewProps {
@@ -26,7 +26,7 @@ interface SummaryColumn {
 /**
  * Component to display a sample with relevant context and visibility control.
  */
-export const SampleSummaryView: React.FC<SampleSummaryViewProps> = ({
+export const SampleSummaryView: FC<SampleSummaryViewProps> = ({
   parent_id,
   sample,
   sampleDescriptor,
diff --git a/src/inspect_ai/_view/www/src/samples/SamplesTools.tsx b/src/inspect_ai/_view/www/src/samples/SamplesTools.tsx
index 1d489953a..f6c72e69b 100644
--- a/src/inspect_ai/_view/www/src/samples/SamplesTools.tsx
+++ b/src/inspect_ai/_view/www/src/samples/SamplesTools.tsx
@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { Fragment } from "react/jsx-runtime";
 import { ScoreFilter, ScoreLabel } from "../types";
 import { SamplesDescriptor } from "./descriptor/samplesDescriptor";
@@ -20,7 +21,7 @@ interface SampleToolsProps {
   sampleDescriptor: SamplesDescriptor;
 }
 
-export const SampleTools: React.FC<SampleToolsProps> = ({
+export const SampleTools: FC<SampleToolsProps> = ({
   epoch,
   setEpoch,
   epochs,
diff --git a/src/inspect_ai/_view/www/src/samples/chat/ChatMessage.tsx b/src/inspect_ai/_view/www/src/samples/chat/ChatMessage.tsx
index 6fd5533d1..d4c493234 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/ChatMessage.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/ChatMessage.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import ExpandablePanel from "../../components/ExpandablePanel";
 import {
   ChatMessageAssistant,
@@ -18,7 +19,7 @@ interface ChatMessageProps {
   toolCallStyle: "compact" | "complete";
 }
 
-export const ChatMessage: React.FC<ChatMessageProps> = ({
+export const ChatMessage: FC<ChatMessageProps> = ({
   id,
   message,
   toolMessages,
diff --git a/src/inspect_ai/_view/www/src/samples/chat/ChatMessageRenderer.tsx b/src/inspect_ai/_view/www/src/samples/chat/ChatMessageRenderer.tsx
index db97dd6c9..23faca225 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/ChatMessageRenderer.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/ChatMessageRenderer.tsx
@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { NavPills } from "../../components/NavPills.tsx";
 import { Buckets, ContentRenderer } from "../../metadata/types.ts";
 import {
@@ -37,7 +38,7 @@ export const ChatMessageRenderer: ContentRenderer = {
 /**
  * Represents a chat summary component that renders a list of chat messages.
  */
-export const ChatSummary: React.FC<{
+export const ChatSummary: FC<{
   id: string;
   title?: string;
   messages: (
diff --git a/src/inspect_ai/_view/www/src/samples/chat/ChatMessageRow.tsx b/src/inspect_ai/_view/www/src/samples/chat/ChatMessageRow.tsx
index ef224b564..e75f81dec 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/ChatMessageRow.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/ChatMessageRow.tsx
@@ -1,6 +1,7 @@
 import clsx from "clsx";
 import { ChatMessage } from "./ChatMessage";
 
+import { FC } from "react";
 import styles from "./ChatMessageRow.module.css";
 import { ResolvedMessage } from "./messages";
 
@@ -15,7 +16,7 @@ interface ChatMessageRowProps {
 /**
  * Renders the ChatMessage component.
  */
-export const ChatMessageRow: React.FC<ChatMessageRowProps> = ({
+export const ChatMessageRow: FC<ChatMessageRowProps> = ({
   parentName,
   number,
   resolvedMessage,
diff --git a/src/inspect_ai/_view/www/src/samples/chat/ChatView.tsx b/src/inspect_ai/_view/www/src/samples/chat/ChatView.tsx
index 9fc2f9207..ce69496f3 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/ChatView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/ChatView.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { Messages } from "../../types/log";
 import { ChatMessageRow } from "./ChatMessageRow";
 import { resolveMessages } from "./messages";
@@ -16,7 +17,7 @@ interface ChatViewProps {
 /**
  * Renders the ChatView component.
  */
-export const ChatView: React.FC<ChatViewProps> = ({
+export const ChatView: FC<ChatViewProps> = ({
   id,
   messages,
   toolCallStyle = "complete",
diff --git a/src/inspect_ai/_view/www/src/samples/chat/ChatViewVirtualList.tsx b/src/inspect_ai/_view/www/src/samples/chat/ChatViewVirtualList.tsx
index 2446345fb..e310cb3aa 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/ChatViewVirtualList.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/ChatViewVirtualList.tsx
@@ -1,4 +1,4 @@
-import { RefObject, useState } from "react";
+import { FC, RefObject, useState } from "react";
 import { Messages } from "../../types/log";
 
 import clsx from "clsx";
@@ -21,7 +21,7 @@ interface ChatViewVirtualListProps {
 /**
  * Renders the ChatViewVirtualList component.
  */
-export const ChatViewVirtualList: React.FC<ChatViewVirtualListProps> = ({
+export const ChatViewVirtualList: FC<ChatViewVirtualListProps> = ({
   id,
   messages,
   toolCallStyle,
diff --git a/src/inspect_ai/_view/www/src/samples/chat/MessageContent.tsx b/src/inspect_ai/_view/www/src/samples/chat/MessageContent.tsx
index f7505f8c9..940408bb3 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/MessageContent.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/MessageContent.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { FC, Fragment, ReactNode } from "react";
 import ExpandablePanel from "../../components/ExpandablePanel";
 import { MarkdownDiv } from "../../components/MarkdownDiv";
 import { ContentTool } from "../../types";
@@ -43,7 +43,7 @@ interface MessageContentProps {
  * Renders message content based on its type.
  * Supports rendering strings, images, and tools using specific renderers.
  */
-export const MessageContent: React.FC<MessageContentProps> = ({ contents }) => {
+export const MessageContent: FC<MessageContentProps> = ({ contents }) => {
   if (Array.isArray(contents)) {
     return contents.map((content, index) => {
       if (typeof content === "string") {
@@ -85,11 +85,7 @@ export const MessageContent: React.FC<MessageContentProps> = ({ contents }) => {
 };
 
 interface MessageRenderer {
-  render: (
-    key: string,
-    content: ContentType,
-    isLast: boolean,
-  ) => React.ReactNode;
+  render: (key: string, content: ContentType, isLast: boolean) => ReactNode;
 }
 
 const messageRenderers: Record<string, MessageRenderer> = {
diff --git a/src/inspect_ai/_view/www/src/samples/chat/MessageContents.tsx b/src/inspect_ai/_view/www/src/samples/chat/MessageContents.tsx
index fc9872480..0dcb3c679 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/MessageContents.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/MessageContents.tsx
@@ -8,7 +8,7 @@ import { MessageContent } from "./MessageContent";
 import { resolveToolInput } from "./tools/tool";
 import { ToolCallView } from "./tools/ToolCallView";
 
-import { Fragment } from "react";
+import { FC, Fragment } from "react";
 import { ContentTool } from "../../types";
 import styles from "./MessageContents.module.css";
 
@@ -18,7 +18,7 @@ interface MessageContentsProps {
   toolCallStyle: "compact" | "complete";
 }
 
-export const MessageContents: React.FC<MessageContentsProps> = ({
+export const MessageContents: FC<MessageContentsProps> = ({
   message,
   toolMessages,
   toolCallStyle,
diff --git a/src/inspect_ai/_view/www/src/samples/chat/tools/ToolCallView.tsx b/src/inspect_ai/_view/www/src/samples/chat/tools/ToolCallView.tsx
index 53fffcf09..599c703cb 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/tools/ToolCallView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/tools/ToolCallView.tsx
@@ -1,4 +1,4 @@
-import { useMemo } from "react";
+import { FC, useMemo } from "react";
 import ExpandablePanel from "../../../components/ExpandablePanel";
 import { ContentTool } from "../../../types";
 import {
@@ -42,7 +42,7 @@ interface ToolCallViewProps {
 /**
  * Renders the ToolCallView component.
  */
-export const ToolCallView: React.FC<ToolCallViewProps> = ({
+export const ToolCallView: FC<ToolCallViewProps> = ({
   functionCall,
   input,
   highlightLanguage,
diff --git a/src/inspect_ai/_view/www/src/samples/chat/tools/ToolInput.tsx b/src/inspect_ai/_view/www/src/samples/chat/tools/ToolInput.tsx
index d5d82a1f1..850f8d441 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/tools/ToolInput.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/tools/ToolInput.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { highlightElement } from "prismjs";
-import { memo, useEffect, useRef } from "react";
+import { FC, memo, useEffect, useRef } from "react";
 import { MarkdownDiv } from "../../../components/MarkdownDiv";
 
 import styles from "./ToolInput.module.css";
@@ -22,7 +22,7 @@ interface ToolInputProps {
   contents?: string | object;
   toolCallView?: { content: string };
 }
-export const ToolInput: React.FC<ToolInputProps> = memo((props) => {
+export const ToolInput: FC<ToolInputProps> = memo((props) => {
   const { highlightLanguage, contents, toolCallView } = props;
 
   const codeRef = useCodeHighlight(highlightLanguage);
diff --git a/src/inspect_ai/_view/www/src/samples/chat/tools/ToolOutput.tsx b/src/inspect_ai/_view/www/src/samples/chat/tools/ToolOutput.tsx
index 1d2badbcd..23b40cbb0 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/tools/ToolOutput.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/tools/ToolOutput.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { ContentImage, ContentText } from "../../../types/log";
 import styles from "./ToolOutput.module.css";
 
@@ -9,7 +10,7 @@ interface ToolOutputProps {
 /**
  * Renders the ToolOutput component.
  */
-export const ToolOutput: React.FC<ToolOutputProps> = ({ output }) => {
+export const ToolOutput: FC<ToolOutputProps> = ({ output }) => {
   // If there is no output, don't show the tool
   if (!output) {
     return null;
@@ -51,7 +52,7 @@ interface ToolTextOutputProps {
 /**
  * Renders the ToolTextOutput component.
  */
-const ToolTextOutput: React.FC<ToolTextOutputProps> = ({ text }) => {
+const ToolTextOutput: FC<ToolTextOutputProps> = ({ text }) => {
   return (
     <pre className={clsx(styles.textOutput, "tool-output")}>
       <code className={clsx("sourceCode", styles.textCode)}>{text.trim()}</code>
diff --git a/src/inspect_ai/_view/www/src/samples/chat/tools/ToolTitle.tsx b/src/inspect_ai/_view/www/src/samples/chat/tools/ToolTitle.tsx
index b47e40039..216c5d52c 100644
--- a/src/inspect_ai/_view/www/src/samples/chat/tools/ToolTitle.tsx
+++ b/src/inspect_ai/_view/www/src/samples/chat/tools/ToolTitle.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { FC, Fragment } from "react";
 import styles from "./ToolTitle.module.css";
 interface ToolTitleProps {
   title: string;
@@ -8,7 +8,7 @@ interface ToolTitleProps {
 /**
  * Renders the ToolCallView component.
  */
-export const ToolTitle: React.FC<ToolTitleProps> = ({ title }) => {
+export const ToolTitle: FC<ToolTitleProps> = ({ title }) => {
   return (
     <Fragment>
       <i className={clsx("bi", "bi-tools", styles.styles)} />
diff --git a/src/inspect_ai/_view/www/src/samples/error/FlatSampleErrorView.tsx b/src/inspect_ai/_view/www/src/samples/error/FlatSampleErrorView.tsx
index a0dd8be85..aefec2f9f 100644
--- a/src/inspect_ai/_view/www/src/samples/error/FlatSampleErrorView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/error/FlatSampleErrorView.tsx
@@ -1,6 +1,7 @@
 import { ApplicationIcons } from "../../appearance/icons";
 
 import clsx from "clsx";
+import { FC } from "react";
 import styles from "./FlatSampleErrorView.module.css";
 import { errorType } from "./error";
 
@@ -10,9 +11,7 @@ interface FlatSampleErrorViewProps {
 /**
  * Component to display a styled error message.
  */
-export const FlatSampleError: React.FC<FlatSampleErrorViewProps> = ({
-  message,
-}) => {
+export const FlatSampleError: FC<FlatSampleErrorViewProps> = ({ message }) => {
   return (
     <div className={clsx(styles.flatBody)}>
       <i className={clsx(ApplicationIcons.error, styles.iconSmall)} />
diff --git a/src/inspect_ai/_view/www/src/samples/error/SampleErrorView.tsx b/src/inspect_ai/_view/www/src/samples/error/SampleErrorView.tsx
index 6eabcf07b..15d431e47 100644
--- a/src/inspect_ai/_view/www/src/samples/error/SampleErrorView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/error/SampleErrorView.tsx
@@ -2,19 +2,20 @@ import { ApplicationIcons } from "../../appearance/icons";
 import { ApplicationStyles } from "../../appearance/styles";
 
 import clsx from "clsx";
+import { CSSProperties, FC } from "react";
 import styles from "./SampleErrorView.module.css";
 import { errorType } from "./error";
 
 interface SampleErrorViewProps {
   message?: string;
   align?: string;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
 }
 
 /**
  * Component to display a styled error message.
  */
-export const SampleErrorView: React.FC<SampleErrorViewProps> = ({
+export const SampleErrorView: FC<SampleErrorViewProps> = ({
   message,
   align,
 }) => {
diff --git a/src/inspect_ai/_view/www/src/samples/list/SampleFooter.tsx b/src/inspect_ai/_view/www/src/samples/list/SampleFooter.tsx
index c8c4cc397..f0d2864ce 100644
--- a/src/inspect_ai/_view/www/src/samples/list/SampleFooter.tsx
+++ b/src/inspect_ai/_view/www/src/samples/list/SampleFooter.tsx
@@ -3,9 +3,10 @@ interface SampleFooterProps {
 }
 
 import clsx from "clsx";
+import { FC } from "react";
 import styles from "./SampleFooter.module.css";
 
-export const SampleFooter: React.FC<SampleFooterProps> = ({ sampleCount }) => {
+export const SampleFooter: FC<SampleFooterProps> = ({ sampleCount }) => {
   return (
     <div className={clsx("text-size-smaller", styles.footer)}>
       <div>{sampleCount} Samples</div>
diff --git a/src/inspect_ai/_view/www/src/samples/list/SampleHeader.tsx b/src/inspect_ai/_view/www/src/samples/list/SampleHeader.tsx
index 49f90a9a0..f62e53c90 100644
--- a/src/inspect_ai/_view/www/src/samples/list/SampleHeader.tsx
+++ b/src/inspect_ai/_view/www/src/samples/list/SampleHeader.tsx
@@ -7,9 +7,10 @@ interface SampleHeaderProps {
   gridColumnsTemplate: string;
 }
 import clsx from "clsx";
+import { FC } from "react";
 import styles from "./SampleHeader.module.css";
 
-export const SampleHeader: React.FC<SampleHeaderProps> = ({
+export const SampleHeader: FC<SampleHeaderProps> = ({
   input = true,
   target = true,
   answer = true,
diff --git a/src/inspect_ai/_view/www/src/samples/list/SampleList.tsx b/src/inspect_ai/_view/www/src/samples/list/SampleList.tsx
index adb6bae9e..dd4f5cca7 100644
--- a/src/inspect_ai/_view/www/src/samples/list/SampleList.tsx
+++ b/src/inspect_ai/_view/www/src/samples/list/SampleList.tsx
@@ -1,4 +1,5 @@
 import {
+  FC,
   KeyboardEvent,
   RefObject,
   useCallback,
@@ -35,7 +36,7 @@ interface SampleListProps {
   listHandle: RefObject<VirtuosoHandle | null>;
 }
 
-export const SampleList: React.FC<SampleListProps> = (props) => {
+export const SampleList: FC<SampleListProps> = (props) => {
   const {
     items,
     sampleDescriptor,
@@ -47,10 +48,6 @@ export const SampleList: React.FC<SampleListProps> = (props) => {
     listHandle,
   } = props;
 
-  // If there are no samples, just display an empty state
-  if (items.length === 0) {
-    return <EmptyPanel>No Samples</EmptyPanel>;
-  }
   const [followOutput, setFollowOutput] = useState(false);
 
   const [hidden, setHidden] = useState(false);
@@ -83,6 +80,34 @@ export const SampleList: React.FC<SampleListProps> = (props) => {
     }
   }, [selectedIndex, listHandle, itemRowMapping]);
 
+  const onkeydown = useCallback(
+    (e: KeyboardEvent<HTMLDivElement>) => {
+      switch (e.key) {
+        case "ArrowUp":
+          prevSample();
+          e.preventDefault();
+          e.stopPropagation();
+          break;
+        case "ArrowDown":
+          nextSample();
+          e.preventDefault();
+          e.stopPropagation();
+          break;
+        case "Enter":
+          showSample(selectedIndex);
+          e.preventDefault();
+          e.stopPropagation();
+          break;
+      }
+    },
+    [selectedIndex, nextSample, prevSample, showSample],
+  );
+
+  // If there are no samples, just display an empty state
+  if (items.length === 0) {
+    return <EmptyPanel>No Samples</EmptyPanel>;
+  }
+
   const renderRow = (item: ListItem) => {
     if (item.type === "sample") {
       return (
@@ -110,29 +135,6 @@ export const SampleList: React.FC<SampleListProps> = (props) => {
     }
   };
 
-  const onkeydown = useCallback(
-    (e: KeyboardEvent<HTMLDivElement>) => {
-      switch (e.key) {
-        case "ArrowUp":
-          prevSample();
-          e.preventDefault();
-          e.stopPropagation();
-          break;
-        case "ArrowDown":
-          nextSample();
-          e.preventDefault();
-          e.stopPropagation();
-          break;
-        case "Enter":
-          showSample(selectedIndex);
-          e.preventDefault();
-          e.stopPropagation();
-          break;
-      }
-    },
-    [selectedIndex],
-  );
-
   const { input, limit, answer, target } = gridColumns(sampleDescriptor);
 
   const sampleCount = items?.reduce((prev, current) => {
diff --git a/src/inspect_ai/_view/www/src/samples/list/SampleRow.tsx b/src/inspect_ai/_view/www/src/samples/list/SampleRow.tsx
index 045341e8e..491497fe3 100644
--- a/src/inspect_ai/_view/www/src/samples/list/SampleRow.tsx
+++ b/src/inspect_ai/_view/www/src/samples/list/SampleRow.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { SampleSummary } from "../../api/types";
 import { MarkdownDiv } from "../../components/MarkdownDiv";
 import { arrayToString, inputString } from "../../utils/format";
@@ -17,7 +18,7 @@ interface SampleRowProps {
   showSample: (index: number) => void;
 }
 
-export const SampleRow: React.FC<SampleRowProps> = ({
+export const SampleRow: FC<SampleRowProps> = ({
   id,
   index,
   sample,
diff --git a/src/inspect_ai/_view/www/src/samples/list/SampleSeparator.tsx b/src/inspect_ai/_view/www/src/samples/list/SampleSeparator.tsx
index 8aa64017d..78aa7809c 100644
--- a/src/inspect_ai/_view/www/src/samples/list/SampleSeparator.tsx
+++ b/src/inspect_ai/_view/www/src/samples/list/SampleSeparator.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import styles from "./SampleSeparator.module.css";
 
 interface SampleSeparatorProps {
@@ -7,7 +8,7 @@ interface SampleSeparatorProps {
   height: number;
 }
 
-export const SampleSeparator: React.FC<SampleSeparatorProps> = ({
+export const SampleSeparator: FC<SampleSeparatorProps> = ({
   id,
   title,
   height,
diff --git a/src/inspect_ai/_view/www/src/samples/sample-tools/EpochFilter.tsx b/src/inspect_ai/_view/www/src/samples/sample-tools/EpochFilter.tsx
index e87be8518..d03476357 100644
--- a/src/inspect_ai/_view/www/src/samples/sample-tools/EpochFilter.tsx
+++ b/src/inspect_ai/_view/www/src/samples/sample-tools/EpochFilter.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { ChangeEvent } from "react";
+import { ChangeEvent, FC } from "react";
 import styles from "./EpochFilter.module.css";
 
 interface EpochFilterProps {
@@ -8,7 +8,7 @@ interface EpochFilterProps {
   setEpoch: (n: string) => void;
 }
 
-export const EpochFilter: React.FC<EpochFilterProps> = ({
+export const EpochFilter: FC<EpochFilterProps> = ({
   epochs,
   epoch,
   setEpoch,
diff --git a/src/inspect_ai/_view/www/src/samples/sample-tools/SelectScorer.tsx b/src/inspect_ai/_view/www/src/samples/sample-tools/SelectScorer.tsx
index bdf125ccf..64dabfb0f 100644
--- a/src/inspect_ai/_view/www/src/samples/sample-tools/SelectScorer.tsx
+++ b/src/inspect_ai/_view/www/src/samples/sample-tools/SelectScorer.tsx
@@ -1,6 +1,7 @@
 import clsx from "clsx";
 import { ScoreLabel } from "../../types";
 
+import { FC } from "react";
 import styles from "./SelectScorer.module.css";
 
 interface SelectScorerProps {
@@ -9,7 +10,7 @@ interface SelectScorerProps {
   setScore: (score: ScoreLabel) => void;
 }
 
-export const SelectScorer: React.FC<SelectScorerProps> = ({
+export const SelectScorer: FC<SelectScorerProps> = ({
   scores,
   score,
   setScore,
@@ -100,7 +101,7 @@ interface ScoreSelectorProps {
   className?: string | string[];
 }
 
-const ScoreSelector: React.FC<ScoreSelectorProps> = ({
+const ScoreSelector: FC<ScoreSelectorProps> = ({
   scores,
   selectedIndex,
   setSelectedIndex,
@@ -138,7 +139,7 @@ interface ScorerSelectorProps {
   setSelectedIndex: (index: number) => void;
 }
 
-const ScorerSelector: React.FC<ScorerSelectorProps> = ({
+const ScorerSelector: FC<ScorerSelectorProps> = ({
   scorers,
   selectedIndex,
   setSelectedIndex,
diff --git a/src/inspect_ai/_view/www/src/samples/sample-tools/SortFilter.tsx b/src/inspect_ai/_view/www/src/samples/sample-tools/SortFilter.tsx
index c476853f2..8e917b8a5 100644
--- a/src/inspect_ai/_view/www/src/samples/sample-tools/SortFilter.tsx
+++ b/src/inspect_ai/_view/www/src/samples/sample-tools/SortFilter.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { SampleSummary } from "../../api/types";
 import {
   kEpochAscVal,
@@ -18,11 +19,7 @@ interface SortFilterProps {
   epochs: number;
 }
 
-export const SortFilter: React.FC<SortFilterProps> = ({
-  sort,
-  setSort,
-  epochs,
-}) => {
+export const SortFilter: FC<SortFilterProps> = ({ sort, setSort, epochs }) => {
   const options = [
     { label: "sample asc", val: kSampleAscVal },
     { label: "sample desc", val: kSampleDescVal },
diff --git a/src/inspect_ai/_view/www/src/samples/sample-tools/sample-filter/SampleFilter.tsx b/src/inspect_ai/_view/www/src/samples/sample-tools/sample-filter/SampleFilter.tsx
index e06bb24cf..8bb3cb4a5 100644
--- a/src/inspect_ai/_view/www/src/samples/sample-tools/sample-filter/SampleFilter.tsx
+++ b/src/inspect_ai/_view/www/src/samples/sample-tools/sample-filter/SampleFilter.tsx
@@ -14,7 +14,7 @@ import {
 import { tags } from "@lezer/highlight";
 import clsx from "clsx";
 import { EditorView, minimalSetup } from "codemirror";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { FC, useEffect, useMemo, useRef, useState } from "react";
 
 import { ScoreFilter } from "../../../types";
 import { EvalDescriptor } from "../../descriptor/types";
@@ -147,7 +147,7 @@ const getLints = (
 };
 
 // Main component
-export const SampleFilter: React.FC<SampleFilterProps> = ({
+export const SampleFilter: FC<SampleFilterProps> = ({
   evalDescriptor,
   scoreFilter,
   setScoreFilter,
diff --git a/src/inspect_ai/_view/www/src/samples/scores/SampleScoreView.tsx b/src/inspect_ai/_view/www/src/samples/scores/SampleScoreView.tsx
index 727209c98..d6d672e2d 100644
--- a/src/inspect_ai/_view/www/src/samples/scores/SampleScoreView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/scores/SampleScoreView.tsx
@@ -7,6 +7,7 @@ import { arrayToString, inputString } from "../../utils/format";
 import { SamplesDescriptor } from "../descriptor/samplesDescriptor";
 import { SampleScores } from "./SampleScores";
 
+import { FC } from "react";
 import { SampleSummary } from "../../api/types";
 import styles from "./SampleScoreView.module.css";
 
@@ -17,7 +18,7 @@ interface SampleScoreViewProps {
   className?: string | string[];
 }
 
-export const SampleScoreView: React.FC<SampleScoreViewProps> = ({
+export const SampleScoreView: FC<SampleScoreViewProps> = ({
   sample,
   sampleDescriptor,
   className,
diff --git a/src/inspect_ai/_view/www/src/samples/scores/SampleScores.tsx b/src/inspect_ai/_view/www/src/samples/scores/SampleScores.tsx
index 3a2405c1a..78c60ca54 100644
--- a/src/inspect_ai/_view/www/src/samples/scores/SampleScores.tsx
+++ b/src/inspect_ai/_view/www/src/samples/scores/SampleScores.tsx
@@ -1,4 +1,4 @@
-import { Fragment } from "react";
+import { FC, Fragment } from "react";
 import { SampleSummary } from "../../api/types";
 import { SamplesDescriptor } from "../descriptor/samplesDescriptor";
 
@@ -10,7 +10,7 @@ interface SampleScoresProps {
   scorer: string;
 }
 
-export const SampleScores: React.FC<SampleScoresProps> = ({
+export const SampleScores: FC<SampleScoresProps> = ({
   sample,
   sampleDescriptor,
   scorer,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/ApprovalEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/ApprovalEventView.tsx
index 0fc605663..16207a9be 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/ApprovalEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/ApprovalEventView.tsx
@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { ApplicationIcons } from "../../appearance/icons";
 import { ApprovalEvent } from "../../types/log";
 import { EventRow } from "./event/EventRow";
@@ -10,7 +11,7 @@ interface ApprovalEventViewProps {
 /**
  * Renders the ApprovalEventView component.
  */
-export const ApprovalEventView: React.FC<ApprovalEventViewProps> = ({
+export const ApprovalEventView: FC<ApprovalEventViewProps> = ({
   event,
   className,
 }) => {
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/ErrorEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/ErrorEventView.tsx
index a4edec23d..6f1533e8c 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/ErrorEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/ErrorEventView.tsx
@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { ApplicationIcons } from "../../appearance/icons";
 import { ANSIDisplay } from "../../components/AnsiDisplay";
 import { ErrorEvent } from "../../types/log";
@@ -16,7 +17,7 @@ interface ErrorEventViewProps {
 /**
  * Renders the ErrorEventView component.
  */
-export const ErrorEventView: React.FC<ErrorEventViewProps> = ({
+export const ErrorEventView: FC<ErrorEventViewProps> = ({
   id,
   event,
   eventState,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/InfoEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/InfoEventView.tsx
index 2a806aea4..ac81e01c9 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/InfoEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/InfoEventView.tsx
@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { ApplicationIcons } from "../../appearance/icons";
 import { JSONPanel } from "../../components/JsonPanel";
 import { MarkdownDiv } from "../../components/MarkdownDiv";
@@ -18,7 +19,7 @@ interface InfoEventViewProps {
 /**
  * Renders the InfoEventView component.
  */
-export const InfoEventView: React.FC<InfoEventViewProps> = ({
+export const InfoEventView: FC<InfoEventViewProps> = ({
   id,
   event,
   eventState,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/InputEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/InputEventView.tsx
index 3c199560c..f812bbb37 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/InputEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/InputEventView.tsx
@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { ApplicationIcons } from "../../appearance/icons";
 import { ANSIDisplay } from "../../components/AnsiDisplay";
 import { InputEvent } from "../../types/log";
@@ -16,7 +17,7 @@ interface InputEventViewProps {
 /**
  * Renders the ErrorEventView component.
  */
-export const InputEventView: React.FC<InputEventViewProps> = ({
+export const InputEventView: FC<InputEventViewProps> = ({
   id,
   event,
   eventState,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/LoggerEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/LoggerEventView.tsx
index a4b3dc617..b5869afe2 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/LoggerEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/LoggerEventView.tsx
@@ -3,6 +3,7 @@ import { ApplicationIcons } from "../../appearance/icons";
 import { LoggerEvent } from "../../types/log";
 import { EventRow } from "./event/EventRow";
 
+import { FC } from "react";
 import { MetaDataGrid } from "../../metadata/MetaDataGrid";
 import { parsedJson as maybeParseJson } from "../../utils/json";
 import styles from "./LoggerEventView.module.css";
@@ -15,7 +16,7 @@ interface LoggerEventViewProps {
 /**
  * Renders the LoggerEventView component.
  */
-export const LoggerEventView: React.FC<LoggerEventViewProps> = ({
+export const LoggerEventView: FC<LoggerEventViewProps> = ({
   event,
   className,
 }) => {
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/ModelEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/ModelEventView.tsx
index a31b658a3..6fd566ace 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/ModelEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/ModelEventView.tsx
@@ -3,7 +3,7 @@ import "prismjs/components/prism-json";
 import "prismjs/components/prism-python";
 
 import clsx from "clsx";
-import { Fragment, useEffect, useMemo, useRef } from "react";
+import { FC, Fragment, useEffect, useMemo, useRef } from "react";
 import { ApplicationIcons } from "../../appearance/icons";
 import { MetaDataGrid } from "../../metadata/MetaDataGrid";
 import {
@@ -38,7 +38,7 @@ interface ModelEventViewProps {
 /**
  * Renders the StateEventView component.
  */
-export const ModelEventView: React.FC<ModelEventViewProps> = ({
+export const ModelEventView: FC<ModelEventViewProps> = ({
   id,
   event,
   eventState,
@@ -150,7 +150,7 @@ interface APIViewProps {
   className?: string | string[];
 }
 
-export const APIView: React.FC<APIViewProps> = ({ call, className }) => {
+export const APIView: FC<APIViewProps> = ({ call, className }) => {
   if (!call) {
     return null;
   }
@@ -172,11 +172,7 @@ interface APICodeCellProps {
   contents: Request | Response;
 }
 
-export const APICodeCell: React.FC<APICodeCellProps> = ({ id, contents }) => {
-  if (!contents) {
-    return null;
-  }
-
+export const APICodeCell: FC<APICodeCellProps> = ({ id, contents }) => {
   const codeRef = useRef<HTMLElement>(null);
   const sourceCode = useMemo(() => {
     return JSON.stringify(contents, undefined, 2);
@@ -186,7 +182,11 @@ export const APICodeCell: React.FC<APICodeCellProps> = ({ id, contents }) => {
     if (codeRef.current) {
       highlightElement(codeRef.current);
     }
-  }, [codeRef.current, contents]);
+  }, [contents]);
+
+  if (!contents) {
+    return null;
+  }
 
   return (
     <div>
@@ -207,7 +207,7 @@ interface ToolConfigProps {
   tools: Tools1;
 }
 
-const ToolsConfig: React.FC<ToolConfigProps> = ({ tools }) => {
+const ToolsConfig: FC<ToolConfigProps> = ({ tools }) => {
   const toolEls = tools.map((tool, idx) => {
     return (
       <Fragment key={`${tool.name}-${idx}`}>
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/SampleInitEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/SampleInitEventView.tsx
index f6b5b6df8..5fd4f22e5 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/SampleInitEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/SampleInitEventView.tsx
@@ -9,6 +9,7 @@ import { EventPanel } from "./event/EventPanel";
 import { EventSection } from "./event/EventSection";
 import { TranscriptEventState } from "./types";
 
+import { FC } from "react";
 import styles from "./SampleInitEventView.module.css";
 
 interface SampleInitEventViewProps {
@@ -22,7 +23,7 @@ interface SampleInitEventViewProps {
 /**
  * Renders the SampleInitEventView component.
  */
-export const SampleInitEventView: React.FC<SampleInitEventViewProps> = ({
+export const SampleInitEventView: FC<SampleInitEventViewProps> = ({
   id,
   event,
   eventState,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/SampleLimitEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/SampleLimitEventView.tsx
index 0db4f426c..f70fd637d 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/SampleLimitEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/SampleLimitEventView.tsx
@@ -1,5 +1,6 @@
+import { FC } from "react";
 import { ApplicationIcons } from "../../appearance/icons";
-import { SampleLimitEvent, Type7 } from "../../types/log";
+import { SampleLimitEvent, Type8 } from "../../types/log";
 import { EventPanel } from "./event/EventPanel";
 import { TranscriptEventState } from "./types";
 
@@ -14,14 +15,14 @@ interface SampleLimitEventViewProps {
 /**
  * Renders the InfoEventView component.
  */
-export const SampleLimitEventView: React.FC<SampleLimitEventViewProps> = ({
+export const SampleLimitEventView: FC<SampleLimitEventViewProps> = ({
   id,
   event,
   eventState,
   setEventState,
   className,
 }) => {
-  const resolve_title = (type: Type7) => {
+  const resolve_title = (type: Type8) => {
     switch (type) {
       case "custom":
         return "Custom Limit Exceeded";
@@ -38,7 +39,7 @@ export const SampleLimitEventView: React.FC<SampleLimitEventViewProps> = ({
     }
   };
 
-  const resolve_icon = (type: Type7) => {
+  const resolve_icon = (type: Type8) => {
     switch (type) {
       case "custom":
         return ApplicationIcons.limits.custom;
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/SampleTranscript.tsx b/src/inspect_ai/_view/www/src/samples/transcript/SampleTranscript.tsx
index 3479e6e91..fc98468e0 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/SampleTranscript.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/SampleTranscript.tsx
@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { FC, RefObject } from "react";
 import { Events } from "../../types/log";
 import { TranscriptVirtualList } from "./TranscriptView";
 
@@ -11,7 +11,7 @@ interface SampleTranscriptProps {
 /**
  * Renders the SampleTranscript component.=
  */
-export const SampleTranscript: React.FC<SampleTranscriptProps> = ({
+export const SampleTranscript: FC<SampleTranscriptProps> = ({
   id,
   evalEvents,
   scrollRef,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/SandboxEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/SandboxEventView.tsx
index 9f521524d..905b53b25 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/SandboxEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/SandboxEventView.tsx
@@ -9,6 +9,7 @@ import { EventSection } from "./event/EventSection";
 import { TranscriptEventState } from "./types";
 
 import clsx from "clsx";
+import { FC } from "react";
 import styles from "./SandboxEventView.module.css";
 
 interface SandboxEventViewProps {
@@ -22,7 +23,7 @@ interface SandboxEventViewProps {
 /**
  * Renders the SandboxEventView component.
  */
-export const SandboxEventView: React.FC<SandboxEventViewProps> = ({
+export const SandboxEventView: FC<SandboxEventViewProps> = ({
   id,
   event,
   eventState,
@@ -60,7 +61,7 @@ interface ExecViewProps {
   event: SandboxEvent;
 }
 
-const ExecView: React.FC<ExecViewProps> = ({ event }) => {
+const ExecView: FC<ExecViewProps> = ({ event }) => {
   if (event.cmd === null) {
     return undefined;
   }
@@ -105,7 +106,7 @@ interface ReadFileViewProps {
   event: SandboxEvent;
 }
 
-const ReadFileView: React.FC<ReadFileViewProps> = ({ event }) => {
+const ReadFileView: FC<ReadFileViewProps> = ({ event }) => {
   if (event.file === null) {
     return undefined;
   }
@@ -118,7 +119,7 @@ interface WriteFileViewProps {
   event: SandboxEvent;
 }
 
-const WriteFileView: React.FC<WriteFileViewProps> = ({ event }) => {
+const WriteFileView: FC<WriteFileViewProps> = ({ event }) => {
   if (event.file === null) {
     return undefined;
   }
@@ -133,7 +134,7 @@ interface FileViewProps {
   contents?: string;
 }
 
-const FileView: React.FC<FileViewProps> = ({ file, contents }) => {
+const FileView: FC<FileViewProps> = ({ file, contents }) => {
   return (
     <div>
       <EventSection title="File">
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/ScoreEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/ScoreEventView.tsx
index 13bd73d65..fdab8cce6 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/ScoreEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/ScoreEventView.tsx
@@ -1,4 +1,4 @@
-import { Fragment } from "react";
+import { FC, Fragment } from "react";
 import { ApplicationIcons } from "../../appearance/icons";
 import { MarkdownDiv } from "../../components/MarkdownDiv";
 import { MetaDataGrid } from "../../metadata/MetaDataGrid";
@@ -21,7 +21,7 @@ interface ScoreEventViewProps {
 /**
  * Renders the ScoreEventView component.
  */
-export const ScoreEventView: React.FC<ScoreEventViewProps> = ({
+export const ScoreEventView: FC<ScoreEventViewProps> = ({
   id,
   event,
   eventState,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/StepEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/StepEventView.tsx
index 0b6818717..c0940f8d2 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/StepEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/StepEventView.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { RefObject, useCallback, useState } from "react";
+import { FC, RefObject, useCallback, useState } from "react";
 import { StepEvent } from "../../types/log";
 import { formatDateTime } from "../../utils/format";
 import { EventPanel } from "./event/EventPanel";
@@ -18,7 +18,7 @@ interface StepEventViewProps {
 /**
  * Renders the StepEventView component.
  */
-export const StepEventView: React.FC<StepEventViewProps> = ({
+export const StepEventView: FC<StepEventViewProps> = ({
   event,
   eventState,
   setEventState,
@@ -37,7 +37,7 @@ export const StepEventView: React.FC<StepEventViewProps> = ({
     (state: TranscriptEventState) => {
       setTranscriptState({ ...state });
     },
-    [transcriptState, setTranscriptState],
+    [setTranscriptState],
   );
 
   return (
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/SubtaskEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/SubtaskEventView.tsx
index f9b71cc04..be0c463f8 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/SubtaskEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/SubtaskEventView.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { FC, Fragment } from "react";
 import { ApplicationIcons } from "../../appearance/icons";
 import { MetaDataView } from "../../metadata/MetaDataView";
 import { Input2, Input4, Result1, SubtaskEvent } from "../../types/log";
@@ -21,7 +21,7 @@ interface SubtaskEventViewProps {
 /**
  * Renders the StateEventView component.
  */
-export const SubtaskEventView: React.FC<SubtaskEventViewProps> = ({
+export const SubtaskEventView: FC<SubtaskEventViewProps> = ({
   id,
   event,
   eventState,
@@ -97,19 +97,19 @@ interface SubtaskSummaryProps {
 /**
  * Renders the StateEventView component.
  */
-const SubtaskSummary: React.FC<SubtaskSummaryProps> = ({ input, result }) => {
-  result = typeof result === "object" ? result : { result };
+const SubtaskSummary: FC<SubtaskSummaryProps> = ({ input, result }) => {
+  const output = typeof result === "object" ? result : { result };
   return (
     <div className={clsx(styles.subtaskSummary)}>
       <div className={clsx("text-style-label")}>Input</div>
       <div className={clsx("text-size-large", styles.subtaskLabel)}></div>
       <div className={clsx("text-style-label")}>Output</div>
-      <Rendered values={input} />
+      {input ? <Rendered values={input} /> : undefined}
       <div className={clsx("text-size-title-secondary", styles.subtaskLabel)}>
         <i className={ApplicationIcons.arrows.right} />
       </div>
       <div>
-        <Rendered values={result} />
+        <Rendered values={output} />
       </div>
     </div>
   );
@@ -123,7 +123,7 @@ interface RenderedProps {
  * Recursively renders content based on the type of `values`.
 value.
  */
-const Rendered: React.FC<RenderedProps> = ({ values }) => {
+const Rendered: FC<RenderedProps> = ({ values }) => {
   if (Array.isArray(values)) {
     return values.map((val) => {
       return <Rendered values={val} />;
@@ -139,7 +139,7 @@ const Rendered: React.FC<RenderedProps> = ({ values }) => {
   }
 };
 
-const None: React.FC = () => {
+const None: FC = () => {
   return (
     <span className={clsx("text-size-small", "text-style-secondary")}>
       [None]
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/ToolEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/ToolEventView.tsx
index 3317a431c..3b321ba25 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/ToolEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/ToolEventView.tsx
@@ -8,7 +8,7 @@ import { EventPanel } from "./event/EventPanel";
 import { TranscriptView } from "./TranscriptView";
 import { TranscriptEventState } from "./types";
 
-import { useMemo } from "react";
+import { FC, useMemo } from "react";
 import styles from "./ToolEventView.module.css";
 
 interface ToolEventViewProps {
@@ -23,7 +23,7 @@ interface ToolEventViewProps {
 /**
  * Renders the ToolEventView component.
  */
-export const ToolEventView: React.FC<ToolEventViewProps> = ({
+export const ToolEventView: FC<ToolEventViewProps> = ({
   id,
   event,
   eventState,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/TranscriptView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/TranscriptView.tsx
index 240182bdd..3165c883d 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/TranscriptView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/TranscriptView.tsx
@@ -16,8 +16,8 @@ import { ToolEventView } from "./ToolEventView";
 import { EventNode, EventType, TranscriptEventState } from "./types";
 
 import clsx from "clsx";
-import { SandboxEventView } from "./SandboxEventView";
 import { Virtuoso } from "react-virtuoso";
+import { SandboxEventView } from "./SandboxEventView";
 import styles from "./TranscriptView.module.css";
 
 interface TranscriptViewProps {
@@ -84,7 +84,7 @@ export const TranscriptVirtualList: React.FC<TranscriptVirtualListProps> = (
     (state: TranscriptEventState) => {
       setTranscriptState(state);
     },
-    [transcriptState, setTranscriptState],
+    [setTranscriptState],
   );
 
   return (
@@ -116,7 +116,7 @@ export const TranscriptVirtualListComponent: React.FC<
     (eventId: string, state: TranscriptEventState) => {
       setTranscriptState({ ...transcriptState, [eventId]: state });
     },
-    [setTranscriptState],
+    [transcriptState, setTranscriptState],
   );
 
   const [followOutput, setFollowOutput] = useState(false);
@@ -179,6 +179,13 @@ export const TranscriptComponent: React.FC<TranscriptComponentProps> = ({
   setTranscriptState,
   eventNodes,
 }) => {
+  const setEventState = useCallback(
+    (state: TranscriptEventState, eventId: string) => {
+      setTranscriptState({ ...transcriptState, [eventId]: state });
+    },
+    [setTranscriptState, transcriptState],
+  );
+
   const rows = eventNodes.map((eventNode, index) => {
     const clz = [styles.eventNode];
     if (eventNode.depth % 2 == 0) {
@@ -189,12 +196,6 @@ export const TranscriptComponent: React.FC<TranscriptComponentProps> = ({
     }
 
     const eventId = `${id}-event${index}`;
-    const setEventState = useCallback(
-      (state: TranscriptEventState) => {
-        setTranscriptState({ ...transcriptState, [eventId]: state });
-      },
-      [setTranscriptState, transcriptState],
-    );
 
     const row = (
       <div
@@ -209,7 +210,9 @@ export const TranscriptComponent: React.FC<TranscriptComponentProps> = ({
           node={eventNode}
           className={clsx(clz)}
           eventState={transcriptState[eventId] || {}}
-          setEventState={setEventState}
+          setEventState={(state: TranscriptEventState) => {
+            setEventState(state, eventId);
+          }}
         />
       </div>
     );
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/event/EventNav.tsx b/src/inspect_ai/_view/www/src/samples/transcript/event/EventNav.tsx
index 06fd70786..695d71785 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/event/EventNav.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/event/EventNav.tsx
@@ -1,5 +1,6 @@
 import clsx from "clsx";
 
+import { FC } from "react";
 import styles from "./EventNav.module.css";
 
 interface EventNavProps {
@@ -11,7 +12,7 @@ interface EventNavProps {
 /**
  * Component to render a single navigation item.
  */
-export const EventNav: React.FC<EventNavProps> = ({
+export const EventNav: FC<EventNavProps> = ({
   target,
   title,
   selectedNav,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/event/EventNavs.tsx b/src/inspect_ai/_view/www/src/samples/transcript/event/EventNavs.tsx
index ede46855c..2c3789b31 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/event/EventNavs.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/event/EventNavs.tsx
@@ -1,6 +1,7 @@
 import clsx from "clsx";
 import { EventNav } from "./EventNav";
 
+import { FC } from "react";
 import styles from "./EventNavs.module.css";
 
 interface EventNavsProps {
@@ -12,7 +13,7 @@ interface EventNavsProps {
 /**
  * Component to render navigation items.
  */
-export const EventNavs: React.FC<EventNavsProps> = ({
+export const EventNavs: FC<EventNavsProps> = ({
   navs,
   selectedNav,
   setSelectedNav,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/event/EventRow.tsx b/src/inspect_ai/_view/www/src/samples/transcript/event/EventRow.tsx
index bdc47c582..1218ba905 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/event/EventRow.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/event/EventRow.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC, ReactNode } from "react";
 import { ApplicationIcons } from "../../../appearance/icons";
 import styles from "./EventRow.module.css";
 
@@ -6,12 +7,12 @@ interface EventRowProps {
   title: string;
   icon: string;
   className?: string | string[];
-  children?: React.ReactNode | React.ReactNode[];
+  children?: ReactNode | ReactNode[];
 }
 /**
  * Renders the EventRow component.
  */
-export const EventRow: React.FC<EventRowProps> = ({
+export const EventRow: FC<EventRowProps> = ({
   title,
   icon,
   className,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/event/EventSection.tsx b/src/inspect_ai/_view/www/src/samples/transcript/event/EventSection.tsx
index 78805c064..e2ded1306 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/event/EventSection.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/event/EventSection.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { ReactNode } from "react";
+import { FC, ReactNode } from "react";
 import styles from "./EventSection.module.css";
 
 interface EventSectionProps {
@@ -11,7 +11,7 @@ interface EventSectionProps {
 /**
  * Renders the Event Section component.
  */
-export const EventSection: React.FC<EventSectionProps> = ({
+export const EventSection: FC<EventSectionProps> = ({
   title,
   children,
   className,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/state/StateDiffView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/state/StateDiffView.tsx
index 7d43458b8..de20c851e 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/state/StateDiffView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/state/StateDiffView.tsx
@@ -1,6 +1,7 @@
 import clsx from "clsx";
 import { diff } from "jsondiffpatch";
 import { format } from "jsondiffpatch/formatters/html";
+import { FC } from "react";
 
 interface StateDiffViewProps {
   before: Object;
@@ -11,7 +12,7 @@ interface StateDiffViewProps {
 /**
  * Renders a view displaying a list of state changes.
  */
-export const StateDiffView: React.FC<StateDiffViewProps> = ({
+export const StateDiffView: FC<StateDiffViewProps> = ({
   before,
   after,
   className,
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventRenderers.tsx b/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventRenderers.tsx
index 4112096bc..eb845e094 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventRenderers.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventRenderers.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { Fragment, JSX, ReactNode } from "react";
+import { FC, Fragment, JSX, ReactNode } from "react";
 import {
   HumanBaselineView,
   SessionLog,
@@ -246,7 +246,7 @@ interface ToolsProps {
 /**
  * Renders a list of tool components based on the provided tool definitions.
  */
-export const Tools: React.FC<ToolsProps> = ({ toolDefinitions }) => {
+export const Tools: FC<ToolsProps> = ({ toolDefinitions }) => {
   return toolDefinitions.map((toolDefinition, idx) => {
     const toolName = toolDefinition.name;
     const toolArgs = toolDefinition.parameters?.properties
@@ -270,7 +270,7 @@ interface ToolProps {
 /**
  * Renders a single tool component.
  */
-export const Tool: React.FC<ToolProps> = ({ toolName, toolArgs }) => {
+export const Tool: FC<ToolProps> = ({ toolName, toolArgs }) => {
   const functionCall =
     toolArgs && toolArgs.length > 0
       ? `${toolName}(${toolArgs.join(", ")})`
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventView.tsx b/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventView.tsx
index 1fb52e0af..c82e1c626 100644
--- a/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventView.tsx
+++ b/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventView.tsx
@@ -17,7 +17,7 @@ import {
   StoreSpecificRenderableTypes,
 } from "./StateEventRenderers";
 
-import { useMemo } from "react";
+import { useMemo, FC } from "react";
 import styles from "./StateEventView.module.css";
 
 interface StateEventViewProps {
@@ -32,7 +32,7 @@ interface StateEventViewProps {
 /**
  * Renders the StateEventView component.
  */
-export const StateEventView: React.FC<StateEventViewProps> = ({
+export const StateEventView: FC<StateEventViewProps> = ({
   id,
   event,
   eventState,
diff --git a/src/inspect_ai/_view/www/src/types/log.d.ts b/src/inspect_ai/_view/www/src/types/log.d.ts
index 90df4c864..855ef9086 100644
--- a/src/inspect_ai/_view/www/src/types/log.d.ts
+++ b/src/inspect_ai/_view/www/src/types/log.d.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /**
  * This file was automatically generated by json-schema-to-typescript.
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
diff --git a/src/inspect_ai/_view/www/src/usage/ModelTokenTable.tsx b/src/inspect_ai/_view/www/src/usage/ModelTokenTable.tsx
index 00abf9a75..8dfb7dd0c 100644
--- a/src/inspect_ai/_view/www/src/usage/ModelTokenTable.tsx
+++ b/src/inspect_ai/_view/www/src/usage/ModelTokenTable.tsx
@@ -1,11 +1,12 @@
+import { FC } from "react";
 import { TokenHeader, TokenRow, TokenTable } from "./TokenTable";
 
-interface ModelTokenTable {
+interface ModelTokenTableProps {
   model_usage: any;
   className?: string | string[];
 }
 
-export const ModelTokenTable: React.FC<ModelTokenTable> = ({
+export const ModelTokenTable: FC<ModelTokenTableProps> = ({
   model_usage,
   className,
 }) => {
diff --git a/src/inspect_ai/_view/www/src/usage/ModelUsagePanel.tsx b/src/inspect_ai/_view/www/src/usage/ModelUsagePanel.tsx
index d6f098588..3199fc509 100644
--- a/src/inspect_ai/_view/www/src/usage/ModelUsagePanel.tsx
+++ b/src/inspect_ai/_view/www/src/usage/ModelUsagePanel.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { FC, Fragment } from "react";
 import { ModelUsage1 } from "../types/log";
 import { formatNumber } from "../utils/format";
 import styles from "./ModelUsagePanel.module.css";
@@ -18,7 +18,7 @@ interface ModelUsageRow {
 /**
  * Renders the ModelUsagePanel component.
  */
-export const ModelUsagePanel: React.FC<ModelUsageProps> = ({ usage }) => {
+export const ModelUsagePanel: FC<ModelUsageProps> = ({ usage }) => {
   if (!usage) {
     return null;
   }
diff --git a/src/inspect_ai/_view/www/src/usage/TokenTable.tsx b/src/inspect_ai/_view/www/src/usage/TokenTable.tsx
index a450e905c..13a6135be 100644
--- a/src/inspect_ai/_view/www/src/usage/TokenTable.tsx
+++ b/src/inspect_ai/_view/www/src/usage/TokenTable.tsx
@@ -1,17 +1,15 @@
 import clsx from "clsx";
+import { FC, ReactNode } from "react";
 import { ModelUsage1 } from "../types/log";
 import { ModelUsagePanel } from "./ModelUsagePanel";
 import styles from "./TokenTable.module.css";
 
 interface TokenTableProps {
   className?: string | string[];
-  children?: React.ReactNode;
+  children?: ReactNode;
 }
 
-export const TokenTable: React.FC<TokenTableProps> = ({
-  className,
-  children,
-}) => {
+export const TokenTable: FC<TokenTableProps> = ({ className, children }) => {
   return (
     <table
       className={clsx(
@@ -77,7 +75,7 @@ interface TokenRowProps {
   usage: ModelUsage1;
 }
 
-export const TokenRow: React.FC<TokenRowProps> = ({ model, usage }) => {
+export const TokenRow: FC<TokenRowProps> = ({ model, usage }) => {
   return (
     <tr>
       <td>
diff --git a/src/inspect_ai/_view/www/src/usage/UsageCard.tsx b/src/inspect_ai/_view/www/src/usage/UsageCard.tsx
index 005a24311..8a9203072 100644
--- a/src/inspect_ai/_view/www/src/usage/UsageCard.tsx
+++ b/src/inspect_ai/_view/www/src/usage/UsageCard.tsx
@@ -7,6 +7,7 @@ import { EvalStats } from "../types/log";
 import { formatDuration } from "../utils/format";
 import { ModelTokenTable } from "./ModelTokenTable";
 
+import { FC } from "react";
 import styles from "./UsageCard.module.css";
 
 const kUsageCardBodyId = "usage-card-body";
@@ -18,7 +19,7 @@ interface UsageCardProps {
 /**
  * Renders the UsageCard component.
  */
-export const UsageCard: React.FC<UsageCardProps> = ({ stats }) => {
+export const UsageCard: FC<UsageCardProps> = ({ stats }) => {
   if (!stats) {
     return null;
   }
diff --git a/src/inspect_ai/_view/www/src/workspace/WorkSpace.tsx b/src/inspect_ai/_view/www/src/workspace/WorkSpace.tsx
index e3701f3d3..9ae91b77b 100644
--- a/src/inspect_ai/_view/www/src/workspace/WorkSpace.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/WorkSpace.tsx
@@ -5,7 +5,7 @@ import { JsonTab } from "./tabs/JsonTab";
 import { SamplesTab } from "./tabs/SamplesTab";
 
 import clsx from "clsx";
-import { MouseEvent, RefObject, useEffect, useMemo, useRef } from "react";
+import { FC, MouseEvent, RefObject, useEffect, useMemo, useRef } from "react";
 import { SampleSummary } from "../api/types.ts";
 import {
   kEvalWorkspaceTabId,
@@ -84,7 +84,7 @@ interface WorkSpaceProps {
 /**
  * Renders the Main Application
  */
-export const WorkSpace: React.FC<WorkSpaceProps> = (props) => {
+export const WorkSpace: FC<WorkSpaceProps> = (props) => {
   const {
     task_id,
     evalStatus,
@@ -103,9 +103,6 @@ export const WorkSpace: React.FC<WorkSpaceProps> = (props) => {
     workspaceTabScrollPositionRef,
     setWorkspaceTabScrollPosition,
   } = props;
-  if (!evalSpec) {
-    return null;
-  }
 
   const divRef = useRef<HTMLDivElement>(null);
 
@@ -118,6 +115,10 @@ export const WorkSpace: React.FC<WorkSpaceProps> = (props) => {
 
   const resolvedTabs = useResolvedTabs(props);
 
+  if (!evalSpec) {
+    return undefined;
+  }
+
   return (
     <WorkSpaceView
       logFileName={logFileName}
diff --git a/src/inspect_ai/_view/www/src/workspace/WorkSpaceView.tsx b/src/inspect_ai/_view/www/src/workspace/WorkSpaceView.tsx
index 8cf690b83..ad93f566d 100644
--- a/src/inspect_ai/_view/www/src/workspace/WorkSpaceView.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/WorkSpaceView.tsx
@@ -1,5 +1,12 @@
 import clsx from "clsx";
-import { Fragment, MouseEvent, RefObject, useCallback, useMemo } from "react";
+import {
+  FC,
+  Fragment,
+  MouseEvent,
+  RefObject,
+  useCallback,
+  useMemo,
+} from "react";
 import { SampleSummary } from "../api/types";
 import { EmptyPanel } from "../components/EmptyPanel";
 import { TabPanel, TabSet } from "../components/TabSet";
@@ -37,7 +44,7 @@ interface WorkSpaceViewProps {
   setWorkspaceTabScrollPosition: (tab: string, pos: number) => void;
 }
 
-export const WorkSpaceView: React.FC<WorkSpaceViewProps> = ({
+export const WorkSpaceView: FC<WorkSpaceViewProps> = ({
   logFileName,
   evalSpec,
   evalPlan,
diff --git a/src/inspect_ai/_view/www/src/workspace/error/TaskErrorPanel.tsx b/src/inspect_ai/_view/www/src/workspace/error/TaskErrorPanel.tsx
index 6ce6f3524..2bae26c5b 100644
--- a/src/inspect_ai/_view/www/src/workspace/error/TaskErrorPanel.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/error/TaskErrorPanel.tsx
@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { ApplicationIcons } from "../../appearance/icons";
 
 import { ANSIDisplay } from "../../components/AnsiDisplay";
@@ -10,7 +11,7 @@ interface TaskErrorProps {
   error: EvalError;
 }
 
-export const TaskErrorCard: React.FC<TaskErrorProps> = ({ error }) => {
+export const TaskErrorCard: FC<TaskErrorProps> = ({ error }) => {
   return (
     <Card>
       <CardHeader
diff --git a/src/inspect_ai/_view/www/src/workspace/navbar/Navbar.tsx b/src/inspect_ai/_view/www/src/workspace/navbar/Navbar.tsx
index ee6faff53..06c97784c 100644
--- a/src/inspect_ai/_view/www/src/workspace/navbar/Navbar.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/navbar/Navbar.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { SampleSummary } from "../../api/types";
 import { EvalDescriptor } from "../../samples/descriptor/types";
 import {
@@ -29,7 +30,7 @@ interface NavBarProps {
 /**
  * Renders the Navbar
  */
-export const Navbar: React.FC<NavBarProps> = ({
+export const Navbar: FC<NavBarProps> = ({
   file,
   evalSpec,
   evalPlan,
diff --git a/src/inspect_ai/_view/www/src/workspace/navbar/PrimaryBar.tsx b/src/inspect_ai/_view/www/src/workspace/navbar/PrimaryBar.tsx
index 0c9b85205..7467ef188 100644
--- a/src/inspect_ai/_view/www/src/workspace/navbar/PrimaryBar.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/navbar/PrimaryBar.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { useCallback } from "react";
+import { FC, useCallback } from "react";
 import { SampleSummary } from "../../api/types";
 import { ApplicationIcons } from "../../appearance/icons";
 import { CopyButton } from "../../components/CopyButton";
@@ -20,7 +20,7 @@ interface PrimaryBarProps {
   evalSpec?: EvalSpec;
 }
 
-export const PrimaryBar: React.FC<PrimaryBarProps> = ({
+export const PrimaryBar: FC<PrimaryBarProps> = ({
   showToggle,
   offcanvas,
   status,
@@ -34,7 +34,7 @@ export const PrimaryBar: React.FC<PrimaryBarProps> = ({
 
   const handleToggle = useCallback(() => {
     setOffcanvas(!offcanvas);
-  }, [offcanvas]);
+  }, [setOffcanvas, offcanvas]);
 
   return (
     <div className={clsx(styles.wrapper)}>
diff --git a/src/inspect_ai/_view/www/src/workspace/navbar/ResultsPanel.tsx b/src/inspect_ai/_view/www/src/workspace/navbar/ResultsPanel.tsx
index 6a3844e0f..712d145f3 100644
--- a/src/inspect_ai/_view/www/src/workspace/navbar/ResultsPanel.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/navbar/ResultsPanel.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { EvalMetric, EvalResults, EvalScore, Reducer } from "../../types/log";
 import { formatPrettyDecimal } from "../../utils/format";
 import { metricDisplayName } from "../utils";
@@ -13,7 +14,7 @@ interface MetricSummary {
   metric: EvalMetric;
 }
 
-export const ResultsPanel: React.FC<ResultsPanelProps> = ({ results }) => {
+export const ResultsPanel: FC<ResultsPanelProps> = ({ results }) => {
   // Map the scores into a list of key/values
   if (results?.scores?.length === 1) {
     const scorers: Record<string, MetricSummary[]> = {};
@@ -75,7 +76,7 @@ interface VerticalMetricProps {
 
 /** Renders a Vertical Metric
  */
-const VerticalMetric: React.FC<VerticalMetricProps> = ({
+const VerticalMetric: FC<VerticalMetricProps> = ({
   metricSummary,
   isFirst,
   showReducer,
@@ -123,7 +124,7 @@ interface MultiScorerMetricProps {
   showReducer: boolean;
 }
 
-const MultiScorerMetric: React.FC<MultiScorerMetricProps> = ({
+const MultiScorerMetric: FC<MultiScorerMetricProps> = ({
   scorer,
   isFirst,
   showReducer,
diff --git a/src/inspect_ai/_view/www/src/workspace/navbar/SecondaryBar.tsx b/src/inspect_ai/_view/www/src/workspace/navbar/SecondaryBar.tsx
index 7b562348c..447ef0381 100644
--- a/src/inspect_ai/_view/www/src/workspace/navbar/SecondaryBar.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/navbar/SecondaryBar.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { SampleSummary } from "../../api/types";
 import { ExpandablePanel } from "../../components/ExpandablePanel";
 import { LabeledValue } from "../../components/LabeledValue";
@@ -27,7 +28,7 @@ interface SecondaryBarProps {
 /**
  * Renders the SecondaryBar
  */
-export const SecondaryBar: React.FC<SecondaryBarProps> = ({
+export const SecondaryBar: FC<SecondaryBarProps> = ({
   evalSpec,
   evalPlan,
   evalResults,
@@ -152,7 +153,7 @@ interface DatasetSummaryProps {
 /**
  * A component that displays the dataset
  */
-const DatasetSummary: React.FC<DatasetSummaryProps> = ({
+const DatasetSummary: FC<DatasetSummaryProps> = ({
   dataset,
   samples,
   epochs,
@@ -177,7 +178,7 @@ interface ScoreSummaryProps {
 /**
  * A component that displays a list of scrorers
  */
-const ScorerSummary: React.FC<ScoreSummaryProps> = ({ evalDescriptor }) => {
+const ScorerSummary: FC<ScoreSummaryProps> = ({ evalDescriptor }) => {
   if (!evalDescriptor) {
     return null;
   }
@@ -202,7 +203,7 @@ interface ParamSummaryProps {
 /**
  * A component that displays a summary of parameters.
  */
-const ParamSummary: React.FC<ParamSummaryProps> = ({ params }) => {
+const ParamSummary: FC<ParamSummaryProps> = ({ params }) => {
   if (!params) {
     return null;
   }
diff --git a/src/inspect_ai/_view/www/src/workspace/navbar/StatusPanel.tsx b/src/inspect_ai/_view/www/src/workspace/navbar/StatusPanel.tsx
index e027ef242..75a6bd97c 100644
--- a/src/inspect_ai/_view/www/src/workspace/navbar/StatusPanel.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/navbar/StatusPanel.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { ApplicationIcons } from "../../appearance/icons";
 import styles from "./StatusPanel.module.css";
 
@@ -6,7 +7,7 @@ interface StatusProps {
   sampleCount: number;
 }
 
-export const CancelledPanel: React.FC<StatusProps> = ({ sampleCount }) => {
+export const CancelledPanel: FC<StatusProps> = ({ sampleCount }) => {
   return (
     <StatusPanel
       icon={ApplicationIcons.logging["info"]}
@@ -16,7 +17,7 @@ export const CancelledPanel: React.FC<StatusProps> = ({ sampleCount }) => {
   );
 };
 
-export const ErroredPanel: React.FC<StatusProps> = ({ sampleCount }) => {
+export const ErroredPanel: FC<StatusProps> = ({ sampleCount }) => {
   return (
     <StatusPanel
       icon={ApplicationIcons.logging["error"]}
@@ -26,7 +27,7 @@ export const ErroredPanel: React.FC<StatusProps> = ({ sampleCount }) => {
   );
 };
 
-export const RunningPanel: React.FC<StatusProps> = ({ sampleCount }) => {
+export const RunningPanel: FC<StatusProps> = ({ sampleCount }) => {
   return (
     <StatusPanel
       icon={ApplicationIcons.running}
@@ -42,11 +43,7 @@ interface StatusPanelProps {
   sampleCount: number;
 }
 
-const StatusPanel: React.FC<StatusPanelProps> = ({
-  icon,
-  status,
-  sampleCount,
-}) => {
+const StatusPanel: FC<StatusPanelProps> = ({ icon, status, sampleCount }) => {
   return (
     <div className={styles.statusPanel}>
       <i className={clsx(icon, styles.statusIcon)} style={{}} />
diff --git a/src/inspect_ai/_view/www/src/workspace/sidebar/EvalStatus.tsx b/src/inspect_ai/_view/www/src/workspace/sidebar/EvalStatus.tsx
index b733609ff..4c8194f62 100644
--- a/src/inspect_ai/_view/www/src/workspace/sidebar/EvalStatus.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/sidebar/EvalStatus.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { EvalLogHeader } from "../../api/types";
 import styles from "./EvalStatus.module.css";
 import { SidebarScoreView } from "./SidebarScoreView";
@@ -8,7 +9,7 @@ interface EvalStatusProps {
   logHeader?: EvalLogHeader;
 }
 
-export const EvalStatus: React.FC<EvalStatusProps> = ({ logHeader }) => {
+export const EvalStatus: FC<EvalStatusProps> = ({ logHeader }) => {
   switch (logHeader?.status) {
     case "error":
       return <StatusError message="Error" />;
@@ -36,7 +37,7 @@ interface StatusProps {
   message: string;
 }
 
-const StatusCancelled: React.FC<StatusProps> = ({ message }) => {
+const StatusCancelled: FC<StatusProps> = ({ message }) => {
   return (
     <div
       className={clsx(
@@ -51,7 +52,7 @@ const StatusCancelled: React.FC<StatusProps> = ({ message }) => {
   );
 };
 
-const StatusRunning: React.FC<StatusProps> = ({ message }) => {
+const StatusRunning: FC<StatusProps> = ({ message }) => {
   return (
     <div
       className={clsx(
@@ -66,6 +67,6 @@ const StatusRunning: React.FC<StatusProps> = ({ message }) => {
   );
 };
 
-const StatusError: React.FC<StatusProps> = ({ message }) => {
+const StatusError: FC<StatusProps> = ({ message }) => {
   return <div className={clsx(styles.error, "text-size-small")}>{message}</div>;
 };
diff --git a/src/inspect_ai/_view/www/src/workspace/sidebar/LogDirectoryTitleView.tsx b/src/inspect_ai/_view/www/src/workspace/sidebar/LogDirectoryTitleView.tsx
index 60b6a265f..19e49aa8e 100644
--- a/src/inspect_ai/_view/www/src/workspace/sidebar/LogDirectoryTitleView.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/sidebar/LogDirectoryTitleView.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import styles from "./LogDirectoryTitleView.module.css";
 
 interface LogDirectoryTitleViewProps {
@@ -6,7 +7,7 @@ interface LogDirectoryTitleViewProps {
   offcanvas: boolean;
 }
 
-export const LogDirectoryTitleView: React.FC<LogDirectoryTitleViewProps> = ({
+export const LogDirectoryTitleView: FC<LogDirectoryTitleViewProps> = ({
   log_dir,
   offcanvas,
 }) => {
diff --git a/src/inspect_ai/_view/www/src/workspace/sidebar/Sidebar.tsx b/src/inspect_ai/_view/www/src/workspace/sidebar/Sidebar.tsx
index 4e59fc277..07dfd2cc2 100644
--- a/src/inspect_ai/_view/www/src/workspace/sidebar/Sidebar.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/sidebar/Sidebar.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { Fragment } from "react/jsx-runtime";
 import { EvalLogHeader, LogFiles } from "../../api/types";
 import { ApplicationIcons } from "../../appearance/icons";
@@ -17,7 +18,7 @@ interface SidebarProps {
   onSelectedIndexChanged: (index: number) => void;
 }
 
-export const Sidebar: React.FC<SidebarProps> = ({
+export const Sidebar: FC<SidebarProps> = ({
   logs,
   logHeaders,
   offcanvas,
diff --git a/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarLogEntry.tsx b/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarLogEntry.tsx
index c16e52b41..38ab176e5 100644
--- a/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarLogEntry.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarLogEntry.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { FC, Fragment } from "react";
 import { EvalLogHeader } from "../../api/types";
 import { EvalStatus } from "./EvalStatus";
 import styles from "./SidebarLogEntry.module.css";
@@ -9,7 +9,7 @@ interface SidebarLogEntryProps {
   task: string;
 }
 
-export const SidebarLogEntry: React.FC<SidebarLogEntryProps> = ({
+export const SidebarLogEntry: FC<SidebarLogEntryProps> = ({
   logHeader,
   task,
 }) => {
diff --git a/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarScoreView.tsx b/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarScoreView.tsx
index 50fd4519a..36066b657 100644
--- a/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarScoreView.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarScoreView.tsx
@@ -2,13 +2,14 @@ import clsx from "clsx";
 import { EvalScore } from "../../types/log";
 import { formatPrettyDecimal } from "../../utils/format";
 
+import { FC } from "react";
 import { metricDisplayName } from "../utils";
 import styles from "./SidebarScoreView.module.css";
 interface SidebarScoreProps {
   scorer: EvalScore;
 }
 
-export const SidebarScoreView: React.FC<SidebarScoreProps> = ({ scorer }) => {
+export const SidebarScoreView: FC<SidebarScoreProps> = ({ scorer }) => {
   const showReducer = !!scorer.reducer;
   return (
     <div className={styles.container}>
diff --git a/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarScoresView.tsx b/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarScoresView.tsx
index 01edcb546..3cf713358 100644
--- a/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarScoresView.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/sidebar/SidebarScoresView.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { FC, Fragment } from "react";
 import { Scores } from "../../types/log";
 import { formatPrettyDecimal } from "../../utils/format";
 import { metricDisplayName } from "../utils";
@@ -9,7 +9,7 @@ interface SidebarScoresProps {
   scores: Scores;
 }
 
-export const SidebarScoresView: React.FC<SidebarScoresProps> = ({ scores }) => {
+export const SidebarScoresView: FC<SidebarScoresProps> = ({ scores }) => {
   const showReducer = scores.findIndex((score) => !!score.reducer) !== -1;
   return (
     <div className={styles.container}>
diff --git a/src/inspect_ai/_view/www/src/workspace/tabs/InfoTab.tsx b/src/inspect_ai/_view/www/src/workspace/tabs/InfoTab.tsx
index bf163180d..fdd841f24 100644
--- a/src/inspect_ai/_view/www/src/workspace/tabs/InfoTab.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/tabs/InfoTab.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { FC, useEffect, useState } from "react";
 import { SampleSummary } from "../../api/types";
 import { MessageBand } from "../../components/MessageBand";
 import { PlanCard } from "../../plan/PlanCard";
@@ -22,7 +22,7 @@ interface PlanTabProps {
   evalError?: EvalError;
 }
 
-export const InfoTab: React.FC<PlanTabProps> = ({
+export const InfoTab: FC<PlanTabProps> = ({
   evalSpec,
   evalPlan,
   evalResults,
diff --git a/src/inspect_ai/_view/www/src/workspace/tabs/JsonTab.tsx b/src/inspect_ai/_view/www/src/workspace/tabs/JsonTab.tsx
index 0f1fcb9ff..16e998844 100644
--- a/src/inspect_ai/_view/www/src/workspace/tabs/JsonTab.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/tabs/JsonTab.tsx
@@ -1,5 +1,6 @@
 import { filename } from "../../utils/path";
 
+import { FC } from "react";
 import { Capabilities } from "../../api/types";
 import { DownloadPanel } from "../../components/DownloadPanel";
 import { JSONPanel } from "../../components/JsonPanel";
@@ -17,11 +18,7 @@ interface JsonTabProps {
 /**
  * Renders JSON tab
  */
-export const JsonTab: React.FC<JsonTabProps> = ({
-  logFile,
-  capabilities,
-  json,
-}) => {
+export const JsonTab: FC<JsonTabProps> = ({ logFile, capabilities, json }) => {
   if (logFile && json.length > kJsonMaxSize && capabilities.downloadFiles) {
     // This JSON file is so large we can't really productively render it
     // we should instead just provide a DL link
diff --git a/src/inspect_ai/_view/www/src/workspace/tabs/SamplesTab.tsx b/src/inspect_ai/_view/www/src/workspace/tabs/SamplesTab.tsx
index 8e413d454..3b8000f8c 100644
--- a/src/inspect_ai/_view/www/src/workspace/tabs/SamplesTab.tsx
+++ b/src/inspect_ai/_view/www/src/workspace/tabs/SamplesTab.tsx
@@ -1,4 +1,5 @@
 import {
+  FC,
   Fragment,
   RefObject,
   useCallback,
@@ -43,7 +44,7 @@ interface SamplesTabProps {
   sampleTabScrollRef: RefObject<HTMLDivElement | null>;
 }
 
-export const SamplesTab: React.FC<SamplesTabProps> = ({
+export const SamplesTab: FC<SamplesTabProps> = ({
   sample,
   samples,
   sampleMode,
@@ -74,7 +75,7 @@ export const SamplesTab: React.FC<SamplesTabProps> = ({
       setSelectedSampleIndex(index);
       setShowingSampleDialog(true);
     },
-    [sampleDialogRef],
+    [setSelectedSampleIndex, setShowingSampleDialog],
   );
 
   useEffect(() => {
@@ -128,11 +129,11 @@ export const SamplesTab: React.FC<SamplesTabProps> = ({
     } else {
       return -1;
     }
-  }, [selectedSampleIndex, items]);
+  }, [selectedSampleIndex, sampleItems.length]);
 
   const previousSampleIndex = useCallback(() => {
     return selectedSampleIndex > 0 ? selectedSampleIndex - 1 : -1;
-  }, [selectedSampleIndex, items]);
+  }, [selectedSampleIndex]);
 
   // Manage the next / previous state the selected sample
   const nextSample = useCallback(() => {
@@ -140,14 +141,14 @@ export const SamplesTab: React.FC<SamplesTabProps> = ({
     if (sampleStatus !== "loading" && next > -1) {
       setSelectedSampleIndex(next);
     }
-  }, [selectedSampleIndex, samples, sampleStatus, nextSampleIndex]);
+  }, [nextSampleIndex, sampleStatus, setSelectedSampleIndex]);
 
   const previousSample = useCallback(() => {
     const prev = previousSampleIndex();
     if (sampleStatus !== "loading" && prev > -1) {
       setSelectedSampleIndex(prev);
     }
-  }, [selectedSampleIndex, samples, sampleStatus, previousSampleIndex]);
+  }, [previousSampleIndex, sampleStatus, setSelectedSampleIndex]);
 
   const title =
     selectedSampleIndex > -1 && sampleItems.length > selectedSampleIndex
diff --git a/src/inspect_ai/_view/www/yarn.lock b/src/inspect_ai/_view/www/yarn.lock
index dd9e0fd5e..758b9cbf2 100644
--- a/src/inspect_ai/_view/www/yarn.lock
+++ b/src/inspect_ai/_view/www/yarn.lock
@@ -351,14 +351,14 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c"
   integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
 
-"@eslint-community/eslint-utils@^4.2.0":
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz#d1145bf2c20132d6400495d6df4bf59362fd9d56"
   integrity sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==
   dependencies:
     eslint-visitor-keys "^3.4.3"
 
-"@eslint-community/regexpp@^4.12.1":
+"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.12.1":
   version "4.12.1"
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
   integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
@@ -496,6 +496,27 @@
   resolved "https://registry.yarnpkg.com/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz#775374306116d51c0c500b8c4face0f9a04752d8"
   integrity sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==
 
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
 "@popperjs/core@^2.11.8", "@popperjs/core@^2.9.2":
   version "2.11.8"
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
@@ -712,6 +733,87 @@
   dependencies:
     "@types/estree" "*"
 
+"@typescript-eslint/eslint-plugin@8.25.0":
+  version "8.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.25.0.tgz#5e1d56f067e5808fa82d1b75bced82396e868a14"
+  integrity sha512-VM7bpzAe7JO/BFf40pIT1lJqS/z1F8OaSsUB3rpFJucQA4cOSuH2RVVVkFULN+En0Djgr29/jb4EQnedUo95KA==
+  dependencies:
+    "@eslint-community/regexpp" "^4.10.0"
+    "@typescript-eslint/scope-manager" "8.25.0"
+    "@typescript-eslint/type-utils" "8.25.0"
+    "@typescript-eslint/utils" "8.25.0"
+    "@typescript-eslint/visitor-keys" "8.25.0"
+    graphemer "^1.4.0"
+    ignore "^5.3.1"
+    natural-compare "^1.4.0"
+    ts-api-utils "^2.0.1"
+
+"@typescript-eslint/parser@8.25.0":
+  version "8.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.25.0.tgz#58fb81c7b7a35184ba17583f3d7ac6c4f3d95be8"
+  integrity sha512-4gbs64bnbSzu4FpgMiQ1A+D+urxkoJk/kqlDJ2W//5SygaEiAP2B4GoS7TEdxgwol2el03gckFV9lJ4QOMiiHg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "8.25.0"
+    "@typescript-eslint/types" "8.25.0"
+    "@typescript-eslint/typescript-estree" "8.25.0"
+    "@typescript-eslint/visitor-keys" "8.25.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@8.25.0":
+  version "8.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.25.0.tgz#ac3805077aade898e98ca824294c998545597df3"
+  integrity sha512-6PPeiKIGbgStEyt4NNXa2ru5pMzQ8OYKO1hX1z53HMomrmiSB+R5FmChgQAP1ro8jMtNawz+TRQo/cSXrauTpg==
+  dependencies:
+    "@typescript-eslint/types" "8.25.0"
+    "@typescript-eslint/visitor-keys" "8.25.0"
+
+"@typescript-eslint/type-utils@8.25.0":
+  version "8.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.25.0.tgz#ee0d2f67c80af5ae74b5d6f977e0f8ded0059677"
+  integrity sha512-d77dHgHWnxmXOPJuDWO4FDWADmGQkN5+tt6SFRZz/RtCWl4pHgFl3+WdYCn16+3teG09DY6XtEpf3gGD0a186g==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "8.25.0"
+    "@typescript-eslint/utils" "8.25.0"
+    debug "^4.3.4"
+    ts-api-utils "^2.0.1"
+
+"@typescript-eslint/types@8.25.0":
+  version "8.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.25.0.tgz#f91512c2f532b1d6a8826cadd0b0e5cd53cf97e0"
+  integrity sha512-+vUe0Zb4tkNgznQwicsvLUJgZIRs6ITeWSCclX1q85pR1iOiaj+4uZJIUp//Z27QWu5Cseiw3O3AR8hVpax7Aw==
+
+"@typescript-eslint/typescript-estree@8.25.0":
+  version "8.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.25.0.tgz#d8409c63abddd4cf5b93c031b24b9edc1c7c1299"
+  integrity sha512-ZPaiAKEZ6Blt/TPAx5Ot0EIB/yGtLI2EsGoY6F7XKklfMxYQyvtL+gT/UCqkMzO0BVFHLDlzvFqQzurYahxv9Q==
+  dependencies:
+    "@typescript-eslint/types" "8.25.0"
+    "@typescript-eslint/visitor-keys" "8.25.0"
+    debug "^4.3.4"
+    fast-glob "^3.3.2"
+    is-glob "^4.0.3"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^2.0.1"
+
+"@typescript-eslint/utils@8.25.0":
+  version "8.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.25.0.tgz#3ea2f9196a915ef4daa2c8eafd44adbd7d56d08a"
+  integrity sha512-syqRbrEv0J1wywiLsK60XzHnQe/kRViI3zwFALrNEgnntn1l24Ra2KvOAWwWbWZ1lBZxZljPDGOq967dsl6fkA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@typescript-eslint/scope-manager" "8.25.0"
+    "@typescript-eslint/types" "8.25.0"
+    "@typescript-eslint/typescript-estree" "8.25.0"
+
+"@typescript-eslint/visitor-keys@8.25.0":
+  version "8.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.25.0.tgz#e8646324cd1793f96e02669cb717a05319403164"
+  integrity sha512-kCYXKAum9CecGVHGij7muybDfTS2sD3t0L4bJsEZLkyrXUImiCTq1M3LG2SRtOhiHFwMR9wAFplpT6XHYjTkwQ==
+  dependencies:
+    "@typescript-eslint/types" "8.25.0"
+    eslint-visitor-keys "^4.2.0"
+
 "@vitejs/plugin-react@^4.3.4":
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-react/-/plugin-react-4.3.4.tgz#c64be10b54c4640135a5b28a2432330e88ad7c20"
@@ -791,6 +893,20 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
 browserslist@^4.24.0:
   version "4.24.4"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.4.tgz#c6b2865a3f08bcb860a0e827389003b9fe686e4b"
@@ -897,7 +1013,7 @@ cuint@^0.2.2:
   resolved "https://registry.yarnpkg.com/cuint/-/cuint-0.2.2.tgz#408086d409550c2631155619e9fa7bcadc3b991b"
   integrity sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw==
 
-debug@^4.1.0, debug@^4.3.1, debug@^4.3.2:
+debug@^4.1.0, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
   integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
@@ -968,6 +1084,11 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
+eslint-plugin-react-hooks@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.1.0.tgz#3d34e37d5770866c34b87d5b499f5f0b53bf0854"
+  integrity sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==
+
 eslint-scope@^8.2.0:
   version "8.2.0"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.2.0.tgz#377aa6f1cb5dc7592cfd0b7f892fd0cf352ce442"
@@ -1064,6 +1185,17 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-glob@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
+  integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.8"
+
 fast-json-patch@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/fast-json-patch/-/fast-json-patch-3.1.1.tgz#85064ea1b1ebf97a3f7ad01e23f9337e72c66947"
@@ -1079,6 +1211,13 @@ fast-levenshtein@^2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
+fastq@^1.6.0:
+  version "1.19.1"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.19.1.tgz#d50eaba803c8846a883c16492821ebcd2cda55f5"
+  integrity sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==
+  dependencies:
+    reusify "^1.0.4"
+
 fflate@^0.8.2:
   version "0.8.2"
   resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.8.2.tgz#fc8631f5347812ad6028bbe4a2308b2792aa1dea"
@@ -1091,6 +1230,13 @@ file-entry-cache@^8.0.0:
   dependencies:
     flat-cache "^4.0.0"
 
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+  dependencies:
+    to-regex-range "^5.0.1"
+
 filtrex@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/filtrex/-/filtrex-3.1.0.tgz#5ec00994615ff10e5e09c89bb290c855cb408c21"
@@ -1127,6 +1273,13 @@ gensync@^1.0.0-beta.2:
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
+glob-parent@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
 glob-parent@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
@@ -1156,6 +1309,11 @@ good-listener@^1.2.2:
   dependencies:
     delegate "^3.1.2"
 
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
 has-flag@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
@@ -1166,7 +1324,7 @@ htm@^3.1.1:
   resolved "https://registry.yarnpkg.com/htm/-/htm-3.1.1.tgz#49266582be0dc66ed2235d5ea892307cc0c24b78"
   integrity sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ==
 
-ignore@^5.2.0:
+ignore@^5.2.0, ignore@^5.3.1:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
   integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
@@ -1189,13 +1347,18 @@ is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
-is-glob@^4.0.0, is-glob@^4.0.3:
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
   dependencies:
     is-extglob "^2.1.1"
 
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
@@ -1317,6 +1480,19 @@ mdurl@^2.0.0:
   resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-2.0.0.tgz#80676ec0433025dd3e17ee983d0fe8de5a2237e0"
   integrity sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==
 
+merge2@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+micromatch@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
 mime@~2.5.2:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/mime/-/mime-2.5.2.tgz#6e3dc6cc2b9510643830e5f19d5cb753da5eeabe"
@@ -1329,6 +1505,13 @@ minimatch@^3.1.2:
   dependencies:
     brace-expansion "^1.1.7"
 
+minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@~3.0.4:
   version "3.0.8"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.8.tgz#5e6a59bd11e2ab0de1cfb843eb2d82e546c321c1"
@@ -1409,6 +1592,11 @@ picocolors@^1.0.0, picocolors@^1.1.1:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
   integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
 
+picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
 postcss-url@^10.1.3:
   version "10.1.3"
   resolved "https://registry.yarnpkg.com/postcss-url/-/postcss-url-10.1.3.tgz#54120cc910309e2475ec05c2cfa8f8a2deafdf1e"
@@ -1453,6 +1641,11 @@ punycode@^2.1.0:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
 react-dom@^19.0.0:
   version "19.0.0"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.0.0.tgz#43446f1f01c65a4cd7f7588083e686a6726cfb57"
@@ -1485,6 +1678,11 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
+reusify@^1.0.4:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.1.0.tgz#0fe13b9522e1473f51b558ee796e08f11f9b489f"
+  integrity sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==
+
 rollup@^4.20.0:
   version "4.31.0"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.31.0.tgz#b84af969a0292cb047dce2c0ec5413a9457597a4"
@@ -1513,6 +1711,13 @@ rollup@^4.20.0:
     "@rollup/rollup-win32-x64-msvc" "4.31.0"
     fsevents "~2.3.2"
 
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
 scheduler@^0.25.0:
   version "0.25.0"
   resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.25.0.tgz#336cd9768e8cceebf52d3c80e3dcf5de23e7e015"
@@ -1528,6 +1733,11 @@ semver@^6.0.0, semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
+semver@^7.6.0:
+  version "7.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.1.tgz#abd5098d82b18c6c81f6074ff2647fd3e7220c9f"
+  integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==
+
 seroval-plugins@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/seroval-plugins/-/seroval-plugins-1.2.0.tgz#7fcf8537938e0446f843897172fc64f01322c33f"
@@ -1586,6 +1796,18 @@ tiny-emitter@^2.0.0:
   resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
   integrity sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==
 
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+ts-api-utils@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.0.1.tgz#660729385b625b939aaa58054f45c058f33f10cd"
+  integrity sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==
+
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
@@ -1593,6 +1815,15 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
+typescript-eslint@^8.25.0:
+  version "8.25.0"
+  resolved "https://registry.yarnpkg.com/typescript-eslint/-/typescript-eslint-8.25.0.tgz#73047c157cd70ee93cf2f9243f1599d21cf60239"
+  integrity sha512-TxRdQQLH4g7JkoFlYG3caW5v1S6kEkz8rqt80iQJZUYPq1zD1Ra7HfQBJJ88ABRaMvHAXnwRvRB4V+6sQ9xN5Q==
+  dependencies:
+    "@typescript-eslint/eslint-plugin" "8.25.0"
+    "@typescript-eslint/parser" "8.25.0"
+    "@typescript-eslint/utils" "8.25.0"
+
 typescript@^5.7.3:
   version "5.7.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.7.3.tgz#919b44a7dbb8583a9b856d162be24a54bf80073e"