@metrevals/inspect-log-viewer 0.3.152-beta.20251202095613 → 0.3.152-beta.20251203160129

package/lib/index.js

@@ -11305,7 +11305,7 @@ const createImpl = (createState) => {
   return useBoundStore;
 };
 const create$2 = ((createState) => createImpl);
-const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "library", "PROD": true, "SSR": false, "VITE_API_BASE_URL": "https://api.inspect-ai.internal.metr.org", "VITE_OIDC_AUDIENCE": "https://model-poking-3", "VITE_OIDC_CLIENT_ID": "0oa1wxy3qxaHOoGxG1d8", "VITE_OIDC_ISSUER": "https://metr.okta.com/oauth2/aus1ww3m0x41jKp3L1d8", "VITE_OIDC_TOKEN_PATH": "v1/token" };
+const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "library", "PROD": true, "SSR": false };
 const trackedConnections = /* @__PURE__ */ new Map();
 const getTrackedConnectionState = (name2) => {
   const api2 = trackedConnections.get(name2);
@@ -23359,8 +23359,8 @@ function useStatefulScrollPosition(elementRef, elementKey, delay = 1e3, scrollab
   const setScrollPosition = useStore(
     (state) => state.appActions.setScrollPosition
   );
-  const handleScroll = useCallback(
-    debounce$2((e) => {
+  const handleScroll = useMemo(
+    () => debounce$2((e) => {
       const target2 = e.target;
       const position = target2.scrollTop;
       log$2.debug(`Storing scroll position`, elementKey, position);
@@ -23431,7 +23431,7 @@ function useStatefulScrollPosition(elementRef, elementKey, delay = 1e3, scrollab
         log$2.warn("Element has no way to remove event listener", element);
       }
     };
-  }, [elementKey, elementRef, handleScroll]);
+  }, [elementKey, elementRef, getScrollPosition, handleScroll, scrollable2]);
   return { restoreScrollPosition };
 }
 const useVirtuosoState = (virtuosoRef, elementKey, delay = 1e3) => {
@@ -23738,7 +23738,7 @@ const RecordTree = ({
       {}
     );
     setCollapsedIds(id, defaultCollapsedIds);
-  }, [collapsedIds, items]);
+  }, [collapsedIds, defaultExpandLevel, id, items, setCollapsedIds]);
   const keyUpHandler = useCallback(
     (itemId, index) => {
       return (event) => {
@@ -23791,7 +23791,7 @@ const RecordTree = ({
         }
       };
     },
-    [collapsedIds, items]
+    [collapsedIds, id, items.length, setCollapsed]
   );
   const renderRow = (index) => {
     const item2 = items[index];
@@ -24230,7 +24230,15 @@ const useSampleMessageUrl = (messageId, sampleId, sampleEpoch) => {
       urlSampleId,
       urlEpoch
     ) : void 0;
-  }, [targetLogPath, messageId, sampleId, urlSampleId, sampleEpoch, urlEpoch]);
+  }, [
+    messageId,
+    targetLogPath,
+    builder,
+    sampleId,
+    urlSampleId,
+    sampleEpoch,
+    urlEpoch
+  ]);
   return messageUrl;
 };
 const useSampleEventUrl = (eventId, sampleId, sampleEpoch) => {
@@ -24254,7 +24262,15 @@ const useSampleEventUrl = (eventId, sampleId, sampleEpoch) => {
       urlSampleId,
       urlEpoch
     ) : void 0;
-  }, [targetLogPath, eventId, sampleId, urlSampleId, sampleEpoch, urlEpoch]);
+  }, [
+    targetLogPath,
+    builder,
+    eventId,
+    sampleId,
+    urlSampleId,
+    sampleEpoch,
+    urlEpoch
+  ]);
   return eventUrl;
 };
 const sampleMessageUrl = (builder, messageId, logPath, sampleId, sampleEpoch) => {
@@ -94735,7 +94751,7 @@ const MarkdownDivComponent = forwardRef(
       return () => {
         cancel();
       };
-    }, [markdown, omitMedia, cachedHtml, renderedHtml]);
+    }, [markdown, omitMedia, cachedHtml, renderedHtml, cacheKey]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
@@ -102741,7 +102757,7 @@ const useLogSelection = () => {
       loadedLog,
       sample: selectedSampleSummary
     };
