git-truck 3.1.0 → 3.2.0

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

@@ -4,9 +4,9 @@ import { Await, Form, Link, Links, Meta, Outlet, Scripts, ScrollRestoration, Ser
 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 * as React 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, 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 { mdiAccount, mdiAccountGroup, mdiAccountMultiple, 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, 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";
@@ -30,11 +30,11 @@ import { existsSync as existsSync$1, promises as promises$1, readFileSync } from
 import os$1, { cpus, freemem, totalmem } from "node:os";
 import { inflateSync } from "node:zlib";
 import { readFile, readdir } from "node:fs/promises";
+import { createSerializer, parseAsBoolean, parseAsInteger, parseAsNumberLiteral, parseAsString, parseAsStringLiteral, useQueryState, useQueryStates } from "nuqs";
 import { NuqsAdapter } from "nuqs/adapters/react-router/v7";
 import randomstring from "randomstring";
 import { createPortal } from "react-dom";
-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 { createLoader, createSerializer as createSerializer$1, parseAsInteger as parseAsInteger$1, parseAsString as parseAsString$1, parseAsStringLiteral as parseAsStringLiteral$1 } from "nuqs/server";
 import { hierarchy, pack, partition, treemap, treemapResquarify } from "d3-hierarchy";
 import ignore from "ignore";
 import { Field, Label, Radio, RadioGroup } from "@headlessui/react";
@@ -180,7 +180,7 @@ function handleBrowserRequest(request, responseStatusCode, responseHeaders, reac
 	});
 }
 const name = "git-truck";
-const version = "3.1.0";
+const version = "3.2.0";
 const description = "Visualizing a Git repository";
 const main = "./cli.mjs";
 const bin = "./cli.mjs";
