@metrevals/inspect-log-viewer 0.3.153-beta.1765529716 → 0.3.155-beta.1765813725

package/lib/index.js

@@ -17915,6 +17915,7 @@ const ApplicationIcons = {
   confirm: "bi bi-check",
   copy: "bi bi-copy",
   display: "bi bi-card-text",
+  downloadLog: "bi bi-download",
   edit: "bi bi-pencil-square",
   error: "bi bi-exclamation-circle-fill",
   expand: {
@@ -17935,6 +17936,7 @@ const ApplicationIcons = {
     execution: "bi bi-stopwatch"
   },
   link: "bi bi-link-45deg",
+  loading: "bi bi-arrow-clockwise",
   logging: loggingIcons,
   metadata: "bi bi-table",
   metrics: "bi bi-clipboard-data",
@@ -18033,7 +18035,7 @@ const container$o = "_container_1n7pm_1";
 const label$b = "_label_1n7pm_7";
 const outer = "_outer_1n7pm_11";
 const inner = "_inner_1n7pm_20";
-const styles$1Y = {
+const styles$1Z = {
   container: container$o,
   label: label$b,
   outer,
@@ -18046,15 +18048,15 @@ const ProgressBar = ({
   label: label2,
   width = "100px"
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1Y.container), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1Y.outer), style: { width }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1Z.container), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1Z.outer), style: { width }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: clsx(styles$1Y.inner),
+        className: clsx(styles$1Z.inner),
         style: { width: `${(value2 - min2) / (max2 - min2) * 100}%` }
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1Y.label, "text-size-smallest"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1Z.label, "text-size-smallest"), children: [
       value2,
       " / ",
       max2,
@@ -18276,7 +18278,7 @@ const errorType = (message2) => {
 const circle$1 = "_circle_qymy9_1";
 const green$1 = "_green_qymy9_12";
 const red$1 = "_red_qymy9_18";
-const styles$1X = {
+const styles$1Y = {
   circle: circle$1,
   green: green$1,
   red: red$1
@@ -18292,9 +18294,9 @@ const booleanScoreDescriptor = () => {
         "span",
         {
           className: clsx(
-            styles$1X.circle,
+            styles$1Y.circle,
             "text-size-small",
-            score2 ? styles$1X.green : styles$1X.red
+            score2 ? styles$1Y.green : styles$1Y.red
           ),
           children: String(score2)
         }
@@ -18396,7 +18398,7 @@ const numericScoreDescriptor = (values) => {
 const container$n = "_container_1ramc_1";
 const key$1 = "_key_1ramc_12";
 const value$2 = "_value_1ramc_16";
-const styles$1W = {
+const styles$1X = {
   container: container$n,
   key: key$1,
   value: value$2
@@ -18440,12 +18442,12 @@ const objectScoreDescriptor = (values) => {
         ) : String(value2);
         scores2.push(
           /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1W.key, "text-size-smaller"), children: key2 }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1W.value, "text-size-base"), children: formattedValue })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1X.key, "text-size-smaller"), children: key2 }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1X.value, "text-size-base"), children: formattedValue })
           ] })
         );
       });
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1W.container), children: scores2 }, `score-value`);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1X.container), children: scores2 }, `score-value`);
     }
   };
 };
@@ -19922,7 +19924,7 @@ const visible = "_visible_tm52u_1";
 const hidden$3 = "_hidden_tm52u_5";
 const pills = "_pills_tm52u_9";
 const pill = "_pill_tm52u_9";
-const styles$1V = {
+const styles$1W = {
   visible,
   hidden: hidden$3,
   pills,
@@ -19952,7 +19954,7 @@ const NavPills = ({ id, children: children2 }) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: child["props"]?.title === activeItem ? styles$1V.visible : styles$1V.hidden,
+        className: child["props"]?.title === activeItem ? styles$1W.visible : styles$1W.hidden,
         children: child
       },
       `nav-pill-container-${idx}`
@@ -19962,7 +19964,7 @@ const NavPills = ({ id, children: children2 }) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "ul",
       {
-        className: clsx("nav", "nav-pills", styles$1V.pills),
+        className: clsx("nav", "nav-pills", styles$1W.pills),
         role: "tablist",
         "aria-orientation": "horizontal",
         children: navPills
@@ -19998,7 +20000,7 @@ const NavPill = ({
           "nav-link",
           "text-style-label",
           active ? "active " : "",
-          styles$1V.pill
+          styles$1W.pill
         ),
         "data-target": title2,
         onClick: handleClick,
@@ -20014,7 +20016,7 @@ const Buckets = {
   final: 1e3
 };
 const copyButton = "_copyButton_1goi8_1";
-const styles$1U = {
+const styles$1V = {
   copyButton
 };
 const CopyButton = ({
@@ -20044,7 +20046,7 @@ const CopyButton = ({
     "button",
     {
       type: "button",
-      className: clsx("copy-button", styles$1U.copyButton, className2),
+      className: clsx("copy-button", styles$1V.copyButton, className2),
       onClick: handleClick,
       "aria-label": ariaLabel,
       disabled: isCopied,
@@ -20087,7 +20089,7 @@ const moreToggleButton = "_moreToggleButton_1cl3h_36";
 const separator$6 = "_separator_1cl3h_42";
 const inlineRight = "_inlineRight_1cl3h_48";
 const blockLeft = "_blockLeft_1cl3h_54";
-const styles$1T = {
+const styles$1U = {
   expandablePanel,
   expandableBordered,
   expandableCollapsed,
@@ -20139,10 +20141,10 @@ const ExpandablePanel = memo$2(
           style: baseStyles,
           ref: contentRef,
           className: clsx(
-            styles$1T.expandablePanel,
-            collapsed2 ? styles$1T.expandableCollapsed : void 0,
-            border ? styles$1T.expandableBordered : void 0,
-            showToggle ? styles$1T.padBottom : void 0,
+            styles$1U.expandablePanel,
+            collapsed2 ? styles$1U.expandableCollapsed : void 0,
+            border ? styles$1U.expandableBordered : void 0,
+            showToggle ? styles$1U.padBottom : void 0,
             className2
           ),
           children: [
@@ -20168,7 +20170,7 @@ const ExpandablePanel = memo$2(
           position: "block-left"
         }
       ) }),
-      showToggle && layout == "inline-right" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1T.separator) })
+      showToggle && layout == "inline-right" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1U.separator) })
     ] });
   }
 );
