git-truck 1.5.7 → 1.5.8

package/build/index.js

@@ -26547,8 +26547,8 @@ var require_useHover = __commonJS({
   "node_modules/react-use/lib/useHover.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: !0 });
-    var tslib_1 = (init_tslib_es6(), __toCommonJS(tslib_es6_exports)), React = tslib_1.__importStar(require_react()), util_1 = require_util2(), useState11 = React.useState, useHover = function(element) {
-      var _a2 = useState11(!1), state = _a2[0], setState = _a2[1], onMouseEnter = function(originalOnMouseEnter) {
+    var tslib_1 = (init_tslib_es6(), __toCommonJS(tslib_es6_exports)), React = tslib_1.__importStar(require_react()), util_1 = require_util2(), useState12 = React.useState, useHover = function(element) {
+      var _a2 = useState12(!1), state = _a2[0], setState = _a2[1], onMouseEnter = function(originalOnMouseEnter) {
         return function(event) {
           (originalOnMouseEnter || util_1.noop)(event), setState(!0);
         };
@@ -28405,7 +28405,7 @@ var require_useSize = __commonJS({
   "node_modules/react-use/lib/useSize.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: !0 });
-    var tslib_1 = (init_tslib_es6(), __toCommonJS(tslib_es6_exports)), React = tslib_1.__importStar(require_react()), util_1 = require_util2(), useState11 = React.useState, useEffect8 = React.useEffect, useRef5 = React.useRef, DRAF = function(callback) {
+    var tslib_1 = (init_tslib_es6(), __toCommonJS(tslib_es6_exports)), React = tslib_1.__importStar(require_react()), util_1 = require_util2(), useState12 = React.useState, useEffect8 = React.useEffect, useRef5 = React.useRef, DRAF = function(callback) {
       return setTimeout(callback, 35);
     }, useSize = function(element, _a2) {
       var _b2 = _a2 === void 0 ? {} : _a2, _c2 = _b2.width, width = _c2 === void 0 ? 1 / 0 : _c2, _d = _b2.height, height = _d === void 0 ? 1 / 0 : _d;
@@ -28414,7 +28414,7 @@ var require_useSize = __commonJS({
           typeof element == "function" ? element({ width, height }) : element,
           { width, height }
         ];
-      var _e3 = useState11({ width, height }), state = _e3[0], setState = _e3[1];
+      var _e3 = useState12({ width, height }), state = _e3[0], setState = _e3[1];
       typeof element == "function" && (element = element(state));
       var style = element.props.style || {}, ref = useRef5(null), window2 = null, setSize = function() {
         var iframe = ref.current, size = iframe ? {
@@ -48675,7 +48675,7 @@ var LegendBarIndicator = ({ visible, offset }) => /* @__PURE__ */ (0, import_jsx
 );
 
 // src/tailwind.css
-var tailwind_default = "/build/_assets/tailwind-SKGXOX4B.css";
+var tailwind_default = "/build/_assets/tailwind-UOXC4AQW.css";
 
 // src/root.tsx
 var import_jsx_runtime3 = __toESM(require_jsx_runtime()), meta = () => [{ title: "Git Truck" }];
@@ -48758,7 +48758,7 @@ __export(repo_exports, {
   default: () => Repo,
   loader: () => loader
 });
-var import_path8 = require("path"), import_react61 = __toESM(require_react()), import_react_use5 = __toESM(require_lib5()), import_node2 = __toESM(require_dist2()), import_remix_typedjson = __toESM(require_dist5()), import_react62 = __toESM(require_dist3());
+var import_path8 = require("path"), import_react62 = __toESM(require_react()), import_react_use5 = __toESM(require_lib5()), import_node2 = __toESM(require_dist2()), import_remix_typedjson = __toESM(require_dist5()), import_react63 = __toESM(require_dist3());
 
 // src/analyzer/analyze.server.ts
 var import_fs3 = require("fs");
@@ -48846,7 +48846,7 @@ var import_perf_hooks = require("perf_hooks"), import_path2 = require("path"), i
 // package.json
 var package_default = {
   name: "git-truck",
-  version: "1.5.7",
+  version: "1.5.8",
   private: !1,
   description: "Visualizing a Git repository",
   license: "MIT",
@@ -53981,7 +53981,7 @@ async function getTruckConfigWithArgs(repo) {
 }
 
 // src/components/DetailsCard.tsx
-var import_react13 = __toESM(require_react()), import_react14 = __toESM(require_dist3());
+var import_react14 = __toESM(require_react()), import_react15 = __toESM(require_dist3());
 
 // src/components/AuthorDistFragment.tsx
 var import_react8 = __toESM(require_react());
@@ -57037,57 +57037,156 @@ byteSize.defaultOptions = function(options) {
 var byte_size_default = byteSize;
 
 // src/components/DetailsCard.tsx
-var import_js4 = __toESM(require_mdi()), import_react15 = __toESM(require_Icon());
+var import_js4 = __toESM(require_mdi()), import_react16 = __toESM(require_Icon());
 
 // src/components/FileHistoryElement.tsx
+var import_react13 = __toESM(require_react());
+
+// src/assets/commit_icon.png
+var commit_icon_default = "/build/_assets/commit_icon-JEPGHU5X.png";
+
+// src/components/accordion/Accordion.tsx
 var import_react12 = __toESM(require_react());
-var import_jsx_runtime7 = __toESM(require_jsx_runtime());
+
+// src/components/accordion/AccordionItem.tsx
+var import_clsx2 = __toESM(require_clsx()), import_jsx_runtime7 = __toESM(require_jsx_runtime());
+function AccordionItem({
+  data,
+  isOpen,
+  btnOnClick,
+  titleLabels
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { className: "border-0 ", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "w-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: (0, import_clsx2.default)("flex items-center b-0 w-full cursor-pointer " + "after:content-[''] after:shrink-0 after:w-[14px] after:h-[14px] after:ml-auto after:transition-[transform] after:duration-[200ms] after:ease-out after:bg-[length:14px_14px] after:bg-no-repeat after:bg-arrow", {
+      "text-[16px] font-semibold": titleLabels,
+      "text-[14px] font-normal": !titleLabels,
+      "after:-rotate-180": isOpen,
+      "after:rotate-0": !isOpen
+    }), onClick: btnOnClick, title: data.title, children: data.title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "block m-0 p-0 text-sm transition-[height] duration-[200ms] ease-out", style: { height: isOpen ? "auto" : "0" }, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: data.content }) })
+  ] });
+}
+var AccordionItem_default = AccordionItem;
+
+// src/components/accordion/Accordion.tsx
+var import_jsx_runtime8 = __toESM(require_jsx_runtime());
+function Accordion({
+  items,
+  itemsCutoff,
+  multipleOpen,
+  openByDefault,
+  titleLabels,
+  currentState,
+  actionClickLabels,
+  setCollapsed,
+  collapsed
+}) {
+  let [currentIdx, setCurrentIdx] = (0, import_react12.useState)(new Array()), btnOnClick = (idx) => {
+    setCurrentIdx(
+      multipleOpen ? (currentValue) => currentValue.includes(idx) ? currentValue.filter((item) => item !== idx) : [...currentValue, idx] : (currentValue) => currentValue.includes(idx) ? [] : [idx]
+    );
+  }, cutItems = collapsed ? items.slice(0, itemsCutoff) : items;
+  return openByDefault && !multipleOpen && setCurrentIdx([0]), /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("ul", { className: "block m-0 pl-4 overflow-x-hidden", children: [
+    cutItems.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      AccordionItem_default,
+      {
+        data: item,
+        isOpen: currentState && currentState[idx] ? currentState[idx] : openByDefault && multipleOpen ? !currentIdx.includes(idx) : currentIdx.includes(idx),
+        titleLabels,
+        btnOnClick: () => {
+          btnOnClick(idx), actionClickLabels && actionClickLabels(idx);
+        }
+      },
+      item.title + idx + "--accordion"
+    ) })),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      ShowMoreLabel,
+      {
+        show: collapsed && items.length > itemsCutoff,
+        items: items.slice(itemsCutoff),
+        toggle: () => setCollapsed(!collapsed)
+      }
+    )
+  ] });
+}
+function ShowMoreLabel(props) {
+  return props.show ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "whitespace-pre text-xs font-medium opacity-70 hover:cursor-pointer", onClick: props.toggle, children: [
+    "+",
+    props.items.length,
+    " more day",
+    props.items.length > 1 ? "s" : ""
+  ] }) : null;
+}
+var Accordion_default = Accordion;
+
+// src/components/FileHistoryElement.tsx
+var import_jsx_runtime9 = __toESM(require_jsx_runtime());
 function FileHistoryElement(props) {
   let { analyzerData } = useData(), fileCommits = [];
-  if (props.clickedObject.type === "blob")
-    fileCommits = props.clickedObject.commits.map((c7) => analyzerData.commits[c7]);
-  else
-    try {
-      fileCommits = Array.from(calculateCommitsForSubTree(props.clickedObject)).map((c7) => analyzerData.commits[c7]).sort((a, b4) => b4.time - a.time);
-    } catch (e) {
-      console.log(e);
-    }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CommitHistory, { commits: fileCommits });
+  return props.clickedObject.type === "blob" ? fileCommits = props.clickedObject.commits.map((c7) => analyzerData.commits[c7]) : fileCommits = Array.from(calculateCommitsForSubTree(props.clickedObject)).map((c7) => analyzerData.commits[c7]).sort((a, b4) => b4.time - a.time), /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CommitHistory, { commits: fileCommits });
 }
 function CommitDistFragment(props) {
-  return props.show ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: props.items.map((commit) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "span",
-      {
-        className: "overflow-hidden overflow-ellipsis whitespace-pre text-sm font-bold opacity-80",
-        title: commit.message + " (" + commit.author + ")",
-        children: commit.message
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "break-all text-right text-sm", children: dateFormatLong(commit.time) })
-  ] }, commit.time.toString() + commit.message)) }) : null;
+  if (!props.items)
+    return null;
+  let sortMethod = props.sortBy !== void 0 ? props.sortBy : "date", cleanGroupItems = sortCommits(props.items, sortMethod), items = new Array();
+  for (let [key, values] of Object.entries(cleanGroupItems))
+    items.push({
+      title: key,
+      content: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: values.map((value) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "li",
+        {
+          className: "cursor-auto",
+          style: { listStyleImage: `url(${commit_icon_default})` },
+          onClick: () => props.handleOnClick ? props.handleOnClick(value) : null,
+          children: value.message
+        },
+        value.time + value.message + "--itemContentAccordion"
+      ) })) })
+    });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    Accordion_default,
+    {
+      titleLabels: !0,
+      multipleOpen: !0,
+      openByDefault: !0,
+      items,
+      itemsCutoff: props.commitCutoff,
+      collapsed: props.collapsed,
+      setCollapsed: props.setCollapsed
+    }
+  ) }, items.length.toString() + sortMethod + props.commitCutoff.toString() + (/* @__PURE__ */ new Date()).toDateString());
 }
 function CommitHistory(props) {
-  let commitHistoryExpandId = (0, import_react12.useId)(), [collapsed, setCollapsed] = (0, import_react12.useState)(!0), commits = props.commits ?? [], commitCutoff = 2;
-  return commits.length <= commitCutoff + 1 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "font-bold", children: "Commit history" }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "grid grid-cols-[1fr,auto] gap-x-1 gap-y-1.5", children: commits.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CommitDistFragment, { show: !0, items: commits }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "No commits found" }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex cursor-pointer justify-between hover:opacity-70", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { className: "label grow", htmlFor: commitHistoryExpandId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "font-bold", children: "Commit history" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronButton, { id: commitHistoryExpandId, open: !collapsed, onClick: () => setCollapsed(!collapsed) })
+  let commitHistoryExpandId = (0, import_react13.useId)(), [collapsed, setCollapsed] = (0, import_react13.useState)(!0), commits = props.commits ?? [], commitCutoff = 3;
+  return commits.length == 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "font-bold", children: "Commit history" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: "No commits found" }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex cursor-pointer justify-between hover:opacity-70", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "label grow", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "font-bold", children: "Commit history" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronButton, { id: commitHistoryExpandId, open: !collapsed, onClick: () => setCollapsed(!collapsed) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "grid grid-cols-[1fr,auto] gap-x-1 gap-y-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CommitDistFragment, { show: !0, items: commits.slice(0, commitCutoff) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CommitDistFragment, { show: !collapsed, items: commits.slice(commitCutoff) }),
-      collapsed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { className: "text-left text-xs opacity-70 hover:opacity-100", onClick: () => setCollapsed(!collapsed), children: [
-        "+ ",
-        commits.slice(commitCutoff).length,
-        " more"
-      ] }) : null
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CommitDistFragment, { commitCutoff: collapsed ? commitCutoff : commits.length, items: commits, setCollapsed, collapsed: !0 }) })
   ] });
 }