-  }, [selectedLogFile, selectedSampleSummary]);
+  }, [loadedLog, selectedLogFile, selectedSampleSummary]);
 };
 const useCollapseSampleEvent = (scope, id) => {
   const collapsed2 = useStore((state) => state.sample.collapsedEvents);
@@ -102753,7 +102769,7 @@ const useCollapseSampleEvent = (scope, id) => {
       collapseEvent(scope, id, value2);
     };
     return [isCollapsed, set3];
-  }, [collapsed2, collapseEvent, id]);
+  }, [collapsed2, scope, id, collapseEvent]);
 };
 const useCollapsibleIds = (key2) => {
   const collapsedIds = useStore(
@@ -102764,7 +102780,7 @@ const useCollapsibleIds = (key2) => {
     (id, value2) => {
       setCollapsed(key2, id, value2);
     },
-    [setCollapsed]
+    [setCollapsed, key2]
   );
   const clearCollapsedIds = useStore(
     (state) => state.sampleActions.clearCollapsedIds
@@ -102788,7 +102804,7 @@ const useCollapsedState = (id, defaultValue, scope) => {
       setCollapsed(stateId, value2);
     };
     return [collapsed2, set3];
-  }, [collapsed2, setCollapsed]);
+  }, [collapsed2, id, scope, setCollapsed, stateId]);
 };
 const useMessageVisibility = (id, scope) => {
   const visible2 = useStore(
@@ -102862,7 +102878,7 @@ function useProperty(id, propertyName2, options2) {
         removePropertyValue(id, propertyName2);
       }
     };
-  }, [id, propertyName2, removePropertyValue]);
+  }, [id, options2.cleanup, propertyName2, removePropertyValue]);
   return [propertyValue, setValue, removeValue];
 }
 const usePrevious = (value2) => {
@@ -103163,7 +103179,7 @@ const useFlowServerData = (dir) => {
     if (dir !== flowDir) {
       fetchFlow();
     }
-  }, [dir, flowDir, api2]);
+  }, [dir, flowDir, api2, updateFlowData]);
 };
 const wrapper$4 = "_wrapper_1tajk_1";
 const container$l = "_container_1tajk_12";
@@ -104821,7 +104837,7 @@ const PopOver = ({
         window.clearTimeout(hoverTimerRef.current);
       }
     };
-  }, [isOpen, positionEl, hoverDelay]);
+  }, [isOpen, positionEl, hoverDelay, setIsOpen]);
   useEffect(() => {
     if (usePortal && isOpen && shouldShowPopover) {
       let container2 = document.getElementById(id);
@@ -104891,7 +104907,7 @@ const PopOver = ({
       }, 10);
       return () => clearTimeout(timer);
     }
-  }, [update, isOpen, shouldShowPopover, showArrow, arrowRef.current]);
+  }, [update, isOpen, shouldShowPopover, showArrow]);
   const getArrowDataPlacement = () => {
     if (!state || !state.placement) return placement;
     return state.placement;
@@ -105161,7 +105177,7 @@ const ViewerOptionsPopover = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1s.fullWidth, styles$1s.fullWidthPadded), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1s.logDir, children: logDir2 }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1s.spacer) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Version" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.151-9-g7a3aeac3c" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.151-21-g6652c2625" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Schema" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: DB_VERSION }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1s.spacer) }),
@@ -105303,7 +105319,7 @@ const useBreadcrumbTruncation = (segments2, containerRef) => {
     return () => {
       resizeObserver.disconnect();
     };
-  }, [measureAndTruncate]);
+  }, [containerRef, measureAndTruncate]);
   return truncatedData;
 };
 const Navbar = ({
@@ -105338,7 +105354,7 @@ const Navbar = ({
       { text: baseLogName, url: fnNavigationUrl("", logDir2) },
       ...dirSegments
     ];
-  }, [baseLogDir, baseLogName, currentPath, logDir2]);
+  }, [baseLogDir, baseLogName, currentPath, fnNavigationUrl, logDir2]);
   const { visibleSegments, showEllipsis } = useBreadcrumbTruncation(
     segments2,
     pathContainerRef
@@ -108920,7 +108936,7 @@ const LogListGrid = forwardRef(
     }, [sorting]);
     useEffect(() => {
       setSorting([{ id: "icon", desc: false }]);
-    }, []);
+    }, [setSorting]);
     useEffect(() => {
       const currentSort = sortingRef.current?.find(
         (sort2) => sort2.id === "task" || sort2.id === "model" || sort2.id === "score"
@@ -108928,7 +108944,7 @@ const LogListGrid = forwardRef(
       if (currentSort) {
         setSorting([...sortingRef.current || []]);
       }
-    }, [logPreviews]);
+    }, [logPreviews, setSorting]);
     const columns = useMemo(() => {
       return getColumns$1();
     }, []);
@@ -108984,7 +109000,7 @@ const LogListGrid = forwardRef(
     useEffect(() => {
       const filteredRowCount = table2.getFilteredRowModel().rows.length;
       setFilteredCount(filteredRowCount);
-    }, [table2.getFilteredRowModel().rows.length, setFilteredCount]);
+    }, [setFilteredCount, table2]);
     const filterText = useRef(globalFilter);
     useEffect(() => {
       const timeoutId = setTimeout(() => {
@@ -109558,7 +109574,7 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
     }
     const collapsedLogItems = collapseLogItems(evalSet, logItems2);
     return appendPendingItems(evalSet, existingLogTaskIds, collapsedLogItems);
-  }, [currentDir, logFiles, logPreviews, evalSet]);
+  }, [evalSet, logFiles, currentDir, logDir2, logPreviews]);
   const progress2 = useMemo(() => {
     let pending = 0;
     let total = 0;
@@ -109594,7 +109610,7 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
         navigate(onlyItem.url);
       }
     }
