@meridianlabs/log-viewer 0.3.244 → 0.3.245

package/lib/index.js

@@ -24829,7 +24829,7 @@ function isValid(value) {
 //#endregion
 //#region ../../node_modules/.pnpm/arquero@8.0.3/node_modules/arquero/src/op/functions/array.js
 var array_exports = /* @__PURE__ */ __exportAll({
-	compact: () => compact$1,
+	compact: () => compact$2,
 	concat: () => concat,
 	includes: () => includes,
 	indexof: () => indexof,
@@ -24848,7 +24848,7 @@ var isSeq = (seq) => isArrayType(seq) || isString$2(seq);
 * @param {T[]} array The input array.
 * @return {T[]} A compacted array.
 */
-function compact$1(array) {
+function compact$2(array) {
 	return isArrayType(array) ? array.filter((v) => isValid(v)) : array;
 }
 /**
@@ -25007,7 +25007,7 @@ var date_exports = /* @__PURE__ */ __exportAll({
 	now: () => now,
 	quarter: () => quarter,
 	seconds: () => seconds,
-	timestamp: () => timestamp$1,
+	timestamp: () => timestamp$2,
 	utcdate: () => utcdate,
 	utcdatetime: () => utcdatetime,
 	utcdayofweek: () => utcdayofweek,
@@ -25072,7 +25072,7 @@ function now() {
 * @param {Date | number} date The input Date value.
 * @return {number} The timestamp value.
 */
-function timestamp$1(date) {
+function timestamp$2(date) {
 	return +t$1(date);
 }
 /**
@@ -33131,6 +33131,36 @@ var createLogger = (namespace) => {
 	};
 };
 //#endregion
+//#region ../../packages/util/src/media.ts
+var parseDataUri = (value) => {
+	let uri;
+	try {
+		uri = new URL(value);
+	} catch {
+		return;
+	}
+	if (uri.protocol.toLowerCase() !== "data:") return;
+	const comma = uri.pathname.indexOf(",");
+	if (comma < 0) return;
+	const [rawMimeType = "", ...parameters] = uri.pathname.slice(0, comma).split(";");
+	const mimeType = rawMimeType.trim().toLowerCase();
+	if (!mimeType) return;
+	return {
+		mimeType,
+		base64: parameters.some((parameter) => parameter.trim().toLowerCase() === "base64")
+	};
+};
+var parseAbsoluteHttpUrl = (value) => {
+	let url;
+	try {
+		url = new URL(value);
+	} catch {
+		return;
+	}
+	if (url.protocol !== "http:" && url.protocol !== "https:" || !url.hostname) return;
+	return url.href;
+};
+//#endregion
 //#region ../../packages/util/src/numeric.ts
 function compareWithNan(a, b) {
 	const aIsNaN = Number.isNaN(a);
@@ -33143,7 +33173,7 @@ function compareWithNan(a, b) {
 //#endregion
 //#region ../../packages/util/src/mime.ts
 var isImage = (mimeType) => {
-	return mimeType.startsWith("image/");
+	return mimeType.trim().toLowerCase().startsWith("image/");
 };
 //#endregion
 //#region ../../packages/util/src/object.ts
@@ -36220,7 +36250,7 @@ function list$3(state, startLine, endLine, silent) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/markdown-it@14.2.0/node_modules/markdown-it/lib/rules_block/reference.mjs
-function reference$1(state, startLine, _endLine, silent) {
+function reference$2(state, startLine, _endLine, silent) {
 	let pos = state.bMarks[startLine] + state.tShift[startLine];
 	let max = state.eMarks[startLine];
 	let nextLine = startLine + 1;
@@ -36496,7 +36526,7 @@ function html_block(state, startLine, endLine, silent) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/markdown-it@14.2.0/node_modules/markdown-it/lib/rules_block/heading.mjs
-function heading$2(state, startLine, endLine, silent) {
+function heading$3(state, startLine, endLine, silent) {
 	let pos = state.bMarks[startLine] + state.tShift[startLine];
 	let max = state.eMarks[startLine];
 	if (state.sCount[startLine] - state.blkIndent >= 4) return false;
@@ -36660,7 +36690,7 @@ var _rules$1 = [
 			"blockquote"
 		]
 	],
-	["reference", reference$1],
+	["reference", reference$2],
 	[
 		"html_block",
 		html_block,
@@ -36672,7 +36702,7 @@ var _rules$1 = [
 	],
 	[
 		"heading",
-		heading$2,
+		heading$3,
 		[
 			"paragraph",
 			"reference",
@@ -38984,6 +39014,19 @@ var getMarkdownInstance = (renderer) => {
 		breaks: true,
 		html: true
 	});
+	md.renderer.rules.image = (tokens, idx) => {
+		const token = tokens[idx];
+		if (!token) return "";
+		const source = token.attrGet("src") ?? "";
+		const href = parseAbsoluteHttpUrl(source);
+		const dataUri = parseDataUri(source);
+		const visibleSource = href ?? (dataUri ? `data:${dataUri.mimeType}${dataUri.base64 ? ";base64" : ""},...` : source);
+		const alt = token.content.trim();
+		const label = alt ? `${alt} (${visibleSource})` : visibleSource;
+		const escapedLabel = md.utils.escapeHtml(label);
+		if (!href) return escapedLabel;
+		return `<a href="${md.utils.escapeHtml(href)}" target="_blank" rel="noopener noreferrer">${escapedLabel}</a>`;
+	};
 	if (renderer === "full" || renderer === "fragment") {
 		md.use(markdownitMathjax3);
 		const origInline = md.renderer.rules.math_inline;
@@ -38999,7 +39042,6 @@ var getMarkdownInstance = (renderer) => {
 			return origBlock(tokens, idx, options, env, self);
 		};
 	}
-	if (renderer === "fragment") md.disable(["image"]);
 	mdInstanceCache[renderer] = md;
 	return md;
 };
@@ -41239,11 +41281,14 @@ var FORBIDDEN_TAGS = [
 	"foreignobject",
 	"form",
 	"iframe",
+	"image",
+	"img",
 	"input",
 	"link",
 	"meta",
 	"mpath",
 	"object",
+	"picture",
 	"script",
 	"select",
 	"set",
@@ -41317,8 +41362,7 @@ var SAFE_STYLE_PROPERTIES = new Set([
 ]);
 var UNSAFE_CSS_PATTERN = /@import|behavior\s*:|binding\s*:|expression\s*\(|javascript\s*:|vbscript\s*:|url\s*\(/i;
 var PURIFY_CONFIG = {
-	ADD_ATTR: MATHJAX_ATTRS,
-	ADD_DATA_URI_TAGS: ["img", "image"],
+	ADD_ATTR: [...MATHJAX_ATTRS, "target"],
 	ADD_TAGS: MATHJAX_TAGS,
 	ALLOW_DATA_ATTR: true,
 	ALLOW_UNKNOWN_PROTOCOLS: false,
@@ -41362,11 +41406,14 @@ var installHooks = (purify) => {
 	});
 	purify.addHook("uponSanitizeAttribute", (node, hookEvent) => {
 		if (hookEvent.attrName === "style") sanitizeStyleAttributeHook(node, hookEvent);
-		else if (URL_ATTRIBUTES.has(hookEvent.attrName) && !isSafeUrlAttribute(node, hookEvent.attrValue)) {
+		else if (URL_ATTRIBUTES.has(hookEvent.attrName) && !isSafeUrlAttribute(hookEvent.attrValue)) {
 			hookEvent.keepAttr = false;
 			node.removeAttribute(hookEvent.attrName);
 		}
 	});
+	purify.addHook("afterSanitizeAttributes", (node) => {
+		if (node instanceof Element && node.tagName.toLowerCase() === "a" && node.getAttribute("target")?.toLowerCase() === "_blank") node.setAttribute("rel", "noopener noreferrer");
+	});
 };
 var sanitizeStyleAttributeHook = (node, hookEvent) => {
 	const safeStyle = sanitizeStyleAttribute(hookEvent.attrValue);
@@ -41376,7 +41423,7 @@ var sanitizeStyleAttributeHook = (node, hookEvent) => {
 		node.removeAttribute(hookEvent.attrName);
 	}
 };
-var isSafeUrlAttribute = (node, value) => {
+var isSafeUrlAttribute = (value) => {
 	const trimmed = value.trim();
 	if (!trimmed) return true;
 	if (/[<>"'`]/.test(trimmed)) return false;
@@ -41384,7 +41431,7 @@ var isSafeUrlAttribute = (node, value) => {
 		const charCode = char.charCodeAt(0);
 		return charCode > 31 && charCode !== 127 && !/\s/.test(char);
 	}).join("");
-	if (/^data:/i.test(normalized)) return ["img", "image"].includes(node.tagName.toLowerCase()) && /^data:image\//i.test(normalized);
+	if (/^data:/i.test(normalized)) return false;
 	return !/^(?:javascript|vbscript):/i.test(normalized);
 };
 var sanitizeStyleAttribute = (style) => {
@@ -41585,7 +41632,7 @@ var start = "start";
 var clippingParents = "clippingParents";
 var viewport = "viewport";
 var popper = "popper";
-var reference = "reference";
+var reference$1 = "reference";
 var variationPlacements = /*#__PURE__*/ basePlacements.reduce(function(acc, placement) {
 	return acc.concat([placement + "-" + start, placement + "-end"]);
 }, []);
@@ -42276,7 +42323,7 @@ function detectOverflow(state, options) {
 	if (options === void 0) options = {};
 	var _options = options, _options$placement = _options.placement, placement = _options$placement === void 0 ? state.placement : _options$placement, _options$strategy = _options.strategy, strategy = _options$strategy === void 0 ? state.strategy : _options$strategy, _options$boundary = _options.boundary, boundary = _options$boundary === void 0 ? clippingParents : _options$boundary, _options$rootBoundary = _options.rootBoundary, rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary, _options$elementConte = _options.elementContext, elementContext = _options$elementConte === void 0 ? popper : _options$elementConte, _options$altBoundary = _options.altBoundary, altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary, _options$padding = _options.padding, padding = _options$padding === void 0 ? 0 : _options$padding;
 	var paddingObject = mergePaddingObject(typeof padding !== "number" ? padding : expandToHashMap(padding, basePlacements));
-	var altContext = elementContext === "popper" ? reference : popper;
+	var altContext = elementContext === "popper" ? reference$1 : popper;
 	var popperRect = state.rects.popper;
 	var element = state.elements[altBoundary ? altContext : elementContext];
 	var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
@@ -44364,6 +44411,15 @@ function useListKeyboardNavigation({ listHandle, scrollRef, itemCount }) {
 }
 //#endregion
 //#region ../../packages/react/src/hooks/useBreadcrumbTruncation.ts
+var replaceMeasurementItems = (element, labels) => {
+	const items = labels.map((label) => {
+		const item = document.createElement("li");
+		item.className = "breadcrumb-item";
+		item.textContent = label;
+		return item;
+	});
+	element.replaceChildren(...items);
+};
 var useBreadcrumbTruncation = (segments, containerRef) => {
 	const [truncatedData, setTruncatedData] = useState({
 		visibleSegments: segments,
@@ -44390,7 +44446,7 @@ var useBreadcrumbTruncation = (segments, containerRef) => {
 			testElement.style.margin = "0";
 			testElement.style.padding = "0";
 			container.appendChild(testElement);
-			testElement.innerHTML = segments.map((segment) => `<li class="breadcrumb-item">${segment.text}</li>`).join("");
+			replaceMeasurementItems(testElement, segments.map((segment) => segment.text));
 			if (testElement.scrollWidth <= containerWidth) {
 				container.removeChild(testElement);
 				setTruncatedData({
@@ -44413,12 +44469,12 @@ var useBreadcrumbTruncation = (segments, containerRef) => {
 					...segments.slice(segments.length - 1 - endCount, -1),
 					lastSegment
 				];
-				testElement.innerHTML = [
-					`<li class="breadcrumb-item">${firstSegment.text}</li>`,
-					`<li class="breadcrumb-item">...</li>`,
-					...segments.slice(segments.length - 1 - endCount, -1).map((s) => `<li class="breadcrumb-item">${s.text}</li>`),
-					`<li class="breadcrumb-item">${lastSegment.text}</li>`
-				].join("");
+				replaceMeasurementItems(testElement, [
+					firstSegment.text,
+					"...",
+					...segments.slice(segments.length - 1 - endCount, -1).map((segment) => segment.text),
+					lastSegment.text
+				]);
 				if (testElement.scrollWidth <= containerWidth) {
 					maxVisible = candidateSegments.length;
 					setTruncatedData({
@@ -50816,7 +50872,7 @@ var initialState$3 = {
 };
 var createAppSlice = (set, get, _store) => {
 	const getBoolRecord = (record, name, defaultValue) => {
-		if (Object.keys(record).includes(name)) return record[name];
+		if (Object.hasOwn(record, name)) return record[name] ?? false;
 		else return defaultValue || false;
 	};
 	const slice = {
@@ -50915,7 +50971,11 @@ var createAppSlice = (set, get, _store) => {
 			},
 			getVisibleRange: (name) => {
 				const state = get();
-				if (Object.keys(state.app.visibleRanges).includes(name)) return state.app.visibleRanges[name];
+				if (Object.hasOwn(state.app.visibleRanges, name)) return state.app.visibleRanges[name] ?? {
+					startIndex: 0,
+					endIndex: 0,
+					totalCount: 0
+				};
 				else return {
 					startIndex: 0,
 					endIndex: 0,
@@ -51036,6 +51096,14 @@ var sampleIdsEqual = (id, otherId) => {
 	if (id === void 0 || otherId === void 0) return false;
 	return String(id) === String(otherId);
 };
+/**
+* Whether a row is the sample currently open in the detail route.
+*
+* Keyed off the route (undefined id/epoch means the log list is showing), not
+* the persisted selectedSampleHandle — that lingers after navigating back to
+* the log, so using it would wrongly skip re-opening the same sample.
+*/
+var isSampleOpenInRoute = (routeSampleId, routeEpoch, rowSampleId, rowEpoch) => routeSampleId !== void 0 && routeEpoch !== void 0 && sampleIdsEqual(routeSampleId, rowSampleId) && Number(routeEpoch) === rowEpoch;
 var sampleHandlesEqual = (sample1, sample2) => {
 	if (!sample1 && !sample2) return true;
 	if (!sample1 || !sample2) return false;
@@ -51062,9 +51130,9 @@ var toLogPreview = (header) => {
 	};
 };
 var primaryMetric = (evalResults) => {
-	if (evalResults?.scores && evalResults?.scores.length > 0) {
-		const evalMetrics = evalResults.scores[0].metrics;
-		const metrics = Object.values(evalMetrics);
+	const firstScore = evalResults?.scores?.[0];
+	if (firstScore) {
+		const metrics = Object.values(firstScore.metrics);
 		if (metrics.length > 0) return metrics[0];
 	}
 };
@@ -51802,7 +51870,12 @@ var displaySamplesEqual = (a, b) => {
 	if (!a && !b) return true;
 	if (!a || !b) return false;
 	if (a.length !== b.length) return false;
-	for (let i = 0; i < a.length; i++) if (a[i].logFile !== b[i].logFile || a[i].sampleId !== b[i].sampleId || a[i].epoch !== b[i].epoch) return false;
+	for (let i = 0; i < a.length; i++) {
+		const sampleA = a[i];
+		const sampleB = b[i];
+		if (sampleA === void 0 || sampleB === void 0) return false;
+		if (sampleA.logFile !== sampleB.logFile || sampleA.sampleId !== sampleB.sampleId || sampleA.epoch !== sampleB.epoch) return false;
+	}
 	return true;
 };
 //#endregion
@@ -52031,7 +52104,8 @@ function createSamplePolling(store, api) {
 		callPool: [],
 		messagePoolEntryIds: /* @__PURE__ */ new Set(),
 		callPoolEntryIds: /* @__PURE__ */ new Set(),
-		events: []
+		events: [],
+		reachedLive: false
 	};
 	const startPolling = (logFile, summary) => {
 		const pollingId = `${logFile}:${summary.id}-${summary.epoch}`;
@@ -52063,6 +52137,7 @@ function createSamplePolling(store, api) {
 					sampleActions.setSampleError(error);
 					sampleActions.setSampleStatus("error");
 					sampleActions.setRunningEvents([]);
+					sampleActions.setBackfilling(false);
 					return false;
 				};
 				try {
@@ -52078,6 +52153,7 @@ function createSamplePolling(store, api) {
 						sampleActions.setSelectedSample(migratedSample, logFile);
 						sampleActions.setSampleStatus("ok");
 						sampleActions.setRunningEvents([]);
+						sampleActions.setBackfilling(false);
 						return false;
 					}
 					if (!options.missingSampleIsError) return keepStreaming();
@@ -52102,6 +52178,9 @@ function createSamplePolling(store, api) {
 			if (sampleDataResponse?.status === "OK" && sampleDataResponse.sampleData) {
 				if (localAbort.signal.aborted) return false;
 				sampleActions.setSampleStatus("streaming");
+				const backfill = computeBackfilling(sampleDataResponse.has_more, pollingState.reachedLive);
+				pollingState.reachedLive = backfill.reachedLive;
+				sampleActions.setBackfilling(backfill.backfilling);
 				processAttachments(sampleDataResponse.sampleData, pollingState);
 				processMessagePool(sampleDataResponse.sampleData, pollingState);
 				processCallPool(sampleDataResponse.sampleData, pollingState);
@@ -52156,6 +52235,16 @@ var hasCompletedLogSummary = (state, sampleId, sampleEpoch) => {
 var findLiveSummary = (state, sampleId, sampleEpoch) => {
 	return mergeSampleSummaries(state.log.selectedLogDetails?.sampleSummaries ?? [], state.log.pendingSampleSummaries?.samples ?? []).find((s) => sampleIdsEqual(s.id, sampleId) && s.epoch === sampleEpoch);
 };
+var computeBackfilling = (hasMore, reachedLive) => {
+	if (reachedLive || hasMore !== true) return {
+		backfilling: false,
+		reachedLive: true
+	};
+	return {
+		backfilling: true,
+		reachedLive: false
+	};
+};
 var hasSampleDataUpdates = (sampleData) => {
 	if (!sampleData) return false;
 	return sampleData.events.length > 0 || sampleData.attachments.length > 0 || sampleData.message_pool.length > 0 || sampleData.call_pool.length > 0;
@@ -52180,6 +52269,7 @@ var resetPollingState = (state) => {
 	state.messagePoolEntryIds.clear();
 	state.callPoolEntryIds.clear();
 	state.events = [];
+	state.reachedLive = false;
 };
 function processAttachments(sampleData, pollingState) {
 	log$7.debug(`Processing ${sampleData.attachments.length} attachments`);
@@ -52358,6 +52448,7 @@ var initialState = {
 	sampleError: void 0,
 	eventsCleared: false,
 	downloadProgress: void 0,
+	backfilling: false,
 	visiblePopover: void 0,
 	sampleNeedsReload: 0,
 	runningEvents: [],
@@ -52406,6 +52497,7 @@ var createSampleSlice = (set, get, _store) => {
 					state.sample.selectedSampleObject = void 0;
 					state.sample.sampleInState = false;
 					state.sample.runningEvents = [];
+					state.sample.backfilling = false;
 					state.sample.sampleStatus = "ok";
 					state.sample.downloadProgress = void 0;
 					state.sample.timelineSelected = null;
@@ -52422,6 +52514,7 @@ var createSampleSlice = (set, get, _store) => {
 					state.sample.selectedSampleObject = void 0;
 					state.sample.sampleInState = false;
 					state.sample.runningEvents = [];
+					state.sample.backfilling = false;
 					state.sample.sampleStatus = "loading";
 					state.sample.sampleError = void 0;
 					state.sample.timelineSelected = null;
@@ -52527,6 +52620,7 @@ var createSampleSlice = (set, get, _store) => {
 					state.sample.selectedSampleObject = void 0;
 					state.sample.sampleInState = false;
 					state.sample.runningEvents = [];
+					state.sample.backfilling = false;
 					state.sample.sample_identifier = {
 						id,
 						epoch,
@@ -52547,6 +52641,11 @@ var createSampleSlice = (set, get, _store) => {
 				set((state) => {
 					state.sample.runningEvents = events;
 				});
+			},
+			setBackfilling: (backfilling) => {
+				set((state) => {
+					state.sample.backfilling = backfilling;
+				});
 			}
 		}
 	};
@@ -54220,7 +54319,7 @@ function formatDuration(start, end) {
 */
 var errorType = (message) => {
 	if (!message) return "Error";
-	if (message.includes("(")) return message.split("(")[0];
+	if (message.includes("(")) return message.split("(")[0] ?? "Error";
 	return "Error";
 };
 var BooleanScoreDescriptor_module_default = {
@@ -54431,6 +54530,70 @@ var MetadataGrid_module_default = {
 	toggleContainer: "_toggleContainer_25rj7_178",
 	toggleButton: "_toggleButton_25rj7_189"
 };
+//#endregion
+//#region ../../packages/inspect-components/src/media/mediaSource.ts
+var rasterImageMimeTypes = new Set([
+	"image/avif",
+	"image/bmp",
+	"image/gif",
+	"image/jpeg",
+	"image/png",
+	"image/webp",
+	"image/x-icon"
+]);
+var imageMimeAliases = new Map([["image/jpg", "image/jpeg"], ["image/vnd.microsoft.icon", "image/x-icon"]]);
+var primaryAudioMimeTypes = {
+	mp3: "audio/mpeg",
+	wav: "audio/wav"
+};
+var audioMimeTypes = {
+	mp3: new Set(["audio/mp3", "audio/mpeg"]),
+	wav: new Set([
+		"audio/vnd.wave",
+		"audio/wav",
+		"audio/wave",
+		"audio/x-wav"
+	])
+};
+var primaryVideoMimeTypes = {
+	mov: "video/quicktime",
+	mp4: "video/mp4",
+	mpeg: "video/mpeg"
+};
+var videoMimeTypes = {
+	mov: new Set(["video/quicktime"]),
+	mp4: new Set(["video/mp4"]),
+	mpeg: new Set(["video/mpeg"])
+};
+var normalizedImageMimeType = (mimeType) => {
+	const normalized = mimeType.trim().toLowerCase();
+	return imageMimeAliases.get(normalized) ?? normalized;
+};
+var base64DataUriMimeType = (source) => {
+	const dataUri = parseDataUri(source);
+	return dataUri?.base64 ? dataUri.mimeType : void 0;
+};
+var isRenderableImageSource = (source) => {
+	const mimeType = base64DataUriMimeType(source);
+	return mimeType !== void 0 && rasterImageMimeTypes.has(normalizedImageMimeType(mimeType));
+};
+var isRenderableAudioSource = (source, format) => {
+	const mimeType = base64DataUriMimeType(source);
+	return mimeType !== void 0 && audioMimeTypes[format].has(mimeType);
+};
+var isRenderableVideoSource = (source, format) => {
+	const mimeType = base64DataUriMimeType(source);
+	return mimeType !== void 0 && videoMimeTypes[format].has(mimeType);
+};
+var audioMimeTypeForFormat = (format) => primaryAudioMimeTypes[format];
+var videoMimeTypeForFormat = (format) => primaryVideoMimeTypes[format];
+var isRenderableImageDocument = (source, declaredMimeType) => {
+	const sourceMimeType = base64DataUriMimeType(source);
+	if (sourceMimeType === void 0) return false;
+	const normalizedSource = normalizedImageMimeType(sourceMimeType);
+	const normalizedDeclared = normalizedImageMimeType(declaredMimeType);
+	return rasterImageMimeTypes.has(normalizedSource) && normalizedSource === normalizedDeclared;
+};
 var RenderedContent_module_default = {
 	query: "_query_seqs2_1",
 	summary: "_summary_seqs2_6",
@@ -54682,7 +54845,7 @@ var contentRenderers = (icons, renderObject, externalRenderers) => {
 		Image: {
 			bucket: Buckets.intermediate,
 			canRender: (entry) => {
-				return typeof entry.value === "string" && entry.value.startsWith("data:image/");
+				return typeof entry.value === "string" && isRenderableImageSource(entry.value);
 			},
 			render: (_id, entry, _options) => {
 				return { rendered: /* @__PURE__ */ jsx("img", { src: entry.value }) };
@@ -61040,6 +61203,17 @@ var useSampleDescriptor = () => {
 		selectedScores
 	]);
 };
+var compareSamples = (a, b) => {
+	let idCompare;
+	if (typeof a.id === "number" && typeof b.id === "number") idCompare = a.id - b.id;
+	else idCompare = String(a.id).localeCompare(String(b.id));
+	if (idCompare !== 0) return idCompare;
+	return a.epoch - b.epoch;
+};
+var samplesAreSorted = (samples) => samples.every((curr, i) => {
+	const prev = samples[i - 1];
+	return prev === void 0 || compareSamples(prev, curr) <= 0;
+});
 var useFilteredSamples = () => {
 	const samplesDescriptor = useSampleDescriptor();
 	const sampleSummaries = useSampleSummaries();
@@ -61054,13 +61228,9 @@ var useFilteredSamples = () => {
 		};
 		if (error && allErrors) setFilterError(error);
 		else clearFilterError();
-		return [...error === void 0 || !allErrors ? result : sampleSummaries].sort((a, b) => {
-			let idCompare;
-			if (typeof a.id === "number" && typeof b.id === "number") idCompare = a.id - b.id;
-			else idCompare = String(a.id).localeCompare(String(b.id));
-			if (idCompare !== 0) return idCompare;
-			return a.epoch - b.epoch;
-		});
+		const filtered = error === void 0 || !allErrors ? result : sampleSummaries;
+		if (filtered.length < 2 || samplesAreSorted(filtered)) return filtered;
+		return [...filtered].sort(compareSamples);
 	}, [
 		samplesDescriptor,
 		sampleSummaries,
@@ -61086,6 +61256,7 @@ var useSampleData = () => {
 	const sampleNeedsReload = useStore((state) => state.sample.sampleNeedsReload);
 	const eventsCleared = useStore((state) => state.sample.eventsCleared);
 	const runningEvents = useStore((state) => state.sample.runningEvents);
+	const backfilling = useStore((state) => state.sample.backfilling);
 	const downloadProgress = useStore((state) => state.sample.downloadProgress);
 	return useMemo(() => {
 		return {
@@ -61096,6 +61267,7 @@ var useSampleData = () => {
 			getSelectedSample,
 			eventsCleared,
 			running: runningEvents,
+			backfilling,
 			downloadProgress
 		};
 	}, [
@@ -61106,6 +61278,7 @@ var useSampleData = () => {
 		sampleNeedsReload,
 		eventsCleared,
 		runningEvents,
+		backfilling,
 		downloadProgress
 	]);
 };
@@ -61321,8 +61494,7 @@ var useLogOrSampleRouteParams = () => {
 var useLogRouteParams = () => {
 	const location = useLocation();
 	return useMemo(() => {
-		const logsMatch = location.pathname.match(/^\/(logs|tasks)\/(.*)$/);
-		const splatPath = logsMatch ? logsMatch[2] : "";
+		const splatPath = location.pathname.match(/^\/(logs|tasks)\/(.*)$/)?.[2] ?? "";
 		const sampleUuidMatch = splatPath.match(/^(.+?)\/samples\/sample_uuid\/([^/]+)(?:\/(.+?))?\/?\s*$/);
 		if (sampleUuidMatch) {
 			const [, logPath, sampleUuid, sampleTabId] = sampleUuidMatch;
@@ -61384,6 +61556,7 @@ var useLogRouteParams = () => {
 		let foundTabId = void 0;
 		for (let i = pathSegments.length - 1; i >= 0; i--) {
 			const segment = pathSegments[i];
+			if (segment === void 0) continue;
 			const decodedSegment = decodeUrlParam(segment) || segment;
 			if (validTabIds.has(decodedSegment)) {
 				tabIdIndex = i;
@@ -61422,8 +61595,7 @@ var useLogRouteParams = () => {
 var useSamplesRouteParams = () => {
 	const location = useLocation();
 	return useMemo(() => {
-		const samplesMatch = location.pathname.match(/^\/samples\/(.*)$/);
-		const splatPath = samplesMatch ? samplesMatch[1] : "";
+		const splatPath = location.pathname.match(/^\/samples\/(.*)$/)?.[1] ?? "";
 		const sampleMatch = splatPath.match(/^(.+?)\/sample\/([^/]+)\/([^/]+)(?:\/([^/]+))?\/?$/);
 		if (sampleMatch) {
 			const [, logPath, sampleId, epoch, tabId] = sampleMatch;
@@ -61499,8 +61671,7 @@ var tasksUrl = (log_file, log_dir) => {
 var useTasksRouteParams = () => {
 	const location = useLocation();
 	return useMemo(() => {
-		const tasksMatch = location.pathname.match(/^\/tasks\/(.*)$/);
-		const splatPath = tasksMatch ? tasksMatch[1] : "";
+		const splatPath = location.pathname.match(/^\/tasks\/(.*)$/)?.[1] ?? "";
 		const sampleMatch = splatPath.match(/^(.+?)\/sample\/([^/]+)\/([^/]+)(?:\/([^/]+))?\/?$/);
 		if (sampleMatch) {
 			const [, logPath, sampleId, epoch, tabId] = sampleMatch;
@@ -110164,7 +110335,8 @@ var createGridKeyboardHandler = ({ gridRef, onOpenRow, pageJump = 10 }) => {
 		const selectedRows = api.getSelectedNodes();
 		const totalRows = api.getDisplayedRowCount();
 		let currentRowIndex = -1;
-		if (selectedRows.length > 0 && selectedRows[0].rowIndex !== null) currentRowIndex = selectedRows[0].rowIndex;
+		const firstSelected = selectedRows[0];
+		if (firstSelected && firstSelected.rowIndex !== null) currentRowIndex = firstSelected.rowIndex;
 		let targetRowIndex = null;
 		switch (e.key) {
 			case "ArrowUp":
@@ -110226,7 +110398,8 @@ var createGridKeyboardHandler = ({ gridRef, onOpenRow, pageJump = 10 }) => {
 * so the new tab doesn't steal focus.
 */
 function openInNewTab(hashRoute) {
-	const newWin = window.open(`${window.location.pathname}#${hashRoute}`, "_blank");
+	const hash = hashRoute.startsWith("#") ? hashRoute : `#${hashRoute}`;
+	const newWin = window.open(`${window.location.pathname}${hash}`, "_blank", "noopener,noreferrer");
 	if (newWin) newWin.blur();
 	window.focus();
 }
@@ -110704,9 +110877,7 @@ var LogsPanel_module_default = {
 //#endregion
 //#region src/app/log-list/LogsPanel.tsx
 var rootName = (relativePath) => {
-	const parts = relativePath.split("/");
-	if (parts.length === 0) return "";
-	return parts[0];
+	return relativePath.split("/")[0] ?? "";
 };
 var LogsPanel = ({ maybeShowSingleLog, mode = "logs" }) => {
 	const { loadLogs } = useLogs();
@@ -110780,7 +110951,8 @@ var LogsPanel = ({ maybeShowSingleLog, mode = "logs" }) => {
 			let hi = sortedNames.length;
 			while (lo < hi) {
 				const mid = lo + hi >> 1;
-				if (sortedNames[mid] < target) lo = mid + 1;
+				const name = sortedNames[mid];
+				if (name !== void 0 && name < target) lo = mid + 1;
 				else hi = mid;
 			}
 			return lo;
@@ -110873,10 +111045,8 @@ var LogsPanel = ({ maybeShowSingleLog, mode = "logs" }) => {
 	const filteredFields = Object.keys(scopeGridState?.filter?.filterModel ?? {});
 	const hasFilter = filteredFields.length > 0;
 	useEffect(() => {
-		if (maybeShowSingleLog && logItems.length === 1) {
-			const onlyItem = logItems[0];
-			if (onlyItem.url) navigate(onlyItem.url);
-		}
+		const onlyItem = logItems.length === 1 ? logItems[0] : void 0;
+		if (maybeShowSingleLog && onlyItem?.url) navigate(onlyItem.url);
 	}, [
 		logItems,
 		maybeShowSingleLog,
@@ -110972,11 +111142,70 @@ var appendPendingItems = (evalSet, tasksWithLogFiles, collapsedLogItems) => {
 	return collapsedLogItems;
 };
 //#endregion
+//#region src/state/log.ts
+var useUnloadLog = () => {
+	const clearSelectedLogDetails = useStore((state) => state.logActions.clearSelectedLogDetails);
+	const clearSelectedLogFile = useStore((state) => state.logsActions.clearSelectedLogFile);
+	const clearLog = useStore((state) => state.logActions.clearLog);
+	const clearPendingSampleSummaries = useStore((state) => state.logActions.clearPendingSampleSummaries);
+	return { unloadLog: useCallback(() => {
+		clearSelectedLogDetails();
+		clearSelectedLogFile();
+		clearLog();
+		clearPendingSampleSummaries();
+	}, [
+		clearLog,
+		clearSelectedLogDetails,
+		clearSelectedLogFile,
+		clearPendingSampleSummaries
+	]) };
+};
+/**
+* Clear log-bound state before paint when routing to another log. Pending
+* summaries live outside selectedLogDetails but are merged into sample lists,
+* so they must be reset with the selected sample/details.
+*/
+var useClearStaleLogStateOnNav = (logPath) => {
+	const clearSelectedSample = useStore((state) => state.sampleActions.clearSelectedSample);
+	const clearSelectedLogDetails = useStore((state) => state.logActions.clearSelectedLogDetails);
+	const clearPendingSampleSummaries = useStore((state) => state.logActions.clearPendingSampleSummaries);
+	const prevLogPathRef = useRef(void 0);
+	useLayoutEffect(() => {
+		const prevLogPath = prevLogPathRef.current;
+		prevLogPathRef.current = logPath;
+		if (prevLogPath && logPath && logPath !== prevLogPath) {
+			clearSelectedSample();
+			clearSelectedLogDetails();
+			clearPendingSampleSummaries();
+		}
+	}, [
+		logPath,
+		clearSelectedSample,
+		clearSelectedLogDetails,
+		clearPendingSampleSummaries
+	]);
+};
+//#endregion
 //#region src/state/useLoadSample.ts
 var SAMPLE_LIST_KEYS = ["transcript-tree"];
 var log$1 = createLogger("useSampleLoader");
 var loadGeneration = 0;
 /**
+* Decide whether the loader should (re)load the selected sample.
+*
+* A "loading"/"error" status left over from a previously viewed sample must
+* not block loading a newly selected one, so those only suppress a load when
+* they pertain to the selected sample itself (identifier matches). Without
+* this, navigating away from a still-"streaming" running sample leaves the
+* new sample unloaded and the tabs showing the previous sample's events.
+*/
+var shouldLoadSample = (opts) => {
+	const isCurrentSampleLoaded = opts.identifierMatches && opts.hasSampleData;
+	const loadingSelected = opts.identifierMatches && opts.isLoading;
+	const errorSelected = opts.identifierMatches && opts.isError;
+	return !isCurrentSampleLoaded && !loadingSelected && !errorSelected || opts.logFileChanged || opts.sampleIdChanged || opts.completedChanged || opts.needsReloadChanged;
+};
+/**
 * Hook that handles loading samples based on the current log selection.
 * Contains the full sample loading logic that was previously in sampleSlice.loadSample.
 */
@@ -111053,16 +111282,16 @@ function useLoadSample() {
 			sampleNeedsReload: sampleData.sampleNeedsReload
 		};
 		if (logSelection.logFile && sampleId !== void 0 && sampleEpoch !== void 0) {
-			const identifierMatches = sampleData.selectedSampleIdentifier?.id === sampleId && sampleData.selectedSampleIdentifier?.epoch === sampleEpoch && sampleData.selectedSampleIdentifier?.logFile === logSelection.logFile;
-			const hasSampleData = getSelectedSample() !== void 0;
-			const isCurrentSampleLoaded = identifierMatches && hasSampleData;
-			const isLoading = sampleData.status === "loading" || sampleData.status === "streaming";
-			const isError = sampleData.status === "error";
-			const logFileChanged = prev.logFile !== void 0 && prev.logFile !== logSelection.logFile;
-			const sampleIdChanged = prev.sampleId !== void 0 && prev.sampleId !== sampleId;
-			const completedChanged = prev.completed !== void 0 && currentSampleCompleted !== prev.completed;
-			const needsReloadChanged = prev.sampleNeedsReload !== void 0 && prev.sampleNeedsReload !== sampleData.sampleNeedsReload;
-			if (!isCurrentSampleLoaded && !isLoading && !isError || logFileChanged || sampleIdChanged || completedChanged || needsReloadChanged) loadSample(logSelection.logFile, sampleId, sampleEpoch, sampleCompleted, logSelection.sample);
+			if (shouldLoadSample({
+				identifierMatches: sampleData.selectedSampleIdentifier?.id === sampleId && sampleData.selectedSampleIdentifier?.epoch === sampleEpoch && sampleData.selectedSampleIdentifier?.logFile === logSelection.logFile,
+				hasSampleData: getSelectedSample() !== void 0,
+				isLoading: sampleData.status === "loading" || sampleData.status === "streaming",
+				isError: sampleData.status === "error",
+				logFileChanged: prev.logFile !== void 0 && prev.logFile !== logSelection.logFile,
+				sampleIdChanged: prev.sampleId !== void 0 && prev.sampleId !== sampleId,
+				completedChanged: prev.completed !== void 0 && currentSampleCompleted !== prev.completed,
+				needsReloadChanged: prev.sampleNeedsReload !== void 0 && prev.sampleNeedsReload !== sampleData.sampleNeedsReload
+			})) loadSample(logSelection.logFile, sampleId, sampleEpoch, sampleCompleted, logSelection.sample);
 		}
 	}, [
 		logSelection.logFile,
@@ -111331,6 +111560,7 @@ function scrollRangeToCenter(range, options) {
 	const rects = range.getClientRects();
 	if (rects.length === 0) return;
 	const selectionRect = rects[0];
+	if (selectionRect === void 0) return;
 	const scrollableParent = findScrollableParent(range.startContainer.parentElement);
 	if (scrollableParent) {
 		const parentRect = scrollableParent.getBoundingClientRect();
@@ -111491,7 +111721,7 @@ var FindBand = () => {
 	}, [handleSearch]);
 	const debouncedSearchRef = useRef(null);
 	useEffect(() => {
-		debouncedSearchRef.current = debounce$2(() => void runDebouncedSearch(), 300);
+		debouncedSearchRef.current = debounce$2(() => void runDebouncedSearch(), 100);
 	}, [runDebouncedSearch]);
 	const handleInputChange = useCallback(() => {
 		debouncedSearchRef.current?.();
@@ -112234,7 +112464,20 @@ var extractCodexAgentAnswers = (output) => {
 	const nonEmpty = answers.filter((answer) => answer.length > 0);
 	return nonEmpty.length > 0 ? nonEmpty.join("\n\n---\n\n") : void 0;
 };
-var cleanCodexAnswer = (text) => text.replace(/<content-internal>[\s\S]*?<\/content-internal>/g, "").trimEnd();
+var cleanCodexAnswer = (text) => {
+	const match = /<content-internal>([A-Za-z0-9+/]+={0,2})<\/content-internal>\s*$/.exec(text);
+	const payload = match?.[1];
+	if (!match || payload === void 0) return text;
+	const visibleAnswer = text.slice(0, match.index);
+	if (visibleAnswer.includes("<content-internal>") || visibleAnswer.includes("</content-internal>")) return text;
+	try {
+		const decoded = Uint8Array.from(atob(payload), (char) => char.charCodeAt(0));
+		JSON.parse(new TextDecoder("utf-8", { fatal: true }).decode(decoded));
+	} catch {
+		return text;
+	}
+	return visibleAnswer.trimEnd();
+};
 /**
 * Substitutes `{{param_name}}` placeholders in tool call content
 * with actual values from the tool call arguments.
@@ -112281,6 +112524,25 @@ var extractInput = (args, inputDescriptor) => {
 		return formatArg(key, args[key]);
 	}) };
 };
+var MediaReference_module_default = { reference: "_reference_7p4hu_1" };
+//#endregion
+//#region ../../packages/inspect-components/src/media/MediaReference.tsx
+var MediaReference = ({ source, className }) => {
+	const href = parseAbsoluteHttpUrl(source);
+	const dataUri = parseDataUri(source);
+	const label = dataUri ? `data:${dataUri.mimeType}${dataUri.base64 ? ";base64" : ""},...` : source;
+	const classes = clsx(MediaReference_module_default.reference, className);
+	return href ? /* @__PURE__ */ jsx("a", {
+		className: classes,
+		href,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children: href
+	}) : /* @__PURE__ */ jsx("code", {
+		className: classes,
+		children: label
+	});
+};
 var CompactionData_module_default = {
 	title: "_title_1pwo3_1",
 	content: "_content_1pwo3_11",
@@ -112465,12 +112727,12 @@ var ContentDocumentView = ({ id, document, onDownloadFile }) => {
 	if (isImage(document.mime_type || "")) return /* @__PURE__ */ jsx(ContentDocumentFrame, {
 		document,
 		onDownloadFile,
-		children: /* @__PURE__ */ jsx("img", {
+		children: isRenderableImageDocument(document.document, document.mime_type || "") ? /* @__PURE__ */ jsx("img", {
 			className: clsx(ContentDocumentView_module_default.imageDocument),
 			src: document.document,
 			alt: document.filename,
 			id
-		})
+		}) : /* @__PURE__ */ jsx(MediaReference, { source: document.document })
 	});
 	else return /* @__PURE__ */ jsx(ContentDocumentFrame, {
 		document,
@@ -112903,11 +113165,11 @@ var ToolOutput = ({ output, className, onDownloadFile }) => {
 			document: out,
 			onDownloadFile
 		}, key));
-		else if (out.type === "image") if (out.image.startsWith("data:")) outputs.push(/* @__PURE__ */ jsx("img", {
+		else if (out.type === "image") if (isRenderableImageSource(out.image)) outputs.push(/* @__PURE__ */ jsx("img", {
 			className: clsx(ToolOutput_module_default.toolImage),
 			src: out.image
 		}, key));
-		else outputs.push(/* @__PURE__ */ jsx(ToolTextOutput, { text: String(out.image) }, key));
+		else outputs.push(/* @__PURE__ */ jsx(MediaReference, { source: out.image }, key));
 		else if (out.type === "reasoning") {
 			if (out.reasoning) outputs.push(/* @__PURE__ */ jsx(ToolTextOutput, { text: out.reasoning }, key));
 		} else if (out.type === "data" && out.data) outputs.push(/* @__PURE__ */ jsx(ToolTextOutput, { text: JSON.stringify(out.data) }, key));
@@ -112922,11 +113184,12 @@ var ToolOutput = ({ output, className, onDownloadFile }) => {
 * Renders the ToolTextOutput component.
 */
 var ToolTextOutput = ({ text }) => {
-	if (isJson(text)) return /* @__PURE__ */ jsx(JsonMessageContent, {
+	const displayMode = useDisplayMode();
+	if (displayMode === "rendered" && isJson(text)) return /* @__PURE__ */ jsx(JsonMessageContent, {
 		id: `1-json`,
 		json: JSON.parse(text)
 	});
-	if (isAnsiOutput(text)) return /* @__PURE__ */ jsx(ANSIDisplay, {
+	if (displayMode === "rendered" && isAnsiOutput(text)) return /* @__PURE__ */ jsx(ANSIDisplay, {
 		className: ToolOutput_module_default.ansiOutput,
 		output: text,
 		style: { fontSize: "clamp(0.4rem, 1.15vw, 0.9rem)" }
@@ -112936,7 +113199,7 @@ var ToolTextOutput = ({ text }) => {
 		className: clsx(ToolOutput_module_default.textOutput, "tool-output"),
 		children: /* @__PURE__ */ jsx("code", {
 			className: clsx("sourceCode", ToolOutput_module_default.textCode),
-			children: capped.trim()
+			children: displayMode === "raw" ? capped : capped.trim()
 		})
 	}), notice] });
 };
@@ -112947,7 +113210,8 @@ var ToolTextOutput = ({ text }) => {
 * Supports rendering strings, images, and tools using specific renderers.
 */
 var MessageContent = ({ contents, context, references }) => {
-	const normalized = normalizeContent$1(contents);
+	const displayMode = useDisplayMode();
+	const normalized = normalizeContent$1(contents, displayMode);
 	if (Array.isArray(normalized)) return normalized.map((content, index) => {
 		if (typeof content === "string") return messageRenderers["text"]?.render(`text-content-${index}`, {
 			type: "text",
@@ -112955,10 +113219,10 @@ var MessageContent = ({ contents, context, references }) => {
 			refusal: null,
 			internal: null,
 			citations: null
-		}, index === contents.length - 1, context, references);
+		}, index === contents.length - 1, context, displayMode, references);
 		else if (content) {
 			const renderer = messageRenderers[content.type];
-			if (renderer) return renderer.render(`text-${content.type}-${index}`, content, index === contents.length - 1, context, references);
+			if (renderer) return renderer.render(`text-${content.type}-${index}`, content, index === contents.length - 1, context, displayMode, references);
 			else console.error(`Unknown message content type '${content.type}'`);
 		}
 	});
@@ -112970,33 +113234,22 @@ var MessageContent = ({ contents, context, references }) => {
 			internal: null,
 			citations: null
 		};
-		return messageRenderers["text"]?.render("text-message-content", contentText, true, context, references);
+		return messageRenderers["text"]?.render("text-message-content", contentText, true, context, displayMode, references);
 	}
 };
 var messageRenderers = {
-	text: { render: (key, content, isLast, _context, references) => {
+	text: { render: (key, content, isLast, _context, displayMode, references) => {
 		const c = content;
 		const cites = c.citations ?? [];
 		if (!c.text && !cites.length) return;
-		const purgeInternalContainers = (text) => {
-			[
-				"internal",
-				"content-internal",
-				"think"
-			].forEach((tag) => {
-				const regex = new RegExp(`<${tag}[^>]*>[\\s\\S]*?<\\/${tag}>`, "gm");
-				text = text.replace(regex, "");
-			});
-			return text.trim();
-		};
-		if (isJson(c.text)) {
+		if (displayMode === "rendered" && isJson(c.text)) {
 			const obj = JSON.parse(c.text);
 			return /* @__PURE__ */ jsx(JsonMessageContent, {
 				id: `${key}-json`,
 				json: obj
 			});
 		} else return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RenderedText, {
-			markdown: purgeInternalContainers(c.text) || "",
+			markdown: c.text,
 			className: clsx(isLast ? "no-last-para-padding" : "", MessageContent_module_default.breakable),
 			references
 		}), c.citations && c.citations.length > 0 ? /* @__PURE__ */ jsx(MessageCitations, { citations: c.citations }) : void 0] }, key);
@@ -113032,31 +113285,33 @@ var messageRenderers = {
 	} },
 	image: { render: (key, content) => {
 		const c = content;
-		if (c.image.startsWith("data:")) return /* @__PURE__ */ jsx("img", {
+		if (isRenderableImageSource(c.image)) return /* @__PURE__ */ jsx("img", {
 			src: c.image,
 			className: MessageContent_module_default.contentImage
 		}, key);
-		else return /* @__PURE__ */ jsx("code", { children: c.image }, key);
+		else return /* @__PURE__ */ jsx(MediaReference, { source: c.image }, key);
 	} },
 	audio: { render: (key, content) => {
 		const c = content;
+		if (!isRenderableAudioSource(c.audio, c.format)) return /* @__PURE__ */ jsx(MediaReference, { source: c.audio }, key);
 		return /* @__PURE__ */ jsx("audio", {
 			controls: true,
 			children: /* @__PURE__ */ jsx("source", {
 				src: c.audio,
-				type: mimeTypeForFormat(c.format)
+				type: audioMimeTypeForFormat(c.format)
 			})
 		}, key);
 	} },
 	video: { render: (key, content) => {
 		const c = content;
+		if (!isRenderableVideoSource(c.video, c.format)) return /* @__PURE__ */ jsx(MediaReference, { source: c.video }, key);
 		return /* @__PURE__ */ jsx("video", {
 			width: "500",
 			height: "375",
 			controls: true,
 			children: /* @__PURE__ */ jsx("source", {
 				src: c.video,
-				type: mimeTypeForFormat(c.format)
+				type: videoMimeTypeForFormat(c.format)
 			})
 		}, key);
 	} },
@@ -113087,17 +113342,8 @@ var messageRenderers = {
 * Renders message content based on its type.
 * Supports rendering strings, images, and tools using specific renderers.
 */
-var mimeTypeForFormat = (format) => {
-	switch (format) {
-		case "mov": return "video/quicktime";
-		case "wav": return "audio/wav";
-		case "mp3": return "audio/mpeg";
-		case "mp4": return "video/mp4";
-		case "mpeg": return "video/mpeg";
-		default: return "video/mp4";
-	}
-};
-var normalizeContent$1 = (contents) => {
+var normalizeContent$1 = (contents, displayMode) => {
+	if (displayMode === "raw") return contents;
 	if (typeof contents === "string") return contents;
 	if (contents.length > 0 && typeof contents[0] === "string") return contents;
 	const result = [];
@@ -113308,6 +113554,7 @@ var ToolCallView_module_default = { toolCallView: "_toolCallView_x6cus_1" };
 * Renders the ToolCallView component.
 */
 var ToolCallView = ({ id, tool, functionCall, input, description, contentType, view, output, mode, collapsible = true, section = "all", getCustomToolView }) => {
+	const displayMode = useDisplayMode();
 	function isContentImage(value) {
 		if (value && typeof value === "object") {
 			if (value.type === "image") return true;
@@ -113319,9 +113566,13 @@ var ToolCallView = ({ id, tool, functionCall, input, description, contentType, v
 	}
 	const collapse = Array.isArray(output) ? output.every((item) => !isContentImage(item)) : !isContentImage(output);
 	const normalizedContent = useMemo(() => {
-		const markdown = codexToolMarkdown(tool, output);
+		const markdown = displayMode === "rendered" ? codexToolMarkdown(tool, output) : void 0;
 		return normalizeContent(markdown !== void 0 ? markdown : output);
-	}, [tool, output]);
+	}, [
+		displayMode,
+		tool,
+		output
+	]);
 	const hasContent = normalizedContent.find((c) => {
 		if (c.type === "tool") {
 			for (const t of c.content) if (t.type === "text") {
@@ -113340,7 +113591,7 @@ var ToolCallView = ({ id, tool, functionCall, input, description, contentType, v
 		output,
 		mode
 	};
-	const customView = getCustomToolView?.(props) ?? getDefaultCustomToolView(props);
+	const customView = displayMode === "rendered" ? getCustomToolView?.(props) ?? getDefaultCustomToolView(props) : void 0;
 	if (customView) return section === "output" ? null : customView;
 	const contents = mode !== "compact" ? input : input || functionCall;
 	const context = defaultContext();
@@ -113359,7 +113610,7 @@ var ToolCallView = ({ id, tool, functionCall, input, description, contentType, v
 			toolCallView: view
 		})
 	})] });
-	const outputSection = contentType === "markdown" && hasContent ? /* @__PURE__ */ jsx(ExpandablePanel, {
+	const outputSection = displayMode === "rendered" && contentType === "markdown" && hasContent ? /* @__PURE__ */ jsx(ExpandablePanel, {
 		id: `${id}-tool-content`,
 		collapse,
 		border: false,
@@ -113423,6 +113674,7 @@ var ClientToolCall_module_default = { custom: "_custom_v2cay_4" };
 * (e.g. code) and the output well stacked beneath.
 */
 var ClientToolCall = ({ id, tool, title, functionCall, input, description, contentType, view, output, error, className, getCustomToolView }) => {
+	const displayMode = useDisplayMode();
 	const viewProps = {
 		id,
 		tool,
@@ -113433,7 +113685,7 @@ var ClientToolCall = ({ id, tool, title, functionCall, input, description, conte
 		view,
 		output
 	};
-	const customView = getCustomToolView?.(viewProps) ?? getDefaultCustomToolView(viewProps);
+	const customView = displayMode === "rendered" ? getCustomToolView?.(viewProps) ?? getDefaultCustomToolView(viewProps) : void 0;
 	if (customView) return /* @__PURE__ */ jsx("div", {
 		className: clsx(ClientToolCall_module_default.custom, className),
 		children: customView
@@ -113508,6 +113760,7 @@ var ChatMessage = memo(function ChatMessage({ id, message, display, linking, ref
 	const linkingEnabled = linking?.enabled ?? false;
 	const getMessageUrl = linking?.getMessageUrl;
 	const linkIcon = linking?.icon ?? "bi bi-link-45deg";
+	const displayMode = useDisplayMode();
 	const messageUrl = getMessageUrl?.(message.id || "");
 	const [mouseOver, setMouseOver] = useState(false);
 	const isNonSubagentTool = message.role === "tool" && message.function !== "Task" && message.function !== "task" && message.function !== "Agent" && message.function !== "agent";
@@ -113515,9 +113768,9 @@ var ChatMessage = memo(function ChatMessage({ id, message, display, linking, ref
 	const hideRole = unlabeledRoles?.includes(message.role) ?? false;
 	let toolSearchNamespaces;
 	let toolMarkdown;
-	if (isNonSubagentTool && message.role === "tool" && message.function) if (message.function === "tool_search") toolSearchNamespaces = parseToolSearchCatalog(message.content);
+	if (displayMode === "rendered" && isNonSubagentTool && message.role === "tool" && message.function) if (message.function === "tool_search") toolSearchNamespaces = parseToolSearchCatalog(message.content);
 	else toolMarkdown = codexToolMarkdown(message.function, message.content);
-	const subagentNotifications = message.role === "user" ? formatSubagentNotifications(message.content) : void 0;
+	const subagentNotifications = displayMode === "rendered" && message.role === "user" ? formatSubagentNotifications(message.content) : void 0;
 	if (hideRole) {
 		const content = message.content;
 		const hasVisibleContent = typeof content === "string" ? content.trim().length > 0 : Array.isArray(content) && content.length > 0;
@@ -115182,6 +115435,18 @@ function PaddingChunks({ height, prefix }) {
 	}
 	return /* @__PURE__ */ jsx(Fragment$1, { children: chunks });
 }
+var countMatchesInTexts = (lowerTextsByItem, lowerTerm) => {
+	if (lowerTerm.length === 0) return 0;
+	let total = 0;
+	for (const texts of lowerTextsByItem) for (const lowerText of texts) {
+		let pos = 0;
+		while ((pos = lowerText.indexOf(lowerTerm, pos)) !== -1) {
+			total++;
+			pos += lowerTerm.length;
+		}
+	}
+	return total;
+};
 function VirtualList({ persistenceKey, ref, className, scrollRef: externalScrollRef, data, renderRow, live, showProgress, initialIndex, stickyHeaderOffset, components, smoothScroll = true, itemSearchText, findScope = "local", scrollToTopOnFinish = false, onVisibleRangeChange }) {
 	const internalScrollRef = useRef(null);
 	const [scrollParent, setScrollParent] = useState(null);
@@ -115504,25 +115769,17 @@ function VirtualList({ persistenceKey, ref, className, scrollRef: externalScroll
 		itemSearchText,
 		virtualizer
 	]);
-	const countMatchesInData = useCallback((term) => {
-		if (!term || data.length === 0) return 0;
+	const precomputedSearchTexts = useMemo(() => {
 		const getText = itemSearchText ?? ((item) => JSON.stringify(item));
-		const lower = term.toLowerCase();
-		let total = 0;
-		for (const item of data) {
+		return data.map((item) => {
 			const texts = getText(item);
-			const textArray = Array.isArray(texts) ? texts : [texts];
-			for (const text of textArray) {
-				const lowerText = text.toLowerCase();
-				let pos = 0;
-				while ((pos = lowerText.indexOf(lower, pos)) !== -1) {
-					total++;
-					pos += lower.length;
-				}
-			}
-		}
-		return total;
+			return (Array.isArray(texts) ? texts : [texts]).map((t) => t.toLowerCase());
+		});
 	}, [data, itemSearchText]);
+	const countMatchesInData = useCallback((term) => {
+		if (!term || precomputedSearchTexts.length === 0) return 0;
+		return countMatchesInTexts(precomputedSearchTexts, term.toLowerCase());
+	}, [precomputedSearchTexts]);
 	useEffect(() => {
 		if (findScope === "none") return;
 		const u1 = registerVirtualList(persistenceKey, searchInData);
@@ -115689,6 +115946,40 @@ function messageHasVisibleContent(message) {
 		return true;
 	});
 }
+var LoadingEventsIndicator_module_default = {
+	bar: "_bar_q6epo_1",
+	"le-sweep": "_le-sweep_q6epo_1",
+	compact: "_compact_q6epo_33",
+	spinner: "_spinner_q6epo_44",
+	"le-spin": "_le-spin_q6epo_1",
+	label: "_label_q6epo_55",
+	ell: "_ell_q6epo_68",
+	"le-ell": "_le-ell_q6epo_1"
+};
+//#endregion
+//#region ../../packages/inspect-components/src/indicators/LoadingEventsIndicator.tsx
+var LoadingEventsIndicator = ({ label, compact = false, className }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: clsx(LoadingEventsIndicator_module_default.bar, compact && LoadingEventsIndicator_module_default.compact, className),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: LoadingEventsIndicator_module_default.spinner,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ jsxs("span", {
+			className: LoadingEventsIndicator_module_default.label,
+			children: [label, /* @__PURE__ */ jsxs("span", {
+				className: LoadingEventsIndicator_module_default.ell,
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ jsx("i", { children: "." }),
+					/* @__PURE__ */ jsx("i", { children: "." }),
+					/* @__PURE__ */ jsx("i", { children: "." })
+				]
+			})]
+		})]
+	});
+};
 var ChatViewVirtualList_module_default = {
 	list: "_list_zuqui_1",
 	generatingRow: "_generatingRow_zuqui_7"
@@ -115706,7 +115997,7 @@ var ChatItem = ({ children, ...props }) => {
 	});
 };
 var chatComponents = { Item: ChatItem };
-var ChatViewVirtualList = memo(function ChatViewVirtualList({ id, messages, initialMessageId, offsetTop, className, scrollRef, running, onNativeFindChanged, display, labels, linking, tools }) {
+var ChatViewVirtualList = memo(function ChatViewVirtualList({ id, messages, initialMessageId, offsetTop, className, scrollRef, running, backfilling, onNativeFindChanged, display, labels, linking, tools }) {
 	const listHandle = useRef(null);
 	useEffect(() => {
 		onNativeFindChanged?.(false);
@@ -115746,7 +116037,7 @@ var ChatViewVirtualList = memo(function ChatViewVirtualList({ id, messages, init
 	const renderRow = useCallback((index, item) => {
 		if (running && index === lastIndex && isLivePlaceholderMessage(item.message)) return /* @__PURE__ */ jsx("div", {
 			className: ChatViewVirtualList_module_default.generatingRow,
-			children: /* @__PURE__ */ jsx(GeneratingIndicator, {})
+			children: backfilling ? /* @__PURE__ */ jsx(LoadingEventsIndicator, { label: "Loading messages" }) : /* @__PURE__ */ jsx(GeneratingIndicator, {})
 		});
 		const toolExecuting = running && index === lastIndex && isToolExecutingMessage(item.message, item.toolMessages.length);
 		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ChatMessageRow, {
@@ -115761,11 +116052,12 @@ var ChatViewVirtualList = memo(function ChatViewVirtualList({ id, messages, init
 			startNumber: rowStartNumbers[index]
 		}), toolExecuting ? /* @__PURE__ */ jsx("div", {
 			className: ChatViewVirtualList_module_default.generatingRow,
-			children: /* @__PURE__ */ jsx(GeneratingIndicator, { label: "running" })
+			children: backfilling ? /* @__PURE__ */ jsx(LoadingEventsIndicator, { label: "Loading messages" }) : /* @__PURE__ */ jsx(GeneratingIndicator, { label: "running" })
 		}) : null] });
 	}, [
 		id,
 		running,
+		backfilling,
 		lastIndex,
 		display,
 		labels,
@@ -115774,10 +116066,13 @@ var ChatViewVirtualList = memo(function ChatViewVirtualList({ id, messages, init
 		maxLabelLength,
 		rowStartNumbers
 	]);
-	if (collapsedMessages.length === 0) return running ? /* @__PURE__ */ jsx(NoContentsPanel, {
-		text: "Waiting for messages",
-		busy: true
-	}) : /* @__PURE__ */ jsx(NoContentsPanel, { text: "No messages" });
+	if (collapsedMessages.length === 0) {
+		if (backfilling) return /* @__PURE__ */ jsx(LoadingEventsIndicator, { label: "Loading messages" });
+		return running ? /* @__PURE__ */ jsx(NoContentsPanel, {
+			text: "Waiting for messages",
+			busy: true
+		}) : /* @__PURE__ */ jsx(NoContentsPanel, { text: "No messages" });
+	}
 	return /* @__PURE__ */ jsx(VirtualList, {
 		persistenceKey: `chat-${id}`,
 		ref: listHandle,
@@ -116376,6 +116671,8 @@ var extractEventFields = (event) => {
 			if (modelEvent.input) {
 				for (const msg of modelEvent.input) if (msg.role === "user" || msg.role === "system") for (const text of extractContentText(msg.content)) fields.push([msg.role, text]);
 			}
+			if (modelEvent.error) fields.push(["error", modelEvent.error]);
+			if (modelEvent.traceback) fields.push(["traceback", modelEvent.traceback]);
 			break;
 		}
 		case "tool": {
@@ -116391,7 +116688,7 @@ var extractEventFields = (event) => {
 			if (toolEvent.function) fields.push(["function", toolEvent.function]);
 			if (toolEvent.arguments) fields.push(["arguments", JSON.stringify(toolEvent.arguments)]);
 			if (toolEvent.result) if (typeof toolEvent.result === "string") fields.push(["result", toolEvent.result]);
-			else fields.push(["result", sanitizeStringify(toolEvent.result)]);
+			else for (const text of extractToolResultText(toolEvent.result)) fields.push(["result", text]);
 			if (toolEvent.error?.message) fields.push(["error", toolEvent.error.message]);
 			break;
 		}
@@ -116573,6 +116870,27 @@ var extractContentText = (content) => {
 	}
 	return texts;
 };
+var extractToolResultText = (value) => {
+	if (Array.isArray(value)) return value.flatMap((item) => extractToolResultItemText(item));
+	return [sanitizeStringify(value)];
+};
+var extractToolResultItemText = (item) => {
+	if (typeof item === "string") return [item];
+	if (item == null) return [];
+	if (typeof item === "number" || typeof item === "boolean" || typeof item === "bigint") return [item.toString()];
+	if (typeof item === "symbol") return [String(item)];
+	if (typeof item !== "object") return [];
+	if (!("type" in item)) return [sanitizeStringify(item)];
+	switch (item.type) {
+		case "text": return "text" in item && typeof item.text === "string" ? [item.text] : [];
+		case "image": return "image" in item && typeof item.image === "string" && !item.image.startsWith("data:") ? [item.image] : [];
+		case "document": return "filename" in item && typeof item.filename === "string" ? [item.filename] : [];
+		case "audio":
+		case "video": return [];
+		case "tool": return "content" in item && Array.isArray(item.content) ? item.content.flatMap((inner) => extractToolResultItemText(inner)) : [sanitizeStringify(item)];
+		default: return [sanitizeStringify(item)];
+	}
+};
 //#endregion
 //#region ../../packages/inspect-components/src/transcript/timeline/core.ts
 function isSpanNode(item) {
@@ -120375,14 +120693,17 @@ var TranscriptIcons = {
 	solvers: { use_tools: "bi bi-tools" }
 };
 var OutlineRow_module_default = {
-	eventRow: "_eventRow_moh1w_1",
-	selected: "_selected_moh1w_9",
-	toggle: "_toggle_moh1w_13",
-	eventLink: "_eventLink_moh1w_18",
-	label: "_label_moh1w_31",
-	iconSlot: "_iconSlot_moh1w_37",
-	progress: "_progress_moh1w_49",
-	popover: "_popover_moh1w_53"
+	eventRow: "_eventRow_lpuxs_1",
+	selected: "_selected_lpuxs_9",
+	toggle: "_toggle_lpuxs_13",
+	eventLink: "_eventLink_lpuxs_18",
+	label: "_label_lpuxs_31",
+	iconSlot: "_iconSlot_lpuxs_37",
+	progress: "_progress_lpuxs_49",
+	loadingRow: "_loadingRow_lpuxs_53",
+	spinner: "_spinner_lpuxs_57",
+	"outline-spin": "_outline-spin_lpuxs_1",
+	popover: "_popover_lpuxs_78"
 };
 //#endregion
 //#region ../../packages/inspect-components/src/transcript/outline/OutlineRow.tsx
@@ -120432,6 +120753,24 @@ var OutlineRow = ({ node, running, selected, getEventUrl, onSelect, onNavigateTo
 		})]
 	}) });
 };
+/** A row rendered below the last outline item while events are still loading. */
+var OutlineLoadingRow = () => /* @__PURE__ */ jsxs("div", {
+	className: clsx(OutlineRow_module_default.eventRow, OutlineRow_module_default.loadingRow, "text-size-smaller"),
+	style: { paddingLeft: 0 },
+	"data-unsearchable": true,
+	children: [/* @__PURE__ */ jsx("div", { className: OutlineRow_module_default.toggle }), /* @__PURE__ */ jsxs("div", {
+		className: clsx(OutlineRow_module_default.label),
+		role: "status",
+		"aria-live": "polite",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: OutlineRow_module_default.iconSlot,
+			children: /* @__PURE__ */ jsx("span", {
+				className: OutlineRow_module_default.spinner,
+				"aria-hidden": "true"
+			})
+		}), /* @__PURE__ */ jsx("span", { children: "loading" })]
+	})]
+});
 var toggleIcon = (node, collapsed) => {
 	if (node.children.length > 0) return collapsed ? "bi bi-chevron-right" : "bi bi-chevron-down";
 };
@@ -120574,6 +120913,7 @@ function labelForOutlineNode(node) {
 //#endregion
 //#region ../../packages/inspect-components/src/transcript/outline/TranscriptOutline.tsx
 var kFramesToStabilize = 10;
+var outlineNodeRunning = ({ running, backfilling, isLast }) => running && !backfilling && isLast;
 var EventPaddingNode = {
 	id: "padding",
 	event: {
@@ -120590,7 +120930,11 @@ var EventPaddingNode = {
 	depth: 0,
 	children: []
 };
-var TranscriptOutline = ({ eventNodes, defaultCollapsedIds, running, className, scrollRef, outlineScrollEl, style, agentName, onHasNodesChange, onWidthChange, onNavigateToEvent, scrollTrackOffset, getEventUrl, getCollapsed, setCollapsed, collapsedEvents, setCollapsedEvents, selectedOutlineId, setSelectedOutlineId, renderLink }) => {
+var OutlineLoadingNode = {
+	...EventPaddingNode,
+	id: "loading"
+};
+var TranscriptOutline = ({ eventNodes, defaultCollapsedIds, running, backfilling, className, scrollRef, outlineScrollEl, style, agentName, onHasNodesChange, onWidthChange, onNavigateToEvent, scrollTrackOffset, getEventUrl, getCollapsed, setCollapsed, collapsedEvents, setCollapsedEvents, selectedOutlineId, setSelectedOutlineId, renderLink }) => {
 	const id = "transcript-tree";
 	const listHandle = useRef(null);
 	const { getRestoreState } = useVirtuosoState(listHandle, id);
@@ -120694,9 +121038,14 @@ var TranscriptOutline = ({ eventNodes, defaultCollapsedIds, running, className,
 			className: clsx(TranscriptOutline_module_default.eventPadding),
 			style: { height: "2em" }
 		}, node.id);
+		else if (node === OutlineLoadingNode) return /* @__PURE__ */ jsx(OutlineLoadingRow, {}, node.id);
 		else return /* @__PURE__ */ jsx(OutlineRow, {
 			node,
-			running: running && index === outlineNodeList.length - 1,
+			running: outlineNodeRunning({
+				running: running === true,
+				backfilling: backfilling === true,
+				isLast: index === outlineNodeList.length - 1
+			}),
 			selected: selectedOutlineId ? selectedOutlineId === node.id : index === 0,
 			getEventUrl,
 			onSelect: handleOutlineSelect,
@@ -120708,6 +121057,7 @@ var TranscriptOutline = ({ eventNodes, defaultCollapsedIds, running, className,
 	}, [
 		outlineNodeList,
 		running,
+		backfilling,
 		selectedOutlineId,
 		getEventUrl,
 		handleOutlineSelect,
@@ -120726,7 +121076,11 @@ var TranscriptOutline = ({ eventNodes, defaultCollapsedIds, running, className,
 			ref: listHandle,
 			customScrollParent: outlineScrollEl ?? void 0,
 			id,
-			data: [...outlineNodeList, EventPaddingNode],
+			data: backfilling ? [
+				...outlineNodeList,
+				OutlineLoadingNode,
+				EventPaddingNode
+			] : [...outlineNodeList, EventPaddingNode],
 			defaultItemHeight: 50,
 			itemContent: renderRow,
 			atBottomThreshold: 30,
@@ -126546,6 +126900,52 @@ var ToolEventView = ({ eventNode, childNodes, className, context, eventCallbacks
 		})
 	});
 };
+//#endregion
+//#region ../../packages/inspect-components/src/transcript/hasToolEventsAtDepth.ts
+/**
+* For each event node, compute whether a backward scan from that node reaches a
+* tool event before it reaches any node strictly shallower than itself. This
+* reproduces, in O(n), the exact result of the former per-index O(n^2) backward
+* scan (`hasToolEventsAtCurrentDepth`) so callers see no behavior change.
+*
+* Semantics (matching the old scan exactly): scanning backward from index i,
+* return true on the first tool event encountered; otherwise return false on
+* the first non-tool node shallower than i's depth. The tool check precedes the
+* depth check, so a node that is both a tool and shallower still returns true.
+*
+* O(n) reformulation. The backward scan from i stops at the first index that is
+* either a tool OR strictly shallower than depth[i]; the result is true iff
+* that first stop is a tool. Equivalently: let `lastToolIndex` be the most
+* recent tool at or before i, and `prevShallower` be the nearest preceding
+* index strictly shallower than depth[i]. The scan hits the tool before any
+* strictly-shallower node iff `lastToolIndex >= prevShallower` (and a tool
+* exists at all). We compute `prevShallower` for every i in amortized O(1)
+* using a monotonic stack whose depths strictly increase from the bottom (a
+* classic "previous strictly-smaller element" stack); each node is pushed and
+* popped at most once, so the whole pass is O(n).
+*/
+function computeHasToolEventsAtDepth(eventNodes) {
+	const result = new Array(eventNodes.length);
+	const shallowerStack = [];
+	let lastToolIndex = -1;
+	for (let i = 0; i < eventNodes.length; i++) {
+		const node = eventNodes[i];
+		if (!node) {
+			result[i] = false;
+			continue;
+		}
+		const depth = node.depth;
+		while (shallowerStack.length > 0 && shallowerStack[shallowerStack.length - 1].depth >= depth) shallowerStack.pop();
+		const prevShallower = shallowerStack.length > 0 ? shallowerStack[shallowerStack.length - 1].index : -1;
+		shallowerStack.push({
+			index: i,
+			depth
+		});
+		if (node.event.event === "tool") lastToolIndex = i;
+		result[i] = lastToolIndex >= 0 && lastToolIndex >= prevShallower;
+	}
+	return result;
+}
 var TranscriptVirtualListComponent_module_default = {
 	node: "_node_t3xlr_1",
 	attached: "_attached_t3xlr_5",
@@ -126560,7 +126960,7 @@ var TranscriptVirtualListComponent_module_default = {
 /**
 * Renders the Transcript component.
 */
-var TranscriptVirtualListComponent = ({ id, listHandle, eventNodes, scrollRef, running, initialEventId, offsetTop, className, turnMap, disableVirtualization, onNativeFindChanged, onAutoCollapse, renderAgentCard, eventCallbacks, eventNodeContext, visibleRangeRef }) => {
+var TranscriptVirtualListComponent = ({ id, listHandle, eventNodes, scrollRef, running, backfilling, initialEventId, offsetTop, className, turnMap, disableVirtualization, onNativeFindChanged, onAutoCollapse, renderAgentCard, eventCallbacks, eventNodeContext, visibleRangeRef }) => {
 	const useVirtualization = !disableVirtualization;
 	useEffect(() => {
 		onNativeFindChanged?.(!useVirtualization);
@@ -126570,17 +126970,7 @@ var TranscriptVirtualListComponent = ({ id, listHandle, eventNodes, scrollRef, r
 		const idx = eventNodes.findIndex((e) => e.id === initialEventId);
 		return idx === -1 ? void 0 : idx;
 	});
-	const hasToolEventsAtCurrentDepth = useCallback((startIndex) => {
-		const startNode = eventNodes[startIndex];
-		if (!startNode) return false;
-		for (let i = startIndex; i >= 0; i--) {
-			const node = eventNodes[i];
-			if (!node) return false;
-			if (node.event.event === "tool") return true;
-			if (node.depth < startNode.depth) return false;
-		}
-		return false;
-	}, [eventNodes]);
+	const hasToolEventsLookup = useMemo(() => computeHasToolEventsAtDepth(eventNodes), [eventNodes]);
 	const nonVirtualGridRef = useRef(null);
 	useEffect(() => {
 		if (!useVirtualization && initialEventId) (nonVirtualGridRef.current?.querySelector(`[id="${initialEventId}"]`))?.scrollIntoView({ block: "start" });
@@ -126588,7 +126978,7 @@ var TranscriptVirtualListComponent = ({ id, listHandle, eventNodes, scrollRef, r
 	const contextMap = useMemo(() => {
 		const map = /* @__PURE__ */ new Map();
 		for (const [i, node] of eventNodes.entries()) {
-			const hasToolEvents = hasToolEventsAtCurrentDepth(i);
+			const hasToolEvents = hasToolEventsLookup[i] ?? false;
 			const turnInfo = turnMap?.get(node.id);
 			map.set(node.id, {
 				hasToolEvents,
@@ -126599,7 +126989,7 @@ var TranscriptVirtualListComponent = ({ id, listHandle, eventNodes, scrollRef, r
 		return map;
 	}, [
 		eventNodes,
-		hasToolEventsAtCurrentDepth,
+		hasToolEventsLookup,
 		turnMap,
 		eventNodeContext
 	]);
@@ -126648,8 +127038,18 @@ var TranscriptVirtualListComponent = ({ id, listHandle, eventNodes, scrollRef, r
 		eventCallbacks,
 		eventLabels
 	]);
-	const toolsRunning = useMemo(() => running === true && transcriptToolsRunning(eventNodes), [running, eventNodes]);
-	const components = useMemo(() => ({ Footer: ToolRunningFooter }), []);
+	const isBackfilling = backfilling === true;
+	const toolsRunning = useMemo(() => running === true && !isBackfilling && transcriptToolsRunning(eventNodes), [
+		running,
+		isBackfilling,
+		eventNodes
+	]);
+	const showFooter = isBackfilling || toolsRunning;
+	const Footer = useCallback(() => renderTranscriptFooter({
+		backfilling: isBackfilling,
+		toolsRunning
+	}), [isBackfilling, toolsRunning]);
+	const components = useMemo(() => ({ Footer }), [Footer]);
 	if (useVirtualization) return /* @__PURE__ */ jsx(VirtualList, {
 		ref: listHandle,
 		className,
@@ -126659,12 +127059,12 @@ var TranscriptVirtualListComponent = ({ id, listHandle, eventNodes, scrollRef, r
 		initialIndex: initialEventIndex,
 		stickyHeaderOffset: offsetTop,
 		renderRow,
-		live: running,
-		smoothScroll: !!running,
+		live: running === true,
+		smoothScroll: running === true && !isBackfilling,
 		scrollToTopOnFinish: true,
 		itemSearchText: eventSearchText,
 		findScope: "none",
-		showProgress: toolsRunning,
+		showProgress: showFooter,
 		components,
 		onVisibleRangeChange: (range) => {
 			if (visibleRangeRef) visibleRangeRef.current = range;
@@ -126674,13 +127074,25 @@ var TranscriptVirtualListComponent = ({ id, listHandle, eventNodes, scrollRef, r
 		ref: nonVirtualGridRef,
 		children: [eventNodes.map((node, index) => {
 			return renderRow(index, node, { scrollMarginTop: offsetTop });
-		}), toolsRunning ? /* @__PURE__ */ jsx(ToolRunningFooter, {}) : null]
+		}), renderTranscriptFooter({
+			backfilling: isBackfilling,
+			toolsRunning
+		})]
 	});
 };
-var ToolRunningFooter = () => /* @__PURE__ */ jsx("div", {
-	className: TranscriptVirtualListComponent_module_default.runningTool,
-	children: /* @__PURE__ */ jsx(GeneratingIndicator, { label: "running" })
-});
+var TranscriptVirtualList = memo(TranscriptVirtualListComponent);
+TranscriptVirtualList.displayName = "TranscriptVirtualList";
+var renderTranscriptFooter = ({ backfilling, toolsRunning }) => {
+	if (backfilling) return /* @__PURE__ */ jsx("div", {
+		className: TranscriptVirtualListComponent_module_default.runningTool,
+		children: /* @__PURE__ */ jsx(LoadingEventsIndicator, { label: "Loading events" })
+	});
+	if (toolsRunning) return /* @__PURE__ */ jsx("div", {
+		className: TranscriptVirtualListComponent_module_default.runningTool,
+		children: /* @__PURE__ */ jsx(GeneratingIndicator, { label: "running" })
+	});
+	return null;
+};
 function transcriptToolsRunning(eventNodes) {
 	let lastModelIdx = -1;
 	for (let i = eventNodes.length - 1; i >= 0; i--) if (eventNodes[i]?.event.event === "model") {
@@ -126701,8 +127113,6 @@ function transcriptToolsRunning(eventNodes) {
 }
 //#endregion
 //#region ../../packages/inspect-components/src/transcript/TranscriptVirtualList.tsx
-var TranscriptVirtualList = memo(TranscriptVirtualListComponent);
-TranscriptVirtualList.displayName = "TranscriptVirtualList";
 /**
 * Renders the event based on its type.
 */
@@ -126970,7 +127380,7 @@ function scrollToEventTarget({ listHandle, index, container, targetSelector, get
 		if (frame !== null) cancelAnimationFrame(frame);
 	};
 }
-var TranscriptViewNodes = forwardRef(function TranscriptViewNodes({ id, eventNodes, defaultCollapsedIds, running, scrollRef, initialEventId, initialMessageId, offsetTop = 10, className, renderAgentCard, turnMap, getEventUrl, linkingEnabled, collapsedTranscript, collapsedOutline, onCollapseTranscript, onExpandNodes, eventNodeContext }, ref) {
+var TranscriptViewNodes = forwardRef(function TranscriptViewNodes({ id, eventNodes, defaultCollapsedIds, running, backfilling, scrollRef, initialEventId, initialMessageId, offsetTop = 10, className, renderAgentCard, turnMap, getEventUrl, linkingEnabled, collapsedTranscript, collapsedOutline, onCollapseTranscript, onExpandNodes, eventNodeContext }, ref) {
 	const listHandle = useRef(null);
 	const getCollapsed = useCallback((nodeId) => {
 		return (collapsedTranscript || defaultCollapsedIds)[nodeId] === true;
@@ -127159,6 +127569,7 @@ var TranscriptViewNodes = forwardRef(function TranscriptViewNodes({ id, eventNod
 				eventNodes: flattenedNodes,
 				scrollRef,
 				running,
+				backfilling,
 				offsetTop,
 				className: clsx(className),
 				initialEventId: scrollEventId,
@@ -127222,7 +127633,7 @@ var scopeMessageLabels = (events, messageLabels) => {
 	for (const [id, label] of Object.entries(messageLabels)) if (present.has(id)) scoped[id] = label;
 	return Object.keys(scoped).length > 0 ? scoped : void 0;
 };
-var TranscriptLayout = ({ events, hiddenEventTypes, running = false, scrollRef, offsetTop = 0, embedded = false, timelineSelection, activeTimeline, serverTimelines, markerConfig: markerConfigOverride, agentConfig: agentConfigOverride, showSwimlanes: showSwimlanesOption = "auto", onMarkerNavigate, onScrollToTop, headroomHidden, onHeadroomResetAnchor, onHeadroomSetHidden, listId, initialEventId, initialMessageId, eventsListRef, getEventUrl, linkingEnabled, bulkCollapse, collapseState, outline, outlineScrollRef, rightRail, rightRailPanelScrollRef, eventNodeContext, emptyText = "No events match the current filter", emptyBusy, className }) => {
+var TranscriptLayout = ({ events, hiddenEventTypes, running = false, backfilling = false, scrollRef, offsetTop = 0, embedded = false, timelineSelection, activeTimeline, serverTimelines, markerConfig: markerConfigOverride, agentConfig: agentConfigOverride, showSwimlanes: showSwimlanesOption = "auto", onMarkerNavigate, onScrollToTop, headroomHidden, onHeadroomResetAnchor, onHeadroomSetHidden, listId, initialEventId, initialMessageId, eventsListRef, getEventUrl, linkingEnabled, bulkCollapse, collapseState, outline, outlineScrollRef, rightRail, rightRailPanelScrollRef, eventNodeContext, emptyText = "No events match the current filter", emptyBusy, className }) => {
 	const eventsForTimeline = useMemo(() => {
 		if (!hiddenEventTypes || hiddenEventTypes.length === 0) return events;
 		return events.filter((e) => e.event === "anchor" || !hiddenEventTypes.includes(e.event));
@@ -127665,6 +128076,7 @@ var TranscriptLayout = ({ events, hiddenEventTypes, running = false, scrollRef,
 									scrollRef,
 									outlineScrollEl,
 									running,
+									backfilling,
 									agentName: outline.name ?? (showSwimlanes ? selectedRowName : void 0),
 									scrollTrackOffset: effectiveOffsetTop,
 									getCollapsed: collapseState?.outline ? (nodeId) => collapseState.outline?.[nodeId] === true : void 0,
@@ -127693,6 +128105,7 @@ var TranscriptLayout = ({ events, hiddenEventTypes, running = false, scrollRef,
 							eventNodes,
 							defaultCollapsedIds,
 							running,
+							backfilling,
 							initialEventId: effectiveInitialEventId,
 							initialMessageId,
 							offsetTop: effectiveOffsetTop,
@@ -127741,7 +128154,7 @@ var createState = () => ({
 var insertAt = (state, index, m) => {
 	state.messages.splice(index, 0, m);
 	for (let i = index; i < state.messages.length; i++) {
-		const id = state.messages[i].id;
+		const id = state.messages[i]?.id;
 		if (id) state.positions.set(id, i);
 	}
 };
@@ -127794,7 +128207,7 @@ var messagesFromEvents = (events, stateRef) => {
 	const priorLen = state.messages.length;
 	for (let i = startFrom; i < events.length; i++) {
 		const e = events[i];
-		if (isSuccessfulModelEvent(e)) processEvent(state, e);
+		if (e !== void 0 && isSuccessfulModelEvent(e)) processEvent(state, e);
 	}
 	state.events = events;
 	if (!canReuse || state.messages.length !== priorLen) state.lastResult = state.messages.slice();
@@ -127846,33 +128259,34 @@ function deriveErrorType(retry) {
 	return /^[A-Za-z_]\w*$/.test(cls) ? cls : null;
 }
 /**
-* Best-effort attempt duration in seconds, derived ONLY from the event
-* timestamps. `EvalRetryError` carries no top-level duration; never fabricate
-* one. Returns null when it can't be computed.
+* Best-effort attempt start time — the earliest event timestamp. `EvalRetryError`
+* carries no top-level timing, so the events are the only source; never
+* fabricate one. Returns null when no event carries a parseable timestamp.
 */
-function attemptDuration(retry) {
+function attemptStartTime(retry) {
 	const events = retry.events;
 	if (!events || events.length === 0) return null;
 	const times = events.map((e) => "timestamp" in e ? e.timestamp : void 0).filter((t) => typeof t === "string").map((t) => Date.parse(t)).filter((n) => Number.isFinite(n));
-	if (times.length < 2) return null;
-	const span = (Math.max(...times) - Math.min(...times)) / 1e3;
-	return span >= 0 ? span : null;
+	if (times.length === 0) return null;
+	return new Date(Math.min(...times));
 }
 var RetryAttemptCard_module_default = {
-	card: "_card_zuaa2_1",
-	cardCollapsed: "_cardCollapsed_zuaa2_11",
-	cardOpen: "_cardOpen_zuaa2_15",
-	header: "_header_zuaa2_19",
-	attemptLabel: "_attemptLabel_zuaa2_27",
-	errorChip: "_errorChip_zuaa2_34",
-	message: "_message_zuaa2_48",
-	headerRight: "_headerRight_zuaa2_59",
-	headerToggle: "_headerToggle_zuaa2_66",
-	duration: "_duration_zuaa2_70",
-	chevron: "_chevron_zuaa2_77",
-	body: "_body_zuaa2_84",
-	errorPanel: "_errorPanel_zuaa2_89",
-	ansi: "_ansi_zuaa2_93"
+	card: "_card_wikv3_1",
+	cardCollapsed: "_cardCollapsed_wikv3_11",
+	cardOpen: "_cardOpen_wikv3_15",
+	header: "_header_wikv3_19",
+	attemptLabel: "_attemptLabel_wikv3_27",
+	timestamp: "_timestamp_wikv3_37",
+	errorChip: "_errorChip_wikv3_47",
+	message: "_message_wikv3_62",
+	chevron: "_chevron_wikv3_71",
+	body: "_body_wikv3_80",
+	dividerBand: "_dividerBand_wikv3_86",
+	hairline: "_hairline_wikv3_93",
+	toggle: "_toggle_wikv3_99",
+	content: "_content_wikv3_104",
+	errorPanel: "_errorPanel_wikv3_108",
+	ansi: "_ansi_wikv3_112"
 };
 //#endregion
 //#region src/app/samples/retry-display/RetryAttemptCard.tsx
@@ -127887,7 +128301,7 @@ var kViewSegments = [{
 }];
 var RetryAttemptCard = ({ retry, attemptNumber, isOpen, onToggleOpen, listId, scrollRef }) => {
 	const errorType = useMemo(() => deriveErrorType(retry), [retry]);
-	const durationSec = useMemo(() => attemptDuration(retry), [retry]);
+	const startTime = useMemo(() => attemptStartTime(retry), [retry]);
 	const hasEvents = !!retry.events?.length;
 	const [view, setView] = useState("error");
 	return /* @__PURE__ */ jsxs("div", {
@@ -127917,44 +128331,53 @@ var RetryAttemptCard = ({ retry, attemptNumber, isOpen, onToggleOpen, listId, sc
 					className: RetryAttemptCard_module_default.message,
 					children: retry.message
 				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: RetryAttemptCard_module_default.headerRight,
-					children: [
-						isOpen && hasEvents && /* @__PURE__ */ jsx("div", {
-							className: RetryAttemptCard_module_default.headerToggle,
-							onClick: (e) => e.stopPropagation(),
-							children: /* @__PURE__ */ jsx(SegmentedControl, {
-								segments: kViewSegments,
-								selectedId: view,
-								onSegmentChange: (id) => setView(id)
-							})
-						}),
-						durationSec != null && /* @__PURE__ */ jsx("span", {
-							className: RetryAttemptCard_module_default.duration,
-							children: formatTime$1(durationSec)
-						}),
-						/* @__PURE__ */ jsx("i", {
-							className: clsx("bi", isOpen ? "bi-chevron-down" : "bi-chevron-right", RetryAttemptCard_module_default.chevron),
-							"aria-hidden": "true"
-						})
-					]
+				startTime && /* @__PURE__ */ jsx("span", {
+					className: RetryAttemptCard_module_default.timestamp,
+					children: formatDateTime$1(startTime)
+				}),
+				/* @__PURE__ */ jsx("i", {
+					className: clsx("bi", isOpen ? "bi-chevron-down" : "bi-chevron-right", RetryAttemptCard_module_default.chevron),
+					"aria-hidden": "true"
 				})
 			]
-		}), isOpen && /* @__PURE__ */ jsx("div", {
+		}), isOpen && /* @__PURE__ */ jsxs("div", {
 			className: RetryAttemptCard_module_default.body,
-			children: view === "error" || !hasEvents ? /* @__PURE__ */ jsx(ExpandablePanel, {
-				id: `retry-error-${listId}`,
-				collapse: true,
-				className: RetryAttemptCard_module_default.errorPanel,
-				children: /* @__PURE__ */ jsx(ANSIDisplay, {
-					output: retry.traceback_ansi,
-					className: RetryAttemptCard_module_default.ansi
+			children: [hasEvents && /* @__PURE__ */ jsxs("div", {
+				className: RetryAttemptCard_module_default.dividerBand,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: RetryAttemptCard_module_default.hairline,
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: RetryAttemptCard_module_default.toggle,
+						children: /* @__PURE__ */ jsx(SegmentedControl, {
+							segments: kViewSegments,
+							selectedId: view,
+							onSegmentChange: (id) => setView(id)
+						})
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: RetryAttemptCard_module_default.hairline,
+						"aria-hidden": "true"
+					})
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: RetryAttemptCard_module_default.content,
+				children: view === "error" || !hasEvents ? /* @__PURE__ */ jsx(ExpandablePanel, {
+					id: `retry-error-${listId}`,
+					collapse: true,
+					className: RetryAttemptCard_module_default.errorPanel,
+					children: /* @__PURE__ */ jsx(ANSIDisplay, {
+						output: retry.traceback_ansi,
+						className: RetryAttemptCard_module_default.ansi
+					})
+				}) : /* @__PURE__ */ jsx(RetryEventsView, {
+					retry,
+					listId,
+					scrollRef
 				})
-			}) : /* @__PURE__ */ jsx(RetryEventsView, {
-				retry,
-				listId,
-				scrollRef
-			})
+			})]
 		})]
 	});
 };
@@ -128019,7 +128442,7 @@ var RetryTerminalAnchor = ({ retryCount }) => {
 				children: "This run succeeded"
 			}), /* @__PURE__ */ jsx("span", {
 				className: RetryTerminalAnchor_module_default.detail,
-				children: `after ${retriesLabel}`
+				children: `after ${retriesLabel} — the sample you're viewing`
 			})]
 		})]
 	});
@@ -128183,12 +128606,18 @@ function isCompleteSyntax(token) {
 function truncateAtWordBoundary(text, maxLength) {
 	if (text.length <= maxLength) return text;
 	let lastSpace = -1;
-	for (let i = maxLength - 1; i >= 0; i--) if (/\s/.test(text[i])) {
-		lastSpace = i;
-		break;
+	for (let i = maxLength - 1; i >= 0; i--) {
+		const char = text[i];
+		if (char !== void 0 && /\s/.test(char)) {
+			lastSpace = i;
+			break;
+		}
 	}
 	if (lastSpace > 0) return text.slice(0, lastSpace);
-	for (let i = maxLength - 1; i >= 0; i--) if (/[.!?,;:\-—]/.test(text[i])) return text.slice(0, i + 1);
+	for (let i = maxLength - 1; i >= 0; i--) {
+		const char = text[i];
+		if (char !== void 0 && /[.!?,;:\-—]/.test(char)) return text.slice(0, i + 1);
+	}
 	const substr = text.slice(0, maxLength);
 	for (const pattern of [
 		/\[([^\]]*)?$/,
@@ -128716,9 +129145,10 @@ function useSamplesView(allColumns, options) {
 		const seen = /* @__PURE__ */ new Set();
 		const nextColumns = [];
 		for (const c of view.columns) {
-			nextColumns.push(c.id in visibility ? {
+			const nextVisible = visibility[c.id];
+			nextColumns.push(nextVisible !== void 0 ? {
 				id: c.id,
-				visible: visibility[c.id]
+				visible: nextVisible
 			} : c);
 			seen.add(c.id);
 		}
@@ -132381,7 +132811,10 @@ var useTranscriptFilter = () => {
 			}
 			const arrangedKeys = [];
 			const maxItemsInColumn = Math.max(...columnArrays.map((col) => col.length));
-			for (let row = 0; row < maxItemsInColumn; row++) for (let col = 0; col < columns; col++) if (row < columnArrays[col].length) arrangedKeys.push(columnArrays[col][row]);
+			for (let row = 0; row < maxItemsInColumn; row++) for (let col = 0; col < columns; col++) {
+				const item = columnArrays[col]?.[row];
+				if (item !== void 0) arrangedKeys.push(item);
+			}
 			return arrangedKeys;
 		}, [])
 	};
@@ -132688,7 +133121,7 @@ var TranscriptFilterPopover = ({ showing, positionEl, setShowing }) => {
 * when the sample provides timeline data.
 */
 var TranscriptPanel = memo((props) => {
-	const { id, scrollRef, events, running, initialEventId, initialMessageId, offsetTop, timelines: serverTimelines, eventNodeContext, rightRail, rightRailPanelScrollRef } = props;
+	const { id, scrollRef, events, running, backfilling, initialEventId, initialMessageId, offsetTop, timelines: serverTimelines, eventNodeContext, rightRail, rightRailPanelScrollRef } = props;
 	const filteredEventTypes = useStore((state) => state.sample.eventFilter.filteredTypes);
 	const { isDefaultFilter } = useTranscriptFilter();
 	const timelineSelected = useStore((state) => state.sample.timelineSelected);
@@ -132802,6 +133235,7 @@ var TranscriptPanel = memo((props) => {
 		events,
 		hiddenEventTypes: filteredEventTypes,
 		running,
+		backfilling,
 		scrollRef,
 		offsetTop,
 		timelineSelection,
@@ -132834,8 +133268,8 @@ var TranscriptPanel = memo((props) => {
 			selectedId: selectedOutlineId,
 			setSelectedId: setSelectedOutlineId
 		},
-		emptyText: running && isDefaultFilter ? "Sample is starting" : filteredEventTypes.length > 0 ? "The currently applied filter hides all events." : void 0,
-		emptyBusy: running && isDefaultFilter
+		emptyText: backfilling && isDefaultFilter ? "Loading events" : running && isDefaultFilter ? "Sample is starting" : filteredEventTypes.length > 0 ? "The currently applied filter hides all events." : void 0,
+		emptyBusy: (running || backfilling) && isDefaultFilter
 	});
 });
 TranscriptPanel.displayName = "TranscriptPanel";
@@ -132853,6 +133287,7 @@ var SampleDisplay = ({ id, scrollRef, showActivity, progress, focusOnLoad }) =>
 	}, [sampleData]);
 	const eventsCleared = sampleData.eventsCleared;
 	const runningSampleData = sampleData.running;
+	const backfilling = sampleData.backfilling;
 	const evalSpec = useStore((state) => state.log.selectedLogDetails?.eval);
 	const { setDocumentTitle } = useDocumentTitle();
 	useEffect(() => {
@@ -133264,6 +133699,7 @@ var SampleDisplay = ({ id, scrollRef, showActivity, progress, focusOnLoad }) =>
 									scrollRef,
 									offsetTop: stickyOffsetTop,
 									running,
+									backfilling,
 									events: sampleEvents,
 									timelines: sample?.timelines ?? void 0,
 									eventNodeContext: transcriptEventNodeContext,
@@ -133302,6 +133738,7 @@ var SampleDisplay = ({ id, scrollRef, showActivity, progress, focusOnLoad }) =>
 									scrollRef,
 									tools: chatTools,
 									running,
+									backfilling,
 									className: SampleDisplay_module_default.fullWidth
 								}, `${baseId}-chat-${id}`)
 							})
@@ -133735,6 +134172,7 @@ var SampleDetailComponent = ({ sampleId, epoch, tabId, navigation, navbarConfig
 */
 var LogSampleDetailView = () => {
 	const { logPath: routeLogPath, sampleId: routeSampleId, epoch: routeEpoch, sampleTabId, sampleUuid } = useLogRouteParams();
+	useClearStaleLogStateOnNav(routeLogPath);
 	useLoadSample();
 	usePollSample();
 	const navigate = useNavigate();
@@ -133809,22 +134247,6 @@ var LogSampleDetailView = () => {
 	});
 };
 //#endregion
-//#region src/state/log.ts
-var useUnloadLog = () => {
-	const clearSelectedLogDetails = useStore((state) => state.logActions.clearSelectedLogDetails);
-	const clearSelectedLogFile = useStore((state) => state.logsActions.clearSelectedLogFile);
-	const clearLog = useStore((state) => state.logActions.clearLog);
-	return { unloadLog: useCallback(() => {
-		clearSelectedLogDetails();
-		clearSelectedLogFile();
-		clearLog();
-	}, [
-		clearLog,
-		clearSelectedLogDetails,
-		clearSelectedLogFile
-	]) };
-};
-//#endregion
 //#region src/app/routing/logNavigation.ts
 var useLogNavigation = () => {
 	const navigate = useNavigate();
@@ -134273,7 +134695,8 @@ function unwrapFastapiDetail(body) {
 	} catch {}
 	return body;
 }
-function serverRequestApi(baseUrl, getHeaders) {
+function serverRequestApi(baseUrl, getHeaders, customFetch) {
+	const fetchFn = customFetch ?? fetch;
 	const apiUrl = baseUrl || "";
 	function addViewRequestHeader(method, headers) {
 		if (method !== "GET") headers[VIEW_REQUEST_HEADER] = VIEW_REQUEST_HEADER_VALUE;
@@ -134304,7 +134727,7 @@ function serverRequestApi(baseUrl, getHeaders) {
 		}
 		if (request.body) responseHeaders["Content-Type"] = "application/json";
 		addViewRequestHeader(method, responseHeaders);
-		const response = await fetch(url, {
+		const response = await fetchFn(url, {
 			method,
 			headers: responseHeaders,
 			body: request.body,
@@ -134340,7 +134763,7 @@ function serverRequestApi(baseUrl, getHeaders) {
 		}
 		if (body) requestHeaders["Content-Type"] = "application/json";
 		addViewRequestHeader(method, requestHeaders);
-		const response = await fetch(url, {
+		const response = await fetchFn(url, {
 			method,
 			headers: requestHeaders,
 			body,
@@ -134369,7 +134792,7 @@ function serverRequestApi(baseUrl, getHeaders) {
 			Object.assign(headers, globalHeaders);
 		}
 		addViewRequestHeader(method, headers);
-		const response = await fetch(url, {
+		const response = await fetchFn(url, {
 			method,
 			headers,
 			credentials: isApiCrossOrigin() ? "include" : "same-origin"
@@ -134934,20 +135357,23 @@ var PlanDetailView = ({ evaluation, plan, scores }) => {
 	});
 	if (scores) {
 		const scorers = scores.reduce((accum, score) => {
-			if (!accum[score.scorer]) accum[score.scorer] = {
+			const existing = accum[score.scorer];
+			if (existing === void 0) accum[score.scorer] = {
 				scores: [score.name],
 				params: score.params
 			};
-			else accum[score.scorer].scores.push(score.name);
+			else existing.scores.push(score.name);
 			return accum;
 		}, {});
 		if (Object.keys(scorers).length > 0) {
 			const label = Object.keys(scorers).length === 1 ? "Scorer" : "Scorers";
 			const scorerPanels = Object.keys(scorers).map((key) => {
+				const scorer = scorers[key];
+				if (scorer === void 0) return null;
 				return /* @__PURE__ */ jsx(ScorerDetailView, {
 					name: key,
-					scores: scorers[key].scores,
-					params: scorers[key].params
+					scores: scorer.scores,
+					params: scorer.params
 				}, key);
 			});
 			taskColumns.push({
@@ -135514,6 +135940,7 @@ var SampleList = memo((props) => {
 		listHandle.current?.api?.ensureIndexVisible(0, "top");
 	}, [listHandle, useStore((state) => state.logs.selectedLogFile)]);
 	const sampleNavigation = useSampleNavigation();
+	const { sampleId: routeSampleId, epoch: routeEpoch } = useLogRouteParams();
 	const selectedSampleHandle = useStore((state) => state.log.selectedSampleHandle);
 	const evalSpec = useStore((state) => state.log.selectedLogDetails)?.eval;
 	const { setDocumentTitle } = useDocumentTitle();
@@ -135523,9 +135950,16 @@ var SampleList = memo((props) => {
 	const handleRowOpen = useCallback((row, opts) => {
 		if (opts.newWindow) {
 			const url = sampleNavigation.getSampleUrl(row.sampleId, row.epoch);
-			if (url) window.open(url, "_blank");
-		} else sampleNavigation.showSample(row.sampleId, row.epoch);
-	}, [sampleNavigation]);
+			if (url) openInNewTab(url);
+		} else {
+			if (isSampleOpenInRoute(routeSampleId, routeEpoch, row.sampleId, row.epoch)) return;
+			sampleNavigation.showSample(row.sampleId, row.epoch);
+		}
+	}, [
+		sampleNavigation,
+		routeSampleId,
+		routeEpoch
+	]);
 	const getRowId = useCallback((params) => makeSampleRowId(params.data.sampleId, params.data.epoch), []);
 	const selectedRowId = selectedSampleHandle ? makeSampleRowId(selectedSampleHandle.id, selectedSampleHandle.epoch) : void 0;
 	const handleStateUpdated = useCallback((state) => {
@@ -135536,8 +135970,12 @@ var SampleList = memo((props) => {
 	}, [onFilterChanged]);
 	const sampleCount = items.length;
 	const warnings = useMemo(() => {
-		const errorCount = items.reduce((prev, item) => item.error || item.data?.error ? prev + 1 : prev, 0);
-		const limitCount = items.reduce((prev, item) => item.limit || item.data?.limit ? prev + 1 : prev, 0);
+		let errorCount = 0;
+		let limitCount = 0;
+		for (const item of items) {
+			if (item.error || item.data?.error) errorCount += 1;
+			if (item.limit || item.data?.limit) limitCount += 1;
+		}
 		const percentError = sampleCount > 0 ? errorCount / sampleCount * 100 : 0;
 		const percentLimit = sampleCount > 0 ? limitCount / sampleCount * 100 : 0;
 		const result = [];
@@ -135562,11 +136000,11 @@ var SampleList = memo((props) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: SampleList_module_default.mainLayout,
 		children: [
-			warnings.map((warning, index) => /* @__PURE__ */ jsx(MessageBand, {
-				id: `sample-warning-message-${index}`,
+			warnings.map((warning) => /* @__PURE__ */ jsx(MessageBand, {
+				id: `sample-warning-message-${warning.type}-${warning.msg}`,
 				message: warning.msg,
 				type: warning.type
-			}, `sample-warning-message-${index}`)),
+			}, `sample-warning-message-${warning.type}-${warning.msg}`)),
 			/* @__PURE__ */ jsx(SamplesGrid, {
 				rowData: items,
 				columnDefs: columns,
@@ -150106,7 +150544,7 @@ function getStyleTags(node) {
 	return rule || null;
 }
 var t = Tag.define;
-var comment = t(), name = t(), typeName = t(name), propertyName = t(name), literal = t(), string = t(literal), number = t(literal), content = t(), heading = t(content), keyword = t(), operator = t(), punctuation = t(), bracket = t(punctuation), meta = t();
+var comment = t(), name = t(), typeName = t(name), propertyName = t(name), literal = t(), string = t(literal), number = t(literal), content = t(), heading$1 = t(content), keyword = t(), operator = t(), punctuation = t(), bracket = t(punctuation), meta = t();
 /**
 The default set of highlighting [tags](#highlight.Tag).
 
@@ -150359,31 +150797,31 @@ var tags = {
 	/**
 	[Content](#highlight.tags.content) that represents a heading.
 	*/
-	heading,
+	heading: heading$1,
 	/**
 	A level 1 [heading](#highlight.tags.heading).
 	*/
-	heading1: t(heading),
+	heading1: t(heading$1),
 	/**
 	A level 2 [heading](#highlight.tags.heading).
 	*/
-	heading2: t(heading),
+	heading2: t(heading$1),
 	/**
 	A level 3 [heading](#highlight.tags.heading).
 	*/
-	heading3: t(heading),
+	heading3: t(heading$1),
 	/**
 	A level 4 [heading](#highlight.tags.heading).
 	*/
-	heading4: t(heading),
+	heading4: t(heading$1),
 	/**
 	A level 5 [heading](#highlight.tags.heading).
 	*/
-	heading5: t(heading),
+	heading5: t(heading$1),
 	/**
 	A level 6 [heading](#highlight.tags.heading).
 	*/
-	heading6: t(heading),
+	heading6: t(heading$1),
 	/**
 	A prose [content](#highlight.tags.content) separator (such as a horizontal rule).
 	*/
@@ -157840,7 +158278,8 @@ var SelectScorer = ({ scores, selectedScores, setSelectedScores }) => {
 						/* @__PURE__ */ jsx("a", {
 							className: clsx(SelectScorer_module_default.link, !allScoresSelected ? SelectScorer_module_default.selected : void 0),
 							onClick: () => {
-								if (scores.length > 0) setSelectedScores([scores[0]]);
+								const firstScore = scores[0];
+								if (firstScore !== void 0) setSelectedScores([firstScore]);
 							},
 							children: "Default"
 						}),
@@ -158536,7 +158975,7 @@ var columnFilterToFiltrex = (mapping, filter) => {
 		if (filter.operator === "OR") return null;
 		const parts = conditions.map((c) => conditionToFiltrex(mapping, c)).filter((p) => p !== null);
 		if (parts.length === 0) return null;
-		if (parts.length === 1) return parts[0];
+		if (parts.length === 1) return parts[0] ?? null;
 		return `(${parts.join(" and ")})`;
 	}
 	return conditionToFiltrex(mapping, filter);
@@ -158568,7 +159007,7 @@ var filterModelToText = (model, registry) => {
 		if (text === null) return null;
 		parts.push(text);
 	}
-	if (parts.length === 1) return parts[0];
+	if (parts.length === 1) return parts[0] ?? null;
 	return parts.join(" and ");
 };
 //#endregion
@@ -159112,7 +159551,8 @@ function buildScoreColumns(ctx) {
 		}
 	}
 	return Object.keys(types).sort((a, b) => a.localeCompare(b)).map((name) => {
-		const isUniformNumber = types[name].size === 1 && types[name].has("number");
+		const nameTypes = types[name];
+		const isUniformNumber = nameTypes?.size === 1 && nameTypes.has("number");
 		const compactWidth = isUniformNumber ? 40 : 55;
 		const cellStyle = cellStyleFor(name, ranges[name] ?? {});
 		const headerCols = compactScores ? {
@@ -159514,10 +159954,8 @@ var SamplesTab = ({ running, scrollRef, showColumnSelector, setShowColumnSelecto
 		selectedLogFile
 	]);
 	useEffect(() => {
-		if (sampleSummaries.length === 1 && selectedLogFile) {
-			const sample = sampleSummaries[0];
-			selectSample(sample.id, sample.epoch, selectedLogFile);
-		}
+		const sample = sampleSummaries.length === 1 ? sampleSummaries[0] : void 0;
+		if (sample && selectedLogFile) selectSample(sample.id, sample.epoch, selectedLogFile);
 	}, [
 		sampleSummaries,
 		selectSample,
@@ -160151,8 +160589,7 @@ var toDisplayScorers = (scores) => {
 		return {
 			scorer: score.name,
 			reducer: score.reducer === null ? void 0 : score.reducer,
-			metrics: Object.keys(score.metrics).map((key) => {
-				const metric = score.metrics[key];
+			metrics: Object.values(score.metrics).map((metric) => {
 				return {
 					name: metric.name,
 					group: metric.group,
@@ -160501,16 +160938,17 @@ var ResultsPanel = ({ scorers }) => {
 	const [showing, setShowing] = useProperty("results-panel-metrics", "modal-showing", { defaultValue: false });
 	if (!scorers || scorers.length === 0) return;
 	const expandedScorers = expandGroupedMetrics(scorers);
-	if (expandedScorers.length === 1) {
-		const showReducer = !!expandedScorers[0].reducer;
-		const metrics = expandedScorers[0].metrics;
-		const unscoredSamples = expandedScorers[0].unscoredSamples || 0;
-		const scoredSamples = expandedScorers[0].scoredSamples || 0;
+	const onlyScorer = expandedScorers.length === 1 ? expandedScorers[0] : void 0;
+	if (onlyScorer) {
+		const showReducer = !!onlyScorer.reducer;
+		const metrics = onlyScorer.metrics;
+		const unscoredSamples = onlyScorer.unscoredSamples || 0;
+		const scoredSamples = onlyScorer.scoredSamples || 0;
 		return /* @__PURE__ */ jsx("div", {
 			className: ResultsPanel_module_default.simpleMetricsRows,
 			children: metrics.map((metric, i) => {
 				return /* @__PURE__ */ jsx(VerticalMetric, {
-					reducer: expandedScorers[0].reducer,
+					reducer: onlyScorer.reducer,
 					metric,
 					isFirst: i === 0,
 					showReducer,
@@ -160787,7 +161225,7 @@ var ModelRolesView = ({ roles }) => {
 	const singleLine = Object.keys(modelRoles).length !== 1;
 	const modelEls = Object.keys(modelRoles).map((key) => {
 		const role = key;
-		const model = modelRoles[role].model;
+		const model = modelRoles[role]?.model;
 		return /* @__PURE__ */ jsxs("div", {
 			className: clsx(singleLine ? ModelRolesView_module_default.grid : void 0, "text-style-secondary", "text-size-smallest"),
 			children: [/* @__PURE__ */ jsxs("span", {
@@ -161172,6 +161610,7 @@ var LogView = () => {
 	const refreshLog = useRefreshLog();
 	const navigation = useLogNavigation();
 	const selectedLogDetails = useStore((state) => state.log.selectedLogDetails);
+	const loading = useStore((state) => state.app.status.loading);
 	const evalSpec = useEvalSpec();
 	const runningMetrics = useStore((state) => state.log.pendingSampleSummaries?.metrics);
 	const samplesTabConfig = useSamplesTabConfig(selectedLogDetails?.status, refreshLog);
@@ -161191,7 +161630,7 @@ var LogView = () => {
 	const { hidden: titleCollapsed } = useScrollDirection(useMemo(() => {
 		const refs = [];
 		for (const key of Object.keys(tabs)) {
-			const ref = tabs[key].scrollRef;
+			const ref = tabs[key]?.scrollRef;
 			if (ref) refs.push(ref);
 		}
 		return refs;
@@ -161205,11 +161644,12 @@ var LogView = () => {
 			navigation.selectTab(id);
 		}
 	}, [setSelectedTab, navigation]);
-	if (evalSpec === void 0) return /* @__PURE__ */ jsx(EmptyPanel, {});
+	if (evalSpec === void 0) return /* @__PURE__ */ jsx(EmptyPanel, { children: loading > 0 ? /* @__PURE__ */ jsx(PulsingDots, {
+		size: "large",
+		text: "Loading log…"
+	}) : null });
 	else {
-		const tabTools = Object.keys(tabs).map((key) => {
-			return tabs[key];
-		}).filter((tab) => {
+		const tabTools = Object.values(tabs).filter((tab) => tab !== void 0).filter((tab) => {
 			return tab.id === selectedTab;
 		}).map((tab) => {
 			if (tab.tools) return tab.tools();
@@ -161238,6 +161678,7 @@ var LogView = () => {
 					tabPanelsClassName: clsx(LogView_module_default.tabPanels),
 					children: Object.keys(tabs).map((key) => {
 						const tab = tabs[key];
+						if (tab === void 0) return null;
 						return /* @__PURE__ */ jsx(TabPanel, {
 							id: tab.id,
 							title: tab.label,
@@ -161322,8 +161763,6 @@ var LogViewContainer = () => {
 	const evalSpec = useEvalSpec();
 	const setWorkspaceTab = useStore((state) => state.appActions.setWorkspaceTab);
 	const setSelectedLogFile = useStore((state) => state.logsActions.setSelectedLogFile);
-	const clearSelectedLogSummary = useStore((state) => state.logActions.clearSelectedLogDetails);
-	const clearSelectedSample = useStore((state) => state.sampleActions.clearSelectedSample);
 	const navigate = useNavigate();
 	const prefix = useLocation().pathname.startsWith("/tasks/") ? "/tasks" : "/logs";
 	const sampleSummaries = useSampleSummaries();
@@ -161365,21 +161804,9 @@ var LogViewContainer = () => {
 		navigate,
 		prefix
 	]);
-	const prevLogPathRef = useRef(void 0);
 	const syncLogs = useStore((state) => state.logsActions.syncLogs);
 	const initLogDir = useStore((state) => state.logsActions.initLogDir);
-	useLayoutEffect(() => {
-		const prevLogPath = prevLogPathRef.current;
-		prevLogPathRef.current = logPath;
-		if (prevLogPath && logPath && logPath !== prevLogPath) {
-			clearSelectedSample();
-			clearSelectedLogSummary();
-		}
-	}, [
-		logPath,
-		clearSelectedSample,
-		clearSelectedLogSummary
-	]);
+	useClearStaleLogStateOnNav(logPath);
 	useEffect(() => {
 		if (!logPath) return;
 		setWorkspaceTab(tabId ?? "samples");
@@ -161443,33 +161870,39 @@ var FlowPanel = () => {
 		})]
 	});
 };
-//#endregion
-//#region src/app/utils/print.ts
-/**
-* Generates an HTML string that displays the task title, model, and creation time in a styled grid layout.
-*
-* The task title, model, and creation time are retrieved from the elements with the IDs 'task-title',
-* 'task-model', and 'task-created', respectively. The generated HTML will display these elements in a
-* three-column grid with custom styling.
-*
-* @example
-* // Example usage:
-* const headingHtml = printHeadingHtml();
-* console.log(headingHtml);
-*/
-var printHeadingHtml = (evalSpec) => {
-	return `
-<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">${evalSpec?.task || "Unknown Task"}</div>
-<div style="text-align: center;">${evalSpec?.model || "Unknown Model"}</div>
-<div style="text-align: right;">${evalSpec?.created ? new Date(evalSpec.created).toLocaleString() : "Unknown Time"}</div>
-</div>`;
-};
 var SamplePrintView_module_default = {
-	container: "_container_15zex_1",
-	loading: "_loading_15zex_5",
-	header: "_header_15zex_14",
-	sampleInfo: "_sampleInfo_15zex_18"
+	container: "_container_9l9dc_1",
+	loading: "_loading_9l9dc_5",
+	header: "_header_9l9dc_14",
+	heading: "_heading_9l9dc_18",
+	headingTask: "_headingTask_9l9dc_27",
+	headingModel: "_headingModel_9l9dc_31",
+	headingTime: "_headingTime_9l9dc_35",
+	sampleInfo: "_sampleInfo_9l9dc_39"
+};
+//#endregion
+//#region src/app/samples/print/PrintHeading.tsx
+var PrintHeading = ({ evalSpec }) => {
+	const task = evalSpec?.task || "Unknown Task";
+	const model = evalSpec?.model || "Unknown Model";
+	const time = evalSpec?.created ? new Date(evalSpec.created).toLocaleString() : "Unknown Time";
+	return /* @__PURE__ */ jsxs("div", {
+		className: SamplePrintView_module_default.heading,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: SamplePrintView_module_default.headingTask,
+				children: task
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: SamplePrintView_module_default.headingModel,
+				children: model
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: SamplePrintView_module_default.headingTime,
+				children: time
+			})
+		]
+	});
 };
 //#endregion
 //#region src/app/samples/print/SamplePrintView.tsx
@@ -161554,14 +161987,13 @@ var SamplePrintView = () => {
 		})
 	});
 	const sampleMessages = sample.messages || [];
-	const headingHtml = printHeadingHtml(evalSpec);
 	return /* @__PURE__ */ jsxs("div", {
 		className: SamplePrintView_module_default.container,
 		ref: contentRef,
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: SamplePrintView_module_default.header,
-				children: [/* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: headingHtml } }), sampleId && epoch && /* @__PURE__ */ jsxs("div", {
+				children: [/* @__PURE__ */ jsx(PrintHeading, { evalSpec }), sampleId && epoch && /* @__PURE__ */ jsxs("div", {
 					className: SamplePrintView_module_default.sampleInfo,
 					children: [
 						"Sample ",
@@ -164180,6 +164612,72 @@ var openRemoteLogFile = async (api, url, concurrency) => {
 		}
 	};
 };
+var DirectFetchError = class extends Error {
+	constructor(message, options) {
+		super(message, options);
+		this.name = "DirectFetchError";
+	}
+};
+/**
+* Fetch one chunk of pending-sample data via presigned S3 URLs.
+* Returns `undefined` when this transport isn't supported (404, or any
+* segment lacks a presigned URL); all other failures throw.
+*/
+var fetchPendingSampleDataDirect = async (getUrls, log_file, id, epoch, cursors) => {
+	let urls;
+	try {
+		urls = await getUrls(log_file, id, epoch, cursors.last_event, cursors.last_attachment, cursors.last_message_pool, cursors.last_call_pool, 100);
+	} catch (e) {
+		if (e instanceof ApiError && e.status === 404) return;
+		throw e;
+	}
+	if (urls.segments.length === 0) return {
+		sampleData: {
+			events: [],
+			attachments: [],
+			message_pool: [],
+			call_pool: []
+		},
+		has_more: urls.has_more === true,
+		complete: urls.complete === true
+	};
+	if (!urls.segments.every((s) => s.direct_url != null)) return;
+	const parts = await Promise.all(urls.segments.map((seg) => readSegment(seg)));
+	return {
+		sampleData: applyCursorFilter({
+			events: parts.flatMap((p) => p.events),
+			attachments: parts.flatMap((p) => p.attachments),
+			message_pool: parts.flatMap((p) => p.message_pool),
+			call_pool: parts.flatMap((p) => p.call_pool)
+		}, cursors),
+		has_more: urls.has_more === true,
+		complete: urls.complete === true
+	};
+};
+var readSegment = async (seg) => {
+	const url = seg.direct_url;
+	let bytes;
+	try {
+		const resp = await fetch(url);
+		if (!resp.ok) throw new DirectFetchError(`Failed to fetch segment: ${resp.status} ${resp.statusText}`);
+		bytes = new Uint8Array(await resp.arrayBuffer());
+	} catch (e) {
+		if (e instanceof DirectFetchError) throw e;
+		throw new DirectFetchError(`Failed to fetch segment: ${String(e)}`, { cause: e });
+	}
+	return await asyncJsonParseBytes(await (await openZipFileFromBuffer(bytes)).readFile(seg.member_name));
+};
+var applyCursorFilter = (out, cursors) => {
+	const lastEvent = cursors.last_event ?? -1;
+	const lastAttachment = cursors.last_attachment ?? -1;
+	const lastMessagePool = cursors.last_message_pool ?? -1;
+	const lastCallPool = cursors.last_call_pool ?? -1;
+	out.events = out.events.filter((e) => e.id > lastEvent);
+	out.attachments = out.attachments.filter((a) => a.id > lastAttachment);
+	out.message_pool = out.message_pool.filter((m) => m.id > lastMessagePool);
+	out.call_pool = out.call_pool.filter((c) => c.id > lastCallPool);
+	return out;
+};
 //#endregion
 //#region src/client/api/client-api.ts
 var isEvalFile = (file) => {
@@ -164379,24 +164877,34 @@ var clientApi = (api, log_file, debug = false) => {
 	const editEtagByLog = /* @__PURE__ */ new Map();
 	const get_log_sample_data = async (log_file, id, epoch, last_event, last_attachment, last_message_pool, last_call_pool) => {
 		if (!api.eval_log_sample_data) throw new Error("API doesn't supported streamed sample data");
+		const fetchViaProxy = () => api.eval_log_sample_data(log_file, id, epoch, last_event, last_attachment, last_message_pool, last_call_pool);
+		const fallBackToProxy = (e) => {
+			if (!(e instanceof DirectFetchError)) throw e;
+			sampleDataPathByLog.set(log_file, "proxy");
+			return fetchViaProxy();
+		};
 		let path = sampleDataPathByLog.get(log_file);
-		if (path === void 0 && api.eval_log_sample_data_direct) {
+		if (path === void 0 && api.eval_log_sample_data_direct) try {
 			const probe = await api.eval_log_sample_data_direct(log_file, id, epoch, last_event, last_attachment, last_message_pool, last_call_pool);
 			if (probe !== void 0) {
 				sampleDataPathByLog.set(log_file, "direct");
 				return probe;
 			}
+		} catch (e) {
+			return fallBackToProxy(e);
 		}
 		if (path === void 0) {
 			path = "proxy";
 			sampleDataPathByLog.set(log_file, path);
 		}
-		if (path === "direct") {
+		if (path === "direct") try {
 			const result = await api.eval_log_sample_data_direct(log_file, id, epoch, last_event, last_attachment, last_message_pool, last_call_pool);
 			if (result === void 0) throw new Error("Direct pending-sample-data path returned 'not supported' after probe");
 			return result;
+		} catch (e) {
+			return fallBackToProxy(e);
 		}
-		return api.eval_log_sample_data(log_file, id, epoch, last_event, last_attachment, last_message_pool, last_call_pool);
+		return fetchViaProxy();
 	};
 	const middleware = debug ? createMiddlewareWrapper([debugMiddleware]) : (_name, fn) => fn;
 	return {
@@ -164642,11 +165150,11 @@ function staticHttpApiForLog(logInfo) {
 			if (log_dir) {
 				const manifest = await getManifest();
 				if (manifest) {
-					const logs = Object.keys(manifest).map((key) => {
+					const logs = Object.entries(manifest).map(([key, preview]) => {
 						return {
 							name: joinURI(log_dir, key),
-							task: manifest[key].task,
-							task_id: manifest[key].task_id
+							task: preview.task,
+							task_id: preview.task_id
 						};
 					});
 					return Promise.resolve({
@@ -164697,8 +165205,8 @@ function staticHttpApiForLog(logInfo) {
 			const manifest = await getManifest();
 			if (manifest) {
 				const manifestAbs = {};
-				Object.keys(manifest).forEach((key) => {
-					manifestAbs[joinURI(log_dir || "", key)] = manifest[key];
+				Object.entries(manifest).forEach(([key, preview]) => {
+					manifestAbs[joinURI(log_dir || "", key)] = preview;
 				});
 				const header = manifestAbs[log_file];
 				if (header) return header;
@@ -164729,62 +165237,6 @@ function staticHttpApiForLog(logInfo) {
 	};
 }
 //#endregion
-//#region src/client/remote/remotePendingSampleData.ts
-var SEGMENT_CAP_PER_CALL = 25;
-/**
-* Fetch one chunk of pending-sample data via presigned S3 URLs.
-* Returns `undefined` when this transport isn't supported (404, or any
-* segment lacks a presigned URL); all other failures throw.
-*/
-var fetchPendingSampleDataDirect = async (getUrls, log_file, id, epoch, cursors) => {
-	let urls;
-	try {
-		urls = await getUrls(log_file, id, epoch, cursors.last_event, cursors.last_attachment, cursors.last_message_pool, cursors.last_call_pool, SEGMENT_CAP_PER_CALL);
-	} catch (e) {
-		if (e instanceof ApiError && e.status === 404) return;
-		throw e;
-	}
-	if (urls.segments.length === 0) return {
-		sampleData: {
-			events: [],
-			attachments: [],
-			message_pool: [],
-			call_pool: []
-		},
-		has_more: urls.has_more === true,
-		complete: urls.complete === true
-	};
-	if (!urls.segments.every((s) => s.direct_url != null)) return;
-	const parts = await Promise.all(urls.segments.map((seg) => readSegment(seg)));
-	return {
-		sampleData: applyCursorFilter({
-			events: parts.flatMap((p) => p.events),
-			attachments: parts.flatMap((p) => p.attachments),
-			message_pool: parts.flatMap((p) => p.message_pool),
-			call_pool: parts.flatMap((p) => p.call_pool)
-		}, cursors),
-		has_more: urls.has_more === true,
-		complete: urls.complete === true
-	};
-};
-var readSegment = async (seg) => {
-	const url = seg.direct_url;
-	const resp = await fetch(url);
-	if (!resp.ok) throw new Error(`Failed to fetch segment: ${resp.status} ${resp.statusText}`);
-	return await asyncJsonParseBytes(await (await openZipFileFromBuffer(new Uint8Array(await resp.arrayBuffer()))).readFile(seg.member_name));
-};
-var applyCursorFilter = (out, cursors) => {
-	const lastEvent = cursors.last_event ?? -1;
-	const lastAttachment = cursors.last_attachment ?? -1;
-	const lastMessagePool = cursors.last_message_pool ?? -1;
-	const lastCallPool = cursors.last_call_pool ?? -1;
-	out.events = out.events.filter((e) => e.id > lastEvent);
-	out.attachments = out.attachments.filter((a) => a.id > lastAttachment);
-	out.message_pool = out.message_pool.filter((m) => m.id > lastMessagePool);
-	out.call_pool = out.call_pool.filter((c) => c.id > lastCallPool);
-	return out;
-};
-//#endregion
 //#region src/client/api/view-server/api-view-server.ts
 var LOADED_TIME = Date.now();
 var lastEvalTime = 0;
@@ -164792,8 +165244,8 @@ var lastEvalTime = 0;
 * Create a view server API with optional server-side log listing
 */
 function viewServerApi(options = {}) {
-	const { apiBaseUrl, logDir, headerProvider } = options;
-	const requestApi = serverRequestApi(apiBaseUrl || "/api", headerProvider);
+	const { apiBaseUrl, logDir, headerProvider, customFetch } = options;
+	const requestApi = serverRequestApi(apiBaseUrl || "/api", headerProvider, customFetch);
 	const client_events = async () => {
 		const params = new URLSearchParams();
 		params.append("loaded_time", String(LOADED_TIME.valueOf()));
@@ -164857,8 +165309,7 @@ function viewServerApi(options = {}) {
 		return (await requestApi.fetchString("GET", `/log-info/${encodeURIComponent(file)}`)).parsed;
 	};
 	const toLogPreview = (header) => {
-		const scores = Object.values(header.results?.scores || {});
-		const metric = scores.length > 0 ? scores[0].metrics : void 0;
+		const metric = Object.values(header.results?.scores || {})[0]?.metrics;
 		const evalMetrics = Object.values(metric || {});
 		const primary_metric = evalMetrics.length > 0 ? evalMetrics[0] : void 0;
 		const model_roles = header.eval.model_roles ? Object.fromEntries(Object.entries(header.eval.model_roles).map(([role, cfg]) => [role, cfg.model])) : void 0;
@@ -164989,7 +165440,7 @@ function viewServerApi(options = {}) {
 				return false;
 			}
 		})());
-		const response = await fetch(url, {
+		const response = await (customFetch ?? fetch)(url, {
 			method: "POST",
 			headers,
 			body: JSON.stringify(update),