@peasant-labs/fairtrade 0.0.3 → 0.0.4

package/dist/lib/graph.js

@@ -0,0 +1,823 @@
+import { d as e, l as t, n, r, s as i, t as a, u as o } from "./InUseShell-DZvmRdj-.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";
+//#region src/ui/graph/changeGraph.js
+var O = 6e4, k = 60 * O, A = 24 * k, j = 7 * A;
+function M(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`;
+}
+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) => ({
+		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;
+			let r = n.tipMs;
+			if (!(r == null ? e === null : e !== null && r >= e)) continue;
+			d.add(n.lane);
+			let i = n.change;
+			u.push({
+				id: `tip:${i.branch}`,
+				lane: n.lane,
+				parents: n.baseHash ? [n.baseHash] : [],
+				message: i.branch,
+				branch: i.branch,
+				session: (i.sessionCount ?? 0) > 0,
+				tip: !0,
+				time: M(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({
+			id: e.hash,
+			lane: 0,
+			parents: o,
+			message: e.subject,
+			branch: i,
+			session: e.hasSession,
+			merged: s ? !0 : void 0,
+			time: M(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
+	};
+}
+function P(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", {
+		className: "gmp-root gmp-changes-root",
+		children: [/* @__PURE__ */ d("div", {
+			className: "gmp-changes-head",
+			children: [/* @__PURE__ */ d("div", { children: [n && /* @__PURE__ */ d("span", {
+				className: "label",
+				children: ["lines of work · ", n]
+			}), /* @__PURE__ */ d("div", {
+				className: "gmp-changes-sub mono",
+				children: [
+					v ? `default branch ${v} · ` : "",
+					g,
+					" open · ",
+					_,
+					" merged"
+				]
+			})] }), /* @__PURE__ */ d("button", {
+				type: "button",
+				className: "btn btn-secondary btn-sm",
+				onClick: () => a?.(),
+				children: [/* @__PURE__ */ u(f, {
+					size: 14,
+					"aria-hidden": "true"
+				}), " open the map"]
+			})]
+		}), /* @__PURE__ */ d("div", {
+			className: "gmp-changes-body",
+			children: [
+				/* @__PURE__ */ u(e, {
+					className: "gmp-cg",
+					commits: m,
+					selectedId: r,
+					label: "default-branch commit history",
+					onSelect: (e) => i?.(e),
+					hasMore: o,
+					onShowOlder: c
+				}),
+				h.length > 0 && /* @__PURE__ */ d("div", {
+					className: "gmp-merged-sec",
+					children: [/* @__PURE__ */ u("div", {
+						className: "sb-head gmp-merged-head",
+						children: "already merged in"
+					}), /* @__PURE__ */ u("div", {
+						className: "gmp-merged-list",
+						children: h.map((e) => /* @__PURE__ */ d("button", {
+							type: "button",
+							className: "gmp-merged-chip gmp-merged-revert",
+							onClick: () => i?.({
+								id: `revert:${e.branch}`,
+								branch: e.branch
+							}),
+							children: [
+								/* @__PURE__ */ u(b, {
+									size: 13,
+									"aria-hidden": "true"
+								}),
+								" reverted · ",
+								e.branch,
+								" · then undone · ",
+								e.when
+							]
+						}, e.branch))
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "gmp-changes-legend",
+					children: [
+						/* @__PURE__ */ d("span", {
+							className: "gmp-legend-item",
+							children: [/* @__PURE__ */ u("span", {
+								className: "cg-dot cg-dot-filled",
+								style: {
+									width: 9,
+									height: 9
+								},
+								"aria-hidden": "true"
+							}), " commit with a recorded session"]
+						}),
+						/* @__PURE__ */ d("span", {
+							className: "gmp-legend-item",
+							children: [/* @__PURE__ */ u("span", {
+								className: "cg-dot cg-dot-hollow",
+								style: {
+									width: 9,
+									height: 9
+								},
+								"aria-hidden": "true"
+							}), " no session captured"]
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "gmp-legend-item gmp-legend-dim",
+							children: "a filled dot also flies a sparkle · select a commit to open it"
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/ui/graph/ChangeDetail.jsx
+var I = {
+	M: "changed",
+	A: "added",
+	D: "deleted",
+	R: "renamed"
+}, L = {
+	A: "chip-ok",
+	M: "",
+	D: "chip-err",
+	R: "chip-warn"
+}, R = {
+	context: "ctx",
+	add: "add",
+	del: "del"
+};
+function z(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) {
+	let t = e.oldStart, n = e.newStart, r = e.lines.map((e) => {
+		let r = R[e.kind] ?? "ctx";
+		return r === "add" ? {
+			type: r,
+			newNo: n++,
+			text: e.text
+		} : r === "del" ? {
+			type: r,
+			oldNo: t++,
+			text: e.text
+		} : {
+			type: r,
+			oldNo: t++,
+			newNo: n++,
+			text: e.text
+		};
+	});
+	return {
+		header: e.header ?? `-${e.oldStart},${e.oldLines} +${e.newStart},${e.newLines}`,
+		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", {
+		className: "gmp-file",
+		children: [/* @__PURE__ */ d("button", {
+			type: "button",
+			className: "gmp-file-head",
+			"aria-expanded": n,
+			onClick: r,
+			children: [
+				u(n ? m : h, {
+					size: 14,
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ u("span", {
+					className: "mono gmp-file-path",
+					children: e.path
+				}),
+				/* @__PURE__ */ u("span", {
+					className: "chip gmp-file-status " + (L[i] ?? ""),
+					children: I[i] ?? i
+				}),
+				a != null && a > 0 && /* @__PURE__ */ d("span", {
+					className: "gmp-file-convos metaitem",
+					children: [
+						/* @__PURE__ */ u(S, {
+							size: 13,
+							"aria-hidden": "true"
+						}),
+						" ",
+						/* @__PURE__ */ u("span", {
+							className: "tnum",
+							children: a
+						})
+					]
+				})
+			]
+		}), n && /* @__PURE__ */ u("div", {
+			className: "gmp-file-body",
+			children: t ? t.error ? /* @__PURE__ */ u("p", {
+				className: "gmp-diff-state gmp-diff-error mono",
+				children: t.error
+			}) : t.binary ? /* @__PURE__ */ u("p", {
+				className: "gmp-diff-state mono",
+				children: "binary file — no textual diff."
+			}) : t.hunks.length === 0 ? /* @__PURE__ */ u("p", {
+				className: "gmp-diff-state mono",
+				children: "no line changes."
+			}) : t.hunks.map((e, n) => /* @__PURE__ */ d("div", {
+				className: "gmp-hunk",
+				children: [
+					e.sessionTitle && /* @__PURE__ */ d("div", {
+						className: "gmp-hunk-attrib",
+						children: [
+							/* @__PURE__ */ u(_, {
+								size: 13,
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "gmp-hunk-from",
+								children: "from"
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "gmp-hunk-link",
+								children: e.sessionTitle
+							}),
+							e.sessionId && /* @__PURE__ */ u("span", {
+								className: "mono gmp-hunk-hash",
+								children: e.sessionId.slice(0, 7)
+							})
+						]
+					}),
+					/* @__PURE__ */ u(o, {
+						file: "",
+						hunks: [V(e)],
+						className: "gmp-hunk-diff"
+					}),
+					t.truncated && n === t.hunks.length - 1 && /* @__PURE__ */ u("p", {
+						className: "gmp-diff-state mono",
+						children: "diff truncated (file exceeds the size cap)."
+					})
+				]
+			}, n)) : /* @__PURE__ */ u("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) => ({
+		...t,
+		[e]: !t[e]
+	}));
+	function W(e, t) {
+		if (k(e), t) {
+			S((e) => ({
+				...e,
+				[t]: !0
+			}));
+			let e = P.current[t], n = F.current;
+			if (e && n) {
+				let t = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+				n.scrollTo({
+					top: e.offsetTop - 12,
+					behavior: t ? "auto" : "smooth"
+				});
+			}
+		}
+	}
+	function G(e) {
+		e.preventDefault();
+		let t = M.trim();
+		t && i?.(t), j(!1), N("");
+	}
+	let K = e.files[0]?.path;
+	return /* @__PURE__ */ d("div", {
+		className: "gmp-root gmp-detail-root",
+		ref: F,
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "gmp-detail-head",
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "crumb",
+						children: [
+							"review ",
+							/* @__PURE__ */ u(h, {
+								size: 13,
+								"aria-hidden": "true"
+							}),
+							" ",
+							e.defaultBranch,
+							" ",
+							/* @__PURE__ */ u(h, {
+								size: 13,
+								"aria-hidden": "true"
+							}),
+							" ",
+							/* @__PURE__ */ u("span", {
+								className: "cur",
+								children: e.branch
+							})
+						]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "gmp-detail-title",
+						children: I
+					}),
+					/* @__PURE__ */ d("p", {
+						className: "gmp-caption",
+						children: [
+							"this line of work touched",
+							" ",
+							/* @__PURE__ */ d("button", {
+								type: "button",
+								className: "gmp-frag" + (O === "files" ? " gmp-frag-on" : ""),
+								onClick: () => W("files", K),
+								children: [e.filesChanged, " files"]
+							}),
+							" ",
+							"across",
+							" ",
+							/* @__PURE__ */ d("button", {
+								type: "button",
+								className: "gmp-frag" + (O === "conversations" ? " gmp-frag-on" : ""),
+								onClick: () => W("conversations"),
+								children: [L, " conversations"]
+							}),
+							", reshaping",
+							" ",
+							/* @__PURE__ */ d("button", {
+								type: "button",
+								className: "gmp-frag" + (O === "conn" ? " gmp-frag-on" : ""),
+								onClick: () => W("conn"),
+								children: [
+									"+",
+									R,
+									"/−",
+									V,
+									" connections"
+								]
+							}),
+							"."
+						]
+					}),
+					/* @__PURE__ */ u("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", {
+				className: "gmp-signals",
+				children: [e.frictions.map((e, t) => /* @__PURE__ */ d("span", {
+					className: "gmp-signal",
+					children: [
+						/* @__PURE__ */ u(C, {
+							size: 14,
+							"aria-hidden": "true"
+						}),
+						" ",
+						e.label,
+						" · ",
+						/* @__PURE__ */ u("span", {
+							className: "mono",
+							children: e.file
+						}),
+						" ",
+						/* @__PURE__ */ d("b", {
+							className: "tnum",
+							children: [e.count, "×"]
+						}),
+						" across ",
+						e.sessions,
+						" conversations"
+					]
+				}, t)), e.violations.length > 0 && /* @__PURE__ */ d("span", {
+					className: "gmp-signal gmp-signal-warn",
+					children: [
+						/* @__PURE__ */ u(E, {
+							size: 14,
+							"aria-hidden": "true"
+						}),
+						" ",
+						/* @__PURE__ */ u("b", {
+							className: "tnum",
+							children: e.violations.length
+						}),
+						" rule breaks"
+					]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "gmp-totals",
+				children: [
+					/* @__PURE__ */ d("span", {
+						className: "metaitem tnum",
+						children: [
+							/* @__PURE__ */ u(v, {
+								size: 14,
+								"aria-hidden": "true"
+							}),
+							" ",
+							e.filesChanged,
+							" files touched"
+						]
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "metaitem tnum",
+						children: [
+							/* @__PURE__ */ d("span", {
+								className: "gmp-add",
+								children: ["+", R]
+							}),
+							"/",
+							/* @__PURE__ */ d("span", {
+								className: "gmp-del",
+								children: ["−", V]
+							}),
+							" connections"
+						]
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "metaitem tnum",
+						children: [
+							/* @__PURE__ */ u(x, {
+								size: 14,
+								"aria-hidden": "true"
+							}),
+							" ai wrote ",
+							B(e.outputTokens),
+							" tokens"
+						]
+					}),
+					e.costUsd != null && /* @__PURE__ */ d("span", {
+						className: "metaitem tnum",
+						children: [
+							/* @__PURE__ */ u(g, {
+								size: 14,
+								"aria-hidden": "true"
+							}),
+							" est. spend $",
+							e.costUsd.toFixed(2)
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "gmp-detail-sec",
+				children: [/* @__PURE__ */ u("div", {
+					className: "sb-head gmp-detail-sechead",
+					children: "files changed · click a path to open its diff"
+				}), /* @__PURE__ */ u("div", {
+					className: "gmp-files",
+					children: e.files.map((e) => /* @__PURE__ */ u("div", {
+						ref: (t) => {
+							P.current[e.path] = t;
+						},
+						children: /* @__PURE__ */ u(H, {
+							file: e,
+							diff: b[e.path] ? t?.(e) : void 0,
+							open: !!b[e.path],
+							onToggle: () => U(e.path)
+						})
+					}, e.path))
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "gmp-detail-sec",
+				children: [/* @__PURE__ */ u("div", {
+					className: "sb-head gmp-detail-sechead",
+					children: "your annotation"
+				}), /* @__PURE__ */ d("div", {
+					className: "gmp-annot",
+					children: [
+						r && /* @__PURE__ */ d("span", {
+							className: "gmp-label-chip gmp-annot-chip",
+							children: [
+								/* @__PURE__ */ u(T, {
+									size: 12,
+									"aria-hidden": "true"
+								}),
+								" ",
+								r,
+								/* @__PURE__ */ u("button", {
+									type: "button",
+									className: "gmp-annot-x",
+									"aria-label": "remove annotation",
+									onClick: () => a?.(),
+									children: /* @__PURE__ */ u(D, {
+										size: 11,
+										"aria-hidden": "true"
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ d("button", {
+							type: "button",
+							className: "gmp-annot-add",
+							"aria-expanded": A,
+							onClick: () => j((e) => !e),
+							children: [
+								/* @__PURE__ */ u(T, {
+									size: 13,
+									"aria-hidden": "true"
+								}),
+								" ",
+								r ? "change label" : "add a label"
+							]
+						}),
+						A && /* @__PURE__ */ d("form", {
+							className: "gmp-annot-pop",
+							onSubmit: G,
+							children: [
+								/* @__PURE__ */ u("span", {
+									className: "label",
+									children: "user.custom_label"
+								}),
+								/* @__PURE__ */ u("input", {
+									className: "input",
+									type: "text",
+									autoFocus: !0,
+									value: M,
+									onChange: (e) => N(e.target.value),
+									placeholder: "e.g. good handoff",
+									"aria-label": "annotation value"
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "gmp-annot-pop-foot",
+									children: [/* @__PURE__ */ u("button", {
+										type: "button",
+										className: "btn btn-ghost btn-sm",
+										onClick: () => j(!1),
+										children: "cancel"
+									}), /* @__PURE__ */ d("button", {
+										type: "submit",
+										className: "btn btn-primary btn-sm",
+										children: [/* @__PURE__ */ u(p, {
+											size: 13,
+											"aria-hidden": "true"
+										}), " save"]
+									})]
+								})
+							]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "gmp-exits",
+				children: [
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						className: "btn btn-secondary btn-sm",
+						onClick: () => o?.(),
+						children: [/* @__PURE__ */ u(f, {
+							size: 14,
+							"aria-hidden": "true"
+						}), " see this work on the code map"]
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						className: "btn btn-secondary btn-sm",
+						onClick: () => s?.(),
+						children: [
+							/* @__PURE__ */ u(w, {
+								size: 14,
+								"aria-hidden": "true"
+							}),
+							" share ",
+							L,
+							" conversations…"
+						]
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						className: "btn btn-secondary btn-sm",
+						onClick: () => m?.(),
+						children: [/* @__PURE__ */ u(y, {
+							size: 14,
+							"aria-hidden": "true"
+						}), " copy recap"]
+					}),
+					/* @__PURE__ */ d("code", {
+						className: "gmp-gitdiff mono",
+						children: [
+							"git diff ",
+							e.defaultBranch,
+							"...",
+							e.branch
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ u("p", {
+				className: "gmp-boundary mono",
+				children: "shows what changed and the recorded work behind it, not whether the change is correct or secure."
+			})
+		]
+	});
+}
+//#endregion
+//#region src/ui/graph/CodeMap.jsx
+var W = Object.freeze({
+	project: "overview",
+	package: "folders",
+	file: "files"
+}), G = 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(() => {
+		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,
+		onGrainChange: (e) => {
+			x.current = e, r?.({
+				level: G[e] ?? "package",
+				expanded: []
+			});
+		},
+		onExpandedIdsChange: (e) => {
+			r?.({
+				level: G[x.current] ?? "package",
+				expanded: e
+			});
+		},
+		height: p,
+		ariaLabel: m,
+		className: h
+	});
+}
+function q(e) {
+	let t = e?.nodes ?? [], n = Y(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),
+			parent: e.parent || void 0,
+			violations: n.get(e.id) ?? 0,
+			layer: e.layer,
+			order: e.order
+		})),
+		edges: (e?.structureEdges ?? []).map((e) => ({
+			from: e.from,
+			to: e.to,
+			kind: "structure",
+			weight: e.count ?? 1
+		}))
+	};
+}
+function J(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) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) X(t, n.from), X(t, n.to);
+	return t;
+}
+function X(e, t) {
+	t && e.set(t, (e.get(t) ?? 0) + 1);
+}
+//#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,
+				"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, {}))]
+		})
+	});
+}
+function Q() {
+	return /* @__PURE__ */ d("p", {
+		className: "gmp-map-legend",
+		children: [
+			/* @__PURE__ */ d("span", {
+				className: "gmp-legend-item",
+				children: [/* @__PURE__ */ u("span", {
+					className: "gmp-map-swatch",
+					"aria-hidden": "true"
+				}), " code area (folder or file)"]
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "gmp-legend-item gmp-legend-dim",
+				children: [/* @__PURE__ */ u("span", {
+					className: "gmp-map-swatch gmp-map-swatch--empty",
+					"aria-hidden": "true"
+				}), " no saved conversation behind it"]
+			}),
+			/* @__PURE__ */ u("span", {
+				className: "gmp-legend-item gmp-legend-dim",
+				children: "brighter = more of it built with AI on record"
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "gmp-legend-item gmp-legend-dim",
+				children: [/* @__PURE__ */ u("span", {
+					className: "gmp-map-swatch gmp-map-swatch--edge",
+					"aria-hidden": "true"
+				}), " one area uses another"]
+			}),
+			/* @__PURE__ */ u("span", {
+				className: "gmp-legend-item gmp-map-legend-danger",
+				children: "⚠ tangle — two areas that depend on each other"
+			}),
+			/* @__PURE__ */ u("span", {
+				className: "gmp-legend-item gmp-legend-dim",
+				children: "double-click a folder to open its files"
+			})
+		]
+	});
+}
+//#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"
+]);
+//#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 };