git-truck 3.0.1 → 3.1.0

package/build/server/assets/{server-build-xXpv9ITX.js → server-build-DEt84pjT.js}

@@ -1,12 +1,12 @@
 import { PassThrough } from "stream";
 import { createReadableStreamFromReadable } from "@react-router/node";
-import { Await, Form, Link, Links, Meta, Outlet, Scripts, ScrollRestoration, ServerRouter, UNSAFE_withComponentProps, UNSAFE_withErrorBoundaryProps, UNSAFE_withHydrateFallbackProps, createContext, href, redirect, useFetcher, useLoaderData, useLocation, useMatch, useNavigate, useNavigation, useOutletContext, useRouteError, useRouteLoaderData, useSearchParams, useSubmit } from "react-router";
+import { Await, Form, Link, Links, Meta, Outlet, Scripts, ScrollRestoration, ServerRouter, UNSAFE_withComponentProps, UNSAFE_withErrorBoundaryProps, UNSAFE_withHydrateFallbackProps, createContext, href, redirect, useFetcher, useLoaderData, useLocation, useMatch, useNavigate, useNavigation, useRouteError, useRouteLoaderData, useSearchParams, useSubmit } from "react-router";
 import { renderToPipeableStream } from "react-dom/server";
 import c from "ansi-colors";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Activity, Fragment as Fragment$1, Suspense, createContext as createContext$1, createElement, createRef, memo, startTransition, use, useCallback, useContext, useDeferredValue, useEffect, useId, useMemo, useReducer, useRef, useState, useSyncExternalStore, useTransition } from "react";
-import { mdiAccount, mdiAccountGroup, mdiAccountMultiple, mdiArrowLeft, mdiArrowRight, mdiArrowUp, mdiArrowUpBoldCircleOutline, mdiChartBubble, mdiChartTree, mdiCheckboxBlank, mdiCheckboxBlankOutline, mdiCheckboxMarked, mdiCheckboxOutline, mdiChevronDown, mdiChevronRight, mdiCircle, mdiCircleSmall, mdiClockEdit, mdiClose, mdiCog, mdiContentCut, mdiDeleteForever, mdiDiceMultipleOutline, mdiEye, mdiEyeOff, mdiEyeOffOutline, mdiFile, mdiFileCodeOutline, mdiFileOutline, mdiFileTree, mdiFilter, mdiFlaskOutline, mdiFolder, mdiFullscreen, mdiFullscreenExit, mdiHelpCircle, mdiInformationOutline, mdiKnife, mdiLabel, mdiLink, mdiMagnify, mdiMagnifyMinus, mdiMenu, mdiOpenInNew, mdiPlus, mdiPlusMinusVariant, mdiPodiumGold, mdiPulse, mdiRefresh, mdiResize, mdiRestore, mdiScaleBalance, mdiSearchWeb, mdiSort, mdiSortAscending, mdiSortDescending, mdiSourceBranch, mdiSourceCommit, mdiSourceRepository, mdiTransition, mdiUndo } from "@mdi/js";
+import { mdiAccount, mdiAccountGroup, mdiAccountMultiple, mdiAccountMultipleCheck, mdiAccountMultipleMinus, mdiAccountMultiplePlus, mdiArrowLeft, mdiArrowRight, mdiArrowUp, mdiArrowUpBoldCircleOutline, mdiChartBubble, mdiChartTree, mdiCheckboxBlank, mdiCheckboxBlankOutline, mdiCheckboxMarked, mdiCheckboxOutline, mdiChevronDown, mdiChevronRight, mdiCircle, mdiCircleSmall, mdiClockEdit, mdiClose, mdiCog, mdiContentCut, mdiDeleteForever, mdiDiceMultipleOutline, mdiEye, mdiEyeOff, mdiEyeOffOutline, mdiFile, mdiFileCodeOutline, mdiFileOutline, mdiFileTree, mdiFilter, mdiFlaskOutline, mdiFolder, mdiFullscreen, mdiFullscreenExit, mdiHelpCircle, mdiInformationOutline, mdiKnife, mdiLabel, mdiLink, mdiMagnify, mdiMagnifyMinus, mdiMenu, mdiOpenInNew, mdiPlus, mdiPlusMinusVariant, mdiPodiumGold, mdiPulse, mdiRefresh, mdiResize, mdiRestore, mdiScaleBalance, mdiSearchWeb, mdiSort, mdiSortAscending, mdiSortDescending, mdiSourceBranch, mdiSourceCommit, mdiSourceRepository, mdiTransition, mdiUndo } from "@mdi/js";
 import clsx$1, { clsx } from "clsx";
 import { ArrowContainer, Popover } from "react-tiny-popover";
 import { HexColorPicker } from "react-colorful";
@@ -33,12 +33,12 @@ import { readFile, readdir } from "node:fs/promises";
 import { NuqsAdapter } from "nuqs/adapters/react-router/v7";
 import randomstring from "randomstring";
 import { createPortal } from "react-dom";
-import { createSerializer, parseAsBoolean, parseAsInteger, parseAsNumberLiteral, useQueryState, useQueryStates } from "nuqs";
-import { createLoader, createSerializer as createSerializer$1, parseAsInteger as parseAsInteger$1, parseAsString, parseAsStringLiteral } from "nuqs/server";
+import { createSerializer, parseAsBoolean, parseAsInteger, parseAsNumberLiteral, parseAsStringLiteral, useQueryState, useQueryStates } from "nuqs";
+import { createLoader, createSerializer as createSerializer$1, parseAsInteger as parseAsInteger$1, parseAsString, parseAsStringLiteral as parseAsStringLiteral$1 } from "nuqs/server";
 import { hierarchy, pack, partition, treemap, treemapResquarify } from "d3-hierarchy";
 import ignore from "ignore";
-import { Handles, Rail, Slider, Ticks, Tracks } from "react-compound-slider";
 import { Field, Label, Radio, RadioGroup } from "@headlessui/react";
+import { Handles, Rail, Slider, Ticks, Tracks } from "react-compound-slider";
 import DatePicker from "react-datepicker";
 import byteSize from "byte-size";
 var __defProp = Object.defineProperty;
@@ -180,7 +180,7 @@ function handleBrowserRequest(request, responseStatusCode, responseHeaders, reac
 	});
 }
 const name = "git-truck";
-const version = "3.0.1";
+const version = "3.1.0";
 const description = "Visualizing a Git repository";
 const main = "./cli.mjs";
 const bin = "./cli.mjs";
@@ -281,7 +281,7 @@ const devDependencies = {
 	"eslint-plugin-react-hooks": "^7.0.1",
 	"express": "^5.2.1",
 	"get-port": "^7.1.0",
-	"globals": "^16.5.0",
+	"globals": "^17.3.0",
 	"husky": "^9.1.7",
 	"isbot": "^5.1.35",
 	"knip": "^5.83.1",
@@ -348,11 +348,7 @@ var package_default = {
 	devDependencies,
 	tsdown,
 	prettier,
-	"lint-staged": { "{src,scripts}/**/*.{ts,tsx,js,mjs}": [
-		"knip --fix",
-		"eslint --cache --fix",
-		"prettier --write"
-	] },
+	"lint-staged": { "{src,scripts}/**/*.{ts,tsx,js,mjs}": ["eslint --cache --fix", "prettier --write"] },
 	knip,
 	engines,
 	repository,
@@ -379,7 +375,6 @@ function Icon({ path: path$1, size = "1rem", color = "currentColor", style = {},
 		children: /* @__PURE__ */ jsx("path", { d: path$1 })
 	});
 }
-var truck_default = "/assets/truck-BgAoc4Gr.gif";
 function Popover$1({ popoverTitle, positions = [
 	"top",
 	"bottom",
@@ -8750,12 +8745,12 @@ var defaultOptions = {
 };
 const getDefaultOptionsContextValue = () => defaultOptions;
 const CloseButton = ({ className = "", absolute = true, ...props }) => /* @__PURE__ */ jsx("button", {
-	className: clsx$1(className, "btn btn--text inline-grid bg-transparent text-lg leading-none hover:opacity-80", { "absolute top-2 right-2 z-10": absolute }),
+	className: clsx$1(className, "btn btn--text inline-grid bg-transparent text-lg leading-none hover:text-blue-500", { "absolute top-2 right-2 z-10": absolute }),
 	title: "Close",
 	...props,
 	children: /* @__PURE__ */ jsx(Icon, {
 		path: mdiClose,
-		size: 1
+		size: 1.25
 	})
 });
 const LegendDot = ({ className = "", dotColor, authorColorToChange = void 0 }) => {
@@ -8825,34 +8820,6 @@ const Code = ({ inline = false, className = "", ...props }) => /* @__PURE__ */ j
 	className: cn("primary rounded border px-2 py-1 font-mono text-sm", inline ? "inline-block" : "block", { "select-all": inline }, className),
 	...props
 });
-function CheckboxWithLabel({ children, checked, onChange, className = "", checkedIcon = mdiCheckboxOutline, uncheckedIcon = mdiCheckboxBlankOutline, ...props }) {
-	const [isTransitioning, startTransition$1] = useTransition();
-	return /* @__PURE__ */ jsxs("label", {
-		className: `label flex w-full items-center justify-start gap-2 ${className}`,
-		...props,
-		children: [
-			/* @__PURE__ */ jsxs("span", {
-				className: "flex grow items-center gap-2",
-				children: [children, isTransitioning ? /* @__PURE__ */ jsx("img", {
-					src: truck_default,
-					alt: "...",
-					className: "h-5"
-				}) : ""]
-			}),
-			/* @__PURE__ */ jsx(Icon, {
-				className: "place-self-end",
-				path: checked ? checkedIcon : uncheckedIcon,
-				size: 1
-			}),
-			/* @__PURE__ */ jsx("input", {
-				type: "checkbox",
-				defaultChecked: checked,
-				className: "hidden",
-				onChange: (e) => startTransition$1(() => onChange(e))
-			})
-		]
-	});
-}
 const LegendBarIndicator = ({ visible, offset }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: clsx$1("absolute top-1/2 w-min -translate-x-1/2 -translate-y-1/2 transition-all", { "opacity-0": !visible }),
@@ -8868,18 +8835,6 @@ function ClientOnly({ children, fallback = null }) {
 	if (!useIsClient()) return fallback;
 	return children();
 }
-function FullscreenButton() {
-	const { isFullscreen, toggleFullscreen } = useFullscreen(() => document.documentElement);
-	return /* @__PURE__ */ jsx("button", {
-		className: cn("btn aspect-square p-1", { "btn--primary": isFullscreen }),
-		title: isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
-		onClick: toggleFullscreen,
-		children: /* @__PURE__ */ jsx(Icon, {
-			path: isFullscreen ? mdiFullscreenExit : mdiFullscreen,
-			size: 1
-		})
-	});
-}
 var DB = class DB {
 	connectionPromise;
 	repoSanitized;
@@ -10336,7 +10291,8 @@ var InstanceManager = class {
 		this.instances = /* @__PURE__ */ new Map();
 	}
 };
-var truck_default$1 = "data:image/png;base64,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";
+var truck_default = "data:image/png;base64,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";
+var truck_default$1 = "/assets/truck-BgAoc4Gr.gif";
 function UpdateNotifier({ installedVersion, latestVersion: latestVersion$1 }) {
 	const isExperimental = installedVersion.includes("0.0.0");
 	return /* @__PURE__ */ jsxs(Popover$1, {
@@ -10394,7 +10350,7 @@ function GitTruckInfo({ className = "", installedVersion, latestVersion: latestV
 					installedVersion,
 					latestVersion: latestVersion$1
 				}) : /* @__PURE__ */ jsx("img", {
-					src: loading ? truck_default : truck_default$1,
+					src: loading ? truck_default$1 : truck_default,
 					alt: "Git Truck Logo",
 					className: "tertiary size-10 rounded-full border p-1"
 				}), /* @__PURE__ */ jsxs("div", {
@@ -10502,7 +10458,7 @@ function ErrorPage({ className, message, noTruck = false, children }) {
 				className: "flex max-w-2xl flex-col items-center gap-3 text-center",
 				children: [
 					!noTruck ? /* @__PURE__ */ jsx("img", {
-						src: truck_default$1,
+						src: truck_default,
 						alt: "Git Truck",
 						className: "w-full max-w-sm min-w-0"
 					}) : null,
@@ -10586,19 +10542,6 @@ const ErrorBoundary = UNSAFE_withErrorBoundaryProps(() => {
 		})
 	}) : null] });
 });
-var FullscreenButton_exports = /* @__PURE__ */ __export({ FullscreenButton: () => FullscreenButton$1 }, 1);
-function FullscreenButton$1() {
-	const { isFullscreen, toggleFullscreen } = useFullscreen(() => document.documentElement);
-	return /* @__PURE__ */ jsx("button", {
-		className: cn("btn aspect-square p-1", { "btn--primary": isFullscreen }),
-		title: isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
-		onClick: toggleFullscreen,
-		children: /* @__PURE__ */ jsx(Icon, {
-			path: isFullscreen ? mdiFullscreenExit : mdiFullscreen,
-			size: 1
-		})
-	});
-}
 var ____well_known_$_exports = /* @__PURE__ */ __export({ loader: () => loader$10 }, 1);
 function loader$10() {
 	return "";
@@ -10782,7 +10725,7 @@ const browseSearchParamsConfig = {
 	path: parseAsString.withOptions({ shallow: false }),
 	count: parseAsNumberLiteral(COUNT_OPTIONS).withOptions({ shallow: false }).withDefault(DEFAULT_COUNT),
 	offset: parseAsInteger$1.withOptions({ shallow: false }).withDefault(DEFAULT_OFFSET),
-	sort: parseAsStringLiteral([
+	sort: parseAsStringLiteral$1([
 		"most-recent",
 		"least-recent",
 		"asc",
@@ -11416,12 +11359,29 @@ function Breadcrumb({ className = "", zoom = false }) {
 }
 function useClickedObject() {
 	const location$1 = useLocation();
-	const [objectPath, setObjectPath] = useQueryState("objectPath", viewSearchParamsConfig.objectPath);
+	const [params] = useQueryStates(viewSearchParamsConfig);
+	const clickedObject = params.objectPath ? location$1.state?.clickedObject ?? null : null;
+	const navigate = useNavigate();
+	const tabURL = useMatch(href("/view/commits")) ? "/view/commits" : "/view/details";
 	return {
-		clickedObject: objectPath ? location$1.state?.clickedObject ?? null : null,
+		clickedObject,
 		setClickedObject: useCallback((object) => {
-			setObjectPath(!object ? null : object.path);
-		}, [setObjectPath])
+			if (object) {
+				navigate(tabURL + viewSerializer({
+					...params,
+					objectPath: object.path
+				}), { state: { clickedObject: object } });
+				return;
+			}
+			navigate(href("/view") + viewSerializer({
+				...params,
+				objectPath: null
+			}));
+		}, [
+			navigate,
+			params,
+			tabURL
+		])
 	};
 }
 const SearchContext = createContext$1(void 0);
@@ -11898,415 +11858,283 @@ const HiddenFiles = memo(function HiddenFiles$1() {
 		})
 	});
 });
-function AuthorOptions({ showUnionAuthorsModal }) {
-	const transitionState = useNavigation();
-	const action$3 = href("/view");
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
-		className: "mt-2 grid w-full grid-cols-[1fr_1fr] gap-2",
-		children: [/* @__PURE__ */ jsxs("button", {
-			className: "btn",
-			onClick: showUnionAuthorsModal,
-			children: [/* @__PURE__ */ jsx(Icon, { path: mdiAccountMultiple }), "Group authors"]
-		}), /* @__PURE__ */ jsxs(Form, {
-			method: "post",
-			action: action$3,
-			children: [/* @__PURE__ */ jsx("input", {
-				type: "hidden",
-				name: "rerollColors",
-				value: ""
-			}), /* @__PURE__ */ jsxs("button", {
-				className: "btn w-full",
-				type: "submit",
-				disabled: transitionState.state !== "idle",
-				children: [/* @__PURE__ */ jsx(Icon, { path: mdiDiceMultipleOutline }), "Shuffle colors"]
-			})]
-		})]
-	}) });
-}
-function GradientLegend({ hoveredObject }) {
-	const { metricType } = useOptions();
-	const [metricsData] = useMetrics();
-	const metricCache = metricsData.get(metricType);
-	if (metricCache === void 0) throw new Error("Metric cache is undefined");
-	const { minValue, maxValue, minColor, maxColor } = metricCache.legend;
-	const { clickedObject } = useClickedObject();
-	const path$1 = clickedObject?.path ?? hoveredObject?.path ?? null;
-	const color = path$1 ? metricCache.colormap.get(path$1) : null;
-	let blobLightness = color ? getLightness(color) : -1;
-	if (color === "#c0c0c0") blobLightness = -1;
-	const offset = useMemo(() => {
-		const min = getLightness(minColor);
-		const diff = getLightness(maxColor) - min;
-		if (diff === 0) return 1;
-		return (blobLightness - min) / diff;
-	}, [
-		blobLightness,
-		maxColor,
-		minColor
-	]);
-	const visible = path$1 !== null;
-	const midValue = Math.round((maxValue - minValue) / 2);
-	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-		className: "relative h-4 rounded-sm",
-		style: { backgroundImage: `linear-gradient(to right, ${minColor}, ${maxColor})` },
-		children: /* @__PURE__ */ jsx(LegendBarIndicator, {
-			offset: offset * 100,
-			visible
-		})
-	}), /* @__PURE__ */ jsxs("div", {
-		className: "flex justify-between",
+function CheckboxWithLabel({ children, checked, onChange, className = "", checkedIcon = mdiCheckboxOutline, uncheckedIcon = mdiCheckboxBlankOutline, ...props }) {
+	const [isTransitioning, startTransition$1] = useTransition();
+	return /* @__PURE__ */ jsxs("label", {
+		className: `label group flex w-full items-center justify-start gap-2 hover:text-blue-500 ${className}`,
+		...props,
 		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: "font-bold",
-				title: minValue.toLocaleString(),
-				children: numToFriendlyString(minValue)
+			/* @__PURE__ */ jsxs("span", {
+				className: "flex grow items-center gap-2",
+				children: [children, isTransitioning ? /* @__PURE__ */ jsx("img", {
+					src: truck_default$1,
+					alt: "...",
+					className: "h-5"
+				}) : ""]
 			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "absolute left-1/2 -translate-x-1/2 font-bold",
-				title: midValue.toLocaleString(),
-				children: numToFriendlyString(midValue)
+			/* @__PURE__ */ jsx(Icon, {
+				className: "place-self-end group-hover:text-blue-500",
+				path: checked ? checkedIcon : uncheckedIcon,
+				size: 1
 			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "font-bold",
-				title: maxValue.toLocaleString(),
-				children: numToFriendlyString(maxValue)
+			/* @__PURE__ */ jsx("input", {
+				type: "checkbox",
+				defaultChecked: checked,
+				className: "hidden",
+				onChange: (e) => startTransition$1(() => onChange(e))
 			})
 		]
-	})] });
-}
-function Handle({ domain: [min, max], children, disabled, handle, handleType = "round", title, getHandleProps, className, onClick }) {
-	return /* @__PURE__ */ jsx("button", {
-		className: cn("absolute z-10 flex size-5 -translate-x-1/2 -translate-y-1.5 place-content-center disabled:grayscale", { "size-5 rounded-full": handleType === "round" }, disabled ? "cursor-progress" : "cursor-col-resize", className),
-		role: "slider",
-		"aria-disabled": disabled,
-		"aria-valuemin": min,
-		"aria-valuemax": max,
-		"aria-valuenow": handle.value,
-		title,
-		style: { left: `${handle.percent}%` },
-		onClick,
-		...getHandleProps(handle.id),
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("btn--primary", {
-				"size-5 rounded-full": handleType === "round",
-				"h-5 w-0.5": handleType === "square"
-			}),
-			children
-		})
-	});
-}
-function SliderRail({ getRailProps, className = "", children }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("bg-blue-secondary/20 absolute h-2 w-full cursor-pointer", {}, className),
-		...getRailProps(),
-		children
 	});
 }
