@meridianlabs/inspect-scout-viewer 0.2.3-beta.1763488933

package/README.md

@@ -0,0 +1,97 @@
+# Inspect Scout Viewer
+
+A React-based web viewer for Inspect AI evaluation logs.
+
+## Prerequisites
+
+This project uses [pnpm](https://pnpm.io/) as its package manager, managed through [corepack](https://nodejs.org/api/corepack.html).
+
+### Setup
+
+**Enable corepack** (required once):
+```bash
+corepack enable
+```
+
+That's it! Corepack is built into Node.js 16.9+ and will automatically install the correct pnpm version (specified in `package.json`) when you run pnpm commands.
+
+**Alternative:** If you prefer to install pnpm manually, see the [official pnpm installation guide](https://pnpm.io/installation).
+
+### Install Dependencies
+
+```bash
+pnpm install
+```
+
+## Development
+
+Start the development server:
+
+```bash
+pnpm dev
+```
+
+Build for production:
+
+```bash
+pnpm build
+```
+
+Watch mode for development:
+
+```bash
+pnpm watch
+```
+
+Preview production build:
+
+```bash
+pnpm preview
+```
+
+## Code Quality
+
+Run linting:
+
+```bash
+pnpm lint
+```
+
+Auto-fix linting issues:
+
+```bash
+pnpm lint:fix
+```
+
+Format code:
+
+```bash
+pnpm format
+```
+
+Check formatting:
+
+```bash
+pnpm format:check
+```
+
+Type check:
+
+```bash
+pnpm typecheck
+```
+
+Run all checks (lint, format, typecheck):
+
+```bash
+pnpm check
+```
+
+## Tech Stack
+
+- React 19
+- TypeScript
+- Vite
+- Bootstrap 5
+- AG Grid
+- React Router

package/lib/App.d.ts

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

package/lib/AppErrorBoundary.d.ts

@@ -0,0 +1,15 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+}
+export declare class AppErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};

package/lib/AppRouter.d.ts

@@ -0,0 +1 @@
+export declare const AppRouter: import('react-router-dom').DataRouter;

package/lib/_commonjsHelpers-DWwsNxpa.js

@@ -0,0 +1,9 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+export {
+  commonjsGlobal as c,
+  getDefaultExportFromCjs as g
+};
+//# sourceMappingURL=_commonjsHelpers-DWwsNxpa.js.map

package/lib/_commonjsHelpers-DWwsNxpa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers-DWwsNxpa.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/api/api-scout-server.d.ts

@@ -0,0 +1,7 @@
+import { ScanApi } from './api';
+export type HeaderProvider = () => Promise<Record<string, string>>;
+export declare const apiScoutServer: (options?: {
+    apiBaseUrl?: string;
+    headerProvider?: HeaderProvider;
+    resultsDir?: string;
+}) => ScanApi;

package/lib/api/api-vscode.d.ts

@@ -0,0 +1,3 @@
+import { VSCodeApi } from '../utils/vscode';
+import { ScanApi } from './api';
+export declare const apiVscode: (vscodeApi: VSCodeApi, rpcClient: (method: string, params?: unknown) => Promise<unknown>) => ScanApi;

package/lib/api/api.d.ts

@@ -0,0 +1,10 @@
+import { StateStorage } from 'zustand/middleware';
+import { Scans, Status } from '../types';
+export type ClientStorage = StateStorage;
+export interface ScanApi {
+    getScans(): Promise<Scans>;
+    getScan(scanLocation: string): Promise<Status>;
+    getScannerDataframe(scanLocation: string, scanner: string): Promise<ArrayBuffer | Uint8Array>;
+    storage: ClientStorage;
+}
+export declare const NoPersistence: ClientStorage;

package/lib/api/jsonrpc.d.ts

