@tangle-network/sandbox-ui 2.0.20 → 2.0.22

package/dist/record.js

@@ -0,0 +1,2329 @@
+import { a as fmt, c as modelIdentity, d as recordFlowTrace, f as roleOf, h as utcTime, i as eventSource, m as toolKey, n as Conversation, o as indexRecord, p as textOf, r as eventMatches, s as interval, t as AgentTree, u as ms } from "./AgentTree-KO1TJXBq.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@tangle-network/ui/primitives";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, memo, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { useColorMode } from "@tangle-network/charts/react/agent-graph/presentation";
+import { runStatus, statusMeta } from "@tangle-network/ui/run";
+import { FigureView, FlowWaterfall } from "@tangle-network/charts/react";
+import { OUTCOME_ORDER, timeSeries } from "@tangle-network/charts";
+import Markdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+import rehypeKatex from "rehype-katex";
+import { parseReportOptions, reportToLatex } from "@drewstone/agent-record/report";
+import { Controls, Handle, MarkerType, Position, ReactFlow } from "@xyflow/react";
+import { NODE_H, NODE_W, PER_LANE, recordWorkGraphModel } from "@drewstone/agent-record/record";
+// src/record/StructuredContent.tsx
+/** Decode display wrappers only. Original text remains available separately. */
+function displayValue(text) {
+	try {
+		return JSON.parse(text);
+	} catch {
+		return text;
+	}
+}
+function MessageText({ text, resolveHref }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "activity-prose",
+		children: /* @__PURE__ */ jsx(Markdown, {
+			skipHtml: true,
+			remarkPlugins: [remarkGfm],
+			components: {
+				a: ({ href, children }) => {
+					const target = /^https?:\/\//i.test(href ?? "") ? href : resolveHref?.(href ?? "");
+					return target && (/^https?:\/\//i.test(target) || /^\/(?!\/)/.test(target)) ? /* @__PURE__ */ jsx("a", {
+						href: target,
+						target: "_blank",
+						rel: "noreferrer",
+						children
+					}) : /* @__PURE__ */ jsx("span", { children });
+				},
+				img: ({ alt }) => /* @__PURE__ */ jsx("span", { children: alt || "Image omitted" }),
+				table: ({ children }) => /* @__PURE__ */ jsx("div", {
+					className: "rr-table-scroll",
+					children: /* @__PURE__ */ jsx("table", { children })
+				})
+			},
+			children: text
+		})
+	});
+}
+function Value({ value, depth = 0, field }) {
+	const [expanded, setExpanded] = useState(false);
+	if (value === null || value === void 0) return /* @__PURE__ */ jsx("span", {
+		className: "small",
+		children: "Not supplied"
+	});
+	if (typeof value === "string") {
+		if (field && /^(command|cmd|code|script|stdout|stderr)$/i.test(field)) return /* @__PURE__ */ jsx("pre", {
+			className: "activity-code",
+			children: /* @__PURE__ */ jsx("code", { children: value })
+		});
+		const decoded = depth < 3 ? displayValue(value) : value;
+		return typeof decoded === "string" ? /* @__PURE__ */ jsx(MessageText, { text: value }) : /* @__PURE__ */ jsx(Value, {
+			value: decoded,
+			depth: depth + 1
+		});
+	}
+	if (typeof value !== "object") return /* @__PURE__ */ jsx("span", { children: String(value) });
+	if (Array.isArray(value)) {
+		const shown = expanded ? value : value.slice(0, 12);
+		return /* @__PURE__ */ jsxs("div", {
+			className: "structured-items",
+			children: [shown.map((item, i) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Value, {
+				value: item,
+				depth: depth + 1
+			}) }, i)), value.length > shown.length && /* @__PURE__ */ jsxs("button", {
+				className: "ui-button",
+				onClick: () => setExpanded(true),
+				children: [
+					"Show all ",
+					value.length,
+					" items"
+				]
+			})]
+		});
+	}
+	const data = value;
+	if (data.type === "text" && typeof data.text === "string") return /* @__PURE__ */ jsx(Value, {
+		value: data.text,
+		depth: depth + 1
+	});
+	const entries = Object.entries(data);
+	const shown = expanded ? entries : entries.slice(0, 16);
+	if (depth > 4) return /* @__PURE__ */ jsxs("details", { children: [/* @__PURE__ */ jsx("summary", { children: "Nested data" }), /* @__PURE__ */ jsx("pre", { children: JSON.stringify(value, null, 2) })] });
+	return /* @__PURE__ */ jsxs("dl", {
+		className: "structured-fields",
+		children: [shown.map(([key, item]) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: key.replace(/([a-z])([A-Z])/g, "$1 $2").replaceAll("_", " ") }), /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(Value, {
+			value: item,
+			depth: depth + 1,
+			field: key
+		}) })] }, key)), entries.length > shown.length && /* @__PURE__ */ jsxs("button", {
+			className: "ui-button",
+			onClick: () => setExpanded(true),
+			children: [
+				"Show all ",
+				entries.length,
+				" fields"
+			]
+		})]
+	});
+}
+function StructuredContent({ text, rawLabel = "Raw data" }) {
+	const value = displayValue(text);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "structured-content",
+		children: [/* @__PURE__ */ jsx(Value, { value }), typeof value !== "string" && /* @__PURE__ */ jsxs("details", {
+			className: "raw-data",
+			children: [/* @__PURE__ */ jsx("summary", { children: rawLabel }), /* @__PURE__ */ jsx("pre", { children: text })]
+		})]
+	});
+}
+// src/record/RecordUsage.tsx
+const categories = [
+	"coordination",
+	"compute",
+	"computation",
+	"verification",
+	"literature",
+	"writing",
+	"setup",
+	"infrastructure",
+	"waiting",
+	"reasoning",
+	"lifecycle",
+	"other"
+];
+const channels = [
+	"input",
+	"output",
+	"cacheRead",
+	"cacheWrite"
+];
+const channelLabels = {
+	input: "Input",
+	output: "Output",
+	cacheRead: "Cache read",
+	cacheWrite: "Cache write"
+};
+function RecordUsage({ index, cutoff, inspect, navigate, actor, metric, axis }) {
+	const [hidden, setHidden] = useState(() => /* @__PURE__ */ new Set());
+	const visible = useMemo(() => channels.filter((channel) => !hidden.has(channel)), [hidden]);
+	const measured = useMemo(() => {
+		const points = [];
+		const totals = {
+			input: 0,
+			output: 0,
+			cacheRead: 0,
+			cacheWrite: 0
+		};
+		const counts = {
+			input: 0,
+			output: 0,
+			cacheRead: 0,
+			cacheWrite: 0
+		};
+		let incomplete = 0, ambiguous = 0, invalidTiming = 0;
+		const chronological = index.byActor.get(actor) ?? [];
+		const order = index.recordedOrder;
+		const events = axis === "order" ? [...chronological].sort((a, b) => (order.get(a.id) ?? 0) - (order.get(b.id) ?? 0)) : chronological;
+		for (const event of events) {
+			if (ms(event.at) > cutoff) continue;
+			if (metric === "tool-time") {
+				if (event.detail.toolCallId === void 0) continue;
+				const calls = index.calls.get(toolKey(event.node, event.detail.toolCallId)) ?? [];
+				if (calls.length !== 1 || index.results.get(toolKey(event.node, event.detail.toolCallId))?.length !== 1) {
+					ambiguous++;
+					continue;
+				}
+				const call = calls[0].event;
+				if (ms(call.at) > cutoff || ms(event.at) < ms(call.at)) {
+					invalidTiming++;
+					continue;
+				}
+				points.push({
+					event,
+					at: ms(event.at),
+					values: {},
+					elapsed: (ms(event.at) - ms(call.at)) / 1e3
+				});
+				continue;
+			}
+			const usage = event.detail.usage;
+			if (!usage) continue;
+			const scoped = event.detail.usageScope !== void 0;
+			if (metric !== "cumulative" && scoped) continue;
+			if (channels.some((channel) => usage[channel] === void 0)) incomplete++;
+			const values = {};
+			for (const channel of channels) {
+				const value = usage[channel];
+				if (value === void 0) continue;
+				if (!scoped) {
+					totals[channel] += value;
+					counts[channel]++;
+				}
+				values[channel] = metric === "cumulative" ? scoped ? value : totals[channel] : value;
+			}
+			if (Object.keys(values).length) points.push({
+				event,
+				at: ms(event.at),
+				values,
+				scoped
+			});
+		}
+		return {
+			points,
+			totals,
+			counts,
+			incomplete,
+			ambiguous,
+			invalidTiming
+		};
+	}, [
+		index,
+		cutoff,
+		actor,
+		metric,
+		axis
+	]);
+	const { points, totals, counts } = measured;
+	const plotted = useMemo(() => {
+		const sourceEvents = [];
+		const position = new Map(points.map((point, i) => [point, i + 1]));
+		const series = (id, label, colorIndex, scoped, channel) => ({
+			id,
+			label,
+			colorIndex,
+			secondary: scoped,
+			points: points.filter((point) => !!point.scoped === scoped).map((point) => {
+				const y = metric === "tool-time" ? point.elapsed : point.values[channel] ?? null;
+				if (y !== null) sourceEvents.push(point.event);
+				return {
+					x: axis === "time" ? point.at : position.get(point),
+					y,
+					...point.event.detail.isError ? { marker: "triangle" } : {},
+					annotation: [
+						point.event.label,
+						point.event.detail.isError ? "The tool reported an error." : "",
+						scoped ? "Metered window or execution-to-date; not a per-response measurement." : ""
+					].filter(Boolean).join(" ") || void 0
+				};
+			})
+		});
+		return {
+			rows: metric === "tool-time" ? [series("tool-return", "Observed call → result interval", 0, false)] : visible.flatMap((channel) => [series(channel, channelLabels[channel], channels.indexOf(channel), false, channel), ...points.some((point) => point.scoped) ? [series(`scoped:${channel}`, `${channelLabels[channel]} · metered windows`, channels.indexOf(channel), true, channel)] : []]),
+			sourceEvents
+		};
+	}, [
+		points,
+		visible,
+		metric,
+		axis
+	]);
+	const figure = useMemo(() => (width) => timeSeries(plotted.rows, {
+		id: "record-usage",
+		width,
+		selectable: true,
+		x: {
+			label: axis === "time" ? "Recorded elapsed time" : "Recorded event order",
+			domain: axis === "time" ? [index.start, Math.max(index.start + 1, cutoff)] : [1, Math.max(2, points.length)]
+		},
+		y: {
+			label: metric === "tool-time" ? "Observed call → result interval" : metric === "cumulative" ? "Cumulative measured tokens" : "Measured tokens per response",
+			unit: metric === "tool-time" ? "seconds" : "tokens",
+			domain: [0, Math.max(1, ...plotted.rows.flatMap((row) => row.points.map((point) => point.y ?? 0)))]
+		},
+		formatX: axis === "time" ? (value) => interval(value - index.start) : String,
+		formatY: metric === "tool-time" ? (value) => value.toFixed(3) : fmt
+	}), [
+		plotted,
+		axis,
+		metric,
+		index.start,
+		cutoff,
+		points.length
+	]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			"data-tokens": true,
+			onKeyDown: (event) => {
+				if ((event.key === "ArrowLeft" || event.key === "ArrowRight") && event.target instanceof Element && event.target.closest("svg")) {
+					event.preventDefault();
+					navigate(event.key === "ArrowLeft" ? -1 : 1);
+				}
+			},
+			children: points.length ? metric !== "tool-time" && !visible.length ? /* @__PURE__ */ jsx("p", {
+				className: "chat-empty",
+				children: "All token channels are hidden. Select a channel to show its recorded values."
+			}) : /* @__PURE__ */ jsx(FigureView, {
+				figure,
+				onPointSelect: (point) => {
+					const event = plotted.sourceEvents[point];
+					if (event) inspect(event, true);
+				}
+			}) : /* @__PURE__ */ jsx("p", {
+				className: "chat-empty",
+				children: metric === "tool-time" ? "No matched tool timing at this time" : "No measured usage at this time"
+			})
+		}),
+		metric !== "tool-time" && /* @__PURE__ */ jsxs("div", {
+			className: "usage-legend",
+			children: [channels.map((channel) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "legend-toggle",
+				"aria-pressed": !hidden.has(channel),
+				title: hidden.has(channel) ? `Show ${channelLabels[channel]}` : `Hide ${channelLabels[channel]}`,
+				onClick: () => setHidden((current) => {
+					const next = new Set(current);
+					if (next.has(channel)) next.delete(channel);
+					else next.add(channel);
+					return next;
+				}),
+				children: channelLabels[channel]
+			}, channel)), points.some((point) => point.scoped) && /* @__PURE__ */ jsx("span", {
+				className: "scoped-key",
+				children: "metered windows · execution-to-date"
+			})]
+		}),
+		/* @__PURE__ */ jsx("p", {
+			className: "small",
+			"data-token-caption": true,
+			children: metric === "tool-time" ? `Observed tool return time, not model latency.${measured.ambiguous || measured.invalidTiming ? " Unmatched, ambiguous and out-of-order results are omitted." : ""}` : `${channels.map((channel) => `${channelLabels[channel]} ${counts[channel] ? fmt(totals[channel]) : "unknown"}`).join(" · ")}.${measured.incomplete ? " Some responses lack counters, so these totals are lower bounds." : ""} Context repeated across responses is counted each time; tokens are not billed cost.`
+		})
+	] });
+}
+// src/record/useDownload.ts
+function useDownload() {
+	const pending = useRef(/* @__PURE__ */ new Map());
+	useEffect(() => {
+		const urls = pending.current;
+		return () => {
+			for (const [url, timer] of urls) {
+				window.clearTimeout(timer);
+				URL.revokeObjectURL(url);
+			}
+			urls.clear();
+		};
+	}, []);
+	return (content, name, type) => {
+		const url = URL.createObjectURL(new Blob([content], { type }));
+		const link = document.createElement("a");
+		link.href = url;
+		link.download = name.replace(/[^a-zA-Z0-9._-]/g, "_");
+		link.click();
+		pending.current.set(url, window.setTimeout(() => {
+			URL.revokeObjectURL(url);
+			pending.current.delete(url);
+		}, 1e3));
+	};
+}
+// src/record/AgentRecord.tsx
+function Select$1({ label, value, onChange, children, field }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: "ui-field ar-select",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "ui-label",
+			children: label
+		}), /* @__PURE__ */ jsx("select", {
+			value,
+			onChange: (event) => onChange(event.target.value),
+			[`data-${field}`]: "",
+			children
+		})]
+	});
+}
+/** Normalized retained data only. Producers retain parsing and publication authority. */
+function AgentRecord({ records, selection, defaultSelection, onSelectionChange, theme = "auto", className = "", behaviors }) {
+	const [own, setOwn] = useState(defaultSelection);
+	const chosen = selection ?? own;
+	const record = records.find((item) => item.runId === chosen?.runId) ?? records[0];
+	const change = useCallback((next) => {
+		if (selection === void 0) setOwn(next);
+		onSelectionChange?.(next);
+	}, [selection, onSelectionChange]);
+	return /* @__PURE__ */ jsx("div", {
+		className: `agent-record ${className}`,
+		"data-theme": theme === "auto" ? void 0 : theme,
+		children: record ? /* @__PURE__ */ jsx(RecordView, {
+			records,
+			record,
+			selection: chosen?.runId === record.runId ? chosen : { runId: record.runId },
+			onChange: change,
+			behaviors
+		}, record.runId) : /* @__PURE__ */ jsx("p", {
+			className: "chat-empty",
+			children: "No records supplied."
+		})
+	});
+}
+/** One retained record keeps its selection across timeline, transcript, source and measured usage. */
+function RecordView({ records, record, selection, onChange, behaviors }) {
+	const index = useMemo(() => indexRecord(record), [record]);
+	const trace = useMemo(() => recordFlowTrace(record), [record]);
+	const [category, setCategory] = useState("all"), [search, setSearch] = useState("");
+	const [metric, setMetric] = useState("cumulative"), [axis, setAxis] = useState("time");
+	const download = useDownload();
+	const explicit = selection.eventId ? index.byEvent.get(selection.eventId) : void 0;
+	const requested = selection.nodeId ? index.canonical(selection.nodeId) : void 0;
+	const actor = explicit ? index.canonical(explicit.node) : requested && index.nodes.has(requested) ? requested : index.actors[0]?.id ?? "";
+	const event = explicit ?? index.byActor.get(actor)?.[0], node = index.nodes.get(actor);
+	const selectedAt = selection.at ? ms(selection.at) : index.end;
+	const cutoff = Number.isFinite(selectedAt) ? Math.max(index.start, Math.min(index.end, selectedAt)) : index.end;
+	const query = search.trim().toLowerCase(), view = selection.view ?? "chat";
+	const visible = useMemo(() => index.events.filter((item) => eventMatches(item, index, query, category)), [
+		index,
+		query,
+		category
+	]);
+	const options = [.../* @__PURE__ */ new Set([...categories, ...record.events.map((item) => item.category)])].filter((item) => item !== "all" && item !== "findings");
+	const marks = (behaviors?.find((item) => item.runId === record.runId)?.verdicts ?? []).filter((item) => item.verdict === "yes").flatMap((item) => (item.evidence ?? []).flatMap((evidence) => {
+		const event = index.byEvent.get(evidence.eventId);
+		return event ? [{
+			...item,
+			event,
+			quote: evidence.quote
+		}] : [];
+	}));
+	const update = useCallback((patch) => onChange({
+		...selection,
+		runId: record.runId,
+		nodeId: actor,
+		eventId: event?.id,
+		...patch
+	}), [
+		selection,
+		record.runId,
+		actor,
+		event?.id,
+		onChange
+	]);
+	const inspect = (item, source = false) => onChange({
+		runId: record.runId,
+		nodeId: index.canonical(item.node),
+		eventId: item.id,
+		at: item.at,
+		view: source ? "source" : "chat"
+	});
+	const selectActor = (id) => {
+		const first = index.byActor.get(id)?.find((item) => item.detail.role || item.detail.publicText || item.detail.publicToolCalls?.length) ?? index.byActor.get(id)?.[0];
+		onChange({
+			runId: record.runId,
+			nodeId: id,
+			eventId: first?.id,
+			view: "chat",
+			at: first && ms(first.at) > cutoff ? first.at : selection.at
+		});
+	};
+	const selectSpan = (span) => {
+		const item = index.byEvent.get(typeof span.meta?.eventId === "string" ? span.meta.eventId : span.id ?? "");
+		if (item) inspect(item);
+		else if (span.id !== void 0 && index.nodes.has(span.id)) selectActor(span.id);
+	};
+	const navigate = (direction) => {
+		if (!visible.length) return;
+		const at = visible.findIndex((item) => item.id === event?.id);
+		inspect(visible[at < 0 ? direction > 0 ? 0 : visible.length - 1 : (at + direction + visible.length) % visible.length]);
+	};
+	const position = visible.findIndex((item) => item.id === event?.id);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "ar-view",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "controls",
+				children: [
+					records.length > 1 && /* @__PURE__ */ jsx(Select$1, {
+						label: "Run",
+						field: "run",
+						value: record.runId,
+						onChange: (runId) => onChange({ runId }),
+						children: records.map((item) => /* @__PURE__ */ jsx("option", {
+							value: item.runId,
+							children: item.title
+						}, item.runId))
+					}),
+					/* @__PURE__ */ jsxs(Select$1, {
+						label: "Activity type",
+						field: "category",
+						value: category,
+						onChange: setCategory,
+						children: [
+							/* @__PURE__ */ jsx("option", {
+								value: "all",
+								children: "All activity"
+							}),
+							/* @__PURE__ */ jsx("option", {
+								value: "findings",
+								children: "Recorded findings"
+							}),
+							options.map((item) => /* @__PURE__ */ jsx("option", {
+								value: item,
+								children: item
+							}, item))
+						]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "ui-field",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "ui-label",
+							children: "Search all agents"
+						}), /* @__PURE__ */ jsx("input", {
+							"data-search": true,
+							type: "search",
+							value: search,
+							onChange: (event) => setSearch(event.target.value),
+							placeholder: "Message, tool, agent…"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("details", {
+				className: "activity-replay",
+				open: true,
+				children: [
+					/* @__PURE__ */ jsx("summary", { children: "Timeline and replay" }),
+					/* @__PURE__ */ jsx(FlowWaterfall, {
+						trace,
+						live: false,
+						label: "Recorded activity",
+						defaultView: "agents",
+						selectedId: actor,
+						position: selection.at ? cutoff - index.start : null,
+						onTimeChange: (time) => {
+							const at = time === null ? void 0 : new Date(index.start + time).toISOString();
+							if (at !== selection.at) update({ at });
+						},
+						onSelect: selectSpan,
+						query: search,
+						onQueryChange: setSearch,
+						matchSpan: (span) => {
+							const item = index.byEvent.get(typeof span.meta?.eventId === "string" ? span.meta.eventId : span.id ?? "");
+							return item ? eventMatches(item, index, query, category) : !query && category === "all";
+						},
+						markers: marks.map((mark) => ({
+							at: ms(mark.event.at) - index.start,
+							label: `${mark.behavior} · ${Math.round(mark.confidence * 100)}%`
+						}))
+					}),
+					marks.length > 0 && /* @__PURE__ */ jsx("ul", {
+						"aria-label": "Recorded behavior verdicts",
+						children: marks.map((mark, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							onClick: () => inspect(mark.event, true),
+							children: [
+								mark.behavior,
+								" · ",
+								Math.round(mark.confidence * 100),
+								"%",
+								mark.quote ? ` · ${mark.quote}` : ""
+							]
+						}) }, i))
+					})
+				]
+			}),
+			query && /* @__PURE__ */ jsxs("section", {
+				className: "activity-search-results",
+				"aria-label": "Matching activity",
+				children: [
+					/* @__PURE__ */ jsxs("p", {
+						role: "status",
+						children: [visible.length, " matching events"]
+					}),
+					visible.slice(0, 100).map((item) => /* @__PURE__ */ jsxs("button", {
+						onClick: () => {
+							setSearch("");
+							inspect(item);
+						},
+						children: [
+							/* @__PURE__ */ jsx("span", { children: index.nodes.get(index.canonical(item.node))?.label ?? item.node }),
+							/* @__PURE__ */ jsx("time", { children: utcTime(item.at) }),
+							/* @__PURE__ */ jsx("strong", { children: item.label }),
+							/* @__PURE__ */ jsx("small", { children: (textOf(item) || item.detail.publicToolCalls?.map((call) => `${call.name} ${call.input}`).join(" ") || "Recorded event").replace(/\s+/g, " ").slice(0, 240) })
+						]
+					}, item.id)),
+					visible.length > 100 && /* @__PURE__ */ jsx("p", {
+						className: "small",
+						children: "Showing the first 100 matches. Narrow the search to find a particular event."
+					}),
+					!visible.length && /* @__PURE__ */ jsx("p", {
+						className: "chat-empty",
+						children: "No retained activity matches. Missing captures are not searched."
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "workspace flat-activity",
+				hidden: !!query,
+				children: [/* @__PURE__ */ jsxs("details", {
+					className: "topology",
+					children: [
+						/* @__PURE__ */ jsxs("summary", { children: ["Agents ", /* @__PURE__ */ jsx("span", {
+							"data-agent-count": true,
+							children: index.actors.filter((item) => item.kind !== "finding").length
+						})] }),
+						record.nodes.some((item) => item.kind === "session" && !item.agentId) && /* @__PURE__ */ jsxs("p", {
+							className: "small",
+							"data-graph-caption": true,
+							children: ["Not linked to an agent: ", record.nodes.filter((item) => item.kind === "session" && !item.agentId).map((item) => item.label).join(", ")]
+						}),
+						/* @__PURE__ */ jsx(AgentTree, {
+							index,
+							actor,
+							cutoff,
+							select: selectActor
+						})
+					]
+				}), /* @__PURE__ */ jsxs("section", {
+					className: "conversation-panel",
+					"aria-label": "Agent record details",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "conversation-head",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "agent-identity",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "agent-avatar",
+									"data-agent-avatar": true,
+									"aria-hidden": true,
+									children: roleOf(node).slice(0, 1).toUpperCase()
+								}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+									"data-agent-title": true,
+									children: node?.label ?? "Messages"
+								}), /* @__PURE__ */ jsx("p", {
+									"data-agent-role": true,
+									children: [
+										roleOf(node),
+										modelIdentity(node, record),
+										statusMeta(runStatus(node?.status ?? "unknown")).label
+									].filter(Boolean).join(" · ")
+								})] })]
+							}), /* @__PURE__ */ jsx(Select$1, {
+								label: "Agent",
+								field: "agent",
+								value: actor,
+								onChange: selectActor,
+								children: index.actors.map((item) => /* @__PURE__ */ jsxs("option", {
+									value: item.id,
+									children: [
+										item.label,
+										" · ",
+										roleOf(item)
+									]
+								}, item.id))
+							})]
+						}),
+						/* @__PURE__ */ jsx(Capture, {
+							record,
+							index,
+							actor
+						}),
+						/* @__PURE__ */ jsxs(Tabs, {
+							value: view,
+							onValueChange: (view) => update({ view }),
+							children: [
+								/* @__PURE__ */ jsx(TabsList, {
+									"aria-label": "Agent evidence",
+									children: [
+										"chat",
+										"source",
+										"usage"
+									].map((tab) => /* @__PURE__ */ jsx(TabsTrigger, {
+										value: tab,
+										"data-view": tab,
+										children: tab === "chat" ? "Messages" : tab === "source" ? "Event details" : "Usage"
+									}, tab))
+								}),
+								/* @__PURE__ */ jsx(TabsContent, {
+									value: "chat",
+									forceMount: true,
+									hidden: view !== "chat",
+									"data-panel": "chat",
+									children: /* @__PURE__ */ jsx(Conversation, {
+										index,
+										actor,
+										cutoff,
+										query,
+										category,
+										selected: event?.id
+									})
+								}),
+								/* @__PURE__ */ jsx(TabsContent, {
+									value: "source",
+									forceMount: true,
+									hidden: view !== "source",
+									"data-panel": "source",
+									children: /* @__PURE__ */ jsx(EventDetails, {
+										event,
+										record,
+										index,
+										cutoff
+									})
+								}),
+								/* @__PURE__ */ jsxs(TabsContent, {
+									value: "usage",
+									forceMount: true,
+									hidden: view !== "usage",
+									"data-panel": "usage",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "metric-controls",
+										children: [/* @__PURE__ */ jsxs(Select$1, {
+											label: "Measure",
+											field: "metric",
+											value: metric,
+											onChange: (value) => setMetric(value),
+											children: [
+												/* @__PURE__ */ jsx("option", {
+													value: "cumulative",
+													children: "Cumulative tokens"
+												}),
+												/* @__PURE__ */ jsx("option", {
+													value: "response",
+													children: "Tokens per response"
+												}),
+												/* @__PURE__ */ jsx("option", {
+													value: "tool-time",
+													children: "Tool return time"
+												})
+											]
+										}), /* @__PURE__ */ jsxs(Select$1, {
+											label: "Horizontal axis",
+											field: "axis",
+											value: axis,
+											onChange: (value) => setAxis(value),
+											children: [/* @__PURE__ */ jsx("option", {
+												value: "time",
+												children: "Elapsed time"
+											}), /* @__PURE__ */ jsx("option", {
+												value: "order",
+												children: "Recorded order"
+											})]
+										})]
+									}), /* @__PURE__ */ jsx(RecordUsage, {
+										index,
+										cutoff,
+										actor,
+										metric,
+										axis,
+										inspect,
+										navigate
+									})]
+								})
+							]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "navigation",
+				children: [
+					/* @__PURE__ */ jsxs(Select$1, {
+						label: "Jump to a moment",
+						field: "moment",
+						value: event?.id ?? "",
+						onChange: (id) => {
+							const item = index.byEvent.get(id);
+							if (item) inspect(item);
+						},
+						children: [!visible.some((item) => item.id === event?.id) && /* @__PURE__ */ jsx("option", {
+							value: event?.id ?? "",
+							children: event ? "Selected event is outside this filter" : "Select an event"
+						}), visible.map((item) => /* @__PURE__ */ jsxs("option", {
+							value: item.id,
+							children: [
+								utcTime(item.at),
+								" · ",
+								item.label
+							]
+						}, item.id))]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						className: "ui-button",
+						"data-prev": true,
+						disabled: !visible.length,
+						onClick: () => navigate(-1),
+						children: "Previous"
+					}),
+					/* @__PURE__ */ jsx("button", {
+						className: "ui-button",
+						"data-next": true,
+						disabled: !visible.length,
+						onClick: () => navigate(1),
+						children: "Next"
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						"data-position": true,
+						children: [
+							position >= 0 ? position + 1 : "—",
+							" / ",
+							visible.length
+						]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						className: "download-record",
+						"data-download": true,
+						onClick: () => download(JSON.stringify(record, null, 2), record.runId + ".json", "application/json"),
+						children: "Download record"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("details", {
+				className: "assignment",
+				children: [
+					/* @__PURE__ */ jsx("summary", { children: "Original assignment" }),
+					/* @__PURE__ */ jsx("dl", {
+						"data-assignment": true,
+						children: Object.entries(record.assignment).filter(([key]) => key !== "source").map(([key, value]) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: key.replace(/([a-z])([A-Z])/g, "$1 $2") }), /* @__PURE__ */ jsx("dd", { children: typeof value === "string" ? value : JSON.stringify(value, null, 2) })] }, key))
+					}),
+					record.assignment.source && /* @__PURE__ */ jsxs("details", {
+						className: "assignment-source",
+						children: [/* @__PURE__ */ jsx("summary", { children: "Provenance" }), /* @__PURE__ */ jsx("pre", { children: JSON.stringify(record.assignment.source, null, 2) })]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("details", {
+				className: "coverage",
+				children: [/* @__PURE__ */ jsx("summary", { children: "Sources, redactions & capture gaps" }), /* @__PURE__ */ jsxs("div", {
+					"data-coverage": true,
+					children: [
+						record.coverage.publicContent && /* @__PURE__ */ jsx("p", { children: record.coverage.publicContent }),
+						record.coverage.categoryMethod && /* @__PURE__ */ jsx("p", { children: record.coverage.categoryMethod }),
+						record.coverage.cost && record.coverage.cost !== "Not recorded" && /* @__PURE__ */ jsxs("p", { children: ["Cost: ", record.coverage.cost] }),
+						record.terminal && /* @__PURE__ */ jsxs("p", { children: [
+							"Recorded terminal: ",
+							record.terminal.kind ?? "unknown",
+							record.terminal.reason ? ` · ${record.terminal.reason}` : ""
+						] }),
+						/* @__PURE__ */ jsx("pre", { children: JSON.stringify({
+							coverage: record.coverage,
+							sources: record.sources
+						}, null, 2) })
+					]
+				})]
+			})
+		]
+	});
+}
+function Capture({ record, index, actor }) {
+	const node = index.nodes.get(actor), capture = node?.metadata && typeof node.metadata === "object" ? node.metadata : void 0;
+	const retained = index.byActor.get(actor)?.length ?? 0;
+	const note = typeof node?.captureNote === "string" ? node.captureNote : typeof capture?.captureReason === "string" ? capture.captureReason : node?.capture && node.capture.status !== "complete" ? (record.coverage?.gaps ?? []).filter((gap) => gap.nodeId === actor).map((gap) => gap.detail).join(" ") : null;
+	const label = capture?.captureStatus === "retained-partial" || node?.capture?.status === "lossy" ? "Partial capture" : capture?.captureStatus === "missing-source" || node?.capture?.status === "absent" || !retained ? "Conversation unavailable" : capture?.captureStatus === "retained" ? "Retained capture" : null;
+	return label || note || node?.assignment ? /* @__PURE__ */ jsxs("div", {
+		className: "agent-capture-summary",
+		role: "status",
+		children: [
+			label,
+			note && /* @__PURE__ */ jsxs("details", { children: [/* @__PURE__ */ jsx("summary", { children: "Capture details" }), /* @__PURE__ */ jsx("p", { children: note })] }),
+			node?.assignment && /* @__PURE__ */ jsxs("details", { children: [/* @__PURE__ */ jsx("summary", { children: "What this agent did" }), /* @__PURE__ */ jsx("p", { children: node.assignment })] })
+		]
+	}) : null;
+}
+function EventDetails({ event, record, index, cutoff }) {
+	if (!event) return /* @__PURE__ */ jsx("p", {
+		className: "chat-empty",
+		children: "No source event selected."
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("h4", {
+			"data-event-title": true,
+			children: event.label
+		}),
+		/* @__PURE__ */ jsxs("p", {
+			className: "small",
+			"data-event-meta": true,
+			children: [
+				utcTime(event.at, true),
+				" · ",
+				index.nodes.get(index.canonical(event.node))?.label ?? event.node
+			]
+		}),
+		ms(event.at) > cutoff ? /* @__PURE__ */ jsx("p", { children: "This event occurs after the selected time. Advance the timeline to read it." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			textOf(event) && /* @__PURE__ */ jsx(StructuredContent, { text: textOf(event) }),
+			event.detail.publicToolCalls?.map((call) => /* @__PURE__ */ jsxs("section", {
+				className: "event-tool",
+				children: [/* @__PURE__ */ jsx("h4", { children: call.name }), call.input === void 0 ? /* @__PURE__ */ jsx("p", {
+					className: "publication-note",
+					children: "Args not captured."
+				}) : /* @__PURE__ */ jsx(StructuredContent, {
+					text: call.input,
+					rawLabel: "Raw input"
+				})]
+			}, call.id)),
+			!textOf(event) && !event.detail.publicToolCalls?.length && /* @__PURE__ */ jsx("p", { children: event.detail.contentOmitted ?? event.detail.publicationNote ?? "No visible message or tool payload was retained for this event." }),
+			/* @__PURE__ */ jsxs("details", {
+				className: "raw-data",
+				children: [
+					/* @__PURE__ */ jsx("summary", { children: "Raw event and source" }),
+					/* @__PURE__ */ jsx("pre", {
+						"data-event-detail": true,
+						children: JSON.stringify(event.detail, null, 2)
+					}),
+					/* @__PURE__ */ jsx("pre", {
+						"data-event-source": true,
+						children: JSON.stringify(eventSource(event, record, index), null, 2)
+					})
+				]
+			})
+		] })
+	] });
+}
+// src/record/source-search.ts
+/** Render only source IDs and bytes already supplied in the selected play. */
+function readSourceSearch(value, playId, documents, revision) {
+	if (!value || typeof value !== "object") throw new Error("Source response unavailable");
+	const result = value;
+	if (result.scopeId !== playId || typeof result.revision !== "string" || revision !== void 0 && result.revision !== revision || !Array.isArray(result.hits)) throw new Error("Source response does not match this play");
+	const excerpts = /* @__PURE__ */ new Map();
+	return {
+		documents: result.hits.map((hit) => {
+			if (!hit || typeof hit !== "object") throw new Error("Invalid source response");
+			const source = hit.source;
+			if (!source || typeof source !== "object") throw new Error("Invalid source response");
+			const item = source;
+			const document = documents.find((doc) => doc.id === item.id);
+			if (!document || document.sha256 !== item.contentHash || document.content !== item.text) throw new Error("Source bytes do not match this retained play");
+			excerpts.set(document.id, document.content);
+			return document;
+		}),
+		indexedAt: typeof result.indexedAt === "string" ? result.indexedAt : null,
+		revision: result.revision,
+		excerpts
+	};
+}
+// src/record/KnowledgeBrowser.tsx
+/** Only exact retained paths resolve. This never reads the host filesystem. */
+function resolveDocument(documents, href, from) {
+	if (/^[a-z][a-z\d+.-]*:/i.test(href) || href.startsWith("//")) return void 0;
+	let path = href.split("#")[0] ?? "";
+	try {
+		path = decodeURIComponent(path);
+	} catch {
+		return;
+	}
+	if (!path) return documents.find((item) => item.path === from);
+	const alias = (item, value) => item.sourcePath === value || Array.isArray(item.aliases) && item.aliases.includes(value);
+	const unique = (matches) => matches.length === 1 ? matches[0] : void 0;
+	if (!from || path.startsWith("/")) {
+		const exact = unique(documents.filter((item) => item.path === path || alias(item, path)));
+		if (exact) return exact;
+	}
+	const segments = (path.startsWith("/") ? path : (from?.split("/").slice(0, -1).join("/") ?? "") + "/" + path).split("/");
+	const normalized = [];
+	for (const segment of segments) if (segment === "..") normalized.pop();
+	else if (segment && segment !== ".") normalized.push(segment);
+	return unique(documents.filter((item) => item.path.replace(/^\//, "") === normalized.join("/"))) ?? unique(documents.filter((item) => alias(item, path)));
+}
+function snippet(content, words) {
+	const lower = content.toLowerCase();
+	const positions = words.map((word) => lower.indexOf(word)).filter((index) => index >= 0);
+	const start = positions.length ? Math.max(0, Math.min(...positions) - 45) : 0;
+	return (start ? "…" : "") + content.slice(start, start + 160).replace(/\s+/g, " ") + (content.length > start + 160 ? "…" : "");
+}
+function KnowledgeBrowser({ documents, selection, onSelect, onClear, reportsOnly = false, playId, sourceSearchEndpoint }) {
+	const [query, setQuery] = useState("");
+	const [kind, setKind] = useState("all");
+	const [submittedQuery, setSubmittedQuery] = useState("");
+	const [result, setResult] = useState();
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState("");
+	const request = useRef(void 0);
+	useEffect(() => {
+		request.current?.abort();
+		setResult(void 0);
+		setError("");
+		setBusy(false);
+		return () => request.current?.abort();
+	}, [
+		documents,
+		playId,
+		sourceSearchEndpoint
+	]);
+	const index = useMemo(() => documents.map((document) => ({
+		document,
+		text: [
+			document.title,
+			document.path,
+			document.content
+		].join("\n").toLowerCase()
+	})), [documents]);
+	const words = (result ? submittedQuery : query).toLowerCase().trim().split(/\s+/).filter(Boolean);
+	const selected = documents.find((document) => document.path === selection?.path);
+	const visible = (result ? result.documents.map((document) => ({
+		document,
+		text: document.content.toLowerCase()
+	})) : index).filter(({ document, text }) => (!reportsOnly || document.kind === "report") && (kind === "all" || document.kind === kind) && (sourceSearchEndpoint || words.every((word) => text.includes(word))));
+	async function search() {
+		if (!sourceSearchEndpoint || !playId || !query.trim()) return;
+		request.current?.abort();
+		const controller = new AbortController();
+		request.current = controller;
+		setBusy(true);
+		setError("");
+		setResult(void 0);
+		setSubmittedQuery(query.trim());
+		try {
+			const params = new URLSearchParams({
+				play: playId,
+				q: query.trim(),
+				limit: "10"
+			});
+			const response = await fetch(sourceSearchEndpoint + "?" + params, {
+				signal: controller.signal,
+				credentials: "same-origin"
+			});
+			if (!response.ok) throw new Error("Source index unavailable");
+			const next = readSourceSearch(await response.json(), playId, documents, sourceSearchEndpoint.match(/\/revisions\/([^/]+)\//)?.[1]);
+			if (!controller.signal.aborted) setResult(next);
+		} catch {
+			if (!controller.signal.aborted) setError("Source search failed or returned text that does not match these sources.");
+		} finally {
+			if (!controller.signal.aborted) setBusy(false);
+		}
+	}
+	if (selected) return /* @__PURE__ */ jsxs("section", {
+		className: "research-source-reader",
+		"aria-label": "Selected source",
+		children: [/* @__PURE__ */ jsx("button", {
+			className: "ui-button source-back",
+			onClick: onClear,
+			children: "← All sources"
+		}), /* @__PURE__ */ jsx(DocumentReader, {
+			document: selected,
+			documents,
+			selection,
+			onSelect
+		}, selected.id)]
+	});
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rr-knowledge flat-sources",
+		"aria-label": "Sources",
+		children: [
+			/* @__PURE__ */ jsxs("form", {
+				className: "rr-knowledge-controls",
+				onSubmit: (event) => {
+					event.preventDefault();
+					search();
+				},
+				children: [
+					/* @__PURE__ */ jsxs("label", {
+						className: "ui-field",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "ui-label",
+							children: sourceSearchEndpoint ? "Search this play’s sources" : "Search retained sources"
+						}), /* @__PURE__ */ jsx("input", {
+							type: "search",
+							value: query,
+							maxLength: 500,
+							placeholder: "Question keywords, result, or source…",
+							onChange: (event) => setQuery(event.target.value)
+						})]
+					}),
+					sourceSearchEndpoint && /* @__PURE__ */ jsx("button", {
+						className: "ui-button",
+						disabled: busy || !query.trim(),
+						children: busy ? "Searching…" : "Search"
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "ui-field",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "ui-label",
+							children: "File kind"
+						}), /* @__PURE__ */ jsxs("select", {
+							value: kind,
+							onChange: (event) => setKind(event.target.value),
+							children: [
+								/* @__PURE__ */ jsx("option", {
+									value: "all",
+									children: "All files"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "report",
+									children: "Reports"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "knowledge",
+									children: "Research notes"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "code",
+									children: "Code"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "data",
+									children: "Data"
+								})
+							]
+						})]
+					}),
+					result && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "ui-button",
+						onClick: () => {
+							setResult(void 0);
+							setQuery("");
+							setKind("all");
+						},
+						children: "Browse all"
+					})
+				]
+			}),
+			(busy || result) && /* @__PURE__ */ jsx("p", {
+				className: "small",
+				role: "status",
+				children: busy ? "Searching…" : result?.indexedAt ? `Indexed ${result.indexedAt}` : "Index time unknown"
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "chat-empty",
+				children: error
+			}),
+			!busy && !error && /* @__PURE__ */ jsx("nav", {
+				className: "source-results",
+				"aria-label": "Retained documents",
+				children: visible.map(({ document }) => /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => {
+						const found = words.map((word) => document.content.toLowerCase().indexOf(word)).filter((index) => index >= 0);
+						onSelect({
+							path: document.path,
+							...result && found.length ? { line: document.content.slice(0, Math.min(...found)).split("\n").length } : {}
+						});
+					},
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "source-kind",
+							children: document.kind
+						}),
+						/* @__PURE__ */ jsx("strong", { children: document.title }),
+						/* @__PURE__ */ jsx("small", { children: document.path }),
+						words.length > 0 && /* @__PURE__ */ jsx("span", {
+							className: "rr-search-excerpt",
+							children: snippet(document.content, words)
+						})
+					]
+				}, document.id))
+			}),
+			!busy && !error && !visible.length && /* @__PURE__ */ jsx("p", {
+				className: "chat-empty",
+				children: "No matching sources. Only retained files are searched."
+			})
+		]
+	});
+}
+function DocumentReader({ document, documents, selection, onSelect }) {
+	const [source, setSource] = useState(document.kind === "code" || document.kind === "data");
+	const reader = useRef(null);
+	const download = useDownload();
+	const requestedLine = selection?.line;
+	const anchor = selection?.anchor;
+	useEffect(() => {
+		if (requestedLine && source) reader.current?.querySelector(`[data-line="${requestedLine}"]`)?.scrollIntoView({ block: "center" });
+		if (anchor && !source) {
+			let decoded = anchor;
+			try {
+				decoded = decodeURIComponent(anchor);
+			} catch {}
+			Array.from(reader.current?.querySelectorAll("h1,h2,h3,h4,h5,h6,[id]") ?? []).find((node) => node.id === decoded || node.textContent?.toLowerCase().replace(/[^\p{L}\p{N}\s-]/gu, "").replace(/\s+/g, "-") === decoded)?.scrollIntoView({ block: "start" });
+		}
+	}, [selection, source]);
+	return /* @__PURE__ */ jsxs("article", {
+		className: "rr-document",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "rr-document-header",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", { children: document.title }), /* @__PURE__ */ jsx("p", {
+					className: "rr-document-path",
+					children: document.path
+				})] }), /* @__PURE__ */ jsxs("div", {
+					className: "rr-document-actions",
+					children: [/* @__PURE__ */ jsx("button", {
+						className: "ui-button",
+						type: "button",
+						"aria-pressed": source,
+						onClick: () => setSource(!source),
+						children: source ? "Read document" : requestedLine ? "View cited line" : "View source"
+					}), /* @__PURE__ */ jsx("button", {
+						className: "ui-button",
+						type: "button",
+						onClick: () => download(document.content, document.path.split("/").pop() || "document.txt", "text/plain;charset=utf-8"),
+						children: "Download original"
+					})]
+				})]
+			}),
+			document.sha256 && /* @__PURE__ */ jsxs("details", {
+				className: "rr-document-provenance",
+				children: [
+					/* @__PURE__ */ jsx("summary", { children: "Source fingerprint" }),
+					/* @__PURE__ */ jsxs("code", { children: ["SHA-256 ", document.sha256] }),
+					/* @__PURE__ */ jsx("p", { children: "Supplied with the report; not checked against the archive." })
+				]
+			}),
+			requestedLine && /* @__PURE__ */ jsx("p", {
+				className: "rr-meta",
+				children: requestedLine > document.content.split("\n").length ? `Referenced line ${requestedLine} is outside this document.` : `Cited line ${requestedLine}${source ? " · source view" : ""}`
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "rr-document-content",
+				ref: reader,
+				children: source ? /* @__PURE__ */ jsx("pre", {
+					className: "rr-document-source",
+					children: /* @__PURE__ */ jsx("code", { children: document.content.split("\n").map((line, i) => /* @__PURE__ */ jsxs("span", {
+						"data-line": i + 1,
+						"data-highlight": i + 1 === requestedLine || void 0,
+						children: [/* @__PURE__ */ jsx("span", {
+							"aria-hidden": "true",
+							children: i + 1
+						}), line || "\n"]
+					}, i)) })
+				}) : /* @__PURE__ */ jsx(ResearchMarkdown, {
+					document,
+					documents,
+					onSelect
+				})
+			})
+		]
+	});
+}
+const ResearchMarkdown = memo(function ResearchMarkdown({ document, documents, onSelect }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "rr-markdown",
+		children: /* @__PURE__ */ jsx(Markdown, {
+			skipHtml: true,
+			remarkPlugins: [remarkGfm, [remarkMath, { singleDollarTextMath: false }]],
+			rehypePlugins: [[rehypeKatex, {
+				output: "mathml",
+				trust: false,
+				strict: "warn",
+				maxExpand: 1e3,
+				maxSize: 20
+			}]],
+			urlTransform: (url) => url,
+			components: {
+				a: ({ href = "", children }) => {
+					const target = resolveDocument(documents, href, document.path);
+					if (target) return /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "rr-inline-link",
+						onClick: () => onSelect({
+							path: target.path,
+							anchor: href.split("#")[1]
+						}),
+						children
+					});
+					if (/^https?:\/\/[^\s]+$/i.test(href)) return /* @__PURE__ */ jsx("a", {
+						href,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children
+					});
+					return /* @__PURE__ */ jsx("span", {
+						title: href ? `Source not included: ${href}` : void 0,
+						children
+					});
+				},
+				img: ({ alt, src }) => /* @__PURE__ */ jsxs("span", {
+					className: "rr-media-reference",
+					children: [alt || "Image", src ? ` (${src})` : ""]
+				}),
+				table: ({ children }) => /* @__PURE__ */ jsx("div", {
+					className: "rr-table-scroll",
+					children: /* @__PURE__ */ jsx("table", { children })
+				})
+			},
+			children: document.content
+		})
+	});
+});
+// src/record/OutcomeBar.tsx
+const WORD = {
+	ok: "ok",
+	quota: "quota",
+	lost: "lost",
+	"rate-limit": "rate limit",
+	oom: "OOM",
+	refused: "refused",
+	aborted: "aborted",
+	other: "other"
+};
+const STATE = {
+	ok: "ok",
+	quota: "failed",
+	lost: "failed",
+	"rate-limit": "failed",
+	oom: "failed",
+	refused: "failed",
+	aborted: "other",
+	other: "other"
+};
+const COLOR = {
+	ok: "var(--ar-c-ok)",
+	failed: "var(--ar-c-fail)",
+	other: "var(--ar-c-neutral)"
+};
+function OutcomeLegend({ outcomes }) {
+	return /* @__PURE__ */ jsx("ul", {
+		className: "outcome-legend",
+		"aria-label": "Attempt outcomes",
+		children: [
+			"ok",
+			"failed",
+			"other"
+		].filter((state) => outcomes.some((outcome) => STATE[outcome] === state)).map((state) => /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("i", { style: { background: COLOR[state] } }), state] }, state))
+	});
+}
+/** Recorded agent-hours share the report's axis; absent hours remain unknown. */
+function OutcomeBar({ row, max }) {
+	const by = row.hoursByOutcome, total = Object.values(by ?? {}).reduce((sum, value) => sum + value, 0);
+	if (!total) return /* @__PURE__ */ jsx("span", {
+		className: "faint",
+		title: "attempts not recorded",
+		children: "—"
+	});
+	const parts = OUTCOME_ORDER.filter((outcome) => (by?.[outcome] ?? 0) > 0);
+	const label = (outcome) => `${WORD[outcome]} ${by[outcome].toFixed(2)} h${row.triesByOutcome?.[outcome] !== void 0 ? ` · ${row.triesByOutcome[outcome]} tries` : ""}`;
+	return /* @__PURE__ */ jsxs("span", {
+		className: "outcome-bar",
+		title: parts.map(label).join("\n"),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "outcome-track",
+			style: { width: `${Math.max(2, total / max * 100)}%` },
+			children: parts.map((outcome) => /* @__PURE__ */ jsx("i", {
+				"data-outcome": outcome,
+				title: label(outcome),
+				style: {
+					flexGrow: by[outcome],
+					background: COLOR[STATE[outcome] ?? "other"]
+				}
+			}, outcome))
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "outcome-total num",
+			children: [total.toFixed(1), " h"]
+		})]
+	});
+}
+// src/record/ResearchReport.tsx
+const DocumentContext = createContext({
+	documents: [],
+	open: () => {}
+});
+function ResearchReport({ report, theme = "auto", defaultPlayId, onPlayChange, defaultView, onViewChange, defaultActivitySelection, onActivityChange, defaultDocumentSelection, onDocumentChange, sourceSearchEndpoint, figures, className = "" }) {
+	sourceSearchEndpoint = parseReportOptions({ sourceSearchEndpoint }).sourceSearchEndpoint;
+	const [selected, setSelected] = useState(defaultDocumentSelection?.playId ?? defaultPlayId ?? report.plays[0]?.id);
+	const [query, setQuery] = useState("");
+	const download = useDownload();
+	const plays = report.plays.filter((play) => [play.title, play.id].join(" ").toLowerCase().includes(query.trim().toLowerCase()));
+	const play = report.plays.find((item) => item.id === selected) ?? report.plays[0];
+	function choose(id) {
+		setSelected(id);
+		onPlayChange?.(id);
+	}
+	return /* @__PURE__ */ jsxs("article", {
+		className: "agent-record research-report research-workspace " + className,
+		"data-theme": theme,
+		children: [
+			/* @__PURE__ */ jsxs("aside", {
+				className: "research-rail",
+				children: [
+					/* @__PURE__ */ jsx("h1", { children: report.title }),
+					/* @__PURE__ */ jsxs("label", {
+						className: "ui-field",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "ui-label",
+							children: "Find a play"
+						}), /* @__PURE__ */ jsx("input", {
+							type: "search",
+							value: query,
+							onChange: (event) => setQuery(event.target.value),
+							placeholder: "Name…"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("nav", {
+						className: "research-play-list",
+						"aria-label": "Research plays",
+						children: [plays.map((item) => /* @__PURE__ */ jsxs("button", {
+							"aria-current": item.id === play?.id ? "page" : void 0,
+							onClick: () => choose(item.id),
+							children: [/* @__PURE__ */ jsx("span", { children: item.title }), /* @__PURE__ */ jsxs("small", { children: [
+								item.claims.length,
+								" results · ",
+								item.documents.length,
+								" sources"
+							] })]
+						}, item.id)), !plays.length && /* @__PURE__ */ jsx("p", {
+							className: "small",
+							children: "No matching play."
+						})]
+					}),
+					/* @__PURE__ */ jsxs("details", {
+						className: "research-info",
+						children: [
+							/* @__PURE__ */ jsx("summary", { children: "Report summary and exports" }),
+							/* @__PURE__ */ jsx("p", {
+								className: "small",
+								children: report.summary
+							}),
+							/* @__PURE__ */ jsxs("p", {
+								className: "small",
+								children: ["Authored ", utcTime(report.generatedAt, true)]
+							}),
+							report.freshness && /* @__PURE__ */ jsx("p", {
+								className: "small",
+								children: report.freshness.message
+							}),
+							/* @__PURE__ */ jsxs("p", {
+								className: "small",
+								children: [
+									"Assessed by ",
+									report.assessmentBy ?? "the report author",
+									"; assessment labels are judgments, not independent verification."
+								]
+							}),
+							report.limitations.length > 0 && /* @__PURE__ */ jsx("ul", { children: report.limitations.map((item, i) => /* @__PURE__ */ jsx("li", { children: item }, i)) }),
+							report.questionCoverage.length > 0 && /* @__PURE__ */ jsx(Questions, {
+								questions: report.questionCoverage,
+								inspect: () => {},
+								printOnly: false
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "research-exports",
+								children: [
+									/* @__PURE__ */ jsx("button", {
+										className: "ui-button",
+										onClick: () => download(reportToLatex(report), report.id + ".tex", "application/x-tex"),
+										children: "Export LaTeX"
+									}),
+									/* @__PURE__ */ jsx("button", {
+										className: "ui-button",
+										onClick: () => download(JSON.stringify(report, null, 2), report.id + ".json", "application/json"),
+										children: "Download data"
+									}),
+									/* @__PURE__ */ jsx("button", {
+										className: "ui-button",
+										onClick: () => window.print(),
+										children: "Print results"
+									})
+								]
+							})
+						]
+					})
+				]
+			}),
+			play ? /* @__PURE__ */ jsx(PlayReport, {
+				play,
+				report,
+				theme,
+				initialView: defaultView,
+				initialActivity: defaultActivitySelection,
+				onActivityChange,
+				initialDocument: defaultDocumentSelection?.playId === play.id ? defaultDocumentSelection : void 0,
+				onDocumentChange,
+				onViewChange,
+				sourceSearchEndpoint,
+				figures
+			}, play.id) : /* @__PURE__ */ jsx("p", {
+				className: "chat-empty",
+				children: "No plays were included."
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "rr-print",
+				children: report.plays.map((item) => /* @__PURE__ */ jsx(PlayReport, {
+					play: item,
+					report,
+					theme,
+					printOnly: true
+				}, item.id))
+			})
+		]
+	});
+}
+function PlayReport({ play, report, theme, printOnly = false, initialDocument, initialView, initialActivity, onActivityChange, onDocumentChange, onViewChange, sourceSearchEndpoint, figures }) {
+	const [view, setView] = useState(initialDocument ? "sources" : initialView ?? "results");
+	const [selection, setSelection] = useState(initialActivity);
+	const [documentSelection, setDocumentSelection] = useState(initialDocument);
+	const uid = useId();
+	const download = useDownload();
+	const anchor = (id) => printOnly ? void 0 : id;
+	function show(next) {
+		if (next === "sources") setDocumentSelection(void 0);
+		setView(next);
+		onViewChange?.(next);
+	}
+	function inspect(eventId) {
+		if (!play.record?.events.find((item) => item.id === eventId) || !play.record) return;
+		setSelection({
+			runId: play.record.runId,
+			eventId,
+			view: "source"
+		});
+		show("activity");
+		onActivityChange?.(play.id, {
+			runId: play.record.runId,
+			eventId,
+			view: "source"
+		});
+	}
+	function openDocument(next) {
+		setDocumentSelection(next);
+		setView("sources");
+		onDocumentChange?.({
+			playId: play.id,
+			...next
+		});
+	}
+	return /* @__PURE__ */ jsx(DocumentContext.Provider, {
+		value: {
+			documents: play.documents,
+			open: openDocument
+		},
+		children: /* @__PURE__ */ jsxs("section", {
+			className: "research-main",
+			"aria-labelledby": uid,
+			children: [
+				/* @__PURE__ */ jsxs("header", {
+					className: "research-heading",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
+						id: uid,
+						children: play.title
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "small",
+						children: [
+							play.updatedAt ? `Updated ${utcTime(play.updatedAt, true)}` : "Update time unknown",
+							" · ",
+							play.status ?? "State unknown",
+							play.href && /* @__PURE__ */ jsxs(Fragment, { children: [" · ", /* @__PURE__ */ jsx("a", {
+								href: play.href,
+								children: "Play page"
+							})] })
+						]
+					})] }), !printOnly && /* @__PURE__ */ jsx("button", {
+						className: "ui-button",
+						onClick: () => download(reportToLatex(report, play.id), play.id + ".tex", "application/x-tex"),
+						children: "Export"
+					})]
+				}),
+				!printOnly && /* @__PURE__ */ jsx("nav", {
+					className: "research-sections",
+					"aria-label": "Play sections",
+					children: [
+						"results",
+						"activity",
+						"sources"
+					].map((section) => /* @__PURE__ */ jsxs("button", {
+						"aria-current": view === section ? "page" : void 0,
+						onClick: () => show(section),
+						children: [section[0].toUpperCase() + section.slice(1), section === "sources" ? ` · ${play.documents.length}` : ""]
+					}, section))
+				}),
+				(printOnly || view === "results") && /* @__PURE__ */ jsxs("div", {
+					className: "research-results",
+					children: [
+						play.verdict ? /* @__PURE__ */ jsxs("section", {
+							className: "rr-section rr-lead-verdict",
+							id: anchor("verdict"),
+							"data-section": "verdict",
+							"aria-label": "Verdict",
+							children: [
+								/* @__PURE__ */ jsx("h3", { children: "Verdict" }),
+								play.verdict.status && /* @__PURE__ */ jsx("p", {
+									className: "rr-assessment",
+									"data-assessment": play.verdict.status,
+									children: play.verdict.status.replace(/-/g, " ")
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "research-summary",
+									children: play.verdict.sentence
+								}),
+								/* @__PURE__ */ jsx(Sources, {
+									sources: play.verdict.evidence,
+									inspect,
+									printOnly,
+									inline: true
+								})
+							]
+						}) : /* @__PURE__ */ jsx("p", {
+							className: "research-summary",
+							children: play.summary
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "research-result-list",
+							children: play.claims.map((claim) => /* @__PURE__ */ jsxs("article", {
+								className: "research-result",
+								children: [
+									/* @__PURE__ */ jsx("p", {
+										className: "rr-assessment",
+										"data-assessment": claim.status,
+										children: claim.status[0].toUpperCase() + claim.status.slice(1)
+									}),
+									/* @__PURE__ */ jsx("h3", { children: typeof claim.title === "string" ? claim.title : claim.statement }),
+									typeof claim.title === "string" && /* @__PURE__ */ jsx("p", { children: claim.statement }),
+									claim.method && /* @__PURE__ */ jsx("p", {
+										className: "small",
+										children: claim.method
+									}),
+									claim.limitations.length > 0 && /* @__PURE__ */ jsx("ul", {
+										className: "rr-limitations",
+										children: claim.limitations.map((item, i) => /* @__PURE__ */ jsx("li", { children: item }, i))
+									}),
+									claim.evidence.length > 0 ? /* @__PURE__ */ jsx(Sources, {
+										sources: claim.evidence,
+										inspect,
+										printOnly
+									}) : /* @__PURE__ */ jsx("p", {
+										className: "small",
+										children: "Supporting sources not supplied."
+									})
+								]
+							}, claim.id))
+						}),
+						!play.claims.length && !play.questionCoverage.length && /* @__PURE__ */ jsx("p", {
+							className: "chat-empty",
+							children: "No assessed results supplied."
+						}),
+						play.questionCoverage.length > 0 && /* @__PURE__ */ jsx(Questions, {
+							questions: play.questionCoverage,
+							inspect,
+							printOnly,
+							open: !play.claims.length,
+							id: anchor("questions")
+						}),
+						play.sections?.map((section) => /* @__PURE__ */ jsxs("section", {
+							className: "rr-section",
+							id: anchor(section.id),
+							"data-section": section.id,
+							"aria-label": section.title,
+							children: [
+								/* @__PURE__ */ jsx("h3", { children: section.title }),
+								section.summary && /* @__PURE__ */ jsx("p", { children: section.summary }),
+								!printOnly && figures?.[section.id],
+								play.metrics.some((metric) => metric.section === section.id) && /* @__PURE__ */ jsx("dl", {
+									className: "rr-metrics rr-fact-grid",
+									children: play.metrics.filter((metric) => metric.section === section.id).map((metric) => /* @__PURE__ */ jsx(Fact, {
+										metric,
+										inspect,
+										printOnly
+									}, metric.id))
+								}),
+								play.tables?.filter((table) => table.section === section.id).map((table) => /* @__PURE__ */ jsx(Table, {
+									table,
+									inspect,
+									printOnly
+								}, table.id))
+							]
+						}, section.id)),
+						play.runs && play.runs.length > 0 && /* @__PURE__ */ jsx(Runs, {
+							runs: play.runs,
+							inspect,
+							printOnly,
+							id: anchor("runs")
+						}),
+						play.rules && /* @__PURE__ */ jsx(Rules, {
+							rules: play.rules,
+							inspect,
+							printOnly,
+							id: anchor("anomalies")
+						}),
+						play.unknowns && /* @__PURE__ */ jsx(Unknowns, {
+							unknowns: play.unknowns,
+							id: anchor("unknowns")
+						}),
+						play.observations.length > 0 && /* @__PURE__ */ jsxs("details", {
+							className: "research-observations",
+							open: printOnly || void 0,
+							children: [/* @__PURE__ */ jsx("summary", { children: "Checks and next steps" }), play.observations.map((item) => /* @__PURE__ */ jsxs("article", { children: [
+								/* @__PURE__ */ jsx("h3", { children: item.title }),
+								/* @__PURE__ */ jsx("p", { children: item.body }),
+								item.evidence.length > 0 && /* @__PURE__ */ jsx(Sources, {
+									sources: item.evidence,
+									inspect,
+									printOnly
+								})
+							] }, item.id))]
+						}),
+						/* @__PURE__ */ jsxs("details", {
+							className: "research-measurements",
+							open: printOnly || void 0,
+							children: [
+								/* @__PURE__ */ jsx("summary", { children: "Measurements and coverage" }),
+								play.metrics.some((metric) => !metric.section) && /* @__PURE__ */ jsx("dl", {
+									className: "rr-metrics",
+									"aria-label": "Recorded measurements",
+									children: play.metrics.filter((metric) => !metric.section).map((metric) => /* @__PURE__ */ jsx(Fact, {
+										metric,
+										inspect,
+										printOnly
+									}, metric.id))
+								}),
+								play.limitations.length > 0 && /* @__PURE__ */ jsx("ul", { children: play.limitations.map((item, i) => /* @__PURE__ */ jsx("li", { children: item }, i)) }),
+								!play.record && /* @__PURE__ */ jsx("p", { children: "No event record was supplied for this play. Activity and topology are unavailable." }),
+								play.sources.length > 0 && /* @__PURE__ */ jsx(Sources, {
+									sources: play.sources,
+									inspect,
+									printOnly
+								})
+							]
+						})
+					]
+				}),
+				!printOnly && view === "sources" && /* @__PURE__ */ jsx(KnowledgeBrowser, {
+					documents: play.documents,
+					selection: documentSelection,
+					onSelect: openDocument,
+					onClear: () => {
+						setDocumentSelection(void 0);
+						show("sources");
+					},
+					playId: play.id,
+					sourceSearchEndpoint
+				}),
+				!printOnly && view === "activity" && (play.record ? /* @__PURE__ */ jsx(AgentRecord, {
+					records: [play.record],
+					theme,
+					selection,
+					onSelectionChange: (next) => {
+						setSelection(next);
+						onActivityChange?.(play.id, next);
+					}
+				}) : /* @__PURE__ */ jsx("p", {
+					className: "chat-empty",
+					children: "No event record was supplied for this play. Its activity and topology are unavailable."
+				}))
+			]
+		})
+	});
+}
+function Questions({ questions, inspect, printOnly, open = false, id }) {
+	return /* @__PURE__ */ jsxs("details", {
+		className: "rr-questions",
+		id,
+		open: printOnly || open || void 0,
+		children: [/* @__PURE__ */ jsx("summary", { children: "Questions and answers" }), /* @__PURE__ */ jsx("dl", { children: questions.map((item) => /* @__PURE__ */ jsxs("div", {
+			className: "rr-question",
+			children: [
+				/* @__PURE__ */ jsx("dt", { children: item.question }),
+				/* @__PURE__ */ jsx("dd", {
+					className: "rr-meta",
+					children: item.status.replace(/_/g, " ")
+				}),
+				item.answer ? /* @__PURE__ */ jsx("dd", { children: item.answer }) : item.status !== "observed" && /* @__PURE__ */ jsx("dd", {
+					className: "rr-unknown",
+					children: "Unknown"
+				}),
+				item.why && /* @__PURE__ */ jsxs("dd", {
+					className: "rr-meta",
+					children: [item.status === "observed" ? "Not known: " : "Why: ", item.why]
+				}),
+				item.record && /* @__PURE__ */ jsxs("dd", {
+					className: "rr-meta",
+					children: ["Would be answered by: ", item.record]
+				}),
+				item.evidence.length > 0 && /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(Sources, {
+					sources: item.evidence,
+					inspect,
+					printOnly,
+					inline: true
+				}) })
+			]
+		}, item.id)) })]
+	});
+}
+function Sources({ sources, inspect, printOnly, inline = false }) {
+	const documents = useContext(DocumentContext);
+	if (inline && sources.every((source) => !source.excerpt && !source.eventId)) return /* @__PURE__ */ jsx("ul", {
+		className: "rr-source-line",
+		children: sources.map((source, i) => /* @__PURE__ */ jsxs("li", { children: [
+			/* @__PURE__ */ jsx("span", { children: "Source " }),
+			source.label && /* @__PURE__ */ jsxs("strong", { children: [source.label, " "] }),
+			source.url && /* @__PURE__ */ jsx("a", {
+				href: source.url,
+				target: "_blank",
+				rel: "noreferrer",
+				children: source.url
+			}),
+			source.path && /* @__PURE__ */ jsxs("code", { children: [source.path, source.line ? ":" + source.line : ""] }),
+			source.asOf ? /* @__PURE__ */ jsxs("span", { children: [" · as of ", utcTime(source.asOf, true)] }) : /* @__PURE__ */ jsx("span", { children: " · as-of time not recorded" })
+		] }, i))
+	});
+	return /* @__PURE__ */ jsxs("details", {
+		className: "rr-sources",
+		open: printOnly || void 0,
+		children: [/* @__PURE__ */ jsxs("summary", { children: [
+			sources.length,
+			" ",
+			sources.length === 1 ? "source" : "sources"
+		] }), /* @__PURE__ */ jsx("ol", { children: sources.map((source, i) => /* @__PURE__ */ jsxs("li", { children: [
+			source.label && /* @__PURE__ */ jsx("strong", { children: source.label }),
+			source.url && /* @__PURE__ */ jsx("a", {
+				href: source.url,
+				target: "_blank",
+				rel: "noreferrer",
+				children: source.url
+			}),
+			source.path && /* @__PURE__ */ jsxs("code", { children: [source.path, source.line ? ":" + source.line : ""] }),
+			!printOnly && source.path && resolveDocument(documents.documents, source.path) && /* @__PURE__ */ jsx("button", {
+				className: "ui-button",
+				type: "button",
+				onClick: () => documents.open({
+					path: resolveDocument(documents.documents, source.path).path,
+					line: source.line
+				}),
+				children: "Read retained document"
+			}),
+			source.sha256 && /* @__PURE__ */ jsxs("small", { children: ["SHA-256 ", /* @__PURE__ */ jsx("code", { children: source.sha256 })] }),
+			source.asOf && /* @__PURE__ */ jsxs("small", { children: ["As of ", utcTime(source.asOf, true)] }),
+			source.excerpt && /* @__PURE__ */ jsx("blockquote", { children: source.excerpt }),
+			source.eventId && (printOnly ? /* @__PURE__ */ jsxs("code", { children: ["Event: ", source.eventId] }) : /* @__PURE__ */ jsx("button", {
+				className: "ui-button",
+				type: "button",
+				onClick: () => inspect(source.eventId),
+				children: "Open recorded event"
+			}))
+		] }, i)) })]
+	});
+}
+/** One fact: its value with unit, or Unknown with why and the record that would answer it, then its source. */
+function Fact({ metric, inspect, printOnly }) {
+	const mark = metric.comparable === false ? "not comparable" : metric.comparable === true ? "comparable" : null;
+	const note = mark && metric.note ? metric.note.replace(/^not comparable:\s*/i, "") : metric.note;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-fact": metric.id,
+		"data-unknown": metric.value === null || void 0,
+		children: [
+			/* @__PURE__ */ jsx("dt", { children: metric.label }),
+			/* @__PURE__ */ jsxs("dd", {
+				className: metric.value === null ? "rr-unknown" : void 0,
+				children: [metric.value ?? "Unknown", metric.value !== null && metric.unit ? ` ${metric.unit}` : ""]
+			}),
+			mark && /* @__PURE__ */ jsx("small", {
+				className: "rr-comparable",
+				"data-comparable": String(metric.comparable),
+				children: mark
+			}),
+			note && /* @__PURE__ */ jsx("small", { children: note }),
+			metric.coverage && /* @__PURE__ */ jsx("small", { children: metric.coverage }),
+			metric.value === null && metric.why && /* @__PURE__ */ jsxs("small", { children: ["Why: ", metric.why] }),
+			metric.value === null && metric.record && /* @__PURE__ */ jsxs("small", { children: ["Would be answered by: ", metric.record] }),
+			metric.source && /* @__PURE__ */ jsx(Sources, {
+				sources: [metric.source],
+				inspect,
+				printOnly,
+				inline: true
+			})
+		]
+	});
+}
+function Table({ table, inspect, printOnly }) {
+	const marked = table.rows.some((row) => row.some((cell) => cell.comparable === false));
+	return /* @__PURE__ */ jsxs("figure", {
+		className: "rr-data-table",
+		"data-table": table.id,
+		children: [
+			/* @__PURE__ */ jsxs("figcaption", { children: [table.title, marked && /* @__PURE__ */ jsx("span", {
+				className: "small",
+				children: " · * not comparable with the bar"
+			})] }),
+			/* @__PURE__ */ jsx("div", {
+				className: "rr-table-scroll",
+				children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: table.columns.map((column) => /* @__PURE__ */ jsx("th", {
+					scope: "col",
+					children: column
+				}, column)) }) }), /* @__PURE__ */ jsx("tbody", { children: table.rows.map((row, i) => /* @__PURE__ */ jsx("tr", { children: row.map((cell, j) => /* @__PURE__ */ jsxs("td", {
+					className: cell.text === null ? "rr-unknown" : void 0,
+					title: cell.note,
+					children: [
+						cell.text === null ? "unknown" : cell.href ? /* @__PURE__ */ jsx("a", {
+							href: cell.href,
+							children: cell.text
+						}) : cell.text,
+						cell.comparable === false && /* @__PURE__ */ jsx("span", {
+							className: "rr-comparable",
+							"data-comparable": "false",
+							children: "*"
+						}),
+						cell.note && /* @__PURE__ */ jsx("small", { children: cell.note })
+					]
+				}, j)) }, i)) })] })
+			}),
+			table.source && /* @__PURE__ */ jsx(Sources, {
+				sources: [table.source],
+				inspect,
+				printOnly,
+				inline: true
+			})
+		]
+	});
+}
+/** Each run: its ending, agent-hours stacked by attempt outcome on one shared axis (the play ledger's bar), and its page. */
+function Runs({ runs, inspect, printOnly, id }) {
+	const total = (run) => Object.values(run.hoursByOutcome ?? {}).reduce((sum, value) => sum + value, 0);
+	const max = Math.max(1, ...runs.map(total));
+	const present = OUTCOME_ORDER.filter((outcome) => runs.some((run) => (run.hoursByOutcome?.[outcome] ?? 0) > 0));
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rr-section",
+		id,
+		"data-section": "runs",
+		"aria-label": "Runs",
+		children: [
+			/* @__PURE__ */ jsx("h3", { children: "Runs" }),
+			present.length > 0 && /* @__PURE__ */ jsx(OutcomeLegend, { outcomes: present }),
+			/* @__PURE__ */ jsx("ol", {
+				className: "rr-runs",
+				children: runs.map((run) => /* @__PURE__ */ jsxs("li", {
+					className: "rr-run",
+					"data-run": run.id,
+					children: [
+						/* @__PURE__ */ jsxs("p", {
+							className: "rr-run-head",
+							children: [
+								run.href ? /* @__PURE__ */ jsx("a", {
+									href: run.href,
+									children: run.label
+								}) : /* @__PURE__ */ jsx("strong", { children: run.label }),
+								/* @__PURE__ */ jsx("span", { children: run.ending ?? "ending unknown" }),
+								run.best && /* @__PURE__ */ jsxs("span", { children: ["best ", run.best] }),
+								/* @__PURE__ */ jsx("span", { children: run.cost ?? "cost unknown" }),
+								/* @__PURE__ */ jsx("span", { children: run.wallHours === null ? "wall time unknown" : `${run.wallHours} h wall` })
+							]
+						}),
+						run.hoursByOutcome && total(run) > 0 ? /* @__PURE__ */ jsx(OutcomeBar, {
+							row: {
+								hoursByOutcome: run.hoursByOutcome,
+								triesByOutcome: run.triesByOutcome ?? null
+							},
+							max
+						}) : /* @__PURE__ */ jsx("dl", {
+							className: "rr-metrics rr-fact-grid",
+							children: /* @__PURE__ */ jsx(Fact, {
+								metric: run.agentHours,
+								inspect,
+								printOnly
+							})
+						}),
+						run.hoursByOutcome && total(run) > 0 && run.agentHours.source && /* @__PURE__ */ jsx(Sources, {
+							sources: [run.agentHours.source],
+							inspect,
+							printOnly,
+							inline: true
+						}),
+						run.reason && /* @__PURE__ */ jsx("p", {
+							className: "small",
+							children: run.reason
+						})
+					]
+				}, run.id))
+			})
+		]
+	});
+}
+const RULE_STATE = {
+	fired: "fired",
+	quiet: "quiet",
+	"could-not-evaluate": "could not evaluate"
+};
+/** What looks wrong: every rule with its state, and each instance it fired on with the sentence and source that say why. */
+function Rules({ rules, inspect, printOnly, id }) {
+	const fired = rules.reduce((sum, rule) => sum + rule.instances.length, 0);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rr-section",
+		id,
+		"data-section": "anomalies",
+		"aria-label": "Anomalies",
+		children: [
+			/* @__PURE__ */ jsx("h3", { children: "Anomalies" }),
+			/* @__PURE__ */ jsxs("p", { children: [
+				fired,
+				" ",
+				fired === 1 ? "anomaly" : "anomalies",
+				" from ",
+				rules.filter((rule) => rule.instances.length).length,
+				" of ",
+				rules.length,
+				" rules."
+			] }),
+			!rules.length && /* @__PURE__ */ jsx("p", {
+				className: "chat-empty",
+				children: "No rule was evaluated."
+			}),
+			/* @__PURE__ */ jsx("ol", {
+				className: "rr-rules",
+				children: rules.map((rule) => /* @__PURE__ */ jsxs("li", {
+					className: "rr-rule",
+					"data-rule": rule.id,
+					"data-state": rule.state,
+					children: [
+						/* @__PURE__ */ jsxs("p", {
+							className: "rr-rule-head",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: "rr-assessment",
+									"data-rule-state": RULE_STATE[rule.state] ? rule.state : "unrecognised",
+									children: RULE_STATE[rule.state] ?? `unrecognised state: ${rule.state}`
+								}),
+								" ",
+								/* @__PURE__ */ jsx("strong", { children: rule.question })
+							]
+						}),
+						/* @__PURE__ */ jsxs("p", {
+							className: "rr-meta",
+							children: [
+								/* @__PURE__ */ jsx("code", { children: rule.id }),
+								rule.threshold && /* @__PURE__ */ jsxs(Fragment, { children: [" · threshold ", rule.threshold] }),
+								" · ",
+								rule.instances.length,
+								" fired"
+							]
+						}),
+						rule.instances.length > 0 && /* @__PURE__ */ jsx("ul", { children: rule.instances.map((instance, i) => /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsxs("p", { children: [instance.sentence, instance.value && /* @__PURE__ */ jsxs("span", {
+							className: "rr-meta",
+							children: [
+								" (",
+								instance.value,
+								")"
+							]
+						})] }), instance.evidence.length ? /* @__PURE__ */ jsx(Sources, {
+							sources: instance.evidence,
+							inspect,
+							printOnly,
+							inline: true
+						}) : /* @__PURE__ */ jsx("p", {
+							className: "rr-meta",
+							children: "Source not recorded."
+						})] }, i)) })
+					]
+				}, rule.id))
+			})
+		]
+	});
+}
+function Unknowns({ unknowns, id }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rr-section",
+		id,
+		"data-section": "unknowns",
+		"aria-label": "Unknowns",
+		children: [/* @__PURE__ */ jsx("h3", { children: "Unknowns" }), !unknowns.length ? /* @__PURE__ */ jsx("p", { children: "The report lists no unknown field." }) : /* @__PURE__ */ jsx("ul", {
+			className: "rr-unknowns",
+			children: unknowns.map((item, i) => /* @__PURE__ */ jsxs("li", {
+				"data-unknown-field": item.field,
+				children: [
+					/* @__PURE__ */ jsx("code", { children: item.field }),
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: "rr-unknown",
+						children: "unknown"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "rr-meta",
+						children: ["Why: ", item.why]
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "rr-meta",
+						children: ["Would be answered by: ", item.record]
+					})
+				]
+			}, i))
+		})]
+	});
+}
+// src/record/WorkGraph.tsx
+function RecordCard({ data }) {
+	const node = data.record;
+	return /* @__PURE__ */ jsxs("div", {
+		title: node.title,
+		className: `graph-node kind-${node.kind}`,
+		children: [
+			/* @__PURE__ */ jsx(Handle, {
+				type: "target",
+				position: Position.Left,
+				className: "opacity-0"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "graph-node-title",
+				children: node.title
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "graph-node-sub",
+				children: node.sub
+			}),
+			/* @__PURE__ */ jsx(Handle, {
+				type: "source",
+				position: Position.Right,
+				className: "opacity-0"
+			})
+		]
+	});
+}
+const nodeTypes = { record: RecordCard };
+/** Recorded evidence relationships keep their domain kinds; the maintained graph engine owns the camera and focus. */
+function RecordWorkGraph({ record }) {
+	const graph = useMemo(() => recordWorkGraphModel(record), [record]);
+	const wrapperRef = useRef(null);
+	const colorMode = useColorMode(wrapperRef, graph.nodes.length > 0);
+	const [selected, setSelected] = useState(null);
+	const chosen = selected ? graph.byId.get(selected) : void 0;
+	const adjacent = new Set(chosen ? [chosen.id, ...graph.edges.filter((edge) => edge.from === chosen.id || edge.to === chosen.id).flatMap((edge) => [edge.from, edge.to])] : []);
+	const nodes = useMemo(() => graph.nodes.map((node) => ({
+		id: node.id,
+		type: "record",
+		position: {
+			x: node.x,
+			y: node.y
+		},
+		data: { record: node },
+		width: NODE_W,
+		height: NODE_H,
+		ariaLabel: `${node.kind}: ${node.title}`,
+		domAttributes: {
+			"data-graph-node-id": node.id,
+			"data-graph-node-kind": node.kind,
+			"aria-pressed": node.id === selected
+		},
+		selected: node.id === selected,
+		style: { opacity: selected && !adjacent.has(node.id) ? .35 : 1 }
+	})), [graph, selected]);
+	const edges = useMemo(() => graph.edges.map((edge, i) => ({
+		id: String(i),
+		source: edge.from,
+		target: edge.to,
+		label: edge.kind,
+		markerEnd: { type: MarkerType.ArrowClosed },
+		className: `edge-${edge.kind}`,
+		style: { opacity: selected && edge.from !== selected && edge.to !== selected ? .2 : 1 },
+		data: { kind: edge.kind }
+	})), [graph, selected]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: wrapperRef,
+		className: "agent-record ar-ws",
+		children: /* @__PURE__ */ jsxs("section", {
+			className: "work-graph",
+			"aria-label": graph.title,
+			"data-work-graph": graph.nodes.length,
+			"data-graph-kind": "record",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "graph-main",
+				children: [
+					/* @__PURE__ */ jsxs("header", {
+						className: "graph-head",
+						children: [/* @__PURE__ */ jsx("h2", { children: graph.title }), /* @__PURE__ */ jsx("span", {
+							className: "faint",
+							children: graph.summary
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "graph-viewport",
+						style: { height: 560 },
+						onKeyDownCapture: (event) => {
+							const target = event.target instanceof Element ? event.target.closest(".react-flow__node[data-id]") : null;
+							const from = target?.dataset.id ? graph.byId.get(target.dataset.id) : void 0;
+							if (!from) return;
+							if (event.key === "Enter" || event.key === " ") {
+								event.preventDefault();
+								event.stopPropagation();
+								setSelected(selected === from.id ? null : from.id);
+								return;
+							}
+							if (![
+								"ArrowLeft",
+								"ArrowRight",
+								"ArrowUp",
+								"ArrowDown"
+							].includes(event.key)) return;
+							const horizontal = event.key === "ArrowLeft" || event.key === "ArrowRight", sign = event.key === "ArrowLeft" || event.key === "ArrowUp" ? -1 : 1;
+							const score = (node) => horizontal ? Math.abs(node.y - from.y) * 4 + Math.abs(node.x - from.x) : Math.abs(node.x - from.x) * 4 + Math.abs(node.y - from.y);
+							const next = graph.nodes.filter((node) => node.id !== from.id && (horizontal ? node.x - from.x : node.y - from.y) * sign > 0).sort((a, b) => score(a) - score(b) || a.id.localeCompare(b.id))[0];
+							if (next) {
+								event.preventDefault();
+								event.stopPropagation();
+								event.currentTarget.querySelector(`.react-flow__node[data-id="${CSS.escape(next.id)}"]`)?.focus();
+							}
+						},
+						children: /* @__PURE__ */ jsx(ReactFlow, {
+							colorMode,
+							nodes,
+							edges,
+							nodeTypes,
+							fitView: true,
+							nodesDraggable: false,
+							nodesConnectable: false,
+							minZoom: .12,
+							maxZoom: 2,
+							onNodeClick: (_, node) => setSelected(selected === node.id ? null : node.id),
+							onPaneClick: () => setSelected(null),
+							children: /* @__PURE__ */ jsx(Controls, { showInteractive: false })
+						}, record.runId)
+					}),
+					Object.keys(graph.hidden).length > 0 && /* @__PURE__ */ jsxs("p", {
+						className: "faint",
+						children: [
+							"Each lane shows its first ",
+							PER_LANE,
+							" results, claims and checks; ",
+							Object.values(graph.hidden).reduce((a, b) => a + b, 0),
+							" more are retained in the record."
+						]
+					}),
+					/* @__PURE__ */ jsx("ul", {
+						className: "graph-legend",
+						children: graph.legend.map((entry) => /* @__PURE__ */ jsx("li", { children: entry.label }, entry.kind))
+					})
+				]
+			}), /* @__PURE__ */ jsx("aside", {
+				className: "graph-side finding-card",
+				"aria-label": "Selected card",
+				children: chosen ? /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx("h3", { children: chosen.kind }),
+					/* @__PURE__ */ jsx("div", {
+						className: "graph-side-title",
+						children: chosen.title
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "faint",
+						children: chosen.sub
+					}),
+					chosen.summary && /* @__PURE__ */ jsx("p", { children: chosen.summary }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "faint",
+						children: [
+							graph.edges.filter((edge) => edge.from === chosen.id).length,
+							" links out · ",
+							graph.edges.filter((edge) => edge.to === chosen.id).length,
+							" links in"
+						]
+					}),
+					chosen.href && /* @__PURE__ */ jsx("a", {
+						href: chosen.href,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: "Open source ↗"
+					})
+				] }) : /* @__PURE__ */ jsx("p", {
+					className: "faint",
+					children: "Select a card to see its recorded relationships and details."
+				})
+			})]
+		})
+	});
+}
+// src/record/selection.ts
+/** URL selections only name documents already supplied within the exact play. */
+function readReportLocation(report, search) {
+	const params = new URLSearchParams(search);
+	if ([
+		"play",
+		"document",
+		"line",
+		"view",
+		"agent",
+		"event"
+	].some((key) => params.getAll(key).length > 1)) return { error: "This citation contains an ambiguous selection." };
+	const viewText = params.get("view");
+	if (viewText !== null && ![
+		"results",
+		"activity",
+		"sources"
+	].includes(viewText)) return { error: "Unknown research view." };
+	const view = viewText;
+	const viewOption = view ? { view } : {};
+	const playId = params.get("play") ?? void 0;
+	const path = params.get("document") ?? void 0;
+	const lineText = params.get("line") ?? void 0;
+	const agentId = params.get("agent") ?? void 0;
+	const eventId = params.get("event") ?? void 0;
+	if (!playId && (path !== void 0 || lineText !== void 0 || agentId !== void 0 || eventId !== void 0)) return { error: "A document citation must name its play." };
+	if (!playId) return viewOption;
+	const play = report.plays.find((item) => item.id === playId);
+	if (!play) return { error: "The cited play is not included in this report." };
+	if (agentId !== void 0 || eventId !== void 0) {
+		if (path !== void 0 || lineText !== void 0 || !play.record) return { error: "Activity citation does not match this play." };
+		const node = agentId ? play.record.nodes.find((item) => item.id === agentId) : void 0;
+		const event = eventId ? play.record.events.find((item) => item.id === eventId) : void 0;
+		if (agentId && !node || eventId && !event) return { error: "This activity is not retained in the selected play." };
+		if (event && node) {
+			const observed = play.record.nodes.find((item) => item.id === event.node);
+			if (event.node !== node.id && observed?.agentId !== node.id) return { error: "The event belongs to a different agent." };
+		}
+		return {
+			playId,
+			view: "activity",
+			activity: {
+				runId: play.record.runId,
+				...agentId ? { nodeId: agentId } : {},
+				...eventId ? { eventId } : {}
+			}
+		};
+	}
+	if (path === void 0) return lineText === void 0 ? {
+		playId,
+		...viewOption
+	} : { error: "A line citation must name its document." };
+	if (!play.documents.some((item) => item.path === path)) return { error: "The cited document is not retained in this play." };
+	const line = lineText === void 0 ? void 0 : Number(lineText);
+	if (line !== void 0 && (!/^[1-9]\d*$/.test(lineText) || !Number.isSafeInteger(line))) return { error: "The cited source line must be a positive whole number." };
+	return {
+		playId,
+		...viewOption,
+		document: {
+			playId,
+			path,
+			...line === void 0 ? {} : { line }
+		}
+	};
+}
+function reportLocationSearch(search, playId, document, view, activity) {
+	const params = new URLSearchParams(search);
+	params.set("play", playId);
+	params.delete("document");
+	params.delete("line");
+	params.delete("view");
+	params.delete("agent");
+	params.delete("event");
+	if (activity) {
+		if (activity.nodeId) params.set("agent", activity.nodeId);
+		if (activity.eventId) params.set("event", activity.eventId);
+	}
+	if (view) params.set("view", view);
+	if (document && document.playId === playId) {
+		params.set("document", document.path);
+		if (document.line !== void 0) params.set("line", String(document.line));
+	}
+	return "?" + params.toString();
+}
+export { AgentRecord, RecordWorkGraph, ResearchReport, readReportLocation, reportLocationSearch };