-function Track({ source, target, trackType = "round", getTrackProps, disabled }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("btn btn--primary absolute h-2 cursor-pointer p-0", disabled ? "bg-primary-text-dark dark:bg-primary-text" : "bg-blue-primary", {
-			"rounded-full": trackType === "round",
-			"rounded-none": trackType === "square"
-		}),
-		style: {
-			left: `${source.percent}%`,
-			width: `${target.percent - source.percent}%`
+function UnionAuthorsModal() {
+	const { databaseInfo } = useData();
+	const submit = useSubmit();
+	const { authors } = databaseInfo;
+	const authorUnions = databaseInfo.authorUnions;
+	const [selectedAuthors, setSelectedAuthors] = useState([]);
+	const [filter, setFilter] = useState("");
+	const navigationData = useNavigation();
+	const [, authorColors] = useMetrics();
+	const [, startTransition$1] = useTransition();
+	const location$1 = useLocation();
+	const flattedUnionedAuthors = authorUnions.reduce((acc, union) => {
+		return [...acc, ...union];
+	}, []).sort(stringSorter);
+	function ungroup(groupToUnGroup) {
+		const newAuthorUnions = authorUnions.filter((_, i) => i !== groupToUnGroup);
+		const form = new FormData();
+		form.append("unionedAuthors", JSON.stringify(newAuthorUnions));
+		submit(form, {
+			action: href("/view") + location$1.search,
+			method: "post"
+		});
+	}
+	function ungroupAll() {
+		const form = new FormData();
+		form.append("unionedAuthors", JSON.stringify([]));
+		submit(form, {
+			action: href("/view") + location$1.search,
+			method: "post"
+		});
+	}
+	function groupSelectedAuthors() {
+		if (selectedAuthors.length < 2) return;
+		const form = new FormData();
+		form.append("unionedAuthors", JSON.stringify([...authorUnions, selectedAuthors]));
+		submit(form, {
+			action: href("/view") + location$1.search,
+			method: "post"
+		});
+		setSelectedAuthors([]);
+	}
+	function makePrimaryAlias(alias, groupIndex) {
+		const newAuthorUnions = authorUnions.map((group, i) => {
+			if (i === groupIndex) return [alias, ...group.filter((a) => a !== alias)];
+			return group;
+		});
+		const form = new FormData();
+		form.append("unionedAuthors", JSON.stringify(newAuthorUnions));
+		submit(form, {
+			action: href("/view") + location$1.search,
+			method: "post"
+		});
+	}
+	const disabled = navigationData.state !== "idle";
+	const ungroupedAuthorsSorted = authors.filter((a) => !flattedUnionedAuthors.includes(a)).slice(0).sort(stringSorter);
+	const getColorFromDisplayName = (displayName) => authorColors.get(displayName) ?? "#333";
+	const ungroupedAuthorsFiltered = ungroupedAuthorsSorted.filter((author) => author.toLowerCase().includes(filter.toLowerCase()));
+	const ungroupedAuthorsEntries = ungroupedAuthorsFiltered.map((author) => /* @__PURE__ */ jsx(CheckboxWithLabel, {
+		className: "hover:opacity-70",
+		checked: selectedAuthors.includes(author),
+		onChange: (e) => {
+			setSelectedAuthors(e.target?.checked ? [...selectedAuthors, author] : selectedAuthors.filter((a) => a !== author));
 		},
-		...getTrackProps()
-	});
-}
-var alignToJustify = {
-	left: "start",
-	center: "center",
-	right: "end"
-};
-function LabeledTicks({ valueMap, titleMap = valueMap, onTop = false }) {
-	const count = Object.entries(valueMap).length;
-	return /* @__PURE__ */ jsx(Ticks, {
-		count,
-		children: ({ ticks }) => /* @__PURE__ */ jsx("div", {
-			className: "grid grid-flow-col grid-cols-3 grid-rows-[1fr_auto] pt-4",
-			children: ticks.map((tick) => {
-				const tickLabelInfo = valueMap[tick.value * 100];
-				const align = tick.value === 0 ? "left" : tick.value === 1 ? "right" : "center";
-				const Tick$1 = /* @__PURE__ */ jsx("div", {
-					className: `flex justify-${tickLabelInfo ? alignToJustify[align] : "center"}`,
-					children: /* @__PURE__ */ jsx("div", { className: "h-2 w-px bg-gray-950 dark:bg-gray-50" })
-				});
-				const Label$1 = /* @__PURE__ */ jsx("div", {
-					title: titleMap[tick.value * 100],
-					className: "truncate text-xs",
-					style: { textAlign: align },
-					children: tickLabelInfo
-				});
-				return /* @__PURE__ */ jsxs(Fragment, { children: [onTop ? Label$1 : Tick$1, onTop ? Tick$1 : Label$1] }, tick.id);
-			})
-		})
-	});
-}
-function TicksByCount({ className = "", count, tickToLabel, onTop = true, align, below = false }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("grid grid-flow-col grid-cols-(--cols) gap-1 text-xs", {
-			"grid-rows-[auto]": !below && !onTop,
-			"grid-rows-[auto_auto]": below !== onTop,
-			"grid-rows-[auto_auto_auto]": below && onTop
-		}, className),
-		style: { "--cols": `repeat(${count}, minmax(0, 1fr))` },
-		children: Array.from({ length: count }).map((_, i) => {
-			const tick = i / (count - 1);
-			const tickLabelInfo = tickToLabel(tick, i);
-			const alignment = align ?? (tick === 0 ? "left" : tick === 1 ? "right" : "center");
-			const justification = tickLabelInfo ? alignToJustify[alignment] : "center";
-			return /* @__PURE__ */ jsxs(Fragment, { children: [
-				onTop ? /* @__PURE__ */ jsx(Tick, { justification }) : null,
-				/* @__PURE__ */ jsx("div", {
-					className: cn(`text-${alignment}`),
-					children: tickLabelInfo === 0 ? "" : tickLabelInfo
-				}),
-				below ? /* @__PURE__ */ jsx(Tick, { justification }) : null
-			] }, i);
-		})
-	});
-}
-const Tick = ({ className = "", justification = "start" }) => /* @__PURE__ */ jsx("div", {
-	className: cn("flex", `justify-${justification}`, className),
-	children: /* @__PURE__ */ jsx("div", { className: "h-2 w-px bg-gray-950 dark:bg-gray-50" })
-});
-function SegmentLegend({ hoveredObject }) {
-	const { metricType } = useOptions();
-	const [metricsData] = useMetrics();
-	const { steps, textGenerator, colorGenerator, offsetStepCalc } = metricsData.get(metricType).legend;
-	const width = 100 / steps;
-	let arrowVisible = false;
-	let arrowOffset = 0;
-	const clickedObject = useClickedObject().clickedObject ?? hoveredObject ?? null;
-	if (isBlob(clickedObject)) {
-		arrowVisible = true;
-		arrowOffset = width / 2 + width * offsetStepCalc(clickedObject);
-	}
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
-		className: "relative",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "relative flex text-xs whitespace-nowrap",
-			children: [[...Array(steps)].map((_, i) => {
-				return steps >= 4 ? /* @__PURE__ */ jsx(MetricSegment, {
-					className: i === 0 ? "rounded-l-sm" : i === steps - 1 ? "rounded-r-sm" : "",
-					width,
-					color: colorGenerator(i),
-					text: textGenerator(i),
-					top: i % 2 === 0
-				}, i) : /* @__PURE__ */ jsx(TopMetricSegment, {
-					width,
-					color: colorGenerator(i),
-					text: textGenerator(i)
-				}, i);
-			}), /* @__PURE__ */ jsx(LegendBarIndicator, {
-				offset: arrowOffset,
-				visible: arrowVisible
-			})]
+			className: "inline-flex flex-row place-items-center gap-2",
+			children: [/* @__PURE__ */ jsx(LegendDot, { dotColor: getColorFromDisplayName(author) }), author]
 		})
-	}) });
-}
-function MetricSegment({ className = "", width, color, text, top }) {
-	if (top) return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col",
-		style: { width: `${width}%` },
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "h-5 truncate text-left",
-				title: text,
-				children: text
-			}),
-			/* @__PURE__ */ jsx(Tick, { className: "ml-1" }),
-			/* @__PURE__ */ jsx("div", {
-				className: cn("h-4", className),
-				style: { backgroundColor: color }
-			}),
-			/* @__PURE__ */ jsx(Tick, { className: "invisible" })
-		]
+	}, author));
+	const groupedAuthorsEntries = authorUnions.map((aliasGroup, aliasGroupIndex) => {
+		const displayName = aliasGroup[0];
+		const disabled$1 = navigationData.state !== "idle";
+		return /* @__PURE__ */ jsxs("div", {
+			className: "card group m-0 flex h-full flex-col p-2",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "inline-flex flex-row place-items-center gap-2",
+					children: [/* @__PURE__ */ jsx(LegendDot, { dotColor: getColorFromDisplayName(displayName) }), /* @__PURE__ */ jsx("b", {
+						className: "truncate",
+						title: displayName,
+						children: displayName
+					})]
+				}),
+				aliasGroup.slice(1).sort(stringSorter).map((alias) => /* @__PURE__ */ jsx(AliasEntry, {
+					alias,
+					disabled: disabled$1,
+					onClick: () => makePrimaryAlias(alias, aliasGroupIndex)
+				}, alias)),
+				/* @__PURE__ */ jsx("div", { className: "grow" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-end justify-end gap-2 opacity-0 transition-opacity duration-200 group-hover:opacity-100",
+					children: [/* @__PURE__ */ jsxs(Form, {
+						action: href("/view") + location$1.search,
+						method: "post",
+						children: [/* @__PURE__ */ jsx("input", {
+							type: "hidden",
+							name: "unionedAuthors",
+							value: JSON.stringify(authorUnions)
+						}), /* @__PURE__ */ jsx("button", {
+							className: "btn",
+							title: "Add selected authors to this group",
+							disabled: disabled$1 || selectedAuthors.length === 0,
+							onClick: () => {
+								const newAuthorUnions = authorUnions.map(([displayName$1, ...group], i) => {
+									if (i === aliasGroupIndex) return [
+										displayName$1,
+										...group,
+										...selectedAuthors
+									];
+									return [displayName$1, ...group];
+								});
+								const form = new FormData();
+								form.append("unionedAuthors", JSON.stringify(newAuthorUnions));
+								submit(form, {
+									action: href("/view") + location$1.search,
+									method: "post"
+								});
+								setSelectedAuthors([]);
+							},
+							children: "Add selected"
+						})]
+					}), /* @__PURE__ */ jsx("button", {
+						className: "btn",
+						title: "Ungroup",
+						disabled: disabled$1,
+						onClick: () => ungroup(aliasGroupIndex),
+						children: "Ungroup"
+					})]
+				})
+			]
+		}, aliasGroupIndex);
 	});