@@ -20187,15 +20189,15 @@ const MoreToggle = ({
     "div",
     {
       className: clsx(
-        styles$1T.moreToggle,
-        border ? styles$1T.bordered : void 0,
-        position === "inline-right" ? styles$1T.inlineRight : styles$1T.blockLeft
+        styles$1U.moreToggle,
+        border ? styles$1U.bordered : void 0,
+        position === "inline-right" ? styles$1U.inlineRight : styles$1U.blockLeft
       ),
       style: style2,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
-          className: clsx("btn", styles$1T.moreToggleButton, "text-size-smallest"),
+          className: clsx("btn", styles$1U.moreToggleButton, "text-size-smallest"),
           onClick: handleClick,
           children: [
             text2,
@@ -23625,7 +23627,7 @@ const keyPairBordered = "_keyPairBordered_qjlxf_9";
 const key = "_key_qjlxf_1";
 const pre$1 = "_pre_qjlxf_19";
 const treeIcon = "_treeIcon_qjlxf_23";
-const styles$1S = {
+const styles$1T = {
   keyPairContainer,
   keyPairBordered,
   key,
@@ -23811,8 +23813,8 @@ const RecordTree = ({
       "div",
       {
         className: clsx(
-          styles$1S.keyPairContainer,
-          index < items.length - 1 && useBorders ? styles$1S.keyPairBordered : void 0,
+          styles$1T.keyPairContainer,
+          index < items.length - 1 && useBorders ? styles$1T.keyPairBordered : void 0,
           "text-size-small"
         ),
         style: {
@@ -23825,7 +23827,7 @@ const RecordTree = ({
               "data-index": index,
               className: clsx(
                 kRecordTreeKey,
-                styles$1S.key,
+                styles$1T.key,
                 "font-monospace",
                 "text-style-secondary"
               ),
@@ -23835,16 +23837,16 @@ const RecordTree = ({
                 setCollapsed(item2.id, !collapsedIds?.[item2.id]);
               },
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: item2.hasChildren ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1S.pre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: item2.hasChildren ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1T.pre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "i",
                   {
                     className: clsx(
                       collapsedIds && collapsedIds[item2.id] ? ApplicationIcons.tree.closed : ApplicationIcons.tree.open,
-                      styles$1S.treeIcon
+                      styles$1T.treeIcon
                     )
                   }
                 ) }) : void 0 }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: clsx(styles$1S.pre), children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: clsx(styles$1T.pre), children: [
                   item2.key,
                   ":"
                 ] })
@@ -24324,7 +24326,7 @@ const indented = "_indented_b8oe1_29";
 const copyLink$1 = "_copyLink_b8oe1_33";
 const metadataLabel = "_metadataLabel_b8oe1_43";
 const hover$1 = "_hover_b8oe1_47";
-const styles$1R = {
+const styles$1S = {
   message: message$3,
   systemRole,
   messageGrid,
@@ -94959,7 +94961,7 @@ function unescapeCodeHtmlEntities(str2) {
   );
 }
 const content$7 = "_content_13ihw_1";
-const styles$1Q = {
+const styles$1R = {
   content: content$7
 };
 const Preformatted = forwardRef(
@@ -94968,7 +94970,7 @@ const Preformatted = forwardRef(
       "pre",
       {
         ref,
-        className: clsx(styles$1Q.content, "text-size-smaller", className2),
+        className: clsx(styles$1R.content, "text-size-smaller", className2),
         style: style2,
         children: text2
       }
@@ -95002,22 +95004,22 @@ const RenderedText = forwardRef(({ markdown, style: style2, className: className
 });
 const webSearch = "_webSearch_1376z_1";
 const query$1 = "_query_1376z_8";
-const styles$1P = {
+const styles$1Q = {
   webSearch,
   query: query$1
 };
 const WebSearch = ({ query: query2 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1P.webSearch, "text-size-smaller"), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1Q.webSearch, "text-size-smaller"), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-style-label", "text-style-secondary"), children: "Web Search:" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$1P.query, "text-size-smallest"), children: query2 })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$1Q.query, "text-size-smallest"), children: query2 })
   ] });
 };
 const contentData = "_contentData_1sd1z_1";
-const styles$1O = {
+const styles$1P = {
   contentData
 };
 const result$1 = "_result_1mixg_12";
-const styles$1N = {
+const styles$1O = {
   result: result$1
 };
 const WebSearchResults = ({
@@ -95028,7 +95030,7 @@ const WebSearchResults = ({
       "div",
       {
         className: clsx(
-          styles$1N.label,
+          styles$1O.label,
           "text-style-label",
           "text-style-secondary",
           "text-size-smaller"
@@ -95036,10 +95038,10 @@ const WebSearchResults = ({
         children: "Results"
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx(styles$1N.results, "text-size-smaller"), children: results.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx(styles$1O.results, "text-size-smaller"), children: results.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       "li",
       {
-        className: clsx(styles$1N.result, "text-style-secondary"),
+        className: clsx(styles$1O.result, "text-style-secondary"),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "a",
           {
@@ -95063,17 +95065,17 @@ const ContentDataView = ({ id, contentData: contentData2 }) => {
   );
   if (!renderer) {
     const { encrypted_content, ...record } = renderableData;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1O.contentData), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1P.contentData), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       RecordTree,
       {
         id: `${id}-tree`,
         record,
-        className: clsx(styles$1O.data),
+        className: clsx(styles$1P.data),
         defaultExpandLevel: 0
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1O.contentData), children: renderer.render(renderableData) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1P.contentData), children: renderer.render(renderableData) });
 };
 const webSearchServerToolRenderer = {
   name: "WebSearch",
@@ -95115,7 +95117,7 @@ const serverToolRenderer = {
         {
           id: data.name || "server-tool",
           record: data,
-          className: clsx(styles$1O.data)
+          className: clsx(styles$1P.data)
         }
       )
     ] });
@@ -96581,6 +96583,9 @@ const clientApi = (api2, log_file, debug2 = false) => {
         return api2.download_file(download_file2, file_contents);
       }
     ),
+    download_log: api2.download_log ? middleware("download_log", (log_file2) => {
+      return api2.download_log(log_file2);
+    }) : void 0,
     log_message: middleware(
       "log_message",
       (log_file2, message2) => {
@@ -97241,6 +97246,16 @@ function viewServerApi(options2 = {}) {
     );
     return result2.parsed;
   };
+  const download_log = async (log_file) => {
+    const baseUrl2 = apiBaseUrl || "/api";
+    const url = `${baseUrl2}/log-download/${encodeURIComponent(log_file)}`;
+    const link2 = document.createElement("a");
+    link2.href = url;
+    link2.download = "";
+    document.body.appendChild(link2);
+    link2.click();
+    document.body.removeChild(link2);
+  };
   return {
     client_events: client_events2,
     get_log_root: get_log_root2,
@@ -97254,6 +97269,7 @@ function viewServerApi(options2 = {}) {
     get_log_summaries: get_log_summaries2,
     log_message: log_message2,
     download_file: download_file$1,
+    download_log,
     open_log_file: async () => {
     },
     eval_pending_samples: eval_pending_samples2,
@@ -97540,7 +97556,7 @@ const documentFrame = "_documentFrame_1576h_1";
 const documentFrameTitle = "_documentFrameTitle_1576h_9";
 const downloadLink = "_downloadLink_1576h_16";
 const imageDocument = "_imageDocument_1576h_21";
-const styles$1M = {
+const styles$1N = {
   documentFrame,
   documentFrameTitle,
   downloadLink,
@@ -97557,7 +97573,7 @@ const ContentDocumentView = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ContentDocumentFrame, { document: document2, downloadable: canDownloadFiles, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "img",
       {
-        className: clsx(styles$1M.imageDocument),
+        className: clsx(styles$1N.imageDocument),
         src: document2.document,
         alt: document2.filename,
         id
@@ -97582,17 +97598,17 @@ const ContentDocumentFrame = ({
     "div",
     {
       className: clsx(
-        styles$1M.documentFrame,
+        styles$1N.documentFrame,
         "text-size-small",
         "text-style-secondary"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1M.documentFrameTitle), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1N.documentFrameTitle), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(iconForMimeType(document2.mime_type)) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: downloadable ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             "a",
             {
-              className: clsx(styles$1M.downloadLink),
+              className: clsx(styles$1N.downloadLink),
               onClick: () => {
                 api.download_file(document2.filename, document2.document);
               },
@@ -97606,7 +97622,7 @@ const ContentDocumentFrame = ({
   );
 };
 const jsonMessage = "_jsonMessage_oxf8d_1";
-const styles$1L = {
+const styles$1M = {
   jsonMessage
 };
 const JsonMessageContent = ({
@@ -97619,7 +97635,7 @@ const JsonMessageContent = ({
     {
       id,
       record: json,
-      className: clsx(styles$1L.jsonMessage, className2),
+      className: clsx(styles$1M.jsonMessage, className2),
       useBorders: false
     }
   );
@@ -97634,7 +97650,7 @@ const decodeHtmlEntities = (text2) => {
 };
 const citations = "_citations_1ggvf_1";
 const citationLink = "_citationLink_1ggvf_9";
-const styles$1K = {
+const styles$1L = {
   citations,
   citationLink
 };
@@ -97642,7 +97658,7 @@ const MessageCitations = ({ citations: citations2 }) => {
   if (citations2.length === 0) {
     return void 0;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1K.citations, "text-size-smallest"), children: citations2.map((citation, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1L.citations, "text-size-smallest"), children: citations2.map((citation, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: index + 1 }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCitation, { citation })
   ] }, index)) });
@@ -97662,7 +97678,7 @@ const UrlCitation = ({
     href: citation.url,
     target: "_blank",
     rel: "noopener noreferrer",
-    className: clsx(styles$1K.citationLink),
+    className: clsx(styles$1L.citationLink),
     title: citation.cited_text ? `${citation.cited_text}
 ${citation.url}` : citation.url,
     children: children2
@@ -97671,7 +97687,7 @@ ${citation.url}` : citation.url,
 const OtherCitation = ({ children: children2 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children2 });
 const contentImage = "_contentImage_8rgix_1";
 const reasoning = "_reasoning_8rgix_6";
-const styles$1J = {
+const styles$1K = {
   contentImage,
   reasoning
 };
@@ -97682,7 +97698,7 @@ const args = "_args_1792k_22";
 const argLabel = "_argLabel_1792k_31";
 const error$2 = "_error_1792k_35";
 const toolPanel = "_toolPanel_1792k_40";
-const styles$1I = {
+const styles$1J = {
   mcpToolUse,
   title: title$3,
   titleText,
@@ -97703,23 +97719,23 @@ const McpToolUse = ({ id, content: content2, className: className2 }) => {
   const titleStr = content2.context ? `${content2.context} — ${content2.name}()` : `${content2.name}()`;
   const listToolsResult = maybeListTools(content2);
   const webSearchResult = maybeWebSearchResult(content2);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id, className: clsx(styles$1I.mcpToolUse, className2), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id, className: clsx(styles$1J.mcpToolUse, className2), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         className: clsx(
-          styles$1I.title,
+          styles$1J.title,
           "text-size-small",
           "text-style-secondary"
         ),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.role.tool }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$1I.titleText, children: titleStr }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1I.type, children: content2.type })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$1J.titleText, children: titleStr }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1J.type, children: content2.type })
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1I.args, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1J.args, children: [
       Object.keys(args2).map((key2, index) => {
         const value2 = args2[key2];
         let valueRecord = void 0;
@@ -97738,7 +97754,7 @@ const McpToolUse = ({ id, content: content2, className: className2 }) => {
       }),
       webSearchResult ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(LabelDiv, { label: "results" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDiv, { children: webSearchResult.result.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1I.result, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDiv, { children: webSearchResult.result.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1J.result, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "a",
           {
             href: result2.url,
@@ -97753,7 +97769,7 @@ const McpToolUse = ({ id, content: content2, className: className2 }) => {
         {
           id: `${id}-output`,
           collapse: true,
-          className: clsx(styles$1I.toolPanel),
+          className: clsx(styles$1J.toolPanel),
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(LabelDiv, { label: tool2.name }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(ValueDiv, { children: [
@@ -97771,7 +97787,7 @@ const McpToolUse = ({ id, content: content2, className: className2 }) => {
         }
       ) })) : void 0
     ] }),
-    content2.error ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1I.error, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+    content2.error ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1J.error, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
       "Error: ",
       content2.error
     ] }) }) : !listToolsResult && !webSearchResult ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandablePanel, { id: `${id}-output`, collapse: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -97828,7 +97844,7 @@ const LabelDiv = ({ label: label2 }) => {
     "div",
     {
       className: clsx(
-        styles$1I.argLabel,
+        styles$1J.argLabel,
         "text-style-secondary",
         "text-size-smaller"
       ),
@@ -97843,7 +97859,7 @@ const toolImage = "_toolImage_1wvgr_1";
 const output = "_output_1wvgr_6";
 const textOutput = "_textOutput_1wvgr_10";
 const textCode = "_textCode_1wvgr_18";
-const styles$1H = {
+const styles$1I = {
   toolImage,
   output,
   textOutput,
@@ -97865,7 +97881,7 @@ const ToolOutput = ({ output: output2, className: className2 }) => {
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "img",
               {
-                className: clsx(styles$1H.toolImage),
+                className: clsx(styles$1I.toolImage),
                 src: out.image
               },
               key2
@@ -97881,14 +97897,14 @@ const ToolOutput = ({ output: output2, className: className2 }) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(ToolTextOutput, { text: String(output2) }, "tool-output-single")
     );
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1H.output, className2), children: outputs });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1I.output, className2), children: outputs });
 };
 const ToolTextOutput = ({ text: text2 }) => {
   if (isJson(text2)) {
     const obj = JSON.parse(text2);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(JsonMessageContent, { id: `1-json`, json: obj });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1H.textOutput, "tool-output"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("sourceCode", styles$1H.textCode), children: text2.trim() }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1I.textOutput, "tool-output"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("sourceCode", styles$1I.textCode), children: text2.trim() }) });
 };
 const isMessageContent = (content2) => {
   return typeof content2 === "object" && content2 !== null && "type" in content2 && typeof content2.type === "string";
@@ -97994,7 +98010,7 @@ const messageRenderers = {
           title2 = "Reasoning (Summary)";
         }
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1J.reasoning, "text-size-small"), children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1K.reasoning, "text-size-small"), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
@@ -98017,7 +98033,7 @@ const messageRenderers = {
     render: (key2, content2, _isLast, _context) => {
       const c2 = content2;
       if (c2.image.startsWith("data:")) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: c2.image, className: styles$1J.contentImage }, key2);
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: c2.image, className: styles$1K.contentImage }, key2);
       } else {
         return /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: c2.image }, key2);
       }
@@ -98244,20 +98260,20 @@ const extractInput = (args2, inputDescriptor) => {
   }
 };
 const toolCallView = "_toolCallView_l6wae_1";
-const styles$1G = {
+const styles$1H = {
   toolCallView
 };
 const outputPre = "_outputPre_1jznn_1";
 const toolView = "_toolView_1jznn_7";
 const outputCode = "_outputCode_1jznn_15";
-const styles$1F = {
+const styles$1G = {
   outputPre,
   toolView,
   outputCode
 };
 const todoList = "_todoList_1t8rx_1";
 const inProgress = "_inProgress_1t8rx_9";
-const styles$1E = {
+const styles$1F = {
   todoList,
   inProgress
 };
@@ -98277,7 +98293,7 @@ const toToolTodos = (obj) => {
 };
 const TodoWriteInput = ({ contents: contents2, parentRef }) => {
   const todoItems = toToolTodos(contents2);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: parentRef, className: clsx(styles$1E.todoList), children: todoItems.map((todo) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: parentRef, className: clsx(styles$1F.todoList), children: todoItems.map((todo) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "i",
@@ -98292,9 +98308,9 @@ const TodoWriteInput = ({ contents: contents2, parentRef }) => {
         "span",
         {
           className: clsx(
-            styles$1E.todoItem,
+            styles$1F.todoItem,
             "text-size-smallest",
-            todo.status === "in_progress" ? styles$1E.inProgress : void 0
+            todo.status === "in_progress" ? styles$1F.inProgress : void 0
           ),
           children: todo.content
         }
@@ -98314,7 +98330,7 @@ const ToolInput = (props) => {
       {
         markdown: toolCallView2.content,
         ref: sourceCodeRef,
-        className: clsx("tool-output", styles$1F.toolView, className2)
+        className: clsx("tool-output", styles$1G.toolView, className2)
       }
     );
   } else {
@@ -98344,8 +98360,8 @@ const RenderTool = ({
     {
       className: clsx(
         "tool-output",
-        styles$1F.outputPre,
-        styles$1F.bottomMargin,
+        styles$1G.outputPre,
+        styles$1G.bottomMargin,
         className2
       ),
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -98355,7 +98371,7 @@ const RenderTool = ({
             "source-code",
             "sourceCode",
             contentType ? `language-${contentType}` : void 0,
-            styles$1F.outputCode
+            styles$1G.outputCode
           ),
           children: formattedContent
         }
@@ -98366,16 +98382,16 @@ const RenderTool = ({
 const image = "_image_1vcac_1";
 const toolTitle = "_toolTitle_1vcac_6";
 const description = "_description_1vcac_10";
-const styles$1D = {
+const styles$1E = {
   image,
   toolTitle,
   description
 };
 const ToolTitle = ({ title: title2, description: description2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi", "bi-tools", styles$1D.image) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-small", styles$1D.toolTitle), children: title2 }),
-    description2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: clsx(styles$1D.description, "text-size-smallest"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi", "bi-tools", styles$1E.image) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-small", styles$1E.toolTitle), children: title2 }),
+    description2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: clsx(styles$1E.description, "text-size-smallest"), children: [
       "- ",
       description2
     ] }) : void 0
@@ -98424,7 +98440,7 @@ const ToolCallView = ({
   });
   const contents2 = mode !== "compact" ? input2 : input2 || functionCall;
   const context = defaultContext();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1G.toolCallView), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1H.toolCallView), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       mode !== "compact" && (!view || view.title) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         ToolTitle,
@@ -98477,7 +98493,7 @@ const normalizeContent$1 = (output2) => {
 };
 const content$6 = "_content_1b2jp_1";
 const codeCompact = "_codeCompact_1b2jp_5";
-const styles$1C = {
+const styles$1D = {
   content: content$6,
   codeCompact
 };
@@ -98507,7 +98523,7 @@ const MessageContents = ({
       }
       const resolvedToolOutput = resolveToolMessage(toolMessage);
       if (toolCallStyle === "compact") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("code", { className: clsx(styles$1C.codeCompact), children: [
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("code", { className: clsx(styles$1D.codeCompact), children: [
           "tool: ",
           functionCall
         ] }) }, `tool-call-${idx}`);
@@ -98530,7 +98546,7 @@ const MessageContents = ({
       }
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-      message2.content && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1C.content, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { contents: message2.content, context }) }),
+      message2.content && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1D.content, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { contents: message2.content, context }) }),
       toolCalls
     ] });
   } else {
@@ -98605,10 +98621,10 @@ const ChatMessage = memo$2(
         className: clsx(
           message2.role,
           "text-size-base",
-          styles$1R.message,
-          message2.role === "system" ? styles$1R.systemRole : void 0,
-          message2.role === "user" ? styles$1R.userRole : void 0,
-          mouseOver ? styles$1R.hover : void 0
+          styles$1S.message,
+          message2.role === "system" ? styles$1S.systemRole : void 0,
+          message2.role === "user" ? styles$1S.userRole : void 0,
+          mouseOver ? styles$1S.hover : void 0
         ),
         onMouseEnter: () => setMouseOver(true),
         onMouseLeave: () => setMouseOver(false),
@@ -98617,8 +98633,8 @@ const ChatMessage = memo$2(
             "div",
             {
               className: clsx(
-                styles$1R.messageGrid,
-                message2.role === "tool" ? styles$1R.toolMessageGrid : void 0,
+                styles$1S.messageGrid,
+                message2.role === "tool" ? styles$1S.toolMessageGrid : void 0,
                 "text-style-label"
               ),
               children: [
@@ -98629,7 +98645,7 @@ const ChatMessage = memo$2(
                   {
                     icon: ApplicationIcons.link,
                     value: toFullUrl(messageUrl),
-                    className: clsx(styles$1R.copyLink)
+                    className: clsx(styles$1S.copyLink)
                   }
                 ) : ""
               ]
@@ -98639,8 +98655,8 @@ const ChatMessage = memo$2(
             "div",
             {
               className: clsx(
-                styles$1R.messageContents,
-                indented2 ? styles$1R.indented : void 0
+                styles$1S.messageContents,
+                indented2 ? styles$1S.indented : void 0
               ),
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -98665,7 +98681,7 @@ const ChatMessage = memo$2(
                   LabeledValue,
                   {
                     label: "Metadata",
-                    className: clsx(styles$1R.metadataLabel, "text-size-smaller"),
+                    className: clsx(styles$1S.metadataLabel, "text-size-smaller"),
                     children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                       RecordTree,
                       {
@@ -98688,7 +98704,7 @@ const grid$a = "_grid_3x3ql_1";
 const number$5 = "_number_3x3ql_10";
 const user = "_user_3x3ql_14";
 const container$m = "_container_3x3ql_19";
-const styles$1B = {
+const styles$1C = {
   grid: grid$a,
   number: number$5,
   user,
@@ -98708,9 +98724,9 @@ const ChatMessageRow = ({
       "div",
       {
         className: clsx(
-          styles$1B.grid,
-          styles$1B.container,
-          highlightUserMessage && resolvedMessage.message.role === "user" ? styles$1B.user : void 0
+          styles$1C.grid,
+          styles$1C.container,
+          highlightUserMessage && resolvedMessage.message.role === "user" ? styles$1C.user : void 0
         ),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -98719,7 +98735,7 @@ const ChatMessageRow = ({
               className: clsx(
                 "text-size-smaller",
                 "text-style-secondary",
-                styles$1B.number
+                styles$1C.number
               ),
               children: number2
             }
@@ -98743,9 +98759,9 @@ const ChatMessageRow = ({
       "div",
       {
         className: clsx(
-          styles$1B.container,
-          styles$1B.simple,
-          highlightUserMessage && resolvedMessage.message.role === "user" ? styles$1B.user : void 0
+          styles$1C.container,
+          styles$1C.simple,
+          highlightUserMessage && resolvedMessage.message.role === "user" ? styles$1C.user : void 0
         ),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -98911,7 +98927,7 @@ const ChatSummary = ({ id, messages: messages2 }) => {
 };
 const grid$9 = "_grid_14885_1";
 const cell$2 = "_cell_14885_8";
-const styles$1A = {
+const styles$1B = {
   grid: grid$9,
   cell: cell$2
 };
@@ -98942,7 +98958,7 @@ const MetaDataGrid = ({
         {
           className: clsx(
             `${baseId}-key`,
-            styles$1A.cell,
+            styles$1B.cell,
             "text-style-label",
             "text-style-secondary",
             fontStyle
@@ -98950,7 +98966,7 @@ const MetaDataGrid = ({
           children: entry?.name
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1A.value, `${baseId}-value`, fontStyle), children: entry && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1B.value, `${baseId}-value`, fontStyle), children: entry && /* @__PURE__ */ jsxRuntimeExports.jsx(
         RenderedContent,
         {
           id: id2,
@@ -98960,7 +98976,7 @@ const MetaDataGrid = ({
               MetaDataGrid,
               {
                 id: id2,
-                className: clsx(styles$1A.nested),
+                className: clsx(styles$1B.nested),
                 entries: obj,
                 size,
                 plain
@@ -98971,7 +98987,7 @@ const MetaDataGrid = ({
       ) })
     ] }, `${baseId}-record-${index}`);
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id, className: clsx(className2, styles$1A.grid), style: style2, children: entryEls });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id, className: clsx(className2, styles$1B.grid), style: style2, children: entryEls });
 };
 const entryRecords = (entries) => {
   if (!entries) {
@@ -98989,7 +99005,7 @@ const query = "_query_seqs2_1";
 const summary$3 = "_summary_seqs2_6";
 const preWrap = "_preWrap_seqs2_10";
 const preCompact = "_preCompact_seqs2_15";
-const styles$1z = {
+const styles$1A = {
   query,
   summary: summary$3,
   preWrap,
@@ -99107,7 +99123,7 @@ const contentRenderers = (renderObject) => {
           };
         } else {
           return {
-            rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1z.preWrap, styles$1z.preCompact), children: rendered })
+            rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1A.preWrap, styles$1A.preCompact), children: rendered })
           };
         }
       }
@@ -99156,7 +99172,7 @@ const contentRenderers = (renderObject) => {
       render: (_id, entry, _options) => {
         const results = [];
         results.push(
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1z.query, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1A.query, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.search }),
             " ",
             entry.value.query
@@ -99168,7 +99184,7 @@ const contentRenderers = (renderObject) => {
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: result2.url, children: result2.url }) })
             );
             results.push(
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller", styles$1z.summary), children: result2.summary })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller", styles$1A.summary), children: result2.summary })
             );
           }
         );
@@ -99184,7 +99200,7 @@ const contentRenderers = (renderObject) => {
       },
       render: (_id, entry, _options) => {
         return {
-          rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$1z.preWrap, children: entry.value })
+          rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$1A.preWrap, children: entry.value })
         };
       }
     },
@@ -99270,7 +99286,7 @@ const circle = "_circle_1iagp_1";
 const green = "_green_1iagp_12";
 const red = "_red_1iagp_18";
 const orange = "_orange_1iagp_24";
-const styles$1y = {
+const styles$1z = {
   circle,
   green,
   red,
@@ -99311,22 +99327,22 @@ const passFailScoreDescriptor = (values) => {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           "span",
           {
-            className: clsx("text-size-small", styles$1y.circle, styles$1y.green),
+            className: clsx("text-size-small", styles$1z.circle, styles$1z.green),
             children: "C"
           }
         );
       } else if (score2 === "I") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-size-small", styles$1y.circle, styles$1y.red), children: "I" });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-size-small", styles$1z.circle, styles$1z.red), children: "I" });
       } else if (score2 === "P") {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           "span",
           {
-            className: clsx("text-size-small", styles$1y.circle, styles$1y.orange),
+            className: clsx("text-size-small", styles$1z.circle, styles$1z.orange),
             children: "P"
           }
         );
       } else if (score2 === "N") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-size-small", styles$1y.circle, styles$1y.red), children: "N" });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-size-small", styles$1z.circle, styles$1z.red), children: "N" });
       } else {
         return String(score2);
       }
@@ -102377,7 +102393,7 @@ const filterSamples = (evalDescriptor, samples, filterValue) => {
 };
 const flex = "_flex_1kye9_1";
 const label$a = "_label_1kye9_5";
-const styles$1x = {
+const styles$1y = {
   flex,
   label: label$a
 };
@@ -102411,7 +102427,7 @@ const SortFilter = ({ sort: sort2, setSort, epochs }) => {
     },
     [setSort]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1x.flex, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1y.flex, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "span",
       {
@@ -102420,7 +102436,7 @@ const SortFilter = ({ sort: sort2, setSort, epochs }) => {
           "text-size-smaller",
           "text-style-label",
           "text-style-secondary",
-          styles$1x.label
+          styles$1y.label
         ),
         children: "Sort:"
       }
@@ -103144,7 +103160,7 @@ function useClientEvents() {
 }
 const button$3 = "_button_1bbut_1";
 const viewerOptions$1 = "_viewerOptions_1bbut_7";
-const styles$1w = {
+const styles$1x = {
   button: button$3,
   viewerOptions: viewerOptions$1
 };
@@ -103164,14 +103180,14 @@ const FlowButton = forwardRef(
       {
         ref,
         type: "button",
-        className: clsx(styles$1w.button),
+        className: clsx(styles$1x.button),
         onClick: navigate,
         title: "View Flow configuration for this directory",
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "i",
           {
             ref,
-            className: clsx(ApplicationIcons.flow, styles$1w.viewerOptions)
+            className: clsx(ApplicationIcons.flow, styles$1x.viewerOptions)
           }
         )
       }
@@ -103195,28 +103211,28 @@ const useFlowServerData = (dir) => {
 const wrapper$4 = "_wrapper_1tajk_1";
 const container$l = "_container_1tajk_12";
 const animate = "_animate_1tajk_21";
-const styles$1v = {
+const styles$1w = {
   wrapper: wrapper$4,
   container: container$l,
   animate
 };
 const ActivityBar = ({ animating }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1v.wrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1w.wrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: clsx(styles$1v.container),
+      className: clsx(styles$1w.container),
       role: "progressbar",
       "aria-label": "Progress bar",
       "aria-valuenow": 25,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      children: animating && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1v.animate })
+      children: animating && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1w.animate })
     }
   ) });
 };
 const button$2 = "_button_1bbut_1";
 const viewerOptions = "_viewerOptions_1bbut_7";
-const styles$1u = {
+const styles$1v = {
   button: button$2,
   viewerOptions
 };
@@ -103229,14 +103245,14 @@ const ViewerOptionsButton = forwardRef(({ showing, setShowing }, ref) => {
     {
       ref,
       type: "button",
-      className: clsx(styles$1u.button),
+      className: clsx(styles$1v.button),
       onClick: toggleShowing,
       title: "Viewer information and options",
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "i",
         {
           ref,
-          className: clsx(ApplicationIcons.info, styles$1u.viewerOptions)
+          className: clsx(ApplicationIcons.info, styles$1v.viewerOptions)
         }
       )
     }
@@ -105123,7 +105139,7 @@ const clearButton = "_clearButton_e3s30_52";
 const message$2 = "_message_e3s30_56";
 const messageSuccess = "_messageSuccess_e3s30_64";
 const messageError = "_messageError_e3s30_69";
-const styles$1t = {
+const styles$1u = {
   container: container$k,
   fullWidth: fullWidth$2,
   fullWidthPadded,
@@ -105175,32 +105191,32 @@ const ViewerOptionsPopover = ({
       hoverDelay: -1,
       offset: [-10, 5],
       showArrow: false,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1t.container, "text-size-smaller"), children: [
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1u.container, "text-size-smaller"), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             className: clsx(
               "text-style-label",
               "text-style-secondary",
-              styles$1t.fullWidth
+              styles$1u.fullWidth
             ),
             children: "Log Directory"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1t.fullWidth, styles$1t.fullWidthPadded), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1t.logDir, children: logDir2 }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1t.spacer) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1u.fullWidth, styles$1u.fullWidthPadded), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1u.logDir, children: logDir2 }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1u.spacer) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Version" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.153-38-gd71c6fae9" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.154-9-gdf2da8d14" }),
         /* @__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$1t.spacer) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1u.spacer) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Logs" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: dbStats?.logCount || 0 }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Log Previews" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: dbStats?.previewCount || 0 }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Log Details" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: dbStats?.detailsCount || 0 }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1t.spacer) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1u.spacer) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Tools" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(), children: [
           " ",
@@ -105213,7 +105229,7 @@ const ViewerOptionsPopover = ({
                 "btn",
                 "btn-tools",
                 "text-size-smallest",
-                styles$1t.clearButton
+                styles$1u.clearButton
               ),
               children: isClearing ? "Clearing..." : "Clear Local Database"
             }
@@ -105223,9 +105239,9 @@ const ViewerOptionsPopover = ({
           "div",
           {
             className: clsx(
-              styles$1t.fullWidth,
-              styles$1t.message,
-              clearMessage.includes("success") ? styles$1t.messageSuccess : styles$1t.messageError
+              styles$1u.fullWidth,
+              styles$1u.message,
+              clearMessage.includes("success") ? styles$1u.messageSuccess : styles$1u.messageError
             ),
             children: clearMessage
           }
@@ -105242,7 +105258,7 @@ const left$1 = "_left_1u3sd_31";
 const right$1 = "_right_1u3sd_41";
 const toolbarButton = "_toolbarButton_1u3sd_50";
 const pathContainer = "_pathContainer_1u3sd_58";
-const styles$1s = {
+const styles$1t = {
   header: header$3,
   bordered,
   breadcrumbs,
@@ -105378,45 +105394,45 @@ const Navbar = ({
       className: clsx(
         "text-size-smaller",
         "header-nav",
-        styles$1s.header,
-        bordered2 === false ? null : styles$1s.bordered
+        styles$1t.header,
+        bordered2 === false ? null : styles$1t.bordered
       ),
       "aria-label": "breadcrumb",
       "data-unsearchable": true,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1s.left), children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: backUrl, className: clsx(styles$1s.toolbarButton), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.navbar.back) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1t.left), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: backUrl, className: clsx(styles$1t.toolbarButton), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.navbar.back) }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Link,
             {
               to: fnNavigationUrl("", logDir2),
-              className: clsx(styles$1s.toolbarButton),
+              className: clsx(styles$1t.toolbarButton),
               onClick: () => {
                 setPage(0);
               },
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.navbar.home) })
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1s.pathContainer), ref: pathContainerRef, children: logDir2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx("breadcrumb", styles$1s.breadcrumbs), children: visibleSegments?.map((segment2, index) => {
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1t.pathContainer), ref: pathContainerRef, children: logDir2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx("breadcrumb", styles$1t.breadcrumbs), children: visibleSegments?.map((segment2, index) => {
             const isLast = index === visibleSegments.length - 1;
             const shouldShowEllipsis = showEllipsis && index === 1 && visibleSegments.length >= 2;
             return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-              shouldShowEllipsis && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: clsx("breadcrumb-item", styles$1s.ellipsis), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "..." }) }),
+              shouldShowEllipsis && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: clsx("breadcrumb-item", styles$1t.ellipsis), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "..." }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "li",
                 {
                   className: clsx(
-                    styles$1s.pathLink,
+                    styles$1t.pathLink,
                     "breadcrumb-item",
                     isLast ? "active" : void 0
                   ),
-                  children: segment2.url && !isLast ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: segment2.url, children: segment2.text }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$1s.pathSegment), children: segment2.text })
+                  children: segment2.url && !isLast ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: segment2.url, children: segment2.text }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$1t.pathSegment), children: segment2.text })
                 }
               )
             ] }, index);
           }) }) : "" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1s.right), children: children2 })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1t.right), children: children2 })
       ]
     }
   );
@@ -105480,7 +105496,7 @@ const ApplicationNavbar = ({
 const rootControl = "_rootControl_mhb7y_1";
 const segment = "_segment_mhb7y_9";
 const selected$4 = "_selected_mhb7y_9";
-const styles$1r = {
+const styles$1s = {
   rootControl,
   segment,
   selected: selected$4
@@ -105499,13 +105515,13 @@ const SegmentedControl = ({
   if (selectedId === void 0) {
     selectedId = segments2[0]?.id;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1r.rootControl), children: segments2.map((segment2, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1s.rootControl), children: segments2.map((segment2, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
     {
       className: clsx(
-        styles$1r.segment,
+        styles$1s.segment,
         {
-          [styles$1r.selected]: selectedId === segment2.id
+          [styles$1s.selected]: selectedId === segment2.id
         },
         "text-size-smallest",
         "text-style-secondary"
@@ -108545,7 +108561,7 @@ const bodyRow = "_bodyRow_55y8l_96";
 const selectedRow = "_selectedRow_55y8l_111";
 const bodyCell = "_bodyCell_55y8l_121";
 const emptyMessage = "_emptyMessage_55y8l_133";
-const styles$1q = {
+const styles$1r = {
   gridContainer,
   grid: grid$8,
   headerRow: headerRow$1,
@@ -108561,15 +108577,15 @@ const styles$1q = {
   emptyMessage
 };
 const dateCell = "_dateCell_1f2i9_1";
-const styles$1p = {
+const styles$1q = {
   dateCell
 };
 const emptyCell = "_emptyCell_17jto_1";
-const styles$1o = {
+const styles$1p = {
   emptyCell
 };
 const EmptyCell = () => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1o.emptyCell, children: "-" });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1p.emptyCell, children: "-" });
 };
 const completedDateColumn = () => {
   return columnHelper.accessor(
@@ -108597,7 +108613,7 @@ const completedDateColumn = () => {
         if (!timeStr) {
           return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
         }
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1p.dateCell, children: timeStr });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1q.dateCell, children: timeStr });
       },
       sortingFn: (rowA, rowB) => {
         const itemA = rowA.original;
@@ -108623,7 +108639,7 @@ const itemCompletedAt = (item2) => {
 };
 const nameCell$1 = "_nameCell_arm8o_1";
 const fileLink = "_fileLink_arm8o_8";
-const styles$1n = {
+const styles$1o = {
   nameCell: nameCell$1,
   fileLink
 };
@@ -108637,7 +108653,7 @@ const fileNameColumn = () => {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
       }
       let value2 = basename(item2.name);
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1n.nameCell, children: item2.url ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: item2.url, className: styles$1n.fileLink, children: value2 }) : value2 });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1o.nameCell, children: item2.url ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: item2.url, className: styles$1o.fileLink, children: value2 }) : value2 });
     },
     enableSorting: true,
     enableGlobalFilter: true,
@@ -108657,14 +108673,14 @@ const fileNameColumn = () => {
   });
 };
 const iconCell = "_iconCell_1qfra_1";
-const styles$1m = {
+const styles$1n = {
   iconCell
 };
 const iconColumn = () => {
   return columnHelper.accessor("type", {
     id: "icon",
     header: "",
-    cell: (info) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1m.iconCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    cell: (info) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1n.iconCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "i",
       {
         className: clsx(
@@ -108692,7 +108708,7 @@ const iconColumn = () => {
   });
 };
 const modelCell = "_modelCell_1lo5p_1";
-const styles$1l = {
+const styles$1m = {
   modelCell
 };
 const modelColumn = () => {
@@ -108707,9 +108723,9 @@ const modelColumn = () => {
       cell: (info) => {
         const item2 = info.row.original;
         if (item2.type === "file" && item2.logPreview?.model !== void 0) {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1l.modelCell, children: item2.logPreview.model });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1m.modelCell, children: item2.logPreview.model });
         } else if (item2.type === "pending-task" && item2.model) {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1l.modelCell, children: item2.model });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1m.modelCell, children: item2.model });
         }
         return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
       },
@@ -108723,7 +108739,7 @@ const modelColumn = () => {
   );
 };
 const scoreCell = "_scoreCell_1xqe0_1";
-const styles$1k = {
+const styles$1l = {
   scoreCell
 };
 const scoreColumn = () => {
@@ -108740,7 +108756,7 @@ const scoreColumn = () => {
         if (metric === void 0) {
           return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
         }
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1k.scoreCell, children: formatPrettyDecimal(metric.value) });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1l.scoreCell, children: formatPrettyDecimal(metric.value) });
       },
       sortingFn: (rowA, rowB) => {
         const itemA = rowA.original;
@@ -108771,7 +108787,7 @@ const error$1 = "_error_14ftq_1";
 const started = "_started_14ftq_5";
 const success = "_success_14ftq_9";
 const cancelled = "_cancelled_14ftq_13";
-const styles$1j = {
+const styles$1k = {
   error: error$1,
   started,
   success,
@@ -108788,8 +108804,8 @@ const statusColumn = () => {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
       }
       const icon2 = item2.type === "pending-task" ? ApplicationIcons.pendingTask : status2 === "error" ? ApplicationIcons.error : status2 === "started" ? ApplicationIcons.running : status2 === "cancelled" ? ApplicationIcons.cancelled : ApplicationIcons.success;
-      const clz = item2.type === "pending-task" ? styles$1j.started : status2 === "error" ? styles$1j.error : status2 === "started" ? styles$1j.started : status2 === "cancelled" ? styles$1j.cancelled : styles$1j.success;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1j.statusCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, clz) }) });
+      const clz = item2.type === "pending-task" ? styles$1k.started : status2 === "error" ? styles$1k.error : status2 === "started" ? styles$1k.started : status2 === "cancelled" ? styles$1k.cancelled : styles$1k.success;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1k.statusCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, clz) }) });
     },
     sortingFn: (rowA, rowB) => {
       const itemA = rowA.original;
@@ -108853,7 +108869,7 @@ const parseLogFileName = (logFileName) => {
 };
 const nameCell = "_nameCell_cjd7p_1";
 const logLink = "_logLink_cjd7p_8";
-const styles$1i = {
+const styles$1j = {
   nameCell,
   logLink
 };
@@ -108864,7 +108880,7 @@ const taskColumn = () => {
     cell: (info) => {
       const item2 = info.row.original;
       let value2 = itemName(item2);
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1i.nameCell, children: item2.url ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: item2.url, className: styles$1i.logLink, title: item2.name, children: value2 }) : value2 });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1j.nameCell, children: item2.url ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: item2.url, className: styles$1j.logLink, title: item2.name, children: value2 }) : value2 });
     },
     enableSorting: true,
     enableGlobalFilter: true,
@@ -109137,15 +109153,15 @@ const LogListGrid = forwardRef(
       "div",
       {
         ref: gridRef,
-        className: styles$1q.gridContainer,
+        className: styles$1r.gridContainer,
         onKeyDown: handleKeyDown,
         tabIndex: 0,
         role: "grid",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1q.grid, children: [
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1r.grid, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: styles$1q.headerRow,
+              className: styles$1r.headerRow,
               style: {
                 gridTemplateColumns: table2.getHeaderGroups()[0]?.headers.map((header2) => `${header2.getSize()}px`).join(" ") || "40px 0.5fr 0.25fr 0.25fr 0.1fr"
               },
@@ -109153,9 +109169,9 @@ const LogListGrid = forwardRef(
                 (headerGroup) => headerGroup.headers.map((header2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
                   "div",
                   {
-                    className: clsx(styles$1q.headerCell, {
-                      [styles$1q.sortable]: header2.column.getCanSort(),
-                      [styles$1q.resizing]: header2.column.getIsResizing()
+                    className: clsx(styles$1r.headerCell, {
+                      [styles$1r.sortable]: header2.column.getCanSort(),
+                      [styles$1r.resizing]: header2.column.getIsResizing()
                     }),
                     onClick: (event) => {
                       header2.column.getToggleSortingHandler()?.(event);
@@ -109169,7 +109185,7 @@ const LogListGrid = forwardRef(
                         header2.column.columnDef.header,
                         header2.getContext()
                       ),
-                      header2.column.getCanSort() && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1q.sortIndicator, children: {
+                      header2.column.getCanSort() && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1r.sortIndicator, children: {
                         asc: " ↑",
                         desc: " ↓"
                       }[header2.column.getIsSorted()] ?? "" }),
@@ -109187,8 +109203,8 @@ const LogListGrid = forwardRef(
                           onClick: (e) => {
                             e.stopPropagation();
                           },
-                          className: clsx(styles$1q.resizer, {
-                            [styles$1q.isResizing]: header2.column.getIsResizing()
+                          className: clsx(styles$1r.resizer, {
+                            [styles$1r.isResizing]: header2.column.getIsResizing()
                           })
                         }
                       )
@@ -109199,13 +109215,13 @@ const LogListGrid = forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1q.bodyContainer, children: [
-            table2.getRowModel().rows.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1q.emptyMessage, children: placeholderText }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1r.bodyContainer, children: [
+            table2.getRowModel().rows.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1r.emptyMessage, children: placeholderText }),
             table2.getRowModel().rows.map((row2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
-                className: clsx(styles$1q.bodyRow, {
-                  [styles$1q.selectedRow]: selectedRowIndex === index
+                className: clsx(styles$1r.bodyRow, {
+                  [styles$1r.selectedRow]: selectedRowIndex === index
                 }),
                 style: {
                   gridTemplateColumns: row2.getVisibleCells().map((cell2) => `${cell2.column.getSize()}px`).join(" ")
@@ -109216,8 +109232,8 @@ const LogListGrid = forwardRef(
                   "div",
                   {
                     className: clsx(
-                      styles$1q.bodyCell,
-                      styles$1q[`${cell2.column.id}Cell`]
+                      styles$1r.bodyCell,
+                      styles$1r[`${cell2.column.id}Cell`]
                     ),
                     style: {
                       width: cell2.column.getSize()
@@ -109243,7 +109259,7 @@ const label$9 = "_label_14uod_25";
 const right = "_right_14uod_30";
 const left = "_left_14uod_39";
 const center$1 = "_center_14uod_48";
-const styles$1h = {
+const styles$1i = {
   footer: footer$1,
   spinnerContainer: spinnerContainer$1,
   spinner: spinner$2,
@@ -109254,7 +109270,7 @@ const styles$1h = {
 };
 const pager = "_pager_jzegk_1";
 const item$2 = "_item_jzegk_11";
-const styles$1g = {
+const styles$1h = {
   pager,
   item: item$2
 };
@@ -109296,8 +109312,8 @@ const LogPager = ({ itemCount }) => {
     return segments22;
   };
   const segments2 = generatePaginationSegments();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("nav", { "aria-label": "Log Pagination", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: clsx("pagination", styles$1g.pager), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: clsx(currentPage === 0 ? "disabled" : "", styles$1g.item), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("nav", { "aria-label": "Log Pagination", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: clsx("pagination", styles$1h.pager), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: clsx(currentPage === 0 ? "disabled" : "", styles$1h.item), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "a",
       {
         className: clsx("page-link"),
@@ -109315,7 +109331,7 @@ const LogPager = ({ itemCount }) => {
         className: clsx(
           segment2.type === "page" && segment2.page === currentPage ? "active" : void 0,
           segment2.type === "ellipsis" ? "disabled" : void 0,
-          styles$1g.item
+          styles$1h.item
         ),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "a",
@@ -109337,7 +109353,7 @@ const LogPager = ({ itemCount }) => {
       {
         className: clsx(
           currentPage + 1 >= pageCount ? "disabled" : "",
-          styles$1g.item
+          styles$1h.item
         ),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "a",
@@ -109374,12 +109390,12 @@ const LogListFooter = ({
   );
   const startItem = effectiveItemCount > 0 ? currentPage * itemsPerPage + 1 : 0;
   const endItem = startItem + pageItemCount - 1;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-smaller", styles$1h.footer), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1h.left), children: progressText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1h.spinnerContainer), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-smaller", styles$1i.footer), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1i.left), children: progressText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1i.spinnerContainer), children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: clsx("spinner-border", styles$1h.spinner),
+          className: clsx("spinner-border", styles$1i.spinner),
           role: "status",
           children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: clsx("visually-hidden"), children: [
             progressText,
@@ -109387,13 +109403,13 @@ const LogListFooter = ({
           ] })
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-style-secondary", styles$1h.label), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-style-secondary", styles$1i.label), children: [
         progressText,
         "..."
       ] })
     ] }) : itemCountLabel ? `${itemCount.toLocaleString()} ${itemCountLabel}` : null }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1h.center), children: paginated && /* @__PURE__ */ jsxRuntimeExports.jsx(LogPager, { itemCount: effectiveItemCount }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1h.right), children: progressBar ? progressBar : paginated ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: effectiveItemCount === 0 ? "" : filteredCount !== void 0 && filteredCount !== itemCount ? `${startItem} - ${endItem} / ${effectiveItemCount} (${itemCount} total)` : `${startItem} - ${endItem} / ${effectiveItemCount}` }) : `${effectiveItemCount} items` })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1i.center), children: paginated && /* @__PURE__ */ jsxRuntimeExports.jsx(LogPager, { itemCount: effectiveItemCount }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1i.right), children: progressBar ? progressBar : paginated ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: effectiveItemCount === 0 ? "" : filteredCount !== void 0 && filteredCount !== itemCount ? `${startItem} - ${endItem} / ${effectiveItemCount} (${itemCount} total)` : `${startItem} - ${endItem} / ${effectiveItemCount}` }) : `${effectiveItemCount} items` })
   ] });
 };
 const container$j = "_container_e1pcq_1";
@@ -109402,7 +109418,7 @@ const withIcon = "_withIcon_e1pcq_23";
 const icon$3 = "_icon_e1pcq_27";
 const clearText = "_clearText_e1pcq_31";
 const hidden$2 = "_hidden_e1pcq_40";
-const styles$1f = {
+const styles$1g = {
   container: container$j,
   input: input$1,
   withIcon,
@@ -109416,12 +109432,12 @@ const TextInput = forwardRef(
       "div",
       {
         className: clsx(
-          styles$1f.container,
+          styles$1g.container,
           className2,
-          icon2 ? styles$1f.withIcon : ""
+          icon2 ? styles$1g.withIcon : ""
         ),
         children: [
-          icon2 && /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, styles$1f.icon) }),
+          icon2 && /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, styles$1g.icon) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "input",
             {
@@ -109430,7 +109446,7 @@ const TextInput = forwardRef(
               onChange,
               ref,
               placeholder,
-              className: clsx(styles$1f.input),
+              className: clsx(styles$1g.input),
               onFocus
             }
           ),
@@ -109438,8 +109454,8 @@ const TextInput = forwardRef(
             "i",
             {
               className: clsx(
-                styles$1f.clearText,
-                value2 === "" ? styles$1f.hidden : "",
+                styles$1g.clearText,
+                value2 === "" ? styles$1g.hidden : "",
                 ApplicationIcons["clear-text"]
               ),
               onClick: () => {
@@ -109458,7 +109474,7 @@ const TextInput = forwardRef(
   }
 );
 const filterInput = "_filterInput_gv8bt_1";
-const styles$1e = {
+const styles$1f = {
   filterInput
 };
 const LogsFilterInput = forwardRef(
@@ -109483,14 +109499,14 @@ const LogsFilterInput = forwardRef(
           e.target.select();
         },
         placeholder: "Filter...",
-        className: clsx(styles$1e.filterInput)
+        className: clsx(styles$1f.filterInput)
       }
     );
   }
 );
 const panel$6 = "_panel_16dj8_1";
 const list$1 = "_list_16dj8_8";
-const styles$1d = {
+const styles$1e = {
   panel: panel$6,
   list: list$1
 };
@@ -109636,7 +109652,7 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: clsx(styles$1d.panel),
+      className: clsx(styles$1e.panel),
       onKeyDown: (e) => {
         handleKeyDown(e);
       },
@@ -109655,7 +109671,7 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.list, "text-size-smaller"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(LogListGrid, { ref: gridRef, items: logItems }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1e.list, "text-size-smaller"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(LogListGrid, { ref: gridRef, items: logItems }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             LogListFooter,
             {
@@ -110234,7 +110250,7 @@ const tabContainer = "_tabContainer_1r3mu_6";
 const tabSet = "_tabSet_1r3mu_14";
 const tabs = "_tabs_1r3mu_21";
 const tabPanels = "_tabPanels_1r3mu_29";
-const styles$1c = {
+const styles$1d = {
   workspace,
   tabContainer,
   tabSet,
@@ -110285,7 +110301,7 @@ const Card = ({ id, children: children2, className: className2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("card", className2), id, children: children2 });
 };
 const message$1 = "_message_1gb2h_5";
-const styles$1b = {
+const styles$1c = {
   "task-error-display": "_task-error-display_1gb2h_1",
   message: message$1
 };
@@ -110304,7 +110320,7 @@ const TaskErrorCard = ({ error: error2 }) => {
         {
           id: "task-error-collapse",
           collapse: true,
-          className: clsx("text-size-smaller", styles$1b.message),
+          className: clsx("text-size-smaller", styles$1c.message),
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             RenderedContent,
             {
@@ -110318,7 +110334,7 @@ const TaskErrorCard = ({ error: error2 }) => {
         ANSIDisplay,
         {
           output: error2.traceback_ansi,
-          className: styles$1b["task-error-display"]
+          className: styles$1c["task-error-display"]
         }
       )
     ] })
@@ -110384,7 +110400,7 @@ const MessageBand = ({
   ] });
 };
 const item$1 = "_item_1uzhd_1";
-const styles$1a = {
+const styles$1b = {
   item: item$1
 };
 const DatasetDetailView = ({
@@ -110395,12 +110411,12 @@ const DatasetDetailView = ({
     Object.entries(dataset).filter(([key2]) => key2 !== "sample_ids")
   );
   if (!dataset || Object.keys(filtered).length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-size-base", styles$1a.item), style: style2, children: "No dataset information available" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-size-base", styles$1b.item), style: style2, children: "No dataset information available" });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     MetaDataGrid,
     {
-      className: clsx("text-size-base", styles$1a.item),
+      className: clsx("text-size-base", styles$1b.item),
       entries: filtered,
       style: style2,
       plain: true
@@ -110410,7 +110426,7 @@ const DatasetDetailView = ({
 const icon$2 = "_icon_59zaz_1";
 const container$i = "_container_59zaz_5";
 const metadata$1 = "_metadata_59zaz_11";
-const styles$19 = {
+const styles$1a = {
   icon: icon$2,
   container: container$i,
   metadata: metadata$1
@@ -110421,22 +110437,22 @@ const DetailStep = ({
   params,
   className: className2
 }) => {
-  const iconHtml = icon2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, styles$19.icon) }) : "";
+  const iconHtml = icon2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, styles$1a.icon) }) : "";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(className2), children: [
     iconHtml,
     " ",
     name2,
-    params && Object.keys(params).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$19.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    params && Object.keys(params).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1a.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       MetaDataGrid,
       {
         entries: params,
-        className: clsx("text-size-small", styles$19.metadata)
+        className: clsx("text-size-small", styles$1a.metadata)
       }
     ) }) : ""
   ] });
 };
 const item = "_item_leq25_1";
-const styles$18 = {
+const styles$19 = {
   item
 };
 const ScorerDetailView = ({
@@ -110453,38 +110469,38 @@ const ScorerDetailView = ({
       icon: ApplicationIcons.scorer,
       name: name2,
       params,
-      className: clsx(styles$18.item, "text-size-base")
+      className: clsx(styles$19.item, "text-size-base")
     }
   );
 };
 const container$h = "_container_12j2k_1";
 const separator$5 = "_separator_12j2k_11";
-const styles$17 = {
+const styles$18 = {
   container: container$h,
   separator: separator$5
 };
 const SolversDetailView = ({ steps }) => {
-  const separator2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$17.items, "text-size-small", styles$17.separator), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.arrows.right }) });
+  const separator2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$18.items, "text-size-small", styles$18.separator), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.arrows.right }) });
   const details = steps?.map((step, index) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         DetailStep,
         {
           name: step.solver,
-          className: clsx(styles$17.items, "text-size-small")
+          className: clsx(styles$18.items, "text-size-small")
         }
       ),
       index < steps.length - 1 ? separator2 : ""
     ] }, `solver-step-${index}`);
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.container, children: details });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$18.container, children: details });
 };
 const floatingCol = "_floatingCol_1n79r_1";
 const wideCol = "_wideCol_1n79r_9";
 const planCol = "_planCol_1n79r_24";
 const container$g = "_container_1n79r_29";
 const grid$7 = "_grid_1n79r_35";
-const styles$16 = {
+const styles$17 = {
   floatingCol,
   wideCol,
   planCol,
@@ -110503,13 +110519,13 @@ const PlanDetailView = ({
   const taskColumns = [];
   taskColumns.push({
     title: "Dataset",
-    className: styles$16.floatingCol,
+    className: styles$17.floatingCol,
     contents: /* @__PURE__ */ jsxRuntimeExports.jsx(DatasetDetailView, { dataset: evaluation.dataset })
   });
   if (steps) {
     taskColumns.push({
       title: "Solvers",
-      className: styles$16.wideCol,
+      className: styles$17.wideCol,
       contents: /* @__PURE__ */ jsxRuntimeExports.jsx(SolversDetailView, { steps })
     });
   }
@@ -110543,15 +110559,15 @@ const PlanDetailView = ({
       });
       taskColumns.push({
         title: label2,
-        className: styles$16.floatingCol,
+        className: styles$17.floatingCol,
         contents: scorerPanels
       });
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$16.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: styles$16.grid,
+      className: styles$17.grid,
       style: {
         gridTemplateColumns: `repeat(${taskColumns.length}, fit-content(50%))`
       },
@@ -110579,7 +110595,7 @@ const PlanColumn = ({ title: title2, className: className2, children: children2
           "text-size-small",
           "text-style-label",
           "text-style-secondary",
-          styles$16.planCol
+          styles$17.planCol
         ),
         children: title2
       }
@@ -110713,7 +110729,7 @@ const DownloadPanel = ({
 };
 const toolButton$1 = "_toolButton_nu8dt_1";
 const latched = "_latched_nu8dt_13";
-const styles$15 = {
+const styles$16 = {
   toolButton: toolButton$1,
   latched
 };
@@ -110727,10 +110743,10 @@ const ToolButton = forwardRef(
         className: clsx(
           "btn",
           "btn-tools",
-          styles$15.toolButton,
+          styles$16.toolButton,
           classes,
           className2,
-          latched2 ? styles$15.latched : void 0
+          latched2 ? styles$16.latched : void 0
         ),
         ...rest,
         children: [
@@ -110743,7 +110759,7 @@ const ToolButton = forwardRef(
 );
 ToolButton.displayName = "ToolButton";
 const jsonTab = "_jsonTab_6pq03_1";
-const styles$14 = {
+const styles$15 = {
   jsonTab
 };
 const kJsonMaxSize = 1e7;
@@ -110819,7 +110835,7 @@ const JsonTab = ({ logFile, json }) => {
   const downloadFiles = useStore((state) => state.capabilities.downloadFiles);
   if (logFile && json.length > kJsonMaxSize && downloadFiles) {
     const file = `${filename(logFile)}.json`;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$14.jsonTab, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$15.jsonTab, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       DownloadPanel,
       {
         message: "The JSON for this log file is too large to render.",
@@ -110829,14 +110845,14 @@ const JsonTab = ({ logFile, json }) => {
       }
     ) });
   } else {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$14.jsonTab, children: /* @__PURE__ */ jsxRuntimeExports.jsx(JSONPanel, { id: "task-json-contents", json, simple: true }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$15.jsonTab, children: /* @__PURE__ */ jsxRuntimeExports.jsx(JSONPanel, { id: "task-json-contents", json, simple: true }) });
   }
 };
 const container$f = "_container_4wzpj_1";
 const modelInfo = "_modelInfo_4wzpj_8";
 const role = "_role_4wzpj_15";
 const sep = "_sep_4wzpj_19";
-const styles$13 = {
+const styles$14 = {
   container: container$f,
   modelInfo,
   role,
@@ -110858,31 +110874,31 @@ const ModelCard = ({ evalSpec }) => {
   const noneEl = /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-style-secondary", children: "None" });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { label: "Models" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CardBody, { id: "task-model-card-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$13.container, children: Object.keys(modelsInfo || {}).map((modelKey) => {
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CardBody, { id: "task-model-card-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$14.container, children: Object.keys(modelsInfo || {}).map((modelKey) => {
       const modelInfo2 = modelsInfo[modelKey];
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
-          className: clsx(styles$13.modelInfo, "text-size-small"),
+          className: clsx(styles$14.modelInfo, "text-size-small"),
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
                 className: clsx(
-                  styles$13.role,
+                  styles$14.role,
                   "text-style-label",
                   "text-style-secondary"
                 ),
                 children: modelKey
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$13.sep) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$14.sep) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label"), children: "Model" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: modelInfo2.model }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$13.sep) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$14.sep) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label"), children: "Base Url" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-size-small", children: modelInfo2.base_url || noneEl }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$13.sep) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$14.sep) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label"), children: "Configuration" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-size-small", children: modelInfo2.config && Object.keys(modelInfo2.config).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
               MetaDataGrid,
@@ -110890,7 +110906,7 @@ const ModelCard = ({ evalSpec }) => {
                 entries: modelInfo2.config
               }
             ) : noneEl }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$13.sep) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$14.sep) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label"), children: "Args" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-size-small", children: Object.keys(modelInfo2.args).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
               MetaDataGrid,
@@ -110898,7 +110914,7 @@ const ModelCard = ({ evalSpec }) => {
                 entries: modelInfo2.args
               }
             ) : noneEl }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$13.sep) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$14.sep) })
           ]
         },
         modelKey
@@ -110912,7 +110928,7 @@ const col1_3$1 = "_col1_3_sq96g_12";
 const col3$1 = "_col3_sq96g_16";
 const separator$4 = "_separator_sq96g_20";
 const padded$1 = "_padded_sq96g_26";
-const styles$12 = {
+const styles$13 = {
   wrapper: wrapper$3,
   col2: col2$2,
   col1_3: col1_3$1,
@@ -110974,14 +110990,14 @@ const ModelUsagePanel = ({ usage, className: className2 }) => {
     value: usage.total_tokens,
     secondary: false
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small", styles$12.wrapper, className2), children: rows.map((row2, idx) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small", styles$13.wrapper, className2), children: rows.map((row2, idx) => {
     if (row2.label === "---") {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           className: clsx(
-            styles$12.separator,
-            row2.padded ? styles$12.padded : void 0
+            styles$13.separator,
+            row2.padded ? styles$13.padded : void 0
           )
         },
         `$usage-sep-${idx}`
@@ -110994,12 +111010,12 @@ const ModelUsagePanel = ({ usage, className: className2 }) => {
             className: clsx(
               "text-style-label",
               "text-style-secondary",
-              row2.secondary ? styles$12.col2 : styles$12.col1_3
+              row2.secondary ? styles$13.col2 : styles$13.col1_3
             ),
             children: row2.label
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$12.col3, children: row2.value ? formatNumber(row2.value) : "" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$13.col3, children: row2.value ? formatNumber(row2.value) : "" })
       ] }, `$usage-row-${idx}`);
     }
   }) });
@@ -111009,7 +111025,7 @@ const tableTokens = "_tableTokens_z217i_5";
 const tableH = "_tableH_z217i_9";
 const model = "_model_z217i_14";
 const cellContents = "_cellContents_z217i_18";
-const styles$11 = {
+const styles$12 = {
   table: table$1,
   tableTokens,
   tableH,
@@ -111024,7 +111040,7 @@ const TokenTable$1 = ({ className: className2, children: children2 }) => {
         "table",
         "table-sm",
         "text-size-smaller",
-        styles$11.table,
+        styles$12.table,
         className2
       ),
       children: children2
@@ -111041,7 +111057,7 @@ const TokenHeader = () => {
           colSpan: 3,
           className: clsx(
             "card-subheading",
-            styles$11.tableTokens,
+            styles$12.tableTokens,
             "text-size-small",
             "text-style-label",
             "text-style-secondary"
@@ -111056,7 +111072,7 @@ const TokenHeader = () => {
         "th",
         {
           className: clsx(
-            styles$11.tableH,
+            styles$12.tableH,
             "text-sixe-small",
             "text-style-label",
             "text-style-secondary"
@@ -111068,7 +111084,7 @@ const TokenHeader = () => {
         "th",
         {
           className: clsx(
-            styles$11.tableH,
+            styles$12.tableH,
             "text-sixe-small",
             "text-style-label",
             "text-style-secondary"
@@ -111081,8 +111097,8 @@ const TokenHeader = () => {
 };
 const TokenRow = ({ model: model2, usage }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$11.model, styles$11.cellContents), children: model2 }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModelUsagePanel, { usage, className: clsx(styles$11.cellContents) }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$12.model, styles$12.cellContents), children: model2 }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModelUsagePanel, { usage, className: clsx(styles$12.cellContents) }) })
   ] });
 };
 const ModelTokenTable = ({
@@ -111098,7 +111114,7 @@ const ModelTokenTable = ({
 };
 const wrapper$2 = "_wrapper_14r3b_1";
 const col2$1 = "_col2_14r3b_16";
-const styles$10 = {
+const styles$11 = {
   wrapper: wrapper$2,
   col2: col2$1
 };
@@ -111109,7 +111125,7 @@ const UsageCard = ({ stats }) => {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { label: "Usage" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CardBody, { id: kUsageCardBodyId, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$10.wrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$10.col2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModelTokenTable, { model_usage: stats.model_usage }) }) }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CardBody, { id: kUsageCardBodyId, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$11.wrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$11.col2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModelTokenTable, { model_usage: stats.model_usage }) }) }) })
   ] });
 };
 const useModelsTab = (evalSpec, evalStats, evalStatus) => {
@@ -111143,7 +111159,7 @@ const chevron = "_chevron_h3ljc_10";
 const backdrop$1 = "_backdrop_h3ljc_24";
 const dropdownMenu = "_dropdownMenu_h3ljc_33";
 const dropdownItem = "_dropdownItem_h3ljc_47";
-const styles$$ = {
+const styles$10 = {
   dropdownContainer,
   toolButton,
   chevron,
@@ -111157,29 +111173,29 @@ const ToolDropdownButton = forwardRef(({ label: label2, icon: icon2, className:
     fn3();
     setIsOpen(false);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$$.dropdownContainer, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$10.dropdownContainer, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
       {
         ref,
         type: "button",
-        className: clsx("btn", "btn-tools", styles$$.toolButton, className2),
+        className: clsx("btn", "btn-tools", styles$10.toolButton, className2),
         onClick: () => setIsOpen(!isOpen),
         ...rest,
         children: [
           icon2 && /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: `${icon2}` }),
           label2,
-          /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi-chevron-down", styles$$.chevron) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi-chevron-down", styles$10.chevron) })
         ]
       }
     ),
     isOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$$.backdrop, onClick: () => setIsOpen(false) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$$.dropdownMenu, children: Object.entries(items).map(([itemLabel, fn3]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$10.backdrop, onClick: () => setIsOpen(false) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$10.dropdownMenu, children: Object.entries(items).map(([itemLabel, fn3]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
           type: "button",
-          className: styles$$.dropdownItem,
+          className: styles$10.dropdownItem,
           onClick: () => handleItemClick(fn3),
           children: itemLabel
         },
@@ -111191,12 +111207,12 @@ const ToolDropdownButton = forwardRef(({ label: label2, icon: icon2, className:
 ToolDropdownButton.displayName = "ToolDropdownButton";
 const panel$5 = "_panel_twp3v_1";
 const container$e = "_container_twp3v_7";
-const styles$_ = {
+const styles$$ = {
   panel: panel$5,
   container: container$e
 };
 const NoContentsPanel = ({ text: text2 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$_.panel), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$_.container, "text-size-smaller"), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$$.panel), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$$.container, "text-size-smaller"), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.noSamples }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: text2 })
   ] }) });
@@ -111511,7 +111527,7 @@ const dot = "_dot_4p85e_8";
 const subtle = "_subtle_4p85e_36";
 const primary = "_primary_4p85e_40";
 const visuallyHidden = "_visuallyHidden_4p85e_59";
-const styles$Z = {
+const styles$_ = {
   container: container$d,
   dotsContainer,
   small,
@@ -111533,30 +111549,30 @@ const PulsingDots = ({
     "div",
     {
       className: clsx(
-        styles$Z.container,
-        size === "small" ? styles$Z.small : size === "medium" ? styles$Z.medium : styles$Z.large,
+        styles$_.container,
+        size === "small" ? styles$_.small : size === "medium" ? styles$_.medium : styles$_.large,
         className2
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$Z.dotsContainer, children: [...Array(dotsCount)].map((_, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$_.dotsContainer, children: [...Array(dotsCount)].map((_, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             className: clsx(
-              styles$Z.dot,
-              subtle2 ? styles$Z.subtle : styles$Z.primary
+              styles$_.dot,
+              subtle2 ? styles$_.subtle : styles$_.primary
             ),
             style: { animationDelay: `${index * 0.2}s` }
           },
           index
         )) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$Z.visuallyHidden, children: text2 })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$_.visuallyHidden, children: text2 })
       ]
     }
   );
 };
 const progressContainer = "_progressContainer_1cjjr_1";
-const styles$Y = {
+const styles$Z = {
   progressContainer
 };
 const LiveVirtualList = ({
@@ -111682,7 +111698,7 @@ const LiveVirtualList = ({
     return unregister;
   }, [id, registerVirtualList, searchInData]);
   const Footer = () => {
-    return showProgress ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$Y.progressContainer), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0;
+    return showProgress ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$Z.progressContainer), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0;
   };
   useEffect(() => {
     const parent = scrollRef?.current;
@@ -111747,7 +111763,7 @@ const LiveVirtualList = ({
     }
   );
 };
-const styles$X = {};
+const styles$Y = {};
 const ChatViewVirtualList = memo$2(
   ({
     id,
@@ -111910,7 +111926,7 @@ const ChatViewVirtualListComponent = memo$2(
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: clsx(styles$X.item),
+          className: clsx(styles$Y.item),
           "data-index": props["data-index"],
           "data-item-group-index": props["data-item-group-index"],
           "data-item-index": props["data-item-index"],
@@ -111947,7 +111963,7 @@ const ansi = "_ansi_6o9gh_34";
 const noTop = "_noTop_6o9gh_38";
 const chat = "_chat_6o9gh_50";
 const transcriptContainer = "_transcriptContainer_6o9gh_58";
-const styles$W = {
+const styles$X = {
   tabPanel,
   tabControls,
   fullWidth: fullWidth$1,
@@ -111961,15 +111977,15 @@ const styles$W = {
 const flatBody = "_flatBody_1uw6w_1";
 const iconSmall$1 = "_iconSmall_1uw6w_9";
 const lineBase = "_lineBase_1uw6w_15";
-const styles$V = {
+const styles$W = {
   flatBody,
   iconSmall: iconSmall$1,
   lineBase
 };
 const FlatSampleError = ({ message: message2 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$V.flatBody), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.error, styles$V.iconSmall) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$V.lineBase, "text-truncate"), children: errorType(message2) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$W.flatBody), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.error, styles$W.iconSmall) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$W.lineBase, "text-truncate"), children: errorType(message2) })
   ] });
 };
 const target = "_target_tv989_1";
@@ -111980,7 +111996,7 @@ const centerValue = "_centerValue_tv989_21";
 const wrap = "_wrap_tv989_26";
 const titled = "_titled_tv989_30";
 const value$1 = "_value_tv989_34";
-const styles$U = {
+const styles$V = {
   target,
   answer,
   grid: grid$6,
@@ -112066,7 +112082,7 @@ const SampleSummaryView = ({
             0,
             kMaxRowTextSize$1
           ),
-          className: clsx("no-last-para-padding", styles$U.target)
+          className: clsx("no-last-para-padding", styles$V.target)
         }
       ),
       size: `minmax(auto, 3fr)`,
@@ -112080,7 +112096,7 @@ const SampleSummaryView = ({
         RenderedText,
         {
           markdown: (fields.answer || "").slice(0, kMaxRowTextSize$1),
-          className: clsx("no-last-para-padding", styles$U.answer)
+          className: clsx("no-last-para-padding", styles$V.answer)
         }
       ) : "",
       size: `minmax(auto, 5fr)`,
@@ -112139,7 +112155,7 @@ const SampleSummaryView = ({
     "div",
     {
       id: `sample-heading-${parent_id}`,
-      className: clsx(styles$U.grid, "text-size-base"),
+      className: clsx(styles$V.grid, "text-size-base"),
       style: {
         gridTemplateColumns: `${columns.map((col) => {
           return col.size;
@@ -112154,8 +112170,8 @@ const SampleSummaryView = ({
                 "text-style-label",
                 "text-style-secondary",
                 "text-size-smallest",
-                col.title ? styles$U.titled : void 0,
-                col.center ? styles$U.centerLabel : void 0
+                col.title ? styles$V.titled : void 0,
+                col.center ? styles$V.centerLabel : void 0
               ),
               title: col.title,
               "data-unsearchable": true,
@@ -112169,10 +112185,10 @@ const SampleSummaryView = ({
             "div",
             {
               className: clsx(
-                styles$U.value,
-                styles$U.wrap,
+                styles$V.value,
+                styles$V.wrap,
                 col.clamp ? "three-line-clamp" : void 0,
-                col.center ? styles$U.centerValue : void 0
+                col.center ? styles$V.centerValue : void 0
               ),
               "data-unsearchable": true,
               children: col.value
@@ -112201,7 +112217,7 @@ const fullWidth = "_fullWidth_kwhbh_13";
 const separator$3 = "_separator_kwhbh_25";
 const separatorPadded = "_separatorPadded_kwhbh_30";
 const headerSep = "_headerSep_kwhbh_35";
-const styles$T = {
+const styles$U = {
   container: container$c,
   cell: cell$1,
   fullWidth,
@@ -112218,7 +112234,7 @@ const SampleScoresGrid = ({
   if (!evalDescriptor) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyPanel, { children: "No Sample Selected" });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(className2, styles$T.container), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(className2, styles$U.container), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
@@ -112266,7 +112282,7 @@ const SampleScoresGrid = ({
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: clsx(styles$T.separator, styles$T.fullWidth, styles$T.headerSep)
+        className: clsx(styles$U.separator, styles$U.fullWidth, styles$U.headerSep)
       }
     ),
     Object.keys(evalSample.scores || {}).map((scorer2) => {
@@ -112278,16 +112294,16 @@ const SampleScoresGrid = ({
       const answer2 = scoreData.answer;
       let metadata2 = scoreData.metadata || {};
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-base", styles$T.cell), children: scorer2 }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$T.cell, "text-size-base"), children: answer2 }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$T.cell, "text-size-base"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-base", styles$U.cell), children: scorer2 }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$U.cell, "text-size-base"), children: answer2 }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$U.cell, "text-size-base"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           SampleScores,
           {
             sample: evalSample,
             scorer: scorer2
           }
         ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-base", styles$T.cell), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-base", styles$U.cell), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           RenderedContent,
           {
             id: `${scorer2}-explanation`,
@@ -112305,12 +112321,12 @@ const SampleScoresGrid = ({
                 "text-size-smaller",
                 "text-style-label",
                 "text-style-secondary",
-                styles$T.fullWidth
+                styles$U.fullWidth
               ),
               children: "Metadata"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$T.fullWidth), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$U.fullWidth), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             RecordTree,
             {
               id: `${scorer2}-metadataa`,
@@ -112323,9 +112339,9 @@ const SampleScoresGrid = ({
             "div",
             {
               className: clsx(
-                styles$T.separator,
-                styles$T.separatorPadded,
-                styles$T.fullWidth
+                styles$U.separator,
+                styles$U.separatorPadded,
+                styles$U.fullWidth
               )
             }
           )
@@ -112337,7 +112353,7 @@ const SampleScoresGrid = ({
 const wordBreak = "_wordBreak_las07_9";
 const scoreCard = "_scoreCard_las07_50";
 const scores = "_scores_las07_54";
-const styles$S = {
+const styles$T = {
   wordBreak,
   scoreCard,
   scores
@@ -112370,9 +112386,9 @@ const SampleScoresView = ({
         "container-fluid",
         className2,
         "font-size-base",
-        styles$S.container
+        styles$T.container
       ),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { className: clsx(styles$S.scoreCard), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardBody, { children: [
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { className: clsx(styles$T.scoreCard), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardBody, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
@@ -112394,7 +112410,7 @@ const SampleScoresView = ({
               RenderedText,
               {
                 markdown: scoreInput.join("\n"),
-                className: clsx(styles$S.wordBreak, "text-size-base")
+                className: clsx(styles$T.wordBreak, "text-size-base")
               }
             )
           }
@@ -112403,7 +112419,7 @@ const SampleScoresView = ({
           SampleScoresGrid,
           {
             evalSample: sample2,
-            className: clsx(styles$S.scores),
+            className: clsx(styles$T.scores),
             scrollRef
           }
         )
@@ -112502,7 +112518,7 @@ const grid$5 = "_grid_1ml4j_1";
 const row$2 = "_row_1ml4j_8";
 const links$1 = "_links_1ml4j_22";
 const selected$3 = "_selected_1ml4j_40";
-const styles$R = {
+const styles$S = {
   grid: grid$5,
   row: row$2,
   links: links$1,
@@ -112533,13 +112549,13 @@ const TranscriptFilterPopover = ({
       placement: "bottom-end",
       hoverDelay: -1,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$R.links, "text-size-smaller"), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$S.links, "text-size-smaller"), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "a",
             {
               className: clsx(
-                styles$R.link,
-                isDefaultFilter ? styles$R.selected : void 0
+                styles$S.link,
+                isDefaultFilter ? styles$S.selected : void 0
               ),
               onClick: () => setDefaultFilter(),
               children: "Default"
@@ -112550,19 +112566,19 @@ const TranscriptFilterPopover = ({
             "a",
             {
               className: clsx(
-                styles$R.link,
-                isDebugFilter ? styles$R.selected : void 0
+                styles$S.link,
+                isDebugFilter ? styles$S.selected : void 0
               ),
               onClick: () => setDebugFilter(),
               children: "Debug"
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$R.grid, "text-size-smaller"), children: arrangedEventTypes(2).map((eventType) => {
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$S.grid, "text-size-smaller"), children: arrangedEventTypes(2).map((eventType) => {
           return /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
-              className: clsx(styles$R.row),
+              className: clsx(styles$S.row),
               onClick: () => {
                 filterEventType(eventType, filtered.includes(eventType));
               },
@@ -112938,7 +112954,7 @@ const label$8 = "_label_1j0jk_28";
 const icon$1 = "_icon_1j0jk_34";
 const progress$2 = "_progress_1j0jk_38";
 const popover = "_popover_1j0jk_42";
-const styles$Q = {
+const styles$R = {
   eventRow,
   selected: selected$2,
   toggle,
@@ -112969,9 +112985,9 @@ const OutlineRow = ({
       "div",
       {
         className: clsx(
-          styles$Q.eventRow,
+          styles$R.eventRow,
           "text-size-smaller",
-          selected2 ? styles$Q.selected : ""
+          selected2 ? styles$R.selected : ""
         ),
         style: { paddingLeft: `${node2.depth * 0.4}em` },
         "data-unsearchable": true,
@@ -112979,20 +112995,20 @@ const OutlineRow = ({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: clsx(styles$Q.toggle),
+              className: clsx(styles$R.toggle),
               onClick: () => {
                 setCollapsed(!collapsed2);
               },
               children: toggle2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(toggle2) }) : void 0
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$Q.label), "data-depth": node2.depth, children: [
-            icon2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, styles$Q.icon) }) : void 0,
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$R.label), "data-depth": node2.depth, children: [
+            icon2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, styles$R.icon) }) : void 0,
             sampleEventUrl2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
               Link,
               {
                 to: sampleEventUrl2,
-                className: clsx(styles$Q.eventLink),
+                className: clsx(styles$R.eventLink),
                 ref,
                 children: parsePackageName(labelForNode(node2)).module
               }
@@ -113001,7 +113017,7 @@ const OutlineRow = ({
               PulsingDots,
               {
                 size: "small",
-                className: clsx(styles$Q.progress),
+                className: clsx(styles$R.progress),
                 subtle: false
               }
             ) : void 0
@@ -113016,7 +113032,7 @@ const OutlineRow = ({
         positionEl: ref.current,
         isOpen: isShowing,
         setIsOpen: setShowing,
-        className: clsx(styles$Q.popper),
+        className: clsx(styles$R.popper),
         placement: "auto-end",
         children: summarizeNode(node2)
       }
@@ -113131,11 +113147,11 @@ const summarizeNode = (node2) => {
     {
       entries,
       size: "mini",
-      className: clsx(styles$Q.popover, "text-size-smallest")
+      className: clsx(styles$R.popover, "text-size-smallest")
     }
   );
 };
-const styles$P = {};
+const styles$Q = {};
 const kTurnType = "turn";
 const kTurnsType = "turns";
 const kCollapsedScoring = "scorings";
@@ -113421,7 +113437,7 @@ const TranscriptOutline = ({
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: clsx(styles$P.eventPadding),
+            className: clsx(styles$Q.eventPadding),
             style: { height: "2em" }
           },
           node2.id
@@ -113470,7 +113486,7 @@ const treeContainer = "_treeContainer_17sux_13";
 const listContainer = "_listContainer_17sux_25";
 const outline = "_outline_17sux_29";
 const outlineToggle = "_outlineToggle_17sux_33";
-const styles$O = {
+const styles$P = {
   container: container$b,
   collapsed,
   treeContainer,
@@ -113480,7 +113496,7 @@ const styles$O = {
 };
 const title$2 = "_title_19l1b_1";
 const contents = "_contents_19l1b_8";
-const styles$N = {
+const styles$O = {
   title: title$2,
   contents
 };
@@ -113490,12 +113506,12 @@ const EventRow = ({
   className: className2,
   children: children2
 }) => {
-  const contentEl = title2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-small", styles$N.title, className2), children: [
+  const contentEl = title2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-small", styles$O.title, className2), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: icon2 || ApplicationIcons.metadata }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label"), children: title2 }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: children2 })
   ] }) : "";
-  const card2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("card", styles$N.contents), children: contentEl });
+  const card2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("card", styles$O.contents), children: contentEl });
   return card2;
 };
 const ApprovalEventView = ({
@@ -113546,7 +113562,7 @@ const decisionIcon = (decision) => {
   }
 };
 const tab = "_tab_1je38_1";
-const styles$M = {
+const styles$N = {
   tab
 };
 const EventNav = ({
@@ -113571,7 +113587,7 @@ const EventNav = ({
         active ? "active " : "",
         "text-style-label",
         "text-size-small",
-        styles$M.tab
+        styles$N.tab
       ),
       onClick: handleClick,
       children: title2
@@ -113579,7 +113595,7 @@ const EventNav = ({
   ) });
 };
 const navs$1 = "_navs_1vm6p_1";
-const styles$L = {
+const styles$M = {
   navs: navs$1
 };
 const EventNavs = ({
@@ -113590,7 +113606,7 @@ const EventNavs = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "ul",
     {
-      className: clsx("nav", "nav-pills", styles$L.navs),
+      className: clsx("nav", "nav-pills", styles$M.navs),
       role: "tablist",
       "aria-orientation": "horizontal",
       children: navs2.map((nav2) => {
@@ -113618,7 +113634,7 @@ const hover = "_hover_1nn7f_41";
 const root = "_root_1nn7f_45";
 const bottomDongle = "_bottomDongle_1nn7f_50";
 const dongleIcon = "_dongleIcon_1nn7f_67";
-const styles$K = {
+const styles$L = {
   label: label$7,
   navs,
   card,
@@ -113688,7 +113704,7 @@ const EventPanel = ({
     "div",
     {
       title: subTitle,
-      className: clsx("text-size-small", mouseOver ? styles$K.hover : ""),
+      className: clsx("text-size-small", mouseOver ? styles$L.hover : ""),
       style: {
         display: "grid",
         gridTemplateColumns: gridColumns2.join(" "),
@@ -113728,19 +113744,19 @@ const EventPanel = ({
           {
             value: url,
             icon: ApplicationIcons.link,
-            className: clsx(styles$K.copyLink)
+            className: clsx(styles$L.copyLink)
           }
         ) : "",
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: toggleCollapse }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: clsx("text-style-secondary", styles$K.label),
+            className: clsx("text-style-secondary", styles$L.label),
             onClick: toggleCollapse,
             children: collapsed2 ? text2 : ""
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$K.navs, children: isCollapsible && collapsibleContent && collapsed2 ? "" : filteredArrChildren && filteredArrChildren.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$L.navs, children: isCollapsible && collapsibleContent && collapsed2 ? "" : filteredArrChildren && filteredArrChildren.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           EventNavs,
           {
             navs: filteredArrChildren.map((child, index) => {
@@ -113765,8 +113781,8 @@ const EventPanel = ({
       id: `event-panel-${eventNodeId}`,
       className: clsx(
         className2,
-        styles$K.card,
-        depth === 0 ? styles$K.root : void 0
+        styles$L.card,
+        depth === 0 ? styles$L.root : void 0
       ),
       children: [
         titleEl,
@@ -113775,8 +113791,8 @@ const EventPanel = ({
           {
             className: clsx(
               "tab-content",
-              styles$K.cardContent,
-              isCollapsible && collapsed2 && collapsibleContent ? styles$K.hidden : void 0
+              styles$L.cardContent,
+              isCollapsible && collapsed2 && collapsibleContent ? styles$L.hidden : void 0
             ),
             children: filteredArrChildren?.map((child, index) => {
               const id = pillId(index);
@@ -113799,7 +113815,7 @@ const EventPanel = ({
         isCollapsible && useBottomDongle ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
-            className: clsx(styles$K.bottomDongle, "text-size-smallest"),
+            className: clsx(styles$L.bottomDongle, "text-size-smallest"),
             onClick: toggleCollapse,
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -113807,7 +113823,7 @@ const EventPanel = ({
                 {
                   className: clsx(
                     collapsed2 ? ApplicationIcons.chevron.right : ApplicationIcons.chevron.down,
-                    styles$K.dongleIcon
+                    styles$L.dongleIcon
                   )
                 }
               ),
@@ -113855,7 +113871,7 @@ const ErrorEventView = ({
   );
 };
 const panel$4 = "_panel_vz394_1";
-const styles$J = {
+const styles$K = {
   panel: panel$4
 };
 const InfoEventView = ({
@@ -113870,12 +113886,12 @@ const InfoEventView = ({
         RenderedText,
         {
           markdown: event.data,
-          className: clsx(styles$J.panel, "text-size-base")
+          className: clsx(styles$K.panel, "text-size-base")
         }
       )
     );
   } else {
-    panels.push(/* @__PURE__ */ jsxRuntimeExports.jsx(JSONPanel, { data: event.data, className: styles$J.panel }));
+    panels.push(/* @__PURE__ */ jsxRuntimeExports.jsx(JSONPanel, { data: event.data, className: styles$K.panel }));
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     EventPanel,
@@ -113915,7 +113931,7 @@ const InputEventView = ({
   );
 };
 const grid$4 = "_grid_1eq5o_1";
-const styles$I = {
+const styles$J = {
   grid: grid$4
 };
 const LoggerEventView = ({
@@ -113930,7 +113946,7 @@ const LoggerEventView = ({
       className: className2,
       title: event.message.level,
       icon: ApplicationIcons.logging[event.message.level.toLowerCase()],
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-base", styles$I.grid), children: [
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-base", styles$J.grid), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller"), children: obj !== void 0 && obj !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(MetaDataGrid, { entries: obj }) : event.message.message }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-smaller", "text-style-secondary"), children: [
           event.message.filename,
@@ -113944,7 +113960,7 @@ const LoggerEventView = ({
 const container$a = "_container_1ww70_1";
 const titleRow = "_titleRow_1ww70_5";
 const title$1 = "_title_1ww70_5";
-const styles$H = {
+const styles$I = {
   container: container$a,
   titleRow,
   title: title$1
@@ -113955,11 +113971,11 @@ const EventSection = ({
   copyContent,
   className: className2
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$H.container, className2), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$H.titleRow), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$I.container, className2), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$I.titleRow), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: clsx("text-size-small", "text-style-label", styles$H.title),
+        className: clsx("text-size-small", "text-style-label", styles$I.title),
         children: [
           title2,
           copyContent ? /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { value: copyContent, ariaLabel: "Copy to clipboard" }) : null
@@ -113977,7 +113993,7 @@ const code$3 = "_code_e0l2n_22";
 const progress$1 = "_progress_e0l2n_34";
 const toolConfig = "_toolConfig_e0l2n_38";
 const toolChoice = "_toolChoice_e0l2n_46";
-const styles$G = {
+const styles$H = {
   container: container$9,
   all,
   tableSelection,
@@ -113993,7 +114009,7 @@ const col1_3 = "_col1_3_45f60_12";
 const col3 = "_col3_45f60_16";
 const separator$2 = "_separator_45f60_20";
 const topMargin = "_topMargin_45f60_26";
-const styles$F = {
+const styles$G = {
   wrapper: wrapper$1,
   col2,
   col1_3,
@@ -114061,9 +114077,9 @@ const EventTimingPanel = ({
       });
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small", styles$F.wrapper), children: rows.map((row2, idx) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small", styles$G.wrapper), children: rows.map((row2, idx) => {
     if (row2.label === "---") {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$F.separator }, `$usage-sep-${idx}`);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$G.separator }, `$usage-sep-${idx}`);
     } else {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -114072,13 +114088,13 @@ const EventTimingPanel = ({
             className: clsx(
               "text-style-label",
               "text-style-secondary",
-              row2.secondary ? styles$F.col2 : styles$F.col1_3,
-              row2.topMargin ? styles$F.topMargin : void 0
+              row2.secondary ? styles$G.col2 : styles$G.col1_3,
+              row2.topMargin ? styles$G.topMargin : void 0
             ),
             children: row2.label
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$F.col3, children: row2.value ? row2.value : "" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$G.col3, children: row2.value ? row2.value : "" })
       ] }, `$usage-row-${idx}`);
     }
   }) });
@@ -114138,7 +114154,7 @@ const ModelEventView = ({
       subTitle: formatTiming(event.timestamp, event.working_start),
       icon: ApplicationIcons.model,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Summary", className: styles$G.container, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Summary", className: styles$H.container, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ChatView,
             {
@@ -114150,20 +114166,20 @@ const ModelEventView = ({
               allowLinking: false
             }
           ),
-          event.pending ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$G.progress), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0
+          event.pending ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$H.progress), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "All", className: styles$G.container, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$G.all, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "All", className: styles$H.container, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$H.all, children: [
             Object.keys(entries).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
               EventSection,
               {
                 title: "Configuration",
-                className: styles$G.tableSelection,
+                className: styles$H.tableSelection,
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(MetaDataGrid, { entries, plain: true })
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Usage", className: styles$G.tableSelection, children: event.output.usage !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(ModelUsagePanel, { usage: event.output.usage }) : void 0 }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Timing", className: styles$G.tableSelection, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Usage", className: styles$H.tableSelection, children: event.output.usage !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(ModelUsagePanel, { usage: event.output.usage }) : void 0 }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Timing", className: styles$H.tableSelection, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               EventTimingPanel,
               {
                 timestamp: event.timestamp,
@@ -114183,13 +114199,13 @@ const ModelEventView = ({
             }
           ) })
         ] }),
-        event.tools.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-name": "Tools", className: styles$G.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolsConfig, { tools: event.tools, toolChoice: event.tool_choice }) }),
+        event.tools.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-name": "Tools", className: styles$H.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolsConfig, { tools: event.tools, toolChoice: event.tool_choice }) }),
         event.call ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           APIView,
           {
             "data-name": "API",
             call: event.call,
-            className: styles$G.container
+            className: styles$H.container
           }
         ) : ""
       ]
@@ -114217,11 +114233,11 @@ const APICodeCell = ({ id, sourceCode }) => {
   if (!sourceCode) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: sourceCodeRef, className: clsx("model-call"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$G.codePre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: sourceCodeRef, className: clsx("model-call"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$H.codePre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "code",
     {
       id,
-      className: clsx("language-json", styles$G.code, "text-size-small"),
+      className: clsx("language-json", styles$H.code, "text-size-small"),
       children: sourceCode
     }
   ) }) });
@@ -114234,8 +114250,8 @@ const ToolsConfig = ({ tools: tools2, toolChoice: toolChoice2 }) => {
     ] }, `${tool2.name}-${idx}`);
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$G.toolConfig, "text-size-small"), children: toolEls }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$G.toolChoice, "text-size-small"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$H.toolConfig, "text-size-small"), children: toolEls }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$H.toolChoice, "text-size-small"), children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Tool Choice" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolChoiceView, { toolChoice: toolChoice2 }) })
     ] })
@@ -114257,7 +114273,7 @@ const code$2 = "_code_1a3fk_5";
 const sample = "_sample_1a3fk_10";
 const section$2 = "_section_1a3fk_14";
 const metadata = "_metadata_1a3fk_21";
-const styles$E = {
+const styles$F = {
   noMargin,
   code: code$2,
   sample,
@@ -114274,13 +114290,13 @@ const SampleInitEventView = ({
   if (event.sample.files && Object.keys(event.sample.files).length > 0) {
     sections.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Files", children: Object.keys(event.sample.files).map((file) => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$E.noMargin, children: file }, `sample-init-file-${file}`);
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$F.noMargin, children: file }, `sample-init-file-${file}`);
       }) }, `event-${eventNode.id}`)
     );
   }
   if (event.sample.setup) {
     sections.push(
-      /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Setup", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$E.code, children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "sourceCode", children: event.sample.setup }) }) }, `${eventNode.id}-section-setup`)
+      /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Setup", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$F.code, children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "sourceCode", children: event.sample.setup }) }) }, `${eventNode.id}-section-setup`)
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -114293,7 +114309,7 @@ const SampleInitEventView = ({
       icon: ApplicationIcons.sample,
       subTitle: formatDateTime(new Date(event.timestamp)),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Sample", className: styles$E.sample, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Sample", className: styles$F.sample, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ChatView,
             {
@@ -114309,7 +114325,7 @@ const SampleInitEventView = ({
                 choice
               ] }, `$choice-{choice}`);
             }) : "",
-            sections.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$E.section, children: sections }) : "",
+            sections.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$F.section, children: sections }) : "",
             event.sample.target ? /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Target", children: toArray(event.sample.target).map((target2) => {
               return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-base"), children: target2 }, target2);
             }) }) : void 0
@@ -114319,7 +114335,7 @@ const SampleInitEventView = ({
           MetaDataGrid,
           {
             "data-name": "Metadata",
-            className: styles$E.metadata,
+            className: styles$F.metadata,
             entries: event.sample.metadata
           }
         ) : ""
@@ -114371,6 +114387,7 @@ const SampleLimitEventView = ({
       eventNodeId: eventNode.id,
       depth: eventNode.depth,
       title: title2,
+      subTitle: formatDateTime(new Date(eventNode.event.timestamp)),
       icon: icon2,
       className: className2,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller"), children: eventNode.event.message })
@@ -114382,7 +114399,7 @@ const exec = "_exec_1irga_15";
 const result = "_result_1irga_19";
 const fileLabel = "_fileLabel_1irga_23";
 const wrapPre = "_wrapPre_1irga_28";
-const styles$D = {
+const styles$E = {
   twoColumn,
   exec,
   result,
@@ -114416,10 +114433,10 @@ const ExecView = ({ id, event }) => {
   const input2 = event.input;
   const result2 = event.result;
   const output2 = event.output ? event.output.trim() : void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$D.exec), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: `Command`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$D.twoColumn), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$D.wrapPre), children: cmd2 }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$D.wrapPre), children: input2 !== null ? input2?.trim() : void 0 }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$E.exec), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: `Command`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$E.twoColumn), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$E.wrapPre), children: cmd2 }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$E.wrapPre), children: input2 !== null ? input2?.trim() : void 0 }),
       options2 !== null && Object.keys(options2).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: `Options`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         MetaDataGrid,
         {
@@ -114436,7 +114453,7 @@ const ExecView = ({ id, event }) => {
           entry: { name: "sandbox_output", value: output2 }
         }
       ) }) : void 0,
-      result2 !== 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$D.result, "text-size-base"), children: [
+      result2 !== 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$E.result, "text-size-base"), children: [
         "(exited with code ",
         result2,
         ")"
@@ -114462,14 +114479,14 @@ const WriteFileView = ({ id, event }) => {
 };
 const FileView = ({ id, file, contents: contents2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "File", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$D.fileLabel), children: file }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "File", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$E.fileLabel), children: file }) }),
     contents2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Contents", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandablePanel, { id: `${id}-file`, collapse: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: contents2 }) }) }) : void 0
   ] });
 };
 const explanation = "_explanation_1k2k0_1";
 const wrappingContent$1 = "_wrappingContent_1k2k0_8";
 const separator$1 = "_separator_1k2k0_13";
-const styles$C = {
+const styles$D = {
   explanation,
   wrappingContent: wrappingContent$1,
   separator: separator$1
@@ -114491,29 +114508,29 @@ const ScoreEventView = ({
       icon: ApplicationIcons.scorer,
       collapsibleContent: true,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Explanation", className: clsx(styles$C.explanation), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Explanation", className: clsx(styles$D.explanation), children: [
           event.target ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$C.separator) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$D.separator) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Target" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: resolvedTarget || "" }) })
           ] }) : "",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$C.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$D.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Answer" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$C.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.score.answer || "" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$C.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$D.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.score.answer || "" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$D.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Explanation" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$C.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.score.explanation || "" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$C.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$D.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.score.explanation || "" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$D.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Score" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: renderScore(event.score.value) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$C.separator) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$D.separator) })
         ] }),
         event.score.metadata ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-name": "Metadata", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           RecordTree,
           {
             id: `${eventNode.id}-score-metadata`,
             record: event.score.metadata,
-            className: styles$C.metadataTree,
+            className: styles$D.metadataTree,
             defaultExpandLevel: 0
           }
         ) }) : void 0
@@ -122048,7 +122065,7 @@ const lightboxContent = "_lightboxContent_1mvg8_33";
 const lightboxButtonCloseWrapper = "_lightboxButtonCloseWrapper_1mvg8_45";
 const lightboxButtonClose = "_lightboxButtonClose_1mvg8_45";
 const lightboxPreviewButton = "_lightboxPreviewButton_1mvg8_63";
-const styles$B = {
+const styles$C = {
   carouselThumbs,
   carouselThumb,
   carouselPlayIcon,
@@ -122117,12 +122134,12 @@ const LightboxCarousel = ({ id, slides }) => {
     [openLightbox]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("lightbox-carousel-container"), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.carouselThumbs), children: slides.map((slide, index) => {
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$C.carouselThumbs), children: slides.map((slide, index) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
           "data-index": index,
-          className: clsx(styles$B.carouselThumb),
+          className: clsx(styles$C.carouselThumb),
           onClick: handleThumbClick,
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: slide.label }),
@@ -122131,7 +122148,7 @@ const LightboxCarousel = ({ id, slides }) => {
               {
                 className: clsx(
                   ApplicationIcons.play,
-                  styles$B.carouselPlayIcon
+                  styles$C.carouselPlayIcon
                 )
               }
             ) })
@@ -122143,12 +122160,12 @@ const LightboxCarousel = ({ id, slides }) => {
     showOverlay && /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: clsx(styles$B.lightboxOverlay, isOpen ? "open" : "closed"),
+        className: clsx(styles$C.lightboxOverlay, isOpen ? "open" : "closed"),
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.lightboxButtonCloseWrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$C.lightboxButtonCloseWrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              className: styles$B.lightboxButtonClose,
+              className: styles$C.lightboxButtonClose,
               onClick: closeLightbox,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.close })
             }
@@ -122156,7 +122173,7 @@ const LightboxCarousel = ({ id, slides }) => {
           slides.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              className: clsx(styles$B.lightboxPreviewButton, "prev"),
+              className: clsx(styles$C.lightboxPreviewButton, "prev"),
               onClick: showPrev,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.previous })
             }
@@ -122164,7 +122181,7 @@ const LightboxCarousel = ({ id, slides }) => {
           slides.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              className: clsx(styles$B.lightboxPreviewButton, "next"),
+              className: clsx(styles$C.lightboxPreviewButton, "next"),
               onClick: showNext,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.next })
             }
@@ -122172,7 +122189,7 @@ const LightboxCarousel = ({ id, slides }) => {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: clsx(styles$B.lightboxContent, isOpen ? "open" : "closed"),
+              className: clsx(styles$C.lightboxContent, isOpen ? "open" : "closed"),
               children: slides[currentIndex].render()
             },
             `carousel-slide-${currentIndex}`
@@ -122272,7 +122289,7 @@ const extractSize = (value2, label2, defaultValue) => {
 const toolsGrid = "_toolsGrid_1qqm2_1";
 const tools = "_tools_1qqm2_1";
 const tool = "_tool_1qqm2_1";
-const styles$A = {
+const styles$B = {
   toolsGrid,
   tools,
   tool
@@ -122441,7 +122458,7 @@ const renderTools = (changes, resolvedState) => {
       toolsInfo["Tools"] = /* @__PURE__ */ jsxRuntimeExports.jsx(Tools, { toolDefinitions: filtered });
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.tools), children: Object.keys(toolsInfo).map((key2) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.tools), children: Object.keys(toolsInfo).map((key2) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
@@ -122496,7 +122513,7 @@ const StoreSpecificRenderableTypes = [
   human_baseline_session
 ];
 const Tools = ({ toolDefinitions }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$A.toolsGrid, children: toolDefinitions.map((toolDefinition, idx) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$B.toolsGrid, children: toolDefinitions.map((toolDefinition, idx) => {
     const toolName = toolDefinition.name;
     const toolArgs = toolDefinition.parameters?.properties ? Object.keys(toolDefinition.parameters.properties) : [];
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -122511,11 +122528,11 @@ const Tools = ({ toolDefinitions }) => {
 };
 const Tool = ({ toolName, toolArgs }) => {
   const functionCall = toolArgs && toolArgs.length > 0 ? `${toolName}(${toolArgs.join(", ")})` : toolName;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-smallest", styles$A.tool), children: functionCall });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-smallest", styles$B.tool), children: functionCall });
 };
 const diff = "_diff_eobja_1";
 const summary$2 = "_summary_eobja_6";
-const styles$z = {
+const styles$A = {
   diff,
   summary: summary$2
 };
@@ -122560,14 +122577,14 @@ const StateEventView = ({
       text: !changePreview ? summary2 : void 0,
       collapsibleContent: true,
       children: [
-        changePreview ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-name": "Summary", className: clsx(styles$z.summary), children: changePreview }) : void 0,
+        changePreview ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-name": "Summary", className: clsx(styles$A.summary), children: changePreview }) : void 0,
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           StateDiffView,
           {
             before,
             after,
             "data-name": "Diff",
-            className: clsx(styles$z.diff)
+            className: clsx(styles$A.diff)
           }
         )
       ]
@@ -122892,7 +122909,7 @@ const summary$1 = "_summary_ac4z2_1";
 const summaryRendered = "_summaryRendered_ac4z2_6";
 const subtaskSummary = "_subtaskSummary_ac4z2_10";
 const subtaskLabel = "_subtaskLabel_ac4z2_17";
-const styles$y = {
+const styles$z = {
   summary: summary$1,
   summaryRendered,
   subtaskSummary,
@@ -122907,9 +122924,9 @@ const SubtaskEventView = ({
   const body2 = [];
   if (event.type === "fork") {
     body2.push(
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { title: "Summary", className: clsx(styles$y.summary), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { title: "Summary", className: clsx(styles$z.summary), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label"), children: "Inputs" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$y.summaryRendered), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: event.input }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$z.summaryRendered), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: event.input }) })
       ] })
     );
   } else {
@@ -122945,12 +122962,12 @@ const SubtaskEventView = ({
 };
 const SubtaskSummary = ({ input: input2, result: result2 }) => {
   const output2 = typeof result2 === "object" ? result2 : { result: result2 };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$y.subtaskSummary), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$z.subtaskSummary), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-size-small"), children: "Input" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-large", styles$y.subtaskLabel) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-large", styles$z.subtaskLabel) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-size-small"), children: "Output" }),
     input2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: input2 }) : void 0,
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-title-secondary", styles$y.subtaskLabel), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.arrows.right }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-title-secondary", styles$z.subtaskLabel), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.arrows.right }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: output2 }) })
   ] });
 };
@@ -122975,7 +122992,7 @@ const None = () => {
 const summary = "_summary_1qsnv_1";
 const approval = "_approval_1qsnv_6";
 const progress = "_progress_1qsnv_12";
-const styles$x = {
+const styles$y = {
   summary,
   approval,
   progress
@@ -123014,7 +123031,7 @@ const ToolEventView = ({
       icon: ApplicationIcons.solvers.use_tools,
       childIds: children2.map((child) => child.id),
       collapseControl: "bottom",
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Summary", className: styles$x.summary, children: [
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Summary", className: styles$y.summary, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ToolCallView,
           {
@@ -123042,10 +123059,10 @@ const ToolEventView = ({
           ApprovalEventView,
           {
             eventNode: approvalNode,
-            className: styles$x.approval
+            className: styles$y.approval
           }
         ) : "",
-        event.pending ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.progress), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0
+        event.pending ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$y.progress), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0
       ] })
     }
   );
@@ -123056,7 +123073,7 @@ const separator = "_separator_io1r0_13";
 const unchanged = "_unchanged_io1r0_22";
 const section$1 = "_section_io1r0_27";
 const spacer = "_spacer_io1r0_31";
-const styles$w = {
+const styles$x = {
   container: container$8,
   wrappingContent,
   separator,
@@ -123088,46 +123105,46 @@ const ScoreEditEventView = ({
             className: clsx(
               "text-style-label",
               "text-style-secondary",
-              styles$w.section
+              styles$x.section
             ),
             children: "Updated Values"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$w.container), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$x.container), children: [
           event.edit.value ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.separator) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.separator) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Value" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: renderScore(event.edit.value) })
           ] }) : "",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Answer" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.wrappingContent), children: event.edit.answer === kUnchangedSentinel ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$w.unchanged), children: "[unchanged]" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.answer || "" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.wrappingContent), children: event.edit.answer === kUnchangedSentinel ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$x.unchanged), children: "[unchanged]" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.answer || "" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Explanation" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.explanation || "" }) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.explanation || "" }) })
         ] }),
-        event.edit.provenance ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$w.container), children: [
+        event.edit.provenance ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$x.container), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
               className: clsx(
                 "text-style-label",
                 "text-style-secondary",
-                styles$w.section
+                styles$x.section
               ),
               children: "Provenance"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.spacer) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.spacer) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Author" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.provenance.author }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.provenance.author }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Reason" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.provenance.reason || "" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.provenance.reason || "" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Time" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             RenderedText,
             {
               markdown: formatDateTime(new Date(event.edit.provenance.timestamp)) || ""
@@ -123139,7 +123156,7 @@ const ScoreEditEventView = ({
           {
             id: `${eventNode.id}-score-metadata`,
             record: event.edit.metadata || {},
-            className: styles$w.metadataTree,
+            className: styles$x.metadataTree,
             defaultExpandLevel: 0
           }
         ) }) : void 0
@@ -123272,7 +123289,7 @@ const node = "_node_1r858_1";
 const attached = "_attached_1r858_5";
 const attachedParent = "_attachedParent_1r858_9";
 const attachedChild = "_attachedChild_1r858_16";
-const styles$v = {
+const styles$w = {
   node,
   attached,
   attachedParent,
@@ -123333,23 +123350,23 @@ const TranscriptVirtualListComponent = ({
   }, [initialEventId, useVirtualization]);
   const renderRow = useCallback(
     (index, item2, style2) => {
-      const paddingClass = index === 0 ? styles$v.first : void 0;
+      const paddingClass = index === 0 ? styles$w.first : void 0;
       const previousIndex = index - 1;
       const nextIndex = index + 1;
       const previous = previousIndex > 0 && previousIndex <= eventNodes.length ? eventNodes[previousIndex] : void 0;
       const next = nextIndex < eventNodes.length ? eventNodes[nextIndex] : void 0;
       const attached2 = item2.event.event === "tool" && (previous?.event.event === "tool" || previous?.event.event === "model");
       const attachedParent2 = item2.event.event === "model" && next?.event.event === "tool";
-      const attachedClass = attached2 ? styles$v.attached : void 0;
-      const attachedChildClass = attached2 ? styles$v.attachedChild : void 0;
-      const attachedParentClass = attachedParent2 ? styles$v.attachedParent : void 0;
+      const attachedClass = attached2 ? styles$w.attached : void 0;
+      const attachedChildClass = attached2 ? styles$w.attachedChild : void 0;
+      const attachedParentClass = attachedParent2 ? styles$w.attachedParent : void 0;
       const hasToolEvents = hasToolEventsAtCurrentDepth(index);
       const context = hasToolEvents ? contextWithToolEvents : contextWithoutToolEvents;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           id: item2.id,
-          className: clsx(styles$v.node, paddingClass, attachedClass),
+          className: clsx(styles$w.node, paddingClass, attachedClass),
           style: {
             ...style2,
             paddingLeft: `${item2.depth <= 1 ? item2.depth * 0.7 : (0.7 + item2.depth - 1) * 1}em`,
@@ -124034,21 +124051,21 @@ const TranscriptPanel = memo$2((props) => {
       "div",
       {
         className: clsx(
-          styles$O.container,
-          collapsed2 ? styles$O.collapsed : void 0
+          styles$P.container,
+          collapsed2 ? styles$P.collapsed : void 0
         ),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
             StickyScroll,
             {
               scrollRef,
-              className: styles$O.treeContainer,
+              className: styles$P.treeContainer,
               offsetTop: topOffset,
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   TranscriptOutline,
                   {
-                    className: clsx(styles$O.outline),
+                    className: clsx(styles$P.outline),
                     eventNodes,
                     running,
                     defaultCollapsedIds,
@@ -124058,7 +124075,7 @@ const TranscriptPanel = memo$2((props) => {
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "div",
                   {
-                    className: styles$O.outlineToggle,
+                    className: styles$P.outlineToggle,
                     onClick: () => setCollapsed(!collapsed2),
                     children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.sidebar })
                   }
@@ -124076,7 +124093,7 @@ const TranscriptPanel = memo$2((props) => {
               running,
               initialEventId: initialEventId === void 0 ? null : initialEventId,
               offsetTop: topOffset,
-              className: styles$O.listContainer
+              className: styles$P.listContainer
             }
           )
         ]
@@ -124293,16 +124310,16 @@ const SampleDisplay = ({
       {
         id: tabsetId,
         tabsRef,
-        className: clsx(styles$W.tabControls),
+        className: clsx(styles$X.tabControls),
         tabControlsClassName: clsx("text-size-base"),
-        tabPanelsClassName: clsx(styles$W.tabPanel),
+        tabPanelsClassName: clsx(styles$X.tabPanel),
         tools: tools2,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
             TabPanel,
             {
               id: kSampleTranscriptTabId,
-              className: clsx("sample-tab", styles$W.transcriptContainer),
+              className: clsx("sample-tab", styles$X.transcriptContainer),
               title: "Transcript",
               onSelected: onSelectedTab,
               selected: effectiveSelectedTab === kSampleTranscriptTabId || effectiveSelectedTab === void 0,
@@ -124336,7 +124353,7 @@ const SampleDisplay = ({
             TabPanel,
             {
               id: kSampleMessagesTabId,
-              className: clsx("sample-tab", styles$W.fullWidth, styles$W.chat),
+              className: clsx("sample-tab", styles$X.fullWidth, styles$X.chat),
               title: "Messages",
               onSelected: onSelectedTab,
               selected: effectiveSelectedTab === kSampleMessagesTabId,
@@ -124370,7 +124387,7 @@ const SampleDisplay = ({
                 SampleScoresView,
                 {
                   sample: sample2,
-                  className: styles$W.padded,
+                  className: styles$X.padded,
                   scrollRef
                 }
               )
@@ -124385,7 +124402,7 @@ const SampleDisplay = ({
               title: "Metadata",
               onSelected: onSelectedTab,
               selected: effectiveSelectedTab === kSampleMetdataTabId,
-              children: !sample2 || sampleMetadatas.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$W.padded, styles$W.fullWidth), children: sampleMetadatas }) : /* @__PURE__ */ jsxRuntimeExports.jsx(NoContentsPanel, { text: "No metadata" })
+              children: !sample2 || sampleMetadatas.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$X.padded, styles$X.fullWidth), children: sampleMetadatas }) : /* @__PURE__ */ jsxRuntimeExports.jsx(NoContentsPanel, { text: "No metadata" })
             }
           ),
           sample2?.error || sample2?.error_retries && sample2?.error_retries.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -124396,14 +124413,14 @@ const SampleDisplay = ({
               title: "Errors",
               onSelected: onSelectedTab,
               selected: effectiveSelectedTab === kSampleErrorTabId,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$W.error), children: [
+              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$X.error), children: [
                 sample2?.error ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { label: `Sample Error` }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(CardBody, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     ANSIDisplay,
                     {
                       output: sample2.error.traceback_ansi,
-                      className: clsx("text-size-small", styles$W.ansi),
+                      className: clsx("text-size-small", styles$X.ansi),
                       style: {
                         fontSize: "clamp(0.3rem, 1.1vw, 0.8rem)",
                         margin: "0.5em 0"
@@ -124418,7 +124435,7 @@ const SampleDisplay = ({
                       ANSIDisplay,
                       {
                         output: retry.traceback_ansi,
-                        className: clsx("text-size-small", styles$W.ansi),
+                        className: clsx("text-size-small", styles$X.ansi),
                         style: {
                           fontSize: "clamp(0.3rem, 1.1vw, 0.8rem)",
                           margin: "0.5em 0"
@@ -124438,7 +124455,7 @@ const SampleDisplay = ({
               title: "JSON",
               onSelected: onSelectedTab,
               selected: effectiveSelectedTab === kSampleJsonTabId,
-              children: !sample2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(NoContentsPanel, { text: "JSON not available" }) : estimateSize(sample2.events) > 25 * 1024 * 1024 ? /* @__PURE__ */ jsxRuntimeExports.jsx(NoContentsPanel, { text: "JSON too large to display" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$W.padded, styles$W.fullWidth), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              children: !sample2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(NoContentsPanel, { text: "JSON not available" }) : estimateSize(sample2.events) > 25 * 1024 * 1024 ? /* @__PURE__ */ jsxRuntimeExports.jsx(NoContentsPanel, { text: "JSON too large to display" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$X.padded, styles$X.fullWidth), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 JSONPanel,
                 {
                   data: sample2,
@@ -124466,7 +124483,7 @@ const metadataViewsForSample = (id, scrollRef, sample2) => {
           ModelTokenTable,
           {
             model_usage: sample2.model_usage,
-            className: clsx(styles$W.noTop)
+            className: clsx(styles$X.noTop)
           }
         ) })
       ] }, `sample-usage-${id}`)
@@ -124484,7 +124501,7 @@ const metadataViewsForSample = (id, scrollRef, sample2) => {
               Working: formatTime$1(sample2.working_time),
               Total: formatTime$1(sample2.total_time)
             },
-            className: clsx("tab-pane", styles$W.noTop),
+            className: clsx("tab-pane", styles$X.noTop),
             scrollRef
           }
         ) })
@@ -124500,7 +124517,7 @@ const metadataViewsForSample = (id, scrollRef, sample2) => {
           {
             id: `task-sample-metadata-${id}`,
             record: sample2?.metadata,
-            className: clsx("tab-pane", styles$W.noTop),
+            className: clsx("tab-pane", styles$X.noTop),
             scrollRef
           }
         ) })
@@ -124516,7 +124533,7 @@ const metadataViewsForSample = (id, scrollRef, sample2) => {
           {
             id: `task-sample-store-${id}`,
             record: sample2?.store,
-            className: clsx("tab-pane", styles$W.noTop),
+            className: clsx("tab-pane", styles$X.noTop),
             scrollRef,
             processStore: true
           }
@@ -124594,7 +124611,7 @@ const isRunning = (sampleSummary, runningSampleData) => {
 };
 const container$7 = "_container_ly812_1";
 const scroller = "_scroller_ly812_7";
-const styles$u = {
+const styles$v = {
   container: container$7,
   scroller
 };
@@ -124645,14 +124662,14 @@ const InlineSampleDisplay = ({
     loadSample
   ]);
   const scrollRef = useRef(null);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(className2, styles$u.container), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(className2, styles$v.container), children: [
     showActivity && /* @__PURE__ */ jsxRuntimeExports.jsx(
       ActivityBar,
       {
         animating: sampleData.status === "loading" || sampleData.status === "streaming"
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$u.scroller), ref: scrollRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$u.body, children: sampleData.error ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$v.scroller), ref: scrollRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$v.body, children: sampleData.error ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       ErrorPanel,
       {
         title: "Unable to load sample",
@@ -124671,7 +124688,7 @@ const modalBody$1 = "_modalBody_1hch3_35";
 const content$5 = "_content_1hch3_41";
 const header$2 = "_header_1hch3_45";
 const titleTool = "_titleTool_1hch3_51";
-const styles$t = {
+const styles$u = {
   title,
   detail: detail$1,
   detailText,
@@ -124712,8 +124729,8 @@ const LargeModal = ({
       id,
       className: clsx(
         "modal",
-        styles$t.modal,
-        !visible2 ? styles$t.hidden : void 0
+        styles$u.modal,
+        !visible2 ? styles$u.hidden : void 0
       ),
       role: "dialog",
       onKeyUp: onkeyup,
@@ -124725,23 +124742,23 @@ const LargeModal = ({
           className: clsx(
             "modal-dialog",
             "modal-dialog-scrollable",
-            styles$t.modalBody
+            styles$u.modalBody
           ),
           role: "document",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("modal-content", styles$t.content), children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("modal-header", styles$t.header), children: [
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("modal-content", styles$u.content), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("modal-header", styles$u.header), children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "div",
                 {
-                  className: clsx("modal-title", "text-size-smaller", styles$t.title),
+                  className: clsx("modal-title", "text-size-smaller", styles$u.title),
                   children: title2 || ""
                 }
               ),
-              detail2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$t.detail, children: [
+              detail2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$u.detail, children: [
                 detailTools?.left ? detailTools.left.map((tool2, idx) => {
                   return /* @__PURE__ */ jsxRuntimeExports.jsx(TitleTool, { ...tool2 }, `tool-left-${idx}`);
                 }) : "",
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller", styles$t.detailText), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: detail2 }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller", styles$u.detailText), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: detail2 }) }),
                 detailTools?.right ? detailTools.right.map((tool2, idx) => {
                   return /* @__PURE__ */ jsxRuntimeExports.jsx(TitleTool, { ...tool2 }, `tool-right-${idx}`);
                 }) : ""
@@ -124754,7 +124771,7 @@ const LargeModal = ({
                     "btn",
                     "btn-close-large-dialog",
                     "text-size-larger",
-                    styles$t.close
+                    styles$u.close
                   ),
                   onClick: onHide,
                   "aria-label": "Close",
@@ -124781,7 +124798,7 @@ const TitleTool = ({ label: label2, icon: icon2, enabled, onClick }) => {
         "btn",
         "btn-outline",
         "text-size-small",
-        styles$t.titleTool
+        styles$u.titleTool
       ),
       "aria-label": label2,
       onClick,
@@ -124791,7 +124808,7 @@ const TitleTool = ({ label: label2, icon: icon2, enabled, onClick }) => {
   );
 };
 const modalBody = "_modalBody_ozq2k_1";
-const styles$s = {
+const styles$t = {
   modalBody
 };
 const SampleDialog = ({
@@ -124896,7 +124913,7 @@ const SampleDialog = ({
       visible: showingSampleDialog,
       onHide,
       classNames: {
-        body: styles$s.modalBody
+        body: styles$t.modalBody
       },
       showProgress: sampleData.status === "loading" || sampleData.status === "streaming",
       scrollRef,
@@ -124906,7 +124923,7 @@ const SampleDialog = ({
 };
 const container$6 = "_container_15b4r_1";
 const label$6 = "_label_15b4r_5";
-const styles$r = {
+const styles$s = {
   container: container$6,
   label: label$6
 };
@@ -124923,7 +124940,7 @@ const EpochFilter = ({
     const sel = e.target;
     setEpoch(sel.value);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$r.container, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$s.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "span",
       {
@@ -124932,7 +124949,7 @@ const EpochFilter = ({
           "text-size-smaller",
           "text-style-label",
           "text-style-secondary",
-          styles$r.label
+          styles$s.label
         ),
         children: "Epochs:"
       }
@@ -149820,7 +149837,7 @@ function getCompletions(context, filterItems, samples) {
 const label$5 = "_label_jbrqc_1";
 const input = "_input_jbrqc_7";
 const help = "_help_jbrqc_11";
-const styles$q = {
+const styles$r = {
   label: label$5,
   input,
   help
@@ -150029,7 +150046,7 @@ const SampleFilter = () => {
           "text-size-smaller",
           "text-style-label",
           "text-style-secondary",
-          styles$q.label
+          styles$r.label
         ),
         children: "Filter:"
       }
@@ -150038,13 +150055,13 @@ const SampleFilter = () => {
       "div",
       {
         ref: editorRef,
-        className: clsx(filterError && "filter-pending", styles$q.input)
+        className: clsx(filterError && "filter-pending", styles$r.input)
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "span",
       {
-        className: clsx("bi", "bi-question-circle", styles$q.help),
+        className: clsx("bi", "bi-question-circle", styles$r.help),
         "data-tooltip": FILTER_TOOLTIP,
         "data-tooltip-position": "bottom-left"
       }
@@ -150058,7 +150075,7 @@ const label$4 = "_label_uvlpz_26";
 const links = "_links_uvlpz_32";
 const selected$1 = "_selected_uvlpz_50";
 const bodyColorButton = "_bodyColorButton_uvlpz_54";
-const styles$p = {
+const styles$q = {
   container: container$5,
   grid: grid$3,
   row: row$1,
@@ -150089,7 +150106,7 @@ const SelectScorer = ({
           "text-size-smaller",
           "text-style-label",
           "text-style-secondary",
-          styles$p.label
+          styles$q.label
         ),
         children: "Scorers:"
       }
@@ -150101,7 +150118,7 @@ const SelectScorer = ({
         icon: ApplicationIcons.metrics,
         onClick: () => setShowing(!showing),
         ref: buttonRef,
-        className: clsx(styles$p.bodyColorButton)
+        className: clsx(styles$q.bodyColorButton)
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -150117,13 +150134,13 @@ const SelectScorer = ({
           padding: "3px 5px"
         },
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$p.links, "text-size-smaller"), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$q.links, "text-size-smaller"), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "a",
               {
                 className: clsx(
-                  styles$p.link,
-                  !allScoresSelected ? styles$p.selected : void 0
+                  styles$q.link,
+                  !allScoresSelected ? styles$q.selected : void 0
                 ),
                 onClick: () => {
                   if (scores2.length > 0) {
@@ -150138,8 +150155,8 @@ const SelectScorer = ({
               "a",
               {
                 className: clsx(
-                  styles$p.link,
-                  allScoresSelected ? styles$p.selected : void 0
+                  styles$q.link,
+                  allScoresSelected ? styles$q.selected : void 0
                 ),
                 onClick: () => {
                   setSelectedScores(scores2);
@@ -150148,7 +150165,7 @@ const SelectScorer = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$p.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$q.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             ScoreCheckboxes,
             {
               scores: scores2,
@@ -150180,13 +150197,13 @@ const ScoreCheckboxes = ({
     },
     [setSelectedScores, scores2, selectedKeys]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$p.grid, "text-size-smaller"), children: scores2.map((sc2) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$q.grid, "text-size-smaller"), children: scores2.map((sc2) => {
     const key2 = `${sc2.scorer}.${sc2.name}`;
     const isChecked = selectedKeys ? selectedKeys.has(key2) : false;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: clsx(styles$p.row),
+        className: clsx(styles$q.row),
         onClick: () => handleToggle(sc2, isChecked),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -150312,7 +150329,7 @@ const ApplicationStyles = {
 const body$1 = "_body_12gn4_1";
 const iconSmall = "_iconSmall_12gn4_9";
 const message = "_message_12gn4_15";
-const styles$o = {
+const styles$p = {
   body: body$1,
   iconSmall,
   message
@@ -150322,9 +150339,9 @@ const SampleErrorView = ({
   align
 }) => {
   align = align || "center";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$o.body, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.error, styles$o.iconSmall) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$o.message, style: ApplicationStyles.lineClamp(2), children: errorType(message2) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$p.body, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.error, styles$p.iconSmall) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$p.message, style: ApplicationStyles.lineClamp(2), children: errorType(message2) })
   ] });
 };
 const grid$2 = "_grid_1213u_1";
@@ -150337,7 +150354,7 @@ const wrapAnywhere = "_wrapAnywhere_1213u_49";
 const noLeft = "_noLeft_1213u_53";
 const score = "_score_1213u_57";
 const centered = "_centered_1213u_62";
-const styles$n = {
+const styles$o = {
   grid: grid$2,
   selected,
   sampleLink,
@@ -150386,10 +150403,10 @@ const SampleRow = ({
     {
       id: `sample-${id}`,
       className: clsx(
-        styles$n.grid,
+        styles$o.grid,
         "text-size-base",
-        selected2 ? styles$n.selected : void 0,
-        !isViewable && !sampleUrl ? styles$n.disabled : void 0
+        selected2 ? styles$o.selected : void 0,
+        !isViewable && !sampleUrl ? styles$o.disabled : void 0
       ),
       style: {
         height: `${height}px`,
@@ -150397,15 +150414,15 @@ const SampleRow = ({
         gridTemplateColumns: gridColumnsTemplate
       },
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("sample-id", "three-line-clamp", styles$n.cell), children: !showingSampleDialog ? sample2.id : void 0 }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("sample-id", "three-line-clamp", styles$o.cell), children: !showingSampleDialog ? sample2.id : void 0 }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             className: clsx(
               "sample-input",
               "three-line-clamp",
-              styles$n.cell,
-              styles$n.wrapAnywhere
+              styles$o.cell,
+              styles$o.wrapAnywhere
             ),
             children: !showingSampleDialog ? /* @__PURE__ */ jsxRuntimeExports.jsx(
               RenderedText,
@@ -150417,20 +150434,20 @@ const SampleRow = ({
             ) : void 0
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("sample-target", "three-line-clamp", styles$n.cell), children: sample2?.target && !showingSampleDialog ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("sample-target", "three-line-clamp", styles$o.cell), children: sample2?.target && !showingSampleDialog ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           RenderedText,
           {
             markdown: arrayToString(sample2.target).slice(0, kMaxRowTextSize),
-            className: clsx("no-last-para-padding", styles$n.noLeft),
+            className: clsx("no-last-para-padding", styles$o.noLeft),
             forceRender: true,
             omitMedia: true
           }
         ) : void 0 }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("sample-answer", "three-line-clamp", styles$n.cell), children: sample2 && !showingSampleDialog ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("sample-answer", "three-line-clamp", styles$o.cell), children: sample2 && !showingSampleDialog ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           RenderedText,
           {
             markdown: (answer2 || "").slice(0, kMaxRowTextSize),
-            className: clsx("no-last-para-padding", styles$n.noLeft),
+            className: clsx("no-last-para-padding", styles$o.noLeft),
             forceRender: true,
             omitMedia: true
           }
@@ -150442,7 +150459,7 @@ const SampleRow = ({
               "sample-limit",
               "text-size-small",
               "three-line-clamp",
-              styles$n.cell
+              styles$o.cell
             ),
             children: !showingSampleDialog ? sample2.limit : void 0
           }
@@ -150454,8 +150471,8 @@ const SampleRow = ({
               "sample-retries",
               "text-size-small",
               "three-line-clamp",
-              styles$n.cell,
-              styles$n.centered
+              styles$o.cell,
+              styles$o.centered
             ),
             children: !showingSampleDialog && sample2.retries && sample2.retries > 0 ? sample2.retries : void 0
           }
@@ -150463,7 +150480,7 @@ const SampleRow = ({
         scoreColumnContent.map((scoreColumnContent2, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: clsx("text-size-small", styles$n.cell, styles$n.score),
+            className: clsx("text-size-small", styles$o.cell, styles$o.score),
             children: scoreColumnContent2
           },
           `score-${i}`
@@ -150472,15 +150489,15 @@ const SampleRow = ({
     }
   );
   if (!sampleUrl || !isViewable) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$n.disabledRow, children: rowContent });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$o.disabledRow, children: rowContent });
   }
   if (isVscode()) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: showSample, className: styles$n.sampleLink, children: rowContent });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: showSample, className: styles$o.sampleLink, children: rowContent });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: sampleUrl, className: styles$n.sampleLink, children: rowContent });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: sampleUrl, className: styles$o.sampleLink, children: rowContent });
 };
 const row = "_row_utdq5_1";
-const styles$m = {
+const styles$n = {
   row
 };
 const SampleSeparator = ({
@@ -150492,7 +150509,7 @@ const SampleSeparator = ({
     "div",
     {
       id,
-      className: clsx("text-style-secondary", "text-size-smaller", styles$m.row),
+      className: clsx("text-style-secondary", "text-size-smaller", styles$n.row),
       style: { height: `${height}px` },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title2 })
     }
@@ -150502,7 +150519,7 @@ const footer = "_footer_vkofn_1";
 const spinnerContainer = "_spinnerContainer_vkofn_11";
 const spinner$1 = "_spinner_vkofn_11";
 const label$3 = "_label_vkofn_25";
-const styles$l = {
+const styles$m = {
   footer,
   spinnerContainer,
   spinner: spinner$1,
@@ -150513,17 +150530,17 @@ const SampleFooter = ({
   totalSampleCount,
   running
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-smaller", styles$l.footer), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: running ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$l.spinnerContainer), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-smaller", styles$m.footer), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: running ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$m.spinnerContainer), children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: clsx("spinner-border", styles$l.spinner),
+          className: clsx("spinner-border", styles$m.spinner),
           role: "status",
           children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("visually-hidden"), children: "Running..." })
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-secondary", styles$l.label), children: "running..." })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-secondary", styles$m.label), children: "running..." })
     ] }) : void 0 }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: sampleCount < totalSampleCount ? `${sampleCount} / ${totalSampleCount} Samples` : `${sampleCount} Samples` })
   ] });
@@ -150531,7 +150548,7 @@ const SampleFooter = ({
 const header$1 = "_header_1qnb6_1";
 const center = "_center_1qnb6_9";
 const shrinkable = "_shrinkable_1qnb6_13";
-const styles$k = {
+const styles$l = {
   header: header$1,
   center,
   shrinkable
@@ -150548,7 +150565,7 @@ const SampleHeader = ({
   "div",
   {
     className: clsx(
-      styles$k.header,
+      styles$l.header,
       "text-size-smallestest",
       "text-style-label",
       "text-style-secondary"
@@ -150564,7 +150581,7 @@ const SampleHeader = ({
       scoreLabels.map((label2, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: clsx(styles$k.center, styles$k.shrinkable),
+          className: clsx(styles$l.center, styles$l.shrinkable),
           children: label2
         },
         `score-header-${i}`
@@ -150573,7 +150590,7 @@ const SampleHeader = ({
   }
 );
 const mainLayout = "_mainLayout_q79zq_7";
-const styles$j = {
+const styles$k = {
   mainLayout
 };
 const kSampleHeight = 88;
@@ -150779,7 +150796,7 @@ const SampleList = memo$2((props) => {
       msg: `Skipped ${earlyStopping.early_stops.length} samples due to early stopping (${earlyStopping.manager}). `
     });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$j.mainLayout, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$k.mainLayout, children: [
     warnings.map((warning2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       MessageBand,
       {
@@ -150885,16 +150902,16 @@ const panel$3 = "_panel_1yknn_1";
 const container$4 = "_container_1yknn_7";
 const spinner = "_spinner_1yknn_14";
 const text = "_text_1yknn_20";
-const styles$i = {
+const styles$j = {
   panel: panel$3,
   container: container$4,
   spinner,
   text
 };
 const RunningNoSamples = () => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$i.panel), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$i.container, "text-size-smaller"), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$i.spinner, "spinner-border"), role: "status", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("visually-hidden"), children: "starting..." }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$i.text), children: "starting...." })
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$j.panel), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$j.container, "text-size-smaller"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$j.spinner, "spinner-border"), role: "status", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("visually-hidden"), children: "starting..." }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$j.text), children: "starting...." })
   ] }) });
 };
 const getSampleProcessor = (samples, epochs, groupBy, groupByOrder, sampleDescriptor, selectedScores) => {
@@ -151220,7 +151237,7 @@ const ghCommitUrl = (origin, commit) => {
   return `${baseUrl2}/commit/${commit}`;
 };
 const grid$1 = "_grid_er9fb_1";
-const styles$h = {
+const styles$i = {
   grid: grid$1
 };
 const useTaskTabConfig = (evalSpec, evalStats, earlyStopping) => {
@@ -151290,7 +151307,7 @@ const TaskTab = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { padding: "0.5em 1em 0 1em", width: "100%" }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { label: "Task Info" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CardBody, { id: "task-card-config", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$h.grid), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CardBody, { id: "task-card-config", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$i.grid), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           MetaDataGrid,
           {
@@ -151343,6 +151360,70 @@ const TaskTab = ({
     ] })
   ] }) });
 };
+const downloadLogButton = "_downloadLogButton_fi3zx_1";
+const styles$h = {
+  downloadLogButton
+};
+const DownloadLogButton = ({
+  log_file,
+  className: className2 = "",
+  ariaLabel = "Download log as EVAL"
+}) => {
+  const [downloadState, setDownloadState] = useState("idle");
+  const api2 = useStore((state) => state.api);
+  const handleClick = async () => {
+    if (!api2?.download_log) return;
+    setDownloadState("downloading");
+    try {
+      await api2.download_log(log_file);
+      setDownloadState("success");
+    } catch (error2) {
+      console.error("Failed to download log:", error2);
+      setDownloadState("error");
+    } finally {
+      setTimeout(() => {
+        setDownloadState("idle");
+      }, 1250);
+    }
+  };
+  const getIcon = () => {
+    switch (downloadState) {
+      case "downloading":
+        return ApplicationIcons.loading;
+      case "success":
+        return ApplicationIcons.confirm;
+      case "error":
+        return ApplicationIcons.error;
+      default:
+        return ApplicationIcons.downloadLog;
+    }
+  };
+  const getIconClass = () => {
+    const icon2 = getIcon();
+    if (downloadState === "success") {
+      return `${icon2} primary`;
+    }
+    if (downloadState === "error") {
+      return `${icon2} text-danger`;
+    }
+    return icon2;
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      type: "button",
+      className: clsx(
+        "download-log-button",
+        styles$h.downloadLogButton,
+        className2
+      ),
+      onClick: handleClick,
+      "aria-label": ariaLabel,
+      disabled: downloadState !== "idle",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: getIconClass(), "aria-hidden": "true" })
+    }
+  );
+};
 const metricDisplayName = (metric) => {
   let modifier = void 0;
   for (const metricModifier of metricModifiers) {
@@ -151506,14 +151587,15 @@ const ModelRolesView = ({ roles }) => {
   });
   return modelEls.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$g.container, children: modelEls }) : void 0;
 };
-const container$2 = "_container_1pujw_1";
-const wrapper = "_wrapper_1pujw_8";
-const body = "_body_1pujw_21";
-const bodyContainer = "_bodyContainer_1pujw_27";
-const taskTitle = "_taskTitle_1pujw_33";
-const taskModel = "_taskModel_1pujw_38";
-const taskStatus = "_taskStatus_1pujw_42";
-const secondaryContainer = "_secondaryContainer_1pujw_49";
+const container$2 = "_container_17txe_1";
+const wrapper = "_wrapper_17txe_8";
+const body = "_body_17txe_21";
+const bodyContainer = "_bodyContainer_17txe_27";
+const taskTitle = "_taskTitle_17txe_33";
+const taskModel = "_taskModel_17txe_38";
+const taskStatus = "_taskStatus_17txe_42";
+const secondaryContainer = "_secondaryContainer_17txe_49";
+const buttonGroup = "_buttonGroup_17txe_58";
 const styles$f = {
   container: container$2,
   wrapper,
@@ -151522,7 +151604,8 @@ const styles$f = {
   taskTitle,
   taskModel,
   taskStatus,
-  secondaryContainer
+  secondaryContainer,
+  buttonGroup
 };
 const button$1 = "_button_12472_1";
 const label$2 = "_label_12472_14";
@@ -152059,8 +152142,10 @@ const PrimaryBar = ({
   sampleCount
 }) => {
   const streamSamples = useStore((state) => state.capabilities.streamSamples);
+  const downloadLogs = useStore((state) => state.capabilities.downloadLogs);
   const selectedLogFile = useStore((state) => state.logs.selectedLogFile);
   const logFileName = selectedLogFile ? filename(selectedLogFile) : "";
+  const isEvalFile2 = selectedLogFile?.endsWith(".eval");
   const hasRunningMetrics = runningMetrics && runningMetrics.length > 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$f.wrapper), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -152101,7 +152186,10 @@ const PrimaryBar = ({
           evalSpec?.model_roles ? /* @__PURE__ */ jsxRuntimeExports.jsx(ModelRolesView, { roles: evalSpec.model_roles }) : void 0,
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-small", styles$f.secondaryContainer), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("navbar-secondary-text", "text-truncate"), children: logFileName }),
-            selectedLogFile ? /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { value: selectedLogFile }) : ""
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$f.buttonGroup, children: [
+              selectedLogFile ? /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { value: selectedLogFile }) : "",
+              downloadLogs && selectedLogFile && isEvalFile2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DownloadLogButton, { log_file: selectedLogFile }) : null
+            ] })
           ] })
         ] })
       }
@@ -152422,15 +152510,15 @@ const LogView = () => {
           status: selectedLogDetails?.status
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: divRef, className: clsx("workspace", styles$1c.workspace), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("log-detail", styles$1c.tabContainer), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: divRef, className: clsx("workspace", styles$1d.workspace), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("log-detail", styles$1d.tabContainer), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         TabSet,
         {
           id: "log-details",
           tools: tabTools2,
           type: "pills",
-          className: clsx(styles$1c.tabSet, "text-size-smaller"),
-          tabControlsClassName: clsx(styles$1c.tabs, "text-size-smaller"),
-          tabPanelsClassName: clsx(styles$1c.tabPanels),
+          className: clsx(styles$1d.tabSet, "text-size-smaller"),
+          tabControlsClassName: clsx(styles$1d.tabs, "text-size-smaller"),
+          tabPanelsClassName: clsx(styles$1d.tabPanels),
           children: Object.keys(tabs2).map((key2) => {
             const tab2 = tabs2[key2];
             return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -210844,9 +210932,6 @@ export {
   clientApi,
   viewServerApi as createViewServerApi,
   initializeStore,
-  staticHttpApi as simpleHttpApi,
-  useLogSelection,
-  useSelectedSampleSummary,
-  useSelectedScores
+  staticHttpApi as simpleHttpApi
 };
 //# sourceMappingURL=index.js.map