-  }, [logItems, maybeShowSingleLog]);
+  }, [logItems, maybeShowSingleLog, navigate]);
   function handleKeyDown(e) {
     if (e.key === "f" && (e.metaKey || e.ctrlKey)) {
       e.preventDefault();
@@ -109810,29 +109826,6 @@ const FindBand = () => {
   const { extendedFindTerm } = useExtendedFind();
   const lastFoundItem = useRef(null);
   const currentSearchTerm = useRef("");
-  useEffect(() => {
-    setTimeout(() => {
-      searchBoxRef.current?.focus();
-      searchBoxRef.current?.select();
-    }, 10);
-    const handleGlobalKeydown = (e) => {
-      if ((e.ctrlKey || e.metaKey) && e.key === "f") {
-        e.preventDefault();
-        e.stopPropagation();
-        searchBoxRef.current?.focus();
-        searchBoxRef.current?.select();
-      } else if ((e.ctrlKey || e.metaKey) && e.key === "g") {
-        e.preventDefault();
-        e.stopPropagation();
-        const back = e.shiftKey;
-        handleSearch(back);
-      }
-    };
-    document.addEventListener("keydown", handleGlobalKeydown, true);
-    return () => {
-      document.removeEventListener("keydown", handleGlobalKeydown, true);
-    };
-  }, []);
   const getParentExpandablePanel = useCallback(
     (selection) => {
       let node2 = selection.anchorNode;
@@ -109899,6 +109892,29 @@ const FindBand = () => {
     },
     [getParentExpandablePanel, extendedFindTerm]
   );
+  useEffect(() => {
+    setTimeout(() => {
+      searchBoxRef.current?.focus();
+      searchBoxRef.current?.select();
+    }, 10);
+    const handleGlobalKeydown = (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.key === "f") {
+        e.preventDefault();
+        e.stopPropagation();
+        searchBoxRef.current?.focus();
+        searchBoxRef.current?.select();
+      } else if ((e.ctrlKey || e.metaKey) && e.key === "g") {
+        e.preventDefault();
+        e.stopPropagation();
+        const back = e.shiftKey;
+        handleSearch(back);
+      }
+    };
+    document.addEventListener("keydown", handleGlobalKeydown, true);
+    return () => {
+      document.removeEventListener("keydown", handleGlobalKeydown, true);
+    };
+  }, [handleSearch]);
   const handleKeyDown = useCallback(
     (e) => {
       if (e.key === "Escape") {
@@ -110610,7 +110626,14 @@ const useInfoTabConfig = (evalSpec, evalPlan, evalError, evalResults, evalStatus
       },
       scrollRef
     };
-  }, [evalSpec, evalPlan, evalError, evalResults, totalSampleCount]);
+  }, [
+    evalSpec,
+    evalPlan,
+    evalError,
+    evalResults,
+    evalStatus,
+    totalSampleCount
+  ]);
 };
 const InfoTab = ({
   evalSpec,
@@ -111089,7 +111112,7 @@ const useModelsTab = (evalSpec, evalStats, evalStatus) => {
         evalStatus
       }
     };
-  }, [evalSpec, evalStats]);
+  }, [evalSpec, evalStats, evalStatus]);
 };
 const ModelTab = ({
   evalSpec,
@@ -111250,12 +111273,10 @@ const useSampleNavigation = () => {
       }
     },
     [
-      sampleSummaries,
       resolveLogPath,
       selectSample,
       setShowingSampleDialog,
       navigate,
-      tabId,
       sampleTabId
     ]
   );
@@ -111281,13 +111302,12 @@ const useSampleNavigation = () => {
       }
     },
     [
-      selectedSampleHandle,
-      showSample,
-      sampleTabId,
       sampleSummaries,
       showingSampleDialog,
       resolveLogPath,
-      navigate
+      sampleTabId,
+      navigate,
+      selectSample
     ]
   );
   const nextSample = useCallback(() => {
@@ -111320,7 +111340,7 @@ const useSampleNavigation = () => {
       }
       return void 0;
     },
-    [resolveLogPath, tabId, sampleTabId]
+    [resolveLogPath, sampleTabId]
   );
   const clearSampleUrl = useCallback(() => {
     const resolvedPath = resolveLogPath();
@@ -111556,7 +111576,7 @@ const LiveVirtualList = ({
     if (followOutput === null) {
       setFollowOutput(!!live);
     }
-  }, []);
+  }, [followOutput, live, setFollowOutput]);
   const prevLive = usePrevious(live);
   useEffect(() => {
     if (!live && prevLive && followOutput && scrollRef?.current) {
@@ -111567,7 +111587,7 @@ const LiveVirtualList = ({
         }
       }, 100);
     }
-  }, [live, followOutput]);
+  }, [live, followOutput, prevLive, scrollRef, setFollowOutput]);
   const handleScroll = useRafThrottle(() => {
     if (isAutoScrollingRef.current) return;
     if (!live) return;
@@ -111593,16 +111613,16 @@ const LiveVirtualList = ({
         }
       });
     },