-	else return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col",
-		style: { width: `${width}%` },
+	return /* @__PURE__ */ jsxs("div", {
+		className: "m-auto grid h-full max-h-200 w-full max-w-(--breakpoint-2xl) grid-cols-[1fr_1fr] grid-rows-[max-content_1fr] gap-2 overflow-hidden bg-gray-100 p-4",
 		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "invisible h-5 text-left",
-				children: text
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex justify-between",
+				children: [/* @__PURE__ */ jsxs("h3", {
+					className: "grow text-center text-lg font-bold",
+					children: [
+						"Ungrouped Authors (",
+						ungroupedAuthorsSorted.length,
+						")"
+					]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex justify-end gap-2",
+					children: /* @__PURE__ */ jsxs("button", {
+						className: "btn btn--primary justify-self-end",
+						title: "Group the selected authors",
+						disabled: disabled || selectedAuthors.length < 2,
+						onClick: groupSelectedAuthors,
+						children: [/* @__PURE__ */ jsx(Icon, {
+							path: mdiAccountMultiplePlus,
+							size: 1
+						}), "Create group"]
+					})
+				})]
 			}),
-			/* @__PURE__ */ jsx(Tick, { className: "invisible" }),
-			/* @__PURE__ */ jsx("div", {
-				className: cn("h-4", className),
-				style: { backgroundColor: color }
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex justify-between",
+				children: [/* @__PURE__ */ jsxs("h3", {
+					className: "grow text-center text-lg font-bold",
+					children: [
+						"Author Groups (",
+						groupedAuthorsEntries.length,
+						")"
+					]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex justify-end gap-4",
+					children: /* @__PURE__ */ jsxs("button", {
+						className: "btn btn--danger",
+						disabled: disabled || authorUnions.length === 0,
+						onClick: () => {
+							if (confirm("Are you sure you want to ungroup all grouped authors?")) ungroupAll();
+						},
+						children: [/* @__PURE__ */ jsx(Icon, {
+							path: mdiAccountMultipleMinus,
+							size: 1
+						}), "Ungroup all"]
+					})
+				})]
 			}),
-			/* @__PURE__ */ jsx(Tick, {}),
-			/* @__PURE__ */ jsx("div", {
-				className: "h-5 truncate text-left",
-				children: text
-			})
-		]
-	});
-}
-function TopMetricSegment({ width, color, text }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col",
-		style: { width: `${width}%` },
-		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: "h-5 truncate text-left",
-				children: text
+				className: "max-h-full overflow-y-scroll",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "h-fill flex min-h-0 flex-col rounded-md dark:bg-gray-700",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "sticky top-0 z-10 flex gap-2 bg-gray-100 p-2 dark:bg-gray-700",
+						children: [
+							/* @__PURE__ */ jsx("input", {
+								className: "input min-w-0",
+								type: "search",
+								placeholder: "Filter...",
+								disabled: ungroupedAuthorsSorted.length === 0,
+								onChange: (e) => startTransition$1(() => setFilter(e.target.value))
+							}),
+							/* @__PURE__ */ jsx("button", {
+								disabled: disabled || selectedAuthors.length === 0,
+								className: "btn btn--outlined w-max grow",
+								title: "Clear selection",
+								onClick: () => setSelectedAuthors([]),
+								children: "Clear"
+							}),
+							/* @__PURE__ */ jsx("button", {
+								disabled: ungroupedAuthorsSorted.length === 0,
+								className: "btn btn--outlined w-max grow",
+								title: "Clear selection",
+								onClick: () => selectedAuthors.length === ungroupedAuthorsFiltered.length ? setSelectedAuthors([]) : setSelectedAuthors((selected) => Array.from(new Set([...selected, ...ungroupedAuthorsFiltered]))),
+								children: selectedAuthors.length === ungroupedAuthorsFiltered.length ? "Deselect all" : "Select all"
+							})
+						]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "min-h-fill max-h-full overflow-y-auto p-2",
+						children: ungroupedAuthorsEntries.length > 0 ? ungroupedAuthorsEntries : /* @__PURE__ */ jsx("p", {
+							className: "place-self-center",
+							children: filter.length > 0 ? "No authors found" : "All authors have been grouped"
+						})
+					})]
+				})
 			}),
-			/* @__PURE__ */ jsx(Tick, {}),
 			/* @__PURE__ */ jsx("div", {
-				className: "h-5",
-				style: { backgroundColor: color }
+				className: "min-h-0 overflow-y-auto",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "grid h-min min-h-0 grid-cols-1 gap-4 rounded-md bg-white p-4 shadow-sm lg:grid-cols-2 xl:grid-cols-3 dark:bg-gray-700",
+					children: authorUnions.length > 0 ? groupedAuthorsEntries : /* @__PURE__ */ jsx("p", {
+						className: "place-self-center",
+						children: "No authors have been grouped yet"
+					})
+				})
 			})
 		]
 	});
+	function AliasEntry({ alias, onClick, disabled: disabled$1 }) {
+		return /* @__PURE__ */ jsxs("button", {
+			className: "btn flex grid-flow-col gap-2 text-sm [&:hover>svg]:opacity-50 [&>svg]:opacity-0",
+			disabled: disabled$1,
+			title: "Make display name for this grouping",
+			onClick,
+			children: [/* @__PURE__ */ jsx(Icon, {
+				path: mdiArrowUp,
+				size: .75
+			}), /* @__PURE__ */ jsx("label", {
+				title: alias,
+				className: "label truncate",
+				children: alias
+			})]
+		}, alias);
+	}
 }
-function PercentageSlider({ className = "" }) {
-	const { dominantAuthorCutoff, setDominantAuthorCutoff } = useOptions();
-	const [displayPercentage, setDisplayPercentage] = useState(dominantAuthorCutoff);
-	const domain = [0, 100];
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("grid grid-cols-[calc(11*var(--spacing))_1fr] px-3", className),
-		children: [/* @__PURE__ */ jsxs("p", {
-			title: "Min percentage of changes a file's top author must account for to be colored.",
-			children: [displayPercentage, "%"]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "relative",
-			title: "Adjust the dominant author percentage cutoff",
-			children: /* @__PURE__ */ jsxs(Slider, {
-				mode: 1,
-				step: 1,
-				domain,
-				values: [displayPercentage],
-				onChange: (e) => {
-					setDominantAuthorCutoff(e[0]);
-					startTransition(() => {
-						setDisplayPercentage(e[0]);
-					});
-				},
-				onUpdate: (e) => {
-					startTransition(() => {
-						setDisplayPercentage(e[0]);
-					});
-				},
-				children: [
-					/* @__PURE__ */ jsx(Rail, { children: SliderRail }),
-					/* @__PURE__ */ jsx(Handles, { children: ({ handles, getHandleProps }) => /* @__PURE__ */ jsx(Fragment$1, { children: handles.map((handle) => /* @__PURE__ */ jsx(Handle, {
-						handle,
-						domain,
-						getHandleProps
-					}, handle.id)) }) }),
-					/* @__PURE__ */ jsx(Tracks, {
-						right: false,
-						children: ({ tracks, getTrackProps }) => /* @__PURE__ */ jsx(Fragment$1, { children: tracks.map(({ id, ...props }) => /* @__PURE__ */ createElement(Track, {
-							...props,
-							key: id,
-							backgroundColor: noEntryColor,
-							getTrackProps
-						})) })
-					}),
-					/* @__PURE__ */ jsx(LabeledTicks, { valueMap: {
-						0: "Top author",
-						50: "Majority author",
-						100: "Single author"
-					} })
-				]
-			})
-		})]
-	});
-}
-function Legend({ hoveredObject, showUnionAuthorsModal }) {
-	const { sizeMetric, metricType } = useOptions();
-	const [metricsData] = useMetrics();
-	const deferredHoveredObject = useDeferredValue(hoveredObject);
-	const metricCache = metricsData.get(metricType) ?? void 0;
-	const legend = useMemo(() => {
-		if (metricCache === void 0) return null;
-		switch (getMetricLegendType(metricType)) {
-			case "POINT": return /* @__PURE__ */ jsx(PointLegend, {});
-			case "GRADIENT": return /* @__PURE__ */ jsx(GradientLegend, { hoveredObject: deferredHoveredObject });
-			case "SEGMENTS": return /* @__PURE__ */ jsx(SegmentLegend, { hoveredObject: deferredHoveredObject });
-		}
-	}, [
-		metricCache,
-		deferredHoveredObject,
-		metricType
-	]);
-	if (legend === null) return null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx("h3", {
-			className: "card__subtitle",
-			children: "Size legend"
-		}),
-		/* @__PURE__ */ jsx("p", {
-			className: "mb-2 text-sm",
-			children: sizeMetricLegendDescriptions[sizeMetric]
-		}),
-		/* @__PURE__ */ jsx("h3", {
-			className: "card__subtitle",
-			children: "Color legend"
-		}),
-		/* @__PURE__ */ jsx("p", {
-			className: "mb-4 text-sm",
-			children: colorMetricDescriptions[metricType]
-		}),
-		metricType === "TOP_CONTRIBUTOR" ? /* @__PURE__ */ jsx(PercentageSlider, { className: "my-4" }) : null,
-		legend,
-		metricType === "TOP_CONTRIBUTOR" ? /* @__PURE__ */ jsx(AuthorOptions, { showUnionAuthorsModal }) : null
-	] });
-}
-function LoadingIndicator({ className = "", showProgress = false, fetchProgress = true, loadingText }) {
-	const [path$1] = useQueryState("path");
-	const fetcher = useFetcher();
-	useEffect(() => {
-		if (fetcher.state === "idle" && showProgress && fetchProgress) fetcher.load(href("/view/progress") + viewSerializer({ path: path$1 }));
-	}, [
-		fetchProgress,
-		fetcher,
-		fetcher.state,
-		path$1,
-		showProgress
-	]);
-	const [progressText, progress] = useMemo(() => {
-		if (!fetcher.data) return ["Loading truck...", 0];
-		const { progress: progress$1, analyzationStatus } = fetcher.data;
-		switch (analyzationStatus) {
-			case "Starting": return ["Loading truck...", 0];
-			case "GeneratingChart": return ["Unloading truck...", 100];
-			default: return [progress$1 < 100 ? "Driving to destination..." : "Parking truck...", progress$1];
-		}
-	}, [fetcher.data]);
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx$1("grid h-full w-full place-items-center px-4", className),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex w-full max-w-[clamp(16rem,80vw,36rem)] flex-col gap-4 px-2 py-2",
-			children: [
-				/* @__PURE__ */ jsx("img", {
-					src: !showProgress || progress > 0 && progress < 100 ? truck_default : truck_default$1,
-					alt: "🚛",
-					className: "pixelated aspect-square w-full"
-				}),
-				showProgress ? /* @__PURE__ */ jsx("div", {
-					className: "text-center text-3xl font-bold",
-					children: progressText
-				}) : null,
-				showProgress ? /* @__PURE__ */ jsx("div", {
-					className: "h-6 w-3/4 self-center rounded-2xl bg-gray-300",
-					children: /* @__PURE__ */ jsx("div", {
-						className: cn("bg-blue-primary h-[calc(100%-4px)] min-w-[calc(var(--spacing)*6-4px)] translate-x-0.5 translate-y-0.5 rounded-2xl transition-[width] ease-in-out", { "animate-skeet": !progress }),
-						style: { width: progress ? `calc(${Math.min(progress, 100)}% - 4px)` : "40px" }
-					})
-				}) : null,
-				loadingText ? /* @__PURE__ */ jsx("div", {
-					className: "text-center font-bold",
-					children: loadingText
-				}) : null
-			]
-		})
-	});
-}
+var stringSorter = (a, b) => a.toLowerCase().localeCompare(b.toLowerCase());
 function IconRadioGroup({ group, titleMap, defaultValue, className, onChange, large, iconMap }) {
 	const enumEntries = Object.entries(group);
 	return /* @__PURE__ */ jsx(RadioGroup, {
@@ -12402,34 +12230,623 @@ const Options = memo(function Options$1() {
 		})] })
 	] });
 });
-function Providers({ children, data }) {
-	const [options, setOptions] = useState(() => {
-		const savedOptions = typeof document !== "undefined" ? localStorage.getItem(OPTIONS_LOCAL_STORAGE_KEY) : null;
-		return {
-			...getDefaultOptionsContextValue(),
-			...savedOptions ? JSON.parse(savedOptions) : {},
-			hasLoadedSavedOptions: !!savedOptions
-		};
+function SettingsModal() {
+	const { metricType, hierarchyType, transitionsEnabled, renderCutoff, showFilesWithoutChanges, linkMetricAndSizeMetric, showOnlySearchMatches, setLinkMetricAndSizeMetric, setTransitionsEnabled, labelsVisible, setLabelsVisible, setHierarchyType, setSizeMetricType, setRenderCutoff, setShowFilesWithoutChanges, setShowOnlySearchMatches } = useOptions();
+	const [isTransitioning, startTransition$1] = useTransition();
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
+		className: "flex min-w-120 flex-col items-start justify-center gap-4 p-2 pl-0",
+		children: [
+			/* @__PURE__ */ jsxs(CheckboxWithLabel, {
+				className: "group text-sm hover:text-blue-500 hover:opacity-100",
+				checked: Boolean(linkMetricAndSizeMetric),
+				title: "Enable to sync size metric with color metric",
+				onChange: (e) => {
+					setLinkMetricAndSizeMetric(e.target.checked);
+					if (e.target.checked) setSizeMetricType(relatedSizeMetric[metricType]);
+				},
+				children: [/* @__PURE__ */ jsx(Icon, {
+					className: "ml-1.5",
+					path: mdiLink,
+					size: "1.25em"
+				}), /* @__PURE__ */ jsx("span", { children: "Link size and color option" })]
+			}),
+			/* @__PURE__ */ jsxs(CheckboxWithLabel, {
+				className: "group text-sm hover:text-blue-500 hover:opacity-100",
+				checked: transitionsEnabled,
+				title: "Disable to improve performance when zooming",
+				onChange: (e) => setTransitionsEnabled(e.target.checked),
+				children: [/* @__PURE__ */ jsx(Icon, {
+					className: "ml-1.5",
+					path: mdiTransition,
+					size: "1.25em"
+				}), "Transitions"]
+			}),
+			/* @__PURE__ */ jsxs(CheckboxWithLabel, {
+				className: "group text-sm hover:text-blue-500 hover:opacity-100",
+				checked: labelsVisible,
+				title: "Disable to improve performance",
+				onChange: (e) => setLabelsVisible(e.target.checked),
+				children: [/* @__PURE__ */ jsx(Icon, {
+					className: "ml-1.5",
+					path: mdiLabel,
+					size: "1.25em"
+				}), "Labels"]
+			}),
+			/* @__PURE__ */ jsxs(CheckboxWithLabel, {
+				className: "group text-sm hover:text-blue-500 hover:opacity-100",
+				checked: showFilesWithoutChanges,
+				title: "Show files that have had no changes in the selected time range",
+				onChange: (e) => setShowFilesWithoutChanges(e.target.checked),
+				children: [/* @__PURE__ */ jsx(Icon, {
+					className: "ml-1.5",
+					path: mdiClockEdit,
+					size: "1.25em"
+				}), "Show files with no activity"]
+			}),
+			/* @__PURE__ */ jsxs(CheckboxWithLabel, {
+				className: "group text-sm hover:text-blue-500 hover:opacity-100",
+				checked: hierarchyType === "FLAT",
+				title: "Show all files on the same level, instead of as a file tree",
+				onChange: () => {
+					if (hierarchyType === "FLAT") setHierarchyType("NESTED");
+					else setHierarchyType("FLAT");
+				},
+				children: [/* @__PURE__ */ jsx(Icon, {
+					className: "ml-1.5",
+					path: mdiFileTree,
+					size: "1.25em"
+				}), "Flatten file tree"]
+			}),
+			/* @__PURE__ */ jsxs(CheckboxWithLabel, {
+				className: "group text-sm hover:text-blue-500 hover:opacity-100",
+				checked: showOnlySearchMatches,
+				title: "When searching, hide files that do not match the search query",
+				onChange: (e) => setShowOnlySearchMatches(e.target.checked),
+				children: [/* @__PURE__ */ jsx(Icon, {
+					className: "ml-1.5",
+					path: mdiFilter,
+					size: "1.25em"
+				}), "Show only search matches"]
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "label group flex w-full items-center justify-start gap-2 text-sm hover:text-blue-500 hover:opacity-100",
+				title: "Increase this to improve render performance, decrease it to get higher level of detail",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "group flex grow items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx(Icon, {
+							className: "ml-1.5",
+							path: mdiContentCut,
+							size: "1.25em"
+						}),
+						"Pixel render cut-off ",
+						isTransitioning ? /* @__PURE__ */ jsx("img", {
+							src: truck_default$1,
+							alt: "...",
+							className: "h-5"
+						}) : ""
+					]
+				}), /* @__PURE__ */ jsx("input", {
+					type: "number",
+					min: 0,
+					defaultValue: renderCutoff,
+					className: "mr-1 w-12 place-self-end border-b-2",
+					onChange: (x) => startTransition$1(() => setRenderCutoff(x.target.valueAsNumber))
+				})]
+			})
+		]
+	}) });
+}
+var modals = {
+	"group-authors": {
+		content: /* @__PURE__ */ jsx(UnionAuthorsModal, {}),
+		title: "Group Authors",
+		icon: mdiAccountMultipleCheck
+	},
+	"app-settings": {
+		content: /* @__PURE__ */ jsx(SettingsModal, {}),
+		title: "Settings",
+		icon: mdiCog
+	}
+};
+var modalSearchParamConfig = parseAsStringLiteral(Object.keys(modals));
+function useModal(modalKey = null) {
+	const [modal, setModal] = useQueryState("modal", modalSearchParamConfig);
+	const openModal = (modal$1 = modalKey) => void setModal(modal$1);
+	const closeModal = () => setModal(null);
+	return {
+		modal,
+		openModal,
+		closeModal
+	};
+}
+function ModalManager() {
+	const [modalKey, setModal] = useQueryState("modal", modalSearchParamConfig);
+	const dialogRef = useRef(null);
+	const onClose = () => setModal(null);
+	useEffect(() => {
+		if (!dialogRef.current) return;
+		const dialog = dialogRef.current;
+		if (modalKey) {
+			dialogRef.current.showModal();
+			return;
+		}
+		dialog.close();
+		return () => dialog.close();
+	}, [modalKey]);
+	if (!modalKey) return null;
+	const modal = modals[modalKey];
+	return /* @__PURE__ */ jsx("dialog", {
+		ref: dialogRef,
+		"aria-modal": true,
+		open: false,
+		closedby: "any",
+		className: "z-10 m-auto flex flex-col items-start justify-stretch bg-transparent text-inherit backdrop:bg-gray-500/75 backdrop:p-0",
+		onClose,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "card m-auto h-full w-full max-w-(--breakpoint-2xl) gap-2 overflow-hidden rounded-xl bg-gray-100 p-4 shadow-sm",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between gap-2",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-row items-center gap-2",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							path: modal.icon,
+							size: "1.75em"
+						}), /* @__PURE__ */ jsx("h2", {
+							className: "text-2xl font-semibold",
+							children: modal.title
+						})]
+					}), /* @__PURE__ */ jsx(CloseButton, {
+						absolute: false,
+						className: "justify-self-end px-1",
+						onClick: onClose
+					})]
+				}),
+				/* @__PURE__ */ jsx("span", { className: "w-full border-b-3 border-gray-500 px-20" }),
+				modal.content ?? null
+			]
+		})
 	});