+function sortCommits(items, method) {
+  let cleanGroupItems = {};
+  switch (method) {
+    case "author":
+      items.map((commit) => {
+        let author = commit.author;
+        return cleanGroupItems[author] || (cleanGroupItems[author] = []), cleanGroupItems[author].push(commit), commit;
+      });
+      break;
+    case "date":
+    default:
+      items.map((commit) => {
+        let date = dateFormatLong(commit.time);
+        return cleanGroupItems[date] || (cleanGroupItems[date] = []), cleanGroupItems[date].push(commit), commit;
+      });
+  }
+  return cleanGroupItems;
+}
 function calculateCommitsForSubTree(tree) {
   let commitSet = /* @__PURE__ */ new Set();
   subTree(tree);
@@ -57106,8 +57205,8 @@ function calculateCommitsForSubTree(tree) {
 }
 
 // src/components/DetailsCard.tsx
-var import_clsx2 = __toESM(require_clsx());
-var import_jsx_runtime8 = __toESM(require_jsx_runtime());
+var import_clsx3 = __toESM(require_clsx());
+var import_jsx_runtime10 = __toESM(require_jsx_runtime());
 function OneFolderOut(path) {
   let index = path.lastIndexOf("/"), index2 = path.lastIndexOf("\\");
   return index !== -1 ? path.slice(0, index) : index2 !== -1 ? path.slice(0, index2) : path;
@@ -57117,13 +57216,13 @@ function DetailsCard({
   showUnionAuthorsModal
 }) {
   var _a2;
-  let { setClickedObject, clickedObject } = useClickedObject(), location2 = (0, import_react14.useLocation)(), { metricType, authorshipType } = useOptions(), { state } = (0, import_react14.useNavigation)(), { setPath, path } = usePath(), { analyzerData } = useData(), isProcessingHideRef = (0, import_react13.useRef)(!1);
-  (0, import_react13.useEffect)(() => {
+  let { setClickedObject, clickedObject } = useClickedObject(), location2 = (0, import_react15.useLocation)(), { metricType, authorshipType } = useOptions(), { state } = (0, import_react15.useNavigation)(), { setPath, path } = usePath(), { analyzerData } = useData(), isProcessingHideRef = (0, import_react14.useRef)(!1);
+  (0, import_react14.useEffect)(() => {
     isProcessingHideRef.current && (setClickedObject(null), isProcessingHideRef.current = !1);
-  }, [clickedObject, setClickedObject, state]), (0, import_react13.useEffect)(() => {
+  }, [clickedObject, setClickedObject, state]), (0, import_react14.useEffect)(() => {
     setClickedObject((clickedObject2) => findObjectInTree(analyzerData.commit.tree, clickedObject2));
   }, [analyzerData, setClickedObject]);
-  let [metricsData] = useMetrics(), { backgroundColor, color, lightBackground } = (0, import_react13.useMemo)(() => {
+  let [metricsData] = useMetrics(), { backgroundColor, color, lightBackground } = (0, import_react14.useMemo)(() => {
     var _a3, _b2;
     if (!clickedObject)
       return {
@@ -57141,53 +57240,53 @@ function DetailsCard({
   if (!clickedObject)
     return null;
   let isBlob2 = clickedObject.type === "blob", extension = last(clickedObject.name.split("."));
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "div",
     {
-      className: (0, import_clsx2.default)(className, "card flex grow flex-col gap-2 transition-colors"),
+      className: (0, import_clsx3.default)(className, "card flex grow flex-col gap-2 transition-colors"),
       style: color ? {
         backgroundColor,
         color
       } : {},
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex grow flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("h2", { className: "card__title grid grid-cols-[auto,1fr,auto] gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react15.Icon, { path: clickedObject.type === "blob" ? import_js4.mdiFile : import_js4.mdiFolder, size: "1.25em" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "truncate", title: clickedObject.name, children: clickedObject.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CloseButton, { absolute: !1, onClick: () => setClickedObject(null) })
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex grow flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("h2", { className: "card__title grid grid-cols-[auto,1fr,auto] gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react16.Icon, { path: clickedObject.type === "blob" ? import_js4.mdiFile : import_js4.mdiFolder, size: "1.25em" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "truncate", title: clickedObject.name, children: clickedObject.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseButton, { absolute: !1, onClick: () => setClickedObject(null) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-[auto,1fr] gap-x-3 gap-y-1", children: [
-            isBlob2 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SizeEntry, { size: clickedObject.sizeInBytes, isBinary: clickedObject.isBinary }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CommitsEntry, { clickedBlob: clickedObject }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LastchangedEntry, { clickedBlob: clickedObject })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FileAndSubfolderCountEntries, { clickedTree: clickedObject }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PathEntry, { path: clickedObject.path })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "grid grid-cols-[auto,1fr] gap-x-3 gap-y-1", children: [
+            isBlob2 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SizeEntry, { size: clickedObject.sizeInBytes, isBinary: clickedObject.isBinary }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CommitsEntry, { clickedBlob: clickedObject }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LastchangedEntry, { clickedBlob: clickedObject })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FileAndSubfolderCountEntries, { clickedTree: clickedObject }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PathEntry, { path: clickedObject.path })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "card bg-white/70 text-black", children: isBlob2 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AuthorDistribution, { authors: (_a2 = clickedObject.unionedAuthors) == null ? void 0 : _a2[authorshipType] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AuthorDistribution, { authors: calculateAuthorshipForSubTree(clickedObject, authorshipType) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "card bg-white/70 text-black", children: isBlob2 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AuthorDistribution, { authors: (_a2 = clickedObject.unionedAuthors) == null ? void 0 : _a2[authorshipType] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AuthorDistribution, { authors: calculateAuthorshipForSubTree(clickedObject, authorshipType) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             "button",
             {
-              className: (0, import_clsx2.default)("btn", {
+              className: (0, import_clsx3.default)("btn", {
                 "btn--outlined--light": !lightBackground,
                 "btn--outlined": lightBackground
               }),
               onClick: showUnionAuthorsModal,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react15.Icon, { path: import_js4.mdiAccountMultiple }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react16.Icon, { path: import_js4.mdiAccountMultiple }),
                 "Group authors"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "card bg-white/70 text-black", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FileHistoryElement, { state, clickedObject }) })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "card bg-white/70 text-black", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FileHistoryElement, { state, clickedObject }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex gap-2", children: isBlob2 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react14.Form, { className: "w-max", method: "post", action: location2.pathname, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "hidden", name: "ignore", value: clickedObject.path }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex gap-2", children: isBlob2 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react15.Form, { className: "w-max", method: "post", action: location2.pathname, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "hidden", name: "ignore", value: clickedObject.path }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
               "button",
               {
-                className: (0, import_clsx2.default)("btn", {
+                className: (0, import_clsx3.default)("btn", {
                   "btn--outlined--light": !lightBackground,
                   "btn--outlined": lightBackground
                 }),
@@ -57198,18 +57297,18 @@ function DetailsCard({
                 },
                 title: "Hide this file",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react15.Icon, { path: import_js4.mdiEyeOffOutline }),
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react16.Icon, { path: import_js4.mdiEyeOffOutline }),
                   "Hide"
                 ]
               }
             )
           ] }),
-          clickedObject.name.includes(".") ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react14.Form, { className: "w-max", method: "post", action: location2.pathname, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "hidden", name: "ignore", value: `*.${extension}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          clickedObject.name.includes(".") ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react15.Form, { className: "w-max", method: "post", action: location2.pathname, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "hidden", name: "ignore", value: `*.${extension}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
               "button",
               {
-                className: (0, import_clsx2.default)("btn", {
+                className: (0, import_clsx3.default)("btn", {
                   "btn--outlined--light": !lightBackground,
                   "btn--outlined": lightBackground
                 }),
@@ -57219,8 +57318,8 @@ function DetailsCard({
                   isProcessingHideRef.current = !0;
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react15.Icon, { path: import_js4.mdiEyeOffOutline }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react16.Icon, { path: import_js4.mdiEyeOffOutline }),
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
                     "Hide .",
                     extension,
                     " files"
@@ -57229,12 +57328,12 @@ function DetailsCard({
               }
             )
           ] }) : null
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react14.Form, { method: "post", action: location2.pathname, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "hidden", name: "ignore", value: clickedObject.path }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react15.Form, { method: "post", action: location2.pathname, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "hidden", name: "ignore", value: clickedObject.path }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             "button",
             {
-              className: (0, import_clsx2.default)("btn", {
+              className: (0, import_clsx3.default)("btn", {
                 "btn--outlined--light": !lightBackground,
                 "btn--outlined": lightBackground
               }),
@@ -57244,7 +57343,7 @@ function DetailsCard({
                 isProcessingHideRef.current = !0, setPath(OneFolderOut(path));
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react15.Icon, { path: import_js4.mdiEyeOffOutline }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react16.Icon, { path: import_js4.mdiEyeOffOutline }),
                 "Hide this folder"
               ]
             }
@@ -57274,35 +57373,35 @@ function findObjectInTree(tree, object) {
 }
 function FileAndSubfolderCountEntries(props) {
   let folderCount = props.clickedTree.children.filter((child) => child.type === "tree").length, fileCount = props.clickedTree.children.length - folderCount;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex grow items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Files" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "break-all text-sm", children: fileCount }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex grow items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Folders" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "break-all text-sm", children: folderCount })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex grow items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Files" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "break-all text-sm", children: fileCount }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex grow items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Folders" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "break-all text-sm", children: folderCount })
   ] });
 }
 function CommitsEntry(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex grow items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Commits" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "break-all text-sm", children: props.clickedBlob.commits.length > 0 ? props.clickedBlob.commits.length : 0 })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex grow items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Commits" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "break-all text-sm", children: props.clickedBlob.commits.length > 0 ? props.clickedBlob.commits.length : 0 })
   ] });
 }
 function LastchangedEntry(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex grow items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Last changed" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "break-all text-sm", children: dateFormatLong(props.clickedBlob.lastChangeEpoch) })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex grow items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Last changed" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "break-all text-sm", children: dateFormatLong(props.clickedBlob.lastChangeEpoch) })
   ] });
 }
 function PathEntry(props) {
-  let { state } = (0, import_react14.useNavigation)(), { clickedObject } = useClickedObject();
-  return clickedObject ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex grow items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Located at" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-[1fr,auto] items-center justify-between gap-2 break-all text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "truncate", title: props.path, children: props.path }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react14.Form, { method: "post", action: location.pathname, title: clickedObject.name, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "hidden", name: "open", value: clickedObject.path }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "btn--icon", disabled: state !== "idle", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_react15.Icon,
+  let { state } = (0, import_react15.useNavigation)(), { clickedObject } = useClickedObject();
+  return clickedObject ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex grow items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Located at" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "grid grid-cols-[1fr,auto] items-center justify-between gap-2 break-all text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "truncate", title: props.path, children: props.path }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react15.Form, { method: "post", action: location.pathname, title: clickedObject.name, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "hidden", name: "open", value: clickedObject.path }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { className: "btn--icon", disabled: state !== "idle", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_react16.Icon,
           {
             path: import_js4.mdiOpenInNew,
             size: "1.25em",
@@ -57316,15 +57415,15 @@ function PathEntry(props) {
 }
 function SizeEntry(props) {
   let size = byte_size_default(props.size ?? 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Size" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "break-all text-sm", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex items-center overflow-hidden overflow-ellipsis whitespace-pre text-sm font-semibold", children: "Size" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "break-all text-sm", children: [
       size.value,
       " ",
       size.unit,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "opacity-50", children: props.isBinary ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "opacity-50", children: props.isBinary ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
         "(binary file)"
       ] }) : null })
     ] })