-    [scrollRef, followOutput, live]
+    [followOutput, live, scrollRef, listHandle]
   );
+  const forceUpdate = useCallback(() => forceRender({}), []);
   useEffect(() => {
     const timer = setTimeout(() => {
       forceUpdate();
     }, 0);
     return () => clearTimeout(timer);
-  }, []);
+  }, [forceUpdate]);
   const [, forceRender] = useState({});
-  const forceUpdate = useCallback(() => forceRender({}), []);
   const defaultSearchInItem = useCallback(
     (item2, searchTerm) => {
       const searchLower = searchTerm.toLowerCase();
@@ -111635,7 +111655,14 @@ const LiveVirtualList = ({
       }
       return false;
     },
-    [data, searchInItem, defaultSearchInItem, visibleRange]
+    [
+      data,
+      searchInItem,
+      defaultSearchInItem,
+      visibleRange.endIndex,
+      visibleRange.startIndex,
+      listHandle
+    ]
   );
   useEffect(() => {
     const unregister = registerVirtualList(id, searchInData);
@@ -111665,7 +111692,7 @@ const LiveVirtualList = ({
       }, 50);
       return () => clearTimeout(timer);
     }
-  }, [initialTopMostItemIndex]);
+  }, [initialTopMostItemIndex, listHandle, offsetTop]);
   useEffect(() => {
     if (!isCurrentlyScrolling && pendingSearchCallback.current) {
       setTimeout(() => {
@@ -111727,7 +111754,7 @@ const ChatViewVirtualList = memo$2(
     const setNativeFind = useStore((state) => state.appActions.setNativeFind);
     useEffect(() => {
       setNativeFind(!useVirtuoso);
-    }, [useVirtuoso]);
+    }, [setNativeFind, useVirtuoso]);
     useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.metaKey || event.ctrlKey) {
@@ -111770,7 +111797,7 @@ const ChatViewVirtualList = memo$2(
           scrollElement.removeEventListener("keydown", handleKeyDown);
         };
       }
-    }, [scrollRef, messages2]);
+    }, [scrollRef, messages2, useVirtuoso]);
     if (!useVirtuoso) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         ChatView,
@@ -111854,7 +111881,14 @@ const ChatViewVirtualListComponent = memo$2(
           }
         );
       },
