@meridianlabs/log-viewer 0.3.196 → 0.3.199

package/lib/app/log-list/grid/LogListGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogListGrid.d.ts","sourceRoot":"","sources":["../../../../src/app/log-list/grid/LogListGrid.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EACL,EAAE,EAEF,SAAS,EAMV,MAAM,OAAO,CAAC;AAMf,OAAO,qBAAqB,CAAC;AAI7B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,UAAU,gBAAgB;IACxB,KAAK,EAAE,KAAK,CAAC,WAAW,GAAG,aAAa,GAAG,eAAe,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsX5C,CAAC"}
+{"version":3,"file":"LogListGrid.d.ts","sourceRoot":"","sources":["../../../../src/app/log-list/grid/LogListGrid.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EACL,EAAE,EAEF,SAAS,EAMV,MAAM,OAAO,CAAC;AAMf,OAAO,qBAAqB,CAAC;AAI7B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,UAAU,gBAAgB;IACxB,KAAK,EAAE,KAAK,CAAC,WAAW,GAAG,aAAa,GAAG,eAAe,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkY5C,CAAC"}

package/lib/app/samples/chat/MessageContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/chat/MessageContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAChD,OAAO,EACL,YAAY,EACZ,WAAW,EACX,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,YAAY,EAGb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAYjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,KAAK,aAAa,GACd,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,WAAW,GACX,WAAW,GACX,cAAc,CAAC;AAInB,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;AAEpD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,GAC3B,SAAS,OAAO,KACf,OAAO,IAAI,aAOb,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoDlD,CAAC;AAiSF,MAAM,MAAM,gBAAgB,CAAC,IAAI,EAAE,IAAI,SAAS,WAAW,IAAI,IAAI,SAAS,GAAG,GAC3E,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAChB,KAAK,CAAC"}
+{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/chat/MessageContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAChD,OAAO,EACL,YAAY,EACZ,WAAW,EACX,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,YAAY,EAGb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAYjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,KAAK,aAAa,GACd,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,WAAW,GACX,WAAW,GACX,cAAc,CAAC;AAInB,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;AAEpD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,GAC3B,SAAS,OAAO,KACf,OAAO,IAAI,aAOb,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoDlD,CAAC;AAyRF,MAAM,MAAM,gBAAgB,CAAC,IAAI,EAAE,IAAI,SAAS,WAAW,IAAI,IAAI,SAAS,GAAG,GAC3E,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAChB,KAAK,CAAC"}

package/lib/app/samples/list/SampleList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SampleList.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/list/SampleList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EACL,EAAE,EAEF,SAAS,EAKV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAS3D,OAAO,qBAAqB,CAAC;AAQ7B,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC5C,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,CAAC;CAC3D;AAKD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyRzC,CAAC"}
+{"version":3,"file":"SampleList.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/list/SampleList.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EACL,EAAE,EAEF,SAAS,EAKV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAS3D,OAAO,qBAAqB,CAAC;AAQ7B,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC5C,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,CAAC;CAC3D;AAKD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA6SzC,CAAC"}

package/lib/app/samples-panel/samples-grid/SamplesGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SamplesGrid.d.ts","sourceRoot":"","sources":["../../../../src/app/samples-panel/samples-grid/SamplesGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,MAAM,EAMP,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,SAAS,EAA2C,MAAM,OAAO,CAAC;AAK/E,OAAO,qBAAqB,CAAC;AAI7B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,UAAU,gBAAgB;IACxB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;CAC9B;AAGD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAyP5C,CAAC"}
+{"version":3,"file":"SamplesGrid.d.ts","sourceRoot":"","sources":["../../../../src/app/samples-panel/samples-grid/SamplesGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,MAAM,EAMP,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,SAAS,EAA2C,MAAM,OAAO,CAAC;AAK/E,OAAO,qBAAqB,CAAC;AAI7B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,UAAU,gBAAgB;IACxB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;CAC9B;AAGD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAyQ5C,CAAC"}

package/lib/{utils → app/utils}/print.d.ts

@@ -1,3 +1,4 @@
+import { EvalSpec } from '../../@types/log';
 /**
  * Opens a new window and prints the provided HTML content with optional custom CSS for printing.
  *
@@ -17,5 +18,5 @@ export declare const printHtml: (html: string, css: string) => void;
  * const headingHtml = printHeadingHtml();
  * console.log(headingHtml);
  */
-export declare const printHeadingHtml: () => string;
+export declare const printHeadingHtml: (evalSpec?: EvalSpec) => string;
 //# sourceMappingURL=print.d.ts.map

package/lib/app/utils/print.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.d.ts","sourceRoot":"","sources":["../../../src/app/utils/print.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,EAAE,KAAK,MAAM,SAkClD,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,QAAQ,KAAG,MAetD,CAAC"}

package/lib/index.js

@@ -99584,15 +99584,14 @@ const MessageContent = ({
 };
 const messageRenderers = {
   text: {
-    render: (key2, content2, isLast, context) => {
+    render: (key2, content2, isLast, _context) => {
       const c2 = content2;
       const cites = c2.citations ?? [];
       if (!c2.text && !cites.length) {
         return void 0;
       }
       const purgeInternalContainers = (text2) => {
-        const isAssistantMessage = context.role === "assistant";
-        const internalTags = !isAssistantMessage ? ["internal", "content-internal"] : ["internal", "content-internal", "think"];
+        const internalTags = ["internal", "content-internal"];
         internalTags.forEach((tag) => {
           const regex2 = new RegExp(`<${tag}[^>]*>[\\s\\S]*?<\\/${tag}>`, "gm");
           text2 = text2.replace(regex2, "");
@@ -106611,7 +106610,7 @@ const ViewerOptionsPopover = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.fullWidth, styles$1d.fullWidthPadded), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1d.logDir, children: logDir2 }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Version" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.196-0-ged6b90e25" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.199-0-gffdb82c59" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Schema" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: DB_VERSION }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
@@ -164629,6 +164628,16 @@ const LogListGrid = ({
       gridElement.removeEventListener("keydown", handleKeyDown);
     };
   }, [handleKeyDown]);
+  const handleCellMouseDown = useCallback(
+    (e) => {
+      const mouseEvent = e.event;
+      if (mouseEvent?.button === 1 && e.data?.url) {
+        mouseEvent.preventDefault();
+        window.open(`#${e.data.url}`, "_blank");
+      }
+    },
+    []
+  );
   useEffect(() => {
     const loadHeaders = async () => {
       const filesToLoad = logFiles.filter((file) => !logPreviews[file.name]);
@@ -164795,6 +164804,7 @@ const LogListGrid = ({
           }
         },
         onRowClicked: handleRowClick,
+        onCellMouseDown: handleCellMouseDown,
         onSortChanged: handleSortChanged,
         onFilterChanged: handleFilterChanged,
         loading: data.length === 0 && (loading > 0 || syncing)
@@ -166188,51 +166198,6 @@ const NoContentsPanel = ({ text: text2 }) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: text2 })
   ] }) });
 };
-const printHtml = (html2, css2) => {
-  const printWindow = window.open("", "", "height=600,width=800");
-  if (printWindow !== null) {
-    printWindow.document.write("<html><head><title>Print</title>");
-    printWindow.document.write(`
-          <link rel="stylesheet" crossorigin="" href="./assets/index.css">
-          <style>
-            @media print {
-              ${css2}
-            }
-          </style>
-        `);
-    printWindow.document.write("</head><body>");
-    printWindow.document.write(html2);
-    printWindow.document.write("</body></html>");
-    printWindow.document.close();
-    printWindow.onload = function() {
-      printWindow.focus();
-      printWindow.print();
-      printWindow.close();
-    };
-  } else {
-    console.error("Print window failed to open.");
-  }
-};
-const printHeadingHtml = () => {
-  const taskEl = document.getElementById("task-title");
-  const modelEl = document.getElementById("task-model");
-  const timeEl = document.getElementById("task-created");
-  if (!taskEl || !modelEl || !timeEl) {
-    throw new Error(
-      "Failed to compute heading HTML. The task, model, or time element can't be found."
-    );
-  }
-  const task = taskEl.innerText;
-  const model2 = modelEl.innerText;
-  const time = timeEl.innerText;
-  const headingHtml = `
-<div style="display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 0.5em; margin-bottom: 2em; justify-content: space-between; border-bottom: solid 1px silver;">
-<div style="font-weight: 600">${task}</div>
-<div style="text-align: center;">${model2}</div>
-<div style="text-align: right;">${time}</div>
-</div>`;
-  return headingHtml;
-};
 const messagesToStr = (messages2, options2) => {
   const opts = {};
   return messages2.map((msg) => messageToStr(msg, opts)).filter((str2) => str2 !== null).join("\n");
@@ -180010,6 +179975,11 @@ const transformers = () => {
       matches: (node2) => node2.event.event === SPAN_BEGIN && node2.event["type"] === TYPE_SOLVER && node2.children.length === 2 && node2.children[0].event.event === SPAN_BEGIN && node2.children[0].event.type === TYPE_AGENT && node2.children[1].event.event === STATE,
       process: (node2) => skipFirstChildNode(node2)
     },
+    {
+      name: "unwrap_filtered-agent_solver",
+      matches: (node2) => node2.event.event === SPAN_BEGIN && node2.event["type"] === TYPE_SOLVER && node2.children.length === 1 && node2.children[0].event.event === SPAN_BEGIN && node2.children[0].event.type === TYPE_AGENT,
+      process: (node2) => skipFirstChildNode(node2)
+    },
     {
       name: "unwrap_agent_solver w/store",
       matches: (node2) => node2.event.event === SPAN_BEGIN && node2.event["type"] === TYPE_SOLVER && node2.children.length === 3 && node2.children[0].event.event === SPAN_BEGIN && node2.children[0].event.type === TYPE_AGENT && node2.children[1].event.event === STATE && node2.children[2].event.event === STORE,
@@ -180518,6 +180488,43 @@ const TranscriptPanel = memo((props) => {
     );
   }
 });
+const printHtml = (html2, css2) => {
+  const printWindow = window.open("", "", "height=600,width=800");
+  if (printWindow !== null) {
+    printWindow.document.write("<html><head><title>Print</title>");
+    printWindow.document.write(`
+          <link rel="stylesheet" crossorigin="" href="./assets/index.css">
+          <style>
+            @media print {
+              ${css2}
+            }
+          </style>
+        `);
+    printWindow.document.write("</head><body>");
+    printWindow.document.write(html2);
+    printWindow.document.write("</body></html>");
+    printWindow.document.close();
+    printWindow.onload = function() {
+      printWindow.focus();
+      printWindow.print();
+      printWindow.close();
+    };
+  } else {
+    console.error("Print window failed to open.");
+  }
+};
+const printHeadingHtml = (evalSpec) => {
+  const task = evalSpec?.task || "Unknown Task";
+  const model2 = evalSpec?.model || "Unknown Model";
+  const time = evalSpec?.created ? new Date(evalSpec.created).toLocaleString() : "Unknown Time";
+  const headingHtml = `
+<div style="display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 0.5em; margin-bottom: 2em; justify-content: space-between; border-bottom: solid 1px silver;">
+<div style="font-weight: 600">${task}</div>
+<div style="text-align: center;">${model2}</div>
+<div style="text-align: right;">${time}</div>
+</div>`;
+  return headingHtml;
+};
 const SampleDisplay = ({
   id,
   scrollRef,
@@ -180615,8 +180622,8 @@ const SampleDisplay = ({
   const filterRef = useRef(null);
   const optionsRef = useRef(null);
   const handlePrintClick = useCallback(() => {
-    printSample(id, targetId);
-  }, [id, targetId]);
+    printSample(id, targetId, evalSpec);
+  }, [id, targetId, evalSpec]);
   const toggleFilter = useCallback(() => {
     setShowing(!isShowing);
   }, [setShowing, isShowing]);
@@ -181041,7 +181048,7 @@ const metadataViewsForSample = (id, scrollRef, sample2) => {
   }
   return sampleMetadatas;
 };
-const printSample = (id, targetId) => {
+const printSample = (id, targetId, evalSpec) => {
   const targetTabEl = document.querySelector(
     `#${escapeSelector(targetId)} .sample-tab.tab-pane.show.active`
   );
@@ -181050,7 +181057,7 @@ const printSample = (id, targetId) => {
     if (targetEl) {
       const headingId = `sample-heading-${id}`;
       const headingEl = document.getElementById(headingId);
-      const headingHtml = printHeadingHtml();
+      const headingHtml = printHeadingHtml(evalSpec);
       const css2 = `
       html { font-size: 9pt }
       /* Allow content to break anywhere without any forced page breaks */
@@ -181063,13 +181070,6 @@ const printSample = (id, targetId) => {
         page-break-after: auto;
       }
       /* Specifically disable all page breaks for divs */
-      div {
-        break-inside: auto;
-        page-break-inside: auto;
-      }
-      body > .transcript-step {
-        break-inside: avoid;
-      }
       body{
         -webkit-print-color-adjust:exact !important;
         print-color-adjust:exact !important;
@@ -203641,10 +203641,25 @@ const SampleList = memo((props) => {
   useEffect(() => {
     const el2 = gridContainerRef.current;
     if (!el2) return;
-    const handler = handleKeyDown;
-    el2.addEventListener("keydown", handler);
-    return () => el2.removeEventListener("keydown", handler);
+    el2.addEventListener("keydown", handleKeyDown);
+    return () => {
+      el2.removeEventListener("keydown", handleKeyDown);
+    };
   }, [handleKeyDown]);
+  const handleCellMouseDown = useCallback(
+    (e) => {
+      const mouseEvent = e.event;
+      if (mouseEvent?.button === 1 && e.data) {
+        mouseEvent.preventDefault();
+        const url = sampleNavigation.getSampleUrl(
+          e.data.data.id,
+          e.data.data.epoch
+        );
+        if (url) window.open(url, "_blank");
+      }
+    },
+    [sampleNavigation]
+  );
   const selectCurrentSample = useCallback(() => {
     if (!listHandle.current?.api || !selectedSampleHandle) {
       return;
@@ -203760,6 +203775,7 @@ const SampleList = memo((props) => {
             getRowId,
             rowSelection: { mode: "singleRow", checkboxes: false },
             onRowClicked: handleRowClick,
+            onCellMouseDown: handleCellMouseDown,
             onColumnResized: handleColumnResized,
             theme: themeBalham,
             enableCellTextSelection: true,
@@ -205745,7 +205761,7 @@ const SamplesGrid = ({
     (state) => state.log.selectedSampleHandle
   );
   const internalGridRef = useRef(null);
-  const gridRef = externalGridRef || internalGridRef;
+  const gridRef = externalGridRef ?? internalGridRef;
   const gridContainerRef = useRef(null);
   const { startPolling, stopPolling } = useClientEvents();
   useEffect(() => {
@@ -205818,6 +205834,21 @@ const SamplesGrid = ({
       gridElement.removeEventListener("keydown", handleKeyDown);
     };
   }, [handleKeyDown]);
+  const handleCellMouseDown = useCallback(
+    (e) => {
+      const mouseEvent = e.event;
+      if (mouseEvent?.button === 1 && e.data) {
+        mouseEvent.preventDefault();
+        navigateToSampleDetail(
+          e.data.logFile,
+          e.data.sampleId,
+          e.data.epoch,
+          true
+        );
+      }
+    },
+    [navigateToSampleDetail]
+  );
   const sampleRowId = (logFile, sampleId, epoch) => {
     return `${logFile}-${sampleId}-${epoch}`.replace(/\s+/g, "_");
   };
@@ -205889,6 +205920,7 @@ const SamplesGrid = ({
         }
       },
       onRowClicked: handleRowClick,
+      onCellMouseDown: handleCellMouseDown,
       onFilterChanged: () => {
         if (gridRef.current?.api) {
           const newDisplayedSamples = gridDisplayedSamples(