git-truck 0.8.13-0 → 0.9.0

package/build/index.js

@@ -1852,7 +1852,7 @@ function handleRequest(request, responseStatusCode, responseHeaders, remixContex
   });
 }
 
-// route:C:\Users\jonas\p\git-truck\src\root.tsx
+// route:C:\Users\Tjoms\Documents\GitHub\git-visual\src\root.tsx
 var root_exports = {};
 __export(root_exports, {
   CatchBoundary: () => CatchBoundary,
@@ -1862,7 +1862,9 @@ __export(root_exports, {
   meta: () => meta
 });
 init_react();
+var import_react_konami_code = require("react-konami-code");
 var import_remix2 = __toESM(require_remix());
+var import_ssr = require("@react-aria/ssr");
 
 // src/styles/App.css
 var App_default = "/build/_assets/App-CCO27G3C.css";
@@ -1876,7 +1878,7 @@ var styles_default = "/build/_assets/index-OING3CPO.css";
 // src/styles/Chart.css
 var Chart_default = "/build/_assets/Chart-OOZGWRB3.css";
 
-// route:C:\Users\jonas\p\git-truck\src\root.tsx
+// route:C:\Users\Tjoms\Documents\GitHub\git-visual\src\root.tsx
 var import_react = require("react");
 
 // src/components/util.tsx
@@ -1892,6 +1894,9 @@ var titleBaseStyles = import_styled_components2.css`
   word-break: keep-all;
   white-space: nowrap;
   overflow-x: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 `;
 var BoxTitle = import_styled_components2.default.h2`
   ${titleBaseStyles}
@@ -1918,7 +1923,12 @@ var TextButton = import_styled_components2.default.button`
   /* color: #fff; */
   cursor: pointer;
   transition: backround-color var(--hover-transition-duration);
-  &:hover {
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+
+  &:enabled:hover {
     background-color: var(--button-hovered-bg);
   }
 `;
@@ -2042,8 +2052,53 @@ var Code = import_styled_components2.default.code`
 var Grower = import_styled_components2.default.div`
   flex-grow: 1;
 `;
+var SelectWithEllipsis = import_styled_components2.default.select`
+  text-overflow: ellipsis;
+  overflow: scroll;
+  width: 100%;
+
+  font: inherit;
+  color: inherit;
+  font-size: 0.9em;
+  padding: 0.2em 0;
+
+  background: none;
+  border-radius: 4px;
+
+  transition: border-color 0.1s;
+  border: 1px solid hsla(0, 0%, 50%, 0);
+
+  &:enabled {
+    cursor: pointer;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+
+  &:enabled:hover,
+  &:enabled:active {
+    border: 1px solid hsla(0, 0%, 50%, 1);
+  }
+`;
+var OptionWithEllipsis = import_styled_components2.default.option`
+  text-overflow: ellipsis;
+  overflow: scroll;
+`;
+var SelectWithIconWrapper = import_styled_components2.default.div`
+  width: 100%;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.5em;
+  place-items: center left;
+`;
+var SelectPlaceholder = import_styled_components2.default.div`
+  font-size: 0.9em;
+  padding: 0.2em 0;
+  border: 1px solid transparent;
+`;
 
-// route:C:\Users\jonas\p\git-truck\src\root.tsx
+// route:C:\Users\Tjoms\Documents\GitHub\git-visual\src\root.tsx
 var meta = () => {
   return { title: "Git Truck \u{1F69B}" };
 };
@@ -2054,6 +2109,7 @@ function links() {
   }));
 }
 function App() {
+  (0, import_react_konami_code.useKonami)(() => window.open("https://fruit-rush.joglr.dev", "_self"));
   return /* @__PURE__ */ React.createElement("html", {
     lang: "en"
   }, /* @__PURE__ */ React.createElement("head", null, /* @__PURE__ */ React.createElement("meta", {
@@ -2061,7 +2117,7 @@ function App() {
   }), /* @__PURE__ */ React.createElement("meta", {
     name: "viewport",
     content: "width=device-width,initial-scale=1"
-  }), /* @__PURE__ */ React.createElement(import_remix2.Meta, null), /* @__PURE__ */ React.createElement(import_remix2.Links, null), typeof document === "undefined" ? "__STYLES__" : null), /* @__PURE__ */ React.createElement("body", null, /* @__PURE__ */ React.createElement(import_remix2.Outlet, null), /* @__PURE__ */ React.createElement(import_remix2.ScrollRestoration, null), /* @__PURE__ */ React.createElement(import_remix2.Scripts, null), /* @__PURE__ */ React.createElement(import_remix2.LiveReload, null)));
+  }), /* @__PURE__ */ React.createElement(import_remix2.Meta, null), /* @__PURE__ */ React.createElement(import_remix2.Links, null), typeof document === "undefined" ? "__STYLES__" : null), /* @__PURE__ */ React.createElement("body", null, /* @__PURE__ */ React.createElement(import_ssr.SSRProvider, null, /* @__PURE__ */ React.createElement(import_remix2.Outlet, null)), /* @__PURE__ */ React.createElement(import_remix2.ScrollRestoration, null), /* @__PURE__ */ React.createElement(import_remix2.Scripts, null), /* @__PURE__ */ React.createElement(import_remix2.LiveReload, null)));
 }
 function CatchBoundary() {
   const caught = (0, import_remix2.useCatch)();
@@ -2074,7 +2130,7 @@ var ErrorBoundary = ({ error: error2 }) => {
   return /* @__PURE__ */ React.createElement("html", null, /* @__PURE__ */ React.createElement("head", null, /* @__PURE__ */ React.createElement("title", null, "Oops! An error wasn't handled"), /* @__PURE__ */ React.createElement(import_remix2.Meta, null), /* @__PURE__ */ React.createElement(import_remix2.Links, null)), /* @__PURE__ */ React.createElement("body", null, /* @__PURE__ */ React.createElement("h1", null, error2.message), /* @__PURE__ */ React.createElement(Code, null, error2.stack), /* @__PURE__ */ React.createElement(import_remix2.Scripts, null)));
 };
 
-// route:C:\Users\jonas\p\git-truck\src\routes\$repo.tsx
+// route:C:\Users\Tjoms\Documents\GitHub\git-visual\src\routes\$repo.$.tsx
 var repo_exports = {};
 __export(repo_exports, {
   ErrorBoundary: () => ErrorBoundary2,
@@ -2087,7 +2143,6 @@ var import_remix6 = __toESM(require_remix());
 
 // src/components/Providers.tsx
 init_react();
-var import_ssr = require("@react-aria/ssr");
 var import_react8 = require("react");
 
 // src/contexts/ClickedContext.ts
@@ -2274,6 +2329,7 @@ function getSeparator(path) {
     return "\\";
   return "/";
 }
+var getPathFromRepoAndBranch = (repo, branch) => [repo, branch].join("/");
 
 // src/metrics.ts
 var Authorship = {
@@ -2650,7 +2706,7 @@ function Providers({ children, data }) {
       animationsEnabled: enabled
     }))
   }), [options]);