-      [id, numbered, indented2, toolCallStyle, collapsedMessages]
+      [
+        collapsedMessages.length,
+        numbered,
+        id,
+        indented2,
+        toolCallStyle,
+        allowLinking
+      ]
     );
     const Item = ({
       children: children2,
@@ -112396,7 +112430,7 @@ const useTranscriptFilter = () => {
       }
       setFilteredEventTypes(Array.from(newFiltered));
     },
-    [filtered]
+    [filtered, setFilteredEventTypes]
   );
   const setDebugFilter = useCallback(() => {
     setFilteredEventTypes([]);
@@ -113635,7 +113669,7 @@ const EventPanel = ({
   gridColumns2.push("minmax(0, max-content)");
   const toggleCollapse = useCallback(() => {
     setCollapsed(!collapsed2);
-  }, [setCollapsed, collapsed2, childIds]);
+  }, [setCollapsed, collapsed2]);
   const [mouseOver, setMouseOver] = useState(false);
   const titleEl = title2 || icon2 || filteredArrChildren.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
@@ -121974,6 +122008,25 @@ const AsciinemaPlayer = ({
     }
   );
 };
+function useRevokableUrls() {
+  const urlsRef = useRef([]);
+  const createRevokableUrl = useCallback(
+    (data, type = "text/plain") => {
+      const blob = new Blob([data], { type });
+      const url = URL.createObjectURL(blob);
+      urlsRef.current.push(url);
+      return url;
+    },
+    []
+  );
+  useEffect(() => {
+    return () => {
+      urlsRef.current.forEach((url) => URL.revokeObjectURL(url));
+      urlsRef.current = [];
+    };
+  }, []);
+  return createRevokableUrl;
+}
 const carouselThumbs = "_carouselThumbs_1mvg8_1";
 const carouselThumb = "_carouselThumb_1mvg8_1";
 const carouselPlayIcon = "_carouselPlayIcon_1mvg8_16";
@@ -122008,7 +122061,7 @@ const LightboxCarousel = ({ id, slides }) => {
       setShowOverlay(true);
       setTimeout(() => setIsOpen(true), 10);
     },
-    [setIsOpen]
+    [setCurrentIndex, setIsOpen, setShowOverlay]
   );
   const closeLightbox = useCallback(() => {
     setIsOpen(false);
@@ -122023,10 +122076,10 @@ const LightboxCarousel = ({ id, slides }) => {
   }, [isOpen, showOverlay, setShowOverlay]);
   const showNext = useCallback(() => {
     setCurrentIndex(currentIndex + 1);
-  }, [slides, setCurrentIndex]);
+  }, [setCurrentIndex, currentIndex]);
   const showPrev = useCallback(() => {
     setCurrentIndex((currentIndex - 1 + slides.length) % slides.length);
-  }, [slides, setCurrentIndex]);
+  }, [setCurrentIndex, currentIndex, slides.length]);
   useEffect(() => {
     if (!isOpen) return;
     const handleKeyUp = (e) => {
@@ -122042,7 +122095,7 @@ const LightboxCarousel = ({ id, slides }) => {
     };
     window.addEventListener("keyup", handleKeyUp, true);
     return () => window.removeEventListener("keyup", handleKeyUp);
-  }, [isOpen, showNext, showPrev]);
+  }, [closeLightbox, isOpen, showNext, showPrev]);
   const handleThumbClick = useCallback(
     (e) => {
       const index = Number(e.currentTarget.dataset.index);
@@ -122124,19 +122177,8 @@ const HumanBaselineView = ({
   running,
   sessionLogs
 }) => {
+  const createRevokableUrl = useRevokableUrls();
   const player_fns = [];
-  const revokableUrls = [];
-  const revokableUrl = (data) => {
-    const blob = new Blob([data], { type: "text/plain" });
-    const url = URL.createObjectURL(blob);
-    revokableUrls.push(url);
-    return url;
-  };
-  useEffect(() => {
-    return () => {
-      revokableUrls.forEach((url) => URL.revokeObjectURL(url));
-    };
-  }, []);
   let count2 = 1;
   for (const sessionLog of sessionLogs) {
     const rows = extractSize(sessionLog.output, "LINES", 24);
@@ -122149,9 +122191,9 @@ const HumanBaselineView = ({
         AsciinemaPlayer,
         {
           id: `player-${currentCount}`,
-          inputUrl: revokableUrl(sessionLog.input),
-          outputUrl: revokableUrl(sessionLog.output),
-          timingUrl: revokableUrl(sessionLog.timing),
+          inputUrl: createRevokableUrl(sessionLog.input),
+          outputUrl: createRevokableUrl(sessionLog.output),
+          timingUrl: createRevokableUrl(sessionLog.timing),
           rows,
           cols,
           className: "asciinema-player",
@@ -122486,14 +122528,14 @@ const StateEventView = ({
   const changePreview = useMemo(() => {
     const isStore = eventNode.event.event === "store";
     return generatePreview(event.changes, structuredClone(after), isStore);
-  }, [event.changes, after]);
+  }, [eventNode.event.event, event.changes, after]);
   const title2 = event.event === "state" ? "State Updated" : "Store Updated";
   const collapseEvent = useStore((state) => state.sampleActions.collapseEvent);
   useEffect(() => {
     if (changePreview === void 0) {
       collapseEvent(kTranscriptCollapseScope, eventNode.id, true);
     }
-  }, [changePreview, collapseEvent]);
+  }, [changePreview, collapseEvent, eventNode.id]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     EventPanel,
     {
@@ -122946,7 +122988,7 @@ const ToolEventView = ({
       approvalNode: approvalNode2,
       lastModelNode: lastModelNode2
     };
-  }, [event.events]);
+  }, [children2]);
   const title2 = `Tool: ${event.view?.title || event.function}`;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     EventPanel,
@@ -123237,7 +123279,7 @@ const TranscriptVirtualListComponent = ({
   const setNativeFind = useStore((state) => state.appActions.setNativeFind);
   useEffect(() => {
     setNativeFind(!useVirtualization);
-  }, [useVirtualization]);
+  }, [setNativeFind, useVirtualization]);
   const initialEventIndex = useMemo(() => {
     if (initialEventId === null || initialEventId === void 0) {
       return void 0;
@@ -123893,7 +123935,13 @@ const TranscriptPanel = memo$2((props) => {
     if (!collapsedEvents && Object.keys(defaultCollapsedIds).length > 0) {
       setCollapsedEvents(kTranscriptCollapseScope, defaultCollapsedIds);
     }
-  }, [defaultCollapsedIds, collapsedEvents, setCollapsedEvents]);
+  }, [
+    defaultCollapsedIds,
+    collapsedEvents,
+    setCollapsedEvents,
+    events.length,
+    collapsedMode
+  ]);
   const allNodesList = useMemo(() => {
     return flatTree(eventNodes, null);
   }, [eventNodes]);
@@ -123909,7 +123957,7 @@ const TranscriptPanel = memo$2((props) => {
       }
     });
     setCollapsedEvents(kTranscriptCollapseScope, collapseIds);
-  }, [collapsedMode, events, allNodesList]);
+  }, [collapsedMode, events, allNodesList, setCollapsedEvents]);
   const { logPath } = useLogRouteParams();
   const [collapsed2, setCollapsed] = useCollapsedState(
     `transcript-panel-${logPath || "na"}`,
@@ -124020,7 +124068,7 @@ const SampleDisplay = ({
   const sampleData = useSampleData();
   const sample2 = useMemo(() => {
     return sampleData.getSelectedSample();
-  }, [sampleData.selectedSampleIdentifier, sampleData.getSelectedSample]);
+  }, [sampleData]);
   const runningSampleData = sampleData.running;
   const evalSpec = useStore((state) => state.log.selectedLogDetails?.eval);
   const { setDocumentTitle } = useDocumentTitle();
@@ -124039,7 +124087,7 @@ const SampleDisplay = ({
       return height;
     }
     return -1;
-  }, [tabsRef.current]);
+  }, []);
   const selectedSampleSummary = useSelectedSampleSummary();
   const sampleEvents = sample2?.events || runningSampleData;
   const sampleMessages = useMemo(() => {
@@ -124062,7 +124110,7 @@ const SampleDisplay = ({
         scrollRef.current?.focus();
       }
     }, 10);
-  }, []);
+  }, [focusOnLoad, scrollRef]);
   const sampleUrlBuilder = useSampleUrlBuilder();
   const onSelectedTab = useCallback(
     (e) => {
@@ -124074,7 +124122,15 @@ const SampleDisplay = ({
         navigate(url);
       }
     },
-    [sampleTabId, urlLogPath, urlSampleId, urlEpoch, navigate, setSelectedTab]
+    [
+      setSelectedTab,
+      sampleTabId,
+      urlLogPath,
+      sampleUrlBuilder,
+      urlSampleId,
+      urlEpoch,
+      navigate
+    ]
   );
   const sampleMetadatas = metadataViewsForSample(
     `${baseId}-${id}`,
@@ -124093,7 +124149,7 @@ const SampleDisplay = ({
   const optionsRef = useRef(null);
   const handlePrintClick = useCallback(() => {
     printSample(id, targetId);
-  }, [printSample, id, targetId]);
+  }, [id, targetId]);
   const toggleFilter = useCallback(() => {
     setShowing(!isShowing);
   }, [setShowing, isShowing]);
@@ -124524,7 +124580,12 @@ const InlineSampleDisplay = ({
     if (sampleData.running && logSelection.logFile && logSelection.sample) {
       pollSample(logSelection.logFile, logSelection.sample);
     }
-  }, []);
+  }, [
+    logSelection.logFile,
+    logSelection.sample,
+    pollSample,
+    sampleData.running
+  ]);
   const prevCompleted = usePrevious(
     logSelection.sample?.completed !== void 0 ? logSelection.sample.completed : true
   );
