@metrevals/inspect-log-viewer 0.3.160-beta.1767904540 → 0.3.160-beta.1767967208

package/lib/index.js

@@ -16251,7 +16251,8 @@ const initialState$1 = {
   },
   samplesListState: {
     columnVisibility: {}
-  }
+  },
+  showRetriedLogs: false
 };
 const createLogsSlice = (set3, get2, _store) => {
   const slice = {
@@ -16572,6 +16573,11 @@ const createLogsSlice = (set3, get2, _store) => {
           log$7.debug("Sample query failed, returning empty results");
           return [];
         }
+      },
+      setShowRetriedLogs: (showRetriedLogs) => {
+        set3((state) => {
+          state.logs.showRetriedLogs = showRetriedLogs;
+        });
       }
     }
   };
@@ -17956,6 +17962,11 @@ const ApplicationIcons = {
     use_tools: "bi bi-tools"
   },
   success: "bi bi-check-circle-fill",
+  toggle: {
+    // combination of toggle-on and toggle2-off looked best for our default button font size
+    on: "bi bi-toggle-on",
+    off: "bi bi-toggle2-off"
+  },
   tree: {
     open: "bi bi-caret-down-fill",
     closed: "bi bi-caret-right-fill"
@@ -20230,6 +20241,7 @@ const ExpandablePanel = memo$1(
         {
           style: baseStyles,
           ref: contentRef,
+          "data-expandable-panel": "true",
           className: clsx(
             styles$1J.expandablePanel,
             collapsed2 ? styles$1J.expandableCollapsed : void 0,
@@ -103235,11 +103247,7 @@ const useLogs = () => {
   const setLoading = useStore((state) => state.appActions.setLoading);
   const loadLogs = useCallback(
     async (logPath) => {
-      const exec2 = async () => {
-        await syncLogs();
-        await syncEvalSetInfo(logPath);
-      };
-      exec2().catch((e) => {
+      await Promise.all([syncEvalSetInfo(logPath), syncLogs()]).catch((e) => {
         log$1.error("Error loading logs", e);
         setLoading(false, e);
       });
@@ -103313,6 +103321,54 @@ const useDocumentTitle = () => {
   };
   return { setDocumentTitle };
 };
+const simplifiedStatusForDeduplication = (status2) => status2 === "started" || status2 === "success" ? status2 : "_other_";
+const useLogsWithretried = () => {
+  const logs = useStore((state) => state.logs.logs);
+  const logPreviews = useStore((state) => state.logs.logPreviews);
+  const logsWithEvalSetRetry = useMemo(() => {
+    const logsByTaskId = logs.reduce(
+      (acc, log2) => {
+        const taskId = log2.task_id;
+        if (taskId) {
+          if (!(taskId in acc)) acc[taskId] = [];
+          acc[taskId].push(log2);
+        }
+        return acc;
+      },
+      {}
+    );
+    const bestByName = {};
+    for (const items of Object.values(logsByTaskId)) {
+      items.sort((a, b) => {
+        const as = simplifiedStatusForDeduplication(
+          logPreviews[a.name]?.status
+        );
+        const bs = simplifiedStatusForDeduplication(
+          logPreviews[b.name]?.status
+        );
+        const am = a.mtime ?? 0;
+        const bm = b.mtime ?? 0;
+        if (as === bs) return bm - am;
+        if (as === "started") return -1;
+        if (bs === "started") return 1;
+        if (as === "success") return -1;
+        if (bs === "success") return 1;
+        console.warn(`Unexpected status combination: ${as}, ${bs}`, a, b);
+        return 0;
+      });
+      const { name: name2 } = items[0];
+      bestByName[name2] = { ...items[0], retried: false };
+    }
+    return logs.map(
+      (log2) => bestByName[log2.name] ?? {
+        ...log2,
+        // task_id is optional for backward compatibility, only new logs files can be skippable
+        retried: log2.task_id ? true : void 0
+      }
+    );
+  }, [logs, logPreviews]);
+  return logsWithEvalSetRetry;
+};
 const log = createLogger("Client-Events");
 function useClientEvents() {
   const syncLogs = useStore((state) => state.logsActions.syncLogs);
@@ -105411,7 +105467,7 @@ const ViewerOptionsPopover = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1i.fullWidth, styles$1i.fullWidthPadded), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1i.logDir, children: logDir2 }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1i.spacer) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Version" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.159-25-g3ea6b9824" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.159-37-g4e8f25647" }),
         /* @__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$1i.spacer) }),
@@ -163290,7 +163346,7 @@ const LogListGrid = ({
         if (url) {
           setTimeout(() => {
             if (openInNewWindow) {
-              window.open(url, "_blank");
+              window.open(`#${url}`, "_blank");
             } else {
               navigate(url);
             }
@@ -163307,7 +163363,7 @@ const LogListGrid = ({
       }
       const openInNewWindow = e.metaKey || e.ctrlKey || e.shiftKey;
       if (openInNewWindow) {
-        window.open(rowNode.data.url, "_blank");
+        window.open(`#${rowNode.data.url}`, "_blank");
       } else {
         navigate(rowNode.data.url);
       }
@@ -163468,8 +163524,12 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
   const gridRef = useRef(null);
   const [showColumnSelector, setShowColumnSelector] = useState(false);
   const columnButtonRef = useRef(null);
+  const showRetriedLogs = useStore((state) => state.logs.showRetriedLogs);
+  const setShowRetriedLogs = useStore(
+    (state) => state.logsActions.setShowRetriedLogs
+  );
   const logDir2 = useStore((state) => state.logs.logDir);
-  const logFiles = useStore((state) => state.logs.logs);
+  const logFiles = useLogsWithretried();
   const evalSet = useStore((state) => state.logs.evalSet);
   const logPreviews = useStore((state) => state.logs.logPreviews);
   const { filteredCount } = useLogsListing();
@@ -163499,11 +163559,12 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
       previousWatchedLogs.current = watchedLogs;
     }
   }, [watchedLogs, startPolling, stopPolling]);
-  const logItems = useMemo(() => {
+  const [logItems, hasRetriedLogs] = useMemo(() => {
     const folderItems = [];
     const fileItems = [];
     const processedFolders = /* @__PURE__ */ new Set();
     const existingLogTaskIds = /* @__PURE__ */ new Set();
+    let _hasRetriedLogs = false;
     for (const logFile of logFiles) {
       if (logFile.task_id) {
         existingLogTaskIds.add(logFile.task_id);
@@ -163519,14 +163580,19 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
           decodeURIComponent(relativePath),
           decodeURIComponent(dirName)
         );
-        fileItems.push({
-          id: fileOrFolderName,
-          name: fileOrFolderName,
-          type: "file",
-          url: logsUrl(path, logDir2),
-          log: logFile,
-          logPreview: logPreviews[logFile.name]
-        });
+        if (logFile.retried) {
+          _hasRetriedLogs = true;
+        }
+        if (showRetriedLogs || !logFile.retried) {
+          fileItems.push({
+            id: fileOrFolderName,
+            name: fileOrFolderName,
+            type: "file",
+            url: logsUrl(path, logDir2),
+            log: logFile,
+            logPreview: logPreviews[logFile.name]
+          });
+        }
       } else if (name2.startsWith(dirWithSlash)) {
         const relativePath = directoryRelativeUrl(name2, currentDir);
         const dirName = decodeURIComponent(rootName(relativePath));
@@ -163547,9 +163613,13 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
       }
     }
     const orderedItems = [...folderItems, ...fileItems];
-    const collapsedLogItems = collapseLogItems(evalSet, orderedItems);
-    return appendPendingItems(evalSet, existingLogTaskIds, collapsedLogItems);
-  }, [evalSet, logFiles, currentDir, logDir2, logPreviews]);
+    const _logFiles = appendPendingItems(
+      evalSet,
+      existingLogTaskIds,
+      orderedItems
+    );
+    return [_logFiles, _hasRetriedLogs];
+  }, [evalSet, logFiles, currentDir, logDir2, logPreviews, showRetriedLogs]);
   const { columns, setColumnVisibility } = useLogListColumns();
   const handleColumnVisibilityChange = useCallback(
     (newVisibility) => {
@@ -163589,10 +163659,7 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
     };
   }, [logItems]);
   useEffect(() => {
-    const exec2 = async () => {
-      await loadLogs(logPath);
-    };
-    exec2();
+    loadLogs(logPath);
   }, [loadLogs, logPath]);
   const handleResetFilters = () => {
     if (gridRef.current?.api) {
@@ -163627,6 +163694,16 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
             },
             "reset-filters"
           ),