-	const [searchResults, setSearchResults] = useState({});
-	const hasSearchResults = useMemo(() => Object.values(searchResults).length > 0, [searchResults]);
-	const prefersLight = usePrefersLightMode();
-	const metricsData = useMemo(() => {
-		return createMetricData(data, data.databaseInfo.colorSeed, data.databaseInfo.authorColors, options?.dominantAuthorCutoff ?? 70, prefersLight);
+}
+function AuthorOptions() {
+	const transitionState = useNavigation();
+	const action$3 = href("/view");
+	const { openModal } = useModal("group-authors");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mt-2 grid w-full grid-cols-[1fr_1fr] gap-2",
+		children: [/* @__PURE__ */ jsxs("button", {
+			className: "btn",
+			onClick: () => openModal(),
+			children: [/* @__PURE__ */ jsx(Icon, { path: mdiAccountMultiple }), "Group authors"]
+		}), /* @__PURE__ */ jsxs(Form, {
+			method: "post",
+			action: action$3,
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "hidden",
+				name: "rerollColors",
+				value: ""
+			}), /* @__PURE__ */ jsxs("button", {
+				className: "btn w-full",
+				type: "submit",
+				disabled: transitionState.state !== "idle",
+				children: [/* @__PURE__ */ jsx(Icon, { path: mdiDiceMultipleOutline }), "Shuffle colors"]
+			})]
+		})]
+	});
+}
+function GradientLegend({ hoveredObject }) {
+	const { metricType } = useOptions();
+	const [metricsData] = useMetrics();
+	const metricCache = metricsData.get(metricType);
+	if (metricCache === void 0) throw new Error("Metric cache is undefined");
+	const { minValue, maxValue, minColor, maxColor } = metricCache.legend;
+	const { clickedObject } = useClickedObject();
+	const path$1 = clickedObject?.path ?? hoveredObject?.path ?? null;
+	const color = path$1 ? metricCache.colormap.get(path$1) : null;
+	let blobLightness = color ? getLightness(color) : -1;
+	if (color === "#c0c0c0") blobLightness = -1;
+	const offset = useMemo(() => {
+		const min = getLightness(minColor);
+		const diff = getLightness(maxColor) - min;
+		if (diff === 0) return 1;
+		return (blobLightness - min) / diff;
 	}, [
-		data,
-		options?.dominantAuthorCutoff,
-		prefersLight
+		blobLightness,
+		maxColor,
+		minColor
 	]);
-	const optionsValue = useMemo(() => ({
-		...options,
-		setMetricType: (metricType) => setOptions((prevOptions) => ({
-			...prevOptions,
-			metricType
-		})),
-		setChartType: (chartType) => setOptions((prevOptions) => ({
-			...prevOptions,
-			chartType
+	const visible = path$1 !== null;
+	const midValue = Math.round((maxValue - minValue) / 2);
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+		className: "relative h-4 rounded-sm",
+		style: { backgroundImage: `linear-gradient(to right, ${minColor}, ${maxColor})` },
+		children: /* @__PURE__ */ jsx(LegendBarIndicator, {
+			offset: offset * 100,
+			visible
+		})
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "flex justify-between",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "font-bold",
+				title: minValue.toLocaleString(),
+				children: numToFriendlyString(minValue)
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "absolute left-1/2 -translate-x-1/2 font-bold",
+				title: midValue.toLocaleString(),
+				children: numToFriendlyString(midValue)
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "font-bold",
+				title: maxValue.toLocaleString(),
+				children: numToFriendlyString(maxValue)
+			})
+		]
+	})] });
+}
+function Handle({ domain: [min, max], children, disabled, handle, handleType = "round", title, getHandleProps, className, onClick }) {
+	return /* @__PURE__ */ jsx("button", {
+		className: cn("absolute z-10 flex size-5 -translate-x-1/2 -translate-y-1.5 place-content-center disabled:grayscale", { "size-5 rounded-full": handleType === "round" }, disabled ? "cursor-progress" : "cursor-col-resize", className),
+		role: "slider",
+		"aria-disabled": disabled,
+		"aria-valuemin": min,
+		"aria-valuemax": max,
+		"aria-valuenow": handle.value,
+		title,
+		style: { left: `${handle.percent}%` },
+		onClick,
+		...getHandleProps(handle.id),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("btn--primary", {
+				"size-5 rounded-full": handleType === "round",
+				"h-5 w-0.5": handleType === "square"
+			}),
+			children
+		})
+	});
+}
+function SliderRail({ getRailProps, className = "", children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("bg-blue-secondary/20 absolute h-2 w-full cursor-pointer", {}, className),
+		...getRailProps(),
+		children
+	});
+}
+function Track({ source, target, trackType = "round", getTrackProps, disabled }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("btn btn--primary absolute h-2 cursor-pointer p-0", disabled ? "bg-primary-text-dark dark:bg-primary-text" : "bg-blue-primary", {
+			"rounded-full": trackType === "round",
+			"rounded-none": trackType === "square"
+		}),
+		style: {
+			left: `${source.percent}%`,
+			width: `${target.percent - source.percent}%`
+		},
+		...getTrackProps()
+	});
+}
+var alignToJustify = {
+	left: "start",
+	center: "center",
+	right: "end"
+};
+function LabeledTicks({ valueMap, titleMap = valueMap, onTop = false }) {
+	const count = Object.entries(valueMap).length;
+	return /* @__PURE__ */ jsx(Ticks, {
+		count,
+		children: ({ ticks }) => /* @__PURE__ */ jsx("div", {
+			className: "grid grid-flow-col grid-cols-3 grid-rows-[1fr_auto] pt-4",
+			children: ticks.map((tick) => {
+				const tickLabelInfo = valueMap[tick.value * 100];
+				const align = tick.value === 0 ? "left" : tick.value === 1 ? "right" : "center";
+				const Tick$1 = /* @__PURE__ */ jsx("div", {
+					className: `flex justify-${tickLabelInfo ? alignToJustify[align] : "center"}`,
+					children: /* @__PURE__ */ jsx("div", { className: "h-2 w-px bg-gray-950 dark:bg-gray-50" })
+				});
+				const Label$1 = /* @__PURE__ */ jsx("div", {
+					title: titleMap[tick.value * 100],
+					className: "truncate text-xs",
+					style: { textAlign: align },
+					children: tickLabelInfo
+				});
+				return /* @__PURE__ */ jsxs(Fragment, { children: [onTop ? Label$1 : Tick$1, onTop ? Tick$1 : Label$1] }, tick.id);
+			})
+		})
+	});
+}
+function TicksByCount({ className = "", count, tickToLabel, onTop = true, align, below = false }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid grid-flow-col grid-cols-(--cols) gap-1 text-xs", {
+			"grid-rows-[auto]": !below && !onTop,
+			"grid-rows-[auto_auto]": below !== onTop,
+			"grid-rows-[auto_auto_auto]": below && onTop
+		}, className),
+		style: { "--cols": `repeat(${count}, minmax(0, 1fr))` },
+		children: Array.from({ length: count }).map((_, i) => {
+			const tick = i / (count - 1);
+			const tickLabelInfo = tickToLabel(tick, i);
+			const alignment = align ?? (tick === 0 ? "left" : tick === 1 ? "right" : "center");
+			const justification = tickLabelInfo ? alignToJustify[alignment] : "center";
+			return /* @__PURE__ */ jsxs(Fragment, { children: [
+				onTop ? /* @__PURE__ */ jsx(Tick, { justification }) : null,
+				/* @__PURE__ */ jsx("div", {
+					className: cn(`text-${alignment}`),
+					children: tickLabelInfo === 0 ? "" : tickLabelInfo
+				}),
+				below ? /* @__PURE__ */ jsx(Tick, { justification }) : null
+			] }, i);
+		})
+	});
+}
+const Tick = ({ className = "", justification = "start" }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex", `justify-${justification}`, className),
+	children: /* @__PURE__ */ jsx("div", { className: "h-2 w-px bg-gray-950 dark:bg-gray-50" })
+});
+function SegmentLegend({ hoveredObject }) {
+	const { metricType } = useOptions();
+	const [metricsData] = useMetrics();
+	const { steps, textGenerator, colorGenerator, offsetStepCalc } = metricsData.get(metricType).legend;
+	const width = 100 / steps;
+	let arrowVisible = false;
+	let arrowOffset = 0;
+	const clickedObject = useClickedObject().clickedObject ?? hoveredObject ?? null;
+	if (isBlob(clickedObject)) {
+		arrowVisible = true;
+		arrowOffset = width / 2 + width * offsetStepCalc(clickedObject);
+	}
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+		className: "relative",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative flex text-xs whitespace-nowrap",
+			children: [[...Array(steps)].map((_, i) => {
+				return steps >= 4 ? /* @__PURE__ */ jsx(MetricSegment, {
+					className: i === 0 ? "rounded-l-sm" : i === steps - 1 ? "rounded-r-sm" : "",
+					width,
+					color: colorGenerator(i),
+					text: textGenerator(i),
+					top: i % 2 === 0
+				}, i) : /* @__PURE__ */ jsx(TopMetricSegment, {
+					width,
+					color: colorGenerator(i),
+					text: textGenerator(i)
+				}, i);
+			}), /* @__PURE__ */ jsx(LegendBarIndicator, {
+				offset: arrowOffset,
+				visible: arrowVisible
+			})]
+		})
+	}) });
+}
+function MetricSegment({ className = "", width, color, text, top }) {
+	if (top) return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col",
+		style: { width: `${width}%` },
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "h-5 truncate text-left",
+				title: text,
+				children: text
+			}),
+			/* @__PURE__ */ jsx(Tick, { className: "ml-1" }),
+			/* @__PURE__ */ jsx("div", {
+				className: cn("h-4", className),
+				style: { backgroundColor: color }
+			}),
+			/* @__PURE__ */ jsx(Tick, { className: "invisible" })
+		]
+	});
+	else return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col",
+		style: { width: `${width}%` },
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "invisible h-5 text-left",
+				children: text
+			}),
+			/* @__PURE__ */ jsx(Tick, { className: "invisible" }),
+			/* @__PURE__ */ jsx("div", {
+				className: cn("h-4", className),
+				style: { backgroundColor: color }
+			}),
+			/* @__PURE__ */ jsx(Tick, {}),
+			/* @__PURE__ */ jsx("div", {
+				className: "h-5 truncate text-left",
+				children: text
+			})
+		]
+	});
+}
+function TopMetricSegment({ width, color, text }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col",
+		style: { width: `${width}%` },
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "h-5 truncate text-left",
+				children: text
+			}),
+			/* @__PURE__ */ jsx(Tick, {}),
+			/* @__PURE__ */ jsx("div", {
+				className: "h-5",
+				style: { backgroundColor: color }
+			})
+		]
+	});
+}
+function PercentageSlider({ className = "" }) {
+	const { dominantAuthorCutoff, setDominantAuthorCutoff } = useOptions();
+	const [displayPercentage, setDisplayPercentage] = useState(dominantAuthorCutoff);
+	const domain = [0, 100];
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("grid grid-cols-[calc(11*var(--spacing))_1fr] px-3", className),
+		children: [/* @__PURE__ */ jsxs("p", {
+			title: "Min percentage of changes a file's top author must account for to be colored.",
+			children: [displayPercentage, "%"]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "relative",
+			title: "Adjust the dominant author percentage cutoff",
+			children: /* @__PURE__ */ jsxs(Slider, {
+				mode: 1,
+				step: 1,
+				domain,
+				values: [displayPercentage],
+				onChange: (e) => {
+					setDominantAuthorCutoff(e[0]);
+					startTransition(() => {
+						setDisplayPercentage(e[0]);
+					});
+				},
+				onUpdate: (e) => {
+					startTransition(() => {
+						setDisplayPercentage(e[0]);
+					});
+				},
+				children: [
+					/* @__PURE__ */ jsx(Rail, { children: SliderRail }),
+					/* @__PURE__ */ jsx(Handles, { children: ({ handles, getHandleProps }) => /* @__PURE__ */ jsx(Fragment$1, { children: handles.map((handle) => /* @__PURE__ */ jsx(Handle, {
+						handle,
+						domain,
+						getHandleProps
+					}, handle.id)) }) }),
+					/* @__PURE__ */ jsx(Tracks, {
+						right: false,
+						children: ({ tracks, getTrackProps }) => /* @__PURE__ */ jsx(Fragment$1, { children: tracks.map(({ id, ...props }) => /* @__PURE__ */ createElement(Track, {
+							...props,
+							key: id,
+							backgroundColor: noEntryColor,
+							getTrackProps
+						})) })
+					}),
+					/* @__PURE__ */ jsx(LabeledTicks, { valueMap: {
+						0: "Top author",
+						50: "Majority author",
+						100: "Single author"
+					} })
+				]
+			})
+		})]
+	});
+}
+function Legend({ hoveredObject }) {
+	const { sizeMetric, metricType } = useOptions();
+	const [metricsData] = useMetrics();
+	const deferredHoveredObject = useDeferredValue(hoveredObject);
+	const metricCache = metricsData.get(metricType) ?? void 0;
+	const legend = useMemo(() => {
+		if (metricCache === void 0) return null;
+		switch (getMetricLegendType(metricType)) {
+			case "POINT": return /* @__PURE__ */ jsx(PointLegend, {});
+			case "GRADIENT": return /* @__PURE__ */ jsx(GradientLegend, { hoveredObject: deferredHoveredObject });
+			case "SEGMENTS": return /* @__PURE__ */ jsx(SegmentLegend, { hoveredObject: deferredHoveredObject });
+		}
+	}, [
+		metricCache,
+		deferredHoveredObject,
+		metricType
+	]);
+	if (legend === null) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("h3", {
+			className: "card__subtitle",
+			children: "Size legend"
+		}),
+		/* @__PURE__ */ jsx("p", {
+			className: "mb-2 text-sm",
+			children: sizeMetricLegendDescriptions[sizeMetric]
+		}),
+		/* @__PURE__ */ jsx("h3", {
+			className: "card__subtitle",
+			children: "Color legend"
+		}),
+		/* @__PURE__ */ jsx("p", {
+			className: "mb-4 text-sm",
+			children: colorMetricDescriptions[metricType]
+		}),
+		metricType === "TOP_CONTRIBUTOR" ? /* @__PURE__ */ jsx(PercentageSlider, { className: "my-4" }) : null,
+		legend,
+		metricType === "TOP_CONTRIBUTOR" ? /* @__PURE__ */ jsx(AuthorOptions, {}) : null
+	] });
+}
+function LoadingIndicator({ className = "", showProgress = false, fetchProgress = true, loadingText }) {
+	const [path$1] = useQueryState("path");
+	const fetcher = useFetcher();
+	useEffect(() => {
+		if (fetcher.state === "idle" && showProgress && fetchProgress) fetcher.load(href("/view/progress") + viewSerializer({ path: path$1 }));
+	}, [
+		fetchProgress,
+		fetcher,
+		fetcher.state,
+		path$1,
+		showProgress
+	]);
+	const [progressText, progress] = useMemo(() => {
+		if (!fetcher.data) return ["Loading truck...", 0];
+		const { progress: progress$1, analyzationStatus } = fetcher.data;
+		switch (analyzationStatus) {
+			case "Starting": return ["Loading truck...", 0];
+			case "GeneratingChart": return ["Unloading truck...", 100];
+			default: return [progress$1 < 100 ? "Driving to destination..." : "Parking truck...", progress$1];
+		}
+	}, [fetcher.data]);
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx$1("grid h-full w-full place-items-center px-4", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full max-w-[clamp(16rem,80vw,36rem)] flex-col gap-4 px-2 py-2",
+			children: [
+				/* @__PURE__ */ jsx("img", {
+					src: !showProgress || progress > 0 && progress < 100 ? truck_default$1 : truck_default,
+					alt: "🚛",
+					className: "pixelated aspect-square w-full"
+				}),
+				showProgress ? /* @__PURE__ */ jsx("div", {
+					className: "text-center text-3xl font-bold",
+					children: progressText
+				}) : null,
+				showProgress ? /* @__PURE__ */ jsx("div", {
+					className: "h-6 w-3/4 self-center rounded-2xl bg-gray-300",
+					children: /* @__PURE__ */ jsx("div", {
+						className: cn("bg-blue-primary h-[calc(100%-4px)] min-w-[calc(var(--spacing)*6-4px)] translate-x-0.5 translate-y-0.5 rounded-2xl transition-[width] ease-in-out", { "animate-skeet": !progress }),
+						style: { width: progress ? `calc(${Math.min(progress, 100)}% - 4px)` : "40px" }
+					})
+				}) : null,
+				loadingText ? /* @__PURE__ */ jsx("div", {
+					className: "text-center font-bold",
+					children: loadingText
+				}) : null
+			]
+		})
+	});
+}
+function Providers({ children, data }) {
+	const [options, setOptions] = useState(() => {
+		const savedOptions = typeof document !== "undefined" ? localStorage.getItem(OPTIONS_LOCAL_STORAGE_KEY) : null;
+		return {
+			...getDefaultOptionsContextValue(),
+			...savedOptions ? JSON.parse(savedOptions) : {},
+			hasLoadedSavedOptions: !!savedOptions
+		};
+	});
+	const [searchResults, setSearchResults] = useState({});
+	const hasSearchResults = useMemo(() => Object.values(searchResults).length > 0, [searchResults]);
+	const prefersLight = usePrefersLightMode();
+	const metricsData = useMemo(() => {
+		return createMetricData(data, data.databaseInfo.colorSeed, data.databaseInfo.authorColors, options?.dominantAuthorCutoff ?? 70, prefersLight);
+	}, [
+		data,
+		options?.dominantAuthorCutoff,
+		prefersLight
+	]);
+	const optionsValue = useMemo(() => ({
+		...options,
+		setMetricType: (metricType) => setOptions((prevOptions) => ({
+			...prevOptions,
+			metricType
+		})),
+		setChartType: (chartType) => setOptions((prevOptions) => ({
+			...prevOptions,
+			chartType
 		})),
 		setHierarchyType: (hierarchyType) => setOptions((prevOptions) => ({
 			...prevOptions,
@@ -12626,6 +13043,10 @@ const SearchCard = memo(function SearchCard$1() {
 					value: object.path,
 					onKeyDown: (event) => {
 						const currentIndex = resultRefs.findIndex((ref) => ref.current === event.currentTarget);
+						if (event.key === "Escape") {
+							searchFieldRef.current?.focus();
+							searchFieldRef.current?.select();
+						}
 						if (event.key === "ArrowDown") {
 							event.preventDefault();
 							if (resultRefs.length === 0) return;
@@ -12636,507 +13057,238 @@ const SearchCard = memo(function SearchCard$1() {
 							if (resultRefs.length === 0) return;
 							const prevIndex = currentIndex - 1;
 							if (prevIndex < 0) {
-								searchFieldRef.current?.focus();
-								searchFieldRef.current?.select();
-								return;
-							}
-							focusResultAtIndex(prevIndex);
-						}
-					},
-					onClick: () => onClickObject(object),
-					children: [object.type === "tree" ? /* @__PURE__ */ jsx(Icon, {
-						path: object.type === "tree" ? mdiFolder : mdiFileOutline,
-						size: .75,
-						className: "shrink-0"
-					}) : /* @__PURE__ */ jsx(Icon, {
-						color: metrics.get(options.metricType)?.colormap.get(object.path) ?? "grey",
-						path: mdiFile,
-						size: .75,
-						className: "shrink-0"
-					}), /* @__PURE__ */ jsx("span", {
-						className: "text-secondary-text dark:hover:text-primary-text-dark hover:text-primary-text dark:text-secondary-text-dark truncate",
-						children: object.path.split(getSeparator(object.path)).slice(1).join("/") ?? object.path
-					})]
-				}, object.path))
-			}) : null
-		]
-	});
-});
-var BarChart = () => {
-	const svgRef = useRef(null);
-	const { databaseInfo } = useData();
-	const [ref, rawSize] = useComponentSize();
-	const size = useDeferredValue(rawSize);
-	const data = databaseInfo.commitCountPerTimeInterval;
-	const [start, end] = databaseInfo.selectedRange;
-	const height = 50;
-	const width = size.width;
-	const xScale = d3.scaleBand().domain(data.map((d) => d.date.toString())).range([0, width]);
-	const yScale = d3.scaleLinear().domain([0, d3.max(data, (d) => d.count) || 0]).range([height, 0]);
-	const [searchParams] = useSearchParams();
-	const submit = useSubmit();
-	function updateTimeseries(e) {
-		const form = new FormData();
-		form.append("timeseries", `${e[0]}-${e[1]}`);
-		submit(form, {
-			action: getPathFromRepoAndHead({
-				path: searchParams.get("path"),
-				branch: databaseInfo.branch
-			}),
-			method: "post"
-		});
-	}
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		className: "flex flex-col justify-center",
-		children: /* @__PURE__ */ jsx("svg", {
-			ref: svgRef,
-			width: "100%",
-			height,
-			className: "fill-transparent",
-			children: data.map((d, i) => {
-				const barX = (xScale(d.date) ?? 0) + 2;
-				const barWidth = Math.max(1, xScale.bandwidth() - 4);
-				const barHeight = height - yScale(d.count);
-				return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
-					x: barX,
-					y: yScale(d.count),
-					width: barWidth,
-					height: barHeight,
-					rx: 2,
-					ry: 2,
-					className: cn("transition-[height,y] duration-300 ease-out", d.timestamp >= start && d.timestamp < end ? "fill-blue-primary" : "fill-blue-primary/40")
-				}), /* @__PURE__ */ jsx("rect", {
-					x: barX,
-					y: 0,
-					width: barWidth,
-					height,
-					rx: 2,
-					ry: 2,
-					className: "hover:stroke-blue-secondary stroke-transparent stroke-1 hover:fill-transparent",
-					onClick: () => {
-						const [intervalStart, intervalEnd] = expandIntervalToRange(d.timestamp, databaseInfo.commitCountPerTimeIntervalUnit);
-						updateTimeseries([intervalStart, intervalEnd]);
-					},
-					children: /* @__PURE__ */ jsx("title", { children: `${d.date}: ${d.count.toLocaleString()} commit${d.count !== 1 ? "s" : ""}` })
-				})] }, `${d.date}-${i}`);
-			})
-		})
-	});
-};
-var BarChart_default = BarChart;
-function Timeline({ className }) {
-	const [_, startTransition$1] = useTransition();
-	const { databaseInfo } = useData();
-	const { timerange, selectedRange } = databaseInfo;
-	const newestChangeDate = timerange[1];
-	const oldestChangeDate = timerange[0];
-	const submit = useSubmit();
-	const [range, setRange] = useState(selectedRange[0] === 0 ? timerange : selectedRange);
-	const disabled = useNavigation().state !== "idle";
-	const [searchParams] = useSearchParams();
-	function updateTimeseries(e) {
-		const form = new FormData();
-		form.append("timeseries", `${e[0]}-${e[1]}`);
-		submit(form, {
-			action: getPathFromRepoAndHead({
-				path: searchParams.get("path"),
-				branch: databaseInfo.branch
-			}),
-			method: "post"
-		});
-	}
-	const selectedStartDate = range[0] * 1e3;
-	const selectedEndDate = range[1] * 1e3;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("group flex flex-col gap-2", className),
-		children: [
-			/* @__PURE__ */ jsx(BarChart_default, {}),
-			/* @__PURE__ */ jsxs(Slider, {
-				className: "relative",
-				mode: 2,
-				step: 1,
-				domain: timerange,
-				values: range,
-				disabled,
-				onUpdate: (e) => setRange([...e]),
-				onChange: (e) => {
-					startTransition$1(() => {
-						updateTimeseries(e);
-					});
-				},
-				children: [
-					/* @__PURE__ */ jsx(Rail, { children: SliderRail }),
-					/* @__PURE__ */ jsx(Handles, { children: ({ handles, getHandleProps }) => /* @__PURE__ */ jsx("div", {
-						className: "",
-						children: handles.map((handle, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-							className: cn("absolute left-(--left) w-max translate-y-[calc(50%)] opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", {
-								"left-(--left)": i === 0,
-								"right-[calc(100%-var(--left))] -translate-x-full": i === 1
-							}),
-							style: { "--left": `${handle.percent}%` },
-							children: /* @__PURE__ */ jsx(Popover$1, {
-								trigger: ({ onClick }) => /* @__PURE__ */ jsx("button", {
-									className: cn("bg-blue-primary text-primary-text-dark cursor-pointer rounded-lg px-1 break-keep shadow", {
-										"rounded-tl-none": i === 0,
-										"rounded-tr-none": i === 1
-									}),
-									onClick,
-									children: /* @__PURE__ */ jsx("time", {
-										className: "w-max text-xs",
-										dateTime: dateFormatISO(i === 0 ? selectedStartDate : selectedEndDate),
-										title: `Click or drag to set the ${i === 0 ? "start" : "end"} of time range`,
-										children: dateFormatShort(i === 0 ? selectedStartDate : selectedEndDate)
-									})
-								}),
-								children: /* @__PURE__ */ jsx(TimePicker, {
-									setsBeginning: i === 0,
-									range,
-									setRange,
-									timerange,
-									updateTimeseries,
-									disabled
-								})
-							}, handle.id)
-						}), /* @__PURE__ */ jsx(Handle, {
-							handleType: "square",
-							title: "Drag to adjust interval, click to set specific date",
-							className: cn(""),
-							handle,
-							domain: timerange,
-							getHandleProps
-						}, handle.id)] }, handle.id))
-					}) }),
-					/* @__PURE__ */ jsx(Tracks, {
-						left: false,
-						right: false,
-						children: ({ tracks, getTrackProps }) => /* @__PURE__ */ jsx("div", { children: tracks.map(({ id, source, target }) => /* @__PURE__ */ jsx(Track, {
-							trackType: "square",
-							backgroundColor: "#7aa0c4",
-							source,
-							target,
-							getTrackProps
-						}, id)) })
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx(TicksByCount, {
-				className: "mb-2",
-				count: 2,
-				tickToLabel: (t) => dateFormatShort((oldestChangeDate + (newestChangeDate - oldestChangeDate) * t) * 1e3)
-			})
-		]
-	});
-}
-function TimePicker({ range, setRange, timerange, setsBeginning, updateTimeseries, disabled }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "z-30",
-		children: /* @__PURE__ */ jsx(DatePicker, {
-			inline: true,
-			fixedHeight: true,
-			renderCustomHeader: ({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled }) => {
-				return /* @__PURE__ */ jsxs("div", {
-					className: "m-2 flex justify-between",
-					children: [
-						/* @__PURE__ */ jsx("button", {
-							disabled: prevMonthButtonDisabled,
-							onClick: decreaseMonth,
-							children: "<"
-						}),
-						/* @__PURE__ */ jsx("h2", { children: dateFormatCalendarHeader(date.getTime()) }),
-						/* @__PURE__ */ jsx("button", {
-							disabled: nextMonthButtonDisabled,
-							onClick: increaseMonth,
-							children: ">"
-						})
-					]
-				});
-			},
-			disabled,
-			selected: /* @__PURE__ */ new Date(range[setsBeginning ? 0 : 1] * 1e3),
-			minDate: new Date(setsBeginning ? timerange[0] * 1e3 : Math.max(timerange[0] * 1e3, range[0] * 1e3)),
-			maxDate: new Date(setsBeginning ? Math.min(timerange[1] * 1e3, range[1] * 1e3) : timerange[1] * 1e3),
-			onChange: (x) => {
-				if (x) {
-					let newRange;
-					if (setsBeginning) newRange = [x.getTime() / 1e3, range[1]];
-					else newRange = [range[0], x.getTime() / 1e3];
-					setRange(newRange);
-					updateTimeseries(newRange);
-				}
-			}
-		})
+								searchFieldRef.current?.focus();
+								searchFieldRef.current?.select();
+								return;
+							}
+							focusResultAtIndex(prevIndex);
+						}
+					},
+					onClick: () => onClickObject(object),
+					children: [object.type === "tree" ? /* @__PURE__ */ jsx(Icon, {
+						path: object.type === "tree" ? mdiFolder : mdiFileOutline,
+						size: .75,
+						className: "shrink-0"
+					}) : /* @__PURE__ */ jsx(Icon, {
+						color: metrics.get(options.metricType)?.colormap.get(object.path) ?? "grey",
+						path: mdiFile,
+						size: .75,
+						className: "shrink-0"
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-secondary-text dark:hover:text-primary-text-dark hover:text-primary-text dark:text-secondary-text-dark truncate",
+						children: object.path.split(getSeparator(object.path)).slice(1).join("/") ?? object.path
+					})]
+				}, object.path))
+			}) : null
+		]
 	});
