inspect-ai 0.3.108__py3-none-any.whl → 0.3.109__py3-none-any.whl

inspect_ai/_view/www/src/state/hooks.ts

@@ -11,7 +11,7 @@ import {
   bySample,
   sortSamples,
 } from "../app/samples/sample-tools/SortFilter";
-import { SampleSummary } from "../client/api/types";
+import { LogFile, SampleSummary } from "../client/api/types";
 import { kEpochAscVal, kSampleAscVal, kScoreAscVal } from "../constants";
 import { createLogger } from "../utils/logger";
 import { getAvailableScorers, getDefaultScorer } from "./scoring";
@@ -556,3 +556,120 @@ export const useSamplePopover = (id: string) => {
     isShowing,
   };
 };
+
+export const useLogs = () => {
+  // Loading logs
+  const load = useStore((state) => state.logsActions.loadLogs);
+  const setLogs = useStore((state) => state.logsActions.setLogs);
+  const setStatus = useStore((state) => state.appActions.setStatus);
+
+  const loadLogs = useCallback(async () => {
+    const exec = async () => {
+      setStatus({ loading: true, error: undefined });
+      const logs = await load();
+      setLogs(logs);
+      setStatus({ loading: false, error: undefined });
+    };
+    exec().catch((e) => {
+      log.error("Error loading logs", e);
+      setStatus({ loading: false, error: e });
+    });
+  }, [load, setLogs, setStatus]);
+
+  // Loading headers
+  const storeLoadHeaders = useStore((state) => state.logsActions.loadHeaders);
+  const existingHeaders = useStore((state) => state.logs.logHeaders);
+  const allLogFiles = useStore((state) => state.logs.logs.files);
+
+  const loadHeaders = useCallback(
+    async (logFiles: LogFile[] = allLogFiles) => {
+      await storeLoadHeaders(logFiles);
+    },
+    [storeLoadHeaders, allLogFiles],
+  );
+
+  const loadAllHeaders = useCallback(async () => {
+    const logsToLoad = allLogFiles.filter((logFile) => {
+      const existingHeader = existingHeaders[logFile.name];
+      return !existingHeader || existingHeader.status === "started";
+    });
+
+    if (logsToLoad.length > 0) {
+      await storeLoadHeaders(logsToLoad);
+    }
+  }, [storeLoadHeaders, allLogFiles, existingHeaders]);
+
+  return { loadLogs, loadHeaders, loadAllHeaders };
+};
+
+export const usePagination = (name: string, defaultPageSize: number) => {
+  const page = useStore((state) => state.app.pagination[name]?.page || 0);
+  const itemsPerPage = useStore(
+    (state) => state.app.pagination[name]?.pageSize || defaultPageSize,
+  );
+  const setPagination = useStore((state) => state.appActions.setPagination);
+
+  const setPage = useCallback(
+    (newPage: number) => {
+      setPagination(name, { page: newPage, pageSize: itemsPerPage });
+    },
+    [name, setPagination, itemsPerPage],
+  );
+
+  const setPageSize = useCallback(
+    (newPageSize: number) => {
+      setPagination(name, { page, pageSize: newPageSize });
+    },
+    [name, setPagination, page],
+  );
+
+  return {
+    page,
+    itemsPerPage,
+    setPage,
+    setPageSize,
+  };
+};
+
+export const useLogsListing = () => {
+  const sorting = useStore((state) => state.logs.listing.sorting);
+  const setSorting = useStore((state) => state.logsActions.setSorting);
+
+  const filtering = useStore((state) => state.logs.listing.filtering);
+  const setFiltering = useStore((state) => state.logsActions.setFiltering);
+
+  const globalFilter = useStore((state) => state.logs.listing.globalFilter);
+  const setGlobalFilter = useStore(
+    (state) => state.logsActions.setGlobalFilter,
+  );
+
+  const columnResizeMode = useStore(
+    (state) => state.logs.listing.columnResizeMode,
+  );
+  const setColumnResizeMode = useStore(
+    (state) => state.logsActions.setColumnResizeMode,
+  );
+
+  const columnSizes = useStore((state) => state.logs.listing.columnSizes);
+  const setColumnSize = useStore((state) => state.logsActions.setColumnSize);
+
+  const filteredCount = useStore((state) => state.logs.listing.filteredCount);
+  const setFilteredCount = useStore(
+    (state) => state.logsActions.setFilteredCount,
+  );
+
+  return {
+    sorting,
+    setSorting,
+    filtering,
+    setFiltering,
+    globalFilter,
+    setGlobalFilter,
+    columnResizeMode,
+    setColumnResizeMode,
+    columnSizes,
+    setColumnSize,
+    filteredCount,
+    setFilteredCount,
+  };
+};

