@meridianlabs/log-viewer 0.3.197 → 0.3.200

package/lib/index.js

@@ -16820,54 +16820,48 @@ const resolveAttachments = (value2, attachments, onFailedResolve) => {
   }
   return value2;
 };
-const expandRefs = (refs, pool) => refs.flatMap(([start2, end_exclusive]) => pool.slice(start2, end_exclusive));
-const resolveEventRefs = (events, msgPool, callPool) => {
+const expandRefs = (refs, pool) => refs.flatMap(([start2, end2]) => pool.slice(start2, end2));
+const isModelEvent = (event) => event.event === "model";
+function expandEvents(events, eventsData) {
+  if (!eventsData) return events;
+  const { messages: messages2, calls } = eventsData;
+  const hasMessages = messages2.length > 0;
+  const hasCalls = calls.length > 0;
+  if (!hasMessages && !hasCalls) return events;
   return events.map((event) => {
-    if (event.event !== "model") return event;
-    const resolved = Array.isArray(event.input_refs) ? {
-      ...event,
-      input: expandRefs(
-        event.input_refs,
-        msgPool
-      ),
-      input_refs: null
-    } : event;
-    if (!resolved.call || !Array.isArray(resolved.call.call_refs))
-      return resolved;
-    return {
-      ...resolved,
-      call: {
-        ...resolved.call,
-        request: {
-          ...resolved.call.request,
-          [resolved.call.call_key || "messages"]: expandRefs(
-            resolved.call.call_refs,
-            callPool
-          )
-        },
+    if (!isModelEvent(event)) return event;
+    let changed = false;
+    let input2 = event.input;
+    let call = event.call;
+    if (event.input_refs != null && hasMessages) {
+      input2 = expandRefs(event.input_refs, messages2);
+      changed = true;
+    }
+    if (call?.call_refs != null && hasCalls) {
+      const key2 = call.call_key ?? "messages";
+      const expandedMsgs = expandRefs(
+        call.call_refs,
+        calls
+      );
+      call = {
+        ...call,
+        request: { ...call.request, [key2]: expandedMsgs },
         call_refs: null,
         call_key: null
-      }
-    };
+      };
+      changed = true;
+    }
+    return changed ? { ...event, input: input2, input_refs: null, call } : event;
   });
-};
-const resolvePools = (sample2) => {
-  const { message_pool, call_pool } = sample2;
-  if (!message_pool?.length && !call_pool?.length) return sample2;
-  return {
-    ...sample2,
-    events: resolveEventRefs(sample2.events, message_pool, call_pool),
-    message_pool: [],
-    call_pool: []
-  };
-};
+}
 const resolveSample$1 = (sample2) => {
   sample2 = { ...sample2 };
   if (sample2.transcript) {
     sample2.events = sample2.transcript.events;
     sample2.attachments = sample2.transcript.content;
   }
-  sample2 = resolvePools(sample2);
+  sample2.events = expandEvents(sample2.events, sample2.events_data ?? null);
+  sample2.events_data = null;
   sample2.attachments = sample2.attachments || {};
   sample2.input = resolveAttachments(sample2.input, sample2.attachments);
   sample2.messages = resolveAttachments(sample2.messages, sample2.attachments);
@@ -17252,6 +17246,7 @@ const initialState = {
   sampleStatus: "ok",
   sampleError: void 0,
   eventsCleared: false,
+  downloadProgress: void 0,
   visiblePopover: void 0,
   // signals that the sample needs to be reloaded
   sampleNeedsReload: 0,
@@ -17306,6 +17301,7 @@ const createSampleSlice = (set3, get2, _store) => {
           state.sample.sampleInState = false;
           state.sample.runningEvents = [];
           state.sample.sampleStatus = "ok";
+          state.sample.downloadProgress = void 0;
           state.log.selectedSampleHandle = void 0;
         });
       },