-}
-function UnionAuthorsModal({ open, onClose }) {
+});
+var BarChart = () => {
+	const svgRef = useRef(null);
 	const { databaseInfo } = useData();
+	const [ref, rawSize] = useComponentSize();
+	const size = useDeferredValue(rawSize);
+	const data = databaseInfo.commitCountPerTimeInterval;
+	const [start, end] = databaseInfo.selectedRange;
+	const height = 50;
+	const width = size.width;
+	const xScale = d3.scaleBand().domain(data.map((d) => d.date.toString())).range([0, width]);
+	const yScale = d3.scaleLinear().domain([0, d3.max(data, (d) => d.count) || 0]).range([height, 0]);
+	const [searchParams] = useSearchParams();
 	const submit = useSubmit();
-	const { authors } = databaseInfo;
-	const authorUnions = databaseInfo.authorUnions;
-	const [selectedAuthors, setSelectedAuthors] = useState([]);
-	const [filter, setFilter] = useState("");
-	const navigationData = useNavigation();
-	const [, authorColors] = useMetrics();
-	const [, startTransition$1] = useTransition();
-	const location$1 = useLocation();
-	const ref = useRef(null);
-	useEffect(() => {
-		if (!ref.current) return;
-		if (open) {
-			ref.current.showModal();
-			return;
-		}
-		ref.current.close();
-	}, [open]);
-	const flattedUnionedAuthors = authorUnions.reduce((acc, union) => {
-		return [...acc, ...union];
-	}, []).sort(stringSorter);
-	function ungroup(groupToUnGroup) {
-		const newAuthorUnions = authorUnions.filter((_, i) => i !== groupToUnGroup);
-		const form = new FormData();
-		form.append("unionedAuthors", JSON.stringify(newAuthorUnions));
-		submit(form, {
-			action: href("/view") + location$1.search,
-			method: "post"
-		});
-	}
-	function ungroupAll() {
-		const form = new FormData();
-		form.append("unionedAuthors", JSON.stringify([]));
-		submit(form, {
-			action: href("/view") + location$1.search,
-			method: "post"
-		});
-	}
-	function groupSelectedAuthors() {
-		if (selectedAuthors.length === 0) return;
-		const form = new FormData();
-		form.append("unionedAuthors", JSON.stringify([...authorUnions, selectedAuthors]));
-		submit(form, {
-			action: href("/view") + location$1.search,
-			method: "post"
-		});
-		setSelectedAuthors([]);
-	}
-	function makePrimaryAlias(alias, groupIndex) {
-		const newAuthorUnions = authorUnions.map((group, i) => {
-			if (i === groupIndex) return [alias, ...group.filter((a) => a !== alias)];
-			return group;
-		});
+	function updateTimeseries(e) {
 		const form = new FormData();
-		form.append("unionedAuthors", JSON.stringify(newAuthorUnions));
+		form.append("timeseries", `${e[0]}-${e[1]}`);
 		submit(form, {
-			action: href("/view") + location$1.search,
+			action: getPathFromRepoAndHead({
+				path: searchParams.get("path"),
+				branch: databaseInfo.branch
+			}),
 			method: "post"
 		});
 	}
-	const disabled = navigationData.state !== "idle";
-	const ungroupedAuthorsSorted = authors.filter((a) => !flattedUnionedAuthors.includes(a)).slice(0).sort(stringSorter);
-	useKey({ key: "Escape" }, onClose);
-	const getColorFromDisplayName = (displayName) => authorColors.get(displayName) ?? "#333";
-	if (!open) return null;
-	const ungroupedAuthorsMessage = ungroupedAuthorsSorted.length === 0 ? "All detected authors have been grouped" : "Select the authors that you know are the same person";
-	const ungroupedAuthorsFiltered = ungroupedAuthorsSorted.filter((author) => author.toLowerCase().includes(filter.toLowerCase()));
-	const ungroupedAuthorsEntries = ungroupedAuthorsFiltered.map((author) => /* @__PURE__ */ jsx(CheckboxWithLabel, {
-		className: "hover:opacity-70",
-		checked: selectedAuthors.includes(author),
-		onChange: (e) => {
-			setSelectedAuthors(e.target?.checked ? [...selectedAuthors, author] : selectedAuthors.filter((a) => a !== author));
-		},
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "inline-flex flex-row place-items-center gap-2",
-			children: [/* @__PURE__ */ jsx(LegendDot, { dotColor: getColorFromDisplayName(author) }), author]
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: "flex flex-col justify-center",
+		children: /* @__PURE__ */ jsx("svg", {
+			ref: svgRef,
+			width: "100%",
+			height,
+			className: "fill-transparent",
+			children: data.map((d, i) => {
+				const barX = (xScale(d.date) ?? 0) + 2;
+				const barWidth = Math.max(1, xScale.bandwidth() - 4);
+				const barHeight = height - yScale(d.count);
+				return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
+					x: barX,
+					y: yScale(d.count),
+					width: barWidth,
+					height: barHeight,
+					rx: 2,
+					ry: 2,
+					className: cn("transition-[height,y] duration-300 ease-out", d.timestamp >= start && d.timestamp < end ? "fill-blue-primary" : "fill-blue-primary/40")
+				}), /* @__PURE__ */ jsx("rect", {
+					x: barX,
+					y: 0,
+					width: barWidth,
+					height,
+					rx: 2,
+					ry: 2,
+					className: "hover:stroke-blue-secondary stroke-transparent stroke-1 hover:fill-transparent",
+					onClick: () => {
+						const [intervalStart, intervalEnd] = expandIntervalToRange(d.timestamp, databaseInfo.commitCountPerTimeIntervalUnit);
+						updateTimeseries([intervalStart, intervalEnd]);
+					},
+					children: /* @__PURE__ */ jsx("title", { children: `${d.date}: ${d.count.toLocaleString()} commit${d.count !== 1 ? "s" : ""}` })
+				})] }, `${d.date}-${i}`);
+			})
 		})