inspect_ai/_view/www/src/state/log.ts

@@ -0,0 +1,19 @@
+import { useCallback } from "react";
+import { useStore } from "./store";
+
+export const useUnloadLog = () => {
+  const clearSelectedLogSummary = useStore(
+    (state) => state.logActions.clearSelectedLogSummary,
+  );
+  const setSelectedLogIndex = useStore(
+    (state) => state.logsActions.setSelectedLogIndex,
+  );
+  const clearLog = useStore((state) => state.logActions.clearLog);
+
+  const unloadLog = useCallback(() => {
+    clearSelectedLogSummary();
+    setSelectedLogIndex(-1);
+    clearLog();
+  }, [clearLog, clearSelectedLogSummary, setSelectedLogIndex]);
+  return { unloadLog };
+};

inspect_ai/_view/www/src/state/logPolling.ts

@@ -184,7 +184,9 @@ export function createLogPolling(
   // Method to call when component unmounts
   const cleanup = () => {
     log.debug(`Cleanup`);
-    abortController.abort();
+    if (abortController) {
+      abortController.abort();
+    }
     stopPolling();
   };
 

inspect_ai/_view/www/src/state/logSlice.ts

@@ -54,6 +54,9 @@ export interface LogSlice {
 
     // Poll the currently selected log
     pollLog: () => Promise<void>;
+
+    // Clear the currently loaded log
+    clearLog: () => void;
   };
 }
 
@@ -197,6 +200,12 @@ export const createLogSlice = (
         }
       },
 