@@ -124546,7 +124607,12 @@ const InlineSampleDisplay = ({
     logSelection.sample?.completed,
     sampleData.selectedSampleIdentifier?.id,
     sampleData.selectedSampleIdentifier?.epoch,
-    sampleData.sampleNeedsReload
+    sampleData.sampleNeedsReload,
+    logSelection.sample,
+    prevLogFile,
+    prevCompleted,
+    prevSampleNeedsReload,
+    loadSample
   ]);
   const scrollRef = useRef(null);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(className2, styles$t.container), children: [
@@ -124713,7 +124779,12 @@ const SampleDialog = ({
     if (sampleData.running && logSelection.logFile && logSelection.sample) {
       pollSample(logSelection.logFile, logSelection.sample);
     }
-  }, []);
+  }, [
+    logSelection.logFile,
+    logSelection.sample,
+    pollSample,
+    sampleData.running
+  ]);
   const prevCompleted = usePrevious(
     logSelection.sample?.completed !== void 0 ? logSelection.sample.completed : true
   );
@@ -124735,7 +124806,12 @@ const SampleDialog = ({
     logSelection.sample?.completed,
     sampleData.selectedSampleIdentifier?.id,
     sampleData.selectedSampleIdentifier?.epoch,
-    sampleData.sampleNeedsReload
+    sampleData.sampleNeedsReload,
+    logSelection.sample,
+    prevLogFile,
+    prevCompleted,
+    prevSampleNeedsReload,
+    loadSample
   ]);
   const sampleNavigation = useSampleNavigation();
   const tools2 = useMemo(() => {
@@ -124775,11 +124851,7 @@ const SampleDialog = ({
           break;
       }
     },
-    [
-      sampleNavigation.nextSample,
-      sampleNavigation.previousSample,
-      sampleNavigation.clearSampleUrl
-    ]
+    [sampleNavigation]
   );
   const onHide = useCallback(() => {
     sampleNavigation.clearSampleUrl();
@@ -149859,8 +149931,8 @@ const SampleFilter = () => {
     () => linter((view) => getLints(view, filterError)),
     [filterError]
   );
-  const debounceSetFilter = useCallback(
-    debounce$2((value2) => {
+  const debounceSetFilter = useMemo(
+    () => debounce$2((value2) => {
       setFilter(value2);
     }, 200),
     [setFilter]
@@ -149872,7 +149944,7 @@ const SampleFilter = () => {
         debounceSetFilter(newValue);
       }
     }),
-    [setFilter]
+    [debounceSetFilter, evalDescriptor]
   );
   useEffect(() => {
     editorViewRef.current?.destroy();
@@ -149895,7 +149967,7 @@ const SampleFilter = () => {
       })
     });
     return () => editorViewRef.current?.destroy();
-  }, []);
+  }, [filter, handleFocus, makeAutocompletion, makeLinter, makeUpdateListener]);
   useEffect(() => {
     if (!editorViewRef.current) return;
     const currentValue = editorViewRef.current.state.doc.toString();
@@ -149912,17 +149984,17 @@ const SampleFilter = () => {
     editorViewRef.current?.dispatch({
       effects: updateListenerCompartment.current.reconfigure(makeUpdateListener())
     });
-  }, [evalDescriptor]);
+  }, [evalDescriptor, makeUpdateListener]);
   useEffect(() => {
     editorViewRef.current?.dispatch({
       effects: autocompletionCompartment.current.reconfigure(makeAutocompletion())
     });
-  }, [filterItems, samples]);
+  }, [filterItems, makeAutocompletion, samples]);
   useEffect(() => {
     editorViewRef.current?.dispatch({
       effects: linterCompartment.current.reconfigure(makeLinter())
     });
-  }, [filterError]);
+  }, [filterError, makeLinter]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex" }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "span",
@@ -150491,7 +150563,7 @@ const SampleList = memo$2((props) => {
   );
   useEffect(() => {
     listHandle.current?.scrollTo({ top: 0, behavior: "instant" });
-  }, [selectedLogFile]);
+  }, [listHandle, selectedLogFile]);
   const sampleNavigation = useSampleNavigation();
   const selectedSampleHandle = useStore(
     (state) => state.log.selectedSampleHandle
@@ -150520,7 +150592,7 @@ const SampleList = memo$2((props) => {
       }, 100);
     }
     prevRunningRef.current = running;