@@ -0,0 +1,43 @@
+import { VSCodeApi } from '../utils/vscode';
+interface JsonRpcError {
+    code: number;
+    message: string;
+    data?: {
+        description?: string;
+        [key: string]: unknown;
+    };
+}
+interface PostMessageTarget {
+    postMessage: (data: unknown) => void;
+    onMessage: (handler: (data: unknown) => void) => () => void;
+}
+export declare const kMethodEvalLogDir = "eval_log_dir";
+export declare const kMethodEvalLogs = "eval_logs";
+export declare const kMethodEvalLogFiles = "eval_log_files";
+export declare const kMethodEvalLog = "eval_log";
+export declare const kMethodEvalLogSize = "eval_log_size";
+export declare const kMethodEvalLogBytes = "eval_log_bytes";
+export declare const kMethodEvalLogHeaders = "eval_log_headers";
+export declare const kMethodPendingSamples = "eval_log_pending_samples";
+export declare const kMethodSampleData = "eval_log_sample_data";
+export declare const kMethodLogMessage = "log_message";
+export declare const kMethodGetScan = "get_scan";
+export declare const kMethodGetScans = "get_scans";
+export declare const kMethodGetScannerDataframe = "get_scanner_dataframe";
+export declare const kJsonRpcParseError = -32700;
+export declare const kJsonRpcInvalidRequest = -32600;
+export declare const kJsonRpcMethodNotFound = -32601;
+export declare const kJsonRpcInvalidParams = -32602;
+export declare const kJsonRpcInternalError = -32603;
+export declare const kJsonRpcVersion = "2.0";
+export declare function webViewJsonRpcClient(vscode: VSCodeApi): (method: string, params?: unknown) => Promise<unknown>;
+export declare function jsonRpcError(message: string, data?: unknown, code?: number): JsonRpcError;
+export declare function asJsonRpcError(error: unknown): JsonRpcError;
+export declare function jsonRpcPostMessageRequestTransport(target: PostMessageTarget): {
+    request: (method: string, params?: unknown) => Promise<unknown>;
+    disconnect: () => void;
+};
+export declare function jsonRpcPostMessageServer(target: PostMessageTarget, methods: {
+    [key: string]: (params: unknown) => Promise<unknown>;
+} | ((name: string) => ((params: unknown) => Promise<unknown>) | undefined)): () => void;
+export {};

package/lib/api/request.d.ts

@@ -0,0 +1,25 @@
+type HttpMethod = "GET" | "POST" | "PUT" | "DELETE";
+export declare class ApiError extends Error {
+    status: number;
+    constructor(status: number, message: string);
+}
+export interface Request<T> {
+    headers?: Record<string, string>;
+    body?: string;
+    parse?: (text: string) => Promise<T>;
+    handleError?: (status: number) => T | undefined;
+}
+export type HeaderProvider = () => Promise<Record<string, string>>;
+export interface ServerRequestApi {
+    fetchString: (method: HttpMethod, path: string, headers?: Record<string, string>, body?: string) => Promise<{
+        parsed: any;
+        raw: string;
+    }>;
+    fetchBytes: (method: HttpMethod, path: string) => Promise<ArrayBuffer>;
+    fetchType: <T>(method: HttpMethod, path: string, request?: Request<T>) => Promise<{
+        raw: string;
+        parsed: T;
+    }>;
+}
+export declare function serverRequestApi(baseUrl?: string, getHeaders?: HeaderProvider): ServerRequestApi;
+export {};

package/lib/app/appearance/fonts.d.ts

@@ -0,0 +1,26 @@
+/**
+ * An object representing font sizes for different text elements.
+ */
+export declare const FontSize: {
+    title: string;
+    "title-secondary": string;
+    larger: string;
+    large: string;
+    base: string;
+    small: string;
+    smaller: string;
+};
+/**
+ * An object representing text styles for different elements.
+ */
+export declare const TextStyle: {
+    label: {
+        textTransform: string;
+    };
+    secondary: {
+        color: string;
+    };
+    tertiary: {
+        color: string;
+    };
+};

package/lib/app/appearance/icons.d.ts