-	}, author));
-	const groupedAuthorsEntries = authorUnions.map((aliasGroup, aliasGroupIndex) => {
-		const displayName = aliasGroup[0];
-		const disabled$1 = navigationData.state !== "idle";
-		return /* @__PURE__ */ jsxs("div", {
-			className: "card group m-0 flex h-full flex-col p-2",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "inline-flex flex-row place-items-center gap-2",
-					children: [/* @__PURE__ */ jsx(LegendDot, { dotColor: getColorFromDisplayName(displayName) }), /* @__PURE__ */ jsx("b", {
-						className: "truncate",
-						title: displayName,
-						children: displayName
-					})]
-				}),
-				aliasGroup.slice(1).sort(stringSorter).map((alias) => /* @__PURE__ */ jsx(AliasEntry, {
-					alias,
-					disabled: disabled$1,
-					onClick: () => makePrimaryAlias(alias, aliasGroupIndex)
-				}, alias)),
-				/* @__PURE__ */ jsx("div", { className: "grow" }),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-end justify-end gap-2 opacity-0 transition-opacity duration-200 group-hover:opacity-100",
-					children: [/* @__PURE__ */ jsxs(Form, {
-						action: href("/view") + location$1.search,
-						method: "post",
-						children: [/* @__PURE__ */ jsx("input", {
-							type: "hidden",
-							name: "unionedAuthors",
-							value: JSON.stringify(authorUnions)
-						}), /* @__PURE__ */ jsx("button", {
-							className: "btn",
-							title: "Add selected authors to this group",
-							disabled: disabled$1 || selectedAuthors.length === 0,
-							onClick: () => {
-								const newAuthorUnions = authorUnions.map(([displayName$1, ...group], i) => {
-									if (i === aliasGroupIndex) return [
-										displayName$1,
-										...group,
-										...selectedAuthors
-									];
-									return [displayName$1, ...group];
-								});
-								const form = new FormData();
-								form.append("unionedAuthors", JSON.stringify(newAuthorUnions));
-								submit(form, {
-									action: href("/view") + location$1.search,
-									method: "post"
-								});
-								setSelectedAuthors([]);
-							},
-							children: "Add selected"
-						})]
-					}), /* @__PURE__ */ jsx("button", {
-						className: "btn",
-						title: "Ungroup",
-						disabled: disabled$1,
-						onClick: () => ungroup(aliasGroupIndex),
-						children: "Ungroup"
-					})]
-				})
-			]
-		}, aliasGroupIndex);
 	});
-	return createPortal(/* @__PURE__ */ jsx("dialog", {
-		ref,
-		"aria-modal": true,
-		className: "z-10 m-auto flex h-full w-full flex-col items-start justify-stretch bg-transparent text-inherit backdrop:bg-gray-500/75 backdrop:p-0",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "card m-auto grid h-full w-full max-w-(--breakpoint-2xl) grow grid-cols-[1fr_1fr] grid-rows-[max-content_max-content_max-content_1fr_max-content] gap-2 overflow-hidden p-2 shadow-sm",
-			children: [
-				/* @__PURE__ */ jsx("h2", {
-					className: "text-2xl",
-					children: "Group authors"
-				}),
-				/* @__PURE__ */ jsx(CloseButton, {
-					absolute: false,
-					className: "justify-self-end",
-					onClick: onClose
-				}),
-				/* @__PURE__ */ jsxs("h3", {
-					className: "text-center text-lg font-bold",
-					children: [
-						"Ungrouped authors (",
-						ungroupedAuthorsSorted.length,
-						")"
-					]
-				}),
-				/* @__PURE__ */ jsx("h3", {
-					className: "text-center text-lg font-bold",
-					children: "Grouped authors"
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "flex justify-end gap-2",
-					children: /* @__PURE__ */ jsxs("button", {
-						className: "btn btn--primary justify-self-end",
-						title: "Group the selected authors",
-						disabled: disabled || selectedAuthors.length === 0,
-						onClick: groupSelectedAuthors,
-						children: [/* @__PURE__ */ jsx(Icon, {
-							path: mdiAccountMultiple,
-							size: 1
-						}), "Create group"]
-					})
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "flex justify-end gap-4",
-					children: /* @__PURE__ */ jsx("button", {
-						className: "btn btn--danger",
-						disabled: disabled || authorUnions.length === 0,
-						onClick: () => {
-							if (confirm("Are you sure you want to ungroup all grouped authors?")) ungroupAll();
-						},
-						children: "Ungroup all"
-					})
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "overflow-y-auto",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex h-min min-h-0 flex-col gap-2 rounded-md bg-white p-4 pt-2 shadow-sm dark:bg-gray-700",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "sticky top-0 flex gap-2 bg-inherit pt-2",
-							children: [
-								/* @__PURE__ */ jsx("input", {
-									className: "input min-w-0",
-									type: "search",
-									placeholder: "Filter...",
-									disabled: ungroupedAuthorsSorted.length === 0,
-									onChange: (e) => startTransition$1(() => setFilter(e.target.value))
-								}),
-								/* @__PURE__ */ jsx("button", {
-									disabled: disabled || selectedAuthors.length === 0,
-									className: "btn btn--outlined w-max grow",
-									title: "Clear selection",
-									onClick: () => setSelectedAuthors([]),
-									children: "Clear"
+};
+var BarChart_default = BarChart;
+function Timeline({ className }) {
+	const [_, startTransition$1] = useTransition();
+	const { databaseInfo } = useData();
+	const { timerange, selectedRange } = databaseInfo;
+	const newestChangeDate = timerange[1];
+	const oldestChangeDate = timerange[0];
+	const submit = useSubmit();
+	const [range, setRange] = useState(selectedRange[0] === 0 ? timerange : selectedRange);
+	const disabled = useNavigation().state !== "idle";
+	const [searchParams] = useSearchParams();
+	function updateTimeseries(e) {
+		const form = new FormData();
+		form.append("timeseries", `${e[0]}-${e[1]}`);
+		submit(form, {
+			action: getPathFromRepoAndHead({
+				path: searchParams.get("path"),
+				branch: databaseInfo.branch
+			}),
+			method: "post"
+		});
+	}
+	const selectedStartDate = range[0] * 1e3;
+	const selectedEndDate = range[1] * 1e3;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group flex flex-col gap-2", className),
+		children: [
+			/* @__PURE__ */ jsx(BarChart_default, {}),
+			/* @__PURE__ */ jsxs(Slider, {
+				className: "relative",
+				mode: 2,
+				step: 1,
+				domain: timerange,
+				values: range,
+				disabled,
+				onUpdate: (e) => setRange([...e]),
+				onChange: (e) => {
+					startTransition$1(() => {
+						updateTimeseries(e);
+					});
+				},
+				children: [
+					/* @__PURE__ */ jsx(Rail, { children: SliderRail }),
+					/* @__PURE__ */ jsx(Handles, { children: ({ handles, getHandleProps }) => /* @__PURE__ */ jsx("div", {
+						className: "",
+						children: handles.map((handle, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+							className: cn("absolute left-(--left) w-max translate-y-[calc(50%)] opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", {
+								"left-(--left)": i === 0,
+								"right-[calc(100%-var(--left))] -translate-x-full": i === 1
+							}),
+							style: { "--left": `${handle.percent}%` },
+							children: /* @__PURE__ */ jsx(Popover$1, {
+								trigger: ({ onClick }) => /* @__PURE__ */ jsx("button", {
+									className: cn("bg-blue-primary text-primary-text-dark cursor-pointer rounded-lg px-1 break-keep shadow", {
+										"rounded-tl-none": i === 0,
+										"rounded-tr-none": i === 1
+									}),
+									onClick,
+									children: /* @__PURE__ */ jsx("time", {
+										className: "w-max text-xs",
+										dateTime: dateFormatISO(i === 0 ? selectedStartDate : selectedEndDate),
+										title: `Click or drag to set the ${i === 0 ? "start" : "end"} of time range`,
+										children: dateFormatShort(i === 0 ? selectedStartDate : selectedEndDate)
+									})
 								}),
-								/* @__PURE__ */ jsx("button", {
-									disabled: ungroupedAuthorsSorted.length === 0,
-									className: "btn btn--outlined w-max grow",
-									title: "Clear selection",
-									onClick: () => selectedAuthors.length === ungroupedAuthorsFiltered.length ? setSelectedAuthors([]) : setSelectedAuthors((selected) => Array.from(new Set([...selected, ...ungroupedAuthorsFiltered]))),
-									children: selectedAuthors.length === ungroupedAuthorsFiltered.length ? "Deselect all" : "Select all"
+								children: /* @__PURE__ */ jsx(TimePicker, {
+									setsBeginning: i === 0,
+									range,
+									setRange,
+									timerange,
+									updateTimeseries,
+									disabled
 								})
-							]
-						}), ungroupedAuthorsEntries.length > 0 ? ungroupedAuthorsEntries : /* @__PURE__ */ jsx("p", {
-							className: "place-self-center",
-							children: filter.length > 0 ? "No authors found" : "All authors have been grouped"
-						})]
+							}, handle.id)
+						}), /* @__PURE__ */ jsx(Handle, {
+							handleType: "square",
+							title: "Drag to adjust interval, click to set specific date",
+							className: cn(""),
+							handle,
+							domain: timerange,
+							getHandleProps
+						}, handle.id)] }, handle.id))
+					}) }),
+					/* @__PURE__ */ jsx(Tracks, {
+						left: false,
+						right: false,
+						children: ({ tracks, getTrackProps }) => /* @__PURE__ */ jsx("div", { children: tracks.map(({ id, source, target }) => /* @__PURE__ */ jsx(Track, {
+							trackType: "square",
+							backgroundColor: "#7aa0c4",
+							source,
+							target,
+							getTrackProps
+						}, id)) })
 					})
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "overflow-y-auto",
-					children: /* @__PURE__ */ jsx("div", {
-						className: "grid h-min min-h-0 grid-cols-1 gap-4 rounded-md bg-white p-4 shadow-sm lg:grid-cols-2 xl:grid-cols-3 dark:bg-gray-700",
-						children: authorUnions.length > 0 ? groupedAuthorsEntries : /* @__PURE__ */ jsx("p", {
-							className: "place-self-center",
-							children: "No authors have been grouped yet"
+				]
+			}),
+			/* @__PURE__ */ jsx(TicksByCount, {
+				className: "mb-2",
+				count: 2,
+				tickToLabel: (t) => dateFormatShort((oldestChangeDate + (newestChangeDate - oldestChangeDate) * t) * 1e3)
+			})
+		]
+	});
+}
+function TimePicker({ range, setRange, timerange, setsBeginning, updateTimeseries, disabled }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "z-30",
+		children: /* @__PURE__ */ jsx(DatePicker, {
+			inline: true,
+			fixedHeight: true,
+			renderCustomHeader: ({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled }) => {
+				return /* @__PURE__ */ jsxs("div", {
+					className: "m-2 flex justify-between",
+					children: [
+						/* @__PURE__ */ jsx("button", {
+							disabled: prevMonthButtonDisabled,
+							onClick: decreaseMonth,
+							children: "<"
+						}),
+						/* @__PURE__ */ jsx("h2", { children: dateFormatCalendarHeader(date.getTime()) }),
+						/* @__PURE__ */ jsx("button", {
+							disabled: nextMonthButtonDisabled,
+							onClick: increaseMonth,
+							children: ">"
 						})
-					})
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "col-span-2 mr-6 grid w-full grid-cols-2 gap-4",
-					children: [/* @__PURE__ */ jsx("p", { children: ungroupedAuthorsMessage }), /* @__PURE__ */ jsx("button", {
-						className: "btn btn--primary justify-self-end",
-						onClick: onClose,
-						children: "Done"
-					})]
-				})
-			]
+					]
+				});
+			},
+			disabled,
+			selected: /* @__PURE__ */ new Date(range[setsBeginning ? 0 : 1] * 1e3),
+			minDate: new Date(setsBeginning ? timerange[0] * 1e3 : Math.max(timerange[0] * 1e3, range[0] * 1e3)),
+			maxDate: new Date(setsBeginning ? Math.min(timerange[1] * 1e3, range[1] * 1e3) : timerange[1] * 1e3),
+			onChange: (x) => {
+				if (x) {
+					let newRange;
+					if (setsBeginning) newRange = [x.getTime() / 1e3, range[1]];
+					else newRange = [range[0], x.getTime() / 1e3];
+					setRange(newRange);
+					updateTimeseries(newRange);
+				}
+			}
 		})