-  return /* @__PURE__ */ React.createElement(import_ssr.SSRProvider, null, /* @__PURE__ */ React.createElement(DataContext.Provider, {
+  return /* @__PURE__ */ React.createElement(DataContext.Provider, {
     value: data
   }, /* @__PURE__ */ React.createElement(MetricsContext.Provider, {
     value: metricsData
@@ -2667,7 +2723,7 @@ function Providers({ children, data }) {
     value: { path, setPath }
   }, /* @__PURE__ */ React.createElement(ClickedObjectContext.Provider, {
     value: { clickedObject, setClickedObject }
-  }, children)))))));
+  }, children))))));
 }
 
 // src/components/SidePanel.tsx
@@ -3896,7 +3952,7 @@ var import_fs3 = require("fs");
 
 // src/analyzer/model.ts
 init_react();
-var AnalyzerDataInterfaceVersion = 4;
+var AnalyzerDataInterfaceVersion = 5;
 
 // src/analyzer/log.server.ts
 init_react();
@@ -4027,7 +4083,7 @@ var _GitCaller = class {
   }
   static async findBranchHead(repo, branch) {
     if (!branch) {
-      const [foundBranch, getBranchError] = await promiseHelper(_GitCaller.getCurrentBranch(repo));
+      const [foundBranch, getBranchError] = await promiseHelper(_GitCaller._getRepositoryHead(repo));
       if (getBranchError) {
         throw getBranchError;
       }
@@ -4037,22 +4093,27 @@ var _GitCaller = class {
     if (!(0, import_fs.existsSync)(gitFolder)) {
       throw Error("No git folder exists at " + gitFolder);
     }
-    const branchPath = (0, import_path2.join)(gitFolder, "refs/heads/" + branch);
-    const absolutePath = (0, import_path2.join)(process.cwd(), branchPath);
-    log.debug("Looking for branch head at " + absolutePath);
-    const branchHead = (await import_fs.promises.readFile(branchPath, "utf-8")).trim();
+    const branchHead = await _GitCaller._revParse(gitFolder, branch);
     log.debug(`${branch} -> [commit]${branchHead}`);
-    if (!branchHead)
-      throw Error("Branch head not found");
     return [branchHead, branch];
   }
   static getCachePath(repo, branch) {
     return (0, import_path2.resolve)(__dirname, "..", ".temp", repo, `${branch}.json`);
   }
-  static async getCurrentBranch(dir) {
+  async getRepositoryHead() {
+    return await _GitCaller._getRepositoryHead(this.repo);
+  }
+  static async _getRepositoryHead(dir) {
     const result = await runProcess(dir, "git", ["rev-parse", "--abbrev-ref", "HEAD"]);
     return result.trim();
   }
+  async revParse(ref) {
+    return await _GitCaller._revParse(this.repo, ref);
+  }
+  static async _revParse(dir, ref) {
+    const result = await runProcess(dir, "git", ["rev-parse", ref]);
+    return result.trim();
+  }
   static async scanDirectoryForRepositories(argPath) {
     let userRepo = null;
     const pathIsRepo = await _GitCaller.isGitRepo(argPath);
@@ -4064,7 +4125,28 @@ var _GitCaller = class {
       const [isRepo] = await promiseHelper(_GitCaller.isGitRepo(repoPath));
       if (!isRepo)
         return null;
-      const repo = { name: repoDir2, path: repoPath, data: null, reasons: [] };
+      const refs = _GitCaller.parseRefs(await _GitCaller._getRefs(repoPath));
+      const branchesWithCaches = await Promise.all(Object.entries(refs.heads).map(async ([branch, branchHead]) => {
+        const [result] = await _GitCaller.retrieveCachedResult({ repo: getDirName(repoPath), branch, branchHead });
+        return {
+          branch,
+          branchHead,
+          isAnalyzed: result !== null
+        };
+      }));
+      const analyzedBranches = branchesWithCaches.filter((branch) => branch.isAnalyzed).reduce((acc, branch) => {
+        acc[branch.branch] = branch.branchHead;
+        return acc;
+      }, {});
+      const repo = {
+        name: repoDir2,
+        path: repoPath,
+        data: null,
+        reasons: [],
+        currentHead: await _GitCaller._getRepositoryHead(repoPath),
+        refs,
+        analyzedBranches
+      };
       try {
         const [findBranchHeadResult, error2] = await promiseHelper(_GitCaller.findBranchHead(repoPath));
         if (!error2) {
@@ -4092,6 +4174,37 @@ var _GitCaller = class {
     });
     return [userRepo, onlyRepos];
   }
+  static parseRefs(refsAsMultilineString) {
+    const gitRefs = {
+      heads: {},
+      remotes: {},
+      tags: {}
+    };
+    const regex = /^(?<hash>.*) refs\/(?<ref_type>.*?)\/(?<path>.*)$/gm;
+    const matches = refsAsMultilineString.matchAll(regex);
+    let next = matches.next();
+    while (next.value) {
+      const groups = next.value.groups;
+      next = matches.next();
+      const hash = groups["hash"];
+      const ref_type = groups["ref_type"];
+      const path = groups["path"];
+      switch (ref_type) {
+        case "heads":
+          gitRefs.heads[path] = hash;
+          break;
+        case "remotes":
+          gitRefs.remotes[path] = hash;
+          break;
+        case "tags":
+          gitRefs.tags[path] = hash;
+          break;
+        default:
+          throw new Error(`Analyser error, ref_type: ${ref_type}, is invalid`);
+      }
+    }
+    return gitRefs;
+  }
   static async retrieveCachedResult({
     repo,
     branch,
@@ -4121,6 +4234,13 @@ var _GitCaller = class {
   setUseCache(useCache) {
     this.useCache = useCache;
   }
+  async getRefs() {
+    return await _GitCaller._getRefs(this.repo);
+  }
+  static async _getRefs(repo) {
+    const result = await runProcess(repo, "git", ["show-ref"]);
+    return result;
+  }
   async catFile(hash) {
     const result = await runProcess(this.repo, "git", ["cat-file", "-p", hash]);
     return result;
@@ -4639,7 +4759,7 @@ async function latestVersion(packageName, options) {
 
 // package.json
 var name = "git-truck";
-var version = "0.8.13-0";
+var version = "0.9.0";
 var private2 = false;
 var description = "Visualizing a Git repository";
 var license = "MIT";
@@ -4659,7 +4779,7 @@ var scripts = {
   build: "rimraf -rf build public/build && remix setup node && cross-env NODE_ENV=production remix build",
   dev: "cross-env NODE_ENV=development remix build && node dev.js",
   "dev:remix": "cross-env NODE_ENV=development remix watch",
-  prepublishOnly: "npm run build",
+  prepublishOnly: "npm install && npm run build",
   "dev:node": "cross-env NODE_ENV=development nodemon --watch ./build/index.js ./build/index.js --",
   start: "cross-env NODE_ENV=production node ./build/index.js",
   format: "eslint --cache --fix src/**/*.{ts,tsx} && prettier --loglevel warn --write src/**/*.{ts,tsx}"
@@ -4692,6 +4812,7 @@ var dependencies = {
   open: "^8.4.0",
   react: "^17.0.2",
   "react-dom": "^17.0.2",
+  "react-konami-code": "^2.2.2",
   "react-use": "^17.3.2",
   "react-use-size": "^2.0.4",
   remix: "^1.2.3",
@@ -4889,15 +5010,16 @@ function getCommandLine() {
     case "darwin":
       return "open";
     case "win32":
-      return "start";
+      return 'start ""';
     default:
       return "xdg-open";
   }
 }
 function openFile(path) {
   var _a;
-  path = path.split("/").slice(1).join("/") ?? path.split("\\").slice(1).join("\\");
-  (_a = (0, import_child_process2.exec)(`${getCommandLine()} ${(0, import_path6.resolve)(repoDir, path)}`).stderr) == null ? void 0 : _a.on("data", (e) => {
+  path = (0, import_path6.resolve)(repoDir, "..", path.split("/").join(import_path6.sep));
+  const command = `${getCommandLine()} "${path}"`;
+  (_a = (0, import_child_process2.exec)(command).stderr) == null ? void 0 : _a.on("data", (e) => {
     log.error(`Cannot open file ${(0, import_path6.resolve)(repoDir, path)}: ${e}`);
   });
 }
@@ -4961,12 +5083,12 @@ ${reasons.map((r) => ` - ${r}`).join("\n")}`);
     if (repoTreeError)
       throw repoTreeError;
     const [hydratedRepoTree, hydratedRepoTreeError] = await describeAsyncJob(() => hydrateData(repoDir, repoTree), "Hydrating commit tree", "Commit tree hydrated", "Error hydrating commit tree");
+    if (hydratedRepoTreeError)
+      throw hydratedRepoTreeError;
     await git.resetGitSetting("core.quotepath", quotePathDefaultValue);
     await git.resetGitSetting("diff.renames", renamesDefaultValue);
     await git.resetGitSetting("diff.renameLimit", renameLimitDefaultValue);
     const defaultOutPath = GitCaller.getCachePath(repoName, branchName);
-    if (hydratedRepoTreeError)
-      throw hydratedRepoTreeError;
     let outPath = (0, import_path6.resolve)(args2.out ?? defaultOutPath);
     if (!(0, import_path6.isAbsolute)(outPath))
       outPath = (0, import_path6.resolve)(process.cwd(), outPath);
@@ -4977,6 +5099,7 @@ ${reasons.map((r) => ` - ${r}`).join("\n")}`);
     }
     const authorUnions = args2.unionedAuthors;
     data = {
+      refs: GitCaller.parseRefs(await GitCaller.getInstance().getRefs()),
       cached: false,
       hiddenFiles,
       authors: getAuthorSet(),
@@ -5007,15 +5130,64 @@ Done in ${formatMs(stop - start)}`);
 
 // src/components/GlobalInfo.tsx
 init_react();
-var import_react_fontawesome2 = require("@fortawesome/react-fontawesome");
-var import_free_solid_svg_icons = require("@fortawesome/free-solid-svg-icons");
+var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
+var import_free_solid_svg_icons2 = require("@fortawesome/free-solid-svg-icons");
 var import_remix3 = __toESM(require_remix());
 var import_styled_components8 = __toESM(require_styled_components_cjs());
+var import_react12 = require("react");
+
+// src/components/BranchSelect.tsx
+init_react();
+var import_react_fontawesome2 = require("@fortawesome/react-fontawesome");
+var import_free_solid_svg_icons = require("@fortawesome/free-solid-svg-icons");
+function BranchSelect(_a) {
+  var _b = _a, { heads } = _b, props = __objRest(_b, ["heads"]);
+  const headsEntries = Object.entries(heads);
+  return /* @__PURE__ */ React.createElement(SelectWithIconWrapper, null, /* @__PURE__ */ React.createElement(import_react_fontawesome2.FontAwesomeIcon, {
+    icon: import_free_solid_svg_icons.faCodeBranch,
+    color: "#333"
+  }), headsEntries.length === 1 ? /* @__PURE__ */ React.createElement(SelectPlaceholder, null, headsEntries[0][0]) : /* @__PURE__ */ React.createElement(SelectWithEllipsis, __spreadValues({}, props), headsEntries.map(([branchName, hash]) => {
+    return /* @__PURE__ */ React.createElement(OptionWithEllipsis, {
+      key: hash,
+      value: branchName
+    }, branchName);
+  })));
+}
+function GroupedBranchSelect(_a) {
+  var _b = _a, { headGroups, iconColor } = _b, props = __objRest(_b, ["headGroups", "iconColor"]);
+  const headGroupsEntries = Object.entries(headGroups).map(([group, heads]) => [group, Object.entries(heads)]);
+  const allEntriesFlattened = headGroupsEntries.reduce((acc, [group, heads]) => {
+    return acc.concat(heads.map(([branchName]) => branchName));
+  }, []);
+  return /* @__PURE__ */ React.createElement(SelectWithIconWrapper, null, /* @__PURE__ */ React.createElement(import_react_fontawesome2.FontAwesomeIcon, {
+    icon: import_free_solid_svg_icons.faCodeBranch,
+    color: iconColor ?? "#333"
+  }), allEntriesFlattened.length === 1 ? /* @__PURE__ */ React.createElement(SelectPlaceholder, null, allEntriesFlattened[0]) : /* @__PURE__ */ React.createElement(SelectWithEllipsis, __spreadValues({}, props), headGroupsEntries.map(([group, heads]) => heads.length > 0 ? /* @__PURE__ */ React.createElement("optgroup", {
+    key: group,
+    label: group
+  }, heads.map(([branchName]) => /* @__PURE__ */ React.createElement(OptionWithEllipsis, {
+    key: branchName,
+    value: branchName
+  }, branchName))) : null)));
+}
+
+// src/components/GlobalInfo.tsx
 function GlobalInfo() {
-  var _a;
   const data = useData();
   const { path } = usePath();
   const transitionState = (0, import_remix3.useTransition)();
+  const location = (0, import_remix3.useLocation)();
+  const navigate = (0, import_remix3.useNavigate)();
+  const [isAnalyzing, setIsAnalyzing] = (0, import_react12.useState)(false);
+  const switchBranch = (branch) => {
+    setIsAnalyzing(true);
+    navigate(["", data.repo, branch].join("/"));
+  };
+  (0, import_react12.useEffect)(() => {
+    if (transitionState.state === "idle") {
+      setIsAnalyzing(false);
+    }
+  }, [transitionState.state]);
   let temppath = path;
   let paths = [];
   for (let i = 0; i < 3; i++) {
@@ -5031,31 +5203,48 @@ function GlobalInfo() {
     paths.push(["...", ""]);
     paths.push([data.repo, data.repo]);
   }
-  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(StyledLink, {
+  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(SelectWithIconWrapper, null, /* @__PURE__ */ React.createElement(StyledLink, {
     to: "..",
-    title: "See all projects"
-  }, /* @__PURE__ */ React.createElement(import_react_fontawesome2.FontAwesomeIcon, {
-    icon: import_free_solid_svg_icons.faLeftLong,
-    color: "#333"
-  })), /* @__PURE__ */ React.createElement(BoxTitle, null, data.repo), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("strong", null, "Branch: "), /* @__PURE__ */ React.createElement("span", null, data.branch), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("strong", null, "Analyzed: "), /* @__PURE__ */ React.createElement("span", null, dateTimeFormatShort(data.lastRunEpoch)), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("strong", null, "As of commit: "), /* @__PURE__ */ React.createElement(Code, {
+    title: "See all repositories"
+  }, /* @__PURE__ */ React.createElement(import_react_fontawesome3.FontAwesomeIcon, {
+    icon: import_free_solid_svg_icons2.faFolder
+  }), /* @__PURE__ */ React.createElement(StyledP2, null, "See more repositories"))), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(BoxTitle, null, data.repo), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(BranchSelect, {
+    heads: data.refs.heads,
+    defaultValue: data.branch,
+    onChange: (e) => switchBranch(e.target.value),
+    disabled: transitionState.state !== "idle"
+  }), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("strong", null, "Analyzed: "), /* @__PURE__ */ React.createElement("span", null, dateTimeFormatShort(data.lastRunEpoch)), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("strong", null, "As of commit: "), /* @__PURE__ */ React.createElement(Code, {
     inline: true,
     title: data.commit.message ?? "No commit message"
-  }, data.commit.hash.slice(0, 7))), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(import_remix3.Form, {
+  }, data.commit.hash.slice(0, 7)), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(import_remix3.Form, {
     method: "post",
-    action: "."
+    action: location.pathname,
+    onSubmit: () => {
+      setIsAnalyzing(true);
+    }
   }, /* @__PURE__ */ React.createElement("input", {
     type: "hidden",
     name: "refresh",
     value: "true"
   }), /* @__PURE__ */ React.createElement(TextButton, {
     disabled: transitionState.state !== "idle"
-  }, /* @__PURE__ */ React.createElement(import_react_fontawesome2.FontAwesomeIcon, {
-    icon: import_free_solid_svg_icons.faRotate
-  }), " ", !((_a = transitionState.submission) == null ? void 0 : _a.formData.has("refresh")) ? "Rerun analyzer" : "Analyzing...")));
+  }, /* @__PURE__ */ React.createElement(import_react_fontawesome3.FontAwesomeIcon, {
+    icon: import_free_solid_svg_icons2.faRotate
+  }), " ", isAnalyzing ? "Analyzing..." : "Rerun analyzer")));
 }
+var StyledP2 = import_styled_components8.default.p`
+  margin-left: var(--unit);
+`;
 var StyledLink = (0, import_styled_components8.default)(import_remix3.Link)`
   display: inline-flex;
   margin-right: var(--unit);
+  text-decoration: none;
+  color: hsl(0, 0%, 60%);
+  font-size: 0.9em;
+  align-items: center;
+  &:hover {
+    color: hsl(0, 0%, 20%);
+  }
 `;
 
 // src/components/Options.tsx
@@ -5066,14 +5255,17 @@ init_react();
 var import_utils = __toESM(require_main());
 function EnumSelect(props) {
   const id = (0, import_utils.useId)();
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Label, {
+  const enumEntries = Object.entries(props.enum);
+  return /* @__PURE__ */ React.createElement("div", {
+    style: props.hidden ? { display: "none" } : {}
+  }, /* @__PURE__ */ React.createElement(Label, {
     htmlFor: id
   }, props.label), /* @__PURE__ */ React.createElement(Spacer, {
     xs: true
   }), /* @__PURE__ */ React.createElement(Select, {
     id,
     onChange: (event) => props.onChange(event.target.value)
-  }, Object.entries(props.enum).map(([key, value]) => /* @__PURE__ */ React.createElement("option", {
+  }, enumEntries.map(([key, value]) => /* @__PURE__ */ React.createElement("option", {
     key: value,
     value: key
   }, value))));
@@ -5084,8 +5276,16 @@ var import_styled_components9 = __toESM(require_styled_components_cjs());
 var Checkbox = import_styled_components9.default.input`
   margin: var(--unit);
 `;
+function isMetricWithHistoricalOption(metric) {
+  switch (metric) {
+    case "SINGLE_AUTHOR":
+    case "TOP_CONTRIBUTOR":
+      return true;
+  }
+  return false;
+}
 function Options2() {
-  const { animationsEnabled, setMetricType, setChartType, setAnimationsEnabled, setAuthorshipType } = useOptions();
+  const { animationsEnabled, setAnimationsEnabled, metricType, setMetricType, setChartType, setAuthorshipType } = useOptions();
   return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(EnumSelect, {
     label: "Chart type",
     enum: Chart,
@@ -5095,9 +5295,10 @@ function Options2() {
     enum: Metric,
     onChange: (metric) => setMetricType(metric)
   }), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(EnumSelect, {
-    label: "Authorship Data",
+    label: "Authorship data",
     enum: Authorship,
-    onChange: (baseData) => setAuthorshipType(baseData)
+    onChange: (baseData) => setAuthorshipType(baseData),
+    hidden: !isMetricWithHistoricalOption(metricType)
   }), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(Checkbox, {
     type: "checkbox",
     checked: animationsEnabled,
@@ -5108,10 +5309,10 @@ function Options2() {
 // src/components/SearchBar.tsx
 init_react();
 var import_styled_components10 = __toESM(require_styled_components_cjs());
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_react_use2 = require("react-use");
 var import_utils2 = __toESM(require_main());
-var import_free_solid_svg_icons2 = require("@fortawesome/free-solid-svg-icons");
+var import_free_solid_svg_icons3 = require("@fortawesome/free-solid-svg-icons");
 var StyledBox = (0, import_styled_components10.default)(Box)`
   display: flex;
   flex-direction: column;
@@ -5134,9 +5335,9 @@ function findSearchResults(tree, searchString) {
   return searchResults;
 }
 function SearchBar() {
-  const searchFieldRef = (0, import_react12.useRef)(null);
+  const searchFieldRef = (0, import_react13.useRef)(null);
   const { searchText, setSearchText, searchResults, setSearchResults } = useSearch();
-  const [value, setValue] = (0, import_react12.useState)("");
+  const [value, setValue] = (0, import_react13.useState)("");
   const id = (0, import_utils2.useId)();
   const data = useData();
   const { setPath } = usePath();
@@ -5146,8 +5347,8 @@ function SearchBar() {
     if (object.type === "tree") {
       setPath(object.path);
     } else {
-      const sep2 = getSeparator(object.path);
-      setPath(allExceptLast(object.path.split(sep2)).join(sep2));
+      const sep3 = getSeparator(object.path);
+      setPath(allExceptLast(object.path.split(sep3)).join(sep3));
     }
   }
   function debounceUpdate() {
@@ -5155,7 +5356,7 @@ function SearchBar() {
     setSearchResults(findSearchResults(data.commit.tree, value));
   }
   (0, import_react_use2.useDebounce)(() => debounceUpdate(), 200, [value]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const searchOverride = (event) => {
       var _a;
       if (event.ctrlKey && event.key === "f") {
@@ -5182,14 +5383,14 @@ function SearchBar() {
       setValue(event.target.value);
     }
   }), searchText.length > 0 ? /* @__PURE__ */ React.createElement(StyledP, null, searchResults.length, " results") : null, searchResults.map((result) => {
-    return /* @__PURE__ */ React.createElement(import_react12.Fragment, {
+    return /* @__PURE__ */ React.createElement(import_react13.Fragment, {
       key: result.path
     }, /* @__PURE__ */ React.createElement(SearchResultButton, {
       title: result.path,
       value: result.path,
       onClick: () => onClick(result)
     }, /* @__PURE__ */ React.createElement(SearchResultSpan, null, /* @__PURE__ */ React.createElement(LightFontAwesomeIcon, {
-      icon: result.type === "tree" ? import_free_solid_svg_icons2.faFolderOpen : import_free_solid_svg_icons2.faFile
+      icon: result.type === "tree" ? import_free_solid_svg_icons3.faFolderOpen : import_free_solid_svg_icons3.faFile
     }), " ", result.name)), /* @__PURE__ */ React.createElement(Spacer, {
       xs: true
     }));
@@ -5198,7 +5399,7 @@ function SearchBar() {
 
 // src/components/Legend.tsx
 init_react();
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_styled_components13 = __toESM(require_styled_components_cjs());
 
 // src/components/LegendFragment.tsx
@@ -5248,8 +5449,8 @@ function LegendOther(props) {
 
 // src/components/Toggle.tsx
 init_react();
-var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
-var import_free_solid_svg_icons3 = require("@fortawesome/free-solid-svg-icons");
+var import_react_fontawesome4 = require("@fortawesome/react-fontawesome");
+var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
 var import_styled_components12 = __toESM(require_styled_components_cjs());
 function ExpandDown({ relative = false, collapse, toggle }) {
   return /* @__PURE__ */ React.createElement(ToggleButton, {
@@ -5257,8 +5458,8 @@ function ExpandDown({ relative = false, collapse, toggle }) {
     collapse,
     onClick: toggle,
     up: false
-  }, /* @__PURE__ */ React.createElement(import_react_fontawesome3.FontAwesomeIcon, {
-    icon: import_free_solid_svg_icons3.faAngleUp
+  }, /* @__PURE__ */ React.createElement(import_react_fontawesome4.FontAwesomeIcon, {
+    icon: import_free_solid_svg_icons4.faAngleUp
   }));
 }
 function ExpandUp({ relative = false, collapse, toggle }) {
@@ -5267,8 +5468,8 @@ function ExpandUp({ relative = false, collapse, toggle }) {
     collapse,
     onClick: toggle,
     up: true
-  }, /* @__PURE__ */ React.createElement(import_react_fontawesome3.FontAwesomeIcon, {
-    icon: import_free_solid_svg_icons3.faAngleUp
+  }, /* @__PURE__ */ React.createElement(import_react_fontawesome4.FontAwesomeIcon, {
+    icon: import_free_solid_svg_icons4.faAngleUp
   }));
 }
 var ToggleButton = import_styled_components12.default.button`
@@ -5355,7 +5556,7 @@ function GradientMetricLegend({ metricCache }) {
   }, "\u25B2"));
 }
 function PointMetricLegend({ metricCache }) {
-  const [collapse, setCollapse] = (0, import_react13.useState)(true);
+  const [collapse, setCollapse] = (0, import_react14.useState)(true);
   const items = Array.from(metricCache.legend).sort(([, info1], [, info2]) => {
     if (info1.weight < info2.weight)
       return 1;
@@ -5393,7 +5594,7 @@ init_react();
 
 // node_modules/yargs-parser/build/lib/index.js
 init_react();
-var import_util17 = require("util");
+var import_util18 = require("util");
 var import_path7 = require("path");
 
 // node_modules/yargs-parser/build/lib/string-utils.js
@@ -6352,7 +6553,7 @@ var parser = new YargsParser({
   env: () => {
     return env;
   },
-  format: import_util17.format,
+  format: import_util18.format,
   normalize: import_path7.normalize,
   resolve: import_path7.resolve,
   require: (path) => {
@@ -6413,8 +6614,8 @@ async function getTruckConfigWithArgs(repo) {
 
 // src/components/HiddenFiles.tsx
 init_react();
-var import_react_fontawesome4 = require("@fortawesome/react-fontawesome");
-var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
+var import_react_fontawesome5 = require("@fortawesome/react-fontawesome");
+var import_free_solid_svg_icons5 = require("@fortawesome/free-solid-svg-icons");
 var import_react_use3 = require("react-use");
 var import_styled_components14 = __toESM(require_styled_components_cjs());
 var import_remix4 = __toESM(require_remix());
@@ -6450,7 +6651,7 @@ var StyledButton = import_styled_components14.default.button`
     display: none;
   }
 `;
-var StyledFontAwesomeIcon = (0, import_styled_components14.default)(import_react_fontawesome4.FontAwesomeIcon)`
+var StyledFontAwesomeIcon = (0, import_styled_components14.default)(import_react_fontawesome5.FontAwesomeIcon)`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -6463,6 +6664,7 @@ function hiddenFileFormat(ignored) {
   return split[split.length - 1];
 }
 function HiddenFiles() {
+  const location = (0, import_remix4.useLocation)();
   const [collapse, setCollapse] = (0, import_react_use3.useBoolean)(false);
   const transitionState = (0, import_remix4.useTransition)();
   const data = useData();
@@ -6474,7 +6676,7 @@ function HiddenFiles() {
     title: hidden
   }, /* @__PURE__ */ React.createElement(InlineForm, {
     method: "post",
-    action: "."
+    action: location.pathname
   }, /* @__PURE__ */ React.createElement("input", {
     type: "hidden",
     name: "unignore",
@@ -6484,32 +6686,32 @@ function HiddenFiles() {
     disabled: transitionState.state !== "idle"
   }, /* @__PURE__ */ React.createElement(StyledFontAwesomeIcon, {
     id: "eyeslash",
-    icon: import_free_solid_svg_icons4.faEyeSlash
+    icon: import_free_solid_svg_icons5.faEyeSlash
   }), /* @__PURE__ */ React.createElement(StyledFontAwesomeIcon, {
     id: "eye",
-    icon: import_free_solid_svg_icons4.faEye
+    icon: import_free_solid_svg_icons5.faEye
   }))), /* @__PURE__ */ React.createElement(Code, null, hiddenFileFormat(hidden))))) : null);
 }
 
-// route:C:\Users\jonas\p\git-truck\src\routes\$repo.tsx
+// route:C:\Users\Tjoms\Documents\GitHub\git-visual\src\routes\$repo.$.tsx
 var import_semver_compare = __toESM(require("semver-compare"));
 
 // src/components/Details.tsx
 init_react();
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_remix5 = __toESM(require_remix());
 var import_styled_components16 = __toESM(require_styled_components_cjs());
 
 // src/components/AuthorDistFragment.tsx
 init_react();
-var import_react14 = require("react");
+var import_react15 = require("react");
 function AuthorDistFragment(props) {
   if (!props.show)
     return null;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, props.items.map((legendItem) => {
     const [author, contrib] = legendItem;
     const roundedContrib = Math.round(contrib * 100);
-    return /* @__PURE__ */ React.createElement(import_react14.Fragment, {
+    return /* @__PURE__ */ React.createElement(import_react15.Fragment, {
       key: author + contrib
     }, /* @__PURE__ */ React.createElement(DetailsKey, {
       title: author,
@@ -6551,19 +6753,19 @@ function OneFolderOut(path) {
 function Details() {
   var _a;
   const { setClickedObject, clickedObject } = useClickedObject();
+  const location = (0, import_remix5.useLocation)();
   const { authorshipType } = useOptions();
   const { state } = (0, import_remix5.useTransition)();
   const { setPath, path } = usePath();
   const data = useData();
-  const isProcessingHideRef = (0, import_react15.useRef)(false);
-  const navigate = (0, import_remix5.useNavigate)();
-  (0, import_react15.useEffect)(() => {
+  const isProcessingHideRef = (0, import_react16.useRef)(false);
+  (0, import_react16.useEffect)(() => {
     if (isProcessingHideRef.current) {
       setClickedObject(null);
       isProcessingHideRef.current = false;
     }
   }, [clickedObject, setClickedObject, state]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     setClickedObject((clickedObject2) => findObjectInTree(data.commit.tree, clickedObject2));
   }, [data, setClickedObject]);
   if (!clickedObject)
@@ -6597,7 +6799,7 @@ function Details() {
     lg: true
   }), isBlob2 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_remix5.Form, {
     method: "post",
-    action: "."
+    action: location.pathname
   }, /* @__PURE__ */ React.createElement("input", {
     type: "hidden",
     name: "ignore",
@@ -6610,7 +6812,7 @@ function Details() {
     }
   }, "Hide this file")), clickedObject.name.includes(".") ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(import_remix5.Form, {
     method: "post",
-    action: "."
+    action: location.pathname
   }, /* @__PURE__ */ React.createElement("input", {
     type: "hidden",
     name: "ignore",
@@ -6625,7 +6827,7 @@ function Details() {
     inline: true
   }, ".", extension), " files"))) : null, /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(import_remix5.Form, {
     method: "post",
-    action: "."
+    action: location.pathname
   }, /* @__PURE__ */ React.createElement("input", {
     type: "hidden",
     name: "open",
@@ -6634,7 +6836,7 @@ function Details() {
     disabled: state !== "idle"
   }, "Open file"))) : /* @__PURE__ */ React.createElement(import_remix5.Form, {
     method: "post",
-    action: "."
+    action: location.pathname
   }, /* @__PURE__ */ React.createElement("input", {
     type: "hidden",
     name: "ignore",
@@ -6708,7 +6910,7 @@ var AuthorDistHeader = import_styled_components16.default.div`
 `;
 var authorCutoff = 2;
 function AuthorDistribution(props) {
-  const [collapse, setCollapse] = (0, import_react15.useState)(true);
+  const [collapse, setCollapse] = (0, import_react16.useState)(true);
   const contribDist = Object.entries(makePercentResponsibilityDistribution(props.authors)).sort((a, b) => a[1] < b[1] ? 1 : -1);
   if (contribDist.length === 0)
     return null;
@@ -6776,8 +6978,9 @@ function hasZeroContributions(authors2) {
   return true;
 }
 
-// route:C:\Users\jonas\p\git-truck\src\routes\$repo.tsx
+// route:C:\Users\Tjoms\Documents\GitHub\git-visual\src\routes\$repo.$.tsx
 var import_path9 = require("path");
+var import_free_solid_svg_icons6 = require("@fortawesome/free-solid-svg-icons");
 var invalidateCache = false;
 var loader = async ({ params, request }) => {
   if (params["repo"] === "favicon.ico") {
@@ -6790,9 +6993,9 @@ var loader = async ({ params, request }) => {
   if (params["repo"]) {
     options.path = (0, import_path9.resolve)(args2.path, params["repo"]);
   }
-  const branch = new URL(request.url).searchParams.get("branch");
-  if (branch)
-    options.branch = decodeURIComponent(branch);
+  if (params["*"]) {
+    options.branch = params["*"];
+  }
   const data = await analyze(__spreadValues(__spreadValues({}, args2), options));
   invalidateCache = false;
   return (0, import_remix6.json)(data);
@@ -6855,10 +7058,12 @@ function Index() {
     data
   }, /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(SidePanel, null, /* @__PURE__ */ React.createElement(GlobalInfo, null), /* @__PURE__ */ React.createElement(Options2, null), /* @__PURE__ */ React.createElement(SearchBar, null), /* @__PURE__ */ React.createElement(Spacer, null)), typeof document !== "undefined" ? /* @__PURE__ */ React.createElement(Main, null) : /* @__PURE__ */ React.createElement("div", null), /* @__PURE__ */ React.createElement(SidePanel, null, data.latestVersion && (0, import_semver_compare.default)(data.latestVersion, data.currentVersion) === 1 ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement("p", null, "Update available: ", data.latestVersion), /* @__PURE__ */ React.createElement(StyledP, null, "Currently installed: ", data.currentVersion), /* @__PURE__ */ React.createElement(StyledP, null, "To update, close application and run: ", /* @__PURE__ */ React.createElement(Code, {
     inline: true
-  }, "npx git-truck@latest"))) : null, /* @__PURE__ */ React.createElement(Grower, null), /* @__PURE__ */ React.createElement(Details, null), data.hiddenFiles.length > 0 ? /* @__PURE__ */ React.createElement(HiddenFiles, null) : null, /* @__PURE__ */ React.createElement(Legend, null))));
+  }, "npx git-truck@latest"))) : null, data.hasUnstagedChanges ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement(LightFontAwesomeIcon, {
+    icon: import_free_solid_svg_icons6.faTriangleExclamation
+  }), "You have unstaged changes"), /* @__PURE__ */ React.createElement(StyledP, null, "This means that some data might be incorrect. Please stash or commit changes and rerun analyzer.")) : null, /* @__PURE__ */ React.createElement(Grower, null), /* @__PURE__ */ React.createElement(Details, null), data.hiddenFiles.length > 0 ? /* @__PURE__ */ React.createElement(HiddenFiles, null) : null, /* @__PURE__ */ React.createElement(Legend, null))));
 }
 
-// route:C:\Users\jonas\p\git-truck\src\routes\index.tsx
+// route:C:\Users\Tjoms\Documents\GitHub\git-visual\src\routes\index.tsx
 var routes_exports = {};
 __export(routes_exports, {
   action: () => action2,
@@ -6918,16 +7123,34 @@ function AnalyzingIndicator() {
   }))));
 }
 
-// route:C:\Users\jonas\p\git-truck\src\routes\index.tsx
+// route:C:\Users\Tjoms\Documents\GitHub\git-visual\src\routes\index.tsx
 var import_path10 = require("path");
 var import_react_use4 = require("react-use");
+var import_react17 = require("react");
 var hasRedirected = false;
 var loader2 = async () => {
   const args2 = await getArgsWithDefaults();
   const [repo, repositories] = await GitCaller.scanDirectoryForRepositories(args2.path);
+  const repositoriesWithGroupedBranches = repositories.map((repo2) => {
+    const analyzedBranchNames = Object.entries(repo2.analyzedBranches).map(([branchName]) => {
+      return branchName;
+    });
+    const groups = {
+      Analyzed: repo2.analyzedBranches,
+      "Not analyzed": Object.entries(repo2.refs.heads).reduce((acc, [branchName, branch]) => {
+        if (!analyzedBranchNames.includes(branchName)) {
+          acc[branchName] = branch;
+        }
+        return acc;
+      }, {})
+    };
+    return __spreadProps(__spreadValues({}, repo2), {
+      groups
+    });
+  });
   const baseDir = (0, import_path10.resolve)(repo ? getBaseDirFromPath(args2.path) : args2.path);
   const repositoriesResponse = (0, import_remix7.json)({
-    repositories,
+    repositories: repositoriesWithGroupedBranches,
     baseDir,
     baseDirName: getDirName(baseDir),
     repo,
@@ -6945,8 +7168,8 @@ var action2 = async ({ request }) => {
   return null;
 };
 function Index2() {
-  const loadterData = (0, import_remix7.useLoaderData)();
-  const { repositories, baseDir, baseDirName, repo, hasRedirected: hasRedirected2 } = loadterData;
+  const loaderData = (0, import_remix7.useLoaderData)();
+  const { repositories, baseDir, baseDirName, repo, hasRedirected: hasRedirected2 } = loaderData;
   const transitionData = (0, import_remix7.useTransition)();
   const navigate = (0, import_remix7.useNavigate)();
   const submit = (0, import_remix7.useSubmit)();
@@ -6956,83 +7179,102 @@ function Index2() {
       const data = new FormData();
       data.append("hasRedirected", "true");
       submit(data, { method: "post" });
-      navigate(`/${repo.name}`);
+      navigate(`/${getPathFromRepoAndBranch(repo.name, repo.currentHead)}`);
     }
   });
-  const cachedRepositories = repositories.filter((repo2) => {
-    var _a;
-    return (_a = repo2.data) == null ? void 0 : _a.cached;
-  });
-  const notCachedRepositories = repositories.filter((repo2) => {
-    var _a;
-    return !((_a = repo2.data) == null ? void 0 : _a.cached);
-  });
   if (transitionData.state !== "idle" || willRedirect)
     return /* @__PURE__ */ React.createElement(AnalyzingIndicator, null);
-  return /* @__PURE__ */ React.createElement(Wrapper, null, /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(H1, null, baseDir), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("p", null, "Found ", repositories.length, " git repositories in the folder ", /* @__PURE__ */ React.createElement(Code, {
-    inline: true
-  }, baseDirName), "."), repositories.length === 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("p", null, "Try running ", /* @__PURE__ */ React.createElement(Code, {
+  return /* @__PURE__ */ React.createElement(Wrapper, null, /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(H1, null, "Welcome to Git Truck!"), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("p", null, "Found ", repositories.length, " git repositories in the folder ", /* @__PURE__ */ React.createElement(Code, {
+    inline: true,
+    title: baseDir
+  }, baseDirName), "."), /* @__PURE__ */ React.createElement(Spacer, null), repositories.length === 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("p", null, "Try running ", /* @__PURE__ */ React.createElement(Code, {
     inline: true
-  }, "git-truck"), " in another folder or provide another path as argument.")) : null, cachedRepositories.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Spacer, {
+  }, "git-truck"), " in another folder or provide another path as argument.")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Spacer, {
     xxl: true
-  }), /* @__PURE__ */ React.createElement("h2", null, "Ready to view"), /* @__PURE__ */ React.createElement("nav", null, /* @__PURE__ */ React.createElement(Ul, null, cachedRepositories.map((repo2) => {
-    var _a;
-    return /* @__PURE__ */ React.createElement(Li, {
-      key: repo2.name
-    }, /* @__PURE__ */ React.createElement(SLink, {
-      to: repo2.name,
-      tabIndex: -1
-    }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(BoxSubTitle, {
-      title: repo2.name
-    }, repo2.name), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(Actions, null, /* @__PURE__ */ React.createElement(Grower, null), /* @__PURE__ */ React.createElement(TextButton, null, ((_a = repo2.data) == null ? void 0 : _a.cached) ? "View" : "Analyze")))));
-  })))) : null, notCachedRepositories.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Spacer, {
-    xxl: true
-  }), /* @__PURE__ */ React.createElement("h2", null, "Needs to be analyzed before viewing"), /* @__PURE__ */ React.createElement("nav", null, /* @__PURE__ */ React.createElement(Ul, null, notCachedRepositories.map((repo2) => {
-    var _a;
-    return /* @__PURE__ */ React.createElement(Li, {
-      key: repo2.name
-    }, /* @__PURE__ */ React.createElement(SLink, {
-      to: repo2.name,
-      tabIndex: -1
-    }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(BoxSubTitle, {
-      title: repo2.name
-    }, repo2.name), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(Actions, null, /* @__PURE__ */ React.createElement(Grower, null), /* @__PURE__ */ React.createElement(TextButton, null, ((_a = repo2.data) == null ? void 0 : _a.cached) ? "View" : "Analyze")))));
-  })))) : null);
+  }), /* @__PURE__ */ React.createElement("nav", null, /* @__PURE__ */ React.createElement(Ul, null, repositories.map((repo2) => /* @__PURE__ */ React.createElement(RepositoryEntry, {
+    key: repo2.path,
+    repo: repo2
+  }))))));
+}
+function RepositoryEntry({ repo }) {
+  const [head, setHead] = (0, import_react17.useState)(repo.currentHead);
+  const path = getPathFromRepoAndBranch(repo.name, head);
+  const branchIsAnalyzed = repo.analyzedBranches[head];
+  const iconColor = branchIsAnalyzed ? "green" : void 0;
+  return /* @__PURE__ */ React.createElement(Li, {
+    key: repo.name
+  }, /* @__PURE__ */ React.createElement(Box, {
+    style: {
+      outline: branchIsAnalyzed ? "1px solid green" : void 0
+    }
+  }, /* @__PURE__ */ React.createElement(BoxSubTitle, {
+    title: repo.name
+  }, repo.name, branchIsAnalyzed ? /* @__PURE__ */ React.createElement(AnalyzedTag, null, "Analyzed") : null), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(GroupedBranchSelect, {
+    value: head,
+    onChange: (e) => setHead(e.target.value),
+    headGroups: repo.groups,
+    iconColor
+  }), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(Actions, null, /* @__PURE__ */ React.createElement(Grower, null), /* @__PURE__ */ React.createElement(SLink, {
+    to: path
+  }, branchIsAnalyzed ? "View" : "Analyze"))));
 }
 var Wrapper = import_styled_components18.default.div`
   width: calc(100vw - 2 * var(--side-panel-width));
   margin: auto;
+  padding: var(--unit);
+
+  @media(max-width: 1000px) {
+    width: 100vw;
+  }
 `;
 var H1 = import_styled_components18.default.h1`
-  font-family: "Courier New", Courier, monospace;
+  font-weight: normal;
 `;
 var Ul = import_styled_components18.default.ul`
   list-style: none;
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
 `;
 var Li = import_styled_components18.default.li`
   margin: 0;
 `;
-var Tag = import_styled_components18.default.span`
-  font-size: 0.7em;
-  text-transform: uppercase;
-  padding: calc(0.25 * var(--unit)) calc(var(--unit));
-  letter-spacing: 0.2em;
-  color: white;
-  background-color: hsl(210, 100%, 50%);
-  border-radius: 1000px;
-`;
 var Actions = import_styled_components18.default.div`
   display: flex;
 `;
 var SLink = (0, import_styled_components18.default)(import_remix7.Link)`
+  line-height: 100%;
   text-decoration: none;
+  font-weight: bold;
+  font-size: 0.9em;
+  color: ${(props) => props.green ? " green" : import_styled_components18.css`var(--text-color)`};
+  text-transform: uppercase;
+  opacity: 75%;
+  cursor: pointer;
+  &:hover {
+    opacity: 100%;
+  }
+`;
+var AnalyzedTag = import_styled_components18.default.span`
+  text-transform: uppercase;
+  font-weight: normal;
+  font-size: 0.6rem;
+  border: 1px solid currentColor;
+  color: green;
+  border-radius:  100000px;
+  padding: 2px 4px;
+  letter-spacing: 1px;
+  user-select: none;
+  font-weight: bold;
+  display: flex;
+  place-items: center;
+  line-height: 100%;
+  vertical-align: middle;
+  align-content: flex-start;
 `;
 
 // server-assets-manifest:@remix-run/dev/assets-manifest
 init_react();
-var assets_manifest_default = { "version": "87dfcc32", "entry": { "module": "/build/entry.client-LYPBBYXO.js", "imports": ["/build/_shared/chunk-3UBBWI7X.js", "/build/_shared/chunk-IWPB7HVR.js"] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "module": "/build/root-YFFMOAIE.js", "imports": ["/build/_shared/chunk-XQMVET66.js"], "hasAction": false, "hasLoader": false, "hasCatchBoundary": true, "hasErrorBoundary": true }, "routes/$repo": { "id": "routes/$repo", "parentId": "root", "path": ":repo", "index": void 0, "caseSensitive": void 0, "module": "/build/routes/$repo-ORF3ZRBA.js", "imports": ["/build/_shared/chunk-4JENRIWS.js"], "hasAction": true, "hasLoader": true, "hasCatchBoundary": false, "hasErrorBoundary": true }, "routes/index": { "id": "routes/index", "parentId": "root", "path": void 0, "index": true, "caseSensitive": void 0, "module": "/build/routes/index-JOOJGTNK.js", "imports": ["/build/_shared/chunk-4JENRIWS.js"], "hasAction": true, "hasLoader": true, "hasCatchBoundary": false, "hasErrorBoundary": false } }, "url": "/build/manifest-87DFCC32.js" };
+var assets_manifest_default = { "version": "9b9925ec", "entry": { "module": "/build/entry.client-BOQTIOMQ.js", "imports": ["/build/_shared/chunk-46KIHHI7.js", "/build/_shared/chunk-KAUONBO3.js"] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "module": "/build/root-ZFPEDWF7.js", "imports": ["/build/_shared/chunk-J6HYE3WJ.js", "/build/_shared/chunk-D3JIIV5V.js"], "hasAction": false, "hasLoader": false, "hasCatchBoundary": true, "hasErrorBoundary": true }, "routes/$repo.$": { "id": "routes/$repo.$", "parentId": "root", "path": ":repo/*", "index": void 0, "caseSensitive": void 0, "module": "/build/routes/$repo.$-YVRVKTZC.js", "imports": ["/build/_shared/chunk-TA33COY5.js"], "hasAction": true, "hasLoader": true, "hasCatchBoundary": false, "hasErrorBoundary": true }, "routes/index": { "id": "routes/index", "parentId": "root", "path": void 0, "index": true, "caseSensitive": void 0, "module": "/build/routes/index-AS3DS2NT.js", "imports": ["/build/_shared/chunk-TA33COY5.js"], "hasAction": true, "hasLoader": true, "hasCatchBoundary": false, "hasErrorBoundary": false } }, "url": "/build/manifest-9B9925EC.js" };
 
 // server-entry-module:@remix-run/dev/server-build
 var entry = { module: entry_server_exports };
@@ -7045,10 +7287,10 @@ var routes = {
     caseSensitive: void 0,
     module: root_exports
   },
-  "routes/$repo": {
-    id: "routes/$repo",
+  "routes/$repo.$": {
+    id: "routes/$repo.$",
     parentId: "root",
-    path: ":repo",
+    path: ":repo/*",
     index: void 0,
     caseSensitive: void 0,
     module: repo_exports
@@ -7073,11 +7315,13 @@ var import_path11 = require("path");
 var import_semver_compare2 = __toESM(require("semver-compare"));
 var args = parseArgs();
 (async () => {
-  const latestV = await latestVersion(package_default.name);
   const currentV = package_default.version;
-  process.stdout.write("\x1B[2J\x1B[0;0H");
-  console.log();
-  const updateMessage = latestV && (0, import_semver_compare2.default)(latestV, currentV) === 1 ? ` [!] Update available: ${latestV}
+  let updateMessage = "";
+  try {
+    const latestV = await latestVersion(package_default.name);
+    process.stdout.write("\x1B[2J\x1B[0;0H");
+    console.log();
+    updateMessage = latestV && (0, import_semver_compare2.default)(latestV, currentV) === 1 ? ` [!] Update available: ${latestV}
 
 To update, run:
 
@@ -7088,6 +7332,8 @@ Or to install globally:
   npm install -g git-truck@latest
 
 ` : " (latest)";
+  } catch (e) {
+  }
   console.log(`Git Truck version ${currentV}${updateMessage}`);
   if (args.h || args.help) {
     console.log();