@@ -17327,6 +17323,9 @@ const createSampleSlice = (set3, get2, _store) => {
       setSampleError: (error2) => set3((state) => {
         state.sample.sampleError = error2;
       }),
+      setDownloadProgress: (progress2) => set3((state) => {
+        state.sample.downloadProgress = progress2;
+      }),
       setCollapsedEvents: (scope, collapsed2) => {
         set3((state) => {
           if (state.sample.collapsedEvents === null) {
@@ -24836,16 +24835,16 @@ const supportsLinking = () => {
 const toFullUrl = (path) => {
   return `${window.location.origin}${window.location.pathname}${window.location.search}#${path}`;
 };
-const message$3 = "_message_1k527_1";
-const systemRole = "_systemRole_1k527_8";
-const timestamp = "_timestamp_1k527_12";
-const messageGrid = "_messageGrid_1k527_18";
-const toolMessageGrid = "_toolMessageGrid_1k527_28";
-const messageContents = "_messageContents_1k527_32";
-const indented = "_indented_1k527_37";
-const copyLink$1 = "_copyLink_1k527_41";
-const metadataLabel = "_metadataLabel_1k527_52";
-const hover$1 = "_hover_1k527_56";
+const message$3 = "_message_1kuwu_1";
+const systemRole = "_systemRole_1kuwu_9";
+const timestamp = "_timestamp_1kuwu_13";
+const messageGrid = "_messageGrid_1kuwu_19";
+const toolMessageGrid = "_toolMessageGrid_1kuwu_29";
+const messageContents = "_messageContents_1kuwu_33";
+const indented = "_indented_1kuwu_38";
+const copyLink$1 = "_copyLink_1kuwu_42";
+const metadataLabel = "_metadataLabel_1kuwu_53";
+const hover$1 = "_hover_1kuwu_57";
 const styles$1C = {
   message: message$3,
   systemRole,
@@ -24935,6 +24934,23 @@ class JsonWorkerPool {
       );
     });
   }
+  async parseBytes(data) {
+    this.ensureWorkers();
+    const requestId = this.nextRequestId++;
+    const ownedData = data.byteOffset === 0 && data.byteLength === data.buffer.byteLength ? data : data.slice();
+    return new Promise((resolve, reject) => {
+      this.pendingRequests.set(requestId, { resolve, reject });
+      const worker = this.workers[requestId % this.workers.length];
+      worker?.postMessage(
+        {
+          type: "parse",
+          requestId,
+          encodedText: ownedData
+        },
+        [ownedData.buffer]
+      );
+    });
+  }
   terminate() {
     this.workers.forEach((w) => w.terminate());
     this.workers = [];
@@ -24959,6 +24975,14 @@ const asyncJsonParse = async (text2) => {
     return workerPool.parse(text2);
   }
 };
+const asyncJsonParseBytes = async (data) => {
+  if (data.length < 5e4) {
+    const text2 = new TextDecoder("utf-8").decode(data);
+    return jsonParse(text2);
+  } else {
+    return workerPool.parseBytes(data);
+  }
+};
 const jsonParse = (text2) => {
   try {
     return JSON.parse(text2);
@@ -95421,16 +95445,163 @@ function requireMarkdownItMathjax3() {
 }
 var markdownItMathjax3Exports = requireMarkdownItMathjax3();
 const markdownitMathjax3 = /* @__PURE__ */ getDefaultExportFromCjs(markdownItMathjax3Exports);
+const mdInstanceCache = {};
+const getOptionsKey = (omitMedia, omitMath) => `${omitMedia ? "1" : "0"}:${omitMath ? "1" : "0"}`;
+const unescapeHtmlForMath = (content2) => {
+  return content2.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&apos;/g, "'").replace(/&quot;/g, '"');
+};
+const getMarkdownInstance = (omitMedia, omitMath) => {
+  const key2 = getOptionsKey(omitMedia, omitMath);
+  if (!mdInstanceCache[key2]) {
+    const md = new MarkdownIt({ breaks: true, html: true });
+    if (!omitMath) {
+      md.use(markdownitMathjax3);
+      const origInline = md.renderer.rules.math_inline;
+      const origBlock = md.renderer.rules.math_block;
+      if (origInline) {
+        md.renderer.rules.math_inline = (tokens, idx, options2, env, self2) => {
+          tokens[idx].content = unescapeHtmlForMath(tokens[idx].content);
+          return origInline(tokens, idx, options2, env, self2);
+        };
+      }
+      if (origBlock) {
+        md.renderer.rules.math_block = (tokens, idx, options2, env, self2) => {
+          tokens[idx].content = unescapeHtmlForMath(tokens[idx].content);
+          return origBlock(tokens, idx, options2, env, self2);
+        };
+      }
+    }
+    if (omitMedia) {
+      md.disable(["image"]);
+    }
+    mdInstanceCache[key2] = md;
+  }
+  return mdInstanceCache[key2];
+};
+const escapeHtmlCharacters = (content2) => {
+  if (!content2) return content2;
+  return content2.replace(/[<>&'"]/g, (c2) => {
+    switch (c2) {
+      case "<":
+        return "&lt;";
+      case ">":
+        return "&gt;";
+      case "&":
+        return "&amp;";
+      case "'":
+        return "&apos;";
+      case '"':
+        return "&quot;";
+      default:
+        throw new Error("Matched a value that isn't replaceable");
+    }
+  });
+};
+const protectBackslashesInLatex = (content2) => {
+  if (!content2) return content2;
+  try {
+    const inlineRegex = /\$(.*?)\$/g;
+    const blockRegex = /\$\$([\s\S]*?)\$\$/g;
+    let result2 = content2.replace(inlineRegex, (_match, latex) => {
+      const protectedTex = latex.replace(/\\/g, "___LATEX_BACKSLASH___");
+      return `$${protectedTex}$`;
+    });
+    result2 = result2.replace(blockRegex, (_match, latex) => {
+      const protectedTex = latex.replace(/\\/g, "___LATEX_BACKSLASH___");
+      return `$$${protectedTex}$$`;
+    });
+    return result2;
+  } catch (error2) {
+    console.error("Error protecting LaTeX content:", error2);
+    return content2;
+  }
+};
+const restoreBackslashesForLatex = (content2) => {
+  if (!content2) {
+    return content2;
+  }
+  try {
+    let result2 = content2.replace(/___LATEX_BACKSLASH___/g, "\\");
+    result2 = fixDotsNotation(result2);
+    return result2;
+  } catch (error2) {
+    console.error("Error restoring LaTeX content:", error2);
+    return content2;
+  }
+};
+const fixDotsNotation = (content2) => {
+  if (!content2) return content2;
+  try {
+    let result2 = content2.replace(/(\$[^$]*?)\\dots([^$]*?\$)/g, "$1\\ldots$2");
+    result2 = result2.replace(/(\$\$[^$]*?)\\dots([^$]*?\$\$)/g, "$1\\ldots$2");
+    return result2;
+  } catch (error2) {
+    console.error("Error fixing dots notation:", error2);
+    return content2;
+  }
+};
+const kLetterListPattern = /^([a-zA-Z][).]\s.*?)$/gm;
+const kCommonmarkReferenceLinkPattern = /\[([^\]]*)\]: (?!http)(.*)/g;
+const preRenderText = (txt) => {
+  if (!txt) return txt;
+  txt = txt.replace(/^[\u200B\u200C\u200D\u200E\u200F\uFEFF]/, "");
+  return txt.replaceAll(
+    kLetterListPattern,
+    "<p class='markdown-ordered-list-item'>$1</p>"
+  );
+};
+const protectMarkdown = (txt) => {
+  if (!txt) return txt;
+  return txt.replaceAll(
+    kCommonmarkReferenceLinkPattern,
+    "(open:767A125E)$1(close:767A125E) $2 "
+  );
+};
+const unprotectMarkdown = (txt) => {
+  if (!txt) return txt;
+  txt = txt.replaceAll("(open:767A125E)", "[");
+  txt = txt.replaceAll("(close:767A125E)", "]");
+  return txt;
+};
+function unescapeSupHtmlEntities(str2) {
+  if (!str2) {
+    return str2;
+  }
+  return str2.replace(/&lt;sup&gt;/g, "<sup>").replace(/&lt;\/sup&gt;/g, "</sup>");
+}
+function unescapeCodeHtmlEntities(str2) {
+  if (!str2) return str2;
+  const htmlEntities = {
+    "&lt;": "<",
+    "&gt;": ">",
+    "&amp;": "&",
+    "&#x5C;": "\\",
+    "&quot;": '"'
+  };
+  return str2.replace(
+    /(<code[^>]*>)([\s\S]*?)(<\/code>)/gi,
+    (_match, starttag, content2, endtag) => {
+      return starttag + content2.replace(
+        /&(?:amp|lt|gt|quot|#39|#x2F|#x5C|#96);/g,
+        (entity2) => htmlEntities[entity2] || entity2
+      ) + endtag;
+    }
+  );
+}
 const MarkdownDivComponent = forwardRef(
   ({ markdown, omitMedia, omitMath, style: style2, className: className2 }, ref) => {
-    const optionsKey = getOptionsKey(omitMedia, omitMath);
+    const optionsKey = `${omitMedia ? "1" : "0"}:${omitMath ? "1" : "0"}`;
     const cacheKey = `${markdown}:${optionsKey}`;
     const cachedHtml = renderCache.get(cacheKey);
+    const sanitizeMarkdown = (md) => {
+      const escapedBr = md.replace(/\n/g, "<br/>");
+      return escapeHtmlCharacters(escapedBr);
+    };
     const [renderedHtml, setRenderedHtml] = useState(() => {
       if (cachedHtml) {
         return cachedHtml;
       }
-      return markdown.replace(/\n/g, "<br/>");
+      return sanitizeMarkdown(markdown);
     });
     useEffect(() => {
       if (cachedHtml) {
@@ -95441,7 +95612,7 @@ const MarkdownDivComponent = forwardRef(
         }
         return;
       }
-      setRenderedHtml(markdown.replace(/\n/g, "<br/>"));
+      setRenderedHtml(sanitizeMarkdown(markdown));
       const { promise, cancel } = renderQueue.enqueue(async () => {
         const protectedContent = protectBackslashesInLatex(markdown);
         const escaped = escapeHtmlCharacters(protectedContent);
@@ -95493,22 +95664,6 @@ const MarkdownDivComponent = forwardRef(
 const MarkdownDiv = memo(MarkdownDivComponent);
 const renderCache = /* @__PURE__ */ new Map();
 const MAX_CACHE_SIZE = 500;
-const mdInstanceCache = {};
-const getOptionsKey = (omitMedia, omitMath) => `${omitMedia ? "1" : "0"}:${omitMath ? "1" : "0"}`;
-const getMarkdownInstance = (omitMedia, omitMath) => {
-  const key2 = getOptionsKey(omitMedia, omitMath);
-  if (!mdInstanceCache[key2]) {
-    const md = new MarkdownIt({ breaks: true, html: true });
-    if (!omitMath) {
-      md.use(markdownitMathjax3);
-    }
-    if (omitMedia) {
-      md.disable(["image"]);
-    }
-    mdInstanceCache[key2] = md;
-  }
-  return mdInstanceCache[key2];
-};
 class MarkdownRenderQueue {
   queue = [];
   activeCount = 0;
@@ -95575,116 +95730,6 @@ class MarkdownRenderQueue {
   }
 }
 const renderQueue = new MarkdownRenderQueue(10);
-const kLetterListPattern = /^([a-zA-Z][).]\s.*?)$/gm;
-const kCommonmarkReferenceLinkPattern = /\[([^\]]*)\]: (?!http)(.*)/g;
-const protectBackslashesInLatex = (content2) => {
-  if (!content2) return content2;
-  try {
-    const inlineRegex = /\$(.*?)\$/g;
-    const blockRegex = /\$\$([\s\S]*?)\$\$/g;
-    let result2 = content2.replace(inlineRegex, (_match, latex) => {
-      const protectedTex = latex.replace(/\\/g, "___LATEX_BACKSLASH___").replace(/</g, "___LATEX_LT___").replace(/>/g, "___LATEX_GT___").replace(/&/g, "___LATEX_AMP___").replace(/'/g, "___LATEX_APOS___").replace(/"/g, "___LATEX_QUOT___");
-      return `$${protectedTex}$`;
-    });
-    result2 = result2.replace(blockRegex, (_match, latex) => {
-      const protectedTex = latex.replace(/\\/g, "___LATEX_BACKSLASH___").replace(/</g, "___LATEX_LT___").replace(/>/g, "___LATEX_GT___").replace(/&/g, "___LATEX_AMP___").replace(/'/g, "___LATEX_APOS___").replace(/"/g, "___LATEX_QUOT___");
-      return `$$${protectedTex}$$`;
-    });
-    return result2;
-  } catch (error2) {
-    console.error("Error protecting LaTeX content:", error2);
-    return content2;
-  }
-};
-const restoreBackslashesForLatex = (content2) => {
-  if (!content2) {
-    return content2;
-  }
-  try {
-    let result2 = content2.replace(/___LATEX_BACKSLASH___/g, "\\").replace(/___LATEX_LT___/g, "<").replace(/___LATEX_GT___/g, ">").replace(/___LATEX_AMP___/g, "&").replace(/___LATEX_APOS___/g, "'").replace(/___LATEX_QUOT___/g, '"');
-    result2 = fixDotsNotation(result2);
-    return result2;
-  } catch (error2) {
-    console.error("Error restoring LaTeX content:", error2);
-    return content2;
-  }
-};
-const fixDotsNotation = (content2) => {
-  if (!content2) return content2;
-  try {
-    let result2 = content2.replace(/(\$[^$]*?)\\dots([^$]*?\$)/g, "$1\\ldots$2");
-    result2 = result2.replace(/(\$\$[^$]*?)\\dots([^$]*?\$\$)/g, "$1\\ldots$2");
-    return result2;
-  } catch (error2) {
-    console.error("Error fixing dots notation:", error2);
-    return content2;
-  }
-};
-const escapeHtmlCharacters = (content2) => {
-  if (!content2) return content2;
-  return content2.replace(/[<>&'"]/g, (c2) => {
-    switch (c2) {
-      case "<":
-        return "&lt;";
-      case ">":
-        return "&gt;";
-      case "&":
-        return "&amp;";
-      case "'":
-        return "&apos;";
-      case '"':
-        return "&quot;";
-      default:
-        throw new Error("Matched a value that isn't replaceable");
-    }
-  });
-};
-const preRenderText = (txt) => {
-  if (!txt) return txt;
-  txt = txt.replace(/^[\u200B\u200C\u200D\u200E\u200F\uFEFF]/, "");
-  return txt.replaceAll(
-    kLetterListPattern,
-    "<p class='markdown-ordered-list-item'>$1</p>"
-  );
-};
-const protectMarkdown = (txt) => {
-  if (!txt) return txt;
-  return txt.replaceAll(
-    kCommonmarkReferenceLinkPattern,
-    "(open:767A125E)$1(close:767A125E) $2 "
-  );
-};
-const unprotectMarkdown = (txt) => {
-  if (!txt) return txt;
-  txt = txt.replaceAll("(open:767A125E)", "[");
-  txt = txt.replaceAll("(close:767A125E)", "]");
-  return txt;
-};
-function unescapeSupHtmlEntities(str2) {
-  if (!str2) {
-    return str2;
-  }
-  return str2.replace(/&lt;sup&gt;/g, "<sup>").replace(/&lt;\/sup&gt;/g, "</sup>");
-}
-function unescapeCodeHtmlEntities(str2) {
-  if (!str2) return str2;
-  const htmlEntities = {
-    "&lt;": "<",
-    "&gt;": ">",
-    "&amp;": "&",
-    "&#x5C;": "\\",
-    "&quot;": '"'
-  };
-  return str2.replace(
-    /(<code[^>]*>)([\s\S]*?)(<\/code>)/gi,
-    (_match, starttag, content2, endtag) => {
-      return starttag + content2.replace(
-        /&(?:amp|lt|gt|quot|#39|#x2F|#x5C|#96);/g,
-        (entity2) => htmlEntities[entity2] || entity2
-      ) + endtag;
-    }
-  );
-}
 const content$3 = "_content_13ihw_1";
 const styles$1A = {
   content: content$3
@@ -96086,6 +96131,13 @@ function clearLargeEventsArray(data) {
   result2.set(after, offset2);
   return result2;
 }
+const fetchRange = async (url, start2, end2) => {
+  const response = await fetch(url, {
+    headers: { Range: `bytes=${start2}-${end2}` }
+  });
+  const arrayBuffer = await response.arrayBuffer();
+  return new Uint8Array(arrayBuffer);
+};
 class AsyncQueue {
   constructor(concurrentLimit = 6) {
     this.concurrentLimit = concurrentLimit;
@@ -97490,8 +97542,50 @@ class FileSizeLimitError extends Error {
     Object.setPrototypeOf(this, FileSizeLimitError.prototype);
   }
 }
-const openRemoteZipFile = async (url, fetchContentLength = fetchSize, fetchBytes = fetchRange) => {
-  const contentLength = await fetchContentLength(url);
+const PARALLEL_CHUNK_THRESHOLD = 8 * 1024 * 1024;
+const PARALLEL_CHUNK_SIZE = 8 * 1024 * 1024;
+const MAX_PARALLEL_CHUNKS = 10;
+const fetchBytesParallel = async (fetchFn, url, start2, end2, onProgress) => {
+  const totalSize = end2 - start2 + 1;
+  if (totalSize <= PARALLEL_CHUNK_THRESHOLD) {
+    return fetchFn(url, start2, end2);
+  }
+  const chunks = [];
+  let offset2 = start2;
+  while (offset2 <= end2) {
+    const chunkEnd = Math.min(offset2 + PARALLEL_CHUNK_SIZE - 1, end2);
+    chunks.push({ start: offset2, end: chunkEnd, index: chunks.length });
+    offset2 = chunkEnd + 1;
+  }
+  const concurrency = Math.min(chunks.length, MAX_PARALLEL_CHUNKS);
+  const results = new Array(chunks.length);
+  let nextChunk = 0;
+  let bytesLoaded = 0;
+  if (onProgress) {
+    onProgress(0, totalSize);
+  }
+  const worker = async () => {
+    while (nextChunk < chunks.length) {
+      const idx = nextChunk++;
+      const chunk = chunks[idx];
+      results[idx] = await fetchFn(url, chunk.start, chunk.end);
+      if (onProgress) {
+        bytesLoaded += results[idx].length;
+        onProgress(bytesLoaded, totalSize);
+      }
+    }
+  };
+  await Promise.all(Array.from({ length: concurrency }, () => worker()));
+  const combined = new Uint8Array(totalSize);
+  let pos2 = 0;
+  for (const chunk of results) {
+    combined.set(chunk, pos2);
+    pos2 += chunk.length;
+  }
+  return combined;
+};
+const openRemoteZipFile = async (url, contentLength, fetchBytes = fetchRange) => {
+  contentLength = contentLength ?? await fetchSize(url);
   const eocdrBuffer = await fetchBytes(
     url,
     contentLength - 22,
@@ -97533,7 +97627,8 @@ const openRemoteZipFile = async (url, fetchContentLength = fetchSize, fetchBytes
     centralDirSize = Number(zip64EOCDView.getBigUint64(40, true));
     centralDirOffset = Number(zip64EOCDView.getBigUint64(48, true));
   }
-  const centralDirBuffer = await fetchBytes(
+  const centralDirBuffer = await fetchBytesParallel(
+    fetchBytes,
     url,
     centralDirOffset,
     centralDirOffset + centralDirSize - 1
@@ -97541,28 +97636,40 @@ const openRemoteZipFile = async (url, fetchContentLength = fetchSize, fetchBytes
   const centralDirectory = parseCentralDirectory(centralDirBuffer);
   return {
     centralDirectory,
-    readFile: async (file, maxBytes) => {
+    readFile: async (file, maxBytes, onProgress) => {
       const entry = centralDirectory.get(file);
       if (!entry) {
         throw new Error(`File not found: ${file}`);
       }
       const headerSize = 30;
-      const headerData = await fetchBytes(
-        url,
-        entry.fileOffset,
-        entry.fileOffset + headerSize - 1
-      );
-      const filenameLength = headerData[26] + (headerData[27] << 8);
-      const extraFieldLength = headerData[28] + (headerData[29] << 8);
-      const totalSizeToFetch = headerSize + filenameLength + extraFieldLength + entry.compressedSize;
-      if (maxBytes && totalSizeToFetch > maxBytes) {
+      const extraFieldPadding = 256;
+      const estimatedSize = headerSize + entry.filenameLength + extraFieldPadding + entry.compressedSize;
+      if (maxBytes && headerSize + entry.filenameLength + entry.compressedSize > maxBytes) {
         throw new FileSizeLimitError(file, maxBytes);
       }
-      const fileData = await fetchBytes(
+      let fileData = await fetchBytesParallel(
+        fetchBytes,
         url,
         entry.fileOffset,
-        entry.fileOffset + totalSizeToFetch - 1
+        entry.fileOffset + estimatedSize - 1,
+        onProgress
       );
+      if (fileData.length < headerSize) {
+        throw new Error(`File entry header is truncated for ${file}`);
+      }
+      const actualExtraFieldLength = fileData[28] + (fileData[29] << 8);
+      const actualTotal = headerSize + entry.filenameLength + actualExtraFieldLength + entry.compressedSize;
+      if (maxBytes && actualTotal > maxBytes) {
+        throw new FileSizeLimitError(file, maxBytes);
+      }
+      if (actualTotal > estimatedSize) {
+        fileData = await fetchBytesParallel(
+          fetchBytes,
+          url,
+          entry.fileOffset,
+          entry.fileOffset + actualTotal - 1
+        );
+      }
       const zipFileEntry = await parseZipFileEntry(file, fileData);
       return decompressData(
         zipFileEntry.data,
@@ -97597,13 +97704,6 @@ const fetchSize = async (url) => {
   }
   throw new Error(`Could not determine content length for ${url}`);
 };
-const fetchRange = async (url, start2, end2) => {
-  const response = await fetch(`${url}`, {
-    headers: { Range: `bytes=${start2}-${end2}` }
-  });
-  const arrayBuffer = await response.arrayBuffer();
-  return new Uint8Array(arrayBuffer);
-};
 const parseZipFileEntry = async (file, rawData) => {
   const view = new DataView(rawData.buffer);
   let offset2 = 0;
@@ -97715,7 +97815,8 @@ const parseCentralDirectory = (buffer2) => {
       compressionMethod: view.getUint16(offset2 + 10, true),
       compressedSize,
       uncompressedSize,
-      fileOffset
+      fileOffset,
+      filenameLength
     };
     entries.set(filename2, entry);
     offset2 += kFileHeaderSize + filenameLength + extraFieldLength + fileCommentLength;
@@ -97733,15 +97834,23 @@ class SampleNotFoundError extends Error {
 }
 const openRemoteLogFile = async (api2, url, concurrency) => {
   const queue = new AsyncQueue(concurrency);
+  const logInfo = await api2.get_log_info(url);
+  const directUrl = logInfo.direct_url;
+  const fetchBytes = async (_url, start2, end2) => {
+    if (directUrl) {
+      try {
+        return await fetchRange(directUrl, start2, end2);
+      } catch (e) {
+        console.warn("Direct URL fetch failed, falling back to proxy", e);
+      }
+    }
+    return api2.get_log_bytes(url, start2, end2);
+  };
   let remoteZipFile = void 0;
   let retryCount = 0;
   while (!remoteZipFile && retryCount < OPEN_RETRY_LIMIT) {
     try {
-      remoteZipFile = await openRemoteZipFile(
-        url,
-        api2.get_log_size,
-        api2.get_log_bytes
-      );
+      remoteZipFile = await openRemoteZipFile(url, logInfo.size, fetchBytes);
     } catch {
       retryCount++;
       console.warn(
@@ -97757,20 +97866,13 @@ const openRemoteLogFile = async (api2, url, concurrency) => {
       `Failed to open remote log file at ${url} after ${OPEN_RETRY_LIMIT} attempts.`
     );
   }
-  const readJSONFile = async (file, maxBytes, preprocessor2) => {
+  const readJSONFile = async (file, maxBytes, preprocessor2, onProgress) => {
     try {
-      let data = await remoteZipFile.readFile(file, maxBytes);
+      let data = await remoteZipFile.readFile(file, maxBytes, onProgress);
       if (preprocessor2) {
         data = preprocessor2.preprocess(data);
       }
-      const textDecoder = new TextDecoder("utf-8");
-      const jsonString = textDecoder.decode(data);
-      if (data.length > 0 && jsonString.length === 0) {
-        throw new Error(
-          `Failed to decode ${file} (${(data.length / 1024 / 1024).toFixed(0)}MB). The file may be corrupted or contain invalid UTF-8 sequences.`
-        );
-      }
-      return asyncJsonParse(jsonString);
+      return asyncJsonParseBytes(data);
     } catch (error2) {
       if (error2 instanceof FileSizeLimitError) {
         throw error2;
@@ -97796,7 +97898,7 @@ const openRemoteLogFile = async (api2, url, concurrency) => {
       };
     });
   };
-  const readSample = async (sampleId, epoch) => {
+  const readSample = async (sampleId, epoch, onProgress) => {
     const sampleFile = `samples/${sampleId}_epoch_${epoch}.json`;
     if (!remoteZipFile.centralDirectory.has(sampleFile)) {
       throw new SampleNotFoundError(
@@ -97813,7 +97915,8 @@ const openRemoteLogFile = async (api2, url, concurrency) => {
     return await readJSONFile(
       sampleFile,
       void 0,
-      eventsPreprocessor
+      eventsPreprocessor,
+      onProgress
     );
   };
   const readHeader = async () => {
@@ -97982,7 +98085,7 @@ const clientApi = (api2, log_file, debug2 = false) => {
   let pending_log_promise = null;
   const get_log_details = async (log_file2) => {
     if (isEvalFile(log_file2)) {
-      const remoteLogFile = await remoteEvalFile(log_file2);
+      const remoteLogFile = await remoteEvalFile(log_file2, true);
       if (remoteLogFile) {
         return await remoteLogFile.readLogSummary();
       } else {
@@ -98017,7 +98120,7 @@ const clientApi = (api2, log_file, debug2 = false) => {
       };
     }
   };
-  const get_log_sample = async (log_file2, id, epoch) => {
+  const get_log_sample = async (log_file2, id, epoch, onProgress) => {
     if (isEvalFile(log_file2)) {
       let handleError2 = function(error2) {
         if (error2 instanceof FileSizeLimitError) {
@@ -98030,7 +98133,7 @@ const clientApi = (api2, log_file, debug2 = false) => {
         if (!remoteLogFile) {
           throw new Error(`Unable to read remote eval file ${log_file2}`);
         }
-        return await remoteLogFile.readSample(String(id), epoch);
+        return await remoteLogFile.readSample(String(id), epoch, onProgress);
       }
       try {
         return await fetchSample(true);
@@ -98435,8 +98538,9 @@ function staticHttpApiForLog(logInfo) {
         throw new Error(`"Unable to load eval log ${log_file}`);
       }
     },
-    get_log_size: async (log_file) => {
-      return await fetchSize(log_file);
+    get_log_info: async (log_file) => {
+      const size = await fetchSize(log_file);
+      return { size };
     },
     get_log_bytes: async (log_file, start2, end2) => {
       return await fetchRange(log_file, start2, end2);
@@ -98708,10 +98812,10 @@ function viewServerApi(options2 = {}) {
     );
     return result2;
   };
-  const get_log_size2 = async (file) => {
+  const get_log_info2 = async (file) => {
     const result2 = await requestApi.fetchString(
       "GET",
-      `/log-size/${encodeURIComponent(file)}`
+      `/log-info/${encodeURIComponent(file)}`
     );
     return result2.parsed;
   };
@@ -98866,7 +98970,7 @@ function viewServerApi(options2 = {}) {
     get_eval_set: get_eval_set2,
     get_flow: get_flow2,
     get_log_contents: get_log_contents2,
-    get_log_size: get_log_size2,
+    get_log_info: get_log_info2,
     get_log_bytes: get_log_bytes2,
     get_log_summaries: get_log_summaries2,
     log_message: log_message2,
@@ -98882,12 +98986,13 @@ const kMethodEvalLogDir = "eval_log_dir";
 const kMethodEvalLogs = "eval_logs";
 const kMethodEvalLogFiles = "eval_log_files";
 const kMethodEvalLog = "eval_log";
-const kMethodEvalLogSize = "eval_log_size";
+const kMethodEvalLogInfo = "eval_log_info";
 const kMethodEvalLogBytes = "eval_log_bytes";
 const kMethodEvalLogHeaders = "eval_log_headers";
 const kMethodPendingSamples = "eval_log_pending_samples";
 const kMethodSampleData = "eval_log_sample_data";
 const kMethodLogMessage = "log_message";
+const kJsonRpcMethodNotFound = -32601;
 const kJsonRpcVersion = "2.0";
 function webViewJsonRpcClient(vscode) {
   const target2 = {
@@ -99020,8 +99125,16 @@ async function get_log_contents(log_file, headerOnly, capabilities) {
     throw new Error(`Unable to load eval log ${log_file}.`);
   }
 }
-async function get_log_size(log_file) {
-  return await vscodeClient(kMethodEvalLogSize, [log_file]);
+async function get_log_info(log_file) {
+  try {
+    return await vscodeClient(kMethodEvalLogInfo, [log_file]);
+  } catch (e) {
+    if (e?.code === kJsonRpcMethodNotFound) {
+      const size = await vscodeClient("eval_log_size", [log_file]);
+      return { size };
+    }
+    throw e;
+  }
 }
 async function get_log_bytes(log_file, start2, end2) {
   return await vscodeClient(kMethodEvalLogBytes, [log_file, start2, end2]);
@@ -99104,7 +99217,7 @@ const api$1 = {
   get_eval_set,
   get_flow,
   get_log_contents,
-  get_log_size,
+  get_log_info,
   get_log_bytes,
   get_log_summaries,
   log_message,
@@ -99287,11 +99400,13 @@ ${citation.url}` : citation.url,
   }
 );
 const OtherCitation = ({ children: children2 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children2 });
-const contentImage = "_contentImage_srbm0_1";
-const reasoning = "_reasoning_srbm0_6";
+const contentImage = "_contentImage_16eyd_1";
+const reasoning = "_reasoning_16eyd_6";
+const breakable = "_breakable_16eyd_21";
 const styles$1r = {
   contentImage,
-  reasoning
+  reasoning,
+  breakable
 };
 const mcpToolUse = "_mcpToolUse_1792k_1";
 const title$2 = "_title_1792k_9";
@@ -99584,15 +99699,14 @@ const MessageContent = ({
 };
 const messageRenderers = {
   text: {
-    render: (key2, content2, isLast, context) => {
+    render: (key2, content2, isLast, _context) => {
       const c2 = content2;
       const cites = c2.citations ?? [];
       if (!c2.text && !cites.length) {
         return void 0;
       }
       const purgeInternalContainers = (text2) => {
-        const isAssistantMessage = context.role === "assistant";
-        const internalTags = !isAssistantMessage ? ["internal", "content-internal"] : ["internal", "content-internal", "think"];
+        const internalTags = ["internal", "content-internal"];
         internalTags.forEach((tag) => {
           const regex2 = new RegExp(`<${tag}[^>]*>[\\s\\S]*?<\\/${tag}>`, "gm");
           text2 = text2.replace(regex2, "");
@@ -99608,7 +99722,10 @@ const messageRenderers = {
             RenderedText,
             {
               markdown: purgeInternalContainers(c2.text) || "",
-              className: isLast ? "no-last-para-padding" : ""
+              className: clsx(
+                isLast ? "no-last-para-padding" : "",
+                styles$1r.breakable
+              )
             }
           ),
           c2.citations ? /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCitations, { citations: c2.citations }) : void 0
@@ -99906,7 +100023,7 @@ const extractInput = (args2, inputDescriptor) => {
     };
   }
 };
-const toolCallView = "_toolCallView_l6wae_1";
+const toolCallView = "_toolCallView_10z2l_1";
 const styles$1o = {
   toolCallView
 };
@@ -104164,6 +104281,7 @@ const useSampleData = () => {
   const runningEvents = useStore(
     (state) => state.sample.runningEvents
   );
+  const downloadProgress = useStore((state) => state.sample.downloadProgress);
   return useMemo(() => {
     return {
       selectedSampleIdentifier,
@@ -104172,7 +104290,8 @@ const useSampleData = () => {
       error: sampleError,
       getSelectedSample,
       eventsCleared,
-      running: runningEvents
+      running: runningEvents,
+      downloadProgress
     };
   }, [
     sampleStatus2,
@@ -104181,7 +104300,8 @@ const useSampleData = () => {
     selectedSampleIdentifier,
     sampleNeedsReload,
     eventsCleared,
-    runningEvents
+    runningEvents,
+    downloadProgress
   ]);
 };
 const useSampleInvalidation = () => {
@@ -104613,25 +104733,33 @@ const useFlowServerData = (dir) => {
     }
   }, [dir, flowDir, api2, updateFlowData]);
 };
-const wrapper$3 = "_wrapper_1tajk_1";
-const container$j = "_container_1tajk_12";
-const animate = "_animate_1tajk_21";
+const wrapper$3 = "_wrapper_44dmw_1";
+const container$j = "_container_44dmw_12";
+const animate = "_animate_44dmw_21";
+const determinate = "_determinate_44dmw_31";
 const styles$1f = {
   wrapper: wrapper$3,
   container: container$j,
-  animate
+  animate,
+  determinate
 };
-const ActivityBar = ({ animating }) => {
+const ActivityBar = ({ animating, progress: progress2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1f.wrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       className: clsx(styles$1f.container),
       role: "progressbar",
       "aria-label": "Progress bar",
-      "aria-valuenow": 25,
+      "aria-valuenow": progress2 !== void 0 ? Math.round(progress2 * 100) : void 0,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      children: animating && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1f.animate })
+      children: animating && (progress2 !== void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          className: styles$1f.determinate,
+          style: { width: `${progress2 * 100}%` }
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1f.animate }))
     }
   ) });
 };
@@ -106611,7 +106739,7 @@ const ViewerOptionsPopover = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.fullWidth, styles$1d.fullWidthPadded), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1d.logDir, children: logDir2 }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Version" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.197-0-g6e17b3bc6" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.200-0-g01cd5b482" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Schema" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: DB_VERSION }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
@@ -165172,7 +165300,20 @@ function useLoadSample() {
         if (completed !== false) {
           log$1.debug(`LOADING COMPLETED SAMPLE: ${id}-${epoch}`);
           getSamplePolling().stopPolling();
-          const sample2 = await api2?.get_log_sample(logFile, id, epoch);
+          sampleActions.setDownloadProgress(void 0);
+          const onProgress = (bytesLoaded, bytesTotal) => {
+            sampleActions.setDownloadProgress({
+              complete: bytesLoaded,
+              total: bytesTotal
+            });
+          };
+          const sample2 = await api2?.get_log_sample(
+            logFile,
+            id,
+            epoch,
+            onProgress
+          );
+          sampleActions.setDownloadProgress(void 0);
           log$1.debug(`LOADED COMPLETED SAMPLE: ${id}-${epoch}`);
           if (thisGeneration !== loadGeneration) {
             log$1.debug(`Discarding stale sample response: ${id}-${epoch}`);
@@ -165198,6 +165339,7 @@ function useLoadSample() {
           getSamplePolling().stopPolling();
         }
       } catch (e) {
+        sampleActions.setDownloadProgress(void 0);
         sampleActions.setSampleError(e);
         sampleActions.setSampleStatus("error");
       }
@@ -165861,6 +166003,7 @@ async function findExtendedInDOM(searchTerm, back, lastFoundItem, extendedFindTe
             );
             if (foundInVirtual) {
               extendedSearchSucceeded = true;
+              await waitForTextInDOM(searchTerm);
               continue;
             }
           }
@@ -165895,6 +166038,7 @@ async function findExtendedInDOM(searchTerm, back, lastFoundItem, extendedFindTe
       );
       if (foundInVirtual) {
         extendedSearchSucceeded = true;
+        await waitForTextInDOM(searchTerm);
         continue;
       }
       positionSelectionForWrap(back);
@@ -165955,6 +166099,50 @@ function selectionParentElement(range2) {
   }
   return element;
 }
+function waitForTextInDOM(searchTerm, timeoutMs = 2e3) {
+  const lowerTerm = searchTerm.toLowerCase();
+  const isTextInSearchableDOM = () => {
+    const walker = document.createTreeWalker(
+      document.body,
+      NodeFilter.SHOW_TEXT,
+      {
+        acceptNode: (node2) => {
+          let el2 = node2.parentElement;
+          while (el2) {
+            if (el2.hasAttribute("data-unsearchable")) {
+              return NodeFilter.FILTER_REJECT;
+            }
+            el2 = el2.parentElement;
+          }
+          return NodeFilter.FILTER_ACCEPT;
+        }
+      }
+    );
+    while (walker.nextNode()) {
+      if (walker.currentNode.textContent?.toLowerCase().includes(lowerTerm)) {
+        return true;
+      }
+    }
+    return false;
+  };
+  return new Promise((resolve) => {
+    const interval = 50;
+    let elapsed = 0;
+    const check2 = () => {
+      if (isTextInSearchableDOM()) {
+        resolve(true);
+        return;
+      }
+      elapsed += interval;
+      if (elapsed >= timeoutMs) {
+        resolve(false);
+        return;
+      }
+      setTimeout(check2, interval);
+    };
+    check2();
+  });
+}
 const tabs$1 = "_tabs_1rv6h_1";
 const tabContents = "_tabContents_1rv6h_5";
 const scrollable = "_scrollable_1rv6h_11";
@@ -166199,51 +166387,6 @@ const NoContentsPanel = ({ text: text2 }) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: text2 })
   ] }) });
 };
-const printHtml = (html2, css2) => {
-  const printWindow = window.open("", "", "height=600,width=800");
-  if (printWindow !== null) {
-    printWindow.document.write("<html><head><title>Print</title>");
-    printWindow.document.write(`
-          <link rel="stylesheet" crossorigin="" href="./assets/index.css">
-          <style>
-            @media print {
-              ${css2}
-            }
-          </style>
-        `);
-    printWindow.document.write("</head><body>");
-    printWindow.document.write(html2);
-    printWindow.document.write("</body></html>");
-    printWindow.document.close();
-    printWindow.onload = function() {
-      printWindow.focus();
-      printWindow.print();
-      printWindow.close();
-    };
-  } else {
-    console.error("Print window failed to open.");
-  }
-};
-const printHeadingHtml = () => {
-  const taskEl = document.getElementById("task-title");
-  const modelEl = document.getElementById("task-model");
-  const timeEl = document.getElementById("task-created");
-  if (!taskEl || !modelEl || !timeEl) {
-    throw new Error(
-      "Failed to compute heading HTML. The task, model, or time element can't be found."
-    );
-  }
-  const task = taskEl.innerText;
-  const model2 = modelEl.innerText;
-  const time = timeEl.innerText;
-  const headingHtml = `
-<div style="display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 0.5em; margin-bottom: 2em; justify-content: space-between; border-bottom: solid 1px silver;">
-<div style="font-weight: 600">${task}</div>
-<div style="text-align: center;">${model2}</div>
-<div style="text-align: right;">${time}</div>
-</div>`;
-  return headingHtml;
-};
 const messagesToStr = (messages2, options2) => {
   const opts = {};
   return messages2.map((msg) => messageToStr(msg, opts)).filter((str2) => str2 !== null).join("\n");
@@ -166636,6 +166779,7 @@ const LiveVirtualList = ({
       }, 100);
     }
   }, [live, followOutput, prevLive, scrollRef, setFollowOutput]);
+  const isNearBottomRef = useRef(false);
   const handleScroll = useRafThrottle(() => {
     if (isAutoScrollingRef.current) return;
     if (!live) return;
@@ -166649,10 +166793,25 @@ const LiveVirtualList = ({
       }
     }
   }, [setFollowOutput, followOutput, live]);
+  const handleScrollSync = useCallback(() => {
+    if (isAutoScrollingRef.current) return;
+    if (!scrollRef?.current) return;
+    const parent = scrollRef.current;
+    isNearBottomRef.current = parent.scrollHeight - parent.scrollTop <= parent.clientHeight + 50;
+  }, [scrollRef]);
   const heightChanged = useCallback(
     (height) => {
       requestAnimationFrame(() => {
-        if (followOutput && live && scrollRef?.current) {
+        if (!scrollRef?.current) return;
+        if (followOutput && live) {
+          isAutoScrollingRef.current = true;
+          listHandle.current?.scrollTo({ top: height });
+          requestAnimationFrame(() => {
+            isAutoScrollingRef.current = false;
+          });
+          return;
+        }
+        if (isNearBottomRef.current) {
           isAutoScrollingRef.current = true;
           listHandle.current?.scrollTo({ top: height });
           requestAnimationFrame(() => {
@@ -166789,9 +166948,13 @@ const LiveVirtualList = ({
     const parent = scrollRef?.current;
     if (parent) {
       parent.addEventListener("scroll", handleScroll);
-      return () => parent.removeEventListener("scroll", handleScroll);
+      parent.addEventListener("scroll", handleScrollSync);
+      return () => {
+        parent.removeEventListener("scroll", handleScroll);
+        parent.removeEventListener("scroll", handleScrollSync);
+      };
     }
-  }, [scrollRef, handleScroll]);
+  }, [scrollRef, handleScroll, handleScrollSync]);
   const hasScrolled = useRef(false);
   useEffect(() => {
     if (initialTopMostItemIndex !== void 0 && listHandle.current) {
@@ -166953,7 +167116,7 @@ const ChatViewVirtualList = memo(
           } else if (event.key === "ArrowDown") {
             if (useVirtuoso) {
               listHandle.current?.scrollToIndex({
-                index: Math.min(messages2.length - 5, 0),
+                index: Math.max(messages2.length - 5, 0),
                 align: "center"
               });
               setTimeout(() => {
@@ -166972,16 +167135,10 @@ const ChatViewVirtualList = memo(
           }
         }
       };
-      const scrollElement = scrollRef?.current;
-      if (scrollElement) {
-        scrollElement.addEventListener("keydown", handleKeyDown);
-        if (!scrollElement.hasAttribute("tabIndex")) {
-          scrollElement.setAttribute("tabIndex", "0");
-        }
-        return () => {
-          scrollElement.removeEventListener("keydown", handleKeyDown);
-        };
-      }
+      document.addEventListener("keydown", handleKeyDown);
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+      };
     }, [scrollRef, messages2, useVirtuoso]);
     if (!useVirtuoso) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -168934,12 +169091,12 @@ const TranscriptOutline = ({
     }
   );
 };
-const container$e = "_container_17sux_1";
-const collapsed = "_collapsed_17sux_9";
-const treeContainer = "_treeContainer_17sux_13";
-const listContainer = "_listContainer_17sux_25";
-const outline = "_outline_17sux_29";
-const outlineToggle = "_outlineToggle_17sux_33";
+const container$e = "_container_n37ko_1";
+const collapsed = "_collapsed_n37ko_13";
+const treeContainer = "_treeContainer_n37ko_17";
+const listContainer = "_listContainer_n37ko_29";
+const outline = "_outline_n37ko_33";
+const outlineToggle = "_outlineToggle_n37ko_37";
 const styles$R = {
   container: container$e,
   collapsed,
@@ -180021,6 +180178,11 @@ const transformers = () => {
       matches: (node2) => node2.event.event === SPAN_BEGIN && node2.event["type"] === TYPE_SOLVER && node2.children.length === 2 && node2.children[0].event.event === SPAN_BEGIN && node2.children[0].event.type === TYPE_AGENT && node2.children[1].event.event === STATE,
       process: (node2) => skipFirstChildNode(node2)
     },
+    {
+      name: "unwrap_filtered-agent_solver",
+      matches: (node2) => node2.event.event === SPAN_BEGIN && node2.event["type"] === TYPE_SOLVER && node2.children.length === 1 && node2.children[0].event.event === SPAN_BEGIN && node2.children[0].event.type === TYPE_AGENT,
+      process: (node2) => skipFirstChildNode(node2)
+    },
     {
       name: "unwrap_agent_solver w/store",
       matches: (node2) => node2.event.event === SPAN_BEGIN && node2.event["type"] === TYPE_SOLVER && node2.children.length === 3 && node2.children[0].event.event === SPAN_BEGIN && node2.children[0].event.type === TYPE_AGENT && node2.children[1].event.event === STATE && node2.children[2].event.event === STORE,
@@ -180454,17 +180616,11 @@ const TranscriptPanel = memo((props) => {
         }
       }
     };
-    const scrollElement = scrollRef.current;
-    if (scrollElement) {
-      scrollElement.addEventListener("keydown", handleKeyDown);
-      if (!scrollElement.hasAttribute("tabIndex")) {
-        scrollElement.setAttribute("tabIndex", "0");
-      }
-      return () => {
-        scrollElement.removeEventListener("keydown", handleKeyDown);
-      };
-    }
-  }, [scrollRef, flattenedNodes]);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [flattenedNodes]);
   if (sampleStatus2 === "loading" && flattenedNodes.length === 0) {
     return void 0;
   }
@@ -180529,10 +180685,48 @@ const TranscriptPanel = memo((props) => {
     );
   }
 });
+const printHtml = (html2, css2) => {
+  const printWindow = window.open("", "", "height=600,width=800");
+  if (printWindow !== null) {
+    printWindow.document.write("<html><head><title>Print</title>");
+    printWindow.document.write(`
+          <link rel="stylesheet" crossorigin="" href="./assets/index.css">
+          <style>
+            @media print {
+              ${css2}
+            }
+          </style>
+        `);
+    printWindow.document.write("</head><body>");
+    printWindow.document.write(html2);
+    printWindow.document.write("</body></html>");
+    printWindow.document.close();
+    printWindow.onload = function() {
+      printWindow.focus();
+      printWindow.print();
+      printWindow.close();
+    };
+  } else {
+    console.error("Print window failed to open.");
+  }
+};
+const printHeadingHtml = (evalSpec) => {
+  const task = evalSpec?.task || "Unknown Task";
+  const model2 = evalSpec?.model || "Unknown Model";
+  const time = evalSpec?.created ? new Date(evalSpec.created).toLocaleString() : "Unknown Time";
+  const headingHtml = `
+<div style="display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 0.5em; margin-bottom: 2em; justify-content: space-between; border-bottom: solid 1px silver;">
+<div style="font-weight: 600">${task}</div>
+<div style="text-align: center;">${model2}</div>
+<div style="text-align: right;">${time}</div>
+</div>`;
+  return headingHtml;
+};
 const SampleDisplay = ({
   id,
   scrollRef,
   showActivity,
+  progress: progress2,
   focusOnLoad
 }) => {
   const baseId = `sample-display`;
@@ -180626,8 +180820,8 @@ const SampleDisplay = ({
   const filterRef = useRef(null);
   const optionsRef = useRef(null);
   const handlePrintClick = useCallback(() => {
-    printSample(id, targetId);
-  }, [id, targetId]);
+    printSample(id, targetId, evalSpec);
+  }, [id, targetId, evalSpec]);
   const toggleFilter = useCallback(() => {
     setShowing(!isShowing);
   }, [setShowing, isShowing]);
@@ -180764,7 +180958,7 @@ const SampleDisplay = ({
   const sampleDetailNavigation = useSampleDetailNavigation();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
     selectedSampleSummary ? /* @__PURE__ */ jsxRuntimeExports.jsx(SampleSummaryView, { parent_id: id, sample: selectedSampleSummary }) : void 0,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ActivityBar, { animating: showActivity }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ActivityBar, { animating: showActivity, progress: progress2 }),
     hasSampleData && /* @__PURE__ */ jsxRuntimeExports.jsxs(
       TabSet,
       {
@@ -181052,7 +181246,7 @@ const metadataViewsForSample = (id, scrollRef, sample2) => {
   }
   return sampleMetadatas;
 };
-const printSample = (id, targetId) => {
+const printSample = (id, targetId, evalSpec) => {
   const targetTabEl = document.querySelector(
     `#${escapeSelector(targetId)} .sample-tab.tab-pane.show.active`
   );
@@ -181061,7 +181255,7 @@ const printSample = (id, targetId) => {
     if (targetEl) {
       const headingId = `sample-heading-${id}`;
       const headingEl = document.getElementById(headingId);
-      const headingHtml = printHeadingHtml();
+      const headingHtml = printHeadingHtml(evalSpec);
       const css2 = `
       html { font-size: 9pt }
       /* Allow content to break anywhere without any forced page breaks */
@@ -181074,13 +181268,6 @@ const printSample = (id, targetId) => {
         page-break-after: auto;
       }
       /* Specifically disable all page breaks for divs */
-      div {
-        break-inside: auto;
-        page-break-inside: auto;
-      }
-      body > .transcript-step {
-        break-inside: avoid;
-      }
       body{
         -webkit-print-color-adjust:exact !important;
         print-color-adjust:exact !important;
@@ -181137,6 +181324,7 @@ const InlineSampleComponent = ({
   className: className2
 }) => {
   const sampleData = useSampleData();
+  const sampleProgress = sampleData.status === "loading" && sampleData.downloadProgress && sampleData.downloadProgress.total > 0 ? sampleData.downloadProgress.complete / sampleData.downloadProgress.total : void 0;
   const scrollRef = useRef(null);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(className2, styles$w.container), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.scroller), ref: scrollRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StickyScrollProvider, { value: scrollRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$w.body, children: sampleData.error ? /* @__PURE__ */ jsxRuntimeExports.jsx(
     ErrorPanel,
@@ -181149,6 +181337,7 @@ const InlineSampleComponent = ({
     {
       id: "inline-sample-display",
       showActivity: !!showActivity,
+      progress: sampleProgress,
       scrollRef
     }
   ) }) }) }) });