@peasant-labs/fairtrade 0.0.6 → 0.0.7

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 { A as e, C as t, E as n, S as r, T as i, _ as a, b as o, d as s, f as c, g as l, h as u, l as d, m as f, n as p, p as m, r as h, s as g, t as _, u as v, v as y, w as b, x, y as S } from "./InUseShell-VRWaysXY.js";
+import { useMemo as C, useRef as w, useState as T } from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { Box as k, Check as A, ChevronDown as j, ChevronRight as M, Coins as N, CornerDownRight as P, FileCode as F, FileDiff as I, FileText as L, Folder as R, GitMerge as z, Hash as ee, Map as B, MessageSquare as V, RotateCw as H, Search as U, Share2 as te, Tag as W, TriangleAlert as G, X as K } from "lucide-react";
+import { AllChangeBindings as ne, AllDiffLineKinds as re, AllEdgeViolationKinds as ie, AllFileChangeStatuses as ae, AllMapNodeKinds as oe, ChangeBinding as se, DiffLineKind as ce, EdgeViolationKind as le, FileChangeStatus as ue, MapNodeKind as de, isChangeBinding as fe, isDiffLineKind as pe, isEdgeViolationKind as me, isFileChangeStatus as he, isMapNodeKind as ge } 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 q = 6e4, J = 60 * q, Y = 24 * J, _e = 7 * Y;
+function X(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 < J ? `${Math.max(1, Math.floor(n / q))}m ago` : n < Y ? `${Math.floor(n / J)}h ago` : n < _e ? `${Math.floor(n / Y)}d ago` : `${Math.floor(n / _e)}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 ve(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) => ye(t) - ye(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,161 @@ function N(e, { nowMs: t }) {
 				branch: i.branch,
 				session: (i.sessionCount ?? 0) > 0,
 				tip: !0,
-				time: M(n.tipMs, t)
+				time: X(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: X(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: X(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 ye(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 be({ payload: t, projectLabel: r, selectedId: i, onNavigate: a, onSelectChange: o, onOpenMap: s, hasMore: c = !1, onShowOlder: l, onOpenSession: u, nowMs: d }) {
+	let f = d ?? Date.now(), { commits: p, reverted: m, unlinkedSessions: h, outsideWindowSessions: g, openCount: _, mergedCount: v } = C(() => ve(t, { nowMs: f }), [t, f]), y = t.defaultBranch;
+	return /* @__PURE__ */ O("div", {
 		className: "gmp-root gmp-changes-root",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ O("div", {
 			className: "gmp-changes-head",
-			children: [/* @__PURE__ */ d("div", { children: [n && /* @__PURE__ */ d("span", {
+			children: [/* @__PURE__ */ O("div", { children: [r && /* @__PURE__ */ O("span", {
 				className: "label",
-				children: ["lines of work · ", n]
-			}), /* @__PURE__ */ d("div", {
+				children: ["lines of work · ", r]
+			}), /* @__PURE__ */ O("div", {
 				className: "gmp-changes-sub mono",
 				children: [
-					v ? `default branch ${v} · ` : "",
-					g,
-					" open · ",
+					y ? `default branch ${y} · ` : "",
 					_,
+					" open · ",
+					v,
 					" merged"
 				]
-			})] }), /* @__PURE__ */ d("button", {
+			})] }), /* @__PURE__ */ O("button", {
 				type: "button",
 				className: "btn btn-secondary btn-sm",
-				onClick: () => a?.(),
-				children: [/* @__PURE__ */ u(f, {
+				onClick: () => {
+					a ? a({ type: "open-map" }) : s?.();
+				},
+				children: [/* @__PURE__ */ D(k, {
 					size: 14,
 					"aria-hidden": "true"
 				}), " open the map"]
 			})]
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ O("div", {
 			className: "gmp-changes-body",
 			children: [
-				/* @__PURE__ */ u(e, {
+				/* @__PURE__ */ D(n, {
 					className: "gmp-cg",
-					commits: m,
-					selectedId: r,
+					commits: p,
+					selectedId: i,
 					label: "default-branch commit history",
-					onSelect: (e) => i?.(e),
-					hasMore: o,
-					onShowOlder: c
+					onNavigate: a,
+					onSelect: (e) => o?.(e),
+					onOpenSession: u,
+					hasMore: c,
+					onShowOlder: l
+				}),
+				h.length > 0 && /* @__PURE__ */ O("section", {
+					className: "gmp-unlinked-sessions",
+					"aria-labelledby": "gmp-unlinked-sessions-heading",
+					children: [/* @__PURE__ */ D("h2", {
+						id: "gmp-unlinked-sessions-heading",
+						className: "sb-head gmp-unlinked-sessions-head",
+						children: "sessions not linked to a commit"
+					}), /* @__PURE__ */ D("div", {
+						className: "gmp-unlinked-sessions-list",
+						children: h.map((t) => /* @__PURE__ */ O("button", {
+							type: "button",
+							className: "gmp-unlinked-session",
+							onClick: () => {
+								a ? a({
+									type: "open-session",
+									sessionId: t.sessionId,
+									source: { kind: "unlinked" }
+								}) : u?.(t.sessionId);
+							},
+							children: [/* @__PURE__ */ D(e, { harness: t.harness }), /* @__PURE__ */ D("span", { children: t.title || t.sessionId })]
+						}, t.sessionId))
+					})]
+				}),
+				g.length > 0 && /* @__PURE__ */ O("section", {
+					className: "gmp-unlinked-sessions",
+					"aria-labelledby": "gmp-outside-window-sessions-heading",
+					children: [/* @__PURE__ */ D("h2", {
+						id: "gmp-outside-window-sessions-heading",
+						className: "sb-head gmp-unlinked-sessions-head",
+						children: "sessions linked outside this visible commit window"
+					}), /* @__PURE__ */ D("div", {
+						className: "gmp-unlinked-sessions-list",
+						children: g.map((t) => /* @__PURE__ */ O("button", {
+							type: "button",
+							className: "gmp-unlinked-session",
+							onClick: () => {
+								a ? a({
+									type: "open-session",
+									sessionId: t.sessionId,
+									source: { kind: "outside-window" }
+								}) : u?.(t.sessionId);
+							},
+							children: [/* @__PURE__ */ D(e, { harness: t.harness }), /* @__PURE__ */ D("span", { children: t.title || t.sessionId })]
+						}, t.sessionId))
+					})]
 				}),
-				h.length > 0 && /* @__PURE__ */ d("div", {
+				m.length > 0 && /* @__PURE__ */ O("div", {
 					className: "gmp-merged-sec",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ D("div", {
 						className: "sb-head gmp-merged-head",
 						children: "already merged in"
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ D("div", {
 						className: "gmp-merged-list",
-						children: h.map((e) => /* @__PURE__ */ d("button", {
+						children: m.map((e) => /* @__PURE__ */ O("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
+								};
+								a ? a({
+									type: "open-change",
+									change: {
+										id: t.id,
+										branch: t.branch
+									}
+								}) : o?.(t);
+							},
 							children: [
-								/* @__PURE__ */ u(b, {
+								/* @__PURE__ */ D(z, {
 									size: 13,
 									"aria-hidden": "true"
 								}),
@@ -129,12 +197,12 @@ function F({ payload: t, projectLabel: n, selectedId: r, onSelectChange: i, onOp
 						}, e.branch))
 					})]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ O("div", {
 					className: "gmp-changes-legend",
 					children: [
-						/* @__PURE__ */ d("span", {
+						/* @__PURE__ */ O("span", {
 							className: "gmp-legend-item",
-							children: [/* @__PURE__ */ u("span", {
+							children: [/* @__PURE__ */ D("span", {
 								className: "cg-dot cg-dot-filled",
 								style: {
 									width: 9,
@@ -143,9 +211,9 @@ function F({ payload: t, projectLabel: n, selectedId: r, onSelectChange: i, onOp
 								"aria-hidden": "true"
 							}), " commit with a recorded session"]
 						}),
-						/* @__PURE__ */ d("span", {
+						/* @__PURE__ */ O("span", {
 							className: "gmp-legend-item",
-							children: [/* @__PURE__ */ u("span", {
+							children: [/* @__PURE__ */ D("span", {
 								className: "cg-dot cg-dot-hollow",
 								style: {
 									width: 9,
@@ -154,7 +222,7 @@ function F({ payload: t, projectLabel: n, selectedId: r, onSelectChange: i, onOp
 								"aria-hidden": "true"
 							}), " no session captured"]
 						}),
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ D("span", {
 							className: "gmp-legend-item gmp-legend-dim",
 							children: "a filled dot also flies a sparkle · select a commit to open it"
 						})
@@ -166,29 +234,29 @@ function F({ payload: t, projectLabel: n, selectedId: r, onSelectChange: i, onOp
 }
 //#endregion
 //#region src/ui/graph/ChangeDetail.jsx
-var I = {
+var xe = {
 	M: "changed",
 	A: "added",
 	D: "deleted",
 	R: "renamed"
-}, L = {
+}, Se = {
 	A: "chip-ok",
 	M: "",
 	D: "chip-err",
 	R: "chip-warn"
-}, R = {
+}, Ce = {
 	context: "ctx",
 	add: "add",
 	del: "del"
 };
-function z(e) {
+function we(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 Te = (e) => e >= 1e3 ? `≈${(e / 1e3).toFixed(1)}k` : String(e);
+function Ee(e) {
 	let t = e.oldStart, n = e.newStart, r = e.lines.map((e) => {
-		let r = R[e.kind] ?? "ctx";
+		let r = Ce[e.kind] ?? "ctx";
 		return r === "add" ? {
 			type: r,
 			newNo: n++,
@@ -209,107 +277,109 @@ function V(e) {
 		lines: r
 	};
 }
-function H({ file: e, diff: t, open: n, onToggle: r }) {
-	let i = e.status, a = t ? new Set(t.hunks.map((e) => e.sessionId).filter(Boolean)).size : null;
-	return /* @__PURE__ */ d("div", {
+function De({ file: e, diff: n, open: r, onToggle: a }) {
+	n && t(n);
+	let o = e.status, s = n ? new Set(n.hunks.map((e) => e.sessionId).filter(Boolean)).size : null;
+	return /* @__PURE__ */ O("div", {
 		className: "gmp-file",
-		children: [/* @__PURE__ */ d("button", {
+		children: [/* @__PURE__ */ O("button", {
 			type: "button",
 			className: "gmp-file-head",
-			"aria-expanded": n,
-			onClick: r,
+			"aria-expanded": r,
+			onClick: a,
 			children: [
-				u(n ? m : h, {
+				D(r ? j : M, {
 					size: 14,
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ u("span", {
+				/* @__PURE__ */ D("span", {
 					className: "mono gmp-file-path",
 					children: e.path
 				}),
-				/* @__PURE__ */ u("span", {
-					className: "chip gmp-file-status " + (L[i] ?? ""),
-					children: I[i] ?? i
+				/* @__PURE__ */ D("span", {
+					className: "chip gmp-file-status " + (Se[o] ?? ""),
+					children: xe[o] ?? o
 				}),
-				a != null && a > 0 && /* @__PURE__ */ d("span", {
+				s != null && s > 0 && /* @__PURE__ */ O("span", {
 					className: "gmp-file-convos metaitem",
 					children: [
-						/* @__PURE__ */ u(S, {
+						/* @__PURE__ */ D(V, {
 							size: 13,
 							"aria-hidden": "true"
 						}),
 						" ",
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ D("span", {
 							className: "tnum",
-							children: a
+							children: s
 						})
 					]
 				})
 			]
-		}), n && /* @__PURE__ */ u("div", {
+		}), r && /* @__PURE__ */ D("div", {
 			className: "gmp-file-body",
-			children: t ? t.error ? /* @__PURE__ */ u("p", {
+			children: n ? n.error ? /* @__PURE__ */ D("p", {
 				className: "gmp-diff-state gmp-diff-error mono",
-				children: t.error
-			}) : t.binary ? /* @__PURE__ */ u("p", {
+				children: n.error
+			}) : n.binary ? /* @__PURE__ */ D("p", {
 				className: "gmp-diff-state mono",
 				children: "binary file — no textual diff."
-			}) : t.hunks.length === 0 ? /* @__PURE__ */ u("p", {
+			}) : n.hunks.length === 0 ? /* @__PURE__ */ D("p", {
 				className: "gmp-diff-state mono",
 				children: "no line changes."
-			}) : t.hunks.map((e, n) => /* @__PURE__ */ d("div", {
+			}) : n.hunks.map((e, t) => /* @__PURE__ */ O("div", {
 				className: "gmp-hunk",
 				children: [
-					e.sessionTitle && /* @__PURE__ */ d("div", {
+					e.sessionTitle && /* @__PURE__ */ O("div", {
 						className: "gmp-hunk-attrib",
 						children: [
-							/* @__PURE__ */ u(_, {
+							/* @__PURE__ */ D(P, {
 								size: 13,
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ D("span", {
 								className: "gmp-hunk-from",
 								children: "from"
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ D("span", {
 								className: "gmp-hunk-link",
 								children: e.sessionTitle
 							}),
-							e.sessionId && /* @__PURE__ */ u("span", {
+							e.sessionId && /* @__PURE__ */ D("span", {
 								className: "mono gmp-hunk-hash",
 								children: e.sessionId.slice(0, 7)
 							})
 						]
 					}),
-					/* @__PURE__ */ u(o, {
+					/* @__PURE__ */ D(i, {
 						file: "",
-						hunks: [V(e)],
+						hunks: [Ee(e)],
 						className: "gmp-hunk-diff"
 					}),
-					t.truncated && n === t.hunks.length - 1 && /* @__PURE__ */ u("p", {
+					n.truncated && t === n.hunks.length - 1 && /* @__PURE__ */ D("p", {
 						className: "gmp-diff-state mono",
 						children: "diff truncated (file exceeds the size cap)."
 					})
 				]
-			}, n)) : /* @__PURE__ */ u("p", {
+			}, t)) : /* @__PURE__ */ D("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 Oe({ payload: e, getDiff: t, title: n, annotation: i = "", onSaveAnnotation: a, onRemoveAnnotation: o, onOpenMap: s, onShare: c, onCopyRecap: l, initialOpenFiles: u = {} }) {
+	r(e);
+	let [d, f] = T(u), [p, m] = T(null), [h, g] = T(!1), [_, v] = T(""), y = w({}), b = w(null), x = n ?? we(e.branch), S = e.work.length, C = e.newEdges.length, E = e.removedEdges.length, j = (e) => f((t) => ({
 		...t,
 		[e]: !t[e]
 	}));
-	function W(e, t) {
-		if (k(e), t) {
-			S((e) => ({
+	function P(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 +389,106 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 			}
 		}
 	}
-	function G(e) {
+	function F(e) {
 		e.preventDefault();
-		let t = M.trim();
-		t && i?.(t), j(!1), N("");
+		let t = _.trim();
+		t && a?.(t), g(!1), v("");
 	}
-	let K = e.files[0]?.path;
-	return /* @__PURE__ */ d("div", {
+	let R = e.files[0]?.path;
+	return /* @__PURE__ */ O("div", {
 		className: "gmp-root gmp-detail-root",
-		ref: F,
+		ref: b,
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ O("div", {
 				className: "gmp-detail-head",
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ O("div", {
 						className: "crumb",
 						children: [
 							"review ",
-							/* @__PURE__ */ u(h, {
+							/* @__PURE__ */ D(M, {
 								size: 13,
 								"aria-hidden": "true"
 							}),
 							" ",
 							e.defaultBranch,
 							" ",
-							/* @__PURE__ */ u(h, {
+							/* @__PURE__ */ D(M, {
 								size: 13,
 								"aria-hidden": "true"
 							}),
 							" ",
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ D("span", {
 								className: "cur",
 								children: e.branch
 							})
 						]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ D("div", {
 						className: "gmp-detail-title",
-						children: I
+						children: x
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ O("p", {
 						className: "gmp-caption",
 						children: [
 							"this line of work touched",
 							" ",
-							/* @__PURE__ */ d("button", {
+							/* @__PURE__ */ O("button", {
 								type: "button",
-								className: "gmp-frag" + (O === "files" ? " gmp-frag-on" : ""),
-								onClick: () => W("files", K),
+								className: "gmp-frag" + (p === "files" ? " gmp-frag-on" : ""),
+								onClick: () => P("files", R),
 								children: [e.filesChanged, " files"]
 							}),
 							" ",
 							"across",
 							" ",
-							/* @__PURE__ */ d("button", {
+							/* @__PURE__ */ O("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: () => P("conversations"),
+								children: [S, " conversations"]
 							}),
 							", reshaping",
 							" ",
-							/* @__PURE__ */ d("button", {
+							/* @__PURE__ */ O("button", {
 								type: "button",
-								className: "gmp-frag" + (O === "conn" ? " gmp-frag-on" : ""),
-								onClick: () => W("conn"),
+								className: "gmp-frag" + (p === "conn" ? " gmp-frag-on" : ""),
+								onClick: () => P("conn"),
 								children: [
 									"+",
-									R,
+									C,
 									"/−",
-									V,
+									E,
 									" connections"
 								]
 							}),
 							"."
 						]
 					}),
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ D("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__ */ O("div", {
 				className: "gmp-signals",
-				children: [e.frictions.map((e, t) => /* @__PURE__ */ d("span", {
+				children: [e.frictions.map((e, t) => /* @__PURE__ */ O("span", {
 					className: "gmp-signal",
 					children: [
-						/* @__PURE__ */ u(C, {
+						/* @__PURE__ */ D(H, {
 							size: 14,
 							"aria-hidden": "true"
 						}),
 						" ",
 						e.label,
 						" · ",
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ D("span", {
 							className: "mono",
 							children: e.file
 						}),
 						" ",
-						/* @__PURE__ */ d("b", {
+						/* @__PURE__ */ O("b", {
 							className: "tnum",
 							children: [e.count, "×"]
 						}),
@@ -426,15 +496,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__ */ O("span", {
 					className: "gmp-signal gmp-signal-warn",
 					children: [
-						/* @__PURE__ */ u(E, {
+						/* @__PURE__ */ D(G, {
 							size: 14,
 							"aria-hidden": "true"
 						}),
 						" ",
-						/* @__PURE__ */ u("b", {
+						/* @__PURE__ */ D("b", {
 							className: "tnum",
 							children: e.violations.length
 						}),
@@ -442,13 +512,13 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 					]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ O("div", {
 				className: "gmp-totals",
 				children: [
-					/* @__PURE__ */ d("span", {
+					/* @__PURE__ */ O("span", {
 						className: "metaitem tnum",
 						children: [
-							/* @__PURE__ */ u(v, {
+							/* @__PURE__ */ D(I, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
@@ -457,37 +527,37 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 							" files touched"
 						]
 					}),
-					/* @__PURE__ */ d("span", {
+					/* @__PURE__ */ O("span", {
 						className: "metaitem tnum",
 						children: [
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ O("span", {
 								className: "gmp-add",
-								children: ["+", R]
+								children: ["+", C]
 							}),
 							"/",
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ O("span", {
 								className: "gmp-del",
-								children: ["−", V]
+								children: ["−", E]
 							}),
 							" connections"
 						]
 					}),
-					/* @__PURE__ */ d("span", {
+					/* @__PURE__ */ O("span", {
 						className: "metaitem tnum",
 						children: [
-							/* @__PURE__ */ u(x, {
+							/* @__PURE__ */ D(ee, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
 							" ai wrote ",
-							B(e.outputTokens),
+							Te(Number(e.outputTokens)),
 							" tokens"
 						]
 					}),
-					e.costUsd != null && /* @__PURE__ */ d("span", {
+					e.costUsd != null && /* @__PURE__ */ O("span", {
 						className: "metaitem tnum",
 						children: [
-							/* @__PURE__ */ u(g, {
+							/* @__PURE__ */ D(N, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
@@ -497,97 +567,97 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 					})
 				]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ O("div", {
 				className: "gmp-detail-sec",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "sb-head gmp-detail-sechead",
 					children: "files changed · click a path to open its diff"
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "gmp-files",
-					children: e.files.map((e) => /* @__PURE__ */ u("div", {
+					children: e.files.map((e) => /* @__PURE__ */ D("div", {
 						ref: (t) => {
-							P.current[e.path] = t;
+							y.current[e.path] = t;
 						},
-						children: /* @__PURE__ */ u(H, {
+						children: /* @__PURE__ */ D(De, {
 							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: () => j(e.path)
 						})
 					}, e.path))
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ O("div", {
 				className: "gmp-detail-sec",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "sb-head gmp-detail-sechead",
 					children: "your annotation"
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "gmp-annot",
 					children: [
-						r && /* @__PURE__ */ d("span", {
+						i && /* @__PURE__ */ O("span", {
 							className: "gmp-label-chip gmp-annot-chip",
 							children: [
-								/* @__PURE__ */ u(T, {
+								/* @__PURE__ */ D(W, {
 									size: 12,
 									"aria-hidden": "true"
 								}),
 								" ",
-								r,
-								/* @__PURE__ */ u("button", {
+								i,
+								/* @__PURE__ */ D("button", {
 									type: "button",
 									className: "gmp-annot-x",
 									"aria-label": "remove annotation",
-									onClick: () => a?.(),
-									children: /* @__PURE__ */ u(D, {
+									onClick: () => o?.(),
+									children: /* @__PURE__ */ D(K, {
 										size: 11,
 										"aria-hidden": "true"
 									})
 								})
 							]
 						}),
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ O("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__ */ D(W, {
 									size: 13,
 									"aria-hidden": "true"
 								}),
 								" ",
-								r ? "change label" : "add a label"
+								i ? "change label" : "add a label"
 							]
 						}),
-						A && /* @__PURE__ */ d("form", {
+						h && /* @__PURE__ */ O("form", {
 							className: "gmp-annot-pop",
-							onSubmit: G,
+							onSubmit: F,
 							children: [
-								/* @__PURE__ */ u("span", {
+								/* @__PURE__ */ D("span", {
 									className: "label",
 									children: "user.custom_label"
 								}),
-								/* @__PURE__ */ u("input", {
+								/* @__PURE__ */ D("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__ */ O("div", {
 									className: "gmp-annot-pop-foot",
-									children: [/* @__PURE__ */ u("button", {
+									children: [/* @__PURE__ */ D("button", {
 										type: "button",
 										className: "btn btn-ghost btn-sm",
-										onClick: () => j(!1),
+										onClick: () => g(!1),
 										children: "cancel"
-									}), /* @__PURE__ */ d("button", {
+									}), /* @__PURE__ */ O("button", {
 										type: "submit",
 										className: "btn btn-primary btn-sm",
-										children: [/* @__PURE__ */ u(p, {
+										children: [/* @__PURE__ */ D(A, {
 											size: 13,
 											"aria-hidden": "true"
 										}), " save"]
@@ -598,42 +668,42 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 					]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ O("div", {
 				className: "gmp-exits",
 				children: [
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ O("button", {
 						type: "button",
 						className: "btn btn-secondary btn-sm",
-						onClick: () => o?.(),
-						children: [/* @__PURE__ */ u(f, {
+						onClick: () => s?.(),
+						children: [/* @__PURE__ */ D(k, {
 							size: 14,
 							"aria-hidden": "true"
 						}), " see this work on the code map"]
 					}),
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ O("button", {
 						type: "button",
 						className: "btn btn-secondary btn-sm",
-						onClick: () => s?.(),
+						onClick: () => c?.(),
 						children: [
-							/* @__PURE__ */ u(w, {
+							/* @__PURE__ */ D(te, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
 							" share ",
-							L,
+							S,
 							" conversations…"
 						]
 					}),
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ O("button", {
 						type: "button",
 						className: "btn btn-secondary btn-sm",
-						onClick: () => m?.(),
-						children: [/* @__PURE__ */ u(y, {
+						onClick: () => l?.(),
+						children: [/* @__PURE__ */ D(L, {
 							size: 14,
 							"aria-hidden": "true"
 						}), " copy recap"]
 					}),
-					/* @__PURE__ */ d("code", {
+					/* @__PURE__ */ O("code", {
 						className: "gmp-gitdiff mono",
 						children: [
 							"git diff ",
@@ -644,7 +714,7 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 					})
 				]
 			}),
-			/* @__PURE__ */ u("p", {
+			/* @__PURE__ */ D("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 +723,77 @@ function U({ payload: e, getDiff: t, title: n, annotation: r = "", onSaveAnnotat
 }
 //#endregion
 //#region src/ui/graph/CodeMap.jsx
-var W = Object.freeze({
+var ke = Object.freeze({
 	project: "overview",
 	package: "folders",
 	file: "files"
-}), G = Object.freeze({
+}), Ae = 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 je({ payload: e, zoom: t, onZoomChange: n, selectedId: r, onSelect: i, onExpand: a, highlightedIds: o, nodeDeltas: s, structureEdgeDeltas: u, height: p = 520, ariaLabel: h = "code map", className: g = "", viewport: _, onViewportChange: v, state: y, onStateChange: b }) {
+	let x = C(() => {
 		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]), S = C(() => y === void 0 ? null : m(y), [y]), T = C(() => S ? f(e, S) : null, [e, S]), E = C(() => Me(e && {
+		...e,
+		nodes: T?.canvas.allNodes ?? e.nodes
+	}), [e, T?.canvas.allNodes]), O = T ? ke[T.canvas.grain] ?? "folders" : ke[t?.level ?? "package"], k = T?.canvas.expandedIds ?? t?.expanded, A = w(O);
+	A.current = O;
+	function j(e) {
+		if (!S) return;
+		let t = l(S, e);
+		c(S, t) || b?.(t);
+	}
+	return /* @__PURE__ */ D(d, {
+		data: E,
+		grain: O,
+		expandedIds: k,
+		visibleIds: T?.canvas.visibleIds,
+		hierarchy: T?.canvas.hierarchy,
+		selectedId: T ? T.canvas.selectedId : r,
+		highlightedIds: o,
+		nodeDeltas: s,
+		edgeDeltas: u,
+		onSelect: (e) => {
+			i?.(e, e ? x.get(e) ?? null : null);
+		},
+		onExpand: a,
 		onGrainChange: (e) => {
-			x.current = e, r?.({
-				level: G[e] ?? "package",
+			A.current = e, n?.({
+				level: Ae[e] ?? "package",
 				expanded: []
 			});
 		},
 		onExpandedIdsChange: (e) => {
-			r?.({
-				level: G[x.current] ?? "package",
+			n?.({
+				level: Ae[A.current] ?? "package",
 				expanded: e
 			});
 		},
 		height: p,
-		ariaLabel: m,
-		className: h
+		ariaLabel: h,
+		className: g,
+		viewport: T ? T.canvas.viewport : _,
+		onViewportChange: (e) => {
+			v?.(e);
+		},
+		onStateAction: S ? j : void 0,
+		canonicalControlled: S !== null
 	});
 }
-function q(e) {
-	let t = e?.nodes ?? [], n = Y(e?.violations ?? []);
+function Me(e) {
+	e && b(e);
+	let t = e?.nodes ?? [], n = Pe(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: Ne(e.recordedFiles, e.totalFiles),
 			parent: e.parent || void 0,
 			violations: n.get(e.id) ?? 0,
 			layer: e.layer,
@@ -717,86 +807,380 @@ function q(e) {
 		}))
 	};
 }
-function J(e, t) {
+function Ne(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 Pe(e) {
 	let t = /* @__PURE__ */ new Map();
-	for (let n of e) X(t, n.from), X(t, n.to);
+	for (let n of e) Fe(t, n.from), Fe(t, n.to);
 	return t;
 }
-function X(e, t) {
+function Fe(e, t) {
 	t && e.set(t, (e.get(t) ?? 0) + 1);
 }
 //#endregion
+//#region src/ui/graph/CodeMapNavigator.jsx
+function Ie({ 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: p = "code map navigator" }) {
+	let [h, g] = T(() => /* @__PURE__ */ new Set()), [_, v] = T(null), y = n === void 0 ? h : new Set(n), b = o === void 0 ? _ : o, x = w(/* @__PURE__ */ new Map()), S = C(() => f(e, m({
+		grain: t,
+		expandedIds: Array.from(y),
+		selectedId: i,
+		navigatorFocusedId: b,
+		navigatorFilter: c
+	})), [
+		e,
+		t,
+		Re(y),
+		i,
+		b,
+		c
+	]), k = S.rows, A = S.focusedId, j = S.selected, N = j ? k.find((e) => e.node.id === j.id) : null, P = !!N?.canExpand && !N.forcedOpen;
+	function F(e) {
+		n === void 0 && g(e), d?.({
+			type: "set-expanded",
+			ids: Array.from(e)
+		}), r?.(Array.from(e));
+	}
+	function I(e) {
+		let t = new Set(y);
+		t.has(e) ? t.delete(e) : t.add(e), F(t);
+	}
+	function L(e) {
+		o === void 0 && v(e), d?.({
+			type: "focus",
+			id: e
+		}), s?.(e), x.current.get(e)?.focus();
+	}
+	function R(e) {
+		o === void 0 && v(e.id), x.current.get(e.id)?.focus(), d?.({
+			type: "select",
+			id: e.id
+		}), s?.(e.id), a?.(e.id, e);
+	}
+	function z(e, t) {
+		let n = k[t];
+		if (!n) return;
+		let { node: r } = n, i = null;
+		if (e.key === "ArrowDown") i = k[Math.min(t + 1, k.length - 1)]?.node.id;
+		else if (e.key === "ArrowUp") i = k[Math.max(t - 1, 0)]?.node.id;
+		else if (e.key === "Home") i = k[0]?.node.id;
+		else if (e.key === "End") i = k[k.length - 1]?.node.id;
+		else if (e.key === "ArrowRight" && (n.canExpand || n.forcedOpen)) n.forcedOpen || n.expanded ? i = n.childIds[0] ?? null : y.has(r.id) || I(r.id);
+		else if (e.key === "ArrowLeft") !n.forcedOpen && n.canExpand && n.expanded ? I(r.id) : i = n.parentId;
+		else if (e.key === "Enter" || e.key === " ") {
+			R(r), e.preventDefault();
+			return;
+		} else return;
+		e.preventDefault(), i && L(i);
+	}
+	return /* @__PURE__ */ O("section", {
+		className: "gmp-navigator",
+		"aria-label": p,
+		children: [
+			/* @__PURE__ */ O("header", {
+				className: "gmp-navigator-head",
+				children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+					className: "gmp-navigator-kicker",
+					children: "browse the codebase"
+				}), /* @__PURE__ */ D("p", {
+					className: "gmp-navigator-note",
+					children: "choose an area for its recorded work, then open the spatial map when relationships matter"
+				})] }), /* @__PURE__ */ O("label", {
+					className: "gmp-navigator-search",
+					children: [
+						/* @__PURE__ */ D(U, { "aria-hidden": "true" }),
+						/* @__PURE__ */ D("span", {
+							className: "mc-sr",
+							children: "filter code areas"
+						}),
+						/* @__PURE__ */ D("input", {
+							value: c,
+							onChange: (e) => {
+								d?.({
+									type: "set-filter",
+									filter: e.target.value
+								}), l?.(e.target.value);
+							},
+							placeholder: "filter paths"
+						})
+					]
+				})]
+			}),
+			S.staleSelectedId ? /* @__PURE__ */ O("p", {
+				className: "gmp-navigator-missing",
+				role: "status",
+				children: [
+					"the selected code area is not present in this map.",
+					" ",
+					/* @__PURE__ */ D("button", {
+						type: "button",
+						onClick: () => {
+							d?.({ type: "clear-selection" }), a?.(null, null);
+						},
+						children: "clear selection"
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ O("div", {
+				className: "gmp-navigator-body",
+				children: [/* @__PURE__ */ D("div", {
+					role: "tree",
+					"aria-label": "code areas",
+					className: "gmp-navigator-tree",
+					"data-grain": t,
+					children: k.length === 0 ? /* @__PURE__ */ D("p", {
+						className: "gmp-navigator-empty",
+						role: "status",
+						children: "no code areas match this filter"
+					}) : k.map((e, t) => {
+						let n = e.canExpand || e.forcedOpen, r = e.expanded, a = A === e.node.id;
+						return /* @__PURE__ */ D(Le, {
+							row: e,
+							hasChildren: n,
+							isExpanded: r,
+							selected: i === e.node.id,
+							tabbable: a,
+							setRef: (t) => {
+								t ? x.current.set(e.node.id, t) : x.current.delete(e.node.id);
+							},
+							onFocus: () => {
+								o === void 0 && v(e.node.id);
+							},
+							onSelect: () => R(e.node),
+							onToggle: () => {
+								e.forcedOpen || I(e.node.id);
+							},
+							onKeyDown: (e) => z(e, t)
+						}, e.node.id);
+					})
+				}), /* @__PURE__ */ D("aside", {
+					className: "gmp-navigator-actions",
+					"aria-label": "selected code area",
+					children: j ? /* @__PURE__ */ O(E, { children: [
+						/* @__PURE__ */ D("p", {
+							className: "gmp-navigator-selected",
+							children: j.name || j.id
+						}),
+						/* @__PURE__ */ D("p", {
+							className: "gmp-navigator-selected-path",
+							children: j.id
+						}),
+						P ? /* @__PURE__ */ O("button", {
+							type: "button",
+							className: "gmp-navigator-action",
+							onClick: () => I(j.id),
+							children: [/* @__PURE__ */ D(M, { "aria-hidden": "true" }), y.has(j.id) ? "hide children" : "show children"]
+						}) : null,
+						/* @__PURE__ */ O("button", {
+							type: "button",
+							className: "gmp-navigator-action gmp-navigator-action--primary",
+							onClick: () => {
+								d?.({
+									type: "open-in-map",
+									id: j.id
+								}), u?.(j.id);
+							},
+							children: [/* @__PURE__ */ D(B, { "aria-hidden": "true" }), " open in map"]
+						})
+					] }) : /* @__PURE__ */ D("p", {
+						className: "gmp-navigator-empty",
+						children: "select an area to see its recorded work and map context"
+					})
+				})]
+			})
+		]
+	});
+}
+function Le({ row: e, hasChildren: t, isExpanded: n, selected: r, tabbable: i, setRef: a, onFocus: o, onSelect: s, onToggle: c, onKeyDown: l }) {
+	return /* @__PURE__ */ O("div", {
+		role: "none",
+		className: "gmp-navigator-row-wrap",
+		"data-selected": r,
+		style: { "--gmp-tree-depth": e.depth },
+		children: [t ? /* @__PURE__ */ D("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__ */ D(M, {
+				className: "gmp-navigator-chevron",
+				"aria-hidden": "true"
+			})
+		}) : /* @__PURE__ */ D("span", {
+			className: "gmp-navigator-disclosure-placeholder",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ O("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__ */ D(F, { "aria-hidden": "true" }) : /* @__PURE__ */ D(R, { "aria-hidden": "true" }),
+				/* @__PURE__ */ D("span", {
+					className: "gmp-navigator-path",
+					children: e.node.name || e.node.id
+				}),
+				/* @__PURE__ */ O("span", {
+					className: "gmp-navigator-meta",
+					children: [/* @__PURE__ */ O("span", { children: [ze(e.node.loc ?? 0), " lines"] }), /* @__PURE__ */ D("span", { children: Be(e.node.recordedFiles, e.node.totalFiles) })]
+				})
+			]
+		})]
+	});
+}
+function Re(e) {
+	return Array.from(e).sort().join("\0");
+}
+function ze(e) {
+	return new Intl.NumberFormat("en", {
+		notation: "compact",
+		maximumFractionDigits: 1
+	}).format(Number(e) || 0);
+}
+function Be(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,
+function Ve({ payload: e, zoom: t, onZoomChange: n, selectedId: r, onSelect: i, onExpand: a, highlightedIds: o, nodeDeltas: s, structureEdgeDeltas: u, height: d = 480, ariaLabel: f = "code map", canvasSlot: p, rail: h, toolbar: _, sheetTitle: v = "code area", sheetMeta: y, railSide: b = "right", legend: x, canvasWrapperClassName: S = "", canvasWrapperStyle: w, className: k = "", presentation: A = "canvas", navigatorSlot: j, onPresentationChange: M, viewport: N, onViewportChange: P, state: F, defaultState: I, onStateChange: L }) {
+	let R = F !== void 0 || I !== void 0, [z, ee] = T(() => m(I)), B = C(() => R ? m(F ?? z) : null, [
+		R,
+		F,
+		z
+	]), V = B?.presentation ?? A;
+	function H(e, t) {
+		F === void 0 && ee(e), L?.(e), t?.(e);
+	}
+	function U(e, t) {
+		if (!B) return;
+		let n = l(B, e);
+		c(B, n) || H(n, t);
+	}
+	let te = R || M ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O("div", {
+		className: "gmp-presentation-switch",
+		role: "group",
+		"aria-label": "code map view",
+		children: [/* @__PURE__ */ D("button", {
+			type: "button",
+			"aria-pressed": V === "navigator",
+			onClick: () => R ? U({
+				type: "set-presentation",
+				presentation: "navigator"
+			}, () => M?.("navigator")) : M?.("navigator"),
+			children: V === "canvas" ? "back to browse" : "browse"
+		}), /* @__PURE__ */ D("button", {
+			type: "button",
+			"aria-pressed": V === "canvas",
+			onClick: () => R ? U({
+				type: "set-presentation",
+				presentation: "canvas"
+			}, () => M?.("canvas")) : M?.("canvas"),
+			children: "spatial map"
+		})]
+	}), _] }) : _, W = p ?? /* @__PURE__ */ D(je, {
+		payload: e,
+		zoom: B ? {
+			level: B.grain,
+			expanded: B.expandedIds
+		} : t,
+		onZoomChange: n,
+		selectedId: B ? B.selectedId : r,
+		onSelect: i,
+		onExpand: a,
+		highlightedIds: o,
+		nodeDeltas: s,
+		structureEdgeDeltas: u,
+		height: d,
+		ariaLabel: f,
+		viewport: B ? B.viewport ?? void 0 : N,
+		onViewportChange: P,
+		state: B ?? void 0,
+		onStateChange: B ? (e) => H(e) : void 0
+	}), G = j ?? (B && e ? /* @__PURE__ */ D(Ie, {
+		payload: e,
+		grain: B.grain,
+		expandedIds: B.expandedIds,
+		selectedId: B.selectedId,
+		focusedId: B.navigatorFocusedId,
+		filter: B.navigatorFilter,
+		onStateAction: (t) => U(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: B.grain,
+				expanded: Array.from(t.ids)
+			}) : t.type === "open-in-map" && (i?.(t.id, e.nodes.find((e) => e.id === t.id) ?? null), M?.("canvas"));
+		}),
+		ariaLabel: `browse ${f}`
+	}) : null), K = V === "navigator" && G !== null;
+	return /* @__PURE__ */ D("div", {
+		className: ["gmp-root", k].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ O(g, {
+			toolbar: te,
 			rail: h,
-			sheetTitle: _,
-			sheetMeta: v,
-			railSide: y,
-			children: [/* @__PURE__ */ u("div", {
-				className: ["gmp-map-canvas-region", x].filter(Boolean).join(" "),
-				style: S,
+			sheetTitle: v,
+			sheetMeta: y,
+			railSide: b,
+			children: [/* @__PURE__ */ D("div", {
+				className: ["gmp-map-canvas-region", S].filter(Boolean).join(" "),
+				style: w,
 				"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: K ? G : W
+			}), !K && x !== !1 && (x ?? /* @__PURE__ */ D(He, {}))]
 		})
 	});
 }
-function Q() {
-	return /* @__PURE__ */ d("p", {
+function He() {
+	return /* @__PURE__ */ O("p", {
 		className: "gmp-map-legend",
 		children: [
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ O("span", {
 				className: "gmp-legend-item",
-				children: [/* @__PURE__ */ u("span", {
+				children: [/* @__PURE__ */ D("span", {
 					className: "gmp-map-swatch",
 					"aria-hidden": "true"
 				}), " code area (folder or file)"]
 			}),
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ O("span", {
 				className: "gmp-legend-item gmp-legend-dim",
-				children: [/* @__PURE__ */ u("span", {
+				children: [/* @__PURE__ */ D("span", {
 					className: "gmp-map-swatch gmp-map-swatch--empty",
 					"aria-hidden": "true"
 				}), " no saved conversation behind it"]
 			}),
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ D("span", {
 				className: "gmp-legend-item gmp-legend-dim",
 				children: "brighter = more of it built with AI on record"
 			}),
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ O("span", {
 				className: "gmp-legend-item gmp-legend-dim",
-				children: [/* @__PURE__ */ u("span", {
+				children: [/* @__PURE__ */ D("span", {
 					className: "gmp-map-swatch gmp-map-swatch--edge",
 					"aria-hidden": "true"
 				}), " one area uses another"]
 			}),
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ D("span", {
 				className: "gmp-legend-item gmp-map-legend-danger",
 				children: "⚠ tangle — two areas that depend on each other"
 			}),
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ D("span", {
 				className: "gmp-legend-item gmp-legend-dim",
 				children: "double-click a folder to open its files"
 			})
@@ -804,20 +1188,35 @@ 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 Z(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Q(e, t) {
+	let n = Object.keys(e).sort();
+	return n.length === t.length && t.slice().sort().every((e, t) => e === n[t]);
+}
+function $(e) {
+	return typeof e == "string" && e.length > 0;
+}
+function Ue(e) {
+	return e === null || $(e);
+}
+function We(e) {
+	let t = !1;
+	if (Z(e) && typeof e.type == "string" && (e.type === "open-change" && Q(e, ["type", "change"]) && Z(e.change) ? t = Q(e.change, ["id", "branch"]) && $(e.change.id) && Ue(e.change.branch) : e.type === "open-session" && Q(e, [
+		"type",
+		"sessionId",
+		"source"
+	]) && $(e.sessionId) && Z(e.source) ? e.source.kind === "commit" && Q(e.source, ["kind", "commit"]) && Z(e.source.commit) ? t = Q(e.source.commit, ["id", "branch"]) && $(e.source.commit.id) && Ue(e.source.commit.branch) : (e.source.kind === "unlinked" || e.source.kind === "outside-window") && Q(e.source, ["kind"]) && (t = !0) : (e.type === "open-map" || e.type === "show-older") && Q(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
-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 { ne as AllChangeBindings, re as AllDiffLineKinds, ie as AllEdgeViolationKinds, ae as AllFileChangeStatuses, oe as AllMapNodeKinds, a as CHANGE_BINDINGS, v as CODE_MAP_STATE_VERSION, s as CODE_MAP_VIEWPORT_SCALE, se as ChangeBinding, Oe as ChangeDetail, be as Changes, je as CodeMap, Ve as CodeMapComposition, Ie as CodeMapNavigator, y as DIFF_LINE_KINDS, He as DefaultMapLegend, ce as DiffLineKind, S as EDGE_VIOLATION_KINDS, le as EdgeViolationKind, o as FILE_CHANGE_STATUSES, ue as FileChangeStatus, _ as GRAPH_APP_SECTIONS, p as GraphAppShell, h as GraphSectionNav, x as MAP_NODE_KINDS, de as MapNodeKind, r as assertChangeDetailPayloadEnums, t as assertChangeDiffPayloadEnums, b as assertCodeMapPayloadEnums, We as assertTimelineNavigationAction, ve as buildChangesGraph, Me as codeMapPayloadToMapData, c as codeMapStatesEqual, m as createCodeMapState, f as deriveCodeMapView, X as humanizeAge, fe as isChangeBinding, u as isCodeMapViewportScale, pe as isDiffLineKind, me as isEdgeViolationKind, he as isFileChangeStatus, ge as isMapNodeKind, l as reduceCodeMapState };