@peasant-labs/fairtrade 0.0.6 → 0.0.9

package/dist/lib/graph.js

@@ -1,28 +1,29 @@
-import { d as e, l as t, n, r, s as i, t as a, u as o } from "./InUseShell-CjtqHauP.js";
-import { useMemo as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Box as f, Check as p, ChevronDown as m, ChevronRight as h, Coins as g, CornerDownRight as _, FileDiff as v, FileText as y, GitMerge as b, Hash as x, MessageSquare as S, RotateCw as C, Share2 as w, Tag as T, TriangleAlert as E, X as D } from "lucide-react";
+import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as w, Y as T, Z as E, _ as D, at as O, b as k, ct as A, d as j, et as ee, f as M, g as N, h as P, j as F, k as I, l as te, m as L, n as R, p as z, q as B, r as ne, s as re, t as ie, tt as ae, u as oe, ut as se, v as ce, w as le, x as ue, y as de, z as fe } from "./InUseShell-ClWg74-v.js";
+import { useCallback as pe, useEffect as me, useMemo as V, useRef as H, useState as U } from "react";
+import { Fragment as he, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { Box as ge, Check as _e, ChevronDown as ve, ChevronRight as K, Coins as ye, CornerDownRight as be, FileCode as xe, FileDiff as Se, FileText as Ce, Folder as we, GitMerge as Te, Hash as Ee, Map as De, MessageSquare as Oe, RotateCw as ke, Search as Ae, Share2 as je, Tag as Me, TriangleAlert as Ne, X as Pe } from "lucide-react";
+import { AllChangeBindings as Fe, AllDiffLineKinds as Ie, AllEdgeViolationKinds as Le, AllFileChangeStatuses as Re, AllInsightKinds as ze, AllInsightProvenances as Be, AllMapNodeKinds as Ve, AllReadAttributionStates as He, AllReadStateGrades as Ue, ChangeBinding as We, DiffLineKind as Ge, EdgeViolationKind as Ke, FileChangeStatus as qe, InsightKind as Je, InsightProvenance as Ye, MapNodeKind as Xe, ReadAttributionState as Ze, ReadStateGrade as Qe, isChangeBinding as $e, isDiffLineKind as et, isEdgeViolationKind as tt, isFileChangeStatus as nt, isInsightKind as rt, isInsightProvenance as it, isMapNodeKind as at, isReadAttributionState as ot, isReadStateGrade as st } from "@peasant-labs/schema";
 //#region src/ui/graph/changeGraph.js
-var O = 6e4, k = 60 * O, A = 24 * k, j = 7 * A;
-function M(e, t) {
+var ct = 6e4, q = 60 * ct, J = 24 * q, lt = 7 * J;
+function Y(e, t) {
 	if (e == null) return "";
 	let n = Math.max(0, t - e);
-	return n < k ? `${Math.max(1, Math.floor(n / O))}m ago` : n < A ? `${Math.floor(n / k)}h ago` : n < j ? `${Math.floor(n / A)}d ago` : `${Math.floor(n / j)}wk ago`;
+	return n < q ? `${Math.max(1, Math.floor(n / ct))}m ago` : n < J ? `${Math.floor(n / q)}h ago` : n < lt ? `${Math.floor(n / J)}d ago` : `${Math.floor(n / lt)}wk ago`;
 }
-function N(e, { nowMs: t }) {
-	let n = e.recentCommits ?? [], r = e.changes ?? [], i = e.defaultBranch, a = r.filter((e) => !e.merged).slice().sort((e, t) => P(t) - P(e) || e.branch.localeCompare(t.branch)), o = r.filter((e) => e.merged && !e.reverted), s = r.filter((e) => e.merged && e.reverted), c = new Map(o.filter((e) => e.mergeCommitHash).map((e) => [e.mergeCommitHash, e])), l = a.map((e, t) => ({
+function ut(e, { nowMs: t }) {
+	let n = e.recentCommits ?? [], r = e.changes ?? [], i = e.defaultBranch, a = e.sessions ?? [], o = new Map(a.map((e) => [e.sessionId, e])), s = new Set(n.flatMap((e) => e.sessionIds ?? [])), c = r.filter((e) => !e.merged).slice().sort((e, t) => dt(t) - dt(e) || e.branch.localeCompare(t.branch)), l = r.filter((e) => e.merged && !e.reverted), u = r.filter((e) => e.merged && e.reverted), d = new Map(l.filter((e) => e.mergeCommitHash).map((e) => [e.mergeCommitHash, e])), f = c.map((e, t) => ({
 		change: e,
 		lane: t + 1,
 		baseHash: e.baseHash,
 		tipMs: e.tipCommitMs ?? null
-	})), u = [], d = /* @__PURE__ */ new Set(), f = (e) => {
-		for (let n of l) {
-			if (d.has(n.lane)) continue;
+	})), p = [], m = /* @__PURE__ */ new Set(), h = (e) => {
+		for (let n of f) {
+			if (m.has(n.lane)) continue;
 			let r = n.tipMs;
 			if (!(r == null ? e === null : e !== null && r >= e)) continue;
-			d.add(n.lane);
+			m.add(n.lane);
 			let i = n.change;
-			u.push({
+			p.push({
 				id: `tip:${i.branch}`,
 				lane: n.lane,
 				parents: n.baseHash ? [n.baseHash] : [],
@@ -30,94 +31,175 @@ function N(e, { nowMs: t }) {
 				branch: i.branch,
 				session: (i.sessionCount ?? 0) > 0,
 				tip: !0,
-				time: M(n.tipMs, t)
+				time: Y(n.tipMs, t)
 			});
 		}
 	};
-	return f(null), n.forEach((e, r) => {
-		f(e.timeMs ?? -Infinity);
-		let a = n[r + 1], o = a ? [a.hash] : [], s = c.get(e.hash);
-		s && o.push(`tip:${s.branch}`), u.push({
+	h(null), n.forEach((e, r) => {
+		h(e.timeMs ?? -Infinity);
+		let a = n[r + 1], s = a ? [a.hash] : [], c = d.get(e.hash);
+		c && s.push(`tip:${c.branch}`), p.push({
 			id: e.hash,
 			lane: 0,
-			parents: o,
+			parents: s,
 			message: e.subject,
 			branch: i,
 			session: e.hasSession,
-			merged: s ? !0 : void 0,
-			time: M(e.timeMs, t)
+			sessionRefs: (e.sessionIds ?? []).flatMap((e) => {
+				let t = o.get(e);
+				return t ? [t] : [];
+			}),
+			merged: c ? !0 : void 0,
+			time: Y(e.timeMs, t)
 		});
-	}), f(-Infinity), {
-		commits: u,
-		reverted: s.map((e) => ({
-			branch: e.branch,
-			mergedAtMs: e.mergedAtMs ?? null,
-			when: M(e.mergedAtMs, t)
-		})),
-		openCount: a.length,
-		mergedCount: o.length + s.length
+	}), h(-Infinity);
+	let g = u.map((e) => ({
+		branch: e.branch,
+		mergedAtMs: e.mergedAtMs ?? null,
+		when: Y(e.mergedAtMs, t)
+	})), _ = a.filter((e) => e.hasCommitBinding === !0 && !s.has(e.sessionId));
+	return {
+		commits: p,
+		reverted: g,
+		openCount: c.length,
+		mergedCount: l.length + u.length,
+		unlinkedSessions: a.filter((e) => e.hasCommitBinding === !1 || e.hasCommitBinding === void 0 && !s.has(e.sessionId)),
+		outsideWindowSessions: _
 	};
 }
-function P(e) {
+function dt(e) {
 	return e.tipCommitMs ?? Infinity;
 }
 //#endregion
 //#region src/ui/graph/Changes.jsx
-function F({ payload: t, projectLabel: n, selectedId: r, onSelectChange: i, onOpenMap: a, hasMore: o = !1, onShowOlder: c, nowMs: l }) {
-	let p = l ?? Date.now(), { commits: m, reverted: h, openCount: g, mergedCount: _ } = s(() => N(t, { nowMs: p }), [t, p]), v = t.defaultBranch;
-	return /* @__PURE__ */ d("div", {
+function ft({ payload: e, projectLabel: t, selectedId: n, onNavigate: r, onSelectChange: i, onOpenMap: a, hasMore: o = !1, onShowOlder: s, onOpenSession: c, nowMs: l }) {
+	let u = l ?? Date.now(), { commits: d, reverted: f, unlinkedSessions: p, outsideWindowSessions: m, openCount: h, mergedCount: g } = V(() => ut(e, { nowMs: u }), [e, u]), _ = e.defaultBranch, v = V(() => new Set(d.filter((e) => (e.sessionRefs?.length ?? 0) > 2).map((e) => e.id)), [d]), [y, b] = U([]);
+	me(() => {
+		b((e) => {
+			let t = e.filter((e) => v.has(e));
+			return t.length === e.length ? e : t;
+		});
+	}, [v]);
+	let x = pe((e) => {
+		v.has(e) && b((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), [...n];
+		});
+	}, [v]);
+	return /* @__PURE__ */ G("div", {
 		className: "gmp-root gmp-changes-root",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ G("div", {
 			className: "gmp-changes-head",
-			children: [/* @__PURE__ */ d("div", { children: [n && /* @__PURE__ */ d("span", {
+			children: [/* @__PURE__ */ G("div", { children: [t && /* @__PURE__ */ G("span", {
 				className: "label",
-				children: ["lines of work · ", n]
-			}), /* @__PURE__ */ d("div", {
+				children: ["lines of work · ", t]
+			}), /* @__PURE__ */ G("div", {
 				className: "gmp-changes-sub mono",
 				children: [
-					v ? `default branch ${v} · ` : "",
-					g,
+					_ ? `default branch ${_} · ` : "",
+					h,
 					" open · ",
-					_,
+					g,
 					" merged"
 				]
-			})] }), /* @__PURE__ */ d("button", {
+			})] }), /* @__PURE__ */ G("button", {
 				type: "button",
 				className: "btn btn-secondary btn-sm",
-				onClick: () => a?.(),
-				children: [/* @__PURE__ */ u(f, {
+				onClick: () => {
+					r ? r({ type: "open-map" }) : a?.();
+				},
+				children: [/* @__PURE__ */ W(ge, {
 					size: 14,
 					"aria-hidden": "true"
 				}), " open the map"]
 			})]
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "gmp-changes-body",
 			children: [
-				/* @__PURE__ */ u(e, {
+				/* @__PURE__ */ W(T, {
 					className: "gmp-cg",
-					commits: m,
-					selectedId: r,
+					commits: d,
+					selectedId: n,
 					label: "default-branch commit history",
+					onNavigate: r,
 					onSelect: (e) => i?.(e),
+					onOpenSession: c,
 					hasMore: o,
-					onShowOlder: c
+					onShowOlder: s,
+					expandedCommitSessions: y,
+					onToggleCommitSessions: x
 				}),
-				h.length > 0 && /* @__PURE__ */ d("div", {
+				p.length > 0 && /* @__PURE__ */ G("section", {
+					className: "gmp-unlinked-sessions",
+					"aria-labelledby": "gmp-unlinked-sessions-heading",
+					children: [/* @__PURE__ */ W("h2", {
+						id: "gmp-unlinked-sessions-heading",
+						className: "sb-head gmp-unlinked-sessions-head",
+						children: "sessions not linked to a commit"
+					}), /* @__PURE__ */ W("div", {
+						className: "gmp-unlinked-sessions-list",
+						children: p.map((e) => /* @__PURE__ */ G("button", {
+							type: "button",
+							className: "gmp-unlinked-session",
+							onClick: () => {
+								r ? r({
+									type: "open-session",
+									sessionId: e.sessionId,
+									source: { kind: "unlinked" }
+								}) : c?.(e.sessionId);
+							},
+							children: [/* @__PURE__ */ W(O, { harness: e.harness }), /* @__PURE__ */ W("span", { children: e.title || e.sessionId })]
+						}, e.sessionId))
+					})]
+				}),
+				m.length > 0 && /* @__PURE__ */ G("section", {
+					className: "gmp-unlinked-sessions",
+					"aria-labelledby": "gmp-outside-window-sessions-heading",
+					children: [/* @__PURE__ */ W("h2", {
+						id: "gmp-outside-window-sessions-heading",
+						className: "sb-head gmp-unlinked-sessions-head",
+						children: "sessions linked outside this visible commit window"
+					}), /* @__PURE__ */ W("div", {
+						className: "gmp-unlinked-sessions-list",
+						children: m.map((e) => /* @__PURE__ */ G("button", {
+							type: "button",
+							className: "gmp-unlinked-session",
+							onClick: () => {
+								r ? r({
+									type: "open-session",
+									sessionId: e.sessionId,
+									source: { kind: "outside-window" }
+								}) : c?.(e.sessionId);
+							},
+							children: [/* @__PURE__ */ W(O, { harness: e.harness }), /* @__PURE__ */ W("span", { children: e.title || e.sessionId })]
+						}, e.sessionId))
+					})]
+				}),
+				f.length > 0 && /* @__PURE__ */ G("div", {
 					className: "gmp-merged-sec",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ W("div", {
 						className: "sb-head gmp-merged-head",
 						children: "already merged in"
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ W("div", {
 						className: "gmp-merged-list",
-						children: h.map((e) => /* @__PURE__ */ d("button", {
+						children: f.map((e) => /* @__PURE__ */ G("button", {
 							type: "button",
 							className: "gmp-merged-chip gmp-merged-revert",
-							onClick: () => i?.({
-								id: `revert:${e.branch}`,
-								branch: e.branch
-							}),
+							onClick: () => {
+								let t = {
+									id: `revert:${e.branch}`,
+									branch: e.branch
+								};
+								r ? r({
+									type: "open-change",
+									change: {
+										id: t.id,
+										branch: t.branch
+									}
+								}) : i?.(t);
+							},
 							children: [
-								/* @__PURE__ */ u(b, {
+								/* @__PURE__ */ W(Te, {
 									size: 13,
 									"aria-hidden": "true"
 								}),
@@ -129,12 +211,12 @@ function F({ payload: t, projectLabel: n, selectedId: r, onSelectChange: i, onOp
 						}, e.branch))
 					})]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ G("div", {
 					className: "gmp-changes-legend",
 					children: [
-						/* @__PURE__ */ d("span", {
+						/* @__PURE__ */ G("span", {
 							className: "gmp-legend-item",
-							children: [/* @__PURE__ */ u("span", {
+							children: [/* @__PURE__ */ W("span", {
 								className: "cg-dot cg-dot-filled",
 								style: {
 									width: 9,
@@ -143,9 +225,9 @@ function F({ payload: t, projectLabel: n, selectedId: r, onSelectChange: i, onOp
 								"aria-hidden": "true"
 							}), " commit with a recorded session"]
 						}),
-						/* @__PURE__ */ d("span", {
+						/* @__PURE__ */ G("span", {
 							className: "gmp-legend-item",
-							children: [/* @__PURE__ */ u("span", {
+							children: [/* @__PURE__ */ W("span", {
 								className: "cg-dot cg-dot-hollow",
 								style: {
 									width: 9,
@@ -154,7 +236,7 @@ function F({ payload: t, projectLabel: n, selectedId: r, onSelectChange: i, onOp
 								"aria-hidden": "true"
 							}), " no session captured"]
 						}),
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ W("span", {
 							className: "gmp-legend-item gmp-legend-dim",
 							children: "a filled dot also flies a sparkle · select a commit to open it"
 						})
@@ -166,29 +248,29 @@ function F({ payload: t, projectLabel: n, selectedId: r, onSelectChange: i, onOp
 }
 //#endregion
 //#region src/ui/graph/ChangeDetail.jsx
-var I = {
+var pt = {
 	M: "changed",
 	A: "added",
 	D: "deleted",
 	R: "renamed"
-}, L = {
+}, mt = {
 	A: "chip-ok",
 	M: "",
 	D: "chip-err",
 	R: "chip-warn"
-}, R = {
+}, ht = {
 	context: "ctx",
 	add: "add",
 	del: "del"
 };
-function z(e) {
+function gt(e) {
 	let t = (e.split("/").pop() ?? e).replace(/[-_]+/g, " ").trim();
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }
-var B = (e) => e >= 1e3 ? `≈${(e / 1e3).toFixed(1)}k` : String(e);
-function V(e) {
+var _t = (e) => e >= 1e3 ? `≈${(e / 1e3).toFixed(1)}k` : String(e);
+function vt(e) {
 	let t = e.oldStart, n = e.newStart, r = e.lines.map((e) => {
-		let r = R[e.kind] ?? "ctx";
+		let r = ht[e.kind] ?? "ctx";
 		return r === "add" ? {
 			type: r,
 			newNo: n++,
@@ -209,107 +291,109 @@ function V(e) {
 		lines: r
 	};
 }
-function H({ file: e, diff: t, open: n, onToggle: r }) {
+function yt({ file: e, diff: t, open: n, onToggle: r }) {
+	t && d(t);
 	let i = e.status, a = t ? new Set(t.hunks.map((e) => e.sessionId).filter(Boolean)).size : null;
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ G("div", {
 		className: "gmp-file",
-		children: [/* @__PURE__ */ d("button", {
+		children: [/* @__PURE__ */ G("button", {
 			type: "button",
 			className: "gmp-file-head",
 			"aria-expanded": n,
 			onClick: r,
 			children: [
-				u(n ? m : h, {
+				W(n ? ve : K, {
 					size: 14,
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ u("span", {
+				/* @__PURE__ */ W("span", {
 					className: "mono gmp-file-path",
 					children: e.path
 				}),
-				/* @__PURE__ */ u("span", {
-					className: "chip gmp-file-status " + (L[i] ?? ""),
-					children: I[i] ?? i
+				/* @__PURE__ */ W("span", {
+					className: "chip gmp-file-status " + (mt[i] ?? ""),
+					children: pt[i] ?? i
 				}),
-				a != null && a > 0 && /* @__PURE__ */ d("span", {
+				a != null && a > 0 && /* @__PURE__ */ G("span", {
 					className: "gmp-file-convos metaitem",
 					children: [
-						/* @__PURE__ */ u(S, {
+						/* @__PURE__ */ W(Oe, {
 							size: 13,
 							"aria-hidden": "true"
 						}),
 						" ",
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ W("span", {
 							className: "tnum",
 							children: a
 						})
 					]
 				})
 			]
-		}), n && /* @__PURE__ */ u("div", {
+		}), n && /* @__PURE__ */ W("div", {
 			className: "gmp-file-body",
-			children: t ? t.error ? /* @__PURE__ */ u("p", {
+			children: t ? t.error ? /* @__PURE__ */ W("p", {
 				className: "gmp-diff-state gmp-diff-error mono",
 				children: t.error
-			}) : t.binary ? /* @__PURE__ */ u("p", {
+			}) : t.binary ? /* @__PURE__ */ W("p", {
 				className: "gmp-diff-state mono",
 				children: "binary file — no textual diff."
-			}) : t.hunks.length === 0 ? /* @__PURE__ */ u("p", {
+			}) : t.hunks.length === 0 ? /* @__PURE__ */ W("p", {
 				className: "gmp-diff-state mono",
 				children: "no line changes."
-			}) : t.hunks.map((e, n) => /* @__PURE__ */ d("div", {
+			}) : t.hunks.map((e, n) => /* @__PURE__ */ G("div", {
 				className: "gmp-hunk",
 				children: [
-					e.sessionTitle && /* @__PURE__ */ d("div", {
+					e.sessionTitle && /* @__PURE__ */ G("div", {
 						className: "gmp-hunk-attrib",
 						children: [
-							/* @__PURE__ */ u(_, {
+							/* @__PURE__ */ W(be, {
 								size: 13,
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ W("span", {
 								className: "gmp-hunk-from",
 								children: "from"
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ W("span", {
 								className: "gmp-hunk-link",
 								children: e.sessionTitle
 							}),
-							e.sessionId && /* @__PURE__ */ u("span", {
+							e.sessionId && /* @__PURE__ */ W("span", {
 								className: "mono gmp-hunk-hash",
 								children: e.sessionId.slice(0, 7)
 							})
 						]
 					}),
-					/* @__PURE__ */ u(o, {
+					/* @__PURE__ */ W(u, {
 						file: "",
-						hunks: [V(e)],
+						hunks: [vt(e)],
 						className: "gmp-hunk-diff"
 					}),
-					t.truncated && n === t.hunks.length - 1 && /* @__PURE__ */ u("p", {
+					t.truncated && n === t.hunks.length - 1 && /* @__PURE__ */ W("p", {
 						className: "gmp-diff-state mono",
 						children: "diff truncated (file exceeds the size cap)."
 					})
 				]
-			}, n)) : /* @__PURE__ */ u("p", {
+			}, n)) : /* @__PURE__ */ W("p", {
 				className: "gmp-diff-state mono",
 				children: "loading diff…"
 			})
 		})]
 	});
 }
-function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotation: i, onRemoveAnnotation: a, onOpenMap: o, onShare: s, onCopyRecap: m, initialOpenFiles: _ = {} }) {
-	let [b, S] = l(_), [O, k] = l(null), [A, j] = l(!1), [M, N] = l(""), P = c({}), F = c(null), I = n ?? z(e.branch), L = e.work.length, R = e.newEdges.length, V = e.removedEdges.length, U = (e) => S((t) => ({
+function bt({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotation: i, onRemoveAnnotation: a, onOpenMap: o, onShare: c, onCopyRecap: l, initialOpenFiles: u = {} }) {
+	s(e);
+	let [d, f] = U(u), [p, m] = U(null), [h, g] = U(!1), [_, v] = U(""), y = H({}), b = H(null), x = n ?? gt(e.branch), S = e.work.length, C = e.newEdges.length, w = e.removedEdges.length, T = (e) => f((t) => ({
 		...t,
 		[e]: !t[e]
 	}));
-	function W(e, t) {
-		if (k(e), t) {
-			S((e) => ({
+	function E(e, t) {
+		if (m(e), t) {
+			f((e) => ({
 				...e,
 				[t]: !0
 			}));
-			let e = P.current[t], n = F.current;
+			let e = y.current[t], n = b.current;
 			if (e && n) {
 				let t = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 				n.scrollTo({
@@ -319,106 +403,106 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 			}
 		}
 	}
-	function G(e) {
+	function D(e) {
 		e.preventDefault();
-		let t = M.trim();
-		t && i?.(t), j(!1), N("");
+		let t = _.trim();
+		t && i?.(t), g(!1), v("");
 	}
-	let K = e.files[0]?.path;
-	return /* @__PURE__ */ d("div", {
+	let O = e.files[0]?.path;
+	return /* @__PURE__ */ G("div", {
 		className: "gmp-root gmp-detail-root",
-		ref: F,
+		ref: b,
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ G("div", {
 				className: "gmp-detail-head",
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ G("div", {
 						className: "crumb",
 						children: [
 							"review ",
-							/* @__PURE__ */ u(h, {
+							/* @__PURE__ */ W(K, {
 								size: 13,
 								"aria-hidden": "true"
 							}),
 							" ",
 							e.defaultBranch,
 							" ",
-							/* @__PURE__ */ u(h, {
+							/* @__PURE__ */ W(K, {
 								size: 13,
 								"aria-hidden": "true"
 							}),
 							" ",
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ W("span", {
 								className: "cur",
 								children: e.branch
 							})
 						]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ W("div", {
 						className: "gmp-detail-title",
-						children: I
+						children: x
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ G("p", {
 						className: "gmp-caption",
 						children: [
 							"this line of work touched",
 							" ",
-							/* @__PURE__ */ d("button", {
+							/* @__PURE__ */ G("button", {
 								type: "button",
-								className: "gmp-frag" + (O === "files" ? " gmp-frag-on" : ""),
-								onClick: () => W("files", K),
+								className: "gmp-frag" + (p === "files" ? " gmp-frag-on" : ""),
+								onClick: () => E("files", O),
 								children: [e.filesChanged, " files"]
 							}),
 							" ",
 							"across",
 							" ",
-							/* @__PURE__ */ d("button", {
+							/* @__PURE__ */ G("button", {
 								type: "button",
-								className: "gmp-frag" + (O === "conversations" ? " gmp-frag-on" : ""),
-								onClick: () => W("conversations"),
-								children: [L, " conversations"]
+								className: "gmp-frag" + (p === "conversations" ? " gmp-frag-on" : ""),
+								onClick: () => E("conversations"),
+								children: [S, " conversations"]
 							}),
 							", reshaping",
 							" ",
-							/* @__PURE__ */ d("button", {
+							/* @__PURE__ */ G("button", {
 								type: "button",
-								className: "gmp-frag" + (O === "conn" ? " gmp-frag-on" : ""),
-								onClick: () => W("conn"),
+								className: "gmp-frag" + (p === "conn" ? " gmp-frag-on" : ""),
+								onClick: () => E("conn"),
 								children: [
 									"+",
-									R,
+									C,
 									"/−",
-									V,
+									w,
 									" connections"
 								]
 							}),
 							"."
 						]
 					}),
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ W("span", {
 						className: "gmp-caption-hint mono",
 						children: "click any number to jump to its proof"
 					})
 				]
 			}),
-			(e.frictions.length > 0 || e.violations.length > 0) && /* @__PURE__ */ d("div", {
+			(e.frictions.length > 0 || e.violations.length > 0) && /* @__PURE__ */ G("div", {
 				className: "gmp-signals",
-				children: [e.frictions.map((e, t) => /* @__PURE__ */ d("span", {
+				children: [e.frictions.map((e, t) => /* @__PURE__ */ G("span", {
 					className: "gmp-signal",
 					children: [
-						/* @__PURE__ */ u(C, {
+						/* @__PURE__ */ W(ke, {
 							size: 14,
 							"aria-hidden": "true"
 						}),
 						" ",
 						e.label,
 						" · ",
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ W("span", {
 							className: "mono",
 							children: e.file
 						}),
 						" ",
-						/* @__PURE__ */ d("b", {
+						/* @__PURE__ */ G("b", {
 							className: "tnum",
 							children: [e.count, "×"]
 						}),
@@ -426,15 +510,15 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 						e.sessions,
 						" conversations"
 					]
-				}, t)), e.violations.length > 0 && /* @__PURE__ */ d("span", {
+				}, t)), e.violations.length > 0 && /* @__PURE__ */ G("span", {
 					className: "gmp-signal gmp-signal-warn",
 					children: [
-						/* @__PURE__ */ u(E, {
+						/* @__PURE__ */ W(Ne, {
 							size: 14,
 							"aria-hidden": "true"
 						}),
 						" ",
-						/* @__PURE__ */ u("b", {
+						/* @__PURE__ */ W("b", {
 							className: "tnum",
 							children: e.violations.length
 						}),
@@ -442,13 +526,13 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 					]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ G("div", {
 				className: "gmp-totals",
 				children: [
-					/* @__PURE__ */ d("span", {
+					/* @__PURE__ */ G("span", {
 						className: "metaitem tnum",
 						children: [
-							/* @__PURE__ */ u(v, {
+							/* @__PURE__ */ W(Se, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
@@ -457,37 +541,37 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 							" files touched"
 						]
 					}),
-					/* @__PURE__ */ d("span", {
+					/* @__PURE__ */ G("span", {
 						className: "metaitem tnum",
 						children: [
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ G("span", {
 								className: "gmp-add",
-								children: ["+", R]
+								children: ["+", C]
 							}),
 							"/",
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ G("span", {
 								className: "gmp-del",
-								children: ["−", V]
+								children: ["−", w]
 							}),
 							" connections"
 						]
 					}),
-					/* @__PURE__ */ d("span", {
+					/* @__PURE__ */ G("span", {
 						className: "metaitem tnum",
 						children: [
-							/* @__PURE__ */ u(x, {
+							/* @__PURE__ */ W(Ee, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
 							" ai wrote ",
-							B(e.outputTokens),
+							_t(Number(e.outputTokens)),
 							" tokens"
 						]
 					}),
-					e.costUsd != null && /* @__PURE__ */ d("span", {
+					e.costUsd != null && /* @__PURE__ */ G("span", {
 						className: "metaitem tnum",
 						children: [
-							/* @__PURE__ */ u(g, {
+							/* @__PURE__ */ W(ye, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
@@ -497,62 +581,62 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 					})
 				]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ G("div", {
 				className: "gmp-detail-sec",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ W("div", {
 					className: "sb-head gmp-detail-sechead",
 					children: "files changed · click a path to open its diff"
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ W("div", {
 					className: "gmp-files",
-					children: e.files.map((e) => /* @__PURE__ */ u("div", {
+					children: e.files.map((e) => /* @__PURE__ */ W("div", {
 						ref: (t) => {
-							P.current[e.path] = t;
+							y.current[e.path] = t;
 						},
-						children: /* @__PURE__ */ u(H, {
+						children: /* @__PURE__ */ W(yt, {
 							file: e,
-							diff: b[e.path] ? t?.(e) : void 0,
-							open: !!b[e.path],
-							onToggle: () => U(e.path)
+							diff: d[e.path] ? t?.(e) : void 0,
+							open: !!d[e.path],
+							onToggle: () => T(e.path)
 						})
 					}, e.path))
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ G("div", {
 				className: "gmp-detail-sec",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ W("div", {
 					className: "sb-head gmp-detail-sechead",
 					children: "your annotation"
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ G("div", {
 					className: "gmp-annot",
 					children: [
-						r && /* @__PURE__ */ d("span", {
+						r && /* @__PURE__ */ G("span", {
 							className: "gmp-label-chip gmp-annot-chip",
 							children: [
-								/* @__PURE__ */ u(T, {
+								/* @__PURE__ */ W(Me, {
 									size: 12,
 									"aria-hidden": "true"
 								}),
 								" ",
 								r,
-								/* @__PURE__ */ u("button", {
+								/* @__PURE__ */ W("button", {
 									type: "button",
 									className: "gmp-annot-x",
 									"aria-label": "remove annotation",
 									onClick: () => a?.(),
-									children: /* @__PURE__ */ u(D, {
+									children: /* @__PURE__ */ W(Pe, {
 										size: 11,
 										"aria-hidden": "true"
 									})
 								})
 							]
 						}),
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ G("button", {
 							type: "button",
 							className: "gmp-annot-add",
-							"aria-expanded": A,
-							onClick: () => j((e) => !e),
+							"aria-expanded": h,
+							onClick: () => g((e) => !e),
 							children: [
-								/* @__PURE__ */ u(T, {
+								/* @__PURE__ */ W(Me, {
 									size: 13,
 									"aria-hidden": "true"
 								}),
@@ -560,34 +644,34 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 								r ? "change label" : "add a label"
 							]
 						}),
-						A && /* @__PURE__ */ d("form", {
+						h && /* @__PURE__ */ G("form", {
 							className: "gmp-annot-pop",
-							onSubmit: G,
+							onSubmit: D,
 							children: [
-								/* @__PURE__ */ u("span", {
+								/* @__PURE__ */ W("span", {
 									className: "label",
 									children: "user.custom_label"
 								}),
-								/* @__PURE__ */ u("input", {
+								/* @__PURE__ */ W("input", {
 									className: "input",
 									type: "text",
 									autoFocus: !0,
-									value: M,
-									onChange: (e) => N(e.target.value),
+									value: _,
+									onChange: (e) => v(e.target.value),
 									placeholder: "e.g. good handoff",
 									"aria-label": "annotation value"
 								}),
-								/* @__PURE__ */ d("div", {
+								/* @__PURE__ */ G("div", {
 									className: "gmp-annot-pop-foot",
-									children: [/* @__PURE__ */ u("button", {
+									children: [/* @__PURE__ */ W("button", {
 										type: "button",
 										className: "btn btn-ghost btn-sm",
-										onClick: () => j(!1),
+										onClick: () => g(!1),
 										children: "cancel"
-									}), /* @__PURE__ */ d("button", {
+									}), /* @__PURE__ */ G("button", {
 										type: "submit",
 										className: "btn btn-primary btn-sm",
-										children: [/* @__PURE__ */ u(p, {
+										children: [/* @__PURE__ */ W(_e, {
 											size: 13,
 											"aria-hidden": "true"
 										}), " save"]
@@ -598,42 +682,42 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 					]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ G("div", {
 				className: "gmp-exits",
 				children: [
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ G("button", {
 						type: "button",
 						className: "btn btn-secondary btn-sm",
 						onClick: () => o?.(),
-						children: [/* @__PURE__ */ u(f, {
+						children: [/* @__PURE__ */ W(ge, {
 							size: 14,
 							"aria-hidden": "true"
 						}), " see this work on the code map"]
 					}),
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ G("button", {
 						type: "button",
 						className: "btn btn-secondary btn-sm",
-						onClick: () => s?.(),
+						onClick: () => c?.(),
 						children: [
-							/* @__PURE__ */ u(w, {
+							/* @__PURE__ */ W(je, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
 							" share ",
-							L,
+							S,
 							" conversations…"
 						]
 					}),
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ G("button", {
 						type: "button",
 						className: "btn btn-secondary btn-sm",
-						onClick: () => m?.(),
-						children: [/* @__PURE__ */ u(y, {
+						onClick: () => l?.(),
+						children: [/* @__PURE__ */ W(Ce, {
 							size: 14,
 							"aria-hidden": "true"
 						}), " copy recap"]
 					}),
-					/* @__PURE__ */ d("code", {
+					/* @__PURE__ */ G("code", {
 						className: "gmp-gitdiff mono",
 						children: [
 							"git diff ",
@@ -644,7 +728,7 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 					})
 				]
 			}),
-			/* @__PURE__ */ u("p", {
+			/* @__PURE__ */ W("p", {
 				className: "gmp-boundary mono",
 				children: "shows what changed and the recorded work behind it, not whether the change is correct or secure."
 			})
@@ -653,57 +737,77 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 }
 //#endregion
 //#region src/ui/graph/CodeMap.jsx
-var W = Object.freeze({
+var xt = Object.freeze({
 	project: "overview",
 	package: "folders",
 	file: "files"
-}), G = Object.freeze({
+}), St = Object.freeze({
 	overview: "project",
 	folders: "package",
 	files: "file"
 });
-function K({ payload: e, zoom: n, onZoomChange: r, selectedId: i, onSelect: a, onExpand: o, highlightedIds: l, nodeDeltas: d, structureEdgeDeltas: f, height: p = 520, ariaLabel: m = "code map", className: h = "" }) {
-	let g = s(() => {
+function Ct({ payload: e, zoom: t, onZoomChange: n, selectedId: r, onSelect: i, onExpand: a, highlightedIds: o, nodeDeltas: s, structureEdgeDeltas: c, height: l = 520, ariaLabel: u = "code map", className: d = "", viewport: f, onViewportChange: p, state: m, onStateChange: h }) {
+	let g = V(() => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e?.nodes ?? []) t.set(n.id, n);
 		return t;
-	}, [e?.nodes]), _ = s(() => q(e), [e]), v = W[n?.level ?? "package"] ?? "folders", y = n?.expanded ?? [], b = n?.level !== void 0, x = c(v);
-	return b && (x.current = v), /* @__PURE__ */ u(t, {
-		data: _,
-		grain: v,
-		expandedIds: y,
-		selectedId: i,
-		highlightedIds: l,
-		nodeDeltas: d,
-		edgeDeltas: f,
-		onSelect: (e) => a?.(e, e ? g.get(e) ?? null : null),
-		onExpand: o,
+	}, [e?.nodes]), _ = V(() => m === void 0 ? null : z(m), [m]), v = V(() => _ ? L(e, _) : null, [e, _]), y = V(() => wt(e && {
+		...e,
+		nodes: v?.canvas.allNodes ?? e.nodes
+	}), [e, v?.canvas.allNodes]), b = v ? xt[v.canvas.grain] ?? "folders" : xt[t?.level ?? "package"], x = v?.canvas.expandedIds ?? t?.expanded, S = H(b);
+	S.current = b;
+	function C(e) {
+		if (!_) return;
+		let t = D(_, e);
+		M(_, t) || h?.(t);
+	}
+	return /* @__PURE__ */ W(te, {
+		data: y,
+		grain: b,
+		expandedIds: x,
+		visibleIds: v?.canvas.visibleIds,
+		hierarchy: v?.canvas.hierarchy,
+		selectedId: v ? v.canvas.selectedId : r,
+		highlightedIds: o,
+		nodeDeltas: s,
+		edgeDeltas: c,
+		onSelect: (e) => {
+			i?.(e, e ? g.get(e) ?? null : null);
+		},
+		onExpand: a,
 		onGrainChange: (e) => {
-			x.current = e, r?.({
-				level: G[e] ?? "package",
+			S.current = e, n?.({
+				level: St[e] ?? "package",
 				expanded: []
 			});
 		},
 		onExpandedIdsChange: (e) => {
-			r?.({
-				level: G[x.current] ?? "package",
+			n?.({
+				level: St[S.current] ?? "package",
 				expanded: e
 			});
 		},
-		height: p,
-		ariaLabel: m,
-		className: h
+		height: l,
+		ariaLabel: u,
+		className: d,
+		viewport: v ? v.canvas.viewport : f,
+		onViewportChange: (e) => {
+			p?.(e);
+		},
+		onStateAction: _ ? C : void 0,
+		canonicalControlled: _ !== null
 	});
 }
-function q(e) {
-	let t = e?.nodes ?? [], n = Y(e?.violations ?? []);
+function wt(e) {
+	e && B(e);
+	let t = e?.nodes ?? [], n = Et(e?.violations ?? []);
 	return {
 		nodes: t.map((e) => ({
 			id: e.id,
 			label: e.name || e.id,
 			kind: e.kind === "file" ? "file" : "folder",
 			loc: e.loc ?? 0,
-			coverage: J(e.recordedFiles, e.totalFiles),
+			coverage: Tt(e.recordedFiles, e.totalFiles),
 			parent: e.parent || void 0,
 			violations: n.get(e.id) ?? 0,
 			layer: e.layer,
@@ -717,86 +821,380 @@ function q(e) {
 		}))
 	};
 }
-function J(e, t) {
+function Tt(e, t) {
 	let n = Number(t) || 0;
 	if (n <= 0) return 0;
 	let r = Math.max(0, Math.min(1, (Number(e) || 0) / n));
 	return Math.max(0, Math.min(4, Math.round(r * 4)));
 }
-function Y(e) {
+function Et(e) {
 	let t = /* @__PURE__ */ new Map();
-	for (let n of e) X(t, n.from), X(t, n.to);
+	for (let n of e) Dt(t, n.from), Dt(t, n.to);
 	return t;
 }
-function X(e, t) {
+function Dt(e, t) {
 	t && e.set(t, (e.get(t) ?? 0) + 1);
 }
 //#endregion
+//#region src/ui/graph/CodeMapNavigator.jsx
+function Ot({ payload: e, grain: t = "package", expandedIds: n, onExpandedIdsChange: r, selectedId: i = null, onSelect: a, focusedId: o, onFocusChange: s, filter: c = "", onFilterChange: l, onOpenMap: u, onStateAction: d, ariaLabel: f = "code map navigator" }) {
+	let [p, m] = U(() => /* @__PURE__ */ new Set()), [h, g] = U(null), _ = n === void 0 ? p : new Set(n), v = o === void 0 ? h : o, y = H(/* @__PURE__ */ new Map()), b = V(() => L(e, z({
+		grain: t,
+		expandedIds: Array.from(_),
+		selectedId: i,
+		navigatorFocusedId: v,
+		navigatorFilter: c
+	})), [
+		e,
+		t,
+		At(_),
+		i,
+		v,
+		c
+	]), x = b.rows, S = b.focusedId, C = b.selected, w = C ? x.find((e) => e.node.id === C.id) : null, T = !!w?.canExpand && !w.forcedOpen;
+	function E(e) {
+		n === void 0 && m(e), d?.({
+			type: "set-expanded",
+			ids: Array.from(e)
+		}), r?.(Array.from(e));
+	}
+	function D(e) {
+		let t = new Set(_);
+		t.has(e) ? t.delete(e) : t.add(e), E(t);
+	}
+	function O(e) {
+		o === void 0 && g(e), d?.({
+			type: "focus",
+			id: e
+		}), s?.(e), y.current.get(e)?.focus();
+	}
+	function k(e) {
+		o === void 0 && g(e.id), y.current.get(e.id)?.focus(), d?.({
+			type: "select",
+			id: e.id
+		}), s?.(e.id), a?.(e.id, e);
+	}
+	function A(e, t) {
+		let n = x[t];
+		if (!n) return;
+		let { node: r } = n, i = null;
+		if (e.key === "ArrowDown") i = x[Math.min(t + 1, x.length - 1)]?.node.id;
+		else if (e.key === "ArrowUp") i = x[Math.max(t - 1, 0)]?.node.id;
+		else if (e.key === "Home") i = x[0]?.node.id;
+		else if (e.key === "End") i = x[x.length - 1]?.node.id;
+		else if (e.key === "ArrowRight" && (n.canExpand || n.forcedOpen)) n.forcedOpen || n.expanded ? i = n.childIds[0] ?? null : _.has(r.id) || D(r.id);
+		else if (e.key === "ArrowLeft") !n.forcedOpen && n.canExpand && n.expanded ? D(r.id) : i = n.parentId;
+		else if (e.key === "Enter" || e.key === " ") {
+			k(r), e.preventDefault();
+			return;
+		} else return;
+		e.preventDefault(), i && O(i);
+	}
+	return /* @__PURE__ */ G("section", {
+		className: "gmp-navigator",
+		"aria-label": f,
+		children: [
+			/* @__PURE__ */ G("header", {
+				className: "gmp-navigator-head",
+				children: [/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+					className: "gmp-navigator-kicker",
+					children: "browse the codebase"
+				}), /* @__PURE__ */ W("p", {
+					className: "gmp-navigator-note",
+					children: "choose an area for its recorded work, then open the spatial map when relationships matter"
+				})] }), /* @__PURE__ */ G("label", {
+					className: "gmp-navigator-search",
+					children: [
+						/* @__PURE__ */ W(Ae, { "aria-hidden": "true" }),
+						/* @__PURE__ */ W("span", {
+							className: "mc-sr",
+							children: "filter code areas"
+						}),
+						/* @__PURE__ */ W("input", {
+							value: c,
+							onChange: (e) => {
+								d?.({
+									type: "set-filter",
+									filter: e.target.value
+								}), l?.(e.target.value);
+							},
+							placeholder: "filter paths"
+						})
+					]
+				})]
+			}),
+			b.staleSelectedId ? /* @__PURE__ */ G("p", {
+				className: "gmp-navigator-missing",
+				role: "status",
+				children: [
+					"the selected code area is not present in this map.",
+					" ",
+					/* @__PURE__ */ W("button", {
+						type: "button",
+						onClick: () => {
+							d?.({ type: "clear-selection" }), a?.(null, null);
+						},
+						children: "clear selection"
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ G("div", {
+				className: "gmp-navigator-body",
+				children: [/* @__PURE__ */ W("div", {
+					role: "tree",
+					"aria-label": "code areas",
+					className: "gmp-navigator-tree",
+					"data-grain": t,
+					children: x.length === 0 ? /* @__PURE__ */ W("p", {
+						className: "gmp-navigator-empty",
+						role: "status",
+						children: "no code areas match this filter"
+					}) : x.map((e, t) => {
+						let n = e.canExpand || e.forcedOpen, r = e.expanded, a = S === e.node.id;
+						return /* @__PURE__ */ W(kt, {
+							row: e,
+							hasChildren: n,
+							isExpanded: r,
+							selected: i === e.node.id,
+							tabbable: a,
+							setRef: (t) => {
+								t ? y.current.set(e.node.id, t) : y.current.delete(e.node.id);
+							},
+							onFocus: () => {
+								o === void 0 && g(e.node.id);
+							},
+							onSelect: () => k(e.node),
+							onToggle: () => {
+								e.forcedOpen || D(e.node.id);
+							},
+							onKeyDown: (e) => A(e, t)
+						}, e.node.id);
+					})
+				}), /* @__PURE__ */ W("aside", {
+					className: "gmp-navigator-actions",
+					"aria-label": "selected code area",
+					children: C ? /* @__PURE__ */ G(he, { children: [
+						/* @__PURE__ */ W("p", {
+							className: "gmp-navigator-selected",
+							children: C.name || C.id
+						}),
+						/* @__PURE__ */ W("p", {
+							className: "gmp-navigator-selected-path",
+							children: C.id
+						}),
+						T ? /* @__PURE__ */ G("button", {
+							type: "button",
+							className: "gmp-navigator-action",
+							onClick: () => D(C.id),
+							children: [/* @__PURE__ */ W(K, { "aria-hidden": "true" }), _.has(C.id) ? "hide children" : "show children"]
+						}) : null,
+						/* @__PURE__ */ G("button", {
+							type: "button",
+							className: "gmp-navigator-action gmp-navigator-action--primary",
+							onClick: () => {
+								d?.({
+									type: "open-in-map",
+									id: C.id
+								}), u?.(C.id);
+							},
+							children: [/* @__PURE__ */ W(De, { "aria-hidden": "true" }), " open in map"]
+						})
+					] }) : /* @__PURE__ */ W("p", {
+						className: "gmp-navigator-empty",
+						children: "select an area to see its recorded work and map context"
+					})
+				})]
+			})
+		]
+	});
+}
+function kt({ row: e, hasChildren: t, isExpanded: n, selected: r, tabbable: i, setRef: a, onFocus: o, onSelect: s, onToggle: c, onKeyDown: l }) {
+	return /* @__PURE__ */ G("div", {
+		role: "none",
+		className: "gmp-navigator-row-wrap",
+		"data-selected": r,
+		style: { "--gmp-tree-depth": e.depth },
+		children: [t ? /* @__PURE__ */ W("button", {
+			type: "button",
+			className: "gmp-navigator-disclosure",
+			tabIndex: -1,
+			"aria-label": `${n ? "hide" : "show"} children for ${e.node.name || e.node.id}`,
+			"aria-expanded": n,
+			"aria-disabled": e.forcedOpen ? "true" : void 0,
+			onKeyDown: (e) => e.stopPropagation(),
+			onClick: (t) => {
+				t.stopPropagation(), e.forcedOpen || c();
+			},
+			children: /* @__PURE__ */ W(K, {
+				className: "gmp-navigator-chevron",
+				"aria-hidden": "true"
+			})
+		}) : /* @__PURE__ */ W("span", {
+			className: "gmp-navigator-disclosure-placeholder",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ G("div", {
+			ref: a,
+			role: "treeitem",
+			"aria-level": e.depth + 1,
+			"aria-selected": r,
+			"aria-expanded": t ? n : void 0,
+			tabIndex: i ? 0 : -1,
+			className: "gmp-navigator-row",
+			onFocus: o,
+			onClick: s,
+			onDoubleClick: () => {
+				t && !e.forcedOpen && c();
+			},
+			onKeyDown: l,
+			children: [
+				e.node.kind === "file" ? /* @__PURE__ */ W(xe, { "aria-hidden": "true" }) : /* @__PURE__ */ W(we, { "aria-hidden": "true" }),
+				/* @__PURE__ */ W("span", {
+					className: "gmp-navigator-path",
+					children: e.node.name || e.node.id
+				}),
+				/* @__PURE__ */ G("span", {
+					className: "gmp-navigator-meta",
+					children: [/* @__PURE__ */ G("span", { children: [jt(e.node.loc ?? 0), " lines"] }), /* @__PURE__ */ W("span", { children: Mt(e.node.recordedFiles, e.node.totalFiles) })]
+				})
+			]
+		})]
+	});
+}
+function At(e) {
+	return Array.from(e).sort().join("\0");
+}
+function jt(e) {
+	return new Intl.NumberFormat("en", {
+		notation: "compact",
+		maximumFractionDigits: 1
+	}).format(Number(e) || 0);
+}
+function Mt(e, t) {
+	let n = Number(t) || 0;
+	return n <= 0 ? "no coverage data" : `${Math.round((Number(e) || 0) / n * 100)}% recorded`;
+}
+//#endregion
 //#region src/ui/graph/CodeMapComposition.jsx
-function Z({ payload: e, zoom: t, onZoomChange: n, selectedId: r, onSelect: a, onExpand: o, highlightedIds: s, nodeDeltas: c, structureEdgeDeltas: l, height: f = 480, ariaLabel: p = "code map", canvasSlot: m, rail: h, toolbar: g, sheetTitle: _ = "code area", sheetMeta: v, railSide: y = "right", legend: b, canvasWrapperClassName: x = "", canvasWrapperStyle: S, className: C = "" }) {
-	return /* @__PURE__ */ u("div", {
-		className: ["gmp-root", C].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ d(i, {
-			toolbar: g,
-			rail: h,
-			sheetTitle: _,
-			sheetMeta: v,
-			railSide: y,
-			children: [/* @__PURE__ */ u("div", {
-				className: ["gmp-map-canvas-region", x].filter(Boolean).join(" "),
-				style: S,
+function Nt({ payload: e, zoom: t, onZoomChange: n, selectedId: r, onSelect: i, onExpand: a, highlightedIds: o, nodeDeltas: s, structureEdgeDeltas: c, height: l = 480, ariaLabel: u = "code map", canvasSlot: d, rail: f, toolbar: p, sheetTitle: m = "code area", sheetMeta: h, railSide: g = "right", legend: _, canvasWrapperClassName: v = "", canvasWrapperStyle: y, className: b = "", presentation: x = "canvas", navigatorSlot: S, onPresentationChange: C, viewport: w, onViewportChange: T, state: E, defaultState: O, onStateChange: k }) {
+	let A = E !== void 0 || O !== void 0, [j, ee] = U(() => z(O)), N = V(() => A ? z(E ?? j) : null, [
+		A,
+		E,
+		j
+	]), P = N?.presentation ?? x;
+	function F(e, t) {
+		E === void 0 && ee(e), k?.(e), t?.(e);
+	}
+	function I(e, t) {
+		if (!N) return;
+		let n = D(N, e);
+		M(N, n) || F(n, t);
+	}
+	let te = A || C ? /* @__PURE__ */ G(he, { children: [/* @__PURE__ */ G("div", {
+		className: "gmp-presentation-switch",
+		role: "group",
+		"aria-label": "code map view",
+		children: [/* @__PURE__ */ W("button", {
+			type: "button",
+			"aria-pressed": P === "navigator",
+			onClick: () => A ? I({
+				type: "set-presentation",
+				presentation: "navigator"
+			}, () => C?.("navigator")) : C?.("navigator"),
+			children: P === "canvas" ? "back to browse" : "browse"
+		}), /* @__PURE__ */ W("button", {
+			type: "button",
+			"aria-pressed": P === "canvas",
+			onClick: () => A ? I({
+				type: "set-presentation",
+				presentation: "canvas"
+			}, () => C?.("canvas")) : C?.("canvas"),
+			children: "spatial map"
+		})]
+	}), p] }) : p, L = d ?? /* @__PURE__ */ W(Ct, {
+		payload: e,
+		zoom: N ? {
+			level: N.grain,
+			expanded: N.expandedIds
+		} : t,
+		onZoomChange: n,
+		selectedId: N ? N.selectedId : r,
+		onSelect: i,
+		onExpand: a,
+		highlightedIds: o,
+		nodeDeltas: s,
+		structureEdgeDeltas: c,
+		height: l,
+		ariaLabel: u,
+		viewport: N ? N.viewport ?? void 0 : w,
+		onViewportChange: T,
+		state: N ?? void 0,
+		onStateChange: N ? (e) => F(e) : void 0
+	}), R = S ?? (N && e ? /* @__PURE__ */ W(Ot, {
+		payload: e,
+		grain: N.grain,
+		expandedIds: N.expandedIds,
+		selectedId: N.selectedId,
+		focusedId: N.navigatorFocusedId,
+		filter: N.navigatorFilter,
+		onStateAction: (t) => I(t, () => {
+			t.type === "select" ? i?.(t.id, e.nodes.find((e) => e.id === t.id) ?? null) : t.type === "clear-selection" ? i?.(null, null) : t.type === "set-expanded" ? n?.({
+				level: N.grain,
+				expanded: Array.from(t.ids)
+			}) : t.type === "open-in-map" && (i?.(t.id, e.nodes.find((e) => e.id === t.id) ?? null), C?.("canvas"));
+		}),
+		ariaLabel: `browse ${u}`
+	}) : null), B = P === "navigator" && R !== null;
+	return /* @__PURE__ */ W("div", {
+		className: ["gmp-root", b].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ G(re, {
+			toolbar: te,
+			rail: f,
+			sheetTitle: m,
+			sheetMeta: h,
+			railSide: g,
+			children: [/* @__PURE__ */ W("div", {
+				className: ["gmp-map-canvas-region", v].filter(Boolean).join(" "),
+				style: y,
 				"data-testid": "gmp-map-canvas-region",
-				children: m ?? /* @__PURE__ */ u(K, {
-					payload: e,
-					zoom: t,
-					onZoomChange: n,
-					selectedId: r,
-					onSelect: a,
-					onExpand: o,
-					highlightedIds: s,
-					nodeDeltas: c,
-					structureEdgeDeltas: l,
-					height: f,
-					ariaLabel: p
-				})
-			}), b !== !1 && (b ?? /* @__PURE__ */ u(Q, {}))]
+				children: B ? R : L
+			}), !B && _ !== !1 && (_ ?? /* @__PURE__ */ W(Pt, {}))]
 		})
 	});
 }
-function Q() {
-	return /* @__PURE__ */ d("p", {
+function Pt() {
+	return /* @__PURE__ */ G("p", {
 		className: "gmp-map-legend",
 		children: [
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ G("span", {
 				className: "gmp-legend-item",
-				children: [/* @__PURE__ */ u("span", {
+				children: [/* @__PURE__ */ W("span", {
 					className: "gmp-map-swatch",
 					"aria-hidden": "true"
 				}), " code area (folder or file)"]
 			}),
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ G("span", {
 				className: "gmp-legend-item gmp-legend-dim",
-				children: [/* @__PURE__ */ u("span", {
+				children: [/* @__PURE__ */ W("span", {
 					className: "gmp-map-swatch gmp-map-swatch--empty",
 					"aria-hidden": "true"
 				}), " no saved conversation behind it"]
 			}),
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ W("span", {
 				className: "gmp-legend-item gmp-legend-dim",
 				children: "brighter = more of it built with AI on record"
 			}),
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ G("span", {
 				className: "gmp-legend-item gmp-legend-dim",
-				children: [/* @__PURE__ */ u("span", {
+				children: [/* @__PURE__ */ W("span", {
 					className: "gmp-map-swatch gmp-map-swatch--edge",
 					"aria-hidden": "true"
 				}), " one area uses another"]
 			}),
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ W("span", {
 				className: "gmp-legend-item gmp-map-legend-danger",
 				children: "⚠ tangle — two areas that depend on each other"
 			}),
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ W("span", {
 				className: "gmp-legend-item gmp-legend-dim",
 				children: "double-click a folder to open its files"
 			})
@@ -804,20 +1202,217 @@ function Q() {
 	});
 }
 //#endregion
-//#region src/ui/graph/types.js
-var $ = Object.freeze([
-	"module",
-	"package",
-	"file"
-]), ee = Object.freeze(["bound", "candidate"]), te = Object.freeze(["cycle", "wrong_way"]), ne = Object.freeze([
-	"M",
-	"A",
-	"D",
-	"R"
-]), re = Object.freeze([
-	"context",
-	"add",
-	"del"
-]);
+//#region src/ui/graph/timelineNavigation.js
+function X(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Z(e, t) {
+	let n = Object.keys(e).sort();
+	return n.length === t.length && t.slice().sort().every((e, t) => e === n[t]);
+}
+function Q(e) {
+	return typeof e == "string" && e.length > 0;
+}
+function Ft(e) {
+	return e === null || Q(e);
+}
+function It(e) {
+	let t = !1;
+	if (X(e) && typeof e.type == "string" && (e.type === "open-change" && Z(e, ["type", "change"]) && X(e.change) ? t = Z(e.change, ["id", "branch"]) && Q(e.change.id) && Ft(e.change.branch) : e.type === "open-session" && Z(e, [
+		"type",
+		"sessionId",
+		"source"
+	]) && Q(e.sessionId) && X(e.source) ? e.source.kind === "commit" && Z(e.source, ["kind", "commit"]) && X(e.source.commit) ? t = Z(e.source.commit, ["id", "branch"]) && Q(e.source.commit.id) && Ft(e.source.commit.branch) : (e.source.kind === "unlinked" || e.source.kind === "outside-window") && Z(e.source, ["kind"]) && (t = !0) : (e.type === "open-map" || e.type === "show-older") && Z(e, ["type"]) && (t = !0)), !t) throw TypeError([
+		"Timeline navigation action rejected.",
+		"What went wrong: the value is not an exact supported TimelineNavigationAction.",
+		"Why it happened: an untyped caller supplied an unknown action, missing context, or extra fields.",
+		"Where: assertTimelineNavigationAction in @peasant-labs/fairtrade/graph.",
+		"When: while crossing a JavaScript timeline-navigation boundary.",
+		"What it means: the host cannot safely choose a route for this user gesture.",
+		"How to fix: emit one documented open-change, open-session, open-map, or show-older action with its exact required fields."
+	].join("\n"));
+}
+//#endregion
+//#region src/ui/graph/ScentTag.jsx
+function Lt({ tag: e, hoverText: t, active: n = !1, onToggle: r, className: i = "", ...a }) {
+	if (!b.includes(e)) throw Error(`ScentTag render failed: what went wrong: unknown scent tag ${JSON.stringify(e)}; why: the value is not a member of the closed SCENT_TAGS set; where: src/ui/graph/ScentTag.jsx; when: rendering a ranked-list row; what it means: an upstream ranking derivation produced a value outside the frozen vocabulary; how to fix: only pass one of ${b.join(", ")}.`);
+	return r ? /* @__PURE__ */ G("button", {
+		type: "button",
+		className: `tlp-scent tlp-scent-filter${n ? " tlp-scent-filter-active" : ""}${i ? ` ${i}` : ""}`,
+		title: t || void 0,
+		"aria-pressed": n,
+		onClick: () => r(n ? null : e),
+		...a,
+		children: [e, /* @__PURE__ */ W("span", {
+			className: "tlp-sr",
+			role: "status",
+			"aria-live": "polite",
+			children: n ? `filtering by ${e}` : ""
+		})]
+	}) : /* @__PURE__ */ W("span", {
+		className: `tlp-scent${i ? ` ${i}` : ""}`,
+		title: t || void 0,
+		...a,
+		children: e
+	});
+}
+//#endregion
+//#region src/ui/graph/RankedRow.jsx
+function Rt({ row: e, loc: t = 0, selected: n = !1, onSelect: r, className: i = "", ...a }) {
+	return /* @__PURE__ */ G("button", {
+		type: "button",
+		className: [
+			"tlp-ranked-row",
+			n && "tlp-ranked-row-sel",
+			i
+		].filter(Boolean).join(" "),
+		"aria-pressed": n,
+		onClick: () => r?.(e.id),
+		...a,
+		children: [
+			/* @__PURE__ */ W(A, {
+				className: "tlp-ranked-doi-scope",
+				children: /* @__PURE__ */ W(se, {
+					label: e.name,
+					loc: t,
+					recorded: e.doi,
+					total: 1,
+					selected: n,
+					as: "span",
+					className: "tlp-ranked-doi"
+				})
+			}),
+			/* @__PURE__ */ W("span", {
+				className: "tlp-ranked-name",
+				title: e.name,
+				children: e.name
+			}),
+			/* @__PURE__ */ W("span", {
+				className: "tlp-ranked-tags",
+				"aria-label": "comprehension signals",
+				children: e.scentTags.map((t) => /* @__PURE__ */ W(Lt, {
+					tag: t,
+					hoverText: t.startsWith("agent wrote:") ? e.hoverText ?? void 0 : void 0
+				}, t))
+			}),
+			/* @__PURE__ */ W("span", {
+				className: "tlp-ranked-doi-val tnum",
+				"aria-hidden": "true",
+				children: e.doi.toFixed(2)
+			})
+		]
+	});
+}
+//#endregion
+//#region src/ui/graph/RankModeControl.jsx
+var $ = [
+	"relevance",
+	"debt",
+	"churn"
+];
+function zt({ rankMode: e, onChange: t, className: n = "", ...r }) {
+	let i = H([]), a = (e) => {
+		let n = $[e];
+		n && (t(n), i.current[e]?.focus());
+	}, o = (e, t) => {
+		let n;
+		switch (e.key) {
+			case "ArrowRight":
+			case "ArrowDown":
+				n = (t + 1) % $.length;
+				break;
+			case "ArrowLeft":
+			case "ArrowUp":
+				n = (t - 1 + $.length) % $.length;
+				break;
+			case "Home":
+				n = 0;
+				break;
+			case "End":
+				n = $.length - 1;
+				break;
+			default: return;
+		}
+		e.preventDefault(), a(n);
+	};
+	return /* @__PURE__ */ G("span", {
+		className: `tlp-rank-mode${n ? ` ${n}` : ""}`,
+		role: "radiogroup",
+		"aria-label": "rank mode",
+		...r,
+		children: [$.map((n, r) => /* @__PURE__ */ W("button", {
+			type: "button",
+			role: "radio",
+			"aria-checked": e === n,
+			tabIndex: e === n ? 0 : -1,
+			ref: (e) => {
+				i.current[r] = e;
+			},
+			className: `tlp-rank-mode-btn${e === n ? " tlp-rank-mode-btn-active" : ""}`,
+			onClick: () => t(n),
+			onKeyDown: (e) => o(e, r),
+			children: n
+		}, n)), /* @__PURE__ */ W("span", {
+			className: "tlp-sr",
+			role: "status",
+			"aria-live": "polite",
+			children: `rank mode: ${e}`
+		})]
+	});
+}
+//#endregion
+//#region src/ui/graph/InsightPanel.jsx
+function Bt({ insights: e, onOpenEvidence: t, className: n = "", ...r }) {
+	if (fe(e), e.length === 0) return /* @__PURE__ */ W("p", {
+		className: `tlp-insight-empty${n ? ` ${n}` : ""}`,
+		...r,
+		children: "no insights recorded for this node yet."
+	});
+	let i = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		let e = i.get(t.kind) ?? [];
+		e.push(t), i.set(t.kind, e);
+	}
+	return /* @__PURE__ */ W("div", {
+		className: `tlp-insight-panel${n ? ` ${n}` : ""}`,
+		...r,
+		children: [...i.entries()].map(([e, n]) => /* @__PURE__ */ G("section", {
+			className: "tlp-insight-group",
+			"aria-label": f[e],
+			children: [/* @__PURE__ */ W("h3", {
+				className: "tlp-insight-group-title",
+				children: f[e]
+			}), /* @__PURE__ */ W("ul", {
+				className: "tlp-insight-list",
+				children: n.map((e, n) => /* @__PURE__ */ G("li", {
+					className: "tlp-insight-item",
+					children: [
+						/* @__PURE__ */ W("span", {
+							className: `tlp-insight-provenance ${v[e.provenance].markerClass}`,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ W("span", {
+							className: "tlp-insight-title",
+							children: e.title
+						}),
+						e.summary && /* @__PURE__ */ W("span", {
+							className: "tlp-insight-summary",
+							children: e.summary
+						}),
+						/* @__PURE__ */ W("span", {
+							className: "tlp-insight-evidence",
+							children: e.evidence.map((e, n) => /* @__PURE__ */ W("button", {
+								type: "button",
+								className: "tlp-insight-evidence-link",
+								onClick: () => t?.(e.sessionId),
+								children: e.file || e.sessionId
+							}, n))
+						})
+					]
+				}, n))
+			})]
+		}, e))
+	});
+}
 //#endregion
-export { ee as CHANGE_BINDINGS, U as ChangeDetail, F as Changes, K as CodeMap, Z as CodeMapComposition, re as DIFF_LINE_KINDS, Q as DefaultMapLegend, te as EDGE_VIOLATION_KINDS, ne as FILE_CHANGE_STATUSES, a as GRAPH_APP_SECTIONS, n as GraphAppShell, r as GraphSectionNav, $ as MAP_NODE_KINDS, N as buildChangesGraph, q as codeMapPayloadToMapData, M as humanizeAge };
+export { Fe as AllChangeBindings, Ie as AllDiffLineKinds, Le as AllEdgeViolationKinds, Re as AllFileChangeStatuses, ze as AllInsightKinds, Be as AllInsightProvenances, Ve as AllMapNodeKinds, He as AllReadAttributionStates, Ue as AllReadStateGrades, n as CHANGE_BINDINGS, oe as CODE_MAP_STATE_VERSION, j as CODE_MAP_VIEWPORT_SCALE, de as COVERAGE_CAP, We as ChangeBinding, bt as ChangeDetail, ft as Changes, Ct as CodeMap, Nt as CodeMapComposition, Ot as CodeMapNavigator, k as DEBT_VIEWED, S as DIFF_LINE_KINDS, ue as DOI_WEIGHTS, Pt as DefaultMapLegend, Ge as DiffLineKind, c as EDGE_VIOLATION_KINDS, Ke as EdgeViolationKind, x as FILE_CHANGE_STATUSES, qe as FileChangeStatus, ie as GRAPH_APP_SECTIONS, ae as GhostCommitNode, e as GhostGroup, R as GraphAppShell, ne as GraphSectionNav, E as HighlightEdge, Je as InsightKind, Bt as InsightPanel, Ye as InsightProvenance, C as MAP_NODE_KINDS, Xe as MapNodeKind, y as RANK_CAP, r as RANK_FLOOR, le as RECENCY_HALF_LIFE_DAYS, zt as RankModeControl, Rt as RankedRow, Ze as ReadAttributionState, Qe as ReadStateGrade, b as SCENT_TAGS, Lt as ScentTag, ee as SessionLane, _ as SessionOverflowDisclosure, w as TouchedFileCluster, s as assertChangeDetailPayloadEnums, d as assertChangeDiffPayloadEnums, B as assertCodeMapPayloadEnums, It as assertTimelineNavigationAction, ut as buildChangesGraph, wt as codeMapPayloadToMapData, M as codeMapStatesEqual, a as coverage, z as createCodeMapState, i as debt, h as debtHoverText, I as debtState, L as deriveCodeMapView, t as deriveRankedRows, P as deriveTimelineHighlight, F as gateRankedRows, Y as humanizeAge, p as hunkClears, $e as isChangeBinding, N as isCodeMapViewportScale, et as isDiffLineKind, tt as isEdgeViolationKind, nt as isFileChangeStatus, rt as isInsightKind, it as isInsightProvenance, at as isMapNodeKind, ot as isReadAttributionState, st as isReadStateGrade, m as partialReadHoverText, g as rankMapNodes, o as rankMapNodesIntrinsic, D as reduceCodeMapState, ce as resolveEscapeAction, l as scentTagsFor };