@@ -0,0 +1,129 @@
+export declare const iconForMimeType: (mimeType: string) => string;
+export declare const ApplicationIcons: {
+    agent: string;
+    approve: string;
+    approvals: {
+        approve: string;
+        reject: string;
+        terminate: string;
+        escalate: string;
+        modify: string;
+    };
+    arrows: {
+        right: string;
+        down: string;
+        up: string;
+    };
+    cancelled: string;
+    caret: {
+        right: string;
+        down: string;
+    };
+    changes: {
+        add: string;
+        remove: string;
+        replace: string;
+    };
+    checkbox: {
+        checked: string;
+        unchecked: string;
+    };
+    chevron: {
+        right: string;
+        down: string;
+    };
+    "clear-text": string;
+    close: string;
+    collapse: {
+        all: string;
+        up: string;
+    };
+    config: string;
+    confirm: string;
+    copy: string;
+    display: string;
+    epoch: (epoch: string) => string;
+    edit: string;
+    error: string;
+    eval: string;
+    "eval-set": string;
+    expand: {
+        all: string;
+        down: string;
+    };
+    file: string;
+    filter: string;
+    folder: string;
+    fork: string;
+    home: string;
+    info: string;
+    input: string;
+    inspect: string;
+    inspectFile: string;
+    json: string;
+    limits: {
+        messages: string;
+        custom: string;
+        operator: string;
+        tokens: string;
+        time: string;
+        execution: string;
+    };
+    link: string;
+    logging: Record<string, string>;
+    menu: string;
+    messages: string;
+    metadata: string;
+    metrics: string;
+    model: string;
+    "toggle-right": string;
+    more: string;
+    "multiple-choice": string;
+    navbar: {
+        home: string;
+        back: string;
+        forward: string;
+        inspectLogo: string;
+        tasks: string;
+    };
+    next: string;
+    noSamples: string;
+    options: string;
+    pendingTask: string;
+    play: string;
+    previous: string;
+    refresh: string;
+    retry: string;
+    role: {
+        user: string;
+        system: string;
+        assistant: string;
+        tool: string;
+        unknown: string;
+    };
+    running: string;
+    sample: string;
+    samples: string;
+    sandbox: string;
+    scorer: string;
+    search: string;
+    sidebar: string;
+    solvers: {
+        default: string;
+        generate: string;
+        chain_of_thought: string;
+        self_critique: string;
+        system_message: string;
+        use_tools: string;
+    };
+    step: string;
+    subtask: string;
+    success: string;
+    transcript: string;
+    tree: {
+        open: string;
+        closed: string;
+    };
+    turns: string;
+    usage: string;
+};

package/lib/app/appearance/styles.d.ts

@@ -0,0 +1,38 @@
+import { CSSProperties } from 'react';
+export declare const ApplicationStyles: {
+    moreButton: {
+        color: string;
+        maxHeight: string;
+        fontSize: string;
+        padding: string;
+    };
+    threeLineClamp: {
+        display: string;
+        WebkitLineClamp: string;
+        WebkitBoxOrient: string;
+        overflow: string;
+    };
+    lineClamp: (len: number) => CSSProperties;
+    wrapText: () => {
+        whiteSpace: string;
+        textOverflow: string;
+        overflow: string;
+    };
+    scoreFills: {
+        green: {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+        };
+        red: {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+        };
+        orange: {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+        };
+    };
+};

package/lib/app/components/Footer.d.ts

@@ -0,0 +1,20 @@
+import { FC, ReactNode } from 'react';
+interface FooterProps {
+    id: string;
+    className?: string | string[];
+    itemCount: number;
+    filteredCount?: number;
+    progressText?: string;
+    progressBar?: ReactNode;
+    paginated: boolean;
+    pagesize?: number;
+    page?: number;
+    itemsPerPage?: number;
+    setPage?: (page: number) => void;
+    labels?: {
+        singular: string;
+        plural: string;
+    };
+}
+export declare const Footer: FC<FooterProps>;
+export {};

package/lib/app/components/MarkdownDivWithReferences.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+export interface MarkdownReference {
+    id: string;
+    cite: string;
+    renderCitePreview: () => React.ReactNode;
+    url?: string;
+}
+interface MarkdownDivWithReferencesProps {
+    markdown: string;
+    references: MarkdownReference[];
+    className?: string | string[];
+}
+export declare const MarkdownDivWithReferences: FC<MarkdownDivWithReferencesProps>;
+export {};

package/lib/app/components/Pager.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface PagerProps {
+    itemCount: number;
+    page?: number;
+    setPage?: (page: number) => void;
+    itemsPerPage?: number;
+}
+export declare const Pager: FC<PagerProps>;
+export {};

package/lib/app/hooks.d.ts

@@ -0,0 +1,18 @@
+import { ColumnTable } from 'arquero';
+import { ScannerData, ScannerCore } from './types';
+export declare const useSelectedScanner: () => string | undefined;
+export declare const useServerScans: () => void;
+export declare const useServerScannerDataframe: () => void;
+export declare const useServerScanner: () => void;
+export declare const useScannerData: (columnTable?: ColumnTable, scanResultUuid?: string) => {
+    data: ScannerData | undefined;
+    isLoading: boolean;
+};
+export declare const useSelectedResultsRow: (scanResultUuid?: string) => {
+    data: ScannerData | undefined;
+    isLoading: boolean;
+};
+export declare const useScannerPreviews: (columnTable?: ColumnTable) => {
+    data: ScannerCore[];
+    isLoading: boolean;
+};

package/lib/app/navbar/Navbar.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface NavbarProps {
+    children?: ReactNode;
+    bordered?: boolean;
+}
+export declare const Navbar: FC<NavbarProps>;
+export {};

