@metrevals/inspect-scout-viewer 0.3.2-beta.1764377954 → 0.3.3-beta.1765542109

package/lib/state/store.d.ts

@@ -2,7 +2,7 @@ import { GridState } from 'ag-grid-community';
 import { ColumnTable } from 'arquero';
 import { StateSnapshot } from 'react-virtuoso';
 import { ScanApi } from '../api/api';
-import { ErrorScope, ScannerCore, SortColumn } from '../app/types';
+import { ErrorScope, ResultGroup, ScannerCore, SortColumn } from '../app/types';
 import { Status } from '../types';
 interface StoreState {
     singleFileMode?: boolean;
@@ -17,6 +17,7 @@ interface StoreState {
     selectedScanLocation?: string;
     selectedScanStatus?: Status;
     visibleScannerResults: ScannerCore[];
+    visibleScannerResultsCount: number;
     selectedScanResult?: string;
     properties: Record<string, Record<string, unknown> | undefined>;
     scrollPositions: Record<string, number>;
@@ -33,11 +34,14 @@ interface StoreState {
     selectedResultsView?: string;
     selectedFilter?: string;
     showingRefPopover?: string;
-    groupResultsBy?: "source" | "label" | "none";
+    groupResultsBy?: ResultGroup;
     sortResults?: SortColumn[];
     scansSearchText?: string;
     highlightLabeled?: boolean;
     selectedResultRow?: number;
+    dataframeWrapText?: boolean;
+    dataframeShowFilterColumns?: boolean;
+    dataframeFilterColumns?: string[];
     transcriptCollapsedEvents: Record<string, Record<string, boolean>>;
     transcriptOutlineId?: string;
     setSingleFileMode: (enabled: boolean) => void;
@@ -60,6 +64,7 @@ interface StoreState {
     setSelectedScanResultPreviews: (scanner?: string, previews?: ScannerCore[]) => void;
     getSelectedScanResultPreviews: (scanner?: string) => ScannerCore[] | undefined;
     setVisibleScannerResults: (results: ScannerCore[]) => void;
+    setVisibleScannerResultsCount: (count: number) => void;
     clearScanState: () => void;
     clearScansState: () => void;
     setPropertyValue: <T>(id: string, propertyName: string, value: T) => void;
@@ -93,11 +98,14 @@ interface StoreState {
     setSelectedFilter: (filter: string) => void;
     setShowingRefPopover: (popoverKey: string) => void;
     clearShowingRefPopover: () => void;
-    setGroupResultsBy: (groupBy: "source" | "label" | "none") => void;
+    setGroupResultsBy: (groupBy: ResultGroup) => void;
     setSortResults: (sortColumns?: SortColumn[]) => void;
     setScansSearchText: (text: string) => void;
     setHighlightLabeled: (highlight: boolean) => void;
     setSelectedResultRow: (row: number) => void;
+    setDataframeWrapText: (wrap: boolean) => void;
+    setDataframeFilterColumns: (columns: string[]) => void;
+    setDataframeShowFilterColumns: (show: boolean) => void;
 }
 export declare const createStore: (api: ScanApi) => import('zustand').UseBoundStore<Omit<Omit<Omit<import('zustand').StoreApi<StoreState>, "setState" | "devtools"> & {
     setState(partial: StoreState | Partial<StoreState> | ((state: StoreState) => StoreState | Partial<StoreState>), replace?: false | undefined, action?: (string | {

package/lib/styles/index.css

@@ -882,6 +882,9 @@ a._citationLink_1ggvf_9:hover {
 ._container_76qrl_7 {
   padding: 0.5rem;
 }
+._container_5gpfz_1 {
+  padding: 1rem;
+}
 ._progressContainer_1cjjr_1 {
   width: 100%;
   display: flex;
@@ -3946,13 +3949,49 @@ span.ap-marker-container:hover span.ap-marker {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._container_kyylo_1 {
-  padding: 0.5rem 1rem;
+._header_189zi_1 {
+  background-color: var(--bs-light-bg-subtle);
+  border-bottom: solid 1px var(--bs-border-color);
+  width: 100%;
+  padding-left: 0.5rem;
+}
+._container_1fgdb_1 {
   height: 100%;
+  overflow-y: hidden;
+}
+
+._scrollable_1fgdb_6 {
+  padding: 0.5rem;
   overflow-y: auto;
+  height: 100%;
+}
+._container_u4d55_1 {
+  display: grid;
+  grid-template-columns: 1fr 2fr;
+  overflow-y: hidden;
+  height: 100%;
 }
-._boolean_xgip4_1 {
-  font-family: "Consola Regular";
+._result_f18wg_1 {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 5px;
+  padding: 8px;
+  width: 2rem;
+  height: 1rem;
+  font-size: 0.7rem;
+}
+
+._true_f18wg_12 {
+  border: solid var(--bs-success) 1px;
+  color: var(--bs-success);
+}
+
+._false_f18wg_17 {
+  border: solid var(--bs-danger) 1px;
+  color: var(--bs-danger);
+}
+._boolean_1uivt_1 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -3960,61 +3999,88 @@ span.ap-marker-container:hover span.ap-marker {
   padding: 8px;
   width: 2.5rem;
   height: 1rem;
+  font-size: 0.7rem;
 }
 
-._true_xgip4_12 {
+._true_1uivt_12 {
   background-color: var(--bs-success);
-  border-color: var(--bs-success);
+  border: solid var(--bs-success) 1px;
   color: var(--bs-body-bg);
 }
 
-._false_xgip4_18 {
+._false_1uivt_18 {
   background-color: var(--bs-danger);
-  border-color: var(--bs-danger);
+  border: solid var(--bs-danger) 1px;
   color: var(--bs-body-bg);
 }
 
-._valueTable_xgip4_24 {
+._valueTable_1uivt_24 {
   display: grid;
-  grid-template-columns: auto auto;
+  grid-template-columns: max-content auto;
   column-gap: 1rem;
   row-gap: 0rem;
 }
 
-._inline_xgip4_31 ._valueValue_xgip4_31 {
+._inline_1uivt_31 ._valueValue_1uivt_31 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-._inline_xgip4_31 ._valueValue_xgip4_31 p {
+._inline_1uivt_31 ._valueValue_1uivt_31 p {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-pre._value_xgip4_24 {
+pre._value_1uivt_24 {
   margin: 0;
 }
-._container_1cyb4_1 {
+._sidebar_ruino_1 {
+  border-right: solid 1px var(--bs-border-color);
   padding: 1rem;
+  overflow-y: auto;
+}
+
+._container_ruino_7 {
+  display: inline-grid;
+  grid-template-columns: 1fr 2fr;
+  align-self: start;
+  row-gap: 0.5rem;
 }
 
-._colspan_1cyb4_5 {
+._colspan_ruino_14 {
   grid-column: span 2;
 }
 
-._explanation_1cyb4_9 {
+._explanation_ruino_18 {
   display: grid;
   grid-template-columns: max-content 1fr;
   column-gap: 1rem;
   row-gap: 0.75rem;
 }
 
-._scanValue_1cyb4_16 {
+._scanValue_ruino_25 {
   padding-right: 0.5rem;
 }
-._header_ph0sv_1 {
+
+._values_ruino_29 {
+  display: grid;
+  grid-template-columns: max-content auto;
+  column-gap: 0.5rem;
+}
+
+._validation_ruino_35 {
+  margin-left: 1rem;
+  display: grid;
+  grid-template-columns: max-content max-content;
+}
+
+._validationLabel_ruino_41 {
+  padding-right: 0.5rem;
+  margin-top: 2px;
+}
+._header_87o1i_1 {
   padding-left: 1rem;
   padding-right: 1rem;
   display: grid;
@@ -4025,24 +4091,28 @@ pre._value_xgip4_24 {
   grid-template-rows: max-content max-content;
 }
 
-._oneCol_ph0sv_12 {
+._oneCol_87o1i_12 {
   grid-template-columns: 2fr;
 }
 
-._twoCol_ph0sv_16 {
+._twoCol_87o1i_16 {
   grid-template-columns: 1fr 1fr;
 }
 
-._threeCol_ph0sv_20 {
+._threeCol_87o1i_20 {
   grid-template-columns: 2fr 1fr 1fr;
 }
 
-._fourCol_ph0sv_24 {
+._fourCol_87o1i_24 {
   grid-template-columns: 2fr 1fr 1fr 1fr;
 }
 
-._fiveCol_ph0sv_28 {
-  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
+._fiveCol_87o1i_28 {
+  grid-template-columns: 3fr 1fr 1fr 1fr 1fr;
+}
+
+._sixCol_87o1i_32 {
+  grid-template-columns: 3fr 1fr 1fr 1fr 1fr;
 }
 ._resultNav_oszqi_1 {
   display: grid;
@@ -4060,31 +4130,35 @@ pre._value_xgip4_24 {
   opacity: 0.5;
   pointer-events: none;
 }
-._root_12il0_1 {
+._root_1ewhq_1 {
   height: 100vh;
   display: grid;
   grid-template-rows: max-content max-content max-content max-content 1fr;
 }
 
-._scroller_12il0_7 {
+._scroller_1ewhq_7 {
   height: 100%;
   width: 100%;
   overflow-y: auto;
 }
 
-._tabSet_12il0_13 {
+._tabSet_1ewhq_13 {
   max-height: 100%;
   border-top: solid 1px var(--bs-border-color);
-  overflow-y: auto;
+  overflow-y: hidden;
 }
 
-._tabControl_12il0_19 {
+._tabControl_1ewhq_19 {
   margin: 0.2rem;
 }
 
-._tabs_12il0_23 {
+._tabs_1ewhq_23 {
   margin-right: 1rem;
 }
+
+._fullHeight_1ewhq_27 {
+  height: 100%;
+}
 ._container_g5onx_1 {
   overflow-y: auto;
 }
@@ -4249,6 +4323,29 @@ pre._value_xgip4_24 {
   display: grid;
   grid-template-rows: max-content max-content max-content max-content 1fr;
 }
+._gridWrapper_bykj9_1 {
+  height: 100%;
+  width: 100%;
+}
+
+/* Hide sort index numbers in multi-column sort */
+._gridWrapper_bykj9_1 .ag-header-cell .ag-sort-order {
+  display: none;
+}
+
+/* Set line height for grid cells */
+._gridWrapper_bykj9_1 .ag-cell {
+  line-height: 1.1em;
+}
+
+/* Row numbers cell styling */
+._gridWrapper_bykj9_1 .ag-cell.row-number-cell {
+  cursor: pointer;
+}
+
+._gridWrapper_bykj9_1 .ag-cell.row-number-cell:hover {
+  text-decoration: underline;
+}
 ._rootControl_19z32_1 {
   background-color: var(--bs-body-bg);
   border-radius: var(--bs-border-radius);
@@ -4281,6 +4378,48 @@ button._segment_19z32_10 {
 ._container_1q66p_1 {
   margin: 0.5em;
 }
+._grid_hbkjn_1 {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  column-gap: 2em;
+  row-gap: 0.15em;
+}
+
+._row_hbkjn_8 {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  cursor: pointer;
+  border-radius: var(--bs-border-radius);
+  padding: 0.1em 0.4em;
+  margin: 0 -0.4em;
+}
+
+._row_hbkjn_8:hover {
+  background-color: var(--bs-secondary-bg);
+}
+
+._links_hbkjn_22 {
+  display: flex;
+  padding-bottom: 0.2em;
+  margin-bottom: 0.4em;
+  column-gap: 0.3em;
+  border-bottom: solid 1px var(--bs-border-color);
+}
+
+._links_hbkjn_22 a {
+  cursor: pointer;
+  text-decoration: none;
+  color: var(--bs-link-color);
+}
+
+._links_hbkjn_22 a:hover {
+  color: var(--bs-link-hover-color);
+}
+
+._selected_hbkjn_40 {
+  font-weight: 600;
+}
 ._flex_1kye9_1 {
   display: flex;
 }
@@ -4299,20 +4438,6 @@ button._segment_19z32_10 {
   margin-right: 0.3em;
   margin-left: 0.2em;
 }
-._gridWrapper_yeano_1 {
-  height: 100%;
-  width: 100%;
-}
-
-/* Hide sort index numbers in multi-column sort */
-._gridWrapper_yeano_1 .ag-header-cell .ag-sort-order {
-  display: none;
-}
-
-/* Set line height for grid cells */
-._gridWrapper_yeano_1 .ag-cell {
-  line-height: 1.1em;
-}
 ._header_u9u40_1 {
   border-bottom: solid var(--bs-light-border-subtle) 1px;
   padding: 0.3rem 1rem;
@@ -4420,23 +4545,31 @@ button._segment_19z32_10 {
 ._scrollContainer_94id2_15 {
   overflow-y: auto;
 }
-._container_cnarm_1 {
+._container_1ov9x_1 {
   border-right: solid 1px var(--bs-border-color);
 }
 
-._entry_cnarm_5 {
+._entry_1ov9x_5 {
   padding: 0.5em;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  column-gap: 0.5rem;
 }
 
-._entry_cnarm_5._selected_cnarm_9 {
+._entry_1ov9x_5._selected_1ov9x_12 {
   background-color: var(--bs-secondary-bg);
 }
 
-._titleBlock_cnarm_13 {
+._titleBlock_1ov9x_16 {
   margin-bottom: 0.1rem;
+  grid-column: 1 / -1;
 }
 
-._subTitle_cnarm_17 {
+._validations_1ov9x_21 {
+  grid-column: 1 / -1;
+}
+
+._subTitle_1ov9x_25 {
   margin-top: -0.2rem;
   max-height: 2rem;
   overflow: hidden;
@@ -4446,14 +4579,25 @@ button._segment_19z32_10 {
   word-wrap: break-word;
 }
 
-._selected_cnarm_9 ._title_cnarm_13 {
+._selected_1ov9x_12 ._title_1ov9x_16 {
   font-weight: 600;
 }
 
-._entry_cnarm_5:hover {
+._entry_1ov9x_5:hover {
   color: var(--bs-link-hover-color);
   cursor: pointer;
 }
+
+._numericResultTable_1ov9x_44 {
+  display: grid;
+  grid-template-columns: auto auto;
+  column-gap: 0.5rem;
+  row-gap: 0;
+}
+
+._contents_1ov9x_51 {
+  display: contents;
+}
 ._container_1db6h_1 {
   display: grid;
   grid-template-columns: 200px 1fr;
@@ -4521,7 +4665,7 @@ button._segment_19z32_10 {
 ._tabControl_10t9t_10 {
   padding: 0.3em 1em !important;
 }
-._scanTitleView_1vka4_1 {
+._scanTitleView_1ayz3_1 {
   display: grid;
   grid-template-columns: max-content max-content;
   justify-content: space-between;
@@ -4530,7 +4674,7 @@ button._segment_19z32_10 {
   padding: 0.5em;
 }
 
-._leftColumn_1vka4_10 {
+._leftColumn_1ayz3_10 {
   display: grid;
   grid-template-columns: max-content max-content 1fr;
   align-items: baseline;
@@ -4538,38 +4682,38 @@ button._segment_19z32_10 {
   column-gap: 0.3rem;
 }
 
-._rightColumn_1vka4_18 {
+._rightColumn_1ayz3_18 {
 }
 
-._scanTitleView_1vka4_1 h1 {
+._scanTitleView_1ayz3_1 h1 {
   margin: 0;
   font-weight: 600;
   font-size: 1.3em;
 }
 
-._scanTitleView_1vka4_1 h2 {
+._scanTitleView_1ayz3_1 h2 {
   margin: 0;
   font-weight: 500;
   font-size: 1em;
   color: var(--bs-secondary-text-color);
 }
 
-._scanTitleView_1vka4_1 ._secondaryRow_1vka4_34 {
+._scanTitleView_1ayz3_1 ._secondaryRow_1ayz3_34 {
   display: grid;
   grid-template-columns: max-content max-content;
   column-gap: 0.2rem;
 }
 
-._scanTitleView_1vka4_1 h3 {
+._subtitle_1ayz3_40 {
+  grid-column: 1 / -1;
+  display: grid;
+  grid-template-columns: max-content max-content max-content max-content max-content;
+  column-gap: 0.1rem;
   margin: 0;
   font-size: 0.8em;
   font-weight: 400;
   color: var(--bs-secondary-text-color);
 }
-
-._subtitle_1vka4_47 {
-  grid-column: 1 / -1;
-}
 /**
  * prism.js default theme for JavaScript, CSS and HTML
  * Based on dabblet (http://dabblet.com)

package/lib/types/index.d.ts

@@ -34,23 +34,23 @@ export interface Model {
 }
 export interface Transcript {
     type: string;
-    count: number;
-    data: string;
-    fields: Array<Record<string, string>>;
+    location?: string;
+    transcript_ids: Record<string, string | null>;
+    count?: number;
 }
 export interface ScanSpec {
-    scan_file: string;
+    scan_file?: string;
     scan_id: string;
     scan_name: string;
-    scan_args: Record<string, unknown>;
+    scan_args?: Record<string, unknown>;
     timestamp: string;
     model: Model;
-    metadata: Record<string, unknown>;
-    options: Record<string, unknown>;
-    packages: Record<string, unknown>;
-    revision: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    options?: Record<string, unknown>;
+    packages?: Record<string, unknown>;
+    revision?: Record<string, unknown>;
     scanners: Record<string, Scanner>;
-    transcripts: Transcript;
+    transcripts?: Transcript;
 }
 export interface Scanner {
     name: string;
@@ -64,6 +64,7 @@ export interface ScannerSummary {
     tokens: number;
     model_usage: Record<string, ModelUsage>;
     validations: Array<boolean | Record<string, boolean>>;
+    metrics: Record<string, Record<string, number>>;
 }
 export interface ModelUsage {
     input_tokens: number;

package/lib/utils/format.d.ts

@@ -45,3 +45,4 @@ export declare function formatDuration(start: Date, end: Date): string;
  * @returns The truncated string with ellipsis in the middle if needed
  */
 export declare function centerTruncate(str: string, maxLength?: number): string;
+export declare function formatPercent(value: number): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metrevals/inspect-scout-viewer",
-  "version": "0.3.2-beta.1764377954",
+  "version": "0.3.3-beta.1765542109",
   "description": "Inspect Scout viewer for evaluation logs.",
   "license": "MIT",
   "type": "module",
@@ -18,6 +18,10 @@
     "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",
@@ -25,7 +29,7 @@
     "watch": "vite build --watch",
     "watch:dev": "NODE_ENV=development vite build --watch --mode development",
     "dev": "vite",
-    "prepublishOnly": "npm version from-git --no-git-tag-version --allow-same-version && pnpm build:lib",
+    "prepublishOnly": "pnpm build:lib",
     "preview": "vite preview",
     "lint": "eslint . --max-warnings 0",
     "lint:fix": "eslint . --fix --max-warnings 0",