@metrevals/inspect-scout-viewer 0.2.4-beta.1763857400 → 0.3.2-beta.1764375871

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 } from '../app/types';
+import { ErrorScope, ScannerCore, SortColumn } from '../app/types';
 import { Status } from '../types';
 interface StoreState {
     singleFileMode?: boolean;
@@ -34,8 +34,10 @@ interface StoreState {
     selectedFilter?: string;
     showingRefPopover?: string;
     groupResultsBy?: "source" | "label" | "none";
+    sortResults?: SortColumn[];
     scansSearchText?: string;
     highlightLabeled?: boolean;
+    selectedResultRow?: number;
     transcriptCollapsedEvents: Record<string, Record<string, boolean>>;
     transcriptOutlineId?: string;
     setSingleFileMode: (enabled: boolean) => void;
@@ -92,8 +94,10 @@ interface StoreState {
     setShowingRefPopover: (popoverKey: string) => void;
     clearShowingRefPopover: () => void;
     setGroupResultsBy: (groupBy: "source" | "label" | "none") => void;
+    setSortResults: (sortColumns?: SortColumn[]) => void;
     setScansSearchText: (text: string) => void;
     setHighlightLabeled: (highlight: boolean) => void;
+    setSelectedResultRow: (row: number) => 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

@@ -499,6 +499,29 @@
 .markdown-content p:last-child {
   margin-bottom: 0;
 }
+._cite_1t1bm_1 {
+  color: var(--bs-primary-text-emphasis);
+  text-decoration: underline;
+  text-decoration-style: dashed;
+  cursor: pointer;
+}
+
+._cite_1t1bm_1:hover {
+  text-decoration-style: solid;
+  background-color: var(--bs-primary-bg-subtle);
+}
+._panel_twp3v_1 {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+._container_twp3v_7 {
+  margin-top: 3em;
+  display: grid;
+  grid-template-columns: max-content max-content;
+  column-gap: 0.3em;
+}
 ._content_13ihw_1 {
   white-space: pre-wrap;
 }
@@ -661,24 +684,24 @@ a._citationLink_1ggvf_9:hover {
 ._textCode_1wvgr_18 {
   word-wrap: anywhere;
 }
-._grid_ws7d1_1 {
+._grid_17ltx_1 {
   display: grid;
   grid-template-columns: max-content auto;
   column-gap: 0.4rem;
   row-gap: 0;
 }
 
-._number_ws7d1_8 {
+._number_17ltx_8 {
   margin-top: 0.1em;
 }
 
-._user_ws7d1_12 {
+._user_17ltx_12 {
   background-color: var(--bs-secondary-bg);
   border-radius: var(--bs-border-radius);
   border: solid 1px var(--bs-light-border-subtle);
 }
 
-._container_ws7d1_18 {
+._container_17ltx_18 {
   padding-left: 0.7rem;
   padding-right: 0.7rem;
   padding-top: 0.5rem;
@@ -686,27 +709,47 @@ a._citationLink_1ggvf_9:hover {
   border-right: solid 1px var(--bs-light-border-subtle);
 }
 
-._first_ws7d1_26 {
+._first_17ltx_26 {
   border-top-left-radius: var(--bs-border-radius);
   border-top-right-radius: var(--bs-border-radius);
   border-top: solid 1px var(--bs-light-border-subtle);
   padding-top: 0.7rem;
 }
 
-._last_ws7d1_33 {
+._last_17ltx_33 {
   border-bottom-left-radius: var(--bs-border-radius);
   border-bottom-right-radius: var(--bs-border-radius);
   border-bottom: solid 1px var(--bs-light-border-subtle);
   padding-bottom: 0.7rem;
 }
 
-._label_ws7d1_40 {
+._label_17ltx_40 {
   padding-top: 0.7rem;
 }
 
-._highlight_ws7d1_44 {
+._highlight_17ltx_44 {
   background-color: rgba(var(--bs-info-rgb), 0.12);
 }
+
+._bottomMargin_17ltx_48 {
+  margin-bottom: 0.5rem;
+}
+._sourcePanel_bat6y_1 {
+  width: 100%;
+  padding: 0.5em;
+}
+
+._sourcePanel_bat6y_1:not(._simple_bat6y_6) {
+  background: var(--bs-light);
+  border-radius: var(--bs-border-radius);
+}
+
+._sourcePanel_bat6y_1 ._code_bat6y_11 {
+  font-size: var(--inspect-font-size-small);
+  white-space: pre-wrap !important;
+  word-wrap: anywhere !important;
+  background: transparent !important;
+}
 ._toolCallView_x6cus_1 {
   display: grid;
   row-gap: 0.5em;
@@ -3908,29 +3951,6 @@ span.ap-marker-container:hover span.ap-marker {
   height: 100%;
   overflow-y: auto;
 }
-._panel_twp3v_1 {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-}
-
-._container_twp3v_7 {
-  margin-top: 3em;
-  display: grid;
-  grid-template-columns: max-content max-content;
-  column-gap: 0.3em;
-}
-._cite_1t1bm_1 {
-  color: var(--bs-primary-text-emphasis);
-  text-decoration: underline;
-  text-decoration-style: dashed;
-  cursor: pointer;
-}
-
-._cite_1t1bm_1:hover {
-  text-decoration-style: solid;
-  background-color: var(--bs-primary-bg-subtle);
-}
 ._boolean_xgip4_1 {
   font-family: "Consola Regular";
   display: inline-flex;
@@ -4293,22 +4313,27 @@ button._segment_19z32_10 {
 ._gridWrapper_yeano_1 .ag-cell {
   line-height: 1.1em;
 }
-._header_cpxb8_1 {
+._header_u9u40_1 {
   border-bottom: solid var(--bs-light-border-subtle) 1px;
   padding: 0.3rem 1rem;
+  user-select: none;
 }
 
-._center_cpxb8_6 {
+._center_u9u40_7 {
   justify-self: center;
 }
 
-._shrinkable_cpxb8_10 {
+._shrinkable_u9u40_11 {
   min-width: 0;
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+._clickable_u9u40_19 {
+  cursor: pointer;
+}
 ._row_q8zt3_1 {
   border-bottom: solid 1px var(--bs-border-color);
   padding: 0.25rem 1rem;

package/lib/utils/format.d.ts

@@ -38,3 +38,10 @@ export declare function formatDateTime(date: Date): string;
  * Returns the formatted duration between two dates
  */
 export declare function formatDuration(start: Date, end: Date): string;
+/**
+ * Truncates a string from the center, showing start and end with ellipsis in the middle.
+ * @param str - The string to truncate
+ * @param maxLength - Maximum length of the output string (default: 50)
+ * @returns The truncated string with ellipsis in the middle if needed
+ */
+export declare function centerTruncate(str: string, maxLength?: number): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metrevals/inspect-scout-viewer",
-  "version": "0.2.4-beta.1763857400",
+  "version": "0.3.2-beta.1764375871",
   "description": "Inspect Scout viewer for evaluation logs.",
   "license": "MIT",
   "type": "module",
@@ -43,8 +43,7 @@
   },
   "peerDependencies": {
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-router-dom": "^7.0.0"
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.38.0",
@@ -97,6 +96,7 @@
     "mathjax-full": "^3.2.2",
     "prismjs": "^1.30.0",
     "react-popper": "^2.3.0",
+    "react-router-dom": "^7.9.4",
     "react-virtuoso": "^4.14.1",
     "zustand": "^5.0.8"
   },

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

@@ -1,14 +0,0 @@
-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 {};