package/lib/app/navbar/useBreadcrumbTruncation.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+interface BreadcrumbSegment {
+    text: string;
+    url?: string;
+}
+interface TruncatedBreadcrumbs {
+    visibleSegments: BreadcrumbSegment[];
+    hiddenCount: number;
+    showEllipsis: boolean;
+}
+export declare const useBreadcrumbTruncation: (segments: BreadcrumbSegment[], containerRef: RefObject<HTMLElement | null>) => TruncatedBreadcrumbs;
+export {};

package/lib/app/result/ScanResultHeader.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ScannerData } from '../types';
+interface ScanResultHeaderProps {
+    result?: ScannerData;
+}
+export declare const ScanResultHeader: FC<ScanResultHeaderProps>;
+export {};

package/lib/app/result/ScanResultNav.d.ts

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

package/lib/app/result/ScanResultPanel.d.ts

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

package/lib/app/result/info/InfoPanel.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ScannerData } from '../../types';
+interface InfoPanelProps {
+    result?: ScannerData;
+}
+export declare const InfoPanel: FC<InfoPanelProps>;
+export declare const ScannerInfoPanel: FC<InfoPanelProps>;
+export {};

package/lib/app/result/input/InputPanel.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ScannerData } from '../../types';
+export interface InputPanelProps {
+    result?: ScannerData;
+}
+export declare const InputPanel: FC<InputPanelProps>;

package/lib/app/result/result/ResultPanel.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ScannerData } from '../../types';
+interface ResultPanelProps {
+    result?: ScannerData;
+}
+export declare const ResultPanel: FC<ResultPanelProps>;
+export {};

package/lib/app/result/transcript/TranscriptPanel.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { EventNode, EventType } from '../../../transcript/types';
+import { ScannerData } from '../../types';
+interface TranscriptPanelProps {
+    id: string;
+    result?: ScannerData;
+    nodeFilter?: (node: EventNode<EventType>[]) => EventNode<EventType>[];
+}
+export declare const TranscriptPanel: FC<TranscriptPanelProps>;
+export {};

package/lib/app/scanJobs/ScanJobGrid.d.ts

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

package/lib/app/scanJobs/ScanJobsPanel.d.ts

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

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

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

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

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

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

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

package/lib/app/scanner/info/ScanInfo.d.ts

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

package/lib/app/scanner/results/ScanResultsBody.d.ts

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

package/lib/app/scanner/results/ScanResultsFilter.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const kFilterPositiveResults = "positive_results";
+export declare const kFilterAllResults = "all_results";
+export declare const ScanResultsFilter: FC;

package/lib/app/scanner/results/ScanResultsGroup.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface ScanResultsGroupProps {
+    options: Array<"source" | "label" | "id" | "none">;
+}
+export declare const ScanResultsGroup: FC<ScanResultsGroupProps>;
+export {};

package/lib/app/scanner/results/ScanResultsOutline.d.ts

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

package/lib/app/scanner/results/ScanResultsPanel.d.ts

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

package/lib/app/scanner/results/ScanResultsSearch.d.ts

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

package/lib/app/scanner/results/list/ScanHeader.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { GridDescriptor } from './ScanResultsList';
+interface ScanResultsHeaderProps {
+    gridDescriptor: GridDescriptor;
+}
+export declare const ScanResultsHeader: FC<ScanResultsHeaderProps>;
+export {};

package/lib/app/scanner/results/list/ScanResultsGroup.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface ScanResultsGroupProps {
+    group: string;
+}
+export declare const ScanResultGroup: FC<ScanResultsGroupProps>;
+export {};

package/lib/app/scanner/results/list/ScanResultsList.d.ts

@@ -0,0 +1,12 @@
+import { ColumnTable } from 'arquero';
+import { FC } from 'react';
+export interface GridDescriptor {
+    gridStyle: Record<string, string>;
+    columns: string[];
+}
+interface ScanResultsListProps {
+    id: string;
+    columnTable?: ColumnTable;
+}
+export declare const ScanResultsList: FC<ScanResultsListProps>;
+export {};

package/lib/app/scanner/results/list/ScanResultsRow.d.ts

@@ -0,0 +1,9 @@
+import { ScannerCore } from '../../../types';
+import { GridDescriptor } from './ScanResultsList';
+interface ScanResultsRowProps {
+    index: number;
+    entry: ScannerCore;
+    gridDescriptor: GridDescriptor;
+}
+export declare const ScanResultsRow: import('react').NamedExoticComponent<ScanResultsRowProps>;
+export {};