-  }, [running, followOutput, listHandle]);
+  }, [running, followOutput, listHandle, setFollowOutput]);
   const loaded = useRef(false);
   const handleAtBottomStateChange = useCallback(
     (atBottom) => {
@@ -150529,7 +150601,7 @@ const SampleList = memo$2((props) => {
       }
       loaded.current = true;
     },
-    [running, setFollowOutput, followOutput]
+    [running, setFollowOutput]
   );
   const onkeydown = useCallback(
     (e) => {
@@ -150578,11 +150650,11 @@ const SampleList = memo$2((props) => {
       }
     },
     [
-      selectedSampleHandle,
-      sampleNavigation.nextSample,
-      sampleNavigation.previousSample,
-      sampleNavigation.showSample,
-      listHandle
+      sampleNavigation,
+      listHandle,
+      items,
+      selectedSampleHandle?.id,
+      selectedSampleHandle?.epoch
     ]
   );
   const selectedScores = useSelectedScores();
@@ -150626,7 +150698,12 @@ const SampleList = memo$2((props) => {
         return null;
       }
     },
-    [gridColumnsTemplate]
+    [
+      gridColumnsTemplate,
+      sampleNavigation,
+      selectedSampleHandle?.epoch,
+      selectedSampleHandle?.id
+    ]
   );
   const { input: input2, limit, answer: answer2, target: target2, retries } = gridColumns(samplesDescriptor);
   const sampleCount = items?.reduce((prev, current2) => {
@@ -150933,7 +151010,6 @@ const getCounter = (itemCount, groupCount, order2) => {
 const useSamplesTabConfig = (evalStatus, refreshLog) => {
   const totalSampleCount = useTotalSampleCount();
   const samplesDescriptor = useSampleDescriptor();
-  const sampleSummaries = useFilteredSamples();
   const streamSamples = useStore((state) => state.capabilities.streamSamples);
   return useMemo(() => {
     return {
@@ -150960,8 +151036,8 @@ const useSamplesTabConfig = (evalStatus, refreshLog) => {
   }, [
     evalStatus,
     refreshLog,
-    sampleSummaries,
     samplesDescriptor,
+    streamSamples,
     totalSampleCount
   ]);
 };
@@ -150975,7 +151051,11 @@ const SamplesTab = ({ running }) => {
     const limit = selectedLogDetails?.eval.config.limit;
     const limitCount = limit === null || limit === void 0 ? void 0 : typeof limit === "number" ? limit : limit[1] - limit[0];
     return (limitCount || selectedLogDetails?.eval.dataset.samples || 0) * (selectedLogDetails?.eval.config.epochs || 0);
-  }, [selectedLogDetails?.eval.config.limit]);
+  }, [
+    selectedLogDetails?.eval.config.epochs,
+    selectedLogDetails?.eval.config.limit,
+    selectedLogDetails?.eval.dataset.samples
+  ]);
   const totalSampleCount = useTotalSampleCount();
   const samplesDescriptor = useSampleDescriptor();
   const groupBy = useGroupBy();
@@ -152236,7 +152316,7 @@ const LogView = () => {
         navigation.selectTab(id);
       }
     },
-    [setSelectedTab, navigation.selectTab]
+    [setSelectedTab, navigation]
   );
   if (evalSpec === void 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyPanel, {});
@@ -152394,7 +152474,7 @@ const LogViewContainer = () => {
     return () => {
       unloadLog();
     };
-  }, []);
+  }, [unloadLog]);
   useEffect(() => {
     if (logPath && sampleUuid && sampleSummaries) {
       const sample2 = sampleSummaries.find((s) => s.uuid === sampleUuid);
@@ -152410,7 +152490,14 @@ const LogViewContainer = () => {
         return;
       }
     }
-  }, [sampleSummaries, logPath, sampleUuid, searchParams]);
+  }, [
+    sampleSummaries,
+    logPath,
+    sampleUuid,
+    searchParams,
+    sampleTabId,
+    navigate
+  ]);
   useEffect(() => {
     if (initialState2 && !evalSpec) {
       const url = baseUrl(
@@ -152421,7 +152508,7 @@ const LogViewContainer = () => {
       clearInitialState();
       navigate(url);
     }
-  }, [initialState2, evalSpec]);
+  }, [initialState2, evalSpec, clearInitialState, navigate]);
   const prevLogPath = usePrevious(logPath);
   const syncLogs = useStore((state) => state.logsActions.syncLogs);
   const initLogDir = useStore((state) => state.logsActions.initLogDir);