@@ -57332,18 +57431,18 @@ function SizeEntry(props) {
 }
 var authorCutoff = 2;
 function AuthorDistribution(props) {
-  let authorDistributionExpandId = (0, import_react13.useId)(), [collapsed, setCollapsed] = (0, import_react13.useState)(!0), contribDist = Object.entries(makePercentResponsibilityDistribution(props.authors)).sort(
+  let authorDistributionExpandId = (0, import_react14.useId)(), [collapsed, setCollapsed] = (0, import_react14.useState)(!0), contribDist = Object.entries(makePercentResponsibilityDistribution(props.authors)).sort(
     (a, b4) => a[1] < b4[1] ? 1 : -1
   ), authorsAreCutoff = contribDist.length > authorCutoff + 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `flex justify-between ${authorsAreCutoff ? "cursor-pointer hover:opacity-70" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "label grow", htmlFor: authorDistributionExpandId, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "font-bold", children: "Author distribution" }) }),
-      authorsAreCutoff ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChevronButton, { id: authorDistributionExpandId, open: !collapsed, onClick: () => setCollapsed(!collapsed) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: `flex justify-between ${authorsAreCutoff ? "cursor-pointer hover:opacity-70" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "label grow", htmlFor: authorDistributionExpandId, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: "font-bold", children: "Author distribution" }) }),
+      authorsAreCutoff ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ChevronButton, { id: authorDistributionExpandId, open: !collapsed, onClick: () => setCollapsed(!collapsed) }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "grid grid-cols-[1fr,auto] gap-1", children: authorsAreCutoff ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AuthorDistFragment, { show: !0, items: contribDist.slice(0, authorCutoff) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AuthorDistFragment, { show: !collapsed, items: contribDist.slice(authorCutoff) }),
-      collapsed ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "grid grid-cols-[1fr,auto] gap-1", children: authorsAreCutoff ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AuthorDistFragment, { show: !0, items: contribDist.slice(0, authorCutoff) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AuthorDistFragment, { show: !collapsed, items: contribDist.slice(authorCutoff) }),
+      collapsed ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
         "button",
         {
           className: "text-left text-xs opacity-70 hover:opacity-100",
@@ -57355,7 +57454,7 @@ function AuthorDistribution(props) {
           ]
         }
       ) : null
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: contribDist.length > 0 && !hasZeroContributions(props.authors) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AuthorDistFragment, { show: !0, items: contribDist }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: "No authors found" }) }) })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: contribDist.length > 0 && !hasZeroContributions(props.authors) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AuthorDistFragment, { show: !0, items: contribDist }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "No authors found" }) }) })
   ] });
 }
 function makePercentResponsibilityDistribution(unionedAuthors) {
@@ -57395,11 +57494,11 @@ function calculateAuthorshipForSubTree(tree, authorshipType) {
 }
 
 // src/components/GlobalInfo.tsx
-var import_react33 = __toESM(require_dist3());
-var import_react34 = __toESM(require_react());
+var import_react34 = __toESM(require_dist3());
+var import_react35 = __toESM(require_react());
 
 // src/components/RevisionSelect.tsx
-var import_js5 = __toESM(require_mdi()), import_react16 = __toESM(require_Icon()), import_jsx_runtime9 = __toESM(require_jsx_runtime());
+var import_js5 = __toESM(require_mdi()), import_react17 = __toESM(require_Icon()), import_jsx_runtime11 = __toESM(require_jsx_runtime());
 function RevisionSelect({
   headGroups,
   analyzedHeads,
@@ -57408,12 +57507,12 @@ function RevisionSelect({
   ...props
 }) {
   let groupsEntries = Object.entries(headGroups);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid w-full grid-cols-[auto_1fr] place-items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react16.Icon, { path: import_js5.mdiSourceBranch, size: 0.75 }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("select", { className: `input text-gray-800 ${className}`, ...props, children: groupsEntries.map(
-      ([group, heads]) => Object.entries(heads).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("optgroup", { label: group, children: Object.entries(heads).map(([headName, head]) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid w-full grid-cols-[auto_1fr] place-items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react17.Icon, { path: import_js5.mdiSourceBranch, size: 0.75 }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("select", { className: `input text-gray-800 ${className}`, ...props, children: groupsEntries.map(
+      ([group, heads]) => Object.entries(heads).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("optgroup", { label: group, children: Object.entries(heads).map(([headName, head]) => {
         let isAnalyzed = analyzedHeads[head];
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "option",
           {
             value: headName,
@@ -57430,7 +57529,7 @@ function RevisionSelect({
 
 // src/components/GlobalInfo.tsx
 var import_js6 = __toESM(require_mdi());
-var import_react35 = __toESM(require_Icon());
+var import_react36 = __toESM(require_Icon());
 
 // node_modules/@react-spring/rafz/dist/esm/index.js
 var f = r(), n = (e) => c3(e, f), m = r();
@@ -57526,7 +57625,7 @@ function Q(e, t) {
 }
 
 // node_modules/@react-spring/shared/dist/esm/index.js
-var import_react17 = __toESM(require_react()), import_react18 = __toESM(require_react()), import_react19 = __toESM(require_react()), import_react20 = __toESM(require_react()), import_react21 = __toESM(require_react()), import_react22 = __toESM(require_react()), import_react23 = __toESM(require_react()), import_react24 = __toESM(require_react());
+var import_react18 = __toESM(require_react()), import_react19 = __toESM(require_react()), import_react20 = __toESM(require_react()), import_react21 = __toESM(require_react()), import_react22 = __toESM(require_react()), import_react23 = __toESM(require_react()), import_react24 = __toESM(require_react()), import_react25 = __toESM(require_react());
 var ze = Object.defineProperty, Le = (e, t) => {
   for (var r2 in t)
     ze(e, r2, { get: t[r2], enumerable: !0 });
@@ -57750,21 +57849,21 @@ function er() {
 function or(e) {
   return l2.str(e) && (e[0] == "#" || /\d/.test(e) || !h2() && b2.test(e) || e in (c4 || {}));
 }
-var Q2 = h2() ? import_react20.useEffect : import_react20.useLayoutEffect, Ce = () => {
-  let e = (0, import_react19.useRef)(!1);
+var Q2 = h2() ? import_react21.useEffect : import_react21.useLayoutEffect, Ce = () => {
+  let e = (0, import_react20.useRef)(!1);
   return Q2(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 };
 function Mr() {
-  let e = (0, import_react18.useState)()[1], t = Ce();
+  let e = (0, import_react19.useState)()[1], t = Ce();
   return () => {
     t.current && e(Math.random());
   };
 }
 function Lr(e, t) {
-  let [r2] = (0, import_react21.useState)(() => ({ inputs: t, result: e() })), n2 = (0, import_react21.useRef)(), f3 = n2.current, o = f3;
-  return o ? t && o.inputs && it(t, o.inputs) || (o = { inputs: t, result: e() }) : o = r2, (0, import_react21.useEffect)(() => {
+  let [r2] = (0, import_react22.useState)(() => ({ inputs: t, result: e() })), n2 = (0, import_react22.useRef)(), f3 = n2.current, o = f3;
+  return o ? t && o.inputs && it(t, o.inputs) || (o = { inputs: t, result: e() }) : o = r2, (0, import_react22.useEffect)(() => {
     n2.current = o, f3 == r2 && (r2.inputs = r2.result = void 0);
   }, [o]), o.result;
 }
@@ -57776,19 +57875,19 @@ function it(e, t) {
       return !1;
   return !0;
 }
-var $r = (e) => (0, import_react22.useEffect)(e, ut), ut = [];
+var $r = (e) => (0, import_react23.useEffect)(e, ut), ut = [];
 function Ur(e) {
-  let t = (0, import_react23.useRef)();
-  return (0, import_react23.useEffect)(() => {
+  let t = (0, import_react24.useRef)();
+  return (0, import_react24.useEffect)(() => {
     t.current = e;
   }), t.current;
 }
 
 // node_modules/@react-spring/core/dist/esm/index.js
-var import_react26 = __toESM(require_react());
+var import_react27 = __toESM(require_react());
 
 // node_modules/@react-spring/animated/dist/esm/index.js
-var O2 = __toESM(require_react()), import_react25 = __toESM(require_react());
+var O2 = __toESM(require_react()), import_react26 = __toESM(require_react());
 var h3 = Symbol.for("Animated:node"), v2 = (e) => !!e && e[h3] === e, k2 = (e) => e && e[h3], D2 = (e, t) => mt(e, h3, t), F = (e) => e && e[h3] && e[h3].getPayload(), c5 = class {
   payload;
   constructor() {
@@ -57900,16 +57999,16 @@ function Le2(e) {
 }
 var x2 = (e, t) => {
   let r2 = !l2.fun(e) || e.prototype && e.prototype.isReactComponent;
-  return (0, import_react25.forwardRef)((n2, a) => {
-    let i2 = (0, import_react25.useRef)(null), o = r2 && (0, import_react25.useCallback)((s) => {
+  return (0, import_react26.forwardRef)((n2, a) => {
+    let i2 = (0, import_react26.useRef)(null), o = r2 && (0, import_react26.useCallback)((s) => {
       i2.current = ae2(a, s);
     }, [a]), [m3, T2] = ne2(n2, t), W3 = Mr(), P2 = () => {
       let s = i2.current;
       r2 && !s || (s ? t.applyAnimatedValues(s, m3.getValue(!0)) : !1) === !1 && W3();
-    }, _3 = new b3(P2, T2), p3 = (0, import_react25.useRef)();
+    }, _3 = new b3(P2, T2), p3 = (0, import_react26.useRef)();
     Q2(() => (p3.current = _3, Ve(T2, (s) => Gt(s, _3)), () => {
       p3.current && (Ve(p3.current.deps, (s) => Qt(s, p3.current)), n.cancel(p3.current.update));
-    })), (0, import_react25.useEffect)(P2, []), $r(() => () => {
+    })), (0, import_react26.useEffect)(P2, []), $r(() => () => {
       let s = p3.current;
       Ve(s.deps, (S2) => Qt(S2, s));
     });
@@ -57942,10 +58041,10 @@ var j2 = Symbol.for("AnimatedComponent"), Ke2 = (e, { applyAnimatedValues: t = (
 }, I = (e) => l2.str(e) ? e : e && l2.str(e.displayName) ? e.displayName : l2.fun(e) && e.name || null;
 
 // node_modules/@react-spring/core/dist/esm/index.js
-var Be2 = __toESM(require_react()), import_react27 = __toESM(require_react());
-var import_react28 = __toESM(require_react());
-var Oe2 = __toESM(require_react()), import_react29 = __toESM(require_react());
-var import_react30 = __toESM(require_react());
+var Be2 = __toESM(require_react()), import_react28 = __toESM(require_react());
+var import_react29 = __toESM(require_react());
+var Oe2 = __toESM(require_react()), import_react30 = __toESM(require_react());
+var import_react31 = __toESM(require_react());
 function I2(t, ...e) {
   return l2.fun(t) ? t(...e) : t;
 }
@@ -58583,7 +58682,7 @@ function jt(t, e) {
   });
 }
 var H3 = ({ children: t, ...e }) => {
-  let n2 = (0, import_react27.useContext)(Ge2), r2 = e.pause || !!n2.pause, o = e.immediate || !!n2.immediate;
+  let n2 = (0, import_react28.useContext)(Ge2), r2 = e.pause || !!n2.pause, o = e.immediate || !!n2.immediate;
   e = Lr(() => ({ pause: r2, immediate: o }), [r2, o]);
   let { Provider: s } = Ge2;
   return Be2.createElement(s, { value: e }, t);
@@ -58643,19 +58742,19 @@ var fe2 = () => {
 function He2(t, e, n2) {
   let r2 = l2.fun(e) && e;
   r2 && !n2 && (n2 = []);
-  let o = (0, import_react26.useMemo)(() => r2 || arguments.length == 3 ? fe2() : void 0, []), s = (0, import_react26.useRef)(0), i2 = Mr(), a = (0, import_react26.useMemo)(() => ({ ctrls: [], queue: [], flush(h5, g3) {
+  let o = (0, import_react27.useMemo)(() => r2 || arguments.length == 3 ? fe2() : void 0, []), s = (0, import_react27.useRef)(0), i2 = Mr(), a = (0, import_react27.useMemo)(() => ({ ctrls: [], queue: [], flush(h5, g3) {
     let x4 = _e2(h5, g3);
     return s.current > 0 && !a.queue.length && !Object.keys(x4).some((A2) => !h5.springs[A2]) ? ze2(h5, g3) : new Promise((A2) => {
       pt(h5, x4), a.queue.push(() => {
         A2(ze2(h5, g3));
       }), i2();
     });
-  } }), []), u4 = (0, import_react26.useRef)([...a.ctrls]), p3 = [], f3 = Ur(t) || 0;
-  (0, import_react26.useMemo)(() => {
+  } }), []), u4 = (0, import_react27.useRef)([...a.ctrls]), p3 = [], f3 = Ur(t) || 0;
+  (0, import_react27.useMemo)(() => {
     Ve(u4.current.slice(t, f3), (h5) => {
       xe2(h5, o), h5.stop(!0);
     }), u4.current.length = t, d4(f3, t);
-  }, [t]), (0, import_react26.useMemo)(() => {
+  }, [t]), (0, import_react27.useMemo)(() => {
     d4(0, Math.min(f3, t));
   }, n2);
   function d4(h5, g3) {
@@ -58664,7 +58763,7 @@ function He2(t, e, n2) {
       A2 && (p3[x4] = Ot(A2));
     }
   }
-  let m3 = u4.current.map((h5, g3) => _e2(h5, p3[g3])), b4 = (0, import_react26.useContext)(H3), c7 = Ur(b4), P2 = b4 !== c7 && Ue2(b4);
+  let m3 = u4.current.map((h5, g3) => _e2(h5, p3[g3])), b4 = (0, import_react27.useContext)(H3), c7 = Ur(b4), P2 = b4 !== c7 && Ue2(b4);
   Q2(() => {
     s.current++, a.ctrls = u4.current;
     let { queue: h5 } = a;
@@ -58801,14 +58900,14 @@ p2.assign({ batchedUpdates: import_react_dom.unstable_batchedUpdates, createStri
 var q2 = Ke2(C2, { applyAnimatedValues: V2, createAnimatedStyle: (t) => new g2(t), getComponentProps: ({ scrollTop: t, scrollLeft: e, ...r2 }) => r2 }), it3 = q2.animated;
 
 // src/hooks.ts
-var import_react31 = __toESM(require_react()), import_react32 = __toESM(require_react()), import_react_use = __toESM(require_lib5()), import_react_use_size = __toESM(require_dist7());
+var import_react32 = __toESM(require_react()), import_react33 = __toESM(require_react()), import_react_use = __toESM(require_lib5()), import_react_use_size = __toESM(require_dist7());
 function useComponentSize() {
   let { ref, width, height } = (0, import_react_use_size.useComponentSize)();
-  return (0, import_react32.useMemo)(() => [ref, { width, height }], [ref, width, height]);
+  return (0, import_react33.useMemo)(() => [ref, { width, height }], [ref, width, height]);
 }
 function useToggleableSpring(props) {
   let { transitionsEnabled } = useOptions(), [initialRender, setInitialRender] = (0, import_react_use.useBoolean)(!0);
-  return (0, import_react32.useEffect)(() => {
+  return (0, import_react33.useEffect)(() => {
     setTimeout(() => setInitialRender(!1), 0);
   }, [setInitialRender]), J2({
     ...typeof props == "object" ? props : {},
@@ -58816,70 +58915,70 @@ function useToggleableSpring(props) {
   });
 }
 function useClient() {
-  let [client, setClient] = (0, import_react31.useState)(!1);
-  return (0, import_react32.useEffect)(() => {
+  let [client, setClient] = (0, import_react32.useState)(!1);
+  return (0, import_react33.useEffect)(() => {
     setClient(!0);
   }, [setClient]), client;
 }
 
 // src/components/GlobalInfo.tsx
-var import_clsx3 = __toESM(require_clsx()), import_jsx_runtime10 = __toESM(require_jsx_runtime()), title = "Git Truck", analyzingTitle = "Analyzing | Git Truck", GlobalInfo = (0, import_react34.memo)(function() {
-  let client = useClient(), { analyzerData, repo } = useData(), transitionState = (0, import_react33.useNavigation)(), location2 = (0, import_react33.useLocation)(), navigate = (0, import_react33.useNavigate)(), [isAnalyzing, setIsAnalyzing] = (0, import_react34.useState)(!1), [analysisDetailsVisible, setAnalysisDetailsVisible] = (0, import_react34.useState)(!1);
-  (0, import_react34.useEffect)(() => {
+var import_clsx4 = __toESM(require_clsx()), import_jsx_runtime12 = __toESM(require_jsx_runtime()), title = "Git Truck", analyzingTitle = "Analyzing | Git Truck", GlobalInfo = (0, import_react35.memo)(function() {
+  let client = useClient(), { analyzerData, repo } = useData(), transitionState = (0, import_react34.useNavigation)(), location2 = (0, import_react34.useLocation)(), navigate = (0, import_react34.useNavigate)(), [isAnalyzing, setIsAnalyzing] = (0, import_react35.useState)(!1), [analysisDetailsVisible, setAnalysisDetailsVisible] = (0, import_react35.useState)(!1);
+  (0, import_react35.useEffect)(() => {
     document.title = isAnalyzing ? analyzingTitle : title;
   }, [isAnalyzing]);
   let switchBranch = (branch) => {
     setIsAnalyzing(!0), navigate(["", repo.name, branch].join("/"));
   };
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     transitionState.state === "idle" && setIsAnalyzing(!1);
   }, [transitionState.state]);
   let isoString = new Date(analyzerData.lastRunEpoch).toISOString();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative flex items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative flex items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "button",
           {
             className: "btn--icon btn--primary",
             title: "See analysis details",
             onClick: () => setAnalysisDetailsVisible(!0),
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react35.Icon, { path: import_js6.mdiInformation, size: "1.5em" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react36.Icon, { path: import_js6.mdiInformation, size: "1.5em" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
           "div",
           {
-            className: (0, import_clsx3.default)("card absolute left-0 top-0 z-10 h-max w-max shadow transition-opacity", {
+            className: (0, import_clsx4.default)("card absolute left-0 top-0 z-10 h-max w-max shadow transition-opacity", {
               "hidden opacity-0": !analysisDetailsVisible
             }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "card__title", children: "Analysis details" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseButton, { onClick: () => setAnalysisDetailsVisible(!1) }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "grid auto-rows-fr grid-cols-2 gap-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Analyzed" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("time", { className: "text-right", dateTime: isoString, title: isoString, children: client ? dateTimeFormatShort(analyzerData.lastRunEpoch) : "" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "As of commit" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-right", title: analyzerData.commit.message ?? "No commit message", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Code, { inline: !0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "card__title", children: "Analysis details" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseButton, { onClick: () => setAnalysisDetailsVisible(!1) }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid auto-rows-fr grid-cols-2 gap-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "Analyzed" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("time", { className: "text-right", dateTime: isoString, title: isoString, children: client ? dateTimeFormatShort(analyzerData.lastRunEpoch) : "" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "As of commit" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-right", title: analyzerData.commit.message ?? "No commit message", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Code, { inline: !0, children: [
                   "#",
                   analyzerData.commit.hash.slice(0, 7)
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Files analyzed" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-right", children: analyzerData.commit.fileCount ?? 0 })
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "Files analyzed" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-right", children: analyzerData.commit.fileCount ?? 0 })
               ] })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "card__title grow justify-start gap-2", title: repo.name, children: repo.name })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "card__title grow justify-start gap-2", title: repo.name, children: repo.name })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex w-full auto-cols-max place-items-stretch gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react33.Link, { className: "btn btn--primary grow", to: "..", title: "See all repositories", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react35.Icon, { path: import_js6.mdiArrowTopLeft, size: 0.75 }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "See more repositories" })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full auto-cols-max place-items-stretch gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react34.Link, { className: "btn btn--primary grow", to: "..", title: "See all repositories", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react36.Icon, { path: import_js6.mdiArrowTopLeft, size: 0.75 }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: "See more repositories" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-        import_react33.Form,
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        import_react34.Form,
         {
           method: "post",
           action: location2.pathname,
@@ -58887,16 +58986,16 @@ var import_clsx3 = __toESM(require_clsx()), import_jsx_runtime10 = __toESM(requi
             setIsAnalyzing(!0);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "hidden", name: "refresh", value: "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { className: "btn", disabled: transitionState.state !== "idle", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react35.Icon, { path: import_js6.mdiRefresh, size: "1.25em" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { type: "hidden", name: "refresh", value: "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { className: "btn", disabled: transitionState.state !== "idle", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react36.Icon, { path: import_js6.mdiRefresh, size: "1.25em" }),
               isAnalyzing ? "Analyzing..." : "Refresh"
             ] })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       RevisionSelect,
       {
         disabled: isAnalyzing,
@@ -58912,62 +59011,62 @@ var import_clsx3 = __toESM(require_clsx()), import_jsx_runtime10 = __toESM(requi
 
 // src/components/HiddenFiles.tsx
 var import_react_use2 = __toESM(require_lib5());
-var import_react36 = __toESM(require_dist3()), import_js7 = __toESM(require_mdi());
-var import_react37 = __toESM(require_Icon()), import_react38 = __toESM(require_react()), import_jsx_runtime11 = __toESM(require_jsx_runtime());
+var import_react37 = __toESM(require_dist3()), import_js7 = __toESM(require_mdi());
+var import_react38 = __toESM(require_Icon()), import_react39 = __toESM(require_react()), import_jsx_runtime13 = __toESM(require_jsx_runtime());
 function hiddenFileFormat(ignored) {
   if (!ignored.includes("/"))
     return ignored;
   let split = ignored.split("/");
   return split[split.length - 1];
 }
-var HiddenFiles = (0, import_react38.memo)(function() {
-  let location2 = (0, import_react36.useLocation)(), [expanded, setExpanded] = (0, import_react_use2.useBoolean)(!1), navigationState = (0, import_react36.useNavigation)(), { analyzerData } = useData(), expandHiddenFilesButtonId = (0, import_react38.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "card flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+var HiddenFiles = (0, import_react39.memo)(function() {
+  let location2 = (0, import_react37.useLocation)(), [expanded, setExpanded] = (0, import_react_use2.useBoolean)(!1), navigationState = (0, import_react37.useNavigation)(), { analyzerData } = useData(), expandHiddenFilesButtonId = (0, import_react39.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "card flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
       "h2",
       {
         className: "card__title cursor-pointer justify-start gap-2 hover:opacity-70",
         onClick: () => setExpanded(!expanded),
         role: "button",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react37.Icon, { path: import_js7.mdiEyeOff, size: "1.25em" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react38.Icon, { path: import_js7.mdiEyeOff, size: "1.25em" }),
           "Hidden files (",
           analyzerData.hiddenFiles.length,
           ")",
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronButton, { id: expandHiddenFilesButtonId, className: "absolute right-2 top-2", open: expanded })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronButton, { id: expandHiddenFilesButtonId, className: "absolute right-2 top-2", open: expanded })
         ]
       }
     ),
-    expanded ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: analyzerData.hiddenFiles.map((hidden) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-cols-[auto_1fr] gap-2", title: hidden, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react36.Form, { className: "w-4", method: "post", action: location2.pathname, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { type: "hidden", name: "unignore", value: hidden }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    expanded ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: analyzerData.hiddenFiles.map((hidden) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid grid-cols-[auto_1fr] gap-2", title: hidden, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react37.Form, { className: "w-4", method: "post", action: location2.pathname, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "hidden", name: "unignore", value: hidden }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
           "button",
           {
             className: "btn--icon btn--hover-swap h-4",
             title: "Show file",
             disabled: navigationState.state !== "idle",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react37.Icon, { path: import_js7.mdiEyeOff, className: "inline-block h-full" }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react37.Icon, { path: import_js7.mdiEye, className: "hover-swap inline-block h-full" })
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react38.Icon, { path: import_js7.mdiEyeOff, className: "inline-block h-full" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react38.Icon, { path: import_js7.mdiEye, className: "hover-swap inline-block h-full" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm opacity-70", children: hiddenFileFormat(hidden) })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm opacity-70", children: hiddenFileFormat(hidden) })
     ] }, hidden)) }) : null
   ] });
 });
 
 // src/components/legend/Legend.tsx
-var import_js8 = __toESM(require_mdi()), import_react40 = __toESM(require_Icon());
+var import_js8 = __toESM(require_mdi()), import_react41 = __toESM(require_Icon());
 
 // src/components/legend/SegmentLegend.tsx
-var import_jsx_runtime12 = __toESM(require_jsx_runtime());
+var import_jsx_runtime14 = __toESM(require_jsx_runtime());
 function SegmentLegend({ hoveredObject, metricCache }) {
   let [steps, textGenerator, colorGenerator, offsetStepCalc] = metricCache.legend, width = 100 / steps, arrowVisible = !1, arrowOffset = 0, clickedObject = useClickedObject().clickedObject ?? hoveredObject ?? null;
-  return isBlob(clickedObject) && (arrowVisible = !0, arrowOffset = width / 2 + width * offsetStepCalc(clickedObject)), /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex", children: [...Array(steps)].map((_3, i2) => steps >= 4 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return isBlob(clickedObject) && (arrowVisible = !0, arrowOffset = width / 2 + width * offsetStepCalc(clickedObject)), /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex", children: [...Array(steps)].map((_3, i2) => steps >= 4 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       MetricSegment,
       {
         width,
@@ -58976,7 +59075,7 @@ function SegmentLegend({ hoveredObject, metricCache }) {
         top: i2 % 2 === 0
       },
       `legend-${i2}`
-    ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       TopMetricSegment,
       {
         width,
@@ -58985,84 +59084,84 @@ function SegmentLegend({ hoveredObject, metricCache }) {
       },
       `legend-${i2}`
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LegendBarIndicator, { offset: arrowOffset, visible: arrowVisible })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(LegendBarIndicator, { offset: arrowOffset, visible: arrowVisible })
   ] }) });
 }
 function MetricSegment({ width, color, text, top }) {
-  return top ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { display: "flex", flexDirection: "column", width: `${width}%` }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { textAlign: "left", height: "20px", marginBottom: "-6px" }, children: text }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { textAlign: "left", height: "20px", marginBottom: "-2px" }, children: "/" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { backgroundColor: color, height: "20px" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { textAlign: "left", height: "40px" } })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { display: "flex", flexDirection: "column", width: `${width}%` }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { textAlign: "left", height: "32px" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { backgroundColor: color, height: "20px" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { textAlign: "left", height: "20px", marginTop: "-7px" }, children: "\\" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { textAlign: "left", height: "20px", marginTop: "-4px" }, children: text })
+  return top ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { display: "flex", flexDirection: "column", width: `${width}%` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { textAlign: "left", height: "20px", marginBottom: "-6px" }, children: text }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { textAlign: "left", height: "20px", marginBottom: "-2px" }, children: "/" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { backgroundColor: color, height: "20px" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { textAlign: "left", height: "40px" } })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { display: "flex", flexDirection: "column", width: `${width}%` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { textAlign: "left", height: "32px" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { backgroundColor: color, height: "20px" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { textAlign: "left", height: "20px", marginTop: "-7px" }, children: "\\" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { textAlign: "left", height: "20px", marginTop: "-4px" }, children: text })
   ] });
 }
 function TopMetricSegment({ width, color, text }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { display: "flex", flexDirection: "column", width: `${width}%` }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { textAlign: "left", height: "20px", marginBottom: "-6px" }, children: text }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { textAlign: "left", height: "20px", marginBottom: "-2px" }, children: "/" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { backgroundColor: color, height: "20px" } })
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { display: "flex", flexDirection: "column", width: `${width}%` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { textAlign: "left", height: "20px", marginBottom: "-6px" }, children: text }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { textAlign: "left", height: "20px", marginBottom: "-2px" }, children: "/" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { backgroundColor: color, height: "20px" } })
   ] });
 }
 
 // src/components/legend/GradiantLegend.tsx
-var import_react39 = __toESM(require_react());
-var import_jsx_runtime13 = __toESM(require_jsx_runtime());
+var import_react40 = __toESM(require_react());
+var import_jsx_runtime15 = __toESM(require_jsx_runtime());
 function GradientLegend({ hoveredObject, metricCache }) {
-  let [minValue, maxValue, minValueAltFormat, maxValueAltFormat, minColor, maxColor] = metricCache.legend, { clickedObject } = useClickedObject(), path = (clickedObject == null ? void 0 : clickedObject.path) ?? (hoveredObject == null ? void 0 : hoveredObject.path) ?? null, color = path ? metricCache.colormap.get(path) : null, blobLightness = color ? getLightness(color) : -1, offset = (0, import_react39.useMemo)(() => {
+  let [minValue, maxValue, minValueAltFormat, maxValueAltFormat, minColor, maxColor] = metricCache.legend, { clickedObject } = useClickedObject(), path = (clickedObject == null ? void 0 : clickedObject.path) ?? (hoveredObject == null ? void 0 : hoveredObject.path) ?? null, color = path ? metricCache.colormap.get(path) : null, blobLightness = color ? getLightness(color) : -1, offset = (0, import_react40.useMemo)(() => {
     let min = getLightness(minColor), diff = getLightness(maxColor) - min;
     return diff === 0 ? 1 : (blobLightness - min) / diff;
   }, [blobLightness, maxColor, minColor]), visible = path !== null;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "font-bold", title: minValueAltFormat, children: minValue }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "font-bold", title: maxValueAltFormat, children: maxValue })
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "font-bold", title: minValueAltFormat, children: minValue }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "font-bold", title: maxValueAltFormat, children: maxValue })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "div",
       {
         className: "relative h-6 w-full rounded-full",
         style: {
           backgroundImage: `linear-gradient(to right, ${minColor}, ${maxColor})`
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LegendBarIndicator, { offset: offset * 100, visible })
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(LegendBarIndicator, { offset: offset * 100, visible })
       }
     )
   ] });
 }
 
 // src/components/legend/Legend.tsx
-var import_react41 = __toESM(require_react()), import_jsx_runtime14 = __toESM(require_jsx_runtime());
+var import_react42 = __toESM(require_react()), import_jsx_runtime16 = __toESM(require_jsx_runtime());
 function Legend({
   hoveredObject,
   showUnionAuthorsModal,
   className = ""
 }) {
-  let { metricType, authorshipType } = useOptions(), [metricsData] = useMetrics(), deferredHoveredObject = (0, import_react41.useDeferredValue)(hoveredObject), metricCache = metricsData[authorshipType].get(metricType) ?? void 0;
+  let { metricType, authorshipType } = useOptions(), [metricsData] = useMetrics(), deferredHoveredObject = (0, import_react42.useDeferredValue)(hoveredObject), metricCache = metricsData[authorshipType].get(metricType) ?? void 0;
   if (metricCache === void 0)
     return null;
-  let legend = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, {});
+  let legend = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, {});
   switch (getMetricLegendType(metricType)) {
     case "POINT":
-      legend = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PointLegend, { metricCache, hoveredObject: deferredHoveredObject });
+      legend = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PointLegend, { metricCache, hoveredObject: deferredHoveredObject });
       break;
     case "GRADIENT":
-      legend = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(GradientLegend, { metricCache, hoveredObject: deferredHoveredObject });
+      legend = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GradientLegend, { metricCache, hoveredObject: deferredHoveredObject });
       break;
     case "SEGMENTS":
-      legend = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SegmentLegend, { metricCache, hoveredObject: deferredHoveredObject });
+      legend = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SegmentLegend, { metricCache, hoveredObject: deferredHoveredObject });
       break;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `card flex-shrink-0 overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h2", { className: "card__title", children: "Legend" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "card__subtitle", children: Metric[metricType] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "card-p", children: getMetricDescription(metricType, authorshipType) }),
-    metricType === "TOP_CONTRIBUTOR" || metricType === "SINGLE_AUTHOR" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { className: "btn", onClick: showUnionAuthorsModal, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react40.Icon, { path: import_js8.mdiAccountMultiple }),
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: `card flex-shrink-0 overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { className: "card__title", children: "Legend" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "card__subtitle", children: Metric[metricType] }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "card-p", children: getMetricDescription(metricType, authorshipType) }),
+    metricType === "TOP_CONTRIBUTOR" || metricType === "SINGLE_AUTHOR" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { className: "btn", onClick: showUnionAuthorsModal, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react41.Icon, { path: import_js8.mdiAccountMultiple }),
       "Group authors"
     ] }) : null,
     legend
@@ -59070,19 +59169,19 @@ function Legend({
 }
 
 // src/components/EnumSelect.tsx
-var import_react42 = __toESM(require_Icon()), import_clsx4 = __toESM(require_clsx()), import_jsx_runtime15 = __toESM(require_jsx_runtime());
+var import_react43 = __toESM(require_Icon()), import_clsx5 = __toESM(require_clsx()), import_jsx_runtime17 = __toESM(require_jsx_runtime());
 function EnumSelect(props) {
   let enumEntries = Object.entries(props.enum);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-wrap gap-0", children: enumEntries.map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-wrap gap-0", children: enumEntries.map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "button",
     {
-      className: (0, import_clsx4.default)("btn flex h-auto w-max justify-between gap-2 rounded-lg px-1 py-1 text-xs/none", {
+      className: (0, import_clsx5.default)("btn flex h-auto w-max justify-between gap-2 rounded-lg px-1 py-1 text-xs/none", {
         "btn--primary": key === props.defaultValue,
         "btn--outlined border-transparent hover:text-blue-500": key !== props.defaultValue
       }),
       onClick: () => props.onChange(key),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react42.default, { path: props.iconMap[key], size: "1rem" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react43.default, { path: props.iconMap[key], size: "1rem" }),
         value
       ]
     },
@@ -59091,10 +59190,10 @@ function EnumSelect(props) {
 }
 
 // src/components/Options.tsx
-var import_react43 = __toESM(require_Icon()), import_react44 = __toESM(require_react()), import_js9 = __toESM(require_mdi());
+var import_react44 = __toESM(require_Icon()), import_react45 = __toESM(require_react()), import_js9 = __toESM(require_mdi());
 var import_react_use3 = __toESM(require_lib5());
-var import_jsx_runtime16 = __toESM(require_jsx_runtime());
-var Options2 = (0, import_react44.memo)(function() {
+var import_jsx_runtime18 = __toESM(require_jsx_runtime());
+var Options2 = (0, import_react45.memo)(function() {
   let {
     metricType,
     chartType,
@@ -59140,13 +59239,13 @@ var Options2 = (0, import_react44.memo)(function() {
     SINGLE_AUTHOR: "TRUCK_FACTOR",
     LAST_CHANGED: "LAST_CHANGED"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react43.Icon, { path: import_js9.mdiPuzzle, size: "1.25em" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react44.Icon, { path: import_js9.mdiPuzzle, size: "1.25em" }),
         "Layout"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         EnumSelect,
         {
           enum: Chart,
@@ -59156,12 +59255,12 @@ var Options2 = (0, import_react44.memo)(function() {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react43.Icon, { path: import_js9.mdiPalette, size: "1.25em" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react44.Icon, { path: import_js9.mdiPalette, size: "1.25em" }),
         "Color"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         EnumSelect,
         {
           enum: Metric,
@@ -59176,12 +59275,12 @@ var Options2 = (0, import_react44.memo)(function() {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react43.Icon, { path: import_js9.mdiImageSizeSelectSmall, size: "1.25em" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react44.Icon, { path: import_js9.mdiImageSizeSelectSmall, size: "1.25em" }),
         "Size"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         EnumSelect,
         {
           enum: SizeMetric,
@@ -59191,12 +59290,12 @@ var Options2 = (0, import_react44.memo)(function() {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react43.Icon, { path: import_js9.mdiFamilyTree, size: "1.25em" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react44.Icon, { path: import_js9.mdiFamilyTree, size: "1.25em" }),
         "Hiearchy"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         EnumSelect,
         {
           enum: Hierarchy,
@@ -59206,12 +59305,12 @@ var Options2 = (0, import_react44.memo)(function() {
         }
       )
     ] }),
-    hierarchyType === "NESTED" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react43.Icon, { path: import_js9.mdiViewModule, size: "1.25em" }),
+    hierarchyType === "NESTED" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react44.Icon, { path: import_js9.mdiViewModule, size: "1.25em" }),
         "Depth"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         EnumSelect,
         {
           enum: Depth,
@@ -59221,12 +59320,12 @@ var Options2 = (0, import_react44.memo)(function() {
         }
       )
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react43.Icon, { path: import_js9.mdiCog, size: "1.25em" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("fieldset", { className: "rounded-lg border p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("legend", { className: "card__title ml-1.5 justify-start gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react44.Icon, { path: import_js9.mdiCog, size: "1.25em" }),
         "Settings"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         CheckboxWithLabel,
         {
           className: "text-sm",
@@ -59236,12 +59335,12 @@ var Options2 = (0, import_react44.memo)(function() {
           },
           title: "Enable to sync size metric with color metric",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react43.Icon, { className: "ml-1.5", path: import_js9.mdiLink, size: "1.25em" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Link size and color option" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react44.Icon, { className: "ml-1.5", path: import_js9.mdiLink, size: "1.25em" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Link size and color option" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         CheckboxWithLabel,
         {
           className: "text-sm",
@@ -59249,12 +59348,12 @@ var Options2 = (0, import_react44.memo)(function() {
           onChange: (e) => setTransitionsEnabled(e.target.checked),
           title: "Disable to improve performance when zooming",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react43.Icon, { className: "ml-1.5", path: import_js9.mdiTransition, size: "1.25em" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react44.Icon, { className: "ml-1.5", path: import_js9.mdiTransition, size: "1.25em" }),
             "Transitions"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         CheckboxWithLabel,
         {
           className: "text-sm",
@@ -59262,7 +59361,7 @@ var Options2 = (0, import_react44.memo)(function() {
           onChange: (e) => setLabelsVisible(e.target.checked),
           title: "Disable to improve performance",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react43.Icon, { className: "ml-1.5", path: import_js9.mdiLabel, size: "1.25em" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react44.Icon, { className: "ml-1.5", path: import_js9.mdiLabel, size: "1.25em" }),
             "Labels"
           ]
         }
@@ -59272,21 +59371,21 @@ var Options2 = (0, import_react44.memo)(function() {
 });
 
 // src/components/Providers.tsx
-var import_react46 = __toESM(require_react());
+var import_react47 = __toESM(require_react());
 
 // src/contexts/SearchContext.ts
-var import_react45 = __toESM(require_react()), SearchContext = (0, import_react45.createContext)(void 0);
+var import_react46 = __toESM(require_react()), SearchContext = (0, import_react46.createContext)(void 0);
 function useSearch() {
-  let context = (0, import_react45.useContext)(SearchContext);
+  let context = (0, import_react46.useContext)(SearchContext);
   if (!context)
     throw new Error("useSearch must be used within a SearchProvider");
   return context;
 }
 
 // src/components/Providers.tsx
-var import_jsx_runtime17 = __toESM(require_jsx_runtime());
+var import_jsx_runtime19 = __toESM(require_jsx_runtime());
 function Providers({ children, data }) {
-  let [options, setOptions] = (0, import_react46.useState)(null), [searchResults, setSearchResults] = (0, import_react46.useState)({}), [path, setPath] = (0, import_react46.useState)(data.repo.name), [clickedObject, setClickedObject] = (0, import_react46.useState)(null), metricsData = (0, import_react46.useMemo)(() => createMetricData(data.analyzerData), [data]), optionsValue = (0, import_react46.useMemo)(
+  let [options, setOptions] = (0, import_react47.useState)(null), [searchResults, setSearchResults] = (0, import_react47.useState)({}), [path, setPath] = (0, import_react47.useState)(data.repo.name), [clickedObject, setClickedObject] = (0, import_react47.useState)(null), metricsData = (0, import_react47.useMemo)(() => createMetricData(data.analyzerData), [data]), optionsValue = (0, import_react47.useMemo)(
     () => ({
       ...getDefaultOptionsContextValue(),
       ...options,
@@ -59330,35 +59429,35 @@ function Providers({ children, data }) {
     }),
     [options]
   );
-  return (0, import_react46.useEffect)(() => {
+  return (0, import_react47.useEffect)(() => {
     let canceled = !1;
     return options && requestAnimationFrame(() => {
       canceled || localStorage.setItem(OPTIONS_LOCAL_STORAGE_KEY, JSON.stringify(options));
     }), () => {
       canceled = !0;
     };
-  }, [options]), (0, import_react46.useEffect)(() => {
+  }, [options]), (0, import_react47.useEffect)(() => {
     let savedOptions = localStorage.getItem(OPTIONS_LOCAL_STORAGE_KEY);
     savedOptions && setOptions({
       ...getDefaultOptionsContextValue(JSON.parse(savedOptions)),
       hasLoadedSavedOptions: !0
     });
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DataContext.Provider, { value: data, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MetricsContext.Provider, { value: metricsData, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(OptionsContext.Provider, { value: optionsValue, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DataContext.Provider, { value: data, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MetricsContext.Provider, { value: metricsData, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OptionsContext.Provider, { value: optionsValue, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     SearchContext.Provider,
     {
       value: {
         searchResults,
         setSearchResults
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PathContext.Provider, { value: { path, setPath }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ClickedObjectContext.Provider, { value: { clickedObject, setClickedObject }, children }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PathContext.Provider, { value: { path, setPath }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ClickedObjectContext.Provider, { value: { clickedObject, setClickedObject }, children }) })
     }
   ) }) }) });
 }
 
 // src/components/SearchCard.tsx
-var import_react47 = __toESM(require_react());
 var import_react48 = __toESM(require_react());
-var import_react49 = __toESM(require_Icon()), import_js10 = __toESM(require_mdi()), import_jsx_runtime18 = __toESM(require_jsx_runtime());
+var import_react49 = __toESM(require_react());
+var import_react50 = __toESM(require_Icon()), import_js10 = __toESM(require_mdi()), import_jsx_runtime20 = __toESM(require_jsx_runtime());
 function findSearchResults(tree, searchString) {
   let searchResults = {};
   function subTreeSearch(subTree) {
@@ -59367,9 +59466,9 @@ function findSearchResults(tree, searchString) {
   }
   return subTreeSearch(tree), searchResults;
 }
-var SearchCard = (0, import_react47.memo)(function() {
-  let searchFieldRef = (0, import_react47.useRef)(null), [isTransitioning, startTransition] = (0, import_react47.useTransition)(), [searchText, setSearchText] = (0, import_react47.useState)(""), { searchResults, setSearchResults } = useSearch(), searchResultsArray = (0, import_react47.useMemo)(() => Object.values(searchResults), [searchResults]), id = (0, import_react48.useId)(), { analyzerData } = useData();
-  return (0, import_react47.useEffect)(() => {
+var SearchCard = (0, import_react48.memo)(function() {
+  let searchFieldRef = (0, import_react48.useRef)(null), [isTransitioning, startTransition] = (0, import_react48.useTransition)(), [searchText, setSearchText] = (0, import_react48.useState)(""), { searchResults, setSearchResults } = useSearch(), searchResultsArray = (0, import_react48.useMemo)(() => Object.values(searchResults), [searchResults]), id = (0, import_react49.useId)(), { analyzerData } = useData();
+  return (0, import_react48.useEffect)(() => {
     let searchOverride = (event) => {
       var _a2;
       event.ctrlKey && event.key === "f" && (event.preventDefault(), (_a2 = searchFieldRef.current) == null || _a2.focus());
@@ -59377,14 +59476,14 @@ var SearchCard = (0, import_react47.memo)(function() {
     return document.body.addEventListener("keydown", searchOverride), () => {
       document.body.removeEventListener("keydown", searchOverride);
     };
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "card sticky top-0 z-10 flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("h2", { className: "card__title justify-start gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react49.Icon, { path: import_js10.mdiMagnify, size: "1.25em" }),
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "card sticky top-0 z-10 flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("h2", { className: "card__title justify-start gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react50.Icon, { path: import_js10.mdiMagnify, size: "1.25em" }),
         "Search"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "input",
           {
             className: "input",
@@ -59401,7 +59500,7 @@ var SearchCard = (0, import_react47.memo)(function() {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "button",
           {
             className: "btn btn--primary",
@@ -59415,11 +59514,11 @@ var SearchCard = (0, import_react47.memo)(function() {
           }
         )
       ] }),
-      isTransitioning || searchText.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "card-p", children: isTransitioning ? "Searching..." : searchText.length > 0 ? `${searchResultsArray.length} results` : null }) : null
+      isTransitioning || searchText.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "card-p", children: isTransitioning ? "Searching..." : searchText.length > 0 ? `${searchResultsArray.length} results` : null }) : null
     ] }),
-    searchResultsArray.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SearchResultsList, {}) : null
+    searchResultsArray.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SearchResultsList, {}) : null
   ] });
-}), SearchResultsList = (0, import_react47.memo)(function() {
+}), SearchResultsList = (0, import_react48.memo)(function() {
   let { setPath } = usePath(), { setClickedObject } = useClickedObject(), { searchResults } = useSearch();
   function onClick(object) {
     if (setClickedObject(object), object.type === "tree")
@@ -59429,7 +59528,7 @@ var SearchCard = (0, import_react47.memo)(function() {
       setPath(allExceptLast(object.path.split(sep3)).join(sep3));
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "card relative gap-0", children: Object.values(searchResults).map((result) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "card relative gap-0", children: Object.values(searchResults).map((result) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "button",
     {
       className: "flex items-center justify-start gap-2 text-sm font-bold opacity-70 hover:opacity-100",
@@ -59437,8 +59536,8 @@ var SearchCard = (0, import_react47.memo)(function() {
       value: result.path,
       onClick: () => onClick(result),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react49.Icon, { path: result.type === "tree" ? import_js10.mdiFolder : import_js10.mdiFileOutline, size: 0.75, className: "shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate", children: result.name })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react50.Icon, { path: result.type === "tree" ? import_js10.mdiFolder : import_js10.mdiFileOutline, size: 0.75, className: "shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "truncate", children: result.name })
       ]
     },
     result.path
@@ -59446,10 +59545,10 @@ var SearchCard = (0, import_react47.memo)(function() {
 });
 
 // src/components/UnionAuthorsModal.tsx
-var import_react50 = __toESM(require_react()), import_react51 = __toESM(require_react()), import_react52 = __toESM(require_dist3());
-var import_react_use4 = __toESM(require_lib5()), import_react53 = __toESM(require_Icon()), import_js11 = __toESM(require_mdi()), import_jsx_runtime19 = __toESM(require_jsx_runtime());
+var import_react51 = __toESM(require_react()), import_react52 = __toESM(require_react()), import_react53 = __toESM(require_dist3());
+var import_react_use4 = __toESM(require_lib5()), import_react54 = __toESM(require_Icon()), import_js11 = __toESM(require_mdi()), import_jsx_runtime21 = __toESM(require_jsx_runtime());
 function UnionAuthorsModal({ visible, onClose }) {
-  let { repo, analyzerData, truckConfig } = useData(), submit = (0, import_react52.useSubmit)(), { authors } = analyzerData, authorUnions = truckConfig.unionedAuthors ?? [], [selectedAuthors, setSelectedAuthors] = (0, import_react51.useState)([]), [filter, setFilter] = (0, import_react51.useState)(""), navigationData = (0, import_react52.useNavigation)(), [, authorColors] = useMetrics(), [, startTransition] = (0, import_react50.useTransition)(), flattedUnionedAuthors = authorUnions.reduce((acc, union) => [...acc, ...union], []).sort(stringSorter);
+  let { repo, analyzerData, truckConfig } = useData(), submit = (0, import_react53.useSubmit)(), { authors } = analyzerData, authorUnions = truckConfig.unionedAuthors ?? [], [selectedAuthors, setSelectedAuthors] = (0, import_react52.useState)([]), [filter, setFilter] = (0, import_react52.useState)(""), navigationData = (0, import_react53.useNavigation)(), [, authorColors] = useMetrics(), [, startTransition] = (0, import_react51.useTransition)(), flattedUnionedAuthors = authorUnions.reduce((acc, union) => [...acc, ...union], []).sort(stringSorter);
   function ungroup(groupToUnGroup) {
     let newAuthorUnions = authorUnions.filter((_3, i2) => i2 !== groupToUnGroup), form = new FormData();
     form.append("unionedAuthors", JSON.stringify(newAuthorUnions)), submit(form, {
@@ -59488,7 +59587,7 @@ function UnionAuthorsModal({ visible, onClose }) {
   let getColorFromDisplayName = (displayName) => authorColors.get(displayName) ?? "#333";
   if (!visible)
     return null;
-  let ungroupedAuthorsMessage = ungroupedAuthorsSorted.length === 0 ? "All detected authors have been grouped" : "Select the authors that you know are the same person", groupedAuthorsMessage = authorUnions.length === 0 ? "No authors have been grouped yet" : "", ungroupedAuthersEntries = ungroupedAuthorsSorted.filter((author) => author.toLowerCase().includes(filter.toLowerCase())).map((author) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  let ungroupedAuthorsMessage = ungroupedAuthorsSorted.length === 0 ? "All detected authors have been grouped" : "Select the authors that you know are the same person", groupedAuthorsMessage = authorUnions.length === 0 ? "No authors have been grouped yet" : "", ungroupedAuthersEntries = ungroupedAuthorsSorted.filter((author) => author.toLowerCase().includes(filter.toLowerCase())).map((author) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     CheckboxWithLabel,
     {
       className: "hover:opacity-70",
@@ -59498,20 +59597,20 @@ function UnionAuthorsModal({ visible, onClose }) {
         let newSelectedAuthors = (_a2 = e.target) != null && _a2.checked ? [...selectedAuthors, author] : selectedAuthors.filter((a) => a !== author);
         setSelectedAuthors(newSelectedAuthors);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "inline-flex flex-row place-items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LegendDot, { dotColor: getColorFromDisplayName(author) }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "inline-flex flex-row place-items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LegendDot, { dotColor: getColorFromDisplayName(author) }),
         author
       ] })
     },
     author
   )), groupedAuthorsEntries = authorUnions.map((aliasGroup, aliasGroupIndex) => {
     let displayName = aliasGroup[0], disabled2 = navigationData.state !== "idle", color = getColorFromDisplayName(displayName);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "card m-0 flex flex-col p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "inline-flex flex-row place-items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LegendDot, { dotColor: color }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("b", { children: displayName })
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "card m-0 flex flex-col p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "inline-flex flex-row place-items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LegendDot, { dotColor: color }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("b", { children: displayName })
       ] }),
-      aliasGroup.slice(1).sort(stringSorter).map((alias) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      aliasGroup.slice(1).sort(stringSorter).map((alias) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         AliasEntry,
         {
           alias,
@@ -59520,14 +59619,14 @@ function UnionAuthorsModal({ visible, onClose }) {
         },
         alias
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { className: "btn", onClick: () => ungroup(aliasGroupIndex), title: "Ungroup", disabled: disabled2, children: "Ungroup" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { className: "btn", onClick: () => ungroup(aliasGroupIndex), title: "Ungroup", disabled: disabled2, children: "Ungroup" }) })
     ] }, aliasGroupIndex);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fixed inset-0 z-10 grid bg-black/50 p-2", onClick: handleModalWrapperClick, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "card relative mx-auto grid h-full max-h-full w-auto max-w-screen-lg grid-flow-col grid-cols-[1fr_1fr]  grid-rows-[max-content_max-content_max-content_max-content_1fr_max-content] gap-4 overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "col-span-2 text-2xl", children: "Group authors" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "text-lg font-bold", children: "Ungrouped authors" }),
-    ungroupedAuthorsSorted.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "fixed inset-0 z-10 grid bg-black/50 p-2", onClick: handleModalWrapperClick, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "card relative mx-auto grid h-full max-h-full w-auto max-w-screen-lg grid-flow-col grid-cols-[1fr_1fr]  grid-rows-[max-content_max-content_max-content_max-content_1fr_max-content] gap-4 overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "col-span-2 text-2xl", children: "Group authors" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { className: "text-lg font-bold", children: "Ungrouped authors" }),
+    ungroupedAuthorsSorted.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "input",
         {
           className: "input",
@@ -59536,7 +59635,7 @@ function UnionAuthorsModal({ visible, onClose }) {
           onChange: (e) => startTransition(() => setFilter(e.target.value))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "button",
         {
           disabled: disabled || selectedAuthors.length === 0,
@@ -59545,7 +59644,7 @@ function UnionAuthorsModal({ visible, onClose }) {
           children: "Clear"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         "button",
         {
           className: "btn btn--primary",
@@ -59553,17 +59652,17 @@ function UnionAuthorsModal({ visible, onClose }) {
           title: "Group the selected authors",
           disabled: disabled || selectedAuthors.length === 0,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react53.Icon, { path: import_js11.mdiAccountMultiple, size: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react54.Icon, { path: import_js11.mdiAccountMultiple, size: 1 }),
             "Group"
           ]
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: ungroupedAuthorsMessage }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "min-h-0 overflow-y-auto rounded-md bg-slate-50 p-4 shadow-inner", children: ungroupedAuthersEntries }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "text-lg font-bold", children: "Grouped authors" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mr-6 flex justify-end gap-4", children: authorUnions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: ungroupedAuthorsMessage }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "min-h-0 overflow-y-auto rounded-md bg-slate-50 p-4 shadow-inner", children: ungroupedAuthersEntries }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { className: "text-lg font-bold", children: "Grouped authors" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mr-6 flex justify-end gap-4", children: authorUnions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "button",
       {
         className: "btn btn--danger",
@@ -59573,18 +59672,18 @@ function UnionAuthorsModal({ visible, onClose }) {
         },
         children: "Ungroup all"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: groupedAuthorsMessage }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-col gap-4 overflow-y-auto rounded-md bg-slate-50 p-4 shadow-inner", children: authorUnions.length > 0 ? groupedAuthorsEntries : null }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mr-6 flex justify-end gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { className: "btn", onClick: onClose, children: "Done" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CloseButton, { onClick: onClose })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: groupedAuthorsMessage }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-col gap-4 overflow-y-auto rounded-md bg-slate-50 p-4 shadow-inner", children: authorUnions.length > 0 ? groupedAuthorsEntries : null }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mr-6 flex justify-end gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { className: "btn", onClick: onClose, children: "Done" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CloseButton, { onClick: onClose })
   ] }) });
   function AliasEntry({
     alias,
     onClick,
     disabled: disabled2
   }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "button",
       {
         className: "btn--icon flex grid-flow-col gap-2 text-sm [&:hover>svg]:opacity-50 [&>svg]:opacity-0",
@@ -59592,8 +59691,8 @@ function UnionAuthorsModal({ visible, onClose }) {
         onClick,
         title: "Make display name for this grouping",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react53.Icon, { path: import_js11.mdiArrowUp, size: 0.75 }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "label", children: alias })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react54.Icon, { path: import_js11.mdiArrowUp, size: 0.75 }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { className: "label", children: alias })
         ]
       },
       alias
@@ -59606,10 +59705,10 @@ var stringSorter = (a, b4) => a.toLowerCase().localeCompare(b4.toLowerCase());
 var import_js15 = __toESM(require_mdi());
 
 // src/components/Breadcrumb.tsx
-var import_js12 = __toESM(require_mdi()), import_react54 = __toESM(require_Icon()), import_react55 = __toESM(require_react());
-var import_jsx_runtime20 = __toESM(require_jsx_runtime());
+var import_js12 = __toESM(require_mdi()), import_react55 = __toESM(require_Icon()), import_react56 = __toESM(require_react());
+var import_jsx_runtime22 = __toESM(require_jsx_runtime());
 function Breadcrumb() {
-  let { repo } = useData(), { path, setPath } = usePath(), paths = (0, import_react55.useMemo)(() => {
+  let { repo } = useData(), { path, setPath } = usePath(), paths = (0, import_react56.useMemo)(() => {
     let temppath = path, paths2 = [];
     for (let i2 = 0; i2 < 8 && temppath !== ""; i2++) {
       let idx = temppath.lastIndexOf("/");
@@ -59617,34 +59716,34 @@ function Breadcrumb() {
     }
     return temppath !== "" && (paths2 = paths2.slice(0, paths2.length - 1), paths2.push(["...", ""]), paths2.push([repo.name, repo.name])), paths2.reverse();
   }, [path, repo.name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center gap-1", children: paths.length > 1 ? paths.map(([name, p3], i2) => p3 === "" || i2 === paths.length - 1 ? p3 === "" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-bold", children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react54.default, { path: import_js12.mdiChevronRight, size: 1 })
-  ] }, p3) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-bold", children: name }, p3) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex items-center gap-1", children: paths.length > 1 ? paths.map(([name, p3], i2) => p3 === "" || i2 === paths.length - 1 ? p3 === "" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react56.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "font-bold", children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react55.default, { path: import_js12.mdiChevronRight, size: 1 })
+  ] }, p3) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "font-bold", children: name }, p3) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
       "button",
       {
         className: "card flex flex-row gap-2 px-2 py-1 font-bold hover:opacity-70",
         onClick: () => setPath(p3),
         children: [
-          i2 === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react54.default, { path: import_js12.mdiHome, size: 1 }) : null,
+          i2 === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react55.default, { path: import_js12.mdiHome, size: 1 }) : null,
           name
         ]
       },
       p3
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react54.default, { path: import_js12.mdiChevronRight, size: 1 })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react55.default, { path: import_js12.mdiChevronRight, size: 1 })
   ] })) : null });
 }
 
 // src/components/FeedbackCard.tsx
-var import_js13 = __toESM(require_mdi()), import_react56 = __toESM(require_Icon()), import_react57 = __toESM(require_react()), import_jsx_runtime21 = __toESM(require_jsx_runtime()), FeedbackCard = (0, import_react57.memo)(function() {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { className: "card__title", children: "Help improve Git Truck" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react56.default, { path: import_js13.mdiForum, size: 1 })
+var import_js13 = __toESM(require_mdi()), import_react57 = __toESM(require_Icon()), import_react58 = __toESM(require_react()), import_jsx_runtime23 = __toESM(require_jsx_runtime()), FeedbackCard = (0, import_react58.memo)(function() {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { className: "card__title", children: "Help improve Git Truck" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react57.default, { path: import_js13.mdiForum, size: 1 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "a",
       {
         className: "btn",
@@ -59652,12 +59751,12 @@ var import_js13 = __toESM(require_mdi()), import_react56 = __toESM(require_Icon(
         target: "_blank",
         rel: "noopener noreferrer",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react56.default, { path: import_js13.mdiMessageDraw }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react57.default, { path: import_js13.mdiMessageDraw }),
           "Answer questionnaire"
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "a",
       {
         className: "btn",
@@ -59665,7 +59764,7 @@ var import_js13 = __toESM(require_mdi()), import_react56 = __toESM(require_Icon(
         target: "_blank",
         rel: "noopener noreferrer",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react56.default, { path: import_js13.mdiAlertCircleOutline }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react57.default, { path: import_js13.mdiAlertCircleOutline }),
           "Open an issue"
         ]
       }
@@ -60152,17 +60251,17 @@ function binary_default(parent, x0, y0, x1, y1) {
 }
 
 // src/components/Chart.tsx
-var import_react58 = __toESM(require_react());
+var import_react59 = __toESM(require_react());
 
 // src/const.ts
 var searchMatchColor = "red";
 
 // src/components/Chart.tsx
-var import_clsx5 = __toESM(require_clsx());
-var import_jsx_runtime22 = __toESM(require_jsx_runtime()), Chart2 = (0, import_react58.memo)(function({
+var import_clsx6 = __toESM(require_clsx());
+var import_jsx_runtime24 = __toESM(require_jsx_runtime()), Chart2 = (0, import_react59.memo)(function({
   setHoveredObject
 }) {
-  let [ref, rawSize] = useComponentSize(), { searchResults } = useSearch(), size = (0, import_react58.useDeferredValue)(rawSize), { analyzerData } = useData(), { chartType, sizeMetric, depthType, hierarchyType } = useOptions(), { path } = usePath(), { clickedObject, setClickedObject } = useClickedObject(), { setPath } = usePath(), numberOfDepthLevels;
+  let [ref, rawSize] = useComponentSize(), { searchResults } = useSearch(), size = (0, import_react59.useDeferredValue)(rawSize), { analyzerData } = useData(), { chartType, sizeMetric, depthType, hierarchyType } = useOptions(), { path } = usePath(), { clickedObject, setClickedObject } = useClickedObject(), { setPath } = usePath(), numberOfDepthLevels;
   switch (depthType) {
     case "One":
       numberOfDepthLevels = 1;
@@ -60183,7 +60282,7 @@ var import_jsx_runtime22 = __toESM(require_jsx_runtime()), Chart2 = (0, import_r
     default:
       numberOfDepthLevels = void 0;
   }
-  let nodes = (0, import_react58.useMemo)(() => {
+  let nodes = (0, import_react59.useMemo)(() => {
     if (size.width === 0 || size.height === 0)
       return [];
     let commit = hierarchyType === "NESTED" ? analyzerData.commit : {
@@ -60195,7 +60294,7 @@ var import_jsx_runtime22 = __toESM(require_jsx_runtime()), Chart2 = (0, import_r
     };
     return createPartitionedHiearchy(commit, size, chartType, sizeMetric, path).descendants();
   }, [size, hierarchyType, analyzerData.commit, chartType, sizeMetric, path]);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     setHoveredObject(null);
   }, [chartType, analyzerData.commit, size, setHoveredObject]);
   let createGroupHandlers = (d4, isRoot) => isBlob(d4.data) ? {
@@ -60211,10 +60310,10 @@ var import_jsx_runtime22 = __toESM(require_jsx_runtime()), Chart2 = (0, import_r
     },
     onMouseOut: () => setHoveredObject(null)
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "relative grid place-items-center overflow-hidden", ref, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "relative grid place-items-center overflow-hidden", ref, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "svg",
     {
-      className: (0, import_clsx5.default)("grid h-full w-full place-items-center", {
+      className: (0, import_clsx6.default)("grid h-full w-full place-items-center", {
         "cursor-zoom-out": path.includes("/")
       }),
       xmlns: "http://www.w3.org/2000/svg",
@@ -60223,22 +60322,22 @@ var import_jsx_runtime22 = __toESM(require_jsx_runtime()), Chart2 = (0, import_r
         let parentPath = path.split("/").slice(0, -1).join("/");
         setPath(parentPath === "" ? "/" : parentPath);
       },
-      children: nodes.map((d4, i2) => numberOfDepthLevels !== void 0 && d4.depth > numberOfDepthLevels ? null : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      children: nodes.map((d4, i2) => numberOfDepthLevels !== void 0 && d4.depth > numberOfDepthLevels ? null : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "g",
         {
-          className: (0, import_clsx5.default)("hover:opacity-60", {
+          className: (0, import_clsx6.default)("hover:opacity-60", {
             "cursor-pointer": i2 === 0,
             "cursor-zoom-in": i2 > 0 && isTree(d4.data),
             "animate-blink": (clickedObject == null ? void 0 : clickedObject.path) === d4.data.path
           }),
           ...createGroupHandlers(d4, i2 === 0),
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Node3, { isRoot: i2 === 0, d: d4, isSearchMatch: Boolean(searchResults[d4.data.path]) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Node3, { isRoot: i2 === 0, d: d4, isSearchMatch: Boolean(searchResults[d4.data.path]) })
         },
         `${chartType}${d4.data.path}`
       ))
     }
   ) });
-}), Node3 = (0, import_react58.memo)(function({
+}), Node3 = (0, import_react59.memo)(function({
   d: d4,
   isRoot,
   isSearchMatch
@@ -60267,18 +60366,18 @@ var import_jsx_runtime22 = __toESM(require_jsx_runtime()), Chart2 = (0, import_r
     default:
       throw Error("Unknown chart type");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Path,
       {
-        className: (0, import_clsx5.default)({
+        className: (0, import_clsx6.default)({
           "cursor-pointer": isBlob(d4.data)
         }),
         d: d4,
         isSearchMatch
       }
     ),
-    showLabel ? chartType === "BUBBLE_CHART" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CircleText, { d: d4, displayText }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    showLabel ? chartType === "BUBBLE_CHART" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CircleText, { d: d4, displayText }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       RectText,
       {
         className: "font-mono",
@@ -60297,7 +60396,7 @@ function Path({
   className = ""
 }) {
   var _a2;
-  let [metricsData] = useMetrics(), { chartType, metricType, authorshipType } = useOptions(), dProp = (0, import_react58.useMemo)(() => {
+  let [metricsData] = useMetrics(), { chartType, metricType, authorshipType } = useOptions(), dProp = (0, import_react59.useMemo)(() => {
     if (chartType === "BUBBLE_CHART") {
       let datum = d4;
       return circlePathFromCircle(datum.x, datum.y + 14 - 1, datum.r - 1);
@@ -60317,11 +60416,11 @@ function Path({
     strokeWidth: "1px",
     fill: isBlob(d4.data) ? ((_a2 = metricsData[authorshipType].get(metricType)) == null ? void 0 : _a2.colormap.get(d4.data.path)) ?? "grey" : "transparent"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     it3.path,
     {
       ...props,
-      className: (0, import_clsx5.default)(className, {
+      className: (0, import_clsx6.default)(className, {
         "animate-stroke-pulse": isSearchMatch,
         "stroke-black/20": isTree(d4.data)
       })
@@ -60339,20 +60438,20 @@ function CircleText({
   }), textProps = useToggleableSpring({
     fill: isBlob(d4.data) ? getTextColorFromBackground(((_a2 = metricsData[authorshipType].get(metricType)) == null ? void 0 : _a2.colormap.get(d4.data.path)) ?? "#333") : "#333"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(it3.path, { ...props, id: d4.data.path, className: "pointer-events-none fill-none stroke-none" }),
-    isTree(d4.data) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(it3.path, { ...props, id: d4.data.path, className: "pointer-events-none fill-none stroke-none" }),
+    isTree(d4.data) ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       it3.text,
       {
         className: "pointer-events-none stroke-white stroke-[7px] font-mono text-sm font-bold",
         strokeLinecap: "round",
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("textPath", { startOffset: "50%", dominantBaseline: "central", textAnchor: "middle", xlinkHref: `#${d4.data.path}`, children: displayText })
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("textPath", { startOffset: "50%", dominantBaseline: "central", textAnchor: "middle", xlinkHref: `#${d4.data.path}`, children: displayText })
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(it3.text, { ...textProps, className: "pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(it3.text, { ...textProps, className: "pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "textPath",
       {
-        className: (0, import_clsx5.default)("font-mono", className, {
+        className: (0, import_clsx6.default)("font-mono", className, {
           "text-sm font-bold": isTree(d4.data),
           "text-xs": !isTree(d4.data)
         }),
@@ -60376,11 +60475,11 @@ function RectText({
     y: d4.y0 + yOffset,
     fill: isBlob(d4.data) ? getTextColorFromBackground(((_a2 = metricsData[authorshipType].get(metricType)) == null ? void 0 : _a2.colormap.get(d4.data.path)) ?? "#333") : "#333"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     it3.text,
     {
       ...props,
-      className: (0, import_clsx5.default)("pointer-events-none", className, {
+      className: (0, import_clsx6.default)("pointer-events-none", className, {
         "font-bold": isTree(d4.data)
       }),
       children: displayText
@@ -60462,20 +60561,20 @@ function flatten(tree) {
 }
 
 // src/routes/$repo.$.tsx
-var import_react63 = __toESM(require_Icon());
-var import_clsx6 = __toESM(require_clsx());
+var import_react64 = __toESM(require_Icon());
+var import_clsx7 = __toESM(require_clsx());
 
 // src/components/Tooltip.tsx
-var import_react59 = __toESM(require_react());
-var import_js14 = __toESM(require_mdi()), import_react60 = __toESM(require_Icon()), import_jsx_runtime23 = __toESM(require_jsx_runtime()), Tooltip = (0, import_react59.memo)(function({ hoveredObject, x: x4, y: y5 }) {
-  let tooltipRef = (0, import_react59.useRef)(null), { metricType, authorshipType } = useOptions(), [metricsData] = useMetrics(), color = (0, import_react59.useMemo)(() => {
+var import_react60 = __toESM(require_react());
+var import_js14 = __toESM(require_mdi()), import_react61 = __toESM(require_Icon()), import_jsx_runtime25 = __toESM(require_jsx_runtime()), Tooltip = (0, import_react60.memo)(function({ hoveredObject, x: x4, y: y5 }) {
+  let tooltipRef = (0, import_react60.useRef)(null), { metricType, authorshipType } = useOptions(), [metricsData] = useMetrics(), color = (0, import_react60.useMemo)(() => {
     var _a2, _b2;
     if (!hoveredObject)
       return null;
     let colormap = (_b2 = (_a2 = metricsData[authorshipType]) == null ? void 0 : _a2.get(metricType)) == null ? void 0 : _b2.colormap;
     return (colormap == null ? void 0 : colormap.get(hoveredObject.path)) ?? "grey";
-  }, [hoveredObject, metricsData, metricType, authorshipType]), right = (0, import_react59.useMemo)(() => x4 < window.innerWidth / 2, [x4]), top = (0, import_react59.useMemo)(() => y5 < window.innerHeight / 2, [y5]), xTransform = (0, import_react59.useMemo)(() => right ? `calc(1rem + ${x4}px)` : `calc(-1rem + ${x4}px - 100%)`, [right, x4]), yTransform = (0, import_react59.useMemo)(() => top ? `calc(1rem + ${y5}px)` : `calc(-1rem + ${y5}px - 100%)`, [top, y5]), visible = hoveredObject !== null;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  }, [hoveredObject, metricsData, metricType, authorshipType]), right = (0, import_react60.useMemo)(() => x4 < window.innerWidth / 2, [x4]), top = (0, import_react60.useMemo)(() => y5 < window.innerHeight / 2, [y5]), xTransform = (0, import_react60.useMemo)(() => right ? `calc(1rem + ${x4}px)` : `calc(-1rem + ${x4}px - 100%)`, [right, x4]), yTransform = (0, import_react60.useMemo)(() => top ? `calc(1rem + ${y5}px)` : `calc(-1rem + ${y5}px - 100%)`, [top, y5]), visible = hoveredObject !== null;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       className: `card absolute left-0 top-0 flex w-max flex-row place-items-center rounded-full py-0 pl-1 pr-2 will-change-transform ${visible ? "visible" : "hidden"}`,
@@ -60484,10 +60583,10 @@ var import_js14 = __toESM(require_mdi()), import_react60 = __toESM(require_Icon(
         transform: visible ? `translate(${xTransform}, ${yTransform})` : "none"
       },
       children: [
-        (hoveredObject == null ? void 0 : hoveredObject.type) === "blob" ? color ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LegendDot, { dotColor: color }) : null : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react60.default, { className: "ml-0.5", path: import_js14.mdiFolder, size: 0.75 }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "card__subtitle items-center font-bold", children: hoveredObject && isBlob(hoveredObject) ? hoveredObject == null ? void 0 : hoveredObject.name : allExceptFirst((hoveredObject == null ? void 0 : hoveredObject.path.split("/")) ?? []).map((segment, index, segments) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react59.Fragment, { children: [
+        (hoveredObject == null ? void 0 : hoveredObject.type) === "blob" ? color ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LegendDot, { dotColor: color }) : null : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react61.default, { className: "ml-0.5", path: import_js14.mdiFolder, size: 0.75 }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "card__subtitle items-center font-bold", children: hoveredObject && isBlob(hoveredObject) ? hoveredObject == null ? void 0 : hoveredObject.name : allExceptFirst((hoveredObject == null ? void 0 : hoveredObject.path.split("/")) ?? []).map((segment, index, segments) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react60.Fragment, { children: [
           segment,
-          segments.length > 1 && index < segments.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react60.default, { path: import_js14.mdiMenuRight, size: 1 }) : null
+          segments.length > 1 && index < segments.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react61.default, { path: import_js14.mdiMenuRight, size: 1 }) : null
         ] }, `segment-${index}${segment}`)) }),
         (hoveredObject == null ? void 0 : hoveredObject.type) === "blob" ? ColorMetricDependentInfo({
           metric: metricType,
@@ -60506,7 +60605,7 @@ function ColorMetricDependentInfo(props) {
       return noCommits ? `${noCommits} commit${noCommits > 1 ? "s" : null}` : null;
     case "LAST_CHANGED":
       let epoch = (_b2 = props.hoveredBlob) == null ? void 0 : _b2.lastChangeEpoch;
-      return epoch ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: dateFormatRelative(epoch) }) : null;
+      return epoch ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: dateFormatRelative(epoch) }) : null;
     case "SINGLE_AUTHOR":
       let authors = props.hoveredBlob ? Object.entries(((_d = (_c2 = props.hoveredBlob) == null ? void 0 : _c2.unionedAuthors) == null ? void 0 : _d[props.authorshipType]) ?? []) : [];
       switch (authors.length) {
@@ -60519,7 +60618,7 @@ function ColorMetricDependentInfo(props) {
       }
     case "TOP_CONTRIBUTOR":
       let dominant = ((_f = (_e3 = props.hoveredBlob) == null ? void 0 : _e3.dominantAuthor) == null ? void 0 : _f[props.authorshipType]) ?? void 0;
-      return dominant ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: dominant[0] }) : null;
+      return dominant ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: dominant[0] }) : null;
     case "TRUCK_FACTOR":
       let authorCount = Object.entries(((_h = (_g = props.hoveredBlob) == null ? void 0 : _g.unionedAuthors) == null ? void 0 : _h.HISTORICAL) ?? []).length;
       switch (authorCount) {
@@ -60536,7 +60635,7 @@ function ColorMetricDependentInfo(props) {
 }
 
 // src/routes/$repo.$.tsx
-var import_react_dom2 = __toESM(require_react_dom()), import_js16 = __toESM(require_mdi()), import_jsx_runtime24 = __toESM(require_jsx_runtime()), invalidateCache = !1, loader = async ({ params }) => {
+var import_react_dom2 = __toESM(require_react_dom()), import_js16 = __toESM(require_mdi()), import_jsx_runtime26 = __toESM(require_jsx_runtime()), invalidateCache = !1, loader = async ({ params }) => {
   if (!params.repo || !params["*"])
     return (0, import_node2.redirect)("/");
   let [args, truckConfig] = await getTruckConfigWithArgs(params.repo), options = {
@@ -60593,102 +60692,102 @@ var import_react_dom2 = __toESM(require_react_dom()), import_js16 = __toESM(requ
     }
   return null;
 }, ErrorBoundary2 = () => {
-  let error2 = (0, import_react62.useRouteError)();
-  if ((0, import_react61.useEffect)(() => {
+  let error2 = (0, import_react63.useRouteError)();
+  if ((0, import_react62.useEffect)(() => {
     console.error(error2);
-  }, [error2]), (0, import_react62.isRouteErrorResponse)(error2))
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "app-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h1", { children: "An error occured!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: "See console for more infomation." }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { children: [
+  }, [error2]), (0, import_react63.isRouteErrorResponse)(error2))
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "app-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "card", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h1", { children: "An error occured!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: "See console for more infomation." }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { children: [
           "Message: ",
           error2.data.message
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Code, { children: error2.data.message }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react62.Link, { to: ".", children: "Retry" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react62.Link, { to: "..", children: "Go back" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Code, { children: error2.data.message }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react63.Link, { to: ".", children: "Retry" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react63.Link, { to: "..", children: "Go back" }) })
       ] })
     ] });
   let errorMessage = "Unknown error";
-  return typeof error2 == "string" ? errorMessage = error2 : typeof error2 == "object" && error2 !== null && "message" in error2 && typeof error2.message == "string" && (errorMessage = error2.message), /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "app-container", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h1", { children: "An error occured!" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: "See console for more infomation." }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Code, { children: errorMessage }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react62.Link, { to: ".", children: "Retry" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react62.Link, { to: "..", children: "Go back" }) })
+  return typeof error2 == "string" ? errorMessage = error2 : typeof error2 == "object" && error2 !== null && "message" in error2 && typeof error2.message == "string" && (errorMessage = error2.message), /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "app-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h1", { children: "An error occured!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: "See console for more infomation." }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Code, { children: errorMessage }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react63.Link, { to: ".", children: "Retry" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react63.Link, { to: "..", children: "Go back" }) })
     ] })
   ] });
-}, UpdateNotifier = (0, import_react61.memo)(function() {
+}, UpdateNotifier = (0, import_react62.memo)(function() {
   let { gitTruckInfo } = useData();
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { children: [
       "Update available: ",
       gitTruckInfo.latestVersion
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "card-p", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "card-p", children: [
       "Currently installed: ",
       gitTruckInfo.version
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "card-p", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "card-p", children: [
       "To update, close application and run: ",
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Code, { inline: !0, children: "npx git-truck@latest" })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Code, { inline: !0, children: "npx git-truck@latest" })
     ] })
   ] });
 });
 function Repo() {
-  let client = useClient(), data = (0, import_remix_typedjson.useTypedLoaderData)(), { analyzerData, gitTruckInfo } = data, [isLeftPanelCollapse, setIsLeftPanelCollapse] = (0, import_react61.useState)(!1), [isRightPanelCollapse, setIsRightPanelCollapse] = (0, import_react61.useState)(!1), [isFullscreen, setIsFullscreen] = (0, import_react61.useState)(!1), [unionAuthorsModalOpen, setUnionAuthorsModalOpen] = (0, import_react_use5.useBoolean)(!1), [hoveredObject, setHoveredObject] = (0, import_react61.useState)(null), showUnionAuthorsModal = () => setUnionAuthorsModalOpen(!0);
+  let client = useClient(), data = (0, import_remix_typedjson.useTypedLoaderData)(), { analyzerData, gitTruckInfo } = data, [isLeftPanelCollapse, setIsLeftPanelCollapse] = (0, import_react62.useState)(!1), [isRightPanelCollapse, setIsRightPanelCollapse] = (0, import_react62.useState)(!1), [isFullscreen, setIsFullscreen] = (0, import_react62.useState)(!1), [unionAuthorsModalOpen, setUnionAuthorsModalOpen] = (0, import_react_use5.useBoolean)(!1), [hoveredObject, setHoveredObject] = (0, import_react62.useState)(null), showUnionAuthorsModal = () => setUnionAuthorsModalOpen(!0);
   if (!analyzerData)
     return null;
   function defineTheContainerClass() {
     return isFullscreen ? "fullscreen" : isLeftPanelCollapse && isRightPanelCollapse ? "both-collapse" : isLeftPanelCollapse ? "left-collapse" : isRightPanelCollapse ? "right-collapse" : "";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Providers, { data, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `app-container ${defineTheContainerClass()}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("aside", { className: (0, import_clsx6.default)("flex flex-col gap-2 p-2 pl-0", {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Providers, { data, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `app-container ${defineTheContainerClass()}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("aside", { className: (0, import_clsx7.default)("flex flex-col gap-2 p-2 pl-0", {
         "overflow-y-auto": !isFullscreen
       }), children: [
-        isFullscreen ? null : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute z-10", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { onClick: () => setIsLeftPanelCollapse(!isLeftPanelCollapse), className: (0, import_clsx6.default)("absolute top-half-screen rounded-full bg-white w-8 h-8 flex items-center cursor-pointer justify-center border-solid border-2 border-sky-500", {
+        isFullscreen ? null : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute z-10", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { onClick: () => setIsLeftPanelCollapse(!isLeftPanelCollapse), className: (0, import_clsx7.default)("absolute top-half-screen rounded-full bg-white w-8 h-8 flex items-center cursor-pointer justify-center border-solid border-2 border-sky-500", {
           "left-arrow-space": !isLeftPanelCollapse
-        }), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react63.Icon, { path: isLeftPanelCollapse ? import_js16.mdiChevronRight : import_js16.mdiChevronLeft, size: 1 }) }) }),
-        isLeftPanelCollapse ? null : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GlobalInfo, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Options2, {}),
-          analyzerData.hiddenFiles.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HiddenFiles, {}) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SearchCard, {})
+        }), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react64.Icon, { path: isLeftPanelCollapse ? import_js16.mdiChevronRight : import_js16.mdiChevronLeft, size: 1 }) }) }),
+        isLeftPanelCollapse ? null : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(GlobalInfo, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Options2, {}),
+          analyzerData.hiddenFiles.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(HiddenFiles, {}) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SearchCard, {})
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("main", { className: "grid h-full min-w-[100px] grid-rows-[auto,1fr] gap-2 overflow-y-hidden p-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("header", { className: "grid grid-flow-col items-center justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Breadcrumb, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FullscreenButton, { setIsFullscreen, isFullscreen })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("main", { className: "grid h-full min-w-[100px] grid-rows-[auto,1fr] gap-2 overflow-y-hidden p-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("header", { className: "grid grid-flow-col items-center justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Breadcrumb, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FullscreenButton, { setIsFullscreen, isFullscreen })
         ] }),
-        client ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChartWrapper, { hoveredObject, setHoveredObject }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", {})
+        client ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChartWrapper, { hoveredObject, setHoveredObject }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("aside", { className: (0, import_clsx6.default)("flex flex-col gap-2 p-2 pl-0", {
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("aside", { className: (0, import_clsx7.default)("flex flex-col gap-2 p-2 pl-0", {
         "overflow-y-auto": !isFullscreen
       }), children: [
-        isFullscreen ? null : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute z-10", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { onClick: () => setIsRightPanelCollapse(!isRightPanelCollapse), className: "absolute right-0 top-half-screen rounded-full bg-white w-8 h-8 flex items-center cursor-pointer justify-center border-solid border-2 border-sky-500", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react63.Icon, { path: isRightPanelCollapse ? import_js16.mdiChevronLeft : import_js16.mdiChevronRight, size: 1 }) }) }),
-        isRightPanelCollapse ? null : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-          gitTruckInfo.latestVersion && semverCompare(gitTruckInfo.latestVersion, gitTruckInfo.version) === 1 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(UpdateNotifier, {}) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        isFullscreen ? null : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute z-10", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { onClick: () => setIsRightPanelCollapse(!isRightPanelCollapse), className: "absolute right-0 top-half-screen rounded-full bg-white w-8 h-8 flex items-center cursor-pointer justify-center border-solid border-2 border-sky-500", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react64.Icon, { path: isRightPanelCollapse ? import_js16.mdiChevronLeft : import_js16.mdiChevronRight, size: 1 }) }) }),
+        isRightPanelCollapse ? null : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+          gitTruckInfo.latestVersion && semverCompare(gitTruckInfo.latestVersion, gitTruckInfo.version) === 1 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(UpdateNotifier, {}) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             DetailsCard,
             {
-              className: (0, import_clsx6.default)({
+              className: (0, import_clsx7.default)({
                 "absolute bottom-0 right-0 max-h-screen -translate-x-full overflow-y-auto shadow shadow-black/50": isFullscreen
               }),
               showUnionAuthorsModal
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Legend, { hoveredObject, showUnionAuthorsModal }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FeedbackCard, {})
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Legend, { hoveredObject, showUnionAuthorsModal }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FeedbackCard, {})
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       UnionAuthorsModal,
       {
         visible: unionAuthorsModalOpen,
@@ -60699,17 +60798,17 @@ function Repo() {
     )
   ] });
 }
-var FullscreenButton = (0, import_react61.memo)(function({
+var FullscreenButton = (0, import_react62.memo)(function({
   setIsFullscreen,
   isFullscreen
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "button",
     {
       className: "card btn--icon p-1",
       onClick: () => setIsFullscreen((isFullscreen2) => !isFullscreen2),
       title: "Toggle full view",
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react63.Icon, { path: isFullscreen ? import_js15.mdiFullscreenExit : import_js15.mdiFullscreen, size: 1 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react64.Icon, { path: isFullscreen ? import_js15.mdiFullscreenExit : import_js15.mdiFullscreen, size: 1 })
     }
   );
 });
@@ -60717,11 +60816,11 @@ function ChartWrapper({
   hoveredObject,
   setHoveredObject
 }) {
-  let chartWrapperRef = (0, import_react61.useRef)(null), bodyRef = (0, import_react61.useRef)(document.body), mouse = (0, import_react_use5.useMouse)(bodyRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "card grid overflow-y-hidden p-2", ref: chartWrapperRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Chart2, { setHoveredObject }),
+  let chartWrapperRef = (0, import_react62.useRef)(null), bodyRef = (0, import_react62.useRef)(document.body), mouse = (0, import_react_use5.useMouse)(bodyRef);
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "card grid overflow-y-hidden p-2", ref: chartWrapperRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Chart2, { setHoveredObject }),
     (0, import_react_dom2.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Tooltip, { hoveredObject, x: mouse.docX, y: mouse.docY, w: window.innerWidth }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Tooltip, { hoveredObject, x: mouse.docX, y: mouse.docY, w: window.innerWidth }),
       document.body
     )
   ] });
@@ -60733,30 +60832,30 @@ __export(index_exports, {
   default: () => Index,
   loader: () => loader2
 });
-var import_react64 = __toESM(require_dist3());
+var import_react65 = __toESM(require_dist3());
 
 // src/components/LoadingIndicator.tsx
-var import_clsx7 = __toESM(require_clsx());
+var import_clsx8 = __toESM(require_clsx());
 
 // src/assets/truck.gif
 var truck_default = "/build/_assets/truck-7F5JWBYT.gif";
 
 // src/components/LoadingIndicator.tsx
-var import_jsx_runtime25 = __toESM(require_jsx_runtime());
+var import_jsx_runtime27 = __toESM(require_jsx_runtime());
 function LoadingIndicator({
   loadingText = "Loading",
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
-      className: (0, import_clsx7.default)("grid h-full w-full place-items-center", className),
+      className: (0, import_clsx8.default)("grid h-full w-full place-items-center", className),
       style: {
         backgroundColor: "var(--global-bg-color)"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex animate-hide-initially flex-col px-2 py-2 opacity-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-center text-3xl font-bold uppercase tracking-[0.5em] opacity-70", children: loadingText }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: truck_default, alt: "\u{1F69B}", className: "w-full min-w-0 max-w-sm" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex animate-hide-initially flex-col px-2 py-2 opacity-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-center text-3xl font-bold uppercase tracking-[0.5em] opacity-70", children: loadingText }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: truck_default, alt: "\u{1F69B}", className: "w-full min-w-0 max-w-sm" })
       ] })
     }
   );
@@ -60764,13 +60863,13 @@ function LoadingIndicator({
 
 // src/routes/_index.tsx
 var import_path9 = require("path");
-var import_react65 = __toESM(require_react());
+var import_react66 = __toESM(require_react());
 
 // src/assets/truck.png
 var truck_default2 = "/build/_assets/truck-JLDVJULS.png";
 
 // src/routes/_index.tsx
-var import_jsx_runtime26 = __toESM(require_jsx_runtime());
+var import_jsx_runtime28 = __toESM(require_jsx_runtime());
 async function getResponse() {
   let args = getArgsWithDefaults(), [repo, repositories] = await GitCaller.scanDirectoryForRepositories(args.path, args.invalidateCache), baseDir = (0, import_path9.resolve)(repo ? getBaseDirFromPath(args.path) : args.path);
   return {
@@ -60782,69 +60881,69 @@ async function getResponse() {
 }
 var loader2 = async () => await getResponse();
 function Index() {
-  let { repositories, baseDir, baseDirName } = (0, import_react64.useLoaderData)();
-  return (0, import_react64.useNavigation)().state !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "grid h-screen place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LoadingIndicator, { loadingText: "Analyzing" }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("main", { className: "m-auto flex min-h-screen w-full max-w-7xl flex-col gap-2 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("h1", { className: "flex items-center text-4xl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("img", { src: truck_default2, alt: "Git Truck", className: "mr-2 inline-block h-12" }),
+  let { repositories, baseDir, baseDirName } = (0, import_react65.useLoaderData)();
+  return (0, import_react65.useNavigation)().state !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "grid h-screen place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(LoadingIndicator, { loadingText: "Analyzing" }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("main", { className: "m-auto flex min-h-screen w-full max-w-7xl flex-col gap-2 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("h1", { className: "flex items-center text-4xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("img", { src: truck_default2, alt: "Git Truck", className: "mr-2 inline-block h-12" }),
         "Git Truck"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
         "Found ",
         repositories.length,
         " git repositor",
         repositories.length === 1 ? "y" : "ies",
         " in the folder",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Code, { inline: !0, title: baseDir, children: baseDirName }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Code, { inline: !0, title: baseDir, children: baseDirName }),
         "."
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RepositoryGrid, { repositories })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RepositoryGrid, { repositories })
   ] });
 }
 function RepositoryGrid({ repositories }) {
-  return repositories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { children: [
+  return repositories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { children: [
     "Try running ",
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Code, { inline: !0, children: "git-truck" }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Code, { inline: !0, children: "git-truck" }),
     " in another folder or provide another path as argument."
-  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("nav", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("ul", { className: "grid grid-cols-[repeat(auto-fit,minmax(225px,1fr))] gap-2", children: [
-    repositories.map((repo) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RepositoryEntry, { repo }, repo.path)),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("li", { className: "card gap-3 p-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("nav", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("ul", { className: "grid grid-cols-[repeat(auto-fit,minmax(225px,1fr))] gap-2", children: [
+    repositories.map((repo) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RepositoryEntry, { repo }, repo.path)),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("li", { className: "card gap-3 p-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "h2",
         {
           className: "card__title rounded-t bg-gradient-to-r from-blue-500 to-blue-600 p-3 pb-3 text-white transition-colors",
           title: "Add repository",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "line-clamp-1 break-all", children: "Add repository" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "align-content-start right-0 top-0 flex min-w-max select-none place-items-center rounded-full  bg-white/20 px-2 py-1.5 text-xs font-bold uppercase leading-none tracking-widest text-white/90", children: "Coming soon" })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "line-clamp-1 break-all", children: "Add repository" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "align-content-start right-0 top-0 flex min-w-max select-none place-items-center rounded-full  bg-white/20 px-2 py-1.5 text-xs font-bold uppercase leading-none tracking-widest text-white/90", children: "Coming soon" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-2 p-3 pt-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", { type: "text", className: "input", placeholder: "git@github.com/owner/repo.git" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { className: "btn", disabled: !0, title: "Coming soon!", children: "Clone" })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-2 p-3 pt-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("input", { type: "text", className: "input", placeholder: "git@github.com/owner/repo.git" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { className: "btn", disabled: !0, title: "Coming soon!", children: "Clone" })
       ] })
     ] })
   ] }) }) });
 }
 function RepositoryEntry({ repo }) {
-  let [head, setHead] = (0, import_react65.useState)(repo.currentHead), path = getPathFromRepoAndHead(repo.name, head), branchIsAnalyzed = repo.analyzedHeads[head];
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "card gap-3 p-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  let [head, setHead] = (0, import_react66.useState)(repo.currentHead), path = getPathFromRepoAndHead(repo.name, head), branchIsAnalyzed = repo.analyzedHeads[head];
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "card gap-3 p-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "h2",
       {
         className: `card__title rounded-t bg-gradient-to-r p-3 text-white ${branchIsAnalyzed ? " from-green-500  to-green-600 " : "from-gray-500 to-gray-600"}`,
         title: repo.name,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "line-clamp-1 break-all", children: repo.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "align-content-start right-0 top-0 flex min-w-max select-none place-items-center rounded-full  bg-white/20 px-2 py-1.5 text-xs font-bold uppercase leading-none tracking-widest text-white/90", children: branchIsAnalyzed ? "Ready" : "Not analyzed" })
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "line-clamp-1 break-all", children: repo.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "align-content-start right-0 top-0 flex min-w-max select-none place-items-center rounded-full  bg-white/20 px-2 py-1.5 text-xs font-bold uppercase leading-none tracking-widest text-white/90", children: branchIsAnalyzed ? "Ready" : "Not analyzed" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-2 p-3 pt-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-2 p-3 pt-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         RevisionSelect,
         {
           value: head,
@@ -60853,13 +60952,13 @@ function RepositoryEntry({ repo }) {
           analyzedHeads: repo.analyzedHeads
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "grid", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react64.Link, { className: `btn ${branchIsAnalyzed ? "btn--success" : ""}`, to: path, children: branchIsAnalyzed ? "View" : "Analyze" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "grid", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react65.Link, { className: `btn ${branchIsAnalyzed ? "btn--success" : ""}`, to: path, children: branchIsAnalyzed ? "View" : "Analyze" }) })
     ] })
   ] }) }, repo.name);
 }
 
 // server-assets-manifest:@remix-run/dev/assets-manifest
-var assets_manifest_default = { entry: { module: "/build/entry.client-M7INZBM2.js", imports: ["/build/_shared/chunk-BUBLCW34.js", "/build/_shared/chunk-3UPJXOEK.js"] }, routes: { root: { id: "root", parentId: void 0, path: "", index: void 0, caseSensitive: void 0, module: "/build/root-WJJUW2IT.js", imports: ["/build/_shared/chunk-OC2B4XO6.js"], hasAction: !1, hasLoader: !1, hasCatchBoundary: !1, hasErrorBoundary: !0 }, "routes/$repo.$": { id: "routes/$repo.$", parentId: "root", path: ":repo/*", index: void 0, caseSensitive: void 0, module: "/build/routes/$repo.$-REZRHPX4.js", imports: ["/build/_shared/chunk-FPAJUGXO.js"], hasAction: !0, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !0 }, "routes/_index": { id: "routes/_index", parentId: "root", path: void 0, index: !0, caseSensitive: void 0, module: "/build/routes/_index-S6SPE73O.js", imports: ["/build/_shared/chunk-FPAJUGXO.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 } }, cssBundleHref: void 0, version: "3a0a65b7", hmr: void 0, url: "/build/manifest-3A0A65B7.js" };
+var assets_manifest_default = { entry: { module: "/build/entry.client-M7INZBM2.js", imports: ["/build/_shared/chunk-BUBLCW34.js", "/build/_shared/chunk-3UPJXOEK.js"] }, routes: { root: { id: "root", parentId: void 0, path: "", index: void 0, caseSensitive: void 0, module: "/build/root-ZVIQW45T.js", imports: ["/build/_shared/chunk-OC2B4XO6.js"], hasAction: !1, hasLoader: !1, hasCatchBoundary: !1, hasErrorBoundary: !0 }, "routes/$repo.$": { id: "routes/$repo.$", parentId: "root", path: ":repo/*", index: void 0, caseSensitive: void 0, module: "/build/routes/$repo.$-W7XUG2YI.js", imports: ["/build/_shared/chunk-FPAJUGXO.js"], hasAction: !0, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !0 }, "routes/_index": { id: "routes/_index", parentId: "root", path: void 0, index: !0, caseSensitive: void 0, module: "/build/routes/_index-S6SPE73O.js", imports: ["/build/_shared/chunk-FPAJUGXO.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 } }, cssBundleHref: void 0, version: "7e9df16d", hmr: void 0, url: "/build/manifest-7E9DF16D.js" };
 
 // server-entry-module:@remix-run/dev/server-build
 var assetsBuildDirectory = "public/build", future = { unstable_dev: !0, unstable_postcss: !1, unstable_tailwind: !1, v2_errorBoundary: !0, v2_meta: !0, v2_normalizeFormMethod: !0, v2_routeConvention: !0 }, publicPath = "/build/", entry = { module: entry_server_exports }, routes = {