-	}), document.body);
-	function AliasEntry({ alias, onClick, disabled: disabled$1 }) {
-		return /* @__PURE__ */ jsxs("button", {
-			className: "btn flex grid-flow-col gap-2 text-sm [&:hover>svg]:opacity-50 [&>svg]:opacity-0",
-			disabled: disabled$1,
-			title: "Make display name for this grouping",
-			onClick,
-			children: [/* @__PURE__ */ jsx(Icon, {
-				path: mdiArrowUp,
-				size: .75
-			}), /* @__PURE__ */ jsx("label", {
-				title: alias,
-				className: "label truncate",
-				children: alias
-			})]
-		}, alias);
-	}
+	});
 }
-var stringSorter = (a, b) => a.toLowerCase().localeCompare(b.toLowerCase());
 function RefreshButton() {
 	const navigation = useNavigation();
 	const isRefreshing = navigation.formData?.get("refresh") === "true";
@@ -13334,6 +13486,18 @@ function ChartTooltip({ hoveredObject }) {
 		className: chartType === "BUBBLE_CHART" ? "rounded-xl" : "rounded-xs"
 	});
 }
+function FullscreenButton() {
+	const { isFullscreen, toggleFullscreen } = useFullscreen(() => document.documentElement);
+	return /* @__PURE__ */ jsx("button", {
+		className: cn("btn aspect-square p-1", { "btn--primary": isFullscreen }),
+		title: isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
+		onClick: toggleFullscreen,
+		children: /* @__PURE__ */ jsx(Icon, {
+			path: isFullscreen ? mdiFullscreenExit : mdiFullscreen,
+			size: 1
+		})
+	});
+}
 var CollapsibleHeaderContext = createContext$1((_open) => {});
 function useSetOpenCollapsibleHeader() {
 	return use(CollapsibleHeaderContext);
@@ -13388,124 +13552,15 @@ function RevisionSelect({ headGroups, disabled, className = "", analyzedBranches
 		})]
 	});
 }
-function CollapsableSettings({ className = "" }) {
-	return /* @__PURE__ */ jsx(Popover$1, {
-		trigger: ({ onClick }) => /* @__PURE__ */ jsx("button", {
-			title: "Visualization settings",
-			className: cn("btn hover:text-primary-text dark:hover:text-primary-text-dark relative flex cursor-pointer justify-between gap-2", className),
-			onClick,
-			children: /* @__PURE__ */ jsx(Icon, {
-				path: mdiCog,
-				size: "1.25em"
-			})
-		}),
-		children: /* @__PURE__ */ jsx(Settings, {})
+function SettingsButton() {
+	const { openModal } = useModal("app-settings");
+	return /* @__PURE__ */ jsx("button", {
+		className: "btn hover:text-primary-text dark:hover:text-primary-text-dark relative flex cursor-pointer justify-between gap-2",
+		title: "Visualization settings",
+		onClick: () => openModal(),
+		children: /* @__PURE__ */ jsx(Icon, { path: mdiCog })
 	});
 }
-function Settings() {
-	const { metricType, hierarchyType, transitionsEnabled, renderCutoff, showFilesWithoutChanges, linkMetricAndSizeMetric, showOnlySearchMatches, setLinkMetricAndSizeMetric, setTransitionsEnabled, labelsVisible, setLabelsVisible, setHierarchyType, setSizeMetricType, setRenderCutoff, setShowFilesWithoutChanges, setShowOnlySearchMatches } = useOptions();
-	const [isTransitioning, startTransition$1] = useTransition();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsxs(CheckboxWithLabel, {
-			className: "text-sm",
-			checked: Boolean(linkMetricAndSizeMetric),
-			title: "Enable to sync size metric with color metric",
-			onChange: (e) => {
-				setLinkMetricAndSizeMetric(e.target.checked);
-				if (e.target.checked) setSizeMetricType(relatedSizeMetric[metricType]);
-			},
-			children: [/* @__PURE__ */ jsx(Icon, {
-				className: "ml-1.5",
-				path: mdiLink,
-				size: "1.25em"
-			}), /* @__PURE__ */ jsx("span", { children: "Link size and color option" })]
-		}),
-		/* @__PURE__ */ jsxs(CheckboxWithLabel, {
-			className: "text-sm",
-			checked: transitionsEnabled,
-			title: "Disable to improve performance when zooming",
-			onChange: (e) => setTransitionsEnabled(e.target.checked),
-			children: [/* @__PURE__ */ jsx(Icon, {
-				className: "ml-1.5",
-				path: mdiTransition,
-				size: "1.25em"
-			}), "Transitions"]
-		}),
-		/* @__PURE__ */ jsxs(CheckboxWithLabel, {
-			className: "text-sm",
-			checked: labelsVisible,
-			title: "Disable to improve performance",
-			onChange: (e) => setLabelsVisible(e.target.checked),
-			children: [/* @__PURE__ */ jsx(Icon, {
-				className: "ml-1.5",
-				path: mdiLabel,
-				size: "1.25em"
-			}), "Labels"]
-		}),
-		/* @__PURE__ */ jsxs(CheckboxWithLabel, {
-			className: "text-sm",
-			checked: showFilesWithoutChanges,
-			title: "Show files that have had no changes in the selected time range",
-			onChange: (e) => setShowFilesWithoutChanges(e.target.checked),
-			children: [/* @__PURE__ */ jsx(Icon, {
-				className: "ml-1.5",
-				path: mdiClockEdit,
-				size: "1.25em"
-			}), "Show files with no activity"]
-		}),
-		/* @__PURE__ */ jsxs(CheckboxWithLabel, {
-			className: "text-sm",
-			checked: hierarchyType === "FLAT",
-			title: "Show all files on the same level, instead of as a file tree",
-			onChange: () => {
-				if (hierarchyType === "FLAT") setHierarchyType("NESTED");
-				else setHierarchyType("FLAT");
-			},
-			children: [/* @__PURE__ */ jsx(Icon, {
-				className: "ml-1.5",
-				path: mdiFileTree,
-				size: "1.25em"
-			}), "Flatten file tree"]
-		}),
-		/* @__PURE__ */ jsxs(CheckboxWithLabel, {
-			className: "text-sm",
-			checked: showOnlySearchMatches,
-			title: "When searching, hide files that do not match the search query",
-			onChange: (e) => setShowOnlySearchMatches(e.target.checked),
-			children: [/* @__PURE__ */ jsx(Icon, {
-				className: "ml-1.5",
-				path: mdiFilter,
-				size: "1.25em"
-			}), "Show only search matches"]
-		}),
-		/* @__PURE__ */ jsxs("label", {
-			className: "label flex w-full items-center justify-start gap-2 text-sm",
-			title: "Increase this to improve render performance, decrease it to get higher level of detail",
-			children: [/* @__PURE__ */ jsxs("span", {
-				className: "flex grow items-center gap-2",
-				children: [
-					/* @__PURE__ */ jsx(Icon, {
-						className: "ml-1.5",
-						path: mdiContentCut,
-						size: "1.25em"
-					}),
-					"Pixel render cut-off ",
-					isTransitioning ? /* @__PURE__ */ jsx("img", {
-						src: truck_default,
-						alt: "...",
-						className: "h-5"
-					}) : ""
-				]
-			}), /* @__PURE__ */ jsx("input", {
-				type: "number",
-				min: 0,
-				defaultValue: renderCutoff,
-				className: "mr-1 w-12 place-self-end border-b-2",
-				onChange: (x) => startTransition$1(() => setRenderCutoff(x.target.valueAsNumber))
-			})]
-		})
-	] });
-}
 function BrowseParentFolder() {
 	const dataPromise = useRouteLoaderData(href("/view"))?.dataPromise;
 	const data = dataPromise ? use(dataPromise) : null;
@@ -13520,11 +13575,9 @@ var view_exports = /* @__PURE__ */ __export({
 	loader: () => loader$8,
 	meta: () => meta,
 	middleware: () => middleware,
-	useRepoContext: () => useRepoContext,
 	viewSearchParamsConfig: () => viewSearchParamsConfig,
 	viewSerializer: () => viewSerializer
 }, 1);
-const useRepoContext = () => useOutletContext();
 const currentRepositoryContext = createContext();
 const viewSearchParamsConfig = {
 	path: parseAsString,
@@ -13748,9 +13801,7 @@ var view_default = UNSAFE_withComponentProps(function Repo() {
 		}
 	}, { leftExpanded: true });
 	const toggleLeft = () => dispatch("toggleLeft");
-	const [unionAuthorsModalOpen, setUnionAuthorsModalOpen] = useState(false);
 	const [hoveredObject, setHoveredObject] = useState(null);
-	const showUnionAuthorsModal = () => setUnionAuthorsModalOpen(true);
 	const location$1 = useLocation();
 	const navigate = useNavigate();
 	const [objectPath] = useQueryState("objectPath", viewSearchParamsConfig.objectPath);
@@ -13813,11 +13864,11 @@ var view_default = UNSAFE_withComponentProps(function Repo() {
 										]
 									}) }) : "Details" }),
 									contentClassName: "pb-6",
-									children: /* @__PURE__ */ jsx(Outlet, { context: { showUnionAuthorsModal } })
+									children: /* @__PURE__ */ jsx(Outlet, {})
 								}),
 								/* @__PURE__ */ jsx(CollapsibleHeader, {
 									className: "card",
-									title: /* @__PURE__ */ jsxs(Fragment, { children: ["Visualization options", /* @__PURE__ */ jsx(CollapsableSettings, {})] }),
+									title: /* @__PURE__ */ jsx(Fragment, { children: "Visualization options" }),
 									contentClassName: "pb-6 flex flex-col gap-2",
 									children: /* @__PURE__ */ jsx(Options, {})
 								}),
@@ -13825,10 +13876,7 @@ var view_default = UNSAFE_withComponentProps(function Repo() {
 									className: "card",
 									title: "Legend",
 									contentClassName: "pb-6",
-									children: /* @__PURE__ */ jsx(Legend, {
-										hoveredObject,
-										showUnionAuthorsModal
-									})
+									children: /* @__PURE__ */ jsx(Legend, { hoveredObject })
 								})
 							]
 						})
@@ -13872,6 +13920,7 @@ var view_default = UNSAFE_withComponentProps(function Repo() {
 											/* @__PURE__ */ jsx(SearchCard, {}),
 											/* @__PURE__ */ jsx(RefreshButton, {}),
 											/* @__PURE__ */ jsx(HiddenFiles, {}),
+											/* @__PURE__ */ jsx(SettingsButton, {}),
 											/* @__PURE__ */ jsx(FullscreenButton, {})
 										]
 									})
@@ -13916,12 +13965,7 @@ var view_default = UNSAFE_withComponentProps(function Repo() {
 							})
 						]
 					})]
-				}), /* @__PURE__ */ jsx(UnionAuthorsModal, {
-					open: unionAuthorsModalOpen,
-					onClose: () => {
-						setUnionAuthorsModalOpen(false);
-					}
-				})]
+				}), /* @__PURE__ */ jsx(ModalManager, {})]
 			})
 		})
 	});
@@ -13966,14 +14010,6 @@ async function loader$4({ request, params }) {
 	const path$1 = params.path ?? loadViewSearchParams(request).path ?? ".";
 	throw redirect(await GitCaller.isValidGitRepo(path$1) ? href("/view") + viewSerializer({ path: path$1 }) : href("/browse") + browseSerializer({ path: path$1 }));
 }