@@ -152443,7 +152530,17 @@ const LogViewContainer = () => {
       }
     };
     loadLogFromPath();
-  }, [logPath, tabId, setSelectedLogFile, setWorkspaceTab]);
+  }, [
+    logPath,
+    tabId,
+    setSelectedLogFile,
+    setWorkspaceTab,
+    initLogDir,
+    syncLogs,
+    prevLogPath,
+    clearSelectedSample,
+    clearSelectedLogSummary
+  ]);
   useEffect(() => {
     if (sampleId && filteredSamples) {
       const targetEpoch = epoch ? parseInt(epoch, 10) : 1;
@@ -209603,7 +209700,7 @@ const SamplesGrid = ({
     } else {
       return gridState;
     }
-  }, [gridState, prevSamplesPath, clearDisplayedSamples]);
+  }, [prevSamplesPath, samplesPath, clearDisplayedSamples, gridState]);
   const filteredLogDetails = useMemo(() => {
     if (!samplesPath) {
       return logDetails;
@@ -209618,7 +209715,7 @@ const SamplesGrid = ({
       },
       {}
     );
-  }, [logDetails, samplesPath]);
+  }, [logDetails, logDir2, samplesPath]);
   useEffect(() => {
     gridContainerRef.current?.focus();
   }, []);
@@ -209651,11 +209748,11 @@ const SamplesGrid = ({
     return rows;
   }, [filteredLogDetails]);
   const columns = useSampleColumns(data, filteredLogDetails);
-  const resizeGridColumns = useCallback(
-    debounce$2(() => {
+  const resizeGridColumns = useMemo(
+    () => debounce$2(() => {
       gridRef.current?.api?.sizeColumnsToFit();
     }, 10),
-    []
+    [gridRef]
   );
   const handleRowClick = useCallback(
     (e) => {
@@ -209767,7 +209864,7 @@ const SamplesGrid = ({
         }
       }
     },
-    [navigateToSampleDetail]
+    [gridRef, navigateToSampleDetail]
   );
   useEffect(() => {
     const gridElement = gridContainerRef.current;
@@ -209920,7 +210017,7 @@ const SamplesPanel = () => {
       }
     }
     return files;
-  }, [logDir2, logFiles]);
+  }, [currentDir, logFiles]);
   const totalTaskCount = useMemo(() => {
     const currentDirTaskIds = new Set(currentDirLogFiles.map((f) => f.task_id));
     let count2 = currentDirLogFiles.length;
@@ -210139,14 +210236,14 @@ const SampleDetailView = () => {
       }
     };
     void exec2();
-  }, [selectedLogFile, selectedSampleSummary]);
+  }, [loadSample, selectedLogFile, selectedSampleSummary]);
   useEffect(() => {
     return () => {
       clearSelectedLogDetails();
       clearLog();
       clearSampleTab();
     };
-  }, [clearLog, clearSelectedLogDetails]);
+  }, [clearLog, clearSampleTab, clearSelectedLogDetails]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(ExtendedFindProvider, { children: [
     showFind ? /* @__PURE__ */ jsxRuntimeExports.jsx(FindBand, {}) : "",
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.detail, children: [
@@ -210340,7 +210437,7 @@ const App = ({ api: api2 }) => {
         }
       }
     },
-    [logDir2, setSelectedLogFile, syncLogs, api2]
+    [setInitialState, setLogDir, logDir2, setSelectedLogFile, api2, syncLogs]
   );
   useEffect(() => {
     window.addEventListener("message", onMessage);
@@ -210374,7 +210471,15 @@ const App = ({ api: api2 }) => {
       new ClipboardJS(".clipboard-button,.copy-button");
     };
     loadLogsAndState();
-  }, [setLogDir, setLogFiles, setSelectedLogFile, syncLogs, onMessage]);
+  }, [
+    setLogDir,
+    setLogFiles,
+    setSelectedLogFile,
+    syncLogs,
+    onMessage,
+    rehydrated,
+    setSingleFileMode
+  ]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(RouterProvider2, { router: AppRouter });
 };
 export {