+          hasRetriedLogs && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            NavbarButton,
+            {
+              label: "Show Retried Logs",
+              icon: showRetriedLogs ? ApplicationIcons.toggle.on : ApplicationIcons.toggle.off,
+              latched: showRetriedLogs,
+              onClick: () => setShowRetriedLogs(!showRetriedLogs)
+            },
+            "show-retried"
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             NavbarButton,
             {
@@ -163685,62 +163762,6 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
     ] })
   ] });
 };
-const collapseLogItems = (evalSet, logItems) => {
-  if (!evalSet) {
-    return logItems;
-  }
-  const running = logItems.some(
-    (l) => l.type === "file" && l.logPreview?.status === "started"
-  );
-  if (!running) {
-    return logItems;
-  }
-  const taskIdToItems = /* @__PURE__ */ new Map();
-  for (const item2 of logItems) {
-    if (item2.type === "file" && item2.log.task_id) {
-      const taskId = item2.log.task_id;
-      if (!taskIdToItems.has(taskId)) {
-        taskIdToItems.set(taskId, []);
-      }
-      taskIdToItems.get(taskId).push(item2);
-    } else if (item2.type === "folder" || item2.type === "file") ;
-  }
-  const selectedItems = /* @__PURE__ */ new Map();
-  for (const [taskId, items] of taskIdToItems) {
-    let bestItem = items[0];
-    for (const item2 of items) {
-      const currentStatus = item2.logPreview?.status;
-      const currentMtime = item2.log.mtime ?? 0;
-      const bestStatus = bestItem.logPreview?.status;
-      const bestMtime = bestItem.log.mtime ?? 0;
-      if (currentStatus === "started" && bestStatus !== "started") {
-        bestItem = item2;
-      } else if (currentStatus === "success" && bestStatus === "error") {
-        bestItem = item2;
-      } else if (currentStatus === bestStatus && currentMtime > bestMtime) {
-        bestItem = item2;
-      }
-    }
-    selectedItems.set(taskId, bestItem);
-  }
-  const collapsedLogItems = [];
-  const processedTaskIds = /* @__PURE__ */ new Set();
-  for (const item2 of logItems) {
-    if (item2.type === "file" && item2.log.task_id) {
-      const taskId = item2.log.task_id;
-      if (!processedTaskIds.has(taskId)) {
-        const selectedItem = selectedItems.get(taskId);
-        if (selectedItem) {
-          collapsedLogItems.push(selectedItem);
-        }
-        processedTaskIds.add(taskId);
-      }
-    } else {
-      collapsedLogItems.push(item2);
-    }
-  }
-  return collapsedLogItems;
-};
 const appendPendingItems = (evalSet, tasksWithLogFiles, collapsedLogItems) => {
   const pendingTasks = new Array();
   for (const task of evalSet?.tasks || []) {
@@ -163843,11 +163864,14 @@ const FindBand = () => {
   const { extendedFindTerm } = useExtendedFind();
   const lastFoundItem = useRef(null);
   const currentSearchTerm = useRef("");
+  const debounceTimerRef = useRef(null);
+  const needsCursorRestoreRef = useRef(false);
+  const lastNoResultTerm = useRef("");
   const getParentExpandablePanel = useCallback(
     (selection) => {
       let node2 = selection.anchorNode;
       while (node2) {
-        if (node2 instanceof HTMLElement && node2.classList.contains("expandable-panel")) {
+        if (node2 instanceof HTMLElement && node2.hasAttribute("data-expandable-panel")) {
           return node2;
         }
         node2 = node2.parentElement;
@@ -163866,6 +163890,16 @@ const FindBand = () => {
         lastFoundItem.current = null;
         currentSearchTerm.current = searchTerm;
       }
+      if (lastNoResultTerm.current && !searchTerm.startsWith(lastNoResultTerm.current)) {
+        lastNoResultTerm.current = "";
+      }
+      const noResultEl = document.getElementById("inspect-find-no-results");
+      if (lastNoResultTerm.current && searchTerm.startsWith(lastNoResultTerm.current)) {
+        if (noResultEl) {
+          noResultEl.style.opacity = "1";
+        }
+        return;
+      }
       const focusedElement = document.activeElement;
       let result2 = await findExtendedInDOM(
         searchTerm,
@@ -163873,11 +163907,11 @@ const FindBand = () => {
         lastFoundItem.current,
         extendedFindTerm
       );
-      const noResultEl = document.getElementById("inspect-find-no-results");
       if (!noResultEl) {
         return;
       }
       noResultEl.style.opacity = result2 ? "0" : "1";
+      lastNoResultTerm.current = result2 ? "" : searchTerm;
       if (result2) {
         const selection = window.getSelection();
         if (selection && selection.rangeCount > 0) {
@@ -163891,6 +163925,7 @@ const FindBand = () => {
           const parentPanel = getParentExpandablePanel(selection);
           if (parentPanel) {
             parentPanel.style.display = "block";
+            parentPanel.style.maxHeight = "none";
             parentPanel.style.webkitLineClamp = "";
             parentPanel.style.webkitBoxOrient = "";
           }
@@ -163948,12 +163983,60 @@ const FindBand = () => {
     },
     [storeHideFind, handleSearch]
   );
-  const showSearch = useCallback(() => {
+  const findPrevious = useCallback(() => {
     handleSearch(true);
   }, [handleSearch]);
-  const hideSearch = useCallback(() => {
+  const findNext = useCallback(() => {
     handleSearch(false);
   }, [handleSearch]);
+  const restoreCursor = useCallback(() => {
+    if (!needsCursorRestoreRef.current) return;
+    needsCursorRestoreRef.current = false;
+    const input2 = searchBoxRef.current;
+    if (input2) {
+      const len = input2.value.length;
+      input2.setSelectionRange(len, len);
+    }
+  }, []);
+  const handleInputChange = useCallback(() => {
+    if (debounceTimerRef.current !== null) {
+      window.clearTimeout(debounceTimerRef.current);
+    }
+    debounceTimerRef.current = window.setTimeout(async () => {
+      debounceTimerRef.current = null;
+      if (!searchBoxRef.current) return;
+      await handleSearch(false);
+      needsCursorRestoreRef.current = true;
+    }, 300);
+  }, [handleSearch]);
+  const handleBeforeInput = useCallback(() => {
+    restoreCursor();
+  }, [restoreCursor]);
+  useEffect(() => {
+    const handleGlobalKeyDown = (e) => {
+      if (e.key === "F3") {
+        e.preventDefault();
+        handleSearch(e.shiftKey);
+        return;
+      }
+      if (e.ctrlKey || e.metaKey || e.altKey) return;
+      if (e.key.length !== 1 && e.key !== "Backspace" && e.key !== "Delete")
+        return;
+      const input2 = searchBoxRef.current;
+      if (!input2) return;
+      restoreCursor();
+      if (document.activeElement !== input2) {
+        input2.focus();
+      }
+    };
+    document.addEventListener("keydown", handleGlobalKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleGlobalKeyDown);
+      if (debounceTimerRef.current !== null) {
+        window.clearTimeout(debounceTimerRef.current);
+      }
+    };
+  }, [handleSearch, restoreCursor]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-unsearchable": "true", className: clsx("findBand"), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
@@ -163961,7 +164044,9 @@ const FindBand = () => {
         type: "text",
         ref: searchBoxRef,
         placeholder: "Find",
-        onKeyDown: handleKeyDown
+        onKeyDown: handleKeyDown,
+        onBeforeInput: handleBeforeInput,
+        onChange: handleInputChange
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { id: "inspect-find-no-results", children: "No results" }),
@@ -163971,7 +164056,7 @@ const FindBand = () => {
         type: "button",
         title: "Previous match",
         className: "btn next",
-        onClick: showSearch,
+        onClick: findPrevious,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.arrows.up })
       }
     ),
@@ -163981,7 +164066,7 @@ const FindBand = () => {
         type: "button",
         title: "Next match",
         className: "btn prev",
-        onClick: hideSearch,
+        onClick: findNext,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.arrows.down })
       }
     ),
@@ -165636,6 +165721,12 @@ const LiveVirtualList = ({
             behavior: "auto",
             align: "center"
           });
+          setTimeout(() => {
+            if (pendingSearchCallback.current === onContentReady) {
+              pendingSearchCallback.current = null;
+              onContentReady();
+            }
+          }, 200);
           return true;
         }
       }
@@ -206710,10 +206801,7 @@ const FlowPanel = () => {
   const flowDir = dirname(currentPath || "");
   const { loadLogs } = useLogs();
   useEffect(() => {
-    const exec2 = async () => {
-      await loadLogs(flowDir);
-    };
-    exec2();
+    loadLogs(flowDir);
   }, [loadLogs, flowDir]);
   useFlowServerData(flowDir || "");
   const flow = useStore((state) => state.logs.flow);
@@ -206986,15 +207074,14 @@ const useSampleColumns = (logDetails) => {
   };
 };
 const SamplesGrid = ({
+  items,
   samplesPath,
   gridRef: externalGridRef,
   columns
 }) => {
-  const logDetails = useStore((state) => state.logs.logDetails);
   const gridState = useStore((state) => state.logs.samplesListState.gridState);
   const setGridState = useStore((state) => state.logsActions.setGridState);
   const { navigateToSampleDetail } = useSamplesGridNavigation();
-  const logDir2 = useStore((state) => state.logs.logDir);
   const setFilteredSampleCount = useStore(
     (state) => state.logActions.setFilteredSampleCount
   );
@@ -207044,55 +207131,9 @@ const SamplesGrid = ({
       setPreviousSamplesPath(samplesPath);
     }
   }, [samplesPath, previousSamplesPath, setPreviousSamplesPath]);
-  const filteredLogDetails = useMemo(() => {
-    if (!samplesPath) {
-      return logDetails;
-    }
-    const samplesPathAbs = join(samplesPath, logDir2);
-    return Object.entries(logDetails).reduce(
-      (acc, [logFile, details]) => {
-        if (logFile.startsWith(samplesPathAbs)) {
-          acc[logFile] = details;
-        }
-        return acc;
-      },
-      {}
-    );
-  }, [logDetails, logDir2, samplesPath]);
   useEffect(() => {
     gridContainerRef.current?.focus();
   }, []);
-  const data = useMemo(() => {
-    const rows = [];
-    let displayIndex = 1;
-    Object.entries(filteredLogDetails).forEach(([logFile, details]) => {
-      details.sampleSummaries.forEach((sample2) => {
-        const row2 = {
-          logFile,
-          created: details.eval.created,
-          task: details.eval.task || "",
-          model: details.eval.model || "",
-          status: details.status,
-          sampleId: sample2.id,
-          epoch: sample2.epoch,
-          input: inputString(sample2.input).join("\n"),
-          target: Array.isArray(sample2.target) ? sample2.target.join(", ") : sample2.target,
-          error: sample2.error,
-          limit: sample2.limit,
-          retries: sample2.retries,
-          completed: sample2.completed || false,
-          displayIndex: displayIndex++
-        };
-        if (sample2.scores) {
-          Object.entries(sample2.scores).forEach(([scoreName, score2]) => {
-            row2[`score_${scoreName}`] = score2.value;
-          });
-        }
-        rows.push(row2);
-      });
-    });
-    return rows;
-  }, [filteredLogDetails]);
   const handleRowClick = useCallback(
     (e) => {
       if (e.data && e.node && gridRef.current?.api) {
@@ -207170,7 +207211,7 @@ const SamplesGrid = ({
     AgGridReact,
     {
       ref: gridRef,
-      rowData: data,
+      rowData: items,
       animateRows: false,
       columnDefs: columns,
       defaultColDef: {
@@ -207222,7 +207263,7 @@ const SamplesGrid = ({
         selectCurrentSample();
         clearSelectedSample();
       },
-      loading: data.length === 0 && (loading > 0 || syncing)
+      loading: items.length === 0 && (loading > 0 || syncing)
     }
   ) }) });
 };
@@ -207253,9 +207294,16 @@ const SamplesPanel = () => {
   const logDir2 = useStore((state) => state.logs.logDir);
   const loading = useStore((state) => state.app.status.loading);
   const syncing = useStore((state) => state.app.status.syncing);
+  const showRetriedLogs = useStore((state) => state.logs.showRetriedLogs);
+  const setShowRetriedLogs = useStore(
+    (state) => state.logsActions.setShowRetriedLogs
+  );
   const filteredSamplesCount = useStore(
     (state) => state.log.filteredSampleCount
   );
+  const setFilteredSampleCount = useStore(
+    (state) => state.logActions.setFilteredSampleCount
+  );
   const gridRef = useRef(null);
   const [showColumnSelector, setShowColumnSelector] = useState(false);
   const columnButtonRef = useRef(null);
@@ -207291,17 +207339,19 @@ const SamplesPanel = () => {
   const flowData = useStore((state) => state.logs.flow);
   const currentDir = join(samplesPath || "", logDir2);
   const evalSet = useStore((state) => state.logs.evalSet);
-  const logFiles = useStore((state) => state.logs.logs);
+  const logFiles = useLogsWithretried();
   const logPreviews = useStore((state) => state.logs.logPreviews);
   const currentDirLogFiles = useMemo(() => {
     const files = [];
     for (const logFile of logFiles) {
-      if (logFile.name.startsWith(currentDir)) {
+      const inCurrentDir = logFile.name.startsWith(currentDir);
+      const skipped = !showRetriedLogs && logFile.retried;
+      if (inCurrentDir && !skipped) {
         files.push(logFile);
       }
     }
     return files;
-  }, [currentDir, logFiles]);
+  }, [currentDir, logFiles, showRetriedLogs]);
   const totalTaskCount = useMemo(() => {
     const currentDirTaskIds = new Set(currentDirLogFiles.map((f) => f.task_id));
     let count = currentDirLogFiles.length;
@@ -207323,11 +207373,69 @@ const SamplesPanel = () => {
     return count;
   }, [logPreviews, currentDirLogFiles]);
   useEffect(() => {
-    const exec2 = async () => {
-      await loadLogs(samplesPath);
-    };
-    exec2();
+    loadLogs(samplesPath);
   }, [loadLogs, samplesPath]);
+  const logDetailsInPath = useMemo(() => {
+    if (!samplesPath) {
+      return logDetails;
+    }
+    const samplesPathAbs = join(samplesPath, logDir2);
+    return Object.entries(logDetails).reduce(
+      (acc, [logFile, details]) => {
+        if (logFile.startsWith(samplesPathAbs)) {
+          acc[logFile] = details;
+        }
+        return acc;
+      },
+      {}
+    );
+  }, [logDetails, logDir2, samplesPath]);
+  const [sampleRows, hasRetriedLogs] = useMemo(() => {
+    const allRows = [];
+    let displayIndex = 1;
+    let anyLogInCurrentDirCouldBeSkipped = false;
+    const logInCurrentDirByName = currentDirLogFiles.reduce(
+      (acc, log2) => {
+        if (log2.retried) {
+          anyLogInCurrentDirCouldBeSkipped = true;
+        }
+        acc[log2.name] = log2;
+        return acc;
+      },
+      {}
+    );
+    Object.entries(logDetailsInPath).forEach(([logFile, logDetail]) => {
+      logDetail.sampleSummaries.forEach((sampleSummary) => {
+        const row2 = {
+          logFile,
+          created: logDetail.eval.created,
+          task: logDetail.eval.task || "",
+          model: logDetail.eval.model || "",
+          status: logDetail.status,
+          sampleId: sampleSummary.id,
+          epoch: sampleSummary.epoch,
+          input: inputString(sampleSummary.input).join("\n"),
+          target: Array.isArray(sampleSummary.target) ? sampleSummary.target.join(", ") : sampleSummary.target,
+          error: sampleSummary.error,
+          limit: sampleSummary.limit,
+          retries: sampleSummary.retries,
+          completed: sampleSummary.completed || false,
+          displayIndex: displayIndex++
+        };
+        if (sampleSummary.scores) {
+          Object.entries(sampleSummary.scores).forEach(([scoreName, score2]) => {
+            row2[`score_${scoreName}`] = score2.value;
+          });
+        }
+        allRows.push(row2);
+      });
+    });
+    const _sampleRows = allRows.filter(
+      (row2) => row2.logFile in logInCurrentDirByName
+    );
+    const _hasRetriedLogs = _sampleRows.length < allRows.length || anyLogInCurrentDirCouldBeSkipped;
+    return [_sampleRows, _hasRetriedLogs];
+  }, [logDetailsInPath, currentDirLogFiles]);
   const filterModel = gridRef.current?.api?.getFilterModel() || {};
   const filteredFields = Object.keys(filterModel);
   const hasFilter = filteredFields.length > 0;
@@ -207342,6 +207450,25 @@ const SamplesPanel = () => {
         },
         "reset-filters"
       ),
+      hasRetriedLogs && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        NavbarButton,
+        {
+          label: "Show Retried Logs",
+          icon: showRetriedLogs ? ApplicationIcons.toggle.on : ApplicationIcons.toggle.off,
+          latched: showRetriedLogs,
+          onClick: () => {
+            setShowRetriedLogs(!showRetriedLogs);
+            setTimeout(() => {
+              if (gridRef.current) {
+                setFilteredSampleCount(
+                  gridRef.current.api.getDisplayedRowCount()
+                );
+              }
+            }, 10);
+          }
+        },
+        "show-retried"
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         NavbarButton,
         {
@@ -207373,6 +207500,7 @@ const SamplesPanel = () => {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1.list, "text-size-smaller"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       SamplesGrid,
       {
+        items: sampleRows,
         samplesPath,
         gridRef,
         columns