-var view_merge_authors_exports = /* @__PURE__ */ __export({ default: () => view_merge_authors_default }, 1);
-var view_merge_authors_default = UNSAFE_withComponentProps(function MergeAuthorsView() {
-	const navigate = useNavigate();
-	return /* @__PURE__ */ jsx(UnionAuthorsModal, {
-		open: true,
-		onClose: () => navigate("..")
-	});
-});
 var view_progress_exports = /* @__PURE__ */ __export({ loader: () => loader$3 }, 1);
 var POLLING_RATE = 500;
 const loader$3 = async ({ context }) => {
@@ -14276,7 +14312,6 @@ const action = async ({ request, context }) => {
 };
 var view_details_default = UNSAFE_withComponentProps(function Details() {
 	const { setPath } = usePath();
-	const { showUnionAuthorsModal } = useRepoContext();
 	const { path: path$1, authorDistributionPromise } = useLoaderData();
 	const data = useData();
 	const { state } = useNavigation();
@@ -14288,6 +14323,7 @@ var view_details_default = UNSAFE_withComponentProps(function Details() {
 		...viewSearchParams,
 		zoomPath: path$1
 	});
+	const { openModal } = useModal("group-authors");
 	useEffect(() => {
 		setOpen(!!clickedObject);
 	}, [clickedObject, setOpen]);
@@ -14326,7 +14362,7 @@ var view_details_default = UNSAFE_withComponentProps(function Details() {
 		}),
 		/* @__PURE__ */ jsxs("button", {
 			className: "btn",
-			onClick: showUnionAuthorsModal,
+			onClick: () => openModal(),
 			children: [/* @__PURE__ */ jsx(Icon, { path: mdiAccountMultiple }), "Group authors"]
 		}),
 		/* @__PURE__ */ jsxs("div", {
@@ -14953,7 +14989,7 @@ var ui_default = UNSAFE_withComponentProps(function UI() {
 						children: [/* @__PURE__ */ jsx("h2", {
 							className: "card__title",
 							children: "AuthorOptions"
-						}), /* @__PURE__ */ jsx(AuthorOptions, { showUnionAuthorsModal: () => alert("Show union authors modal") })]
+						}), /* @__PURE__ */ jsx(AuthorOptions, {})]
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "card",
@@ -15075,12 +15111,11 @@ async function loader({ request, params }) {
 }
 var server_manifest_default = {
 	"entry": {
-		"module": "/assets/entry.client-NklqTk8N.js",
+		"module": "/assets/entry.client-lU2GATMj.js",
 		"imports": [
-			"/assets/chunk-LFPYN7LY-CPTP6242.js",
-			"/assets/react-dom-_FKEaPb7.js",
-			"/assets/chunk-JPUPSTYD-XO4UPun8.js",
-			"/assets/jsx-runtime-BVRj4wYA.js"
+			"/assets/jsx-runtime-s_YwNCZb.js",
+			"/assets/react-dom-BkDQo3BN.js",
+			"/assets/chunk-JPUPSTYD-YBbsfvLw.js"
 		],
 		"css": []
 	},
@@ -15098,40 +15133,16 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": true,
-			"module": "/assets/root-Djh_4EO9.js",
+			"module": "/assets/root-CpxyjKLd.js",
 			"imports": [
-				"/assets/chunk-LFPYN7LY-CPTP6242.js",
-				"/assets/react-dom-_FKEaPb7.js",
-				"/assets/chunk-JPUPSTYD-XO4UPun8.js",
-				"/assets/jsx-runtime-BVRj4wYA.js",
-				"/assets/styling-B8OEge8x.js",
-				"/assets/util-1G1Ez1rt.js",
-				"/assets/compare-Br3z3FUS-OODPzXmX.js",
-				"/assets/GitTruckInfo-C1VOiqSW.js",
-				"/assets/clear-cache-CrL0weu5.js"
+				"/assets/jsx-runtime-s_YwNCZb.js",
+				"/assets/react-dom-BkDQo3BN.js",
+				"/assets/chunk-JPUPSTYD-YBbsfvLw.js",
+				"/assets/GitTruckInfo-CiYjIacT.js",
+				"/assets/compare-Br3z3FUS-CQWcjqXQ.js",
+				"/assets/clear-cache-C5k9U711.js"
 			],
-			"css": ["/assets/root-qwQAVU-u.css"],
-			"clientActionModule": void 0,
-			"clientLoaderModule": void 0,
-			"clientMiddlewareModule": void 0,
-			"hydrateFallbackModule": void 0
-		},
-		"routes/FullscreenButton": {
-			"id": "routes/FullscreenButton",
-			"parentId": "root",
-			"path": "FullscreenButton",
-			"index": void 0,
-			"caseSensitive": void 0,
-			"hasAction": false,
-			"hasLoader": false,
-			"hasClientAction": false,
-			"hasClientLoader": false,
-			"hasClientMiddleware": false,
-			"hasDefaultExport": false,
-			"hasErrorBoundary": false,
-			"module": "/assets/FullscreenButton-CFqdBqf-.js",
-			"imports": ["/assets/styling-B8OEge8x.js", "/assets/jsx-runtime-BVRj4wYA.js"],
-			"css": [],
+			"css": ["/assets/root-CaiUVml-.css"],
 			"clientActionModule": void 0,
 			"clientLoaderModule": void 0,
 			"clientMiddlewareModule": void 0,
@@ -15150,7 +15161,7 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": false,
 			"hasErrorBoundary": false,
-			"module": "/assets/_._well-known._-DIwl00oI.js",
+			"module": "/assets/_._well-known._-8QUD84tm.js",
 			"imports": [],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15171,15 +15182,12 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/clear-cache-82hexQD7.js",
+			"module": "/assets/clear-cache-Xrw5kNtu.js",
 			"imports": [
-				"/assets/styling-B8OEge8x.js",
-				"/assets/util-1G1Ez1rt.js",
-				"/assets/react-dom-_FKEaPb7.js",
-				"/assets/jsx-runtime-BVRj4wYA.js",
-				"/assets/GitTruckInfo-C1VOiqSW.js",
-				"/assets/clear-cache-CrL0weu5.js",
-				"/assets/chunk-LFPYN7LY-CPTP6242.js"
+				"/assets/jsx-runtime-s_YwNCZb.js",
+				"/assets/GitTruckInfo-CiYjIacT.js",
+				"/assets/react-dom-BkDQo3BN.js",
+				"/assets/clear-cache-C5k9U711.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15200,7 +15208,7 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": false,
 			"hasErrorBoundary": false,
-			"module": "/assets/commitcount-eFguKtSp.js",
+			"module": "/assets/commitcount-B_3CeIvr.js",
 			"imports": [],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15221,7 +15229,7 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": false,
 			"hasErrorBoundary": false,
-			"module": "/assets/commits-DPfZp-l3.js",
+			"module": "/assets/commits-DDIAHyHU.js",
 			"imports": [],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15242,7 +15250,7 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": false,
 			"hasErrorBoundary": false,
-			"module": "/assets/_index-J0jvF8An.js",
+			"module": "/assets/_index-VLoUE117.js",
 			"imports": [],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15263,18 +15271,14 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/browse-CPjwuHQe.js",
+			"module": "/assets/browse-Ce7uXDK8.js",
 			"imports": [
-				"/assets/browse-7BJg-qfM.js",
-				"/assets/styling-B8OEge8x.js",
-				"/assets/util-1G1Ez1rt.js",
-				"/assets/react-dom-_FKEaPb7.js",
-				"/assets/jsx-runtime-BVRj4wYA.js",
-				"/assets/GitTruckInfo-C1VOiqSW.js",
-				"/assets/UnionAuthorsModal-D-H775E5.js",
-				"/assets/chunk-LFPYN7LY-CPTP6242.js",
-				"/assets/compare-Br3z3FUS-OODPzXmX.js",
-				"/assets/chunk-JPUPSTYD-XO4UPun8.js"
+				"/assets/jsx-runtime-s_YwNCZb.js",
+				"/assets/browse-wwHpvs7Z.js",
+				"/assets/GitTruckInfo-CiYjIacT.js",
+				"/assets/react-dom-BkDQo3BN.js",
+				"/assets/compare-Br3z3FUS-CQWcjqXQ.js",
+				"/assets/chunk-JPUPSTYD-YBbsfvLw.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15295,7 +15299,7 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": false,
 			"hasErrorBoundary": false,
-			"module": "/assets/_path-bRAhzWvL.js",
+			"module": "/assets/_path-DzSNgPJP.js",
 			"imports": [],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15316,47 +15320,14 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/view-ZFr-KZ5c.js",
-			"imports": [
-				"/assets/browse-7BJg-qfM.js",
-				"/assets/styling-B8OEge8x.js",
-				"/assets/util-1G1Ez1rt.js",
-				"/assets/react-dom-_FKEaPb7.js",
-				"/assets/jsx-runtime-BVRj4wYA.js",
-				"/assets/GitTruckInfo-C1VOiqSW.js",
-				"/assets/UnionAuthorsModal-D-H775E5.js",
-				"/assets/chunk-LFPYN7LY-CPTP6242.js",
-				"/assets/compare-Br3z3FUS-OODPzXmX.js",
-				"/assets/chunk-JPUPSTYD-XO4UPun8.js"
-			],
-			"css": [],
-			"clientActionModule": void 0,
-			"clientLoaderModule": void 0,
-			"clientMiddlewareModule": void 0,
-			"hydrateFallbackModule": void 0
-		},
-		"routes/view.merge-authors": {
-			"id": "routes/view.merge-authors",
-			"parentId": "routes/view",
-			"path": "merge-authors",
-			"index": void 0,
-			"caseSensitive": void 0,
-			"hasAction": false,
-			"hasLoader": false,
-			"hasClientAction": false,
-			"hasClientLoader": false,
-			"hasClientMiddleware": false,
-			"hasDefaultExport": true,
-			"hasErrorBoundary": false,
-			"module": "/assets/view.merge-authors-VwPHWL-d.js",
+			"module": "/assets/view-DhREUKDU.js",
 			"imports": [
-				"/assets/chunk-LFPYN7LY-CPTP6242.js",
-				"/assets/styling-B8OEge8x.js",
-				"/assets/util-1G1Ez1rt.js",
-				"/assets/react-dom-_FKEaPb7.js",
-				"/assets/jsx-runtime-BVRj4wYA.js",
-				"/assets/UnionAuthorsModal-D-H775E5.js",
-				"/assets/chunk-JPUPSTYD-XO4UPun8.js"
+				"/assets/jsx-runtime-s_YwNCZb.js",
+				"/assets/browse-wwHpvs7Z.js",
+				"/assets/GitTruckInfo-CiYjIacT.js",
+				"/assets/react-dom-BkDQo3BN.js",
+				"/assets/compare-Br3z3FUS-CQWcjqXQ.js",
+				"/assets/chunk-JPUPSTYD-YBbsfvLw.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15377,7 +15348,7 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": false,
 			"hasErrorBoundary": false,
-			"module": "/assets/view.progress-B7Os3EHt.js",
+			"module": "/assets/view.progress-CEmcNaLe.js",
 			"imports": [],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15398,19 +15369,15 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/view.commits-D4Q38_m5.js",
+			"module": "/assets/view.commits-D8Z4b-x3.js",
 			"imports": [
-				"/assets/chunk-LFPYN7LY-CPTP6242.js",
-				"/assets/browse-7BJg-qfM.js",
-				"/assets/styling-B8OEge8x.js",
-				"/assets/util-1G1Ez1rt.js",
-				"/assets/react-dom-_FKEaPb7.js",
-				"/assets/jsx-runtime-BVRj4wYA.js",
-				"/assets/GitTruckInfo-C1VOiqSW.js",
-				"/assets/RepoTabs-4-CQeS6M.js",
-				"/assets/UnionAuthorsModal-D-H775E5.js",
-				"/assets/compare-Br3z3FUS-OODPzXmX.js",
-				"/assets/chunk-JPUPSTYD-XO4UPun8.js"
+				"/assets/jsx-runtime-s_YwNCZb.js",
+				"/assets/browse-wwHpvs7Z.js",
+				"/assets/GitTruckInfo-CiYjIacT.js",
+				"/assets/react-dom-BkDQo3BN.js",
+				"/assets/RepoTabs-CWt-EVgp.js",
+				"/assets/compare-Br3z3FUS-CQWcjqXQ.js",
+				"/assets/chunk-JPUPSTYD-YBbsfvLw.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15431,19 +15398,15 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/view.details-CVK0Sh-y.js",
+			"module": "/assets/view.details-Bsu_yyiE.js",
 			"imports": [
-				"/assets/chunk-LFPYN7LY-CPTP6242.js",
-				"/assets/browse-7BJg-qfM.js",
-				"/assets/styling-B8OEge8x.js",
-				"/assets/util-1G1Ez1rt.js",
-				"/assets/react-dom-_FKEaPb7.js",
-				"/assets/jsx-runtime-BVRj4wYA.js",
-				"/assets/GitTruckInfo-C1VOiqSW.js",
-				"/assets/RepoTabs-4-CQeS6M.js",
-				"/assets/UnionAuthorsModal-D-H775E5.js",
-				"/assets/compare-Br3z3FUS-OODPzXmX.js",
-				"/assets/chunk-JPUPSTYD-XO4UPun8.js"
+				"/assets/jsx-runtime-s_YwNCZb.js",
+				"/assets/browse-wwHpvs7Z.js",
+				"/assets/GitTruckInfo-CiYjIacT.js",
+				"/assets/react-dom-BkDQo3BN.js",
+				"/assets/RepoTabs-CWt-EVgp.js",
+				"/assets/compare-Br3z3FUS-CQWcjqXQ.js",
+				"/assets/chunk-JPUPSTYD-YBbsfvLw.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15464,8 +15427,8 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/view._index-CjsEuBV6.js",
-			"imports": ["/assets/chunk-LFPYN7LY-CPTP6242.js", "/assets/jsx-runtime-BVRj4wYA.js"],
+			"module": "/assets/view._index-jmCCN9mA.js",
+			"imports": ["/assets/jsx-runtime-s_YwNCZb.js"],
 			"css": [],
 			"clientActionModule": void 0,
 			"clientLoaderModule": void 0,
@@ -15485,18 +15448,14 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/ui-CGg0wrDR.js",
+			"module": "/assets/ui-EnssW_g_.js",
 			"imports": [
-				"/assets/chunk-LFPYN7LY-CPTP6242.js",
-				"/assets/browse-7BJg-qfM.js",
-				"/assets/styling-B8OEge8x.js",
-				"/assets/util-1G1Ez1rt.js",
-				"/assets/react-dom-_FKEaPb7.js",
-				"/assets/jsx-runtime-BVRj4wYA.js",
-				"/assets/GitTruckInfo-C1VOiqSW.js",
-				"/assets/UnionAuthorsModal-D-H775E5.js",
-				"/assets/compare-Br3z3FUS-OODPzXmX.js",
-				"/assets/chunk-JPUPSTYD-XO4UPun8.js"
+				"/assets/jsx-runtime-s_YwNCZb.js",
+				"/assets/browse-wwHpvs7Z.js",
+				"/assets/GitTruckInfo-CiYjIacT.js",
+				"/assets/react-dom-BkDQo3BN.js",
+				"/assets/compare-Br3z3FUS-CQWcjqXQ.js",
+				"/assets/chunk-JPUPSTYD-YBbsfvLw.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15517,7 +15476,7 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": false,
 			"hasErrorBoundary": false,
-			"module": "/assets/_-RagYKtT_.js",
+			"module": "/assets/_-CT17qCl3.js",
 			"imports": [],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15526,8 +15485,8 @@ var server_manifest_default = {
 			"hydrateFallbackModule": void 0
 		}
 	},
-	"url": "/assets/manifest-c5f30ffe.js",
-	"version": "c5f30ffe",
+	"url": "/assets/manifest-3c232792.js",
+	"version": "3c232792",
 	"sri": void 0
 };
 const assetsBuildDirectory = "build/client";
@@ -15559,14 +15518,6 @@ const routes = {
 		caseSensitive: void 0,
 		module: root_exports
 	},
-	"routes/FullscreenButton": {
-		id: "routes/FullscreenButton",
-		parentId: "root",
-		path: "FullscreenButton",
-		index: void 0,
-		caseSensitive: void 0,
-		module: FullscreenButton_exports
-	},
 	"routes/[.]well-known.$": {
 		id: "routes/[.]well-known.$",
 		parentId: "root",
@@ -15631,14 +15582,6 @@ const routes = {
 		caseSensitive: void 0,
 		module: view_exports
 	},
-	"routes/view.merge-authors": {
-		id: "routes/view.merge-authors",
-		parentId: "routes/view",
-		path: "merge-authors",
-		index: void 0,
-		caseSensitive: void 0,
-		module: view_merge_authors_exports
-	},
 	"routes/view.progress": {
 		id: "routes/view.progress",
 		parentId: "routes/view",