@metrevals/inspect-scout-viewer 0.4.3-beta.1765899631 → 0.4.4-beta.20251223202036

package/lib/state/store.d.ts

@@ -1,9 +1,7 @@
 import { GridState } from 'ag-grid-community';
-import { ColumnTable } from 'arquero';
 import { StateSnapshot } from 'react-virtuoso';
 import { ScanApi } from '../api/api';
-import { ScanResultInputData, ErrorScope, ResultGroup, ScanResultSummary, SortColumn } from '../app/types';
-import { Status } from '../types';
+import { ErrorScope, ResultGroup, ScanResultSummary, SortColumn } from '../app/types';
 interface StoreState {
     singleFileMode?: boolean;
     hasInitializedEmbeddedData?: boolean;
@@ -11,11 +9,8 @@ interface StoreState {
     loading: number;
     loadingData: number;
     scopedErrors: Record<ErrorScope, string | undefined>;
-    resultsDir?: string;
-    scans: Status[];
     visibleScanJobCount?: number;
     selectedScanLocation?: string;
-    selectedScanStatus?: Status;
     visibleScannerResults: ScanResultSummary[];
     visibleScannerResultsCount: number;
     selectedScanResult?: string;
@@ -51,20 +46,10 @@ interface StoreState {
     clearError: (scope: ErrorScope) => void;
     setLoading: (loading: boolean) => void;
     setLoadingData: (loading: boolean) => void;
-    setResultsDir: (dir: string) => void;
-    setScans: (scans: Status[]) => void;
     setVisibleScanJobCount: (count: number) => void;
     setSelectedScanLocation: (location: string) => void;
-    setSelectedScanStatus: (status: Status) => void;
-    clearSelectedScanStatus: () => void;
     setSelectedScanner: (scanner: string) => void;
     setSelectedScanResult: (result: string) => void;
-    setSelectedScanResultData: (scanner: string, data: ColumnTable) => void;
-    getSelectedScanResultData: (scanner?: string) => ColumnTable | undefined;
-    setSelectedScanResultInputData: (uuid: string, inputData: ScanResultInputData) => void;
-    getSelectedScanResultInputData: (uuid: string) => ScanResultInputData | undefined;
-    setSelectedScanResultPreviews: (scanner?: string, previews?: ScanResultSummary[]) => void;
-    getSelectedScanResultPreviews: (scanner?: string) => ScanResultSummary[] | undefined;
     setVisibleScannerResults: (results: ScanResultSummary[]) => void;
     setVisibleScannerResultsCount: (count: number) => void;
     clearScanState: () => void;

package/lib/styles/index.css

@@ -4236,7 +4236,7 @@ pre._value_1uivt_24 {
   padding-right: 0.5rem;
   margin-top: 2px;
 }
-._header_87o1i_1 {
+._header_1eu50_1 {
   padding-left: 1rem;
   padding-right: 1rem;
   display: grid;
@@ -4247,28 +4247,28 @@ pre._value_1uivt_24 {
   grid-template-rows: max-content max-content;
 }
 
-._oneCol_87o1i_12 {
-  grid-template-columns: 2fr;
+._oneCol_1eu50_12 {
+  grid-template-columns: auto;
 }
 
-._twoCol_87o1i_16 {
-  grid-template-columns: 1fr 1fr;
+._twoCol_1eu50_16 {
+  grid-template-columns: auto auto;
 }
 
-._threeCol_87o1i_20 {
-  grid-template-columns: 2fr 1fr 1fr;
+._threeCol_1eu50_20 {
+  grid-template-columns: auto auto auto;
 }
 
-._fourCol_87o1i_24 {
-  grid-template-columns: 2fr 1fr 1fr 1fr;
+._fourCol_1eu50_24 {
+  grid-template-columns: auto auto auto auto;
 }
 
-._fiveCol_87o1i_28 {
-  grid-template-columns: 3fr 1fr 1fr 1fr 1fr;
+._fiveCol_1eu50_28 {
+  grid-template-columns: auto auto auto auto auto;
 }
 
-._sixCol_87o1i_32 {
-  grid-template-columns: 3fr 1fr 1fr 1fr 1fr;
+._sixCol_1eu50_32 {
+  grid-template-columns: auto auto auto auto auto auto;
 }
 ._resultNav_oszqi_1 {
   display: grid;
@@ -4477,60 +4477,73 @@ button._segment_19z32_10 {
   color: var(--bs-primary) !important;
   margin-right: 0.3rem;
 }
-._id_3fl9e_1 {
-  display: grid;
-  grid-template-rows: auto auto;
-  row-gap: 0;
-}
-
-._idContainer_3fl9e_7 {
-  overflow-wrap: anywhere;
-}
-._row_diloz_1 {
+._row_1ukc2_1 {
   border-bottom: solid 1px var(--bs-border-color);
-  padding: 0.5rem 1rem;
-  height: 150px;
+  padding: 0.5rem 1rem 1rem 1rem;
+  max-height: 200px;
 }
 
-._row_diloz_1._noExplanation_diloz_7 {
-  height: 50px;
+._row_1ukc2_1._noExplanation_1ukc2_7 {
+  max-height: 100px;
 }
 
-._row_diloz_1:hover {
+._row_1ukc2_1:hover {
   cursor: pointer;
 }
 
-._row_diloz_1._disabled_diloz_15 {
+._row_1ukc2_1._disabled_1ukc2_15 {
   opacity: 0.7;
 }
 
-._row_diloz_1._disabled_diloz_15:hover {
+._row_1ukc2_1._disabled_1ukc2_15:hover {
   cursor: default;
 }
 
-._explanation_diloz_23 {
+._result_1ukc2_23 {
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  grid-template-rows: auto auto;
+  column-gap: 0.5rem;
+  row-gap: 0.5rem;
+  justify-content: space-between;
+}
+
+._id_1ukc2_32 {
+}
+
+._model_1ukc2_35 {
+  text-align: right;
+}
+
+._label_1ukc2_39 {
+  overflow-wrap: break-word;
+}
+
+._explanation_1ukc2_43 {
   overflow: hidden;
   text-overflow: ellipsis;
-  height: calc(150px - 3em);
+
+  grid-column: span 2;
+  max-height: calc(160px - 3rem);
 }
 
-._row_diloz_1._selected_diloz_29 {
+._row_1ukc2_1._selected_1ukc2_51 {
   background-color: rgba(var(--bs-secondary-rgb), 0.07);
 }
 
-._link_diloz_33 {
+._link_1ukc2_55 {
   color: var(--bs-body-color);
   text-decoration: none;
 }
 
-._link_diloz_33:hover {
+._link_1ukc2_55:hover {
   color: var(--bs-body-color);
 }
 
-._error_diloz_42 {
+._error_1ukc2_64 {
   overflow: hidden;
   text-overflow: ellipsis;
-  height: calc(150px - 3em);
+  max-height: calc(160px - 3rem);
 }
 ._scannerHeaderRow_94id2_1 {
   display: grid;

package/lib/types/index.d.ts

@@ -1,8 +1,4 @@
 import { ChatMessageAssistant, ChatMessageSystem, ChatMessageTool, ChatMessageUser, ContentImage, ContentText, Events } from './log';
-export interface Scans {
-    results_dir: string;
-    scans: Status[];
-}
 export interface Status {
     complete: boolean;
     spec: ScanSpec;
@@ -32,12 +28,6 @@ export interface Model {
     config: Record<string, unknown>;
     args: Record<string, unknown>;
 }
-export interface Transcript {
-    type: string;
-    location?: string;
-    transcript_ids: Record<string, string | null>;
-    count?: number;
-}
 export interface ScanSpec {
     scan_file?: string;
     scan_id: string;
@@ -50,7 +40,12 @@ export interface ScanSpec {
     packages?: Record<string, unknown>;
     revision?: Record<string, unknown>;
     scanners: Record<string, Scanner>;
-    transcripts?: Transcript;
+    transcripts?: {
+        type: string;
+        location?: string;
+        transcript_ids: Record<string, string | null>;
+        count?: number;
+    };
 }
 export interface Scanner {
     name: string;
@@ -76,25 +71,44 @@ export interface ModelUsage {
 }
 export type ChatMessages = ChatMessage[];
 export type ChatMessage = ChatMessageSystem | ChatMessageUser | ChatMessageAssistant | ChatMessageTool;
-export interface Transcript {
+export interface TranscriptInfo {
     id: string;
     source_id: string;
-    source_url: string;
+    source_uri: string;
+    source_type: string;
+    filename?: string;
+    date?: string;
+    task_set?: string;
+    task_id?: string;
+    task_repeat?: number;
+    agent?: string;
+    agent_args?: string;
+    model?: string;
+    model_options?: string;
+    score?: string;
+    success?: boolean;
+    total_time?: number;
+    total_tokens?: number;
+    error?: string;
+    limit?: string;
+    metadata: TranscriptMetadata;
+}
+export interface Transcript extends TranscriptInfo {
     messages: ChatMessages;
     events: Events;
-    metadata: TranscriptMetadata;
 }
 export interface TranscriptMetadata {
-    sample_id: string;
-    id: string | number;
-    epoch: number;
-    eval_id: string;
-    log: string;
-    eval_created: string;
-    eval_metadata: Record<string, unknown>;
-    task_name: string;
-    model: string;
-    score: string;
+    sample_id?: string;
+    id?: string | number;
+    epoch?: number;
+    eval_id?: string;
+    log?: string;
+    date?: string;
+    eval_metadata?: Record<string, unknown>;
+    task?: string;
+    task_name?: string;
+    model?: string;
+    score?: string;
     [key: string]: unknown;
 }
 export interface ContentTool {

package/lib/utils/asyncData.d.ts

@@ -0,0 +1,66 @@
+import { Brand } from './brand';
+/**
+ * AsyncData represents the possible states of some asynchronous operation like
+ * a network request to an API. When the request is first made, it's `loading`, but
+ * once we get a response, it will either represent the requested `data` or maybe
+ * the operation failed due to an `error`.
+ *
+ * @typeParam T - the data that will be returned
+ */
+export type AsyncData<T> = AsyncDataLoading | AsyncDataNotLoading<T>;
+export type AsyncDataLoading = Brand<{
+    data?: undefined;
+    loading: true;
+    error?: undefined;
+}, "_please_use_AsyncData.loading_rather_than_your_own_instance_of_this_type_">;
+/**
+ * The different states the async data can be in when loading is finished.
+ *
+ * @typeParam T - the data type that can be returned when error is undefined
+ */
+export type AsyncDataNotLoading<T> = {
+    data: T;
+    loading: false;
+    error?: undefined;
+} | {
+    data?: undefined;
+    loading: false;
+    error: Error;
+};
+type AsyncDataMap<Mapping> = {
+    [K in keyof Mapping]: AsyncData<Mapping[K]>;
+};
+/**
+ * The `compose` function allows a set of `AsyncData` values to be combined into
+ * a single `AsyncData`. The complex type of the function represents a transformation
+ * from an argument like this...
+ *
+ * ```typescript
+ *   { a: AsyncData<A>, b: AsyncData<B>, c: AsyncData<C> }
+ *```
+ * ...to a return value like this...
+ *```
+ *   AsyncData<{ a: A, b: B, c: C }>
+ *```
+ *
+ * In practice, this can be used to create hooks that depend on multiple API
+ * calls.
+ *
+ */
+export declare function compose<Mapping>(hooks: AsyncDataMap<Mapping>): AsyncData<Mapping>;
+/**
+ * The `data` function wraps the provided data in an `AsyncData` object, indicating
+ * that the data is not loading and there is no error.
+ *
+ * @template T - The type of the data
+ * @param {T} data - The data to wrap
+ * @returns {AsyncData<T>} - An `AsyncData` object with `loading` set to `false`
+ * and `data` set to the provided data
+ */
+export declare function data<T>(data: T): AsyncData<T>;
+/**
+ * The `loading` constant is an instance of `AsyncDataLoading` that can be shared
+ * to provide identity stability. It represents the state when the data is loading.
+ */
+export declare const loading: AsyncDataLoading;
+export {};

package/lib/utils/asyncDataFromQuery.d.ts

@@ -0,0 +1,13 @@
+import { QueryKey, UseQueryOptions } from '@tanstack/react-query';
+import { AsyncData } from './asyncData';
+/**
+ * Custom hook that retrieves data using `useQuery` from the `@tanstack/react-query`
+ * library. It wraps the `QueryResult` from the hook in a simpler `AsyncData`.
+ *
+ * @param options - An object of type `UseQueryOptions`.
+ * @returns An object of type `AsyncData`. If the query is pending, it returns a
+ * loading state. If there's an error, it returns an object with the error and loading
+ * state as false. If the query is successful, it returns the data and loading state
+ * as false.
+ */
+export declare function useAsyncDataFromQuery<TQueryFnData = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UseQueryOptions<TQueryFnData, Error, TData, TQueryKey>): AsyncData<TData>;

package/lib/utils/brand.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Branded types for nominal typing in TypeScript.
+ *
+ * Branded types create distinct types from the same base type,
+ * preventing accidental misuse at compile time with zero runtime overhead.
+ *
+ * @example
+ * ```ts
+ * type UserId = Brand<number, "UserId">;
+ * type PostId = Brand<number, "PostId">;
+ *
+ * const makeUserId = make<UserId>();
+ * const makePostId = make<PostId>();
+ *
+ * const userId = makeUserId(42);
+ * const postId = makePostId(42);
+ * getUser(postId);  // ✗ compile error - PostId !== UserId
+ * ```
+ *
+ * @module
+ */
+declare const __brand: unique symbol;
+/**
+ * Creates a branded type from a base type.
+ *
+ * The brand exists only at compile time—no runtime overhead.
+ *
+ * @typeParam Base - The underlying primitive or object type
+ * @typeParam Branding - A unique type used to distinguish this brand (often the entity type itself)
+ *
+ * @example
+ * ```ts
+ * type UserId = Brand<number, User>;
+ * type PostId = Brand<number, Post>;
+ * // UserId and PostId are incompatible even though both are numbers
+ * ```
+ */
+export type Brand<Base, Branding> = Base & {
+    [__brand]: Branding;
+};
+/**
+ * Extracts the base type from a branded type.
+ *
+ * @typeParam B - A branded type
+ * @returns The underlying base type without the brand
+ *
+ * @example
+ * ```ts
+ * type UserId = Brand<number, User>;
+ * type Base = BaseOf<UserId>;  // number
+ * ```
+ */
+type BaseOf<B extends Brand<unknown, unknown>> = Omit<B, typeof __brand>;
+/** A function that converts a base value into a branded value. */
+type Brander<B extends Brand<unknown, unknown>> = (value: BaseOf<B>) => B;
+/**
+ * Creates a brander function for a given branded type.
+ *
+ * @typeParam B - The branded type to produce
+ * @returns A function that casts base values to the branded type
+ *
+ * @example
+ * ```ts
+ * type UserId = Brand<number, "UserId">;
+ * const makeUserId = make<UserId>();
+ * const id = makeUserId(42);
+ * ```
+ */
+export declare function make<B extends Brand<unknown, unknown>>(): Brander<B>;
+export {};

package/lib/utils/path.d.ts

@@ -13,11 +13,14 @@ export declare const dirname: (path: string) => string;
 export declare const isInDirectory: (path: string, directory: string) => boolean;
 export declare const ensureTrailingSlash: (path?: string) => string;
 /**
- * Converts an absolute path to a relative path based on the results directory.
- * Handles nested subdirectories within the results directory.
- * For example: "/Users/user/scans/subdir/scan_id=123" -> "subdir/scan_id=123"
+ * Converts an absolute path to a relative path based on the basePath directory.
+ * Handles nested subdirectories within the basePath directory.
+ * For example:
+ * ```
+ * toRelativePath("/Users/user/scans/subdir/scan_id=123", "/Users/user/scans") === "subdir/scan_id=123"
+ * ```
  */
-export declare const toRelativePath: (absolutePath: string, basePath: string) => string;
+export declare const toRelativePath: (absolutePath: string | undefined, basePath: string | undefined) => string;
 /**
  * Converts a relative path to an absolute path based on the results directory.
  * For example: "subdir/scan_id=123" + "/Users/user/scans/" -> "/Users/user/scans/subdir/scan_id=123"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metrevals/inspect-scout-viewer",
-  "version": "0.4.3-beta.1765899631",
+  "version": "0.4.4-beta.20251223202036",
   "description": "Inspect Scout viewer for evaluation logs.",
   "license": "MIT",
   "type": "module",
@@ -17,27 +17,10 @@
     "url": "https://github.com/meridianlabs-ai/inspect_scout",
     "directory": "src/inspect_scout/_view/www"
   },
-  "packageManager": "pnpm@10.20.0",
   "engines": {
     "node": "22.21.1",
     "pnpm": ">=9.0.0"
   },
-  "scripts": {
-    "build": "npm run build:app",
-    "build:lib": "vite build --mode library",
-    "build:app": "vite build --mode development",
-    "watch": "vite build --watch",
-    "watch:dev": "NODE_ENV=development vite build --watch --mode development",
-    "dev": "vite",
-    "prepublishOnly": "pnpm build:lib",
-    "preview": "vite preview",
-    "lint": "eslint . --max-warnings 0",
-    "lint:fix": "eslint . --fix --max-warnings 0",
-    "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
-    "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
-    "typecheck": "tsc --noEmit",
-    "check": "pnpm lint:fix && pnpm format && pnpm typecheck"
-  },
   "exports": {
     ".": {
       "import": "./lib/index.js",
@@ -46,11 +29,13 @@
     "./styles/index.css": "./lib/styles/index.css"
   },
   "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.38.0",
+    "@testing-library/react": "^16.3.1",
     "@types/bootstrap": "^5.2.10",
     "@types/css-modules": "^1.0.5",
     "@types/eslint__js": "^9.14.0",
@@ -68,6 +53,7 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
+    "jsdom": "^27.3.0",
     "postcss-url": "^10.1.3",
     "prettier": "^3.6.2",
     "react": "^19.2.0",
@@ -77,8 +63,11 @@
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.46.2",
     "typescript-plugin-css-modules": "^5.2.0",
+    "@tanstack/react-query": "^5.90.12",
+    "@tanstack/react-query-devtools": "^5.91.1",
     "vite": "^7.1.5",
-    "vite-plugin-dts": "^4.3.0"
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^4.0.16"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
@@ -104,9 +93,21 @@
     "react-virtuoso": "^4.14.1",
     "zustand": "^5.0.8"
   },
-  "pnpm": {
-    "overrides": {
-      "yaml": "^2.4.2"
-    }
+  "scripts": {
+    "build": "npm run build:app",
+    "build:lib": "vite build --mode library",
+    "build:app": "vite build --mode development",
+    "watch": "vite build --watch",
+    "watch:dev": "NODE_ENV=development vite build --watch --mode development",
+    "dev": "vite",
+    "preview": "vite preview",
+    "lint": "eslint . --max-warnings 0",
+    "lint:fix": "eslint . --fix --max-warnings 0",
+    "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
+    "typecheck": "tsc --noEmit",
+    "check": "pnpm lint:fix && pnpm format && pnpm typecheck",
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
-}
+}

package/lib/app/scans/ScannerPanel.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare const ScannerPanel: React.FC;

package/lib/app/scans/ScannerPanelBody.d.ts

@@ -1,3 +0,0 @@
-export declare const kSegmentList = "list";
-export declare const kSegmentDataframe = "dataframe";
-export declare const ScannerPanelBody: React.FC;

package/lib/app/scans/ScannerPanelTitle.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const ScannerPanelTitle: FC;