+      clearLog: () => {
+        set((state) => {
+          state.log.loadedLog = undefined;
+        });
+      },
+
       pollLog: async () => {
         const currentLog = get().log.loadedLog;
         if (currentLog) {

inspect_ai/_view/www/src/state/logsSlice.ts

@@ -1,7 +1,12 @@
+import {
+  ColumnFiltersState,
+  ColumnResizeMode,
+  SortingState,
+} from "@tanstack/react-table";
+import { EvalLog } from "../@types/log";
 import { LogsState } from "../app/types";
-import { EvalLogHeader, LogFiles } from "../client/api/types";
+import { EvalLogHeader, LogFile, LogFiles } from "../client/api/types";
 import { createLogger } from "../utils/logger";
-import { createLogsPolling } from "./logsPolling";
 import { StoreState } from "./store";
 
 const log = createLogger("Log Slice");
@@ -17,6 +22,7 @@ export interface LogsSlice {
     // Update State
     setLogs: (logs: LogFiles) => void;
     setLogHeaders: (headers: Record<string, EvalLogHeader>) => void;
+    loadHeaders: (logs: LogFile[]) => Promise<EvalLog[]>;
     setHeadersLoading: (loading: boolean) => void;
     setSelectedLogIndex: (index: number) => void;
     setSelectedLogFile: (logUrl: string) => void;
@@ -26,6 +32,15 @@ export interface LogsSlice {
     refreshLogs: () => Promise<void>;
     selectLogFile: (logUrl: string) => Promise<void>;
     loadLogs: () => Promise<LogFiles>;
+
+    setSorting: (sorting: SortingState) => void;
+    setFiltering: (filtering: ColumnFiltersState) => void;
+    setGlobalFilter: (globalFilter: string) => void;
+    setColumnResizeMode: (mode: ColumnResizeMode) => void;
+    setColumnSize: (columnId: string, size: number) => void;
+    setFilteredCount: (count: number) => void;
+    setWatchedLogs: (logs: LogFile[]) => void;
+    clearWatchedLogs: () => void;
   };
 }
 
@@ -35,6 +50,9 @@ const initialState: LogsState = {
   headersLoading: false,
   selectedLogIndex: -1,
   selectedLogFile: undefined as string | undefined,
+  listing: {},
+  loadingFiles: new Set<string>(),
+  pendingRequests: new Map<string, Promise<EvalLogHeader | null>>(),
 };
 
 export const createLogsSlice = (
@@ -42,8 +60,6 @@ export const createLogsSlice = (
   get: () => StoreState,
   _store: any,
 ): [LogsSlice, () => void] => {
-  const logsPolling = createLogsPolling(get, set);
-
   const slice = {
     // State
     logs: initialState,
@@ -58,22 +74,105 @@ export const createLogsSlice = (
               ? logs.files[state.logs.selectedLogIndex]?.name
               : undefined;
         });
-
-        // If we have files in the logs, load the headers
-        if (logs.files.length > 0) {
-          // ensure state is updated first
-          setTimeout(() => {
-            const currentState = get();
-            if (!currentState.logs.headersLoading) {
-              logsPolling.startPolling(logs);
-            }
-          }, 100);
-        }
       },
       setLogHeaders: (headers: Record<string, EvalLogHeader>) =>
         set((state) => {
           state.logs.logHeaders = headers;
         }),
+      loadHeaders: async (logs: LogFile[]) => {
+        const state = get();
+        const api = state.api;
+        if (!api) {
+          console.error("API not initialized in LogsStore");
+          return [];
+        }
+
+        // Filter out files that are already loaded or currently loading
+        // reload headers with "started" status as they may have changed
+        const filesToLoad = logs.filter((logFile) => {
+          const existing = state.logs.logHeaders[logFile.name];
+          const isLoading = state.logs.loadingFiles.has(logFile.name);
+
+          // Always load if no existing header
+          if (!existing) {
+            return !isLoading;
+          }
+
+          // Reload if header status is "started" or "error" (but not if already loading)
+          if (existing.status === "started" || existing.status === "error") {
+            return !isLoading;
+          }
+
+          // Skip if already loaded with final status
+          return false;
+        });
+
+        if (filesToLoad.length === 0) {
+          return [];
+        }
+
+        // Mark files as loading
+        set((state) => {
+          filesToLoad.forEach((logFile) => {
+            state.logs.loadingFiles.add(logFile.name);
+          });
+        });
+
+        // Set global loading state if this is the first batch
+        const wasLoading = get().logs.headersLoading;
+        if (!wasLoading) {
+          set((state) => {
+            state.logs.headersLoading = true;
+          });
+        }
+
+        try {
+          log.debug(`LOADING LOG HEADERS for ${filesToLoad.length} files`);
+          const headers = await api.get_log_headers(
+            filesToLoad.map((log) => log.name),
+          );
+
+          // Process results and update store
+          const headerMap: Record<string, EvalLogHeader> = {};
+          for (let i = 0; i < filesToLoad.length; i++) {
+            const logFile = filesToLoad[i];
+            const header = headers[i];
+            if (header) {
+              headerMap[logFile.name] = header as EvalLogHeader;
+            }
+          }
+
+          // Update headers in store
+          set((state) => {
+            state.logs.logHeaders = { ...state.logs.logHeaders, ...headerMap };
+            // Remove from loading state
+            filesToLoad.forEach((logFile) => {
+              state.logs.loadingFiles.delete(logFile.name);
+            });
+            // Update global loading state if no more files are loading
+            if (state.logs.loadingFiles.size === 0) {
+              state.logs.headersLoading = false;
+            }
+          });
+
+          return headers;
+        } catch (error) {
+          log.error("Error loading log headers", error);
+
+          // Clear loading state on error
+          set((state) => {
+            filesToLoad.forEach((logFile) => {
+              state.logs.loadingFiles.delete(logFile.name);
+            });
+            if (state.logs.loadingFiles.size === 0) {
+              state.logs.headersLoading = false;
+            }
+          });
+
+          // Don't throw - just return empty array like the old implementation
+          return [];
+        }
+      },
       setHeadersLoading: (loading: boolean) =>
         set((state) => {
           state.logs.headersLoading = loading;
@@ -167,6 +266,49 @@ export const createLogsSlice = (
           );
         }
       },
+      setSorting: (sorting: SortingState) => {
+        set((state) => {
+          state.logs.listing.sorting = sorting;
+        });
+      },
+      setFiltering: (filtering: ColumnFiltersState) => {
+        set((state) => {
+          state.logs.listing.filtering = filtering;
+        });
+      },
+      setGlobalFilter: (globalFilter: string) => {
+        set((state) => {
+          state.logs.listing.globalFilter = globalFilter;
+        });
+      },
+      setColumnResizeMode: (mode: ColumnResizeMode) => {
+        set((state) => {
+          state.logs.listing.columnResizeMode = mode;
+        });
+      },
+      setColumnSize: (columnId: string, size: number) => {
+        set((state) => {
+          if (!state.logs.listing.columnSizes) {
+            state.logs.listing.columnSizes = {};
+          }
+          state.logs.listing.columnSizes[columnId] = size;
+        });
+      },
+      setFilteredCount: (count: number) => {
+        set((state) => {
+          state.logs.listing.filteredCount = count;
+        });
+      },
+      setWatchedLogs: (logs: LogFile[]) => {
+        set((state) => {
+          state.logs.listing.watchedLogs = logs;
+        });
+      },
+      clearWatchedLogs: () => {
+        set((state) => {
+          state.logs.listing.watchedLogs = undefined;
+        });
+      },
     },
   } as const;
 

inspect_ai/_view/www/src/state/samplePolling.ts

@@ -241,8 +241,10 @@ export function createSamplePolling(
   };
 
   const cleanup = () => {
-    log.debug(`CLEANUP`);
-    abortController.abort();
+    log.debug(`Cleanup`);
+    if (abortController) {
+      abortController.abort();
+    }
     stopPolling();
   };
 

inspect_ai/_view/www/src/tests/utils/path.test.ts

@@ -1,4 +1,4 @@
-import { filename, dirname } from "../../utils/path";
+import { dirname, filename } from "../../utils/path";
 
 describe("filename", () => {
   test("extracts filename without extension from a path", () => {
@@ -30,7 +30,7 @@ describe("filename", () => {
 describe("dirname", () => {
   test("extracts directory name from a path", () => {
     expect(dirname("/path/to/file.txt")).toBe("/path/to");
-    expect(dirname("/path/to/directory/")).toBe("/path/to/directory");
+    expect(dirname("/path/to/directory/")).toBe("/path/to");
     expect(dirname("/path/to/file")).toBe("/path/to");
   });
 
@@ -49,6 +49,6 @@ describe("dirname", () => {
   });
 
   test("handles paths with trailing slash", () => {
-    expect(dirname("/path/to/directory/")).toBe("/path/to/directory");
+    expect(dirname("/path/to/directory/")).toBe("/path/to");
   });
 });

inspect_ai/_view/www/src/utils/evallog.ts

@@ -0,0 +1,31 @@
+import { filename } from "./path";
+
+const kLogFilePattern =
+  /^(\d{4}-\d{2}-\d{2}T\d{2}-\d{2}-\d{2}[-+]\d{2}-\d{2})_(.+)_([0-9A-Za-z]+)\.(eval|json)$/;
+
+export interface ParsedLogFileName {
+  timestamp?: Date;
+  name: string;
+  taskId?: string;
+  extension: "eval" | "json";
+}
+
+export const parseLogFileName = (logFileName: string): ParsedLogFileName => {
+  const match = logFileName.match(kLogFilePattern);
+  if (!match) {
+    // read the extension
+    return {
+      timestamp: undefined,
+      name: filename(logFileName),
+      taskId: undefined,
+      extension: logFileName.endsWith(".eval") ? "eval" : "json",
+    };
+  }
+
+  return {
+    timestamp: new Date(Date.parse(match[1])),
+    name: match[2],
+    taskId: match[3],
+    extension: match[4] as "eval" | "json",
+  };
+};

inspect_ai/_view/www/src/utils/path.ts

@@ -5,6 +5,7 @@ export const filename = (path: string): string => {
   if (!path) {
     return "";
   }
+  path = path.endsWith("/") ? path.slice(0, -1) : path;
 
   const pathparts = path.split("/");
   const basename = pathparts.slice(-1)[0];
@@ -22,10 +23,21 @@ export const filename = (path: string): string => {
   }
 };
 
+export const basename = (path: string): string => {
+  if (!path) {
+    return "";
+  }
+  path = path.endsWith("/") ? path.slice(0, -1) : path;
+  const pathparts = path.split("/");
+  return pathparts.slice(-1)[0];
+};
+
 /**
  * Extracts the directory name from a given path.
  */
 export const dirname = (path: string): string => {
+  path = path.endsWith("/") ? path.slice(0, -1) : path;
+
   const pathparts = path.split("/");
 
   // If the path ends with a filename (or no slashes), remove the last part (filename)
@@ -38,3 +50,19 @@ export const dirname = (path: string): string => {
   // If no slashes, return empty string (no directory)
   return "";
 };
+
+/**
+ * Tests whether the given path is in the specified directory.
+ */
+export const isInDirectory = (path: string, directory: string): boolean => {
+  directory = directory.endsWith("/") ? directory.slice(0, -1) : directory;
+
+  return dirname(path) === directory;
+};
+
+export const ensureTrailingSlash = (path?: string): string => {
+  if (!path) {
+    return "";
+  }
+  return path.endsWith("/") ? path : path + "/";
+};

inspect_ai/_view/www/src/utils/uri.ts

@@ -30,3 +30,52 @@ export const directoryRelativeUrl = (file: string, dir?: string): string => {
   // If path can't be made relative, return undefined
   return encodeURIComponent(file);
 };
+
+export const join = (file: string, dir?: string): string => {
+  if (!dir) {
+    return file;
+  }
+
+  // Normalize paths to ensure consistent directory separators
+  const normalizedFile = file.replace(/\\/g, "/");
+  const normalizedLogDir = dir.replace(/\\/g, "/");
+
+  // Ensure log_dir ends with a trailing slash
+  const dirWithSlash = normalizedLogDir.endsWith("/")
+    ? normalizedLogDir
+    : normalizedLogDir + "/";
+
+  return dirWithSlash + normalizedFile;
+};
+
+/**
+ * Encodes the path segments of a URL or relative path to ensure special characters
+ * (like `+`, spaces, etc.) are properly encoded without affecting legal characters like `/`.
+ *
+ * This function will encode file names and path portions of both absolute URLs and
+ * relative paths. It ensures that components of a full URL, such as the protocol and
+ * query parameters, remain intact, while only encoding the path.
+ */
+export function encodePathParts(url: string): string {
+  if (!url) return url; // Handle empty strings
+
+  try {
+    // Parse a full Uri
+    const fullUrl = new URL(url);
+    fullUrl.pathname = fullUrl.pathname
+      .split("/")
+      .map((segment) =>
+        segment ? encodeURIComponent(decodeURIComponent(segment)) : "",
+      )
+      .join("/");
+    return fullUrl.toString();
+  } catch {
+    // This is a relative path that isn't parseable as Uri
+    return url
+      .split("/")
+      .map((segment) =>
+        segment ? encodeURIComponent(decodeURIComponent(segment)) : "",
+      )
+      .join("/");
+  }
+}

inspect_ai/_view/www/yarn.lock

@@ -920,6 +920,11 @@
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.27.1.tgz#9fce313d12c9a77507f264de74626e87fd0dc541"
   integrity sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==
 
+"@babel/runtime@^7.27.6":
+  version "7.27.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.27.6.tgz#ec4070a04d76bae8ddbb10770ba55714a417b7c6"
+  integrity sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==
+
 "@babel/template@^7.25.9", "@babel/template@^7.26.9", "@babel/template@^7.27.0", "@babel/template@^7.3.3":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.0.tgz#b253e5406cc1df1c57dcd18f11760c2dbf40c0b4"
@@ -1633,7 +1638,14 @@
   dependencies:
     "@babel/runtime" "^7.27.1"
 
-"@mui/utils@^7.0.2", "@mui/utils@^7.1.0":
+"@mui/types@^7.4.3":
+  version "7.4.3"
+  resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.4.3.tgz#b205ee3404db0478cd93227fc21967e2cb8630fe"
+  integrity sha512-2UCEiK29vtiZTeLdS2d4GndBKacVyxGvReznGXGr+CzW/YhjIX+OHUdCIczZjzcRAgKBGmE9zCIgoV9FleuyRQ==
+  dependencies:
+    "@babel/runtime" "^7.27.1"
+
+"@mui/utils@^7.1.0":
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-7.1.0.tgz#464c0c1bc8f57c07d934ac674f3dcc81ac24f68b"
   integrity sha512-/OM3S8kSHHmWNOP+NH9xEtpYSG10upXeQ0wLZnfDgmgadTAk5F4MQfFLyZ5FCRJENB3eRzltMmaNl6UtDnPovw==
@@ -1645,22 +1657,35 @@
     prop-types "^15.8.1"
     react-is "^19.1.0"
 
-"@mui/x-internals@8.3.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@mui/x-internals/-/x-internals-8.3.0.tgz#0255ad37dcf2451e3f01d6820391cf368b68b7b5"
-  integrity sha512-wSVxg5aSO9xvJT7oarhsXqr03NeP355Whm7Qn6z3VvxdGwNc7K7vKpez3E+2KMxtdvywOmragwlSdTaO1K6qkg==
+"@mui/utils@^7.1.1":
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-7.1.1.tgz#de315ec45ac9e16c637dcc2b32cd7912edb4e234"
+  integrity sha512-BkOt2q7MBYl7pweY2JWwfrlahhp+uGLR8S+EhiyRaofeRYUWL2YKbSGQvN4hgSN1i8poN0PaUiii1kEMrchvzg==
   dependencies:
     "@babel/runtime" "^7.27.1"
-    "@mui/utils" "^7.0.2"
+    "@mui/types" "^7.4.3"
+    "@types/prop-types" "^15.7.14"
+    clsx "^2.1.1"
+    prop-types "^15.8.1"
+    react-is "^19.1.0"
 
-"@mui/x-tree-view@^8.3.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@mui/x-tree-view/-/x-tree-view-8.3.0.tgz#eaf401af4f8d88809c5683f4216168ac050a62b3"
-  integrity sha512-iK9xisIi0pYx8wMkY7C5o/eBQzOfSiy7Szpy8aNPaMO1mqTyYjVpv98fgQCkNsdluniqmFkLSnrN+W5xZEZqtQ==
+"@mui/x-internals@8.5.3":
+  version "8.5.3"
+  resolved "https://registry.yarnpkg.com/@mui/x-internals/-/x-internals-8.5.3.tgz#60756111fae9b5d5c56e6eb72ee0a869dc900441"
+  integrity sha512-ImCg4E3DT3XoDIZO0pNCbB7iw14N+YCFY3J1V28POwCD7P2f3HSIz4jwzM006oYxI6bqeE6LMfpdPRDW6s6dQw==
   dependencies:
-    "@babel/runtime" "^7.27.1"
-    "@mui/utils" "^7.0.2"
-    "@mui/x-internals" "8.3.0"
+    "@babel/runtime" "^7.27.6"
+    "@mui/utils" "^7.1.1"
+    reselect "^5.1.1"
+
+"@mui/x-tree-view@^8.3.1":
+  version "8.5.3"
+  resolved "https://registry.yarnpkg.com/@mui/x-tree-view/-/x-tree-view-8.5.3.tgz#d2e2f3a2019dd88e11b3c64e35016a1cfada9e98"
+  integrity sha512-mnorFyEtEshcj3AkDwBUu3UtydqsFCrqIoGAmVqO5YmwVEcgXJtg1PcQX3gkZmLDroolAUbBXrlUI8PwSLBtTQ==
+  dependencies:
+    "@babel/runtime" "^7.27.6"
+    "@mui/utils" "^7.1.1"
+    "@mui/x-internals" "8.5.3"
     "@types/react-transition-group" "^4.4.12"
     clsx "^2.1.1"
     prop-types "^15.8.1"
@@ -1813,6 +1838,18 @@
   dependencies:
     "@sinonjs/commons" "^3.0.0"
 
+"@tanstack/react-table@^8.21.3":
+  version "8.21.3"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-table/-/react-table-8.21.3.tgz#2c38c747a5731c1a07174fda764b9c2b1fb5e91b"
+  integrity sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==
+  dependencies:
+    "@tanstack/table-core" "8.21.3"
+
+"@tanstack/table-core@8.21.3":
+  version "8.21.3"
+  resolved "https://registry.yarnpkg.com/@tanstack/table-core/-/table-core-8.21.3.tgz#2977727d8fc8dfa079112d9f4d4c019110f1732c"
+  integrity sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==
+
 "@testing-library/jest-dom@^6.6.3":
   version "6.6.3"
   resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.6.3.tgz#26ba906cf928c0f8172e182c6fe214eb4f9f2bd2"
@@ -2229,10 +2266,10 @@ aria-query@^5.0.0:
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.2.tgz#93f81a43480e33a338f19163a3d10a50c01dcd59"
   integrity sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==
 
-asciinema-player@^3.9.0:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/asciinema-player/-/asciinema-player-3.9.0.tgz#c60742f85978e861b878fc7eb6289a5622c298af"
-  integrity sha512-SXVFImVzeNr8ZUdNIHABGuzlbnGWTKy245AquAjODsAnv+Lp6vxjYGN0LfA8ns30tnx/ag/bMrTbLq13TpHE6w==
+asciinema-player@^3.10.0:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/asciinema-player/-/asciinema-player-3.10.0.tgz#6b4b74b6ce85906b9930f0cf0dc71cf89e50e202"
+  integrity sha512-shoOK6F606nDKZxDVM7JuGSCAyWLePoGRFNlV+FqiP5Sqvyn0BlE7wlbjZyd2X4P1iRhv/HKfVNtnQIxmgphRA==
   dependencies:
     "@babel/runtime" "^7.21.0"
     solid-js "^1.3.0"