@youtyan/code-viewer 0.1.18 → 0.1.19

package/dist/code-viewer.js

@@ -82,7 +82,13 @@ function startDevAssetReload(options) {
 }
 
 // web-src/server/git.ts
-import { existsSync, lstatSync as lstatSync2, readdirSync, readFileSync } from "node:fs";
+import {
+  existsSync,
+  lstatSync as lstatSync2,
+  readdirSync,
+  readFileSync
+} from "node:fs";
+import { join as join2 } from "node:path";
 
 // web-src/server/runtime.ts
 import { spawn, spawnSync } from "node:child_process";
@@ -235,9 +241,11 @@ async function writeWebResponse(res, response) {
 }
 
 // web-src/server/git.ts
-import { join as join2 } from "node:path";
 var WORKTREE_RECURSIVE_DEPTH_LIMIT = 32;
 var WORKTREE_RECURSIVE_ENTRY_LIMIT = 50000;
+var DEFAULT_REF_COMMIT_LIMIT = 100;
+var MAX_REF_COMMIT_LIMIT = 500;
+var COMMIT_FORMAT = "%H%x00%s%x00%an%x00%aI";
 var DEFAULT_WORKTREE_OMIT_DIR_NAMES = [
   "node_modules",
   ".venv",
@@ -291,11 +299,19 @@ function catFileBlobStream(oid, cwd) {
 }
 function objectSize(ref, path, cwd) {
   const res = run(["git", "cat-file", "-s", `${ref}:${path}`], cwd);
-  return { code: res.code, size: Number(res.stdout.trim()) || 0, stderr: res.stderr };
+  return {
+    code: res.code,
+    size: Number(res.stdout.trim()) || 0,
+    stderr: res.stderr
+  };
 }
 function objectByteSize(oid, cwd) {
   const res = run(["git", "cat-file", "-s", oid], cwd);
-  return { code: res.code, size: Number(res.stdout.trim()) || 0, stderr: res.stderr };
+  return {
+    code: res.code,
+    size: Number(res.stdout.trim()) || 0,
+    stderr: res.stderr
+  };
 }
 function objectId(ref, path, cwd) {
   const res = run(["git", "rev-parse", "--verify", `${ref}:${path}`], cwd);
@@ -316,7 +332,12 @@ function verifyTreeRef(ref, cwd) {
   return res.code === 0;
 }
 function refs(cwd) {
-  const out = { branches: [], tags: [], commits: [], current: "" };
+  const out = {
+    branches: [],
+    tags: [],
+    commits: [],
+    current: ""
+  };
   const branches = run([
     "git",
     "for-each-ref",
@@ -329,17 +350,104 @@ function refs(cwd) {
     out.branches = branches.stdout.split(`
 `).filter((line) => line && line !== "origin/HEAD");
   }
-  const tags = run(["git", "for-each-ref", "--sort=-creatordate", "--format=%(refname:short)", "refs/tags"], cwd);
+  const tags = run([
+    "git",
+    "for-each-ref",
+    "--sort=-creatordate",
+    "--format=%(refname:short)",
+    "refs/tags"
+  ], cwd);
   if (tags.code === 0)
     out.tags = tags.stdout.split(`
 `).filter(Boolean);
-  const commits = run(["git", "log", "-50", "--format=%h\t%s\t%an\t%ar"], cwd);
-  if (commits.code === 0)
-    out.commits = commits.stdout.split(`
-`).filter(Boolean);
+  out.commits = refCommits(cwd, "", DEFAULT_REF_COMMIT_LIMIT);
   out.current = currentBranch(cwd) || "";
   return out;
 }
+function clampCommitLimit(max) {
+  return Math.max(1, Math.min(max, MAX_REF_COMMIT_LIMIT));
+}
+function parseCommitLog(stdout) {
+  const parts = stdout.split("\x00");
+  const commits = [];
+  for (let index = 0;index < parts.length; ) {
+    if (!parts[index]) {
+      index++;
+      continue;
+    }
+    const sha = parts[index++] || "";
+    const subject = parts[index++] || "";
+    const author = parts[index++] || "";
+    const when = parts[index++] || "";
+    if (sha)
+      commits.push({ sha, subject, author, when });
+  }
+  return commits;
+}
+function commitLogArgs(limit) {
+  return [
+    "git",
+    "log",
+    "--all",
+    "-z",
+    `--max-count=${limit}`,
+    `--format=${COMMIT_FORMAT}`
+  ];
+}
+function mergeCommitResults(limit, ...groups) {
+  const seen = new Set;
+  const merged = [];
+  for (const commits of groups) {
+    for (const commit of commits) {
+      if (!commit.sha || seen.has(commit.sha))
+        continue;
+      seen.add(commit.sha);
+      merged.push(commit);
+      if (merged.length >= limit)
+        return merged;
+    }
+  }
+  return merged;
+}
+function runCommitLog(cwd, args) {
+  const commits = run(args, cwd);
+  return commits.code === 0 ? parseCommitLog(commits.stdout) : [];
+}
+function refCommits(cwd, query = "", max = DEFAULT_REF_COMMIT_LIMIT) {
+  const limit = clampCommitLimit(max);
+  const trimmed = query.trim().slice(0, 200).replace(/\0/g, "");
+  const hashMatches = [];
+  if (/^[0-9a-f]{4,40}$/i.test(trimmed)) {
+    const verified = run(["git", "rev-parse", "--verify", `${trimmed}^{commit}`], cwd);
+    const single = run([
+      "git",
+      "log",
+      "-z",
+      "-1",
+      `--format=${COMMIT_FORMAT}`,
+      verified.code === 0 && verified.stdout.trim() ? verified.stdout.trim() : trimmed
+    ], cwd);
+    if (single.code === 0 && single.stdout.trim()) {
+      hashMatches.push(...parseCommitLog(single.stdout));
+    }
+  }
+  if (!trimmed) {
+    return runCommitLog(cwd, commitLogArgs(limit));
+  }
+  const subjectMatches = runCommitLog(cwd, [
+    ...commitLogArgs(limit),
+    "--regexp-ignore-case",
+    "--fixed-strings",
+    `--grep=${trimmed}`
+  ]);
+  const authorMatches = runCommitLog(cwd, [
+    ...commitLogArgs(limit),
+    "--regexp-ignore-case",
+    "--fixed-strings",
+    `--author=${trimmed}`
+  ]);
+  return mergeCommitResults(limit, hashMatches, subjectMatches, authorMatches);
+}
 function nameStatus(args, cwd) {
   const res = run([
     "git",
@@ -366,7 +474,12 @@ function nameStatus(args, cwd) {
       const oldPath = parts[i++] || "";
       const path = parts[i++] || "";
       if (path)
-        files.push({ status: kind, old_path: oldPath, path, similarity: Number(status.slice(1)) || undefined });
+        files.push({
+          status: kind,
+          old_path: oldPath,
+          path,
+          similarity: Number(status.slice(1)) || undefined
+        });
     } else {
       const path = parts[i++] || "";
       if (path)
@@ -512,7 +625,11 @@ function worktreeFilesystemEntries(cwd, path, recursive, omitDirNames = DEFAULT_
           continue;
         walk(full, entryPath, depth + 1);
       } else if (entry.isFile() || entry.isSymbolicLink()) {
-        if (!pushRecursiveEntry({ name: entry.name, path: entryPath, type: "blob" }))
+        if (!pushRecursiveEntry({
+          name: entry.name,
+          path: entryPath,
+          type: "blob"
+        }))
           return;
       }
     }
@@ -545,7 +662,11 @@ function gitTreeEntries(ref, path, cwd, recursive) {
     if (!match)
       return null;
     const entryPath = match[2];
-    return { name: entryPath.split("/").pop() || entryPath, path: entryPath, type: match[1] };
+    return {
+      name: entryPath.split("/").pop() || entryPath,
+      path: entryPath,
+      type: match[1]
+    };
   }).filter((entry) => !!entry);
   if (recursive)
     entries.sort((a, b) => a.path.localeCompare(b.path));
@@ -566,7 +687,11 @@ function worktreeFiles(cwd) {
 function listTree(ref, path, cwd, options = {}) {
   const base = normalizeTreePath(path);
   if (ref === "worktree") {
-    return { code: 0, entries: worktreeFilesystemEntries(cwd, base, !!options.recursive, options.omitDirNames), stderr: "" };
+    return {
+      code: 0,
+      entries: worktreeFilesystemEntries(cwd, base, !!options.recursive, options.omitDirNames),
+      stderr: ""
+    };
   }
   const direct = gitTreeEntries(ref, base, cwd, false);
   if (direct.code !== 0 || !options.recursive)
@@ -574,7 +699,11 @@ function listTree(ref, path, cwd, options = {}) {
   const recursive = gitTreeEntries(ref, base, cwd, true);
   if (recursive.code !== 0)
     return recursive;
-  return { code: 0, entries: combineDirectAndRecursiveFiles(direct.entries, recursive.entries), stderr: "" };
+  return {
+    code: 0,
+    entries: combineDirectAndRecursiveFiles(direct.entries, recursive.entries),
+    stderr: ""
+  };
 }
 function untrackedMeta(cwd) {
   return untracked(cwd).map((path) => {
@@ -589,7 +718,14 @@ function untrackedMeta(cwd) {
         lines = data.toString("utf8").split(`
 `).length - 1;
     }
-    return { path, status: "A", additions: binary ? 0 : lines, deletions: 0, binary, untracked: true };
+    return {
+      path,
+      status: "A",
+      additions: binary ? 0 : lines,
+      deletions: 0,
+      binary,
+      untracked: true
+    };
   });
 }
 function fileMeta(args, cwd, includeUntracked = false) {
@@ -990,7 +1126,12 @@ function buildFileSearchList(ref, generation, entries) {
 }
 function buildRgArgs(query, max, paths, regex = false, omitDirNames = []) {
   const safePaths = paths.length ? paths : ["."];
-  const omitGlobs = omitDirNames.flatMap((name) => ["--glob", `!${name}/**`, "--glob", `!**/${name}/**`]);
+  const omitGlobs = omitDirNames.flatMap((name) => [
+    "--glob",
+    `!${name}/**`,
+    "--glob",
+    `!**/${name}/**`
+  ]);
   const args = [
     "rg",
     "--no-config",
@@ -1029,7 +1170,12 @@ function parseRgOutput(stdout, max, omitDirNames = []) {
     const preview = parsed[4];
     if (!path || !lineNo || !column || isSkippableSearchPath(path, omitDirNames))
       continue;
-    matches.push({ path, line: lineNo, column, preview: preview.slice(0, 500) });
+    matches.push({
+      path,
+      line: lineNo,
+      column,
+      preview: preview.slice(0, 500)
+    });
   }
   return matches;
 }
@@ -1728,6 +1874,12 @@ function handleGrep(url) {
     return text("invalid target", 400);
   return json(grepTreeRef(ref, query, max, paths, regex, omitDirNames));
 }
+function handleRefCommits(url) {
+  const query = url.searchParams.get("q") || "";
+  const parsedMax = Number(url.searchParams.get("max") || "");
+  const max = Number.isFinite(parsedMax) && parsedMax > 0 ? parsedMax : undefined;
+  return json({ commits: refCommits(cwd, query, max) });
+}
 function handleFileDiff(url) {
   const path = url.searchParams.get("path") || "";
   if (!safePath(path))
@@ -2300,6 +2452,8 @@ var server = await startServer({
       return handleFiles(url);
     if (url.pathname === "/_grep")
       return handleGrep(url);
+    if (url.pathname === "/_commits")
+      return handleRefCommits(url);
     if (url.pathname === "/file_diff")
       return handleFileDiff(url);
     if (url.pathname === "/file_range")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youtyan/code-viewer",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "description": "Local browser-based code and git diff viewer",
   "type": "module",
   "bin": {
@@ -32,7 +32,7 @@
     "check": "bun run typecheck",
     "typecheck": "tsc --noEmit",
     "check:bundle": "bun build --target=browser --format=iife --outfile=/tmp/code-viewer-app.js web-src/app.ts && cmp /tmp/code-viewer-app.js web/app.js && bun build --target=browser --format=esm --outfile=/tmp/code-viewer-mermaid.js web-src/mermaid-entry.ts && cmp /tmp/code-viewer-mermaid.js web/mermaid.js && bun build --target=browser --format=esm --outfile=/tmp/code-viewer-shiki.js web-src/shiki-entry.ts && cmp /tmp/code-viewer-shiki.js web/shiki.js",
-    "check:format": "biome format biome.jsonc package.json web-src/app.ts web-src/server/preview.ts web-src/test/source-fixture.ts web-src/test/source-fixture.test.ts web-src/test/view-file-button.test.ts web-src/test/open-path.test.ts web-src/test/markdown-preview.test.ts web-src/test/search-server.test.ts web-src/test/upload-files.test.ts web-src/test/git-truncate.test.ts web-src/test/asset-version-removal.test.ts web-src/test/sidebar-folder-icon.test.ts web-src/test/mark-viewed-button.test.ts",
+    "check:format": "biome format .",
     "dev": "bun run web-src/server/dev.ts",
     "preview": "bun run web-src/server/dev.ts",
     "preview:raw": "bun run web-src/server/preview.ts",

package/web/app.js

@@ -359,22 +359,58 @@
     if (isGlobPathQuery(query)) {
       return items.map((item) => {
         const match = globMatchPath(query, item.path);
-        return match ? { item, score: match.score, ranges: match.ranges, mode: "glob" } : null;
+        return match ? {
+          item,
+          score: match.score,
+          ranges: match.ranges,
+          mode: "glob"
+        } : null;
       }).filter((item) => item !== null).sort((a, b) => b.score - a.score || a.item.path.localeCompare(b.item.path));
     }
-    return rankFuzzyPaths(query, items).map((item) => ({ ...item, mode: "fuzzy" }));
+    return rankFuzzyPaths(query, items).map((item) => ({
+      ...item,
+      mode: "fuzzy"
+    }));
   }
 
   // web-src/keymap.ts
   var DEFAULT_KEY_BINDINGS = [
-    { action: "open-file-palette", key: "k", ctrl: true, allowEditable: true, allowPaletteOpen: true },
-    { action: "open-file-palette", key: "k", meta: true, allowEditable: true, allowPaletteOpen: true },
-    { action: "open-grep-palette", key: "g", ctrl: true, allowEditable: true, allowPaletteOpen: true },
-    { action: "open-grep-palette", key: "g", meta: true, allowEditable: true, allowPaletteOpen: true },
+    {
+      action: "open-file-palette",
+      key: "k",
+      ctrl: true,
+      allowEditable: true,
+      allowPaletteOpen: true
+    },
+    {
+      action: "open-file-palette",
+      key: "k",
+      meta: true,
+      allowEditable: true,
+      allowPaletteOpen: true
+    },
+    {
+      action: "open-grep-palette",
+      key: "g",
+      ctrl: true,
+      allowEditable: true,
+      allowPaletteOpen: true
+    },
+    {
+      action: "open-grep-palette",
+      key: "g",
+      meta: true,
+      allowEditable: true,
+      allowPaletteOpen: true
+    },
     { action: "focus-file-filter", key: "/" },
     { action: "focus-sidebar", key: "h", ctrl: true },
     { action: "focus-main", key: "l", ctrl: true },
-    { action: "cancel-source-load", key: "escape", requires: { lightboxClosed: true } },
+    {
+      action: "cancel-source-load",
+      key: "escape",
+      requires: { lightboxClosed: true }
+    },
     { action: "open-sidebar-item", key: "enter", scope: "sidebar" },
     { action: "open-sidebar-item", key: "enter", scope: "global" },
     { action: "sidebar-next", key: "j", scope: "sidebar" },
@@ -399,12 +435,37 @@
     { action: "scroll-main-page-up", key: "pageup", scope: "global" },
     { action: "scroll-main-page-down", key: "pagedown", scope: "sidebar" },
     { action: "scroll-main-page-up", key: "pageup", scope: "sidebar" },
-    { action: "scroll-main-page-down", key: "arrowdown", scope: "main", ctrl: true },
+    {
+      action: "scroll-main-page-down",
+      key: "arrowdown",
+      scope: "main",
+      ctrl: true
+    },
     { action: "scroll-main-page-up", key: "arrowup", scope: "main", ctrl: true },
-    { action: "scroll-main-page-down", key: "arrowdown", scope: "global", ctrl: true },
-    { action: "scroll-main-page-up", key: "arrowup", scope: "global", ctrl: true },
-    { action: "scroll-main-page-down", key: "arrowdown", scope: "sidebar", ctrl: true },
-    { action: "scroll-main-page-up", key: "arrowup", scope: "sidebar", ctrl: true },
+    {
+      action: "scroll-main-page-down",
+      key: "arrowdown",
+      scope: "global",
+      ctrl: true
+    },
+    {
+      action: "scroll-main-page-up",
+      key: "arrowup",
+      scope: "global",
+      ctrl: true
+    },
+    {
+      action: "scroll-main-page-down",
+      key: "arrowdown",
+      scope: "sidebar",
+      ctrl: true
+    },
+    {
+      action: "scroll-main-page-up",
+      key: "arrowup",
+      scope: "sidebar",
+      ctrl: true
+    },
     { action: "tab-preview", key: "p", scope: "main", pendingG: true },
     { action: "tab-code", key: "c", scope: "main", pendingG: true },
     { action: "goto-top", key: "g", pendingG: true },
@@ -6091,8 +6152,21 @@
         const ref = target || params.get("ref") || "worktree";
         const line = parseLineTarget(params.get("line"));
         if (!path)
-          return { screen: "unknown", reason: "missing-path", rawPathname: pathname, rawSearch: search, range };
-        return { screen: "file", path, ref, range, view: target ? "blob" : "detail", ...line ? { line } : {} };
+          return {
+            screen: "unknown",
+            reason: "missing-path",
+            rawPathname: pathname,
+            rawSearch: search,
+            range
+          };
+        return {
+          screen: "file",
+          path,
+          ref,
+          range,
+          view: target ? "blob" : "detail",
+          ...line ? { line } : {}
+        };
       }
       case "/help":
         return {
@@ -6102,7 +6176,13 @@
           section: params.get("section") || "keybindings"
         };
       default:
-        return { screen: "unknown", reason: "unknown-pathname", rawPathname: pathname, rawSearch: search, range };
+        return {
+          screen: "unknown",
+          reason: "unknown-pathname",
+          rawPathname: pathname,
+          rawSearch: search,
+          range
+        };
     }
   }
   function buildRoute(route) {
@@ -6218,7 +6298,10 @@
   }
   function resolveRepoRelative(currentPath, requestedPath) {
     const base2 = currentPath.split("/").slice(0, -1);
-    const parts = [...requestedPath.startsWith("/") ? [] : base2, ...requestedPath.split("/")].filter((part) => part && part !== ".");
+    const parts = [
+      ...requestedPath.startsWith("/") ? [] : base2,
+      ...requestedPath.split("/")
+    ].filter((part) => part && part !== ".");
     const resolved = [];
     for (const part of parts) {
       if (part === "..") {
@@ -6440,7 +6523,10 @@
     const toc = root.querySelector(".gdp-markdown-toc");
     if (!toc)
       return;
-    const entries = Array.from(toc.querySelectorAll("a[data-target]")).map((link2) => ({ link: link2, target: root.querySelector("#" + CSS.escape(link2.dataset.target || "")) })).filter((entry) => !!entry.target);
+    const entries = Array.from(toc.querySelectorAll("a[data-target]")).map((link2) => ({
+      link: link2,
+      target: root.querySelector("#" + CSS.escape(link2.dataset.target || ""))
+    })).filter((entry) => !!entry.target);
     if (!entries.length)
       return;
     toc.addEventListener("click", (e2) => {
@@ -6485,7 +6571,10 @@
       if (!raf)
         raf = requestAnimationFrame(update);
     };
-    window.addEventListener("scroll", schedule, { passive: true, signal: controller.signal });
+    window.addEventListener("scroll", schedule, {
+      passive: true,
+      signal: controller.signal
+    });
     window.addEventListener("resize", schedule, { signal: controller.signal });
     setTimeout(() => {
       if (!root.isConnected)
@@ -6537,7 +6626,11 @@
         const typed = mod;
         const mermaid = typed.default;
         if (!mermaidInitialized) {
-          mermaid.initialize({ startOnLoad: false, securityLevel: "strict", theme: "default" });
+          mermaid.initialize({
+            startOnLoad: false,
+            securityLevel: "strict",
+            theme: "default"
+          });
           mermaidInitialized = true;
         }
         return mermaid;
@@ -12438,20 +12531,58 @@
     }
     fetchRefs();
     let popTab = "commits";
+    let commitSearchTimer = null;
+    let commitSearchSeq = 0;
+    let commitSearchAbort = null;
+    let commitSearchLoading = false;
+    function fetchCommitRefs(query) {
+      const seq = ++commitSearchSeq;
+      if (commitSearchAbort)
+        commitSearchAbort.abort();
+      commitSearchAbort = new AbortController;
+      const url = "/_commits?max=100&q=" + encodeURIComponent((query || "").trim());
+      return fetch(url, { signal: commitSearchAbort.signal }).then((r2) => r2.json()).then((refs) => {
+        if (seq !== commitSearchSeq)
+          return;
+        commitSearchLoading = false;
+        REFS.commits = refs.commits || [];
+        if (!popover.hidden && popTab === "commits") {
+          buildPopBody(popSearch.value);
+        }
+      }).catch(() => {
+        if (seq === commitSearchSeq)
+          commitSearchLoading = false;
+      });
+    }
+    function scheduleCommitSearch(query) {
+      if (commitSearchTimer)
+        clearTimeout(commitSearchTimer);
+      commitSearchLoading = true;
+      commitSearchTimer = setTimeout(() => {
+        commitSearchTimer = null;
+        fetchCommitRefs(query);
+      }, 150);
+    }
     function buildPopBody(query) {
       const q = (query || "").toLowerCase().trim();
       const m = (s2) => !q || String(s2).toLowerCase().includes(q);
       const html = [];
       if (popTab === "commits") {
-        const commits = (REFS.commits || []).filter((c2) => m(c2));
+        if (commitSearchLoading) {
+          html.push('<div class="rp-empty">loading commits...</div>');
+          popBody.innerHTML = html.join("");
+          highlightCurrentInPopover();
+          return;
+        }
+        const commits = (REFS.commits || []).filter((commit) => m(`${commit.sha} ${commit.subject} ${commit.author}`));
         if (!commits.length) {
           html.push('<div class="rp-empty">no commits</div>');
         }
-        for (const c2 of commits) {
-          const [sha, subject, author, when] = c2.split("\t");
-          if (!sha)
+        for (const commit of commits) {
+          if (!commit.sha)
             continue;
-          html.push('<div class="rp-item-commit" data-val="' + escapeAttr(sha) + '"><div class="row1"><span class="sha">' + escapeHtml2(sha) + '</span><span class="subject" title="' + escapeAttr(subject || "") + '">' + escapeHtml2(subject || "") + '</span></div><div class="row2"><span class="author">' + escapeHtml2(author || "") + '</span><span class="when">' + escapeHtml2(when || "") + "</span></div></div>");
+          const shortSha = commit.sha.slice(0, 7);
+          html.push('<div class="rp-item-commit" data-val="' + escapeAttr(commit.sha) + '"><div class="row1"><span class="sha">' + escapeHtml2(shortSha) + '</span><span class="subject" title="' + escapeAttr(commit.subject || "") + '">' + escapeHtml2(commit.subject || "") + '</span></div><div class="row2"><span class="author">' + escapeHtml2(commit.author || "") + '</span><span class="when">' + escapeHtml2(commit.when || "") + "</span></div></div>");
         }
       } else if (popTab === "branches") {
         const branches = (REFS.branches || []).filter(m);
@@ -12502,6 +12633,8 @@
     function openPopover(input) {
       popTarget = input;
       popSearch.value = "";
+      if (popTab === "commits")
+        scheduleCommitSearch("");
       buildPopBody("");
       const cur = (input.value || "").trim();
       popover.querySelectorAll(".rp-chip").forEach((c2) => {
@@ -12539,13 +12672,17 @@
       });
       renderStandaloneSource({ path: STATE.route.path, ref });
     });
-    popSearch.addEventListener("input", () => buildPopBody(popSearch.value));
+    popSearch.addEventListener("input", () => {
+      if (popTab === "commits")
+        scheduleCommitSearch(popSearch.value);
+      buildPopBody(popSearch.value);
+    });
     popSearch.addEventListener("keydown", (e2) => {
       if (e2.key === "Escape") {
         closePopover();
       }
       if (e2.key === "Enter") {
-        const first = popBody.querySelector(".rp-item");
+        const first = popBody.querySelector(".rp-item-commit, .rp-item-ref");
         if (first)
           first.click();
       }
@@ -12568,6 +12705,8 @@
       t2.addEventListener("click", () => {
         popTab = t2.dataset.tab || "commits";
         popover.querySelectorAll(".rp-tab").forEach((b2) => b2.classList.toggle("active", b2 === t2));
+        if (popTab === "commits")
+          scheduleCommitSearch(popSearch.value);
         buildPopBody(popSearch.value);
       });
     });