@@ -239,6 +239,7 @@ const dependencies = {
 	"clsx": "^2.1.1",
 	"color-convert": "^3.1.3",
 	"d3": "^7.9.0",
+	"express": "^5.2.1",
 	"ignore": "^7.0.5",
 	"nanospinner": "^1.2.2",
 	"nuqs": "^2.8.8",
@@ -279,7 +280,6 @@ const devDependencies = {
 	"eslint-plugin-jsx-a11y": "^6.10.2",
 	"eslint-plugin-react": "^7.37.5",
 	"eslint-plugin-react-hooks": "^7.0.1",
-	"express": "^5.2.1",
 	"get-port": "^7.1.0",
 	"globals": "^17.3.0",
 	"husky": "^9.1.7",
@@ -302,7 +302,7 @@ const devDependencies = {
 	"typescript": "^5.9.3",
 	"typescript-eslint": "^8.55.0",
 	"vite": "npm:rolldown-vite@7.3.1",
-	"vite-tsconfig-paths": "^5.1.4",
+	"vite-tsconfig-paths": "^6.1.1",
 	"vitest": "^4.0.18"
 };
 const tsdown = {
@@ -444,6 +444,32 @@ function useDataNullable() {
 		repo: context.repo
 	};
 }
+function useComponentSize$1() {
+	const [size, setSize] = React.useState({
+		height: 0,
+		width: 0
+	});
+	const ref = React.useRef(void 0);
+	const onResize = React.useCallback(() => {
+		if (!ref.current) return;
+		const newHeight = ref.current.offsetHeight;
+		const newWidth = ref.current.offsetWidth;
+		if (newHeight !== size.height || newWidth !== size.width) setSize({
+			height: newHeight,
+			width: newWidth
+		});
+	}, [size.height, size.width]);
+	React.useLayoutEffect(() => {
+		if (!ref || !ref.current) return;
+		const resizeObserver = new ResizeObserver(onResize);
+		resizeObserver.observe(ref.current);
+		return () => resizeObserver.disconnect();
+	}, [ref, onResize]);
+	return {
+		ref,
+		...size
+	};
+}
 function dateFormatLong(epochTime) {
 	if (!epochTime) return "Invalid date";
 	return (/* @__PURE__ */ new Date(epochTime * 1e3)).toLocaleString("en-gb", {
@@ -502,13 +528,6 @@ function getSeparator(path$1) {
 	if (path$1.includes("\\")) return "\\";
 	return "/";
 }
-const getPathFromRepoAndHead = (params, segments = ["view"]) => {
-	const searchParams = new URLSearchParams();
-	Object.entries(params).forEach(([key, value]) => {
-		if (value) searchParams.set(key, value);
-	});
-	return `/${segments.map(encodeURIComponent).join("/")}?${searchParams.toString()}`;
-};
 const branchCompare = (a, b) => {
 	const defaultBranchNames = ["main", "master"];
 	if (defaultBranchNames.includes(a)) return -1;
@@ -728,11 +747,6 @@ function expandIntervalToRange(timestamp, commitCountPerTimeIntervalUnit) {
 	}
 }
 const getSep = (path$1) => path$1.includes("\\") ? "\\" : "/";
-const comparePaths = (a, b) => {
-	const sepA = getSep(a);
-	const sepB = getSep(b);
-	return a.split(sepA).join("/") === b.split(sepB).join("/");
-};
 function iconToURL(icon) {
 	return `url("data:image/svg+xml;utf8,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='" + icon + "'/></svg>")}")`;
 }
@@ -744,31 +758,32 @@ function normalizePath(p) {
 	if (p.split("/").length > 2) return trimmed;
 	return p;
 }
-function useComponentSize$1() {
-	const [size, setSize] = React$1.useState({
-		height: 0,
-		width: 0
-	});
-	const ref = React$1.useRef(void 0);
-	const onResize = React$1.useCallback(() => {
-		if (!ref.current) return;
-		const newHeight = ref.current.offsetHeight;
-		const newWidth = ref.current.offsetWidth;
-		if (newHeight !== size.height || newWidth !== size.width) setSize({
-			height: newHeight,
-			width: newWidth
-		});
-	}, [size.height, size.width]);
-	React$1.useLayoutEffect(() => {
-		if (!ref || !ref.current) return;
-		const resizeObserver = new ResizeObserver(onResize);
-		resizeObserver.observe(ref.current);
-		return () => resizeObserver.disconnect();
-	}, [ref, onResize]);
-	return {
-		ref,
-		...size
-	};
+function findSubTree(tree, path$1) {
+	if (!path$1) return tree;
+	if (!(path$1 === tree.name || path$1.startsWith(`${tree.name}/`))) return tree;
+	let relativePath = path$1.length === tree.name.length ? "" : path$1.substring(tree.name.length + 1);
+	if (!relativePath) return tree;
+	relativePath = normalizePath(relativePath);
+	let currentTree = tree;
+	const separator = getSep(relativePath);
+	const steps = relativePath.split(separator);
+	for (let i = 0; i < steps.length; i++) {
+		let foundStep = false;
+		for (const child of currentTree.children) if (child.type === "tree") {
+			const childSteps = child.name.split(separator);
+			if (childSteps[0] === steps[i]) {
+				currentTree = child;
+				i += childSteps.length - 1;
+				foundStep = true;
+				break;
+			}
+		}
+		if (!foundStep) {
+			console.warn(`Could not find step ${steps[i]} in subtree ${currentTree.name}`);
+			return tree;
+		}
+	}
+	return currentTree;
 }
 function useComponentSize() {
 	const { ref, width, height } = useComponentSize$1();
@@ -838,8 +853,8 @@ function useFullscreen(getElement) {
 	const toggleFullscreen = () => {
 		if (!document.fullscreenElement) {
 			const element = getElement();
-			if (element instanceof Element) promiseHelper(document.documentElement.requestFullscreen());
-			else promiseHelper(element.current.requestFullscreen());
+			if (element instanceof Element) promiseHelper(element.requestFullscreen());
+			else if (element.current) promiseHelper(element.current.requestFullscreen());
 		} else if (document.exitFullscreen) document.exitFullscreen();
 	};
 	return {
@@ -847,6 +862,20 @@ function useFullscreen(getElement) {
 		toggleFullscreen
 	};
 }
+function useViewAction() {
+	const location = useLocation();
+	return href("/view") + location.search;
+}
+function useViewSubmit() {
+	const submit = useSubmit();
+	const location = useLocation();
+	return (target, options) => {
+		submit(target, {
+			...options,
+			action: href("/view") + location.search
+		});
+	};
+}
 const cn = (...args) => twMerge(clsx(args));
 function usePrefersLightMode() {
 	return useMediaQuery("(prefers-color-scheme: light)");
@@ -8737,7 +8766,7 @@ var defaultOptions = {
 	commitSearch: "",
 	transitionsEnabled: true,
 	labelsVisible: true,
-	renderCutoff: 2,
+	renderCutOff: 2,
 	showFilesWithoutChanges: true,
 	dominantAuthorCutoff: 0,
 	linkMetricAndSizeMetric: false,
@@ -8757,8 +8786,7 @@ const LegendDot = ({ className = "", dotColor, authorColorToChange = void 0 }) =
 	const [color, setColor] = useState(dotColor);
 	const { databaseInfo } = useData();
 	const { chartType } = useOptions();
-	const submit = useSubmit();
-	const [searchParams] = useSearchParams();
+	const submit = useViewSubmit();
 	if (!authorColorToChange) return /* @__PURE__ */ jsx(Dot, {
 		className,
 		chartType,
@@ -8768,13 +8796,7 @@ const LegendDot = ({ className = "", dotColor, authorColorToChange = void 0 }) =
 		const form = new FormData();
 		form.append("authorname", author);
 		form.append("authorcolor", color$1);
-		submit(form, {
-			action: getPathFromRepoAndHead({
-				path: searchParams.get("path"),
-				branch: databaseInfo.branch
-			}),
-			method: "post"
-		});
+		submit(form, { method: "post" });
 	}
 	return /* @__PURE__ */ jsxs(Popover$1, {
 		triggerClassName: "flex gap-1 items-center",
@@ -8926,9 +8948,13 @@ var DB = class DB {
       );
       CREATE TABLE IF NOT EXISTS files (
         path VARCHAR,
-        hash VARCHAR,
-        type VARCHAR
       );
+
+      -- Migrations
+      CREATE SEQUENCE IF NOT EXISTS hiddenfiles_id_sequence START 1;
+      ALTER TABLE hiddenfiles ADD COLUMN IF NOT EXISTS id INTEGER DEFAULT nextval('hiddenfiles_id_sequence');
+      ALTER TABLE files ADD COLUMN IF NOT EXISTS hash VARCHAR;
+      ALTER TABLE files ADD COLUMN IF NOT EXISTS type VARCHAR;
     `);
 	}
 	async getDbConnection() {
@@ -9084,19 +9110,33 @@ var DB = class DB {
 	}
 	async getHiddenFiles() {
 		return (await this.query(`
-      SELECT path FROM hiddenfiles ORDER BY path ASC;
+      SELECT path, id FROM hiddenfiles ORDER BY id DESC;
     `)).map((row) => row["path"]);
 	}
-	async replaceHiddenFiles(hiddenFiles) {
+	async addHiddenFile(path$1) {
+		const statement = await this.prepare(`
+      INSERT INTO hiddenfiles (id, path)
+      SELECT nextval('hiddenfiles_id_sequence'), ?
+      WHERE NOT EXISTS (
+        SELECT 1 FROM hiddenfiles WHERE path = ?
+      );
+    `);
+		statement.bindVarchar(1, path$1);
+		statement.bindVarchar(2, path$1);
+		await statement.run();
+	}
+	async removeHiddenFile(path$1) {
+		const statement = await this.prepare(`
+      DELETE FROM hiddenfiles
+      WHERE path = ?;
+    `);
+		statement.bindVarchar(1, path$1);
+		await statement.run();
+	}
+	async clearHiddenFiles() {
 		await this.run(`
       DELETE FROM hiddenfiles;
     `);
-		await this.usingTableAppender("hiddenfiles", async (appender) => {
-			for (const path$1 of hiddenFiles) {
-				appender.appendVarchar(path$1);
-				appender.endRow();
-			}
-		});
 	}
 	async getCommits(path$1, count) {
 		return (await this.query(`
@@ -9250,10 +9290,7 @@ var DB = class DB {
 	async getObjectType(objectPath) {
 		const statement = await (await this.connectionPromise).prepare(`SELECT type FROM files WHERE path = ?`);
 		statement.bindVarchar(1, objectPath);
-		const results = (await statement.runAndReadAll()).getRowObjectsJS();
-		if (results.length === 0) return null;
-		const { type: type$1 } = results[0];
-		return type$1;
+		return (await statement.runAndReadAll()).getRowObjectsJS()[0]?.type ?? null;
 	}
 	async commitTableEmpty() {
 		return (await this.query(`
@@ -10376,29 +10413,29 @@ function GitTruckInfo({ className = "", installedVersion, latestVersion: latestV
 }
 var clear_cache_exports = /* @__PURE__ */ __export({
 	ClearCacheForm: () => ClearCacheForm,
-	action: () => action$2,
+	action: () => action$1,
 	default: () => clear_cache_default,
 	loader: () => loader$11
 }, 1);
 const loader$11 = async ({ context }) => {
 	return { versionInfo: context.get(versionContext) };
 };
-const action$2 = async ({ request }) => {
+const action$1 = async ({ request }) => {
 	const redirectPath = new URL(request.url).searchParams.get("redirect");
+	if (!redirectPath) throw new Error("Missing redirect path");
 	await InstanceManager.closeAllDBConnections();
 	await DB.clearCache();
-	throw redirect(redirectPath ?? "/");
+	throw redirect(redirectPath);
 };
 function ClearCacheForm({ redirectPath, className = "" } = {}) {
-	const location$1 = useLocation();
-	const fetcher = useFetcher({ key: "clear-cache-form" });
-	const formAction = `/clear-cache?${new URLSearchParams({ redirect: redirectPath ?? location$1.pathname + location$1.search }).toString()}`;
+	const location = useLocation();
+	const formAction = href("/clear-cache") + "?" + new URLSearchParams({ redirect: redirectPath ?? location.pathname + location.search }).toString();
+	const fetcher = useFetcher();
 	const isTransitioning = fetcher.state !== "idle";
 	return /* @__PURE__ */ jsx(fetcher.Form, {
 		action: formAction,
 		method: "post",
 		children: /* @__PURE__ */ jsxs("button", {
-			type: "submit",
 			disabled: isTransitioning,
 			className: cn("btn btn--danger", className),
 			title: "Click here if you are experiencing issues",
@@ -10407,10 +10444,11 @@ function ClearCacheForm({ redirectPath, className = "" } = {}) {
 				className: "hover-swap inline-block h-full"
 			}), isTransitioning ? "Clearing..." : "Clear all data"]
 		})
-	}, fetcher.state);
+	});
 }
 var clear_cache_default = UNSAFE_withComponentProps(function ClearCache() {
 	const { versionInfo } = useLoaderData();
+	const [redirect$1] = useQueryState("redirect", parseAsString.withDefault("/"));
 	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
 		className: "app-container flex flex-col gap-2 p-2",
 		children: [/* @__PURE__ */ jsx("div", {
@@ -10435,7 +10473,7 @@ var clear_cache_default = UNSAFE_withComponentProps(function ClearCache() {
 					}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
 						className: "font-bold",
 						children: "Warning: "
-					}), /* @__PURE__ */ jsx("span", { children: "Merged authors and hidden files will be reset." })] })]
+					}), /* @__PURE__ */ jsx("span", { children: "Grouped authors and Hidden files will be reset." })] })]
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex justify-end gap-2",
@@ -10443,7 +10481,7 @@ var clear_cache_default = UNSAFE_withComponentProps(function ClearCache() {
 						to: "/",
 						className: "btn btn--text",
 						children: "Go back"
-					}), /* @__PURE__ */ jsx(ClearCacheForm, { redirectPath: "/" })]
+					}), /* @__PURE__ */ jsx(ClearCacheForm, { redirectPath: redirect$1 })]
 				})
 			]
 		})]
@@ -10570,7 +10608,7 @@ var refreshPolicy = {
 		"commitCountPerDay",
 		"loadRepoData"
 	],
-	unignore: [
+	show: [
 		"cache",
 		"commitCount",
 		"dominantAuthor",
@@ -10584,7 +10622,7 @@ var refreshPolicy = {
 		"authors",
 		"hiddenfiles"
 	],
-	ignore: [
+	hide: [
 		"cache",
 		"commitCount",
 		"maxMinCommitCount",
@@ -10722,7 +10760,7 @@ var COUNT_OPTIONS = [
 	100
 ];
 const browseSearchParamsConfig = {
-	path: parseAsString.withOptions({ shallow: false }),
+	path: parseAsString$1.withOptions({ shallow: false }),
 	count: parseAsNumberLiteral(COUNT_OPTIONS).withOptions({ shallow: false }).withDefault(DEFAULT_COUNT),
 	offset: parseAsInteger$1.withOptions({ shallow: false }).withDefault(DEFAULT_OFFSET),
 	sort: parseAsStringLiteral$1([
@@ -10731,7 +10769,7 @@ const browseSearchParamsConfig = {
 		"asc",
 		"desc"
 	]).withOptions({ shallow: false }).withDefault("most-recent"),
-	search: parseAsString.withOptions({
+	search: parseAsString$1.withOptions({
 		shallow: false,
 		limitUrlUpdates: {
 			method: "throttle",
@@ -10864,7 +10902,7 @@ const loader$9 = async ({ context, request }) => {
 };
 var browse_default = UNSAFE_withComponentProps(function Index() {
 	const { error: error$1, versionInfo, directories, parentDirectoryPath, analyzedReposPromise, totalCount } = useLoaderData();
-	const location$1 = useLocation();
+	const location = useLocation();
 	const navigation = useNavigation();
 	const [{ path: path$1, "include-dirs": includeDirs, sort: sortMethod, search: searchQuery, count }, setSearchParams] = useQueryStates(browseSearchParamsConfig);
 	const placeholderCount = Math.max(0, count - directories.length);
@@ -10990,7 +11028,7 @@ var browse_default = UNSAFE_withComponentProps(function Index() {
 							/* @__PURE__ */ jsx("div", {}),
 							/* @__PURE__ */ jsx("div", {}),
 							/* @__PURE__ */ jsx(Link, {
-								to: `/clear-cache?redirect=${encodeURIComponent(location$1.pathname + location$1.search)}`,
+								to: `/clear-cache?redirect=${encodeURIComponent(location.pathname + location.search)}`,
 								className: "btn btn--danger max-w-min justify-self-end",
 								children: "Clear cache"
 							})
@@ -11261,9 +11299,9 @@ function SearchField({ searchQuery, includeDirs, onSearch, ref }) {
 }
 function Breadcrumb({ className = "", zoom = false }) {
 	const [browseParams] = useQueryStates(browseSearchParamsConfig);
-	const [{ path: path$1, zoomPath }, setSearchParams] = useQueryStates(viewSearchParamsConfig);
+	const [viewParams, setViewParams] = useQueryStates(viewSearchParamsConfig);
+	const { path: path$1, zoomPath } = viewParams;
 	const data = useDataNullable();
-	const navigate = useNavigate();
 	const breadcrumbSegments = useMemo(() => {
 		if (!path$1) return [];
 		const pathSegments = path$1.split(getSep(path$1)).map((segment, i, segments$1) => {
@@ -11272,28 +11310,29 @@ function Breadcrumb({ className = "", zoom = false }) {
 				type: "browse",
 				segment: segment.length === 0 && i === 0 ? "/" : segment,
 				fullPath: i === 0 ? fullPath + getSep(path$1) : fullPath,
-				isRepo: i === segments$1.length - 1
+				showAnalysisInfo: false
 			};
 		}).filter((segment) => segment.segment.length > 0);
-		const zoomSegments = [
+		const zoomSegments = !data ? [] : [
 			{
 				type: "browse",
-				segment: data?.repo.parentDirName ?? "",
-				fullPath: data?.repo.parentDirPath ?? "",
-				isRepo: false
+				segment: data.repo.parentDirName ?? "",
+				fullPath: data.repo.parentDirPath ?? "",
+				showAnalysisInfo: false
 			},
 			{
-				type: "browse",
-				segment: data?.repo.repositoryName ?? "",
-				fullPath: data?.repo.repositoryPath ?? "",
-				isRepo: true
+				type: "zoom",
+				segment: data.repo.repositoryName ?? "",
+				fullPath: data.repo.repositoryName ?? "",
+				showAnalysisInfo: true
 			},
-			...(zoomPath?.split(getSep(zoomPath)) ?? []).slice(1).map((segment, index, segments$1) => {
+			...(zoomPath?.split(getSep(zoomPath)) ?? []).flatMap((segment, index, segments$1) => {
+				if (segment === data?.repo.repositoryName) return [];
 				return {
 					type: "zoom",
 					segment,
 					fullPath: segments$1.slice(0, index + 1).join("/"),
-					isRepo: index === 0
+					showAnalysisInfo: false
 				};
 			})
 		];
@@ -11305,52 +11344,49 @@ function Breadcrumb({ className = "", zoom = false }) {
 				type: "filler",
 				segment: "...",
 				fullPath: "",
-				isRepo: false
+				showAnalysisInfo: false
 			},
 			segments[segments.length - 2],
 			segments[segments.length - 1]
 		];
 		return segments;
 	}, [
-		data?.repo.parentDirName,
-		data?.repo.parentDirPath,
-		data?.repo.repositoryName,
-		data?.repo.repositoryPath,
+		data,
 		path$1,
 		zoom,
 		zoomPath
 	]);
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("text-secondary-text dark:text-secondary-text-dark flex items-center gap-1 overflow-x-auto", className),
-		children: breadcrumbSegments.map(({ type: type$1, segment, fullPath }, i) => {
-			const isRepo = data && comparePaths(fullPath, data.repo.repositoryPath);
+		children: breadcrumbSegments.map(({ type: type$1, segment, fullPath, showAnalysisInfo: isRepo }, i) => {
 			const title = isRepo ? "Reset zoom to repository root" : type$1 === "browse" ? `Browse ${segment} directory` : `Zoom to ${segment} directory`;
 			const isFirst = i === 0;
 			const isLast = breadcrumbSegments.length - 1 === i;
-			const onClick = () => {
-				if (type$1 === "browse") {
-					navigate(href("/browse") + browseSerializer({
-						...browseParams,
-						path: fullPath,
-						search: null
-					}));
-					return;
-				}
-				if (!data) throw Error("Attempting to access data when none is loaded");
-				setSearchParams((prev) => ({
-					...prev,
-					zoomPath: fullPath
-				}));
-			};
 			const content = /* @__PURE__ */ jsxs(Fragment, { children: [isRepo ? /* @__PURE__ */ jsx(Icon, { path: mdiSourceRepository }) : null, segment] });
 			const button = isLast || type$1 === "filler" ? /* @__PURE__ */ jsx("span", {
 				className: "flex items-center gap-1 truncate font-bold",
 				title: fullPath,
 				children: content
+			}) : type$1 === "browse" ? /* @__PURE__ */ jsx(Link, {
+				to: href("/browse") + browseSerializer({
+					...browseParams,
+					offset: 0,
+					search: null,
+					path: fullPath
+				}),
+				title,
+				className: "btn btn--primary truncate",
+				children: content
 			}) : /* @__PURE__ */ jsx("button", {
 				title,
 				className: "btn btn--primary truncate",
-				onClick,
+				onClick: () => {
+					if (!data) throw Error("Attempting to access data when none is loaded");
+					setViewParams((prev) => ({
+						...prev,
+						zoomPath: fullPath
+					}));
+				},
 				children: content
 			});
 			return /* @__PURE__ */ jsxs(Fragment$1, { children: [!isFirst ? /* @__PURE__ */ jsx(Icon, { path: mdiChevronRight }) : null, isRepo ? /* @__PURE__ */ jsx(AnalysisInfo, { trigger: button }) : button] }, fullPath);
@@ -11358,9 +11394,9 @@ function Breadcrumb({ className = "", zoom = false }) {
 	});
 }
 function useClickedObject() {
-	const location$1 = useLocation();
+	const location = useLocation();
 	const [params] = useQueryStates(viewSearchParamsConfig);
-	const clickedObject = params.objectPath ? location$1.state?.clickedObject ?? null : null;
+	const clickedObject = params.objectPath ? location.state?.clickedObject ?? null : null;
 	const navigate = useNavigate();
 	const tabURL = useMatch(href("/view/commits")) ? "/view/commits" : "/view/details";
 	return {
@@ -11395,7 +11431,7 @@ const Chart = memo(function Chart$2({ hoveredObject, setHoveredObject }) {
 	const { searchResults, hasSearchResults } = useSearch();
 	const size = useDeferredValue(rawSize);
 	const { databaseInfo } = useData();
-	const { chartType, sizeMetric, hierarchyType, labelsVisible, renderCutoff } = useOptions();
+	const { chartType, sizeMetric, hierarchyType, labelsVisible, renderCutOff } = useOptions();
 	const [params, setParams] = useQueryStates(viewSearchParamsConfig);
 	const { zoomPath } = params;
 	const setZoomPath = (zoomPathUpdate) => setParams((prev) => {
@@ -11449,8 +11485,7 @@ const Chart = memo(function Chart$2({ hoveredObject, setHoveredObject }) {
 			size,
 			chartType,
 			sizeMetricType: sizeMetric,
-			renderCutoff,
-			zoomPath: zoomPath ?? void 0
+			renderCutOff
 		}).descendants();
 		if (process.env.NODE_ENV === "development") console.timeEnd("Create and pack hiearchy");
 		return res;
@@ -11458,8 +11493,7 @@ const Chart = memo(function Chart$2({ hoveredObject, setHoveredObject }) {
 		size,
 		chartType,
 		sizeMetric,
-		zoomPath,
-		renderCutoff,
+		renderCutOff,
 		databaseInfo,
 		filetree
 	]);
@@ -11745,20 +11779,8 @@ function NodeText({ d, isSearchMatch, children = null }) {
 function isCircularNode(d) {
 	return typeof d.r === "number";
 }
-function createPartitionedHiearchy({ databaseInfo, tree, size, chartType, sizeMetricType, renderCutoff, zoomPath: objectPath }) {
-	let currentTree = tree;
-	if (objectPath) {
-		const steps = objectPath.substring(tree.name.length + 1).split("/");
-		for (let i = 0; i < steps.length; i++) for (const child of currentTree.children) if (child.type === "tree") {
-			const childSteps = child.name.split("/");
-			if (childSteps[0] === steps[i]) {
-				currentTree = child;
-				i += childSteps.length - 1;
-				break;
-			}
-		}
-	}
-	const hiearchy = hierarchy(currentTree).sum((d) => {
+function createPartitionedHiearchy({ databaseInfo, tree, size, chartType, sizeMetricType, renderCutOff }) {
+	const hiearchy = hierarchy(tree).sum((d) => {
 		const blob = d;
 		switch (sizeMetricType) {
 			case "FILE_SIZE": return blob.sizeInBytes ?? 1;
@@ -11768,7 +11790,7 @@ function createPartitionedHiearchy({ databaseInfo, tree, size, chartType, sizeMe
 			case "MOST_CONTRIBUTIONS": return databaseInfo.contribSumPerFile[blob.path] ?? 1;
 		}
 	}).sort((a, b) => (b.value ?? 1) - (a.value ?? 1));
-	const cutOff = Number.isNaN(renderCutoff) ? 2 : renderCutoff;
+	const cutOff = Number.isNaN(renderCutOff) ? 2 : renderCutOff;
 	if (chartType === "TREE_MAP" || chartType === "PARTITION") {
 		const tmPartition = (chartType === "TREE_MAP" ? treemap().size([size.width, size.height]).round(true).tile(treemapResquarify).paddingInner(2).paddingOuter(4).paddingTop(21) : partition().size([size.width, size.height]).padding(2))(hiearchy);
 		filterVisualization(tmPartition, (child) => {
@@ -11801,94 +11823,43 @@ function flatten(tree) {
 	else flattened.push(...flatten(child));
 	return flattened;
 }
-function hiddenFileFormat(ignored) {
-	if (!ignored.includes("/")) return ignored;
-	const split = ignored.split("/");
-	return split[split.length - 1];
-}
-const HiddenFiles = memo(function HiddenFiles$1() {
-	const navigationState = useNavigation();
-	const { databaseInfo } = useData();
-	const expandHiddenFilesButtonId = useId();
-	const action$3 = href("/view/details");
-	return /* @__PURE__ */ jsx(Popover$1, {
-		popoverTitle: `Hidden files (${databaseInfo.hiddenFiles.length})`,
-		className: "min-w-10",
-		trigger: ({ onClick }) => /* @__PURE__ */ jsx("button", {
-			className: "btn",
-			title: "Hidden files",
-			"aria-label": "Hidden files",
-			"aria-controls": expandHiddenFilesButtonId,
-			onClick,
-			children: /* @__PURE__ */ jsx(Icon, { path: mdiEyeOff })
-		}),
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex flex-col gap-2",
-			children: databaseInfo.hiddenFiles.length > 0 ? databaseInfo.hiddenFiles.map((hidden) => /* @__PURE__ */ jsxs("div", {
-				className: "grid grid-cols-[auto_1fr] items-center gap-2",
-				title: hidden,
-				children: [/* @__PURE__ */ jsxs(Form, {
-					className: "w-4",
-					method: "post",
-					action: action$3,
-					children: [/* @__PURE__ */ jsx("input", {
-						type: "hidden",
-						name: "unignore",
-						value: hidden
-					}), /* @__PURE__ */ jsxs("button", {
-						className: "btn btn--hover-swap h-4",
-						title: "Show file",
-						disabled: navigationState.state !== "idle",
-						children: [/* @__PURE__ */ jsx(Icon, {
-							path: mdiEyeOff,
-							className: "inline-block h-full"
-						}), /* @__PURE__ */ jsx(Icon, {
-							path: mdiEye,
-							className: "hover-swap inline-block h-full"
-						})]
-					})]
-				}), /* @__PURE__ */ jsx("span", {
-					className: "text-sm opacity-70",
-					children: hiddenFileFormat(hidden)
-				})]
-			}, hidden)) : /* @__PURE__ */ jsx("div", {
-				className: "text-sm opacity-70",
-				children: "No hidden files"
-			})
-		})
-	});
-});
 function CheckboxWithLabel({ children, checked, onChange, className = "", checkedIcon = mdiCheckboxOutline, uncheckedIcon = mdiCheckboxBlankOutline, ...props }) {
+	const [value, setValue] = useState(checked);
 	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__ */ 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("div", {
+				className: "flex flex-1 items-center gap-2",
+				children
+			}),
+			/* @__PURE__ */ jsx("img", {
+				src: truck_default$1,
+				alt: "",
+				"aria-hidden": "true",
+				className: cn("h-5", { "opacity-0": !isTransitioning })
 			}),
 			/* @__PURE__ */ jsx(Icon, {
 				className: "place-self-end group-hover:text-blue-500",
-				path: checked ? checkedIcon : uncheckedIcon,
+				path: value ? checkedIcon : uncheckedIcon,
 				size: 1
 			}),
 			/* @__PURE__ */ jsx("input", {
 				type: "checkbox",
-				defaultChecked: checked,
+				checked: value,
 				className: "hidden",
-				onChange: (e) => startTransition$1(() => onChange(e))
+				onChange: (e) => {
+					setValue(e.target.checked);
+					startTransition$1(() => onChange(e));
+				}
 			})
 		]
 	});
 }
-function UnionAuthorsModal() {
+function GroupAuthorsModal() {
 	const { databaseInfo } = useData();
-	const submit = useSubmit();
+	const submit = useViewSubmit();
 	const { authors } = databaseInfo;
 	const authorUnions = databaseInfo.authorUnions;
 	const [selectedAuthors, setSelectedAuthors] = useState([]);
@@ -11896,7 +11867,7 @@ function UnionAuthorsModal() {
 	const navigationData = useNavigation();
 	const [, authorColors] = useMetrics();
 	const [, startTransition$1] = useTransition();
-	const location$1 = useLocation();
+	const viewAction = useViewAction();
 	const flattedUnionedAuthors = authorUnions.reduce((acc, union) => {
 		return [...acc, ...union];
 	}, []).sort(stringSorter);
@@ -11904,27 +11875,18 @@ function UnionAuthorsModal() {
 		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"
-		});
+		submit(form, { method: "post" });
 	}
 	function ungroupAll() {
 		const form = new FormData();
 		form.append("unionedAuthors", JSON.stringify([]));
-		submit(form, {
-			action: href("/view") + location$1.search,
-			method: "post"
-		});
+		submit(form, { 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"
-		});
+		submit(form, { method: "post" });
 		setSelectedAuthors([]);
 	}
 	function makePrimaryAlias(alias, groupIndex) {
@@ -11934,31 +11896,31 @@ function UnionAuthorsModal() {
 		});
 		const form = new FormData();
 		form.append("unionedAuthors", JSON.stringify(newAuthorUnions));
-		submit(form, {
-			action: href("/view") + location$1.search,
-			method: "post"
-		});
+		submit(form, { 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));
-		},
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "inline-flex flex-row place-items-center gap-2",
-			children: [/* @__PURE__ */ jsx(LegendDot, { dotColor: getColorFromDisplayName(author) }), author]
-		})
-	}, author));
+	const ungroupedAuthorsEntries = ungroupedAuthorsFiltered.map((author) => {
+		const isAuthorSelected = selectedAuthors.includes(author);
+		return /* @__PURE__ */ jsx(CheckboxWithLabel, {
+			className: "hover:opacity-70",
+			checked: isAuthorSelected,
+			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]
+			})
+		}, author + isAuthorSelected);
+	});
 	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",
+			className: "card bg-tertiary-bg dark:bg-tertiary-bg-dark group m-0 flex h-full flex-col p-2",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "inline-flex flex-row place-items-center gap-2",
@@ -11977,8 +11939,8 @@ function UnionAuthorsModal() {
 				/* @__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",
+						action: viewAction,
 						children: [/* @__PURE__ */ jsx("input", {
 							type: "hidden",
 							name: "unionedAuthors",
@@ -11998,10 +11960,7 @@ function UnionAuthorsModal() {
 								});
 								const form = new FormData();
 								form.append("unionedAuthors", JSON.stringify(newAuthorUnions));
-								submit(form, {
-									action: href("/view") + location$1.search,
-									method: "post"
-								});
+								submit(form, { method: "post" });
 								setSelectedAuthors([]);
 							},
 							children: "Add selected"
@@ -12018,61 +11977,32 @@ function UnionAuthorsModal() {
 		}, aliasGroupIndex);
 	});
 	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",
+		className: "flex min-h-0 w-auto max-w-(--breakpoint-lg) min-w-0 flex-col gap-2 p-4",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex justify-between",
+				className: "grid grid-cols-[1fr_1fr] gap-2",
 				children: [/* @__PURE__ */ jsxs("h3", {
-					className: "grow text-center text-lg font-bold",
+					className: "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__ */ jsxs("div", {
-				className: "flex justify-between",
-				children: [/* @__PURE__ */ jsxs("h3", {
-					className: "grow text-center text-lg font-bold",
+				}), /* @__PURE__ */ jsxs("h3", {
+					className: "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("div", {
-				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",
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid min-h-0 flex-1 grid-cols-[1fr_1fr] gap-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex min-h-0 flex-col rounded-md",
 					children: [/* @__PURE__ */ jsxs("div", {
-						className: "sticky top-0 z-10 flex gap-2 bg-gray-100 p-2 dark:bg-gray-700",
+						className: "flex gap-2 p-2",
 						children: [
 							/* @__PURE__ */ jsx("input", {
 								className: "input min-w-0",
@@ -12097,23 +12027,45 @@ function UnionAuthorsModal() {
 							})
 						]
 					}), /* @__PURE__ */ jsx("div", {
-						className: "min-h-fill max-h-full overflow-y-auto p-2",
+						className: "min-h-0 flex-1 overflow-y-auto p-2",
 						children: ungroupedAuthorsEntries.length > 0 ? ungroupedAuthorsEntries : /* @__PURE__ */ jsx("p", {
-							className: "place-self-center",
+							className: "place-self-center text-sm",
 							children: filter.length > 0 ? "No authors found" : "All authors have been grouped"
 						})
 					})]
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				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"
+				}), /* @__PURE__ */ jsx("div", {
+					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 p-2 lg:grid-cols-2 xl:grid-cols-3",
+						children: authorUnions.length > 0 ? groupedAuthorsEntries : /* @__PURE__ */ jsx("p", {
+							className: "col-span-2 text-center text-sm",
+							children: "No authors have been grouped yet"
+						})
 					})
-				})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-[1fr_1fr] gap-2",
+				children: [/* @__PURE__ */ jsxs("button", {
+					className: "btn btn--primary mx-auto w-fit",
+					title: disabled || selectedAuthors.length < 2 ? "Select at least 2 authors to group them" : "Group the selected authors",
+					disabled: disabled || selectedAuthors.length < 2,
+					onClick: groupSelectedAuthors,
+					children: [/* @__PURE__ */ jsx(Icon, {
+						path: mdiAccountMultiplePlus,
+						size: 1
+					}), "Create group"]
+				}), /* @__PURE__ */ jsxs("button", {
+					className: "btn btn--danger mx-auto w-fit",
+					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"]
+				})]
 			})
 		]
 	});
@@ -12135,17 +12087,138 @@ function UnionAuthorsModal() {
 	}
 }
 var stringSorter = (a, b) => a.toLowerCase().localeCompare(b.toLowerCase());
-function IconRadioGroup({ group, titleMap, defaultValue, className, onChange, large, iconMap }) {
+function HideFilesModal() {
+	const navigationState = useNavigation();
+	const { databaseInfo } = useData();
+	const inputRef = useRef(null);
+	const viewAction = useViewAction();
+	const optimisticHide = navigationState.state !== "idle" && navigationState.formData ? navigationState.formData.get("hide") : null;
+	const optimisticUnhide = navigationState.state !== "idle" && navigationState.formData ? navigationState.formData.get("show") : null;
+	const displayedHiddenFiles = [...databaseInfo.hiddenFiles];
+	if (optimisticHide && !databaseInfo.hiddenFiles.includes(optimisticHide)) displayedHiddenFiles.unshift(optimisticHide);
+	const filteredHiddenFiles = displayedHiddenFiles.filter((path$1) => path$1 !== optimisticUnhide);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex min-h-0 max-w-[40ch] flex-col items-start justify-center gap-3 overflow-y-auto p-2 pl-0",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm",
+				children: "Pattern-matched files are hidden from the file tree and excluded from metric computations."
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "text-sm",
+				children: [
+					"Hidden files behave like entries in a ",
+					/* @__PURE__ */ jsx(Code, {
+						inline: true,
+						children: ".gitignore"
+					}),
+					" file."
+				]
+			}),
+			/* @__PURE__ */ jsxs(Form, {
+				action: viewAction,
+				method: "post",
+				className: "flex w-full flex-wrap items-end gap-2",
+				onSubmit: () => {
+					setTimeout(() => {
+						if (inputRef.current) inputRef.current.value = "";
+					}, 0);
+				},
+				children: [/* @__PURE__ */ jsxs("label", {
+					className: "label flex min-w-0 flex-1 flex-col gap-2",
+					children: ["Path or glob", /* @__PURE__ */ jsx("input", {
+						ref: inputRef,
+						type: "text",
+						className: "input",
+						name: "hide",
+						placeholder: "Enter pattern...",
+						onChange: (e) => {
+							const exists = databaseInfo.hiddenFiles.includes(e.target.value);
+							e.target.setCustomValidity(exists ? "Pattern already exists" : "");
+						}
+					})]
+				}), /* @__PURE__ */ jsx("button", {
+					className: "btn btn--primary whitespace-nowrap",
+					children: "Hide"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex w-full items-center justify-between",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-tertiary-text dark:text-tertiary-text-dark text-sm font-bold tracking-wide uppercase",
+					children: "Hidden files/patterns"
+				}), /* @__PURE__ */ jsxs(Form, {
+					action: viewAction,
+					method: "post",
+					className: cn({ hidden: databaseInfo.hiddenFiles.length === 0 }),
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "hidden",
+						name: "unhideAll",
+						value: "true"
+					}), /* @__PURE__ */ jsx("button", {
+						className: "btn btn--danger btn--text",
+						children: "Reset"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex max-h-96 min-h-0 w-full flex-col gap-2 overflow-y-auto",
+				children: filteredHiddenFiles.length > 0 ? filteredHiddenFiles.map((hidden) => {
+					const isOptimistic = hidden === optimisticHide;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "primary grid grid-cols-[auto_1fr] items-center gap-2 rounded-md px-2 py-1 text-sm",
+						style: { opacity: isOptimistic ? .6 : hidden === optimisticUnhide ? .4 : 1 },
+						title: hidden,
+						children: [/* @__PURE__ */ jsxs(Form, {
+							action: viewAction,
+							className: "w-4",
+							method: "post",
+							children: [/* @__PURE__ */ jsx("input", {
+								type: "hidden",
+								name: "show",
+								value: hidden
+							}), /* @__PURE__ */ jsxs("button", {
+								className: "btn btn--text btn--hover-swap h-4",
+								title: "Show file",
+								disabled: navigationState.state !== "idle" || isOptimistic,
+								children: [/* @__PURE__ */ jsx(Icon, {
+									path: mdiEyeOff,
+									className: "inline-block h-full"
+								}), /* @__PURE__ */ jsx(Icon, {
+									path: mdiEye,
+									className: "hover-swap inline-block h-full"
+								})]
+							})]
+						}), /* @__PURE__ */ jsx("span", {
+							className: "truncate text-sm",
+							title: hidden,
+							children: hiddenFileFormat(hidden)
+						})]
+					}, hidden);
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "text-secondary-text dark:text-secondary-text-dark text-sm opacity-70",
+					children: "No hidden files"
+				})
+			})
+		]
+	});
+}
+function hiddenFileFormat(ignored) {
+	if (!ignored.includes(getSep(ignored))) return ignored;
+	const split = ignored.split(getSep(ignored));
+	return split[split.length - 1];
+}
+function IconRadioGroup({ group, titleMap, defaultValue, className, onChange, large, iconMap, ariaLabel }) {
 	const enumEntries = Object.entries(group);
 	return /* @__PURE__ */ jsx(RadioGroup, {
 		value: defaultValue,
 		className: cn("flex flex-wrap gap-0", { "gap-2": large }, className),
-		"aria-label": "Select branch or revision",
+		"aria-label": ariaLabel,
 		onChange,
 		children: enumEntries.map(([key, value]) => /* @__PURE__ */ jsx(Field, { children: /* @__PURE__ */ jsx(Radio, {
 			value: key,
 			className: "group",
-			title: titleMap ? titleMap[key] : value,
+			title: titleMap?.[key] ?? value,
 			children: /* @__PURE__ */ jsxs("div", {
 				className: clsx$1("group btn btn--text cursor-pointer gap-2 text-xs transition-all duration-200 hover:opacity-100! focus-visible:opacity-100!", {
 					"group-data-checked:bg-blue-primary group-data-checked:fill-primary-text-dark group-data-checked:text-primary-text-dark group-data-checked:border-blue-primary hover:fill-blue-primary hover:text-blue-primary hover:border-blue-primary h-auto flex-col place-items-center items-center rounded border border-transparent p-1": large,
@@ -12185,6 +12258,7 @@ const Options = memo(function Options$1() {
 				TREE_MAP: mdiChartTree,
 				PARTITION: mdiKnife
 			},
+			ariaLabel: "Select layout",
 			onChange: (chartType$1) => setChartType(chartType$1)
 		})] }),
 		/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
@@ -12202,6 +12276,7 @@ const Options = memo(function Options$1() {
 				LAST_CHANGED: mdiPulse,
 				MOST_CONTRIBUTIONS: mdiPlusMinusVariant
 			},
+			ariaLabel: "Select size metric",
 			onChange: (sizeMetric$1) => {
 				setSizeMetricType(sizeMetric$1);
 			}
@@ -12221,6 +12296,7 @@ const Options = memo(function Options$1() {
 				TOP_CONTRIBUTOR: mdiPodiumGold,
 				MOST_CONTRIBUTIONS: mdiPlusMinusVariant
 			},
+			ariaLabel: "Select color metric",
 			onChange: (metric) => {
 				setMetricType(metric);
 				if (!linkMetricAndSizeMetric) return;
@@ -12231,10 +12307,9 @@ const Options = memo(function Options$1() {
 	] });
 });
 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();
+	const { metricType, hierarchyType, transitionsEnabled, showFilesWithoutChanges, linkMetricAndSizeMetric, showOnlySearchMatches, setLinkMetricAndSizeMetric, setTransitionsEnabled, labelsVisible, setLabelsVisible, setHierarchyType, setSizeMetricType, setShowFilesWithoutChanges, setShowOnlySearchMatches } = useOptions();
 	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",
+		className: "flex min-h-0 max-w-max flex-col items-start justify-center gap-3 overflow-y-auto p-2 pl-0",
 		children: [
 			/* @__PURE__ */ jsxs(CheckboxWithLabel, {
 				className: "group text-sm hover:text-blue-500 hover:opacity-100",
@@ -12308,48 +12383,64 @@ function SettingsModal() {
 					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))
-				})]
-			})
+			/* @__PURE__ */ jsx(RenderCutOff, {})
 		]
 	}) });
 }
+function RenderCutOff() {
+	const { renderCutOff, setRenderCutOff } = useOptions();
+	const [value, setValue] = useState(renderCutOff);
+	const [isTransitioning, startTransition$1] = useTransition();
+	return /* @__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 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: "",
+					"aria-hidden": "true",
+					className: "h-5"
+				}) : ""
+			]
+		}), /* @__PURE__ */ jsx("input", {
+			type: "number",
+			min: 0,
+			value,
+			className: "mr-1 w-12 place-self-end border-b-2",
+			onChange: (x) => {
+				const v = Number.isNaN(x.target.valueAsNumber) ? getDefaultOptionsContextValue().renderCutOff : x.target.valueAsNumber;
+				setValue(v);
+				startTransition$1(() => setRenderCutOff(v));
+			}
+		})]
+	});
+}
 var modals = {
-	"group-authors": {
-		content: /* @__PURE__ */ jsx(UnionAuthorsModal, {}),
-		title: "Group Authors",
-		icon: mdiAccountMultipleCheck
-	},
 	"app-settings": {
 		content: /* @__PURE__ */ jsx(SettingsModal, {}),
 		title: "Settings",
 		icon: mdiCog
+	},
+	"group-authors": {
+		content: /* @__PURE__ */ jsx(GroupAuthorsModal, {}),
+		title: "Group Authors",
+		icon: mdiAccountMultiple
+	},
+	"ignore-files": {
+		content: /* @__PURE__ */ jsx(HideFilesModal, {}),
+		title: "Hide files",
+		icon: mdiEyeOff
 	}
 };
-var modalSearchParamConfig = parseAsStringLiteral(Object.keys(modals));
+var modalSearchParamConfig = parseAsStringLiteral(Object.keys(modals)).withOptions({ shallow: false });
 function useModal(modalKey = null) {
 	const [modal, setModal] = useQueryState("modal", modalSearchParamConfig);
 	const openModal = (modal$1 = modalKey) => void setModal(modal$1);
@@ -12363,16 +12454,22 @@ function useModal(modalKey = null) {
 function ModalManager() {
 	const [modalKey, setModal] = useQueryState("modal", modalSearchParamConfig);
 	const dialogRef = useRef(null);
-	const onClose = () => setModal(null);
+	const onClose = () => {
+		return setModal(null);
+	};
 	useEffect(() => {
-		if (!dialogRef.current) return;
 		const dialog = dialogRef.current;
+		if (!dialog) return;
 		if (modalKey) {
-			dialogRef.current.showModal();
-			return;
+			document.body.style.setProperty("overflow", "hidden");
+			if (!dialog.open) dialog.showModal();
+		} else {
+			document.body.style.setProperty("overflow", null);
+			if (dialog.open) dialog.close();
 		}
-		dialog.close();
-		return () => dialog.close();
+		return () => {
+			document.body.style.setProperty("overflow", null);
+		};
 	}, [modalKey]);
 	if (!modalKey) return null;
 	const modal = modals[modalKey];
@@ -12381,10 +12478,10 @@ function ModalManager() {
 		"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",
+		className: "z-10 m-auto flex flex-col bg-transparent text-inherit backdrop:bg-gray-400/75 backdrop:backdrop-blur-xs dark:backdrop:bg-gray-800/75",
 		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",
+			className: "card flex min-h-0 max-w-(--breakpoint-2xl) gap-2 rounded-xl p-4 shadow-sm",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex justify-between gap-2",
@@ -12409,29 +12506,29 @@ function ModalManager() {
 		})
 	});
 }
-function AuthorOptions() {
+function HideFilesButton() {
+	const { openModal } = useModal("ignore-files");
+	return /* @__PURE__ */ jsx("button", {
+		className: "btn btn--icon",
+		title: "Hidden files",
+		"aria-label": "Hidden files",
+		onClick: () => openModal(),
+		children: /* @__PURE__ */ jsx(Icon, { path: mdiEyeOff })
+	});
+}
+function ShuffleColorsButton() {
 	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"]
-			})]
+	return /* @__PURE__ */ jsxs(Form, {
+		method: "post",
+		action: useViewAction(),
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "hidden",
+			name: "rerollColors",
+			value: ""
+		}), /* @__PURE__ */ jsxs("button", {
+			className: "btn w-full",
+			disabled: transitionState.state !== "idle",
+			children: [/* @__PURE__ */ jsx(Icon, { path: mdiDiceMultipleOutline }), "Shuffle colors"]
 		})]
 	});
 }
@@ -12729,6 +12826,16 @@ function PercentageSlider({ className = "" }) {
 		})]
 	});
 }
+function GroupAuthorsButton({ compact = false }) {
+	const { openModal } = useModal("group-authors");
+	return /* @__PURE__ */ jsxs("button", {
+		className: cn("btn", { "btn--icon": compact }),
+		title: "Group authors",
+		"aria-label": "Group authors",
+		onClick: () => openModal(),
+		children: [/* @__PURE__ */ jsx(Icon, { path: mdiAccountMultiple }), compact ? null : /* @__PURE__ */ jsx("span", { children: "Group Authors" })]
+	});
+}
 function Legend({ hoveredObject }) {
 	const { sizeMetric, metricType } = useOptions();
 	const [metricsData] = useMetrics();
@@ -12766,7 +12873,10 @@ function Legend({ hoveredObject }) {
 		}),
 		metricType === "TOP_CONTRIBUTOR" ? /* @__PURE__ */ jsx(PercentageSlider, { className: "my-4" }) : null,
 		legend,
-		metricType === "TOP_CONTRIBUTOR" ? /* @__PURE__ */ jsx(AuthorOptions, {}) : null
+		metricType === "TOP_CONTRIBUTOR" ? /* @__PURE__ */ jsxs("div", {
+			className: "mt-2 grid w-full grid-cols-[1fr_1fr] gap-2",
+			children: [/* @__PURE__ */ jsx(GroupAuthorsButton, {}), /* @__PURE__ */ jsx(ShuffleColorsButton, {})]
+		}) : null
 	] });
 }
 function LoadingIndicator({ className = "", showProgress = false, fetchProgress = true, loadingText }) {
@@ -12831,10 +12941,19 @@ function Providers({ children, data }) {
 	const [searchResults, setSearchResults] = useState({});
 	const hasSearchResults = useMemo(() => Object.values(searchResults).length > 0, [searchResults]);
 	const prefersLight = usePrefersLightMode();
+	const [zoomPath] = useQueryState("zoomPath");
+	const databaseInfo = useMemo(() => ({
+		...data.databaseInfo,
+		fileTree: findSubTree(data.databaseInfo.fileTree, zoomPath ?? void 0)
+	}), [data.databaseInfo, zoomPath]);
 	const metricsData = useMemo(() => {
-		return createMetricData(data, data.databaseInfo.colorSeed, data.databaseInfo.authorColors, options?.dominantAuthorCutoff ?? 70, prefersLight);
+		return createMetricData({
+			...data,
+			databaseInfo
+		}, data.databaseInfo.colorSeed, data.databaseInfo.authorColors, options?.dominantAuthorCutoff ?? 70, prefersLight);
 	}, [
 		data,
+		databaseInfo,
 		options?.dominantAuthorCutoff,
 		prefersLight
 	]);
@@ -12872,9 +12991,9 @@ function Providers({ children, data }) {
 			...prevOptions,
 			labelsVisible: visible
 		})),
-		setRenderCutoff: (renderCutoff) => setOptions((prevOptions) => ({
+		setRenderCutOff: (renderCutOff) => setOptions((prevOptions) => ({
 			...prevOptions,
-			renderCutoff
+			renderCutOff
 		})),
 		setShowFilesWithoutChanges: (showFilesWithoutChanges) => setOptions((prevOptions) => ({
 			...prevOptions,
@@ -12905,7 +13024,10 @@ function Providers({ children, data }) {
 		};
 	}, [options]);
 	return /* @__PURE__ */ jsx(DataContext.Provider, {
-		value: data,
+		value: {
+			...data,
+			databaseInfo
+		},
 		children: /* @__PURE__ */ jsx(MetricsContext.Provider, {
 			value: metricsData,
 			children: /* @__PURE__ */ jsx(OptionsContext.Provider, {
@@ -12935,6 +13057,7 @@ function findSearchResults(tree, searchString) {
 }
 const SearchCard = memo(function SearchCard$1() {
 	const searchFieldRef = useRef(null);
+	const [zoomPath] = useQueryState("zoomPath");
 	const [isTransitioning, startTransition$1] = useTransition();
 	const [searchText, setSearchText] = useState("");
 	const { clickedObject, setClickedObject } = useClickedObject();
@@ -12942,9 +13065,26 @@ const SearchCard = memo(function SearchCard$1() {
 	const searchResultsArray = useMemo(() => Object.values(searchResults), [searchResults]);
 	const id = useId();
 	const { databaseInfo } = useData();
+	useEffect(() => {
+		setSearchResults(searchText.length > 0 ? findSearchResults(databaseInfo.fileTree, searchText) : {});
+	}, [
+		searchText,
+		setSearchResults,
+		databaseInfo.fileTree
+	]);
 	const options = useOptions();
 	const [metrics] = useMetrics();
 	const resultRefs = Object.keys(searchResults).map(() => createRef());
+	useEffect(() => {
+		startTransition$1(() => {
+			if (searchText.trim() === "") setSearchResults({});
+			else setSearchResults(findSearchResults(databaseInfo.fileTree, searchText));
+		});
+	}, [
+		searchText,
+		databaseInfo.fileTree,
+		setSearchResults
+	]);
 	useKey({
 		key: "f",
 		ctrlOrMeta: true
@@ -12952,15 +13092,13 @@ const SearchCard = memo(function SearchCard$1() {
 		event.preventDefault();
 		searchFieldRef.current?.focus();
 	});
-	function onClickObject(object) {
-		setClickedObject(object);
-	}
 	function focusResultAtIndex(nextIndex) {
 		resultRefs[nextIndex].current?.focus();
 	}
 	const items = Object.values(searchResults);
+	const helpText = `Search within ${zoomPath ? zoomPath.split(getSeparator(zoomPath)).at(-1) : databaseInfo.repo}`;
 	return /* @__PURE__ */ jsxs("form", {
-		className: "w-sidepanel absolute top-2 bottom-0 left-1/2 z-10 flex -translate-x-1/2 flex-col gap-2 transition-[width,translate] not-focus-within:has-placeholder-shown:static not-focus-within:has-placeholder-shown:w-min not-focus-within:has-placeholder-shown:translate-x-0",
+		className: "w-sidepanel not-focus-within:has-placeholder-shown:w-button pointer-events-none absolute right-0 z-10 flex flex-col gap-2 transition-[left,width,translate] duration-75 **:pointer-events-auto not-focus-within:has-placeholder-shown:static not-focus-within:has-placeholder-shown:translate-x-0",
 		onSubmit: (event) => {
 			event.preventDefault();
 			setSearchText("");
@@ -12969,23 +13107,21 @@ const SearchCard = memo(function SearchCard$1() {
 		children: [
 			/* @__PURE__ */ jsx("button", {
 				className: "hidden min-w-max cursor-pointer peer-placeholder-shown:hidden peer-focus:inline",
-				type: "submit",
 				children: /* @__PURE__ */ jsx(Icon, {
 					path: mdiClose,
-					size: "1em",
-					className: ""
+					size: "1em"
 				})
 			}),
 			/* @__PURE__ */ jsxs("label", {
 				className: "input min-h-button h-button max-h-button relative flex w-full min-w-0 cursor-pointer flex-row-reverse items-center gap-2 overflow-hidden not-focus-within:has-placeholder-shown:grow-0 not-focus-within:has-placeholder-shown:gap-0",
-				title: "Search for a file or folder",
+				title: helpText,
 				children: [
 					/* @__PURE__ */ jsx("input", {
 						ref: searchFieldRef,
 						className: "peer w-full grow placeholder-shown:not-focus:w-0 placeholder-shown:not-focus:min-w-0",
 						id,
 						type: "search",
-						placeholder: "Search for a file or folder...",
+						placeholder: helpText,
 						value: searchText,
 						onKeyDown: (event) => {
 							if (event.key === "Enter") event.preventDefault();
@@ -13010,17 +13146,11 @@ const SearchCard = memo(function SearchCard$1() {
 							}
 						},
 						onChange: (event) => {
-							const value = event.target.value;
-							setSearchText(value);
-							startTransition$1(() => {
-								if (value.trim() === "") setSearchResults({});
-								setSearchResults(findSearchResults(databaseInfo.fileTree, value));
-							});
+							setSearchText(event.target.value);
 						}
 					}),
 					/* @__PURE__ */ jsx(Icon, {
 						path: mdiMagnify,
-						size: "1em",
 						className: "hidden min-w-max peer-placeholder-shown:inline peer-focus:hidden"
 					}),
 					/* @__PURE__ */ jsx("span", {
@@ -13034,7 +13164,7 @@ const SearchCard = memo(function SearchCard$1() {
 				]
 			}),
 			searchResultsArray.length > 0 ? /* @__PURE__ */ jsx("div", {
-				className: "card bg-tertiary-bg/10 dark:bg-tertiary-bg-dark/50 w-sidepanel relative max-h-1/5 min-h-0 overflow-auto backdrop-blur-lg",
+				className: "card bg-tertiary-bg/10 dark:bg-tertiary-bg-dark/50 w-sidepanel max-h-sidepanel relative min-h-0 overflow-auto backdrop-blur-lg",
 				children: items.map((object, i) => /* @__PURE__ */ jsxs("button", {
 					ref: resultRefs[i],
 					className: "flex cursor-pointer items-center justify-start gap-2 text-sm font-bold",
@@ -13064,7 +13194,7 @@ const SearchCard = memo(function SearchCard$1() {
 							focusResultAtIndex(prevIndex);
 						}
 					},
-					onClick: () => onClickObject(object),
+					onClick: () => setClickedObject(object),
 					children: [object.type === "tree" ? /* @__PURE__ */ jsx(Icon, {
 						path: object.type === "tree" ? mdiFolder : mdiFileOutline,
 						size: .75,
@@ -13094,18 +13224,11 @@ var BarChart = () => {
 	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 submit = useViewSubmit();
 	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"
-		});
+		submit(form, { method: "post" });
 	}
 	return /* @__PURE__ */ jsx("div", {
 		ref,
@@ -13152,20 +13275,13 @@ function Timeline({ className }) {
 	const { timerange, selectedRange } = databaseInfo;
 	const newestChangeDate = timerange[1];
 	const oldestChangeDate = timerange[0];
-	const submit = useSubmit();
+	const submit = useViewSubmit();
 	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"
-		});
+		submit(form, { method: "post" });
 	}
 	const selectedStartDate = range[0] * 1e3;
 	const selectedEndDate = range[1] * 1e3;
@@ -13290,20 +13406,20 @@ function TimePicker({ range, setRange, timerange, setsBeginning, updateTimeserie
 	});
 }
 function RefreshButton() {
-	const navigation = useNavigation();
-	const isRefreshing = navigation.formData?.get("refresh") === "true";
+	const isRefreshing = useNavigation().formData?.get("refresh") === "true";
 	return /* @__PURE__ */ jsxs(Form, {
 		method: "post",
-		action: navigation.location?.pathname,
+		action: useViewAction(),
+		className: "contents",
 		children: [/* @__PURE__ */ jsx("input", {
 			type: "hidden",
 			name: "refresh",
 			value: "true"
 		}), /* @__PURE__ */ jsx("button", {
-			type: "submit",
-			className: "btn",
+			className: "btn btn--icon",
 			disabled: isRefreshing,
 			title: "Refresh analysis",
+			"aria-label": "Refresh analysis",
 			children: /* @__PURE__ */ jsx(Icon, {
 				path: mdiRefresh,
 				size: "1.25em",
@@ -13396,7 +13512,7 @@ function ColorMetricDependentInfo(props) {
 				break;
 			}
 			if (!contribSum) {
-				content = `${icon}${dominant.author}`;
+				content = dominant.author;
 				break;
 			}
 			const authorPercentage = Math.round(dominant.contribcount / contribSum * 100);
@@ -13432,7 +13548,6 @@ function SizeMetricDependentInfo({ sizeMetric, hoveredBlob, databaseInfo }) {
 	let icon = mdiCircleSmall;
 	let content = null;
 	if (!hoveredBlob) return null;
-	icon = mdiCircleSmall;
 	switch (sizeMetric) {
 		case "FILE_SIZE": {
 			icon = mdiResize;
@@ -13489,8 +13604,9 @@ function ChartTooltip({ hoveredObject }) {
 function FullscreenButton() {
 	const { isFullscreen, toggleFullscreen } = useFullscreen(() => document.documentElement);
 	return /* @__PURE__ */ jsx("button", {
-		className: cn("btn aspect-square p-1", { "btn--primary": isFullscreen }),
+		className: cn("btn btn--icon", { "btn--primary": isFullscreen }),
 		title: isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
+		"aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
 		onClick: toggleFullscreen,
 		children: /* @__PURE__ */ jsx(Icon, {
 			path: isFullscreen ? mdiFullscreenExit : mdiFullscreen,
@@ -13555,8 +13671,9 @@ function RevisionSelect({ headGroups, disabled, className = "", analyzedBranches
 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",
+		className: "btn btn--icon",
+		title: "Settings",
+		"aria-label": "Settings",
 		onClick: () => openModal(),
 		children: /* @__PURE__ */ jsx(Icon, { path: mdiCog })
 	});
@@ -13567,8 +13684,25 @@ function BrowseParentFolder() {
 	if (!data) return null;
 	return /* @__PURE__ */ jsx("div", { children: data.repo.parentDirPath });
 }
+function ResetTimeIntervalButton() {
+	const data = useData();
+	const viewAction = useViewAction();
+	return /* @__PURE__ */ jsxs(Form, {
+		className: cn({ invisible: data.databaseInfo.timerange[0] === data.databaseInfo.selectedRange[0] && data.databaseInfo.timerange[1] === data.databaseInfo.selectedRange[1] }),
+		method: "post",
+		action: viewAction,
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "hidden",
+			name: "timeseries",
+			value: `${data.databaseInfo.timerange[0]}-${data.databaseInfo.timerange[1]}`
+		}), /* @__PURE__ */ jsxs("button", {
+			className: cn("btn btn--text", {}),
+			children: [/* @__PURE__ */ jsx(Icon, { path: mdiRestore }), "Reset time interval"]
+		})]
+	});
+}
 var view_exports = /* @__PURE__ */ __export({
-	action: () => action$1,
+	action: () => action,
 	currentRepositoryContext: () => currentRepositoryContext,
 	default: () => view_default,
 	loadViewSearchParams: () => loadViewSearchParams,
@@ -13580,10 +13714,10 @@ var view_exports = /* @__PURE__ */ __export({
 }, 1);
 const currentRepositoryContext = createContext();
 const viewSearchParamsConfig = {
-	path: parseAsString,
-	objectPath: parseAsString,
-	zoomPath: parseAsString,
-	branch: parseAsString
+	path: parseAsString$1,
+	objectPath: parseAsString$1,
+	zoomPath: parseAsString$1,
+	branch: parseAsString$1
 };
 const viewSerializer = createSerializer$1(viewSearchParamsConfig);
 const loadViewSearchParams = createLoader(viewSearchParamsConfig);
@@ -13642,9 +13776,10 @@ const loader$8 = async ({ request, context }) => {
 		return params$1;
 	}, viewSearchParams);
 	if (shouldRedirect) {
-		const redirectUrl = href("/view") + viewSerializer(params);
+		const redirectUrl = new URL(request.url);
+		redirectUrl.search = viewSerializer(params);
 		log.warn(`At least one required parameter is missing, redirecting to ${redirectUrl}`);
-		throw redirect(redirectUrl);
+		throw redirect(redirectUrl.toString());
 	}
 	return {
 		dataPromise: analyze({
@@ -13656,8 +13791,8 @@ const loader$8 = async ({ request, context }) => {
 		versionInfo
 	};
 };
-const action$1 = async ({ request, context }) => {
-	const { instance } = context.get(currentRepositoryContext);
+const action = async ({ request, context }) => {
+	const { instance, repositoryPath } = context.get(currentRepositoryContext);
 	const formData = await request.formData();
 	const refresh = formData.get("refresh");
 	const unionedAuthors = formData.get("unionedAuthors");
@@ -13665,11 +13800,36 @@ const action$1 = async ({ request, context }) => {
 	const timeseries = formData.get("timeseries");
 	const authorname = formData.get("authorname");
 	const authorcolor = formData.get("authorcolor");
+	const hidePath = formData.get("hide");
+	const unhidePath = formData.get("show");
+	const unhideAll = formData.get("unhideAll");
+	const openPath = formData.get("open");
 	instance.prevInvokeReason = "unknown";
 	if (refresh) {
 		instance.prevInvokeReason = "refresh";
 		return null;
 	}
+	if (hidePath && typeof hidePath === "string") {
+		log.info("Ignoring path: " + hidePath);
+		instance.prevInvokeReason = "hide";
+		await instance.db.addHiddenFile(hidePath);
+		return null;
+	}
+	if (unhidePath && typeof unhidePath === "string") {
+		instance.prevInvokeReason = "show";
+		await instance.db.removeHiddenFile(unhidePath);
+		return null;
+	}
+	if (unhideAll && typeof unhideAll === "string") {
+		instance.prevInvokeReason = "hide";
+		await instance.db.clearHiddenFiles();
+		return null;
+	}
+	if (typeof openPath === "string") {
+		instance.prevInvokeReason = "open";
+		openFile(repositoryPath, openPath);
+		return null;
+	}
 	if (typeof unionedAuthors === "string") {
 		instance.prevInvokeReason = "unionedAuthors";
 		const json = JSON.parse(unionedAuthors);
@@ -13795,17 +13955,17 @@ async function analyze({ instance, path: path$1, branch }) {
 }
 var view_default = UNSAFE_withComponentProps(function Repo() {
 	const { versionInfo, dataPromise } = useLoaderData();
-	const [{ leftExpanded }, dispatch] = useReducer((prevState, action$3) => {
-		switch (action$3) {
+	const [{ leftExpanded }, dispatch] = useReducer((prevState, action$2) => {
+		switch (action$2) {
 			case "toggleLeft": return { leftExpanded: !prevState.leftExpanded };
 		}
 	}, { leftExpanded: true });
 	const toggleLeft = () => dispatch("toggleLeft");
 	const [hoveredObject, setHoveredObject] = useState(null);
-	const location$1 = useLocation();
+	const location = useLocation();
 	const navigate = useNavigate();
 	const [objectPath] = useQueryState("objectPath", viewSearchParamsConfig.objectPath);
-	const clearCacheUrl = `/clear-cache?${new URLSearchParams({ redirect: location$1.pathname + location$1.search }).toString()}`;
+	const clearCacheUrl = `/clear-cache?${new URLSearchParams({ redirect: location.pathname + location.search }).toString()}`;
 	const objectPathIsFile = objectPath?.split("/").pop()?.includes(".");
 	return /* @__PURE__ */ jsx(Suspense, {
 		fallback: /* @__PURE__ */ jsx("div", {
@@ -13827,11 +13987,11 @@ var view_default = UNSAFE_withComponentProps(function Repo() {
 			children: (data) => /* @__PURE__ */ jsxs(Providers, {
 				data,
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: cn(`grid grid-cols-1 transition-all [grid-template-areas:"main"_"left"] lg:h-screen lg:grid-cols-[0_1fr] lg:grid-rows-[1fr] lg:overflow-hidden lg:[grid-template-areas:"left_main"]`, { "gap-2 lg:grid-cols-[var(--spacing-sidepanel)_1fr]": leftExpanded }),
+					className: cn(`grid grid-cols-1 transition-all [grid-template-areas:"main"_"left"] lg:h-screen lg:grid-cols-[0_1fr] lg:grid-rows-[1fr] lg:overflow-hidden lg:[grid-template-areas:"left_main"]`, { "lg:grid-cols-[var(--spacing-sidepanel)_1fr]": leftExpanded }),
 					children: [/* @__PURE__ */ jsx(Activity, {
 						mode: leftExpanded ? "visible" : "hidden",
 						children: /* @__PURE__ */ jsxs("aside", {
-							className: clsx$1("*:not-first:m-2 lg:pr-0 lg:transition-transform", leftExpanded ? "overflow-y-auto [grid-area:left]" : "lg:-translate-x-sidepanel"),
+							className: clsx$1("*:not-first:m-2 lg:transition-transform", leftExpanded ? "overflow-y-auto [grid-area:left]" : "lg:-translate-x-sidepanel"),
 							children: [
 								/* @__PURE__ */ jsxs("div", {
 									className: "bg-primary-bg dark:bg-primary-bg-dark sticky top-0 z-10 flex justify-between p-2",
@@ -13881,10 +14041,10 @@ var view_default = UNSAFE_withComponentProps(function Repo() {
 							]
 						})
 					}), /* @__PURE__ */ jsxs("main", {
-						className: cn("relative grid h-full min-w-25 grid-rows-[auto_1fr_auto] gap-2 [grid-area:main] lg:transition-transform"),
+						className: cn("relative grid h-full min-h-screen min-w-25 grid-rows-[auto_1fr_auto] gap-2 p-2 [grid-area:main] lg:transition-transform"),
 						children: [
 							/* @__PURE__ */ jsxs("header", {
-								className: "from-primary-bg dark:from-primary-bg-dark to-primary-bg dark:to-primary-bg-dark top-0 right-0 left-0 z-10 grid grid-flow-col items-center justify-between gap-2 bg-linear-to-r via-transparent p-2",
+								className: "grid grid-flow-col items-center justify-between gap-2",
 								children: [
 									/* @__PURE__ */ jsxs("div", {
 										className: "flex gap-2",
@@ -13897,7 +14057,7 @@ var view_default = UNSAFE_withComponentProps(function Repo() {
 													path: mdiMenu,
 													size: 1
 												})
-											}) : /* @__PURE__ */ jsx("div", {}),
+											}) : null,
 											/* @__PURE__ */ jsx(BrowseParentFolder, {}),
 											/* @__PURE__ */ jsx(Breadcrumb, { zoom: true })
 										]
@@ -13906,20 +14066,24 @@ var view_default = UNSAFE_withComponentProps(function Repo() {
 									/* @__PURE__ */ jsxs("div", {
 										className: "flex gap-2",
 										children: [
+											/* @__PURE__ */ jsx("div", {
+												className: "relative",
+												children: /* @__PURE__ */ jsx(SearchCard, {})
+											}),
 											data.repo.status === "Success" ? /* @__PURE__ */ jsx(RevisionSelect, {
-												className: "max-w-3xs",
+												className: "max-w-32",
 												title: "Select branch",
 												defaultValue: data.databaseInfo.branch,
 												headGroups: data.repo.refs,
 												analyzedBranches: data.databaseInfo.analyzedRepos.filter((rep) => rep.repo === data.databaseInfo.repo),
-												onChange: (e) => navigate(getPathFromRepoAndHead({
+												onChange: (e) => navigate(href("/view") + viewSerializer({
 													path: data.repo.repositoryPath,
 													branch: e.target.value
 												}))
-											}, data.databaseInfo.branch) : null,
-											/* @__PURE__ */ jsx(SearchCard, {}),
+											}, data.databaseInfo.branch) : /* @__PURE__ */ jsx("div", {}),
 											/* @__PURE__ */ jsx(RefreshButton, {}),
-											/* @__PURE__ */ jsx(HiddenFiles, {}),
+											/* @__PURE__ */ jsx(HideFilesButton, {}),
+											/* @__PURE__ */ jsx(GroupAuthorsButton, { compact: true }),
 											/* @__PURE__ */ jsx(SettingsButton, {}),
 											/* @__PURE__ */ jsx(FullscreenButton, {})
 										]
@@ -13943,24 +14107,13 @@ var view_default = UNSAFE_withComponentProps(function Repo() {
 								}), createPortal(/* @__PURE__ */ jsx(ChartTooltip, { hoveredObject }), document.body)] }) })
 							}),
 							/* @__PURE__ */ jsxs("div", {
-								className: "flex flex-col gap-1 px-2 text-center select-none",
+								className: "flex flex-col text-center select-none",
 								children: [/* @__PURE__ */ jsxs("div", {
 									className: "flex items-start justify-between gap-2",
 									children: [/* @__PURE__ */ jsxs("h2", {
 										className: "card__title",
 										children: ["Commits per ", data.databaseInfo.commitCountPerTimeIntervalUnit]
-									}), /* @__PURE__ */ jsxs(Form, {
-										className: cn({ invisible: data.databaseInfo.timerange[0] === data.databaseInfo.selectedRange[0] && data.databaseInfo.timerange[1] === data.databaseInfo.selectedRange[1] }),
-										method: "post",
-										children: [/* @__PURE__ */ jsx("input", {
-											type: "hidden",
-											name: "timeseries",
-											value: `${data.databaseInfo.timerange[0]}-${data.databaseInfo.timerange[1]}`
-										}), /* @__PURE__ */ jsxs("button", {
-											className: cn("btn btn--text", {}),
-											children: [/* @__PURE__ */ jsx(Icon, { path: mdiRestore }), "Reset time interval"]
-										})]
-									})]
+									}), /* @__PURE__ */ jsx(ResetTimeIntervalButton, {})]
 								}), /* @__PURE__ */ jsx(Timeline, {}, `${data.databaseInfo.selectedRange[0]}-${data.databaseInfo.selectedRange[1]}`)]
 							})
 						]
@@ -14139,7 +14292,7 @@ function CommitListEntry(props) {
 }
 function CommitHistory({ commits, commitCount }) {
 	const navigation = useNavigation();
-	const location$1 = useLocation();
+	const location = useLocation();
 	const [searchParams, setSearchParams] = useSearchParams();
 	const commitShowCount = Number(searchParams.get("count") ?? String(10));
 	const { clickedObject } = useClickedObject();
@@ -14157,13 +14310,13 @@ function CommitHistory({ commits, commitCount }) {
 		onClick: () => setSearchParams((prev) => {
 			prev.set("count", String(Number(prev.get("count") ?? String(10)) + 10));
 			return prev;
-		}, { state: location$1.state }),
+		}, { state: location.state }),
 		children: "Show more commits"
 	}) : null : /* @__PURE__ */ jsx("h3", { children: "Loading commits..." })] }) });
 }
 function RepoTabs() {
 	const navigate = useNavigate();
-	const location$1 = useLocation();
+	const location = useLocation();
 	const isCommits = useMatch(href("/view/commits"));
 	return /* @__PURE__ */ jsx(IconRadioGroup, {
 		large: true,
@@ -14176,8 +14329,9 @@ function RepoTabs() {
 			"/commits": mdiSourceCommit
 		},
 		defaultValue: isCommits ? "/commits" : "/details",
+		ariaLabel: "Select details tab",
 		onChange: (v) => {
-			navigate(href(`/view${v}`) + location$1.search, { state: location$1.state });
+			navigate(href(`/view${v}`) + location.search, { state: location.state });
 		}
 	});
 }
@@ -14262,7 +14416,6 @@ function usePath() {
 }
 var view_details_exports = /* @__PURE__ */ __export({
 	HydrateFallback: () => HydrateFallback,
-	action: () => action,
 	default: () => view_details_default,
 	loader: () => loader$1
 }, 1);
@@ -14284,46 +14437,20 @@ const loader$1 = async ({ request, context }) => {
 		authorDistributionPromise: instance.db.getAuthorContribsForPath(objectPath)
 	};
 };
-const action = async ({ request, context }) => {
-	const { instance } = context.get(currentRepositoryContext);
-	const formData = await request.formData();
-	const ignorePath = formData.get("ignore");
-	const unignorePath = formData.get("unignore");
-	const openPath = formData.get("open");
-	if (ignorePath && typeof ignorePath === "string") {
-		instance.prevInvokeReason = "ignore";
-		const hidden = await instance.db.getHiddenFiles();
-		hidden.push(ignorePath);
-		await instance.db.replaceHiddenFiles(hidden);
-		return null;
-	}
-	if (unignorePath && typeof unignorePath === "string") {
-		instance.prevInvokeReason = "unignore";
-		const hidden = await instance.db.getHiddenFiles();
-		await instance.db.replaceHiddenFiles(hidden.filter((path$1) => path$1 !== unignorePath));
-		return null;
-	}
-	if (typeof openPath === "string") {
-		instance.prevInvokeReason = "open";
-		openFile(instance.repositoryPath, openPath);
-		return null;
-	}
-	return null;
-};
 var view_details_default = UNSAFE_withComponentProps(function Details() {
 	const { setPath } = usePath();
 	const { path: path$1, authorDistributionPromise } = useLoaderData();
 	const data = useData();
 	const { state } = useNavigation();
-	const location$1 = useLocation();
-	const clickedObject = location$1.state?.clickedObject;
+	const location = useLocation();
+	const viewAction = useViewAction();
+	const clickedObject = location.state?.clickedObject;
 	const setOpen = useSetOpenCollapsibleHeader();
 	const [viewSearchParams] = useQueryStates(viewSearchParamsConfig);
-	const zoomLink = location$1.pathname + viewSerializer({
+	const zoomLink = location.pathname + viewSerializer({
 		...viewSearchParams,
 		zoomPath: path$1
 	});
-	const { openModal } = useModal("group-authors");
 	useEffect(() => {
 		setOpen(!!clickedObject);
 	}, [clickedObject, setOpen]);
@@ -14360,18 +14487,14 @@ var view_details_default = UNSAFE_withComponentProps(function Details() {
 				})
 			})]
 		}),
-		/* @__PURE__ */ jsxs("button", {
-			className: "btn",
-			onClick: () => openModal(),
-			children: [/* @__PURE__ */ jsx(Icon, { path: mdiAccountMultiple }), "Group authors"]
-		}),
+		/* @__PURE__ */ jsx(GroupAuthorsButton, {}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "mt-2 flex flex-wrap gap-2",
 			children: [/* @__PURE__ */ jsxs(Link, {
 				className: "btn",
 				to: zoomLink,
 				children: [
-					/* @__PURE__ */ jsx(Icon, { path: mdiSearchWeb }),
+					/* @__PURE__ */ jsx(Icon, { path: mdiMagnify }),
 					"Zoom to this ",
 					isBlob$1 ? "file" : "folder"
 				]
@@ -14380,11 +14503,10 @@ var view_details_default = UNSAFE_withComponentProps(function Details() {
 				method: "post",
 				children: [/* @__PURE__ */ jsx("input", {
 					type: "hidden",
-					name: "ignore",
+					name: "hide",
 					value: clickedObject.path
 				}), /* @__PURE__ */ jsxs("button", {
 					className: "btn",
-					type: "submit",
 					disabled: state !== "idle",
 					title: "Hide this file",
 					children: [/* @__PURE__ */ jsx(Icon, { path: mdiEyeOffOutline }), "Hide"]
@@ -14394,25 +14516,23 @@ var view_details_default = UNSAFE_withComponentProps(function Details() {
 				method: "post",
 				children: [/* @__PURE__ */ jsx("input", {
 					type: "hidden",
-					name: "ignore",
+					name: "hide",
 					value: `*.${extension}`
 				}), /* @__PURE__ */ jsxs("button", {
 					className: "btn",
-					type: "submit",
 					disabled: state !== "idle",
 					title: `Hide all files with .${extension} extension`,
 					children: [/* @__PURE__ */ jsx(Icon, { path: mdiEyeOffOutline }), /* @__PURE__ */ jsxs("span", { children: ["Hide *.", extension] })]
 				})]
 			}) : null] }) : /* @__PURE__ */ jsxs(Form, {
 				method: "post",
-				action: location$1.pathname,
+				action: viewAction,
 				children: [/* @__PURE__ */ jsx("input", {
 					type: "hidden",
-					name: "ignore",
+					name: "hide",
 					value: clickedObject.path
 				}), /* @__PURE__ */ jsxs("button", {
 					className: "btn",
-					type: "submit",
 					disabled: state !== "idle",
 					onClick: () => {
 						setPath(resolveParentFolder(path$1));
@@ -14505,6 +14625,7 @@ function LastchangedEntry(props) {
 function PathEntry(props) {
 	const { state } = useNavigation();
 	const { clickedObject } = useClickedObject();
+	const viewAction = useViewAction();
 	if (!clickedObject) return null;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
 		className: "flex grow items-center overflow-hidden text-sm font-semibold text-ellipsis whitespace-pre",
@@ -14517,7 +14638,7 @@ function PathEntry(props) {
 			children: props.path
 		}), /* @__PURE__ */ jsxs(Form, {
 			method: "post",
-			action: location.pathname,
+			action: viewAction,
 			children: [/* @__PURE__ */ jsx("input", {
 				type: "hidden",
 				name: "open",
@@ -14984,13 +15105,6 @@ var ui_default = UNSAFE_withComponentProps(function UI() {
 							latestVersion: "1.0.1"
 						})
 					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "card",
-						children: [/* @__PURE__ */ jsx("h2", {
-							className: "card__title",
-							children: "AuthorOptions"
-						}), /* @__PURE__ */ jsx(AuthorOptions, {})]
-					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "card",
 						children: [
@@ -15028,6 +15142,7 @@ var ui_default = UNSAFE_withComponentProps(function UI() {
 							}),
 							(() => {
 								return /* @__PURE__ */ jsx(IconRadioGroup, {
+									ariaLabel: "Select demo option",
 									group: {
 										A: "Alpha",
 										B: "Beta",
@@ -15045,6 +15160,7 @@ var ui_default = UNSAFE_withComponentProps(function UI() {
 							(() => {
 								return /* @__PURE__ */ jsx(IconRadioGroup, {
 									large: true,
+									ariaLabel: "Select demo option large",
 									group: {
 										A: "Alpha",
 										B: "Beta",
@@ -15111,12 +15227,8 @@ async function loader({ request, params }) {
 }
 var server_manifest_default = {
 	"entry": {
-		"module": "/assets/entry.client-lU2GATMj.js",
-		"imports": [
-			"/assets/jsx-runtime-s_YwNCZb.js",
-			"/assets/react-dom-BkDQo3BN.js",
-			"/assets/chunk-JPUPSTYD-YBbsfvLw.js"
-		],
+		"module": "/assets/entry.client-Ci1gLbyI.js",
+		"imports": ["/assets/jsx-runtime-s_YwNCZb.js", "/assets/react-dom-B9ui1jR3.js"],
 		"css": []
 	},
 	"routes": {
@@ -15133,16 +15245,14 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": true,
-			"module": "/assets/root-CpxyjKLd.js",
+			"module": "/assets/root-CGqKHKfX.js",
 			"imports": [
 				"/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"
+				"/assets/react-dom-B9ui1jR3.js",
+				"/assets/dist-Bpk5WHYg.js",
+				"/assets/clear-cache-BJQQzFka.js"
 			],
-			"css": ["/assets/root-CaiUVml-.css"],
+			"css": ["/assets/root-BK0u4vgl.css"],
 			"clientActionModule": void 0,
 			"clientLoaderModule": void 0,
 			"clientMiddlewareModule": void 0,
@@ -15182,12 +15292,12 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/clear-cache-Xrw5kNtu.js",
+			"module": "/assets/clear-cache-DkN7P69Z.js",
 			"imports": [
 				"/assets/jsx-runtime-s_YwNCZb.js",
-				"/assets/GitTruckInfo-CiYjIacT.js",
-				"/assets/react-dom-BkDQo3BN.js",
-				"/assets/clear-cache-C5k9U711.js"
+				"/assets/dist-Bpk5WHYg.js",
+				"/assets/react-dom-B9ui1jR3.js",
+				"/assets/clear-cache-BJQQzFka.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15271,14 +15381,12 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/browse-Ce7uXDK8.js",
+			"module": "/assets/browse-Bx9O5Mvl.js",
 			"imports": [
 				"/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"
+				"/assets/browse-B9wBPRaK.js",
+				"/assets/dist-Bpk5WHYg.js",
+				"/assets/react-dom-B9ui1jR3.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15320,14 +15428,12 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/view-DhREUKDU.js",
+			"module": "/assets/view-mmd0Q4B8.js",
 			"imports": [
 				"/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"
+				"/assets/browse-B9wBPRaK.js",
+				"/assets/dist-Bpk5WHYg.js",
+				"/assets/react-dom-B9ui1jR3.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15369,15 +15475,13 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/view.commits-D8Z4b-x3.js",
+			"module": "/assets/view.commits-b-k-A7BT.js",
 			"imports": [
 				"/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"
+				"/assets/browse-B9wBPRaK.js",
+				"/assets/dist-Bpk5WHYg.js",
+				"/assets/react-dom-B9ui1jR3.js",
+				"/assets/RepoTabs-36qUc-RT.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15391,22 +15495,20 @@ var server_manifest_default = {
 			"path": "details",
 			"index": void 0,
 			"caseSensitive": void 0,
-			"hasAction": true,
+			"hasAction": false,
 			"hasLoader": true,
 			"hasClientAction": false,
 			"hasClientLoader": false,
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/view.details-Bsu_yyiE.js",
+			"module": "/assets/view.details-B7LCPu46.js",
 			"imports": [
 				"/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"
+				"/assets/browse-B9wBPRaK.js",
+				"/assets/dist-Bpk5WHYg.js",
+				"/assets/react-dom-B9ui1jR3.js",
+				"/assets/RepoTabs-36qUc-RT.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15448,14 +15550,12 @@ var server_manifest_default = {
 			"hasClientMiddleware": false,
 			"hasDefaultExport": true,
 			"hasErrorBoundary": false,
-			"module": "/assets/ui-EnssW_g_.js",
+			"module": "/assets/ui-Bw635ygf.js",
 			"imports": [
 				"/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"
+				"/assets/browse-B9wBPRaK.js",
+				"/assets/dist-Bpk5WHYg.js",
+				"/assets/react-dom-B9ui1jR3.js"
 			],
 			"css": [],
 			"clientActionModule": void 0,
@@ -15485,8 +15585,8 @@ var server_manifest_default = {
 			"hydrateFallbackModule": void 0
 		}
 	},
-	"url": "/assets/manifest-3c232792.js",
-	"version": "3c232792",
+	"url": "/assets/manifest-601d0239.js",
+	"version": "601d0239",
 	"sri": void 0
 };
 const assetsBuildDirectory = "build/client";