@youtyan/code-viewer 0.1.14 → 0.1.16

package/web/app.js

@@ -378,6 +378,18 @@
     { action: "scroll-main-up", key: "k", scope: "main" },
     { action: "scroll-main-page-down", key: "d", scope: "main", ctrl: true },
     { action: "scroll-main-page-up", key: "u", scope: "main", ctrl: true },
+    { action: "scroll-main-page-down", key: "pagedown", scope: "main" },
+    { action: "scroll-main-page-up", key: "pageup", scope: "main" },
+    { action: "scroll-main-page-down", key: "pagedown", scope: "global" },
+    { 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-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: "tab-preview", key: "p", scope: "main", pendingG: true },
     { action: "tab-code", key: "c", scope: "main", pendingG: true },
     { action: "goto-top", key: "g", pendingG: true },
@@ -6746,8 +6758,25 @@
     ];
     const FILE_16_PATH = "M2 1.75C2 .784 2.784 0 3.75 0h5.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 12.25 16h-8.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 8 4.25V1.5Zm5.75.062V4.25c0 .138.112.25.25.25h2.688Z";
     const OPEN_EXTERNAL_16_PATH = "M3.75 2A1.75 1.75 0 0 0 2 3.75v8.5C2 13.216 2.784 14 3.75 14h8.5A1.75 1.75 0 0 0 14 12.25v-3.5a.75.75 0 0 0-1.5 0v3.5a.25.25 0 0 1-.25.25h-8.5a.25.25 0 0 1-.25-.25v-8.5a.25.25 0 0 1 .25-.25h3.5a.75.75 0 0 0 0-1.5h-3.5Zm6.5 0a.75.75 0 0 0 0 1.5h1.19L7.72 7.22a.749.749 0 1 0 1.06 1.06l3.72-3.72v1.19a.75.75 0 0 0 1.5 0v-3A.75.75 0 0 0 13.25 2h-3Z";
-    const UNFOLD_16_PATH = "m8.177.677 2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25a.75.75 0 0 1-1.5 0V4H5.104a.25.25 0 0 1-.177-.427L7.823.677a.25.25 0 0 1 .354 0ZM7.25 10.75a.75.75 0 0 1 1.5 0V12h2.146a.25.25 0 0 1 .177.427l-2.896 2.896a.25.25 0 0 1-.354 0l-2.896-2.896A.25.25 0 0 1 5.104 12H7.25v-1.25Zm-5-2a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z";
-    const FOLD_16_PATH = "M10.896 2H8.75V.75a.75.75 0 0 0-1.5 0V2H5.104a.25.25 0 0 0-.177.427l2.896 2.896a.25.25 0 0 0 .354 0l2.896-2.896A.25.25 0 0 0 10.896 2ZM8.75 15.25a.75.75 0 0 1-1.5 0V14H5.104a.25.25 0 0 1-.177-.427l2.896-2.896a.25.25 0 0 1 .354 0l2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25Zm-6.5-6.5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z";
+    const GIT_BRANCH_16_PATH = "M9.5 3.25a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.493 2.493 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25Zm-6 0a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm8.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z";
+    const TRIANGLE_DOWN_16_PATH = "m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z";
+    const SIDEBAR_SHOW_16_PATHS = [
+      "M6.823 7.823a.25.25 0 0 1 0 .354l-2.396 2.396A.25.25 0 0 1 4 10.396V5.604a.25.25 0 0 1 .427-.177Z",
+      "M1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0ZM1.5 1.75v12.5c0 .138.112.25.25.25H9.5v-13H1.75a.25.25 0 0 0-.25.25ZM11 14.5h3.25a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H11Z"
+    ];
+    const SIDEBAR_HIDE_16_PATHS = [
+      "m4.177 7.823 2.396-2.396A.25.25 0 0 1 7 5.604v4.792a.25.25 0 0 1-.427.177L4.177 8.177a.25.25 0 0 1 0-.354Z",
+      "M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25H9.5v-13Zm12.5 13a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H11v13Z"
+    ];
+    const GEAR_16_PATH = "M8 0a8.2 8.2 0 0 1 1.7.18.75.75 0 0 1 .6.86l-.14.93c.23.1.45.21.67.34l.73-.6a.75.75 0 0 1 1.03.08c.47.37.89.78 1.23 1.23a.75.75 0 0 1 .07 1.03l-.59.73c.13.22.24.44.34.67l.93-.14a.75.75 0 0 1 .86.6c.12.55.18 1.12.18 1.7s-.06 1.15-.18 1.7a.75.75 0 0 1-.86.6l-.93-.14c-.1.23-.21.45-.34.67l.59.73a.75.75 0 0 1-.07 1.03c-.34.45-.76.86-1.23 1.23a.75.75 0 0 1-1.03.08l-.73-.6c-.22.13-.44.24-.67.34l.14.93a.75.75 0 0 1-.6.86A8.2 8.2 0 0 1 8 16a8.2 8.2 0 0 1-1.7-.18.75.75 0 0 1-.6-.86l.14-.93a5.9 5.9 0 0 1-.67-.34l-.73.6a.75.75 0 0 1-1.03-.08 8.1 8.1 0 0 1-1.23-1.23.75.75 0 0 1-.07-1.03l.59-.73a5.9 5.9 0 0 1-.34-.67l-.93.14a.75.75 0 0 1-.86-.6A8.2 8.2 0 0 1 0 8c0-.58.06-1.15.18-1.7a.75.75 0 0 1 .86-.6l.93.14c.1-.23.21-.45.34-.67l-.59-.73a.75.75 0 0 1 .07-1.03 8.1 8.1 0 0 1 1.23-1.23.75.75 0 0 1 1.03-.08l.73.6c.22-.13.44-.24.67-.34l-.14-.93a.75.75 0 0 1 .6-.86A8.2 8.2 0 0 1 8 0Zm0 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z";
+    const EXPAND_ALL_16_PATHS = [
+      "M3.22 4.47a.75.75 0 0 1 1.06 0L8 8.19l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L3.22 5.53a.75.75 0 0 1 0-1.06Z",
+      "M3.22 8.47a.75.75 0 0 1 1.06 0L8 12.19l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L3.22 9.53a.75.75 0 0 1 0-1.06Z"
+    ];
+    const COLLAPSE_ALL_16_PATHS = [
+      "M7.47 2.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L8 3.81 4.28 7.53a.75.75 0 0 1-1.06-1.06Z",
+      "M7.47 6.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L8 7.81l-3.72 3.72a.75.75 0 1 1-1.06-1.06Z"
+    ];
     const $ = (sel) => document.querySelector(sel);
     const $$ = (sel) => Array.from(document.querySelectorAll(sel));
     const diffCardSelector = (path) => '.gdp-file-shell[data-path="' + (window.CSS && CSS.escape ? CSS.escape(path) : path) + '"]';
@@ -6755,6 +6784,7 @@
     const DEFAULT_RANGE = { from: "HEAD", to: "worktree" };
     const VIRTUAL_SOURCE_LINE_THRESHOLD = 3000;
     const VIRTUAL_SOURCE_SIZE_THRESHOLD = 1024 * 1024;
+    const VIRTUAL_SOURCE_PAGE_SIZE = 2000;
     const VIRTUAL_SOURCE_ROW_HEIGHT = 20;
     const VIRTUAL_SOURCE_HIGHLIGHT_MAX_LINE_LENGTH = 2000;
     let highlightLoadPromise = null;
@@ -6766,12 +6796,44 @@
     let REPO_SIDEBAR_LOAD = null;
     let SIDEBAR_FILES = [];
     let SIDEBAR_ON_FILE_CLICK;
+    let SERVER_SCOPE_OMIT_DIRS_DEFAULT = [];
     let PENDING_G_SCOPE = null;
     let PENDING_G_UNTIL = 0;
     let SOURCE_CURSOR = null;
     const SOURCE_CURSOR_TOTALS = new Map;
     const HELP_LANGUAGES = ["en", "ja"];
     const HELP_SECTIONS = ["keybindings"];
+    const SCOPE_OMIT_DIRS_STORAGE_KEY_PREFIX = "gdp:scope-omit-dirs:";
+    const SIDEBAR_FONT_SIZE_STORAGE_KEY = "gdp:sidebar-font-size";
+    const CODE_FONT_SIZE_STORAGE_KEY = "gdp:code-font-size";
+    const CLIENT_SCOPE_OMIT_DIRS_DEFAULT = [
+      "node_modules",
+      ".venv",
+      "venv",
+      ".next",
+      ".nuxt",
+      ".svelte-kit",
+      ".astro",
+      ".vercel",
+      "dist",
+      "build",
+      "out",
+      "target",
+      ".gradle",
+      "__pycache__",
+      ".pytest_cache",
+      ".tox",
+      ".terraform",
+      ".idea",
+      ".vscode",
+      "vendor",
+      ".cache",
+      "coverage",
+      "DerivedData",
+      "Pods",
+      "bin",
+      "obj"
+    ];
     const HELP_CONTENT = {
       en: {
         languageLabel: "Language",
@@ -6863,6 +6925,8 @@
         const before = scroller.scrollTop;
         if (edge === "center")
           scroller.scrollTop = Math.max(0, top - Math.round(scroller.clientHeight / 2));
+        else if (edge === "start")
+          scroller.scrollTop = top;
         else if (top < scroller.scrollTop)
           scroller.scrollTop = top;
         else if (bottom > scroller.scrollTop + scroller.clientHeight)
@@ -6895,7 +6959,7 @@
       const delta = unit === "page" ? pageRows : 1;
       cursor.line = Math.max(1, Math.min(total, cursor.line + direction * delta));
       syncSourceCursorRows(target);
-      scrollSourceCursorIntoView(cursor);
+      scrollSourceCursorIntoView(cursor, unit === "page" ? "start" : "nearest");
       return true;
     }
     function scrollMainPanel(direction, repeated = false, unit = "line") {
@@ -6910,6 +6974,31 @@
       else
         window.scrollBy({ top, behavior });
     }
+    let MAIN_SURFACE_FOCUS_SEQ = 0;
+    function focusMainSurface() {
+      const target = findMainScrollTarget();
+      if (target?.matches("#content .gdp-source-virtual-scroller")) {
+        target.focus({ preventScroll: true });
+        setPanelFocusScope("main");
+        return;
+      }
+      focusMainPanel();
+    }
+    function scheduleMainSurfaceFocus() {
+      const seq = ++MAIN_SURFACE_FOCUS_SEQ;
+      const apply = () => {
+        if (seq !== MAIN_SURFACE_FOCUS_SEQ || PALETTE)
+          return;
+        if (isEditableKeyTarget(document.activeElement))
+          return;
+        focusMainSurface();
+      };
+      focusMainPanel();
+      queueMicrotask(apply);
+      requestAnimationFrame(apply);
+      setTimeout(apply, 100);
+      setTimeout(apply, 300);
+    }
     function scrollMainToEdge(edge) {
       if (moveSourceCursor(edge === "bottom" ? 1 : -1, "edge", edge))
         return;
@@ -6942,6 +7031,90 @@
       REPO_SIDEBAR_LOAD_REF = null;
       REPO_SIDEBAR_LOAD = null;
     }
+    function normalizeScopeOmitDirs(value) {
+      const raw = Array.isArray(value) ? value : value.split(/[\n,]+/);
+      return [...new Set(raw.map((item) => item.trim()).filter((item) => item && item.length <= 64 && !item.includes("/") && !item.includes("\\") && item !== "." && item !== ".." && item !== ".git"))].slice(0, 100).sort((a2, b2) => a2.localeCompare(b2));
+    }
+    function scopeOmitDirsStorageKey() {
+      return SCOPE_OMIT_DIRS_STORAGE_KEY_PREFIX + (PROJECT_NAME || "default");
+    }
+    function setProjectName(project) {
+      if (!project)
+        return;
+      PROJECT_NAME = project;
+      document.title = project + " - code viewer";
+    }
+    function savedScopeOmitDirs() {
+      const raw = localStorage.getItem(scopeOmitDirsStorageKey());
+      if (raw == null)
+        return null;
+      try {
+        const parsed = JSON.parse(raw);
+        return normalizeScopeOmitDirs(Array.isArray(parsed) ? parsed : []);
+      } catch {
+        return normalizeScopeOmitDirs(raw);
+      }
+    }
+    function serverScopeOmitDirsDefault() {
+      return SERVER_SCOPE_OMIT_DIRS_DEFAULT.length ? SERVER_SCOPE_OMIT_DIRS_DEFAULT : CLIENT_SCOPE_OMIT_DIRS_DEFAULT;
+    }
+    function effectiveScopeOmitDirs() {
+      return savedScopeOmitDirs() ?? serverScopeOmitDirsDefault();
+    }
+    function appendScopeOmitDirsParam(params) {
+      const saved = savedScopeOmitDirs();
+      if (saved != null)
+        params.set("omit_dirs", saved.join(","));
+    }
+    function normalizeViewerFontSize(value) {
+      return value === "compact" || value === "large" || value === "xlarge" ? value : "regular";
+    }
+    function savedSidebarFontSize() {
+      return normalizeViewerFontSize(localStorage.getItem(SIDEBAR_FONT_SIZE_STORAGE_KEY));
+    }
+    function savedCodeFontSize() {
+      return normalizeViewerFontSize(localStorage.getItem(CODE_FONT_SIZE_STORAGE_KEY));
+    }
+    function applySidebarFontSize(size = savedSidebarFontSize()) {
+      document.body.dataset.sidebarFontSize = size;
+    }
+    function applyCodeFontSize(size = savedCodeFontSize()) {
+      document.body.dataset.codeFontSize = size;
+    }
+    function syncSidebarHeaderHeight() {
+      requestAnimationFrame(() => {
+        const head = document.querySelector(".sb-head");
+        if (head)
+          document.documentElement.style.setProperty("--sidebar-head-h", Math.ceil(head.getBoundingClientRect().height) + "px");
+      });
+    }
+    function observeSidebarHeaderHeight() {
+      const head = document.querySelector(".sb-head");
+      if (!head || typeof ResizeObserver === "undefined") {
+        syncSidebarHeaderHeight();
+        return;
+      }
+      const observer = new ResizeObserver(syncSidebarHeaderHeight);
+      observer.observe(head);
+      syncSidebarHeaderHeight();
+    }
+    function repoFileCacheKey(ref) {
+      const saved = savedScopeOmitDirs();
+      return `${ref}\x00${saved ? saved.join("\x00") : "server"}`;
+    }
+    async function loadSettings() {
+      try {
+        const res = await fetch("/_settings");
+        if (!res.ok)
+          return null;
+        const settings = await res.json();
+        setProjectName(settings.project || "");
+        SERVER_SCOPE_OMIT_DIRS_DEFAULT = normalizeScopeOmitDirs(settings.scope.omit_dirs_effective);
+        return settings;
+      } catch {
+        return null;
+      }
+    }
     function isRepoSidebarReusable(ref) {
       return REPO_SIDEBAR_REF === (ref || "worktree") && isRepositorySidebarMode();
     }
@@ -6958,6 +7131,7 @@
         theme: localStorage.getItem("gdp:theme") || (matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"),
         sbView: localStorage.getItem("gdp:sbview") || "tree",
         sbWidth: parseInt(localStorage.getItem("gdp:sbwidth")) || 308,
+        sidebarHidden: localStorage.getItem("gdp:sidebar-hidden") === "1",
         collapsedDirs: new Set(JSON.parse(localStorage.getItem("gdp:collapsed-dirs") || "[]")),
         ignoreWs: igRaw === null ? true : igRaw === "1",
         from: route.range.from,
@@ -7212,15 +7386,112 @@
         return;
       button.setAttribute("aria-pressed", expanded ? "true" : "false");
       button.title = expanded ? "Collapse expanded lines" : "Expand all lines";
-      button.innerHTML = expanded ? iconSvg("octicon-fold", FOLD_16_PATH) : iconSvg("octicon-unfold", UNFOLD_16_PATH);
+      button.innerHTML = expanded ? iconSvg("octicon-fold", COLLAPSE_ALL_16_PATHS) : iconSvg("octicon-unfold", EXPAND_ALL_16_PATHS);
     }
     function setSidebarTreeActionIcons() {
+      const settings = document.querySelector("#viewer-settings");
+      const sidebarToggle = document.querySelector("#sidebar-toggle");
       const expand = document.querySelector("#sb-expand-all");
       const collapse = document.querySelector("#sb-collapse-all");
+      if (settings)
+        settings.innerHTML = iconSvg("octicon-gear", GEAR_16_PATH);
+      if (sidebarToggle)
+        sidebarToggle.innerHTML = iconSvg("octicon-sidebar", STATE.sidebarHidden ? SIDEBAR_SHOW_16_PATHS : SIDEBAR_HIDE_16_PATHS);
       if (expand)
-        expand.innerHTML = iconSvg("octicon-unfold", UNFOLD_16_PATH);
+        expand.innerHTML = iconSvg("octicon-chevron-down", EXPAND_ALL_16_PATHS);
       if (collapse)
-        collapse.innerHTML = iconSvg("octicon-fold", FOLD_16_PATH);
+        collapse.innerHTML = iconSvg("octicon-chevron-up", COLLAPSE_ALL_16_PATHS);
+    }
+    function attachSidebarToggle(host) {
+      const button = document.querySelector("#sidebar-toggle");
+      if (!button || button.parentElement === host)
+        return;
+      host.prepend(button);
+    }
+    function placeSidebarToggle() {
+      const sidebarHead = document.querySelector(".sb-head");
+      const toolbar = document.querySelector(".gdp-repo-toolbar, .gdp-file-detail-header");
+      const restoreHost = toolbar || document.querySelector("#topbar") || document.querySelector("#global-header");
+      if (STATE.sidebarHidden && restoreHost)
+        attachSidebarToggle(restoreHost);
+      else if (sidebarHead)
+        attachSidebarToggle(sidebarHead);
+    }
+    function applySidebarHidden(hidden = STATE.sidebarHidden) {
+      STATE.sidebarHidden = hidden;
+      document.body.classList.toggle("gdp-sidebar-hidden", hidden);
+      localStorage.setItem("gdp:sidebar-hidden", hidden ? "1" : "0");
+      const button = document.querySelector("#sidebar-toggle");
+      if (button) {
+        button.setAttribute("aria-pressed", hidden ? "true" : "false");
+        button.title = hidden ? "show sidebar" : "hide sidebar";
+        button.setAttribute("aria-label", hidden ? "show sidebar" : "hide sidebar");
+      }
+      setSidebarTreeActionIcons();
+      placeSidebarToggle();
+      syncSidebarHeaderHeight();
+    }
+    function toggleSidebarHidden() {
+      applySidebarHidden(!STATE.sidebarHidden);
+    }
+    function scopeOmitSourceLabel() {
+      return savedScopeOmitDirs() != null ? "Browser override" : "Server default";
+    }
+    function refreshRepositoryTreeAfterSettings() {
+      REPO_FILE_CACHE.clear();
+      invalidateRepoSidebar();
+      if (STATE.route.screen === "repo") {
+        loadRepo();
+        return;
+      }
+      const target = sourceTargetFromRoute();
+      if (target)
+        renderRepoBlobSidebar(target.path, target.ref || "worktree");
+    }
+    async function openScopeSettings() {
+      const pop = document.querySelector("#scope-settings-popover");
+      const input = document.querySelector("#scope-omit-dirs");
+      const sidebarFontSize = document.querySelector("#sidebar-font-size");
+      const codeFontSize = document.querySelector("#code-font-size");
+      const source = document.querySelector("#scope-omit-source");
+      if (!pop || !input || !sidebarFontSize || !codeFontSize || !source)
+        return;
+      await loadSettings();
+      sidebarFontSize.value = savedSidebarFontSize();
+      codeFontSize.value = savedCodeFontSize();
+      input.value = effectiveScopeOmitDirs().join(`
+`);
+      source.textContent = 'Saved for project "' + (PROJECT_NAME || "default") + '" in this browser. Source: ' + scopeOmitSourceLabel() + ". Used by tree, Ctrl+K, and Ctrl+G. Reset removes the browser override.";
+      pop.hidden = false;
+      sidebarFontSize.focus();
+    }
+    function closeScopeSettings() {
+      const pop = document.querySelector("#scope-settings-popover");
+      if (pop)
+        pop.hidden = true;
+    }
+    function saveScopeSettings() {
+      const input = document.querySelector("#scope-omit-dirs");
+      const sidebarFontSize = document.querySelector("#sidebar-font-size");
+      const codeFontSize = document.querySelector("#code-font-size");
+      if (!input || !sidebarFontSize || !codeFontSize)
+        return;
+      localStorage.setItem(SIDEBAR_FONT_SIZE_STORAGE_KEY, normalizeViewerFontSize(sidebarFontSize.value));
+      localStorage.setItem(CODE_FONT_SIZE_STORAGE_KEY, normalizeViewerFontSize(codeFontSize.value));
+      applySidebarFontSize();
+      applyCodeFontSize();
+      localStorage.setItem(scopeOmitDirsStorageKey(), JSON.stringify(normalizeScopeOmitDirs(input.value)));
+      closeScopeSettings();
+      refreshRepositoryTreeAfterSettings();
+    }
+    function resetScopeSettings() {
+      localStorage.removeItem(SIDEBAR_FONT_SIZE_STORAGE_KEY);
+      localStorage.removeItem(CODE_FONT_SIZE_STORAGE_KEY);
+      applySidebarFontSize("regular");
+      applyCodeFontSize("regular");
+      localStorage.removeItem(scopeOmitDirsStorageKey());
+      closeScopeSettings();
+      refreshRepositoryTreeAfterSettings();
     }
     function buildTree(files) {
       const root = { name: "", dirs: {}, files: [], path: "", minOrder: Infinity, explicit: true };
@@ -7287,8 +7558,8 @@
             li.dataset.explicit = "true";
           if (dir.children_omitted) {
             li.classList.add("children-omitted");
-            li.classList.add(dir.children_omitted_reason === "ignored" ? "children-omitted-ignored" : "children-omitted-internal");
-            li.title = dir.children_omitted_reason === "ignored" ? "Ignored directory: open the detail pane to browse its contents" : "Internal Git metadata is not browsed";
+            li.classList.add(dir.children_omitted_reason === "heavy" ? "children-omitted-heavy" : "children-omitted-internal");
+            li.title = dir.children_omitted_reason === "heavy" ? "Large generated/vendor directory: open the detail pane to browse its contents" : "Internal Git metadata is not browsed";
           }
           li.style.setProperty("--lvl-pad", 12 + depth * 14 + "px");
           const chev = document.createElement("span");
@@ -7312,9 +7583,9 @@
           label.appendChild(dn);
           if (dir.children_omitted) {
             const omitted = document.createElement("span");
-            omitted.className = "dir-omitted " + (dir.children_omitted_reason === "ignored" ? "dir-omitted-ignored" : "dir-omitted-internal");
-            omitted.textContent = dir.children_omitted_reason === "ignored" ? "ignored" : "private";
-            omitted.title = dir.children_omitted_reason === "ignored" ? "Tree expansion is skipped, but the directory detail can be opened" : "This directory cannot be opened from the browser";
+            omitted.className = "dir-omitted " + (dir.children_omitted_reason === "heavy" ? "dir-omitted-heavy" : "dir-omitted-internal");
+            omitted.textContent = dir.children_omitted_reason === "heavy" ? "skipped" : "private";
+            omitted.title = dir.children_omitted_reason === "heavy" ? "Tree expansion is skipped, but the directory detail can be opened" : "This directory cannot be opened from the browser";
             label.appendChild(omitted);
           }
           li.appendChild(label);
@@ -7346,18 +7617,16 @@
           if (onFileClick) {
             li.addEventListener("click", (e2) => {
               e2.stopPropagation();
-              if (dir.children_omitted_reason === "internal")
+              if (dir.children_omitted_reason === "internal" || dir.children_omitted_reason === "truncated")
                 return;
-              if (dir.children_omitted_reason !== "internal") {
-                onFileClick({
-                  path: dir.path,
-                  display_path: dir.path,
-                  type: "tree",
-                  children_omitted: dir.children_omitted,
-                  children_omitted_reason: dir.children_omitted_reason
-                });
-              }
-              focusSidebarPanel();
+              onFileClick({
+                path: dir.path,
+                display_path: dir.path,
+                type: "tree",
+                children_omitted: dir.children_omitted,
+                children_omitted_reason: dir.children_omitted_reason
+              });
+              scheduleMainSurfaceFocus();
             });
           } else {
             li.addEventListener("click", toggleDir);
@@ -7393,7 +7662,7 @@
               onFileClick(f2);
             else
               scrollToFile(f2.path);
-            focusSidebarPanel();
+            scheduleMainSurfaceFocus();
           });
           if (!onFileClick)
             li.addEventListener("mouseenter", () => prefetchByPath(f2.path), { passive: true });
@@ -7426,7 +7695,7 @@
             onFileClick(f2);
           else
             scrollToFile(f2.path);
-          focusSidebarPanel();
+          scheduleMainSurfaceFocus();
         });
         if (!onFileClick)
           li.addEventListener("mouseenter", () => prefetchByPath(f2.path), { passive: true });
@@ -7482,6 +7751,49 @@
         return;
       input.value = ref || "worktree";
       wrap.hidden = !(STATE.route.screen === "file" && STATE.route.view === "blob");
+      syncSidebarHeaderHeight();
+    }
+    function createRefSelectorInput(options) {
+      const wrap = document.createElement("div");
+      wrap.className = "ref-selector" + (options.extraClass ? " " + options.extraClass : "");
+      wrap.dataset.refSelector = "";
+      if (options.wrapperId)
+        wrap.id = options.wrapperId;
+      if (options.hidden)
+        wrap.hidden = true;
+      const icon = document.createElement("span");
+      icon.className = "ref-selector-icon";
+      icon.setAttribute("aria-hidden", "true");
+      icon.innerHTML = iconSvg("octicon-git-branch", GIT_BRANCH_16_PATH);
+      const input = document.createElement("input");
+      input.className = "ref-input";
+      input.id = options.id;
+      input.readOnly = true;
+      input.autocomplete = "off";
+      input.placeholder = options.placeholder;
+      if (options.title)
+        input.title = options.title;
+      if (options.value != null)
+        input.value = options.value;
+      const caret = document.createElement("span");
+      caret.className = "ref-selector-caret";
+      caret.setAttribute("aria-hidden", "true");
+      caret.innerHTML = iconSvg("octicon-triangle-down", TRIANGLE_DOWN_16_PATH);
+      wrap.append(icon, input, caret);
+      return { wrap, input };
+    }
+    function hydrateRefSelectorMounts() {
+      document.querySelectorAll("[data-ref-selector-mount]").forEach((mount) => {
+        const { wrap } = createRefSelectorInput({
+          id: mount.dataset.refId || "",
+          placeholder: mount.dataset.placeholder || "ref...",
+          title: mount.dataset.title,
+          wrapperId: mount.dataset.wrapperId,
+          extraClass: mount.dataset.extraClass,
+          hidden: mount.hidden
+        });
+        mount.replaceWith(wrap);
+      });
     }
     function renderMeta(meta) {
       const el = $("#meta");
@@ -7489,8 +7801,7 @@
         el.textContent = "";
         return;
       }
-      PROJECT_NAME = meta.project || PROJECT_NAME;
-      document.title = (meta.project ? meta.project + " - " : "") + "code viewer";
+      setProjectName(meta.project || "");
       el.innerHTML = "";
       if (meta.branch) {
         const b2 = document.createElement("span");
@@ -7757,7 +8068,7 @@
       syncRepoTargetInput(repoFileTargetFromRoute() || "worktree");
     }
     function syncHeaderMenu() {
-      document.querySelectorAll(".app-menu-item").forEach((link2) => {
+      document.querySelectorAll(".app-menu-item, .global-help-link").forEach((link2) => {
         const fileRouteOwner = STATE.route.screen === "file" && STATE.route.view === "blob" ? "repo" : "diff";
         const active = link2.dataset.route === STATE.route.screen || STATE.route.screen === "file" && link2.dataset.route === fileRouteOwner;
         link2.classList.toggle("active", active);
@@ -8061,28 +8372,23 @@
     function repoRoute(ref, path) {
       return { screen: "repo", ref: ref || "worktree", path, range: currentRange() };
     }
-    function wireRepoTargetPicker(input, onPick) {
-      input.addEventListener("focus", () => openPopover(input));
-      input.addEventListener("click", (e2) => {
+    function wireRefSelectorInput(input, onPick) {
+      const wrap = input.closest("[data-ref-selector]");
+      wrap?.addEventListener("click", (e2) => {
         e2.stopPropagation();
         openPopover(input);
       });
-      input.addEventListener("mousedown", (e2) => {
-        if (popover.hidden) {
-          e2.preventDefault();
-          input.focus();
-        }
-      });
       input.addEventListener("keydown", (e2) => {
-        if (e2.key === "Enter") {
+        if (e2.key === "Enter" || e2.key === " ") {
           e2.preventDefault();
-          closePopover();
+          openPopover(input);
         } else if (e2.key === "Escape") {
           closePopover();
           input.blur();
         }
       });
-      input.addEventListener("change", () => onPick(input.value || "worktree"));
+      if (onPick)
+        input.addEventListener("change", () => onPick(input.value || "worktree"));
     }
     function createRepoBreadcrumb(target, path) {
       const nav = document.createElement("nav");
@@ -8117,7 +8423,7 @@
       return nav;
     }
     async function renderRepo(meta) {
-      PROJECT_NAME = meta.project || PROJECT_NAME;
+      setProjectName(meta.project || "");
       setPageMode();
       removeStandaloneSource();
       $("#empty").classList.add("hidden");
@@ -8130,21 +8436,19 @@
       const target = $("#diff");
       const shell = document.createElement("section");
       shell.className = "gdp-repo-shell";
-      const targetPicker = document.createElement("input");
-      targetPicker.className = "ref-input gdp-repo-target";
-      targetPicker.id = "repo-ref";
-      targetPicker.readOnly = true;
-      targetPicker.autocomplete = "off";
-      targetPicker.value = meta.ref || "worktree";
-      targetPicker.placeholder = "ref...";
-      targetPicker.title = "repository ref";
-      wireRepoTargetPicker(targetPicker, (ref) => {
+      const { wrap: targetPickerWrap, input: targetPicker } = createRefSelectorInput({
+        id: "repo-ref",
+        placeholder: "ref...",
+        title: "repository ref",
+        value: meta.ref || "worktree"
+      });
+      wireRefSelectorInput(targetPicker, (ref) => {
         setRoute(repoRoute(ref, ""));
         loadRepo();
       });
       const toolbar = document.createElement("div");
       toolbar.className = "gdp-file-detail-header gdp-repo-toolbar";
-      toolbar.append(createRepoBreadcrumb(meta.ref, meta.path || ""), createOpenPathButton(meta.path || "", "directory", "open this folder in OS"), targetPicker);
+      toolbar.append(targetPickerWrap, createRepoBreadcrumb(meta.ref, meta.path || ""), createOpenPathButton(meta.path || "", "directory", "open this folder in OS"));
       shell.appendChild(toolbar);
       const listCard = document.createElement("section");
       listCard.className = "gdp-file-shell loaded gdp-repo-list-shell";
@@ -8263,6 +8567,7 @@
         shell.appendChild(readme);
       }
       target.appendChild(shell);
+      placeSidebarToggle();
     }
     function renderRepoBlobSidebar(currentPath, ref) {
       syncRepoTargetInput(ref);
@@ -8279,6 +8584,7 @@
       const params = new URLSearchParams;
       params.set("ref", normalizedRef);
       params.set("recursive", "1");
+      appendScopeOmitDirsParam(params);
       REPO_SIDEBAR_LOAD_REF = normalizedRef;
       const load2 = trackLoad(fetch("/_tree?" + params.toString()).then((r2) => {
         if (!r2.ok)
@@ -8363,7 +8669,10 @@
       document.querySelectorAll(".gdp-file-shell.pending").forEach((c2) => lazyObserver.observe(c2));
     }
     window.addEventListener("scroll", () => enqueueInitialLoads(), { passive: true });
-    window.addEventListener("resize", () => enqueueInitialLoads(), { passive: true });
+    window.addEventListener("resize", () => {
+      enqueueInitialLoads();
+      syncSidebarHeaderHeight();
+    }, { passive: true });
     document.addEventListener("visibilitychange", () => {
       if (!document.hidden)
         enqueueInitialLoads();
@@ -9606,6 +9915,9 @@
         url.searchParams.delete("virtual");
       return url.pathname + url.search;
     }
+    function buildFileRangeUrl(target, start, end) {
+      return "/file_range?path=" + encodeURIComponent(target.path) + "&ref=" + encodeURIComponent(target.ref || "worktree") + "&start=" + encodeURIComponent(String(start)) + "&end=" + encodeURIComponent(String(end));
+    }
     function currentSourceLineTarget(target) {
       const routeTarget = sourceTargetFromRoute();
       return sourceTargetsEqual(routeTarget, target) && STATE.route.screen === "file" ? STATE.route.line : undefined;
@@ -9669,6 +9981,161 @@
     document.addEventListener("mouseup", () => {
       SOURCE_LINE_DRAG = null;
     });
+    function virtualSourceSearchRanges(line, query) {
+      const needle = query.toLowerCase();
+      if (!needle)
+        return [];
+      const haystack = line.toLowerCase();
+      const ranges = [];
+      let cursor = 0;
+      while (cursor <= haystack.length) {
+        const index = haystack.indexOf(needle, cursor);
+        if (index < 0)
+          break;
+        ranges.push({ start: index, end: index + query.length });
+        cursor = Math.max(index + query.length, index + 1);
+      }
+      return ranges;
+    }
+    function collectVirtualSourceSearchMatches(lines, query, max = 5000) {
+      const matches = [];
+      for (let index = 0;index < lines.length && matches.length < max; index++) {
+        for (const range of virtualSourceSearchRanges(lines[index] || "", query)) {
+          matches.push({ line: index + 1, start: range.start, end: range.end });
+          if (matches.length >= max)
+            break;
+        }
+      }
+      return matches;
+    }
+    function appendVirtualSourceLineCode(code2, line, query, activeRange, lineNumber) {
+      const ranges = virtualSourceSearchRanges(line, query);
+      if (!ranges.length)
+        return false;
+      let cursor = 0;
+      for (const range of ranges) {
+        if (range.start > cursor)
+          code2.appendChild(document.createTextNode(line.slice(cursor, range.start)));
+        const mark = document.createElement("mark");
+        const active = !!activeRange && activeRange.line === lineNumber && activeRange.start === range.start && activeRange.end === range.end;
+        mark.className = active ? "gdp-source-virtual-search-hit active" : "gdp-source-virtual-search-hit";
+        mark.textContent = line.slice(range.start, range.end);
+        code2.appendChild(mark);
+        cursor = range.end;
+      }
+      if (cursor < line.length)
+        code2.appendChild(document.createTextNode(line.slice(cursor)));
+      return true;
+    }
+    function createVirtualSourceSearch(wrap, scroller, findMatches, renderFn) {
+      const bar = document.createElement("div");
+      bar.className = "gdp-source-virtual-search";
+      const input = document.createElement("input");
+      input.type = "search";
+      input.placeholder = "Find in file";
+      input.autocomplete = "off";
+      input.spellcheck = false;
+      const count = document.createElement("span");
+      count.className = "gdp-source-virtual-search-count";
+      const previous = document.createElement("button");
+      previous.type = "button";
+      previous.textContent = "Prev";
+      const next = document.createElement("button");
+      next.type = "button";
+      next.textContent = "Next";
+      const close = document.createElement("button");
+      close.type = "button";
+      close.textContent = "Close";
+      bar.append(input, count, previous, next, close);
+      wrap.querySelector(".gdp-source-virtual-info")?.appendChild(bar);
+      bar.hidden = true;
+      let matches = [];
+      let active = -1;
+      let debounce = 0;
+      let searchVersion = 0;
+      const hide = () => {
+        bar.hidden = true;
+        renderFn();
+        scroller.focus({ preventScroll: true });
+      };
+      const sync = () => {
+        const query = input.value;
+        const version = ++searchVersion;
+        if (!query) {
+          matches = [];
+          active = -1;
+          count.textContent = "";
+          renderFn();
+          return;
+        }
+        count.textContent = "Searching...";
+        findMatches(query).then((nextMatches) => {
+          if (version !== searchVersion)
+            return;
+          matches = nextMatches;
+          active = matches.length ? Math.max(0, Math.min(active, matches.length - 1)) : -1;
+          count.textContent = matches.length ? active + 1 + " / " + matches.length : "0 / 0";
+          if (active >= 0)
+            scroller.scrollTop = Math.max(0, (matches[active].line - 1) * VIRTUAL_SOURCE_ROW_HEIGHT - VIRTUAL_SOURCE_ROW_HEIGHT * 3);
+          renderFn();
+        }).catch(() => {
+          if (version !== searchVersion)
+            return;
+          matches = [];
+          active = -1;
+          count.textContent = "Search failed";
+          renderFn();
+        });
+      };
+      const scheduleSync = () => {
+        if (debounce)
+          window.clearTimeout(debounce);
+        debounce = window.setTimeout(sync, 120);
+      };
+      const move = (direction) => {
+        if (!matches.length)
+          return;
+        active = (active + direction + matches.length) % matches.length;
+        count.textContent = active + 1 + " / " + matches.length;
+        scroller.scrollTop = Math.max(0, (matches[active].line - 1) * VIRTUAL_SOURCE_ROW_HEIGHT - VIRTUAL_SOURCE_ROW_HEIGHT * 3);
+        renderFn();
+      };
+      input.addEventListener("input", () => {
+        active = 0;
+        scheduleSync();
+      });
+      input.addEventListener("keydown", (e2) => {
+        if (e2.key === "Escape") {
+          e2.preventDefault();
+          hide();
+        } else if (e2.key === "Enter") {
+          e2.preventDefault();
+          move(e2.shiftKey ? -1 : 1);
+        }
+      });
+      previous.addEventListener("click", () => move(-1));
+      next.addEventListener("click", () => move(1));
+      close.addEventListener("click", hide);
+      return {
+        open: () => {
+          bar.hidden = false;
+          input.focus();
+          input.select();
+          sync();
+        },
+        query: () => bar.hidden ? "" : input.value,
+        activeRange: () => active >= 0 ? matches[active] || null : null
+      };
+    }
+    function openVirtualSourceSearchFromKeyboard(targetEl) {
+      const active = targetEl?.closest("#content .gdp-source-virtual");
+      const fallback = document.querySelector("#content .gdp-source-viewer.virtual .gdp-source-virtual:not([hidden])");
+      const search = active?.__gdpVirtualSourceSearch || fallback?.__gdpVirtualSourceSearch;
+      if (!search)
+        return false;
+      search.open();
+      return true;
+    }
     function renderVirtualSource(target, textValue, lines, hljsRef, lang) {
       const wrap = document.createElement("div");
       wrap.className = "gdp-source-virtual";
@@ -9717,6 +10184,9 @@
       info.append(badge, summary, actions);
       const scroller = document.createElement("div");
       scroller.className = "gdp-source-virtual-scroller";
+      scroller.tabIndex = 0;
+      scroller.setAttribute("role", "region");
+      scroller.setAttribute("aria-label", target.path + " source code");
       const spacer = document.createElement("div");
       spacer.className = "gdp-source-virtual-spacer";
       spacer.style.height = Math.max(1, lines.length * VIRTUAL_SOURCE_ROW_HEIGHT) + "px";
@@ -9728,6 +10198,7 @@
       let raf = 0;
       let renderedStart = -1;
       let renderedEnd = -1;
+      let search = null;
       const render = () => {
         raf = 0;
         const viewportHeight = scroller.clientHeight || window.innerHeight;
@@ -9754,7 +10225,9 @@
           const code2 = document.createElement("span");
           code2.className = "gdp-source-virtual-line-code";
           const line = lines[index] ?? "";
-          if (hljsRef && hljsRef.highlight && lang && line.length <= VIRTUAL_SOURCE_HIGHLIGHT_MAX_LINE_LENGTH && (!hljsRef.getLanguage || hljsRef.getLanguage(lang))) {
+          const searchQuery = search?.query() || "";
+          const activeRange = search?.activeRange() || null;
+          if (appendVirtualSourceLineCode(code2, line, searchQuery, activeRange, index + 1)) {} else if (hljsRef && hljsRef.highlight && lang && line.length <= VIRTUAL_SOURCE_HIGHLIGHT_MAX_LINE_LENGTH && (!hljsRef.getLanguage || hljsRef.getLanguage(lang))) {
             try {
               code2.innerHTML = hljsRef.highlight(line, { language: lang, ignoreIllegals: true }).value;
               code2.classList.add("hljs");
@@ -9775,6 +10248,8 @@
       };
       scroller.__gdpRenderVirtualSource = render;
       scroller.addEventListener("scroll", schedule, { passive: true });
+      search = createVirtualSourceSearch(wrap, scroller, (query) => Promise.resolve(collectVirtualSourceSearchMatches(lines, query)), render);
+      wrap.__gdpVirtualSourceSearch = search;
       let resizeObserver = null;
       resizeObserver = typeof ResizeObserver === "function" ? new ResizeObserver(() => {
         if (!scroller.isConnected) {
@@ -9789,6 +10264,253 @@
       schedule();
       return wrap;
     }
+    function renderPagedVirtualSource(target, size, initialStart, initialLines, initialComplete, initialTotal, hljsRef, lang, signal) {
+      const wrap = document.createElement("div");
+      wrap.className = "gdp-source-virtual";
+      const info = document.createElement("div");
+      info.className = "gdp-source-virtual-info";
+      const badge = document.createElement("span");
+      badge.className = "gdp-source-virtual-badge";
+      badge.textContent = "Virtual mode";
+      const summary = document.createElement("span");
+      summary.className = "gdp-source-virtual-summary";
+      const actions = document.createElement("span");
+      actions.className = "gdp-source-virtual-actions";
+      const raw = document.createElement("a");
+      raw.className = "gdp-source-virtual-action";
+      raw.href = buildRawFileUrl(target);
+      raw.target = "_blank";
+      raw.rel = "noreferrer";
+      raw.textContent = "Open raw";
+      const full = document.createElement("a");
+      full.className = "gdp-source-virtual-action";
+      full.href = buildCurrentFileRouteWithVirtualMode(target, "off");
+      full.textContent = "Open full view";
+      full.title = "Render every line without paged loading. This can be slow for large files.";
+      full.addEventListener("click", (e2) => {
+        e2.preventDefault();
+        const url = new URL(full.href, window.location.origin);
+        setRoute(parseRoute(url.pathname, url.search, currentRange()), true);
+        renderStandaloneSource(target);
+      });
+      actions.append(raw, full);
+      info.append(badge, summary, actions);
+      const scroller = document.createElement("div");
+      scroller.className = "gdp-source-virtual-scroller";
+      scroller.tabIndex = 0;
+      scroller.setAttribute("role", "region");
+      scroller.setAttribute("aria-label", target.path + " source code");
+      const spacer = document.createElement("div");
+      spacer.className = "gdp-source-virtual-spacer";
+      const windowEl = document.createElement("div");
+      windowEl.className = "gdp-source-virtual-window";
+      spacer.appendChild(windowEl);
+      scroller.appendChild(spacer);
+      wrap.append(info, scroller);
+      const lines = new Map;
+      const requestedPages = new Set;
+      const failedPages = new Set;
+      const targetLine = lineTargetStart(currentSourceLineTarget(target)) || 1;
+      let complete = initialComplete;
+      let totalRows = initialComplete ? Math.max(1, initialTotal) : Math.max(initialTotal || 1, initialStart + initialLines.length - 1, targetLine + VIRTUAL_SOURCE_PAGE_SIZE);
+      initialLines.forEach((line, index) => lines.set(initialStart + index, line));
+      requestedPages.add(Math.max(0, Math.floor((initialStart - 1) / VIRTUAL_SOURCE_PAGE_SIZE)));
+      for (let line = initialStart;line < initialStart + initialLines.length; line += VIRTUAL_SOURCE_PAGE_SIZE) {
+        requestedPages.add(Math.max(0, Math.floor((line - 1) / VIRTUAL_SOURCE_PAGE_SIZE)));
+      }
+      const updateTotals = () => {
+        SOURCE_CURSOR_TOTALS.set(sourceCursorKey(target), totalRows);
+        summary.textContent = (complete ? totalRows.toLocaleString() : lines.size.toLocaleString() + "+") + " lines loaded from " + formatBytes(size) + ". More rows load as you scroll.";
+        spacer.style.height = Math.max(1, totalRows * VIRTUAL_SOURCE_ROW_HEIGHT) + "px";
+      };
+      const loadPage = (line) => {
+        if (signal?.aborted || complete && line > totalRows)
+          return;
+        const page = Math.max(0, Math.floor((line - 1) / VIRTUAL_SOURCE_PAGE_SIZE));
+        if (requestedPages.has(page))
+          return;
+        if (failedPages.has(page))
+          return;
+        requestedPages.add(page);
+        const start = page * VIRTUAL_SOURCE_PAGE_SIZE + 1;
+        const end = start + VIRTUAL_SOURCE_PAGE_SIZE - 1;
+        trackLoad(fetch(buildFileRangeUrl(target, start, end), { signal }).then((res) => res.ok ? res.json() : null).then((data) => {
+          if (!data || signal?.aborted)
+            return;
+          data.lines.forEach((lineValue, index) => lines.set(data.start + index, lineValue));
+          totalRows = data.complete ? Math.max(1, data.total) : Math.max(totalRows, data.total, end + VIRTUAL_SOURCE_PAGE_SIZE);
+          complete = data.complete === true;
+          updateTotals();
+          renderedStart = -1;
+          renderedEnd = -1;
+          render();
+        }).catch((err) => {
+          if (!isAbortError(err)) {
+            failedPages.add(page);
+            renderedStart = -1;
+            renderedEnd = -1;
+            schedule();
+          }
+        }));
+      };
+      let raf = 0;
+      let renderedStart = -1;
+      let renderedEnd = -1;
+      let search = null;
+      let searchController = null;
+      const render = () => {
+        raf = 0;
+        const viewportHeight = scroller.clientHeight || window.innerHeight;
+        const overscan = 20;
+        const start = Math.max(0, Math.floor(scroller.scrollTop / VIRTUAL_SOURCE_ROW_HEIGHT) - overscan);
+        const end = Math.min(totalRows, Math.ceil((scroller.scrollTop + viewportHeight) / VIRTUAL_SOURCE_ROW_HEIGHT) + overscan);
+        if (start === renderedStart && end === renderedEnd)
+          return;
+        renderedStart = start;
+        renderedEnd = end;
+        windowEl.replaceChildren();
+        windowEl.style.transform = "translateY(" + start * VIRTUAL_SOURCE_ROW_HEIGHT + "px)";
+        const fragment = document.createDocumentFragment();
+        for (let index = start;index < end; index++) {
+          const lineNumber = index + 1;
+          if (!lines.has(lineNumber))
+            loadPage(lineNumber);
+          const row = document.createElement("div");
+          row.className = "gdp-source-virtual-row";
+          row.dataset.line = String(lineNumber);
+          row.classList.toggle("gdp-source-line-target", lineInSourceTarget(lineNumber, currentSourceLineTarget(target)));
+          row.classList.toggle("gdp-source-cursor", sourceCursorMatches(target, lineNumber));
+          const num = document.createElement("span");
+          num.className = "gdp-source-virtual-line-number";
+          num.textContent = String(lineNumber);
+          bindSourceLineNumber(num, wrap, target, lineNumber);
+          const code2 = document.createElement("span");
+          code2.className = "gdp-source-virtual-line-code";
+          const line = lines.get(lineNumber);
+          if (line == null) {
+            code2.textContent = "";
+          } else if (appendVirtualSourceLineCode(code2, line, search?.query() || "", search?.activeRange() || null, lineNumber)) {} else if (hljsRef && hljsRef.highlight && lang && line.length <= VIRTUAL_SOURCE_HIGHLIGHT_MAX_LINE_LENGTH && (!hljsRef.getLanguage || hljsRef.getLanguage(lang))) {
+            try {
+              code2.innerHTML = hljsRef.highlight(line, { language: lang, ignoreIllegals: true }).value;
+              code2.classList.add("hljs");
+            } catch {
+              code2.textContent = line;
+            }
+          } else {
+            code2.textContent = line;
+          }
+          row.append(num, code2);
+          fragment.appendChild(row);
+        }
+        windowEl.appendChild(fragment);
+        if (!complete && totalRows - end < VIRTUAL_SOURCE_PAGE_SIZE) {
+          totalRows += VIRTUAL_SOURCE_PAGE_SIZE;
+          updateTotals();
+        }
+      };
+      const schedule = () => {
+        if (!raf)
+          raf = requestAnimationFrame(render);
+      };
+      scroller.__gdpRenderVirtualSource = render;
+      scroller.addEventListener("scroll", schedule, { passive: true });
+      const findPagedMatches = async (query, matchSignal) => {
+        const matches = [];
+        let startLine = 1;
+        let done = false;
+        while (!done && matches.length < 5000) {
+          const endLine = startLine + VIRTUAL_SOURCE_PAGE_SIZE - 1;
+          const data = await trackLoad(fetch(buildFileRangeUrl(target, startLine, endLine), { signal: matchSignal }).then((res) => {
+            if (!res.ok)
+              throw new Error("file range failed");
+            return res.json();
+          }));
+          if (matchSignal?.aborted)
+            return [];
+          data.lines.forEach((lineValue, index) => {
+            const lineNumber = data.start + index;
+            lines.set(lineNumber, lineValue);
+            for (const range of virtualSourceSearchRanges(lineValue, query)) {
+              matches.push({ line: lineNumber, start: range.start, end: range.end });
+              if (matches.length >= 5000)
+                break;
+            }
+          });
+          totalRows = data.complete ? Math.max(1, data.total) : Math.max(totalRows, data.total, endLine + VIRTUAL_SOURCE_PAGE_SIZE);
+          complete = data.complete === true;
+          updateTotals();
+          if (data.complete || !data.lines.length)
+            done = true;
+          else
+            startLine = data.start + data.lines.length;
+        }
+        renderedStart = -1;
+        renderedEnd = -1;
+        schedule();
+        return matches;
+      };
+      search = createVirtualSourceSearch(wrap, scroller, (query) => {
+        searchController?.abort();
+        searchController = new AbortController;
+        return findPagedMatches(query, searchController.signal);
+      }, render);
+      wrap.__gdpVirtualSourceSearch = search;
+      let resizeObserver = null;
+      resizeObserver = typeof ResizeObserver === "function" ? new ResizeObserver(() => {
+        if (!scroller.isConnected) {
+          resizeObserver?.disconnect();
+          resizeObserver = null;
+          return;
+        }
+        schedule();
+      }) : null;
+      resizeObserver?.observe(scroller);
+      updateTotals();
+      if (targetLine <= 1) {
+        render();
+        schedule();
+      }
+      return wrap;
+    }
+    async function renderPagedSourceText(card, target, size, signal) {
+      const body = card.querySelector(".gdp-file-detail-body, .d2h-files-diff, .d2h-file-diff, .gdp-media, .gdp-source-viewer");
+      const isStandalone = card.classList.contains("gdp-standalone-source");
+      const view = document.createElement("div");
+      view.className = "gdp-source-viewer virtual";
+      const header = isStandalone ? null : document.createElement("div");
+      if (header) {
+        header.className = "gdp-source-meta";
+        header.textContent = target.path + " @ " + target.ref;
+        view.appendChild(header);
+      }
+      const lineTarget = lineTargetStart(currentSourceLineTarget(target)) || 1;
+      const initialPage = Math.max(0, Math.floor((lineTarget - 1) / VIRTUAL_SOURCE_PAGE_SIZE));
+      const initialStart = initialPage * VIRTUAL_SOURCE_PAGE_SIZE + 1;
+      const initialEnd = initialStart + VIRTUAL_SOURCE_PAGE_SIZE - 1;
+      const lang = inferLang(target.path);
+      const hljsRef = STATE.syntaxHighlight ? await loadSyntaxHighlighter() : null;
+      if (signal?.aborted)
+        return false;
+      const initial = await trackLoad(fetch(buildFileRangeUrl(target, initialStart, initialEnd), { signal }).then((res) => res.ok ? res.json() : null));
+      if (!initial)
+        return false;
+      if (signal?.aborted)
+        return false;
+      const tabsHost = card.querySelector(".gdp-file-detail-tabs");
+      if (tabsHost) {
+        tabsHost.hidden = false;
+        tabsHost.replaceChildren(createSourceTabs("code").tabs);
+      }
+      SOURCE_CURSOR_TOTALS.set(sourceCursorKey(target), Math.max(1, initial.total, lineTarget));
+      resetSourceCursorForTarget(target, Math.max(1, initial.total, lineTarget));
+      const virtualCode = renderPagedVirtualSource(target, size, initialStart, initial.lines, initial.complete === true, initial.total, hljsRef, lang, signal);
+      view.appendChild(virtualCode);
+      if (body)
+        body.replaceWith(view);
+      else
+        card.appendChild(view);
+      return true;
+    }
     function renderSourceMedia(card, target, mediaKind) {
       const body = card.querySelector(".gdp-file-detail-body, .d2h-files-diff, .d2h-file-diff, .gdp-media, .gdp-source-viewer");
       const isStandalone = card.classList.contains("gdp-standalone-source");
@@ -9969,6 +10691,7 @@
       } else {
         root.prepend(card);
       }
+      placeSidebarToggle();
       const controller = new AbortController;
       ACTIVE_SOURCE_LOAD = { controller, req, target, card };
       renderSourceLoading(card, target, () => cancelActiveSourceLoad("user"));
@@ -9989,6 +10712,19 @@
           return;
         }
         if (displayKind === "text") {
+          const meta = await loadRawFileInfo(target);
+          if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+            return;
+          if (!isVirtualSourceDisabled() && meta.size != null && meta.size >= VIRTUAL_SOURCE_SIZE_THRESHOLD) {
+            const rendered2 = await renderPagedSourceText(card, target, meta.size, controller.signal);
+            if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+              return;
+            if (!rendered2)
+              return;
+            scrollStandaloneSourceLine(card, lineTargetStart(STATE.route.screen === "file" ? STATE.route.line : undefined));
+            finishSourceLoad(req);
+            return;
+          }
           const response = await trackLoad(fetch(buildRawFileUrl(target), { signal: controller.signal }));
           if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
             return;
@@ -10026,6 +10762,7 @@
       if (virtualScroller) {
         const centeredOffset = virtualScroller.clientHeight / 2 - VIRTUAL_SOURCE_ROW_HEIGHT / 2;
         virtualScroller.scrollTop = Math.max(0, (line - 1) * VIRTUAL_SOURCE_ROW_HEIGHT - Math.max(0, centeredOffset));
+        virtualScroller.__gdpRenderVirtualSource?.();
         return;
       }
       const row = card.querySelector('.gdp-source-table tr[data-line="' + String(line) + '"]');
@@ -10492,6 +11229,11 @@
           body.style.display = STATE.collapsed ? "none" : "";
       });
     }
+    applySidebarFontSize();
+    applyCodeFontSize();
+    applySidebarHidden();
+    observeSidebarHeaderHeight();
+    hydrateRefSelectorMounts();
     setSidebarTreeActionIcons();
     $$(".sb-view-seg button").forEach((b2) => {
       b2.addEventListener("click", () => {
@@ -10503,6 +11245,15 @@
     });
     $("#sb-expand-all").addEventListener("click", () => setAllSidebarDirsCollapsed(false));
     $("#sb-collapse-all").addEventListener("click", () => setAllSidebarDirsCollapsed(true));
+    $("#sidebar-toggle")?.addEventListener("click", toggleSidebarHidden);
+    $("#viewer-settings")?.addEventListener("click", openScopeSettings);
+    $("#scope-settings-close")?.addEventListener("click", closeScopeSettings);
+    $("#scope-omit-save")?.addEventListener("click", saveScopeSettings);
+    $("#scope-omit-reset")?.addEventListener("click", resetScopeSettings);
+    $("#scope-settings-popover")?.addEventListener("keydown", (e2) => {
+      if (e2.key === "Escape")
+        closeScopeSettings();
+    });
     prepareKeyboardPanels();
     const contentPanel = document.querySelector("#content");
     contentPanel?.addEventListener("focusin", () => setPanelFocusScope("main"));
@@ -10937,17 +11688,19 @@
       });
     }
     async function repoPaletteFiles(ref) {
-      const cached = REPO_FILE_CACHE.get(ref);
+      const cacheKey = repoFileCacheKey(ref);
+      const cached = REPO_FILE_CACHE.get(cacheKey);
       if (cached && cached.generation === SERVER_GENERATION)
         return cached;
       const params = new URLSearchParams;
       params.set("ref", ref);
+      appendScopeOmitDirsParam(params);
       const res = await trackLoad(fetch("/_files?" + params.toString()).then((r2) => {
         if (!r2.ok)
           throw new Error("failed to load files");
         return r2.json();
       }));
-      REPO_FILE_CACHE.set(ref, res);
+      REPO_FILE_CACHE.set(cacheKey, res);
       return res;
     }
     function diffFilePaletteItems(state, query) {
@@ -11035,6 +11788,7 @@
         params.set("max", "200");
         if (state.grepRegex)
           params.set("regex", "1");
+        appendScopeOmitDirsParam(params);
         if (source === "diff") {
           for (const file of state.diffSnapshot)
             params.append("path", file.path);
@@ -11153,6 +11907,8 @@
         return true;
       }
       if (action === "focus-sidebar") {
+        if (STATE.sidebarHidden)
+          applySidebarHidden(false);
         focusSidebarPanel();
         return true;
       }
@@ -11252,8 +12008,50 @@
       }
       return false;
     }
+    function handleVirtualSourcePagingKey(e2, targetEl) {
+      if (e2.__gdpVirtualSourcePagingHandled)
+        return true;
+      if (e2.defaultPrevented || e2.isComposing || PALETTE || document.querySelector(".mkdp-lightbox"))
+        return false;
+      const editable = isEditableKeyTarget(targetEl);
+      const inVirtualSearch = !!targetEl?.closest(".gdp-source-virtual-search");
+      if (editable && !inVirtualSearch)
+        return false;
+      const key = e2.key.toLowerCase();
+      if (e2.altKey || e2.metaKey)
+        return false;
+      const isPlainPageKey = (key === "pagedown" || key === "pageup") && !e2.ctrlKey && !e2.shiftKey;
+      const isCtrlArrowKey = (key === "arrowdown" || key === "arrowup") && e2.ctrlKey && !e2.shiftKey;
+      if (!isPlainPageKey && !isCtrlArrowKey)
+        return false;
+      const scroller = findMainScrollTarget();
+      if (!scroller || !scroller.matches("#content .gdp-source-virtual-scroller"))
+        return false;
+      const pageDown = key === "pagedown" || key === "arrowdown";
+      const pageUp = key === "pageup" || key === "arrowup";
+      if (!pageDown && !pageUp)
+        return false;
+      e2.__gdpVirtualSourcePagingHandled = true;
+      e2.preventDefault();
+      e2.stopPropagation();
+      scrollMainPanel(pageDown ? 1 : -1, e2.repeat, "page");
+      focusMainSurface();
+      return true;
+    }
+    function handleVirtualSourcePagingKeydown(e2) {
+      handleVirtualSourcePagingKey(e2, e2.target);
+    }
+    document.addEventListener("keydown", handleVirtualSourcePagingKeydown, { capture: true });
     document.addEventListener("keydown", (e2) => {
+      if (e2.__gdpVirtualSourcePagingHandled)
+        return;
       const targetEl = e2.target;
+      if ((e2.ctrlKey || e2.metaKey) && e2.key.toLowerCase() === "f" && !isEditableKeyTarget(targetEl)) {
+        if (openVirtualSourceSearchFromKeyboard(targetEl)) {
+          e2.preventDefault();
+          return;
+        }
+      }
       const scope = keymapScope(targetEl);
       const action = resolveKeymapAction(e2, {
         scope,
@@ -11282,6 +12080,7 @@
       params.set("ref", STATE.route.ref || "worktree");
       if (STATE.route.path)
         params.set("path", STATE.route.path);
+      appendScopeOmitDirsParam(params);
       return trackLoad(fetch("/_tree?" + params.toString()).then((r2) => {
         if (!r2.ok)
           throw new Error("failed to load repository tree");
@@ -11317,16 +12116,18 @@
         setStatus("live");
       }).catch(() => setStatus("error"));
     }
-    if (STATE.route.screen === "help") {
-      setStatus("live");
-      renderHelpPage();
-    } else if (STATE.route.screen === "repo")
-      loadRepo();
-    else if (STATE.route.screen === "file" && STATE.route.view === "blob") {
-      setStatus("live");
-      applySourceRouteToShell();
-    } else
-      load();
+    loadSettings().finally(() => {
+      if (STATE.route.screen === "help") {
+        setStatus("live");
+        renderHelpPage();
+      } else if (STATE.route.screen === "repo")
+        loadRepo();
+      else if (STATE.route.screen === "file" && STATE.route.view === "blob") {
+        setStatus("live");
+        applySourceRouteToShell();
+      } else
+        load();
+    });
     function syncRefInputs() {
       const fi = $("#ref-from"), ti = $("#ref-to");
       if (fi)
@@ -11445,40 +12246,21 @@
       popover.hidden = true;
       popTarget = null;
     }
-    ["#ref-from", "#ref-to"].forEach((sel) => {
-      const el = $(sel);
-      el.addEventListener("focus", () => openPopover(el));
-      el.addEventListener("mousedown", (e2) => {
-        if (popover.hidden) {
-          e2.preventDefault();
-          el.focus();
-        }
-      });
-      el.addEventListener("click", (e2) => {
-        e2.stopPropagation();
-        openPopover(el);
-      });
-      el.addEventListener("keydown", (e2) => {
-        if (e2.key === "Enter") {
-          e2.preventDefault();
-          closePopover();
-        } else if (e2.key === "Escape") {
-          closePopover();
-          el.blur();
-        }
-      });
+    const refFromInput = $("#ref-from");
+    const refToInput = $("#ref-to");
+    wireRefSelectorInput(refFromInput, () => {
+      const otherEmpty = !refToInput.value;
+      setRange(refFromInput.value, refToInput.value);
+      if (otherEmpty)
+        setTimeout(() => openPopover(refToInput), 0);
     });
-    wireRepoTargetPicker($("#repo-target"), (ref) => {
+    wireRefSelectorInput(refToInput, () => setRange(refFromInput.value, refToInput.value));
+    wireRefSelectorInput($("#repo-target"), (ref) => {
       if (STATE.route.screen !== "file")
         return;
       setRoute({ screen: "file", path: STATE.route.path, ref, view: "blob", range: currentRange() });
       renderStandaloneSource({ path: STATE.route.path, ref });
     });
-    document.addEventListener("focusin", (e2) => {
-      const el = e2.target;
-      if (el instanceof HTMLInputElement && (el.id === "repo-ref" || el.id === "repo-target"))
-        openPopover(el);
-    });
     popSearch.addEventListener("input", () => buildPopBody(popSearch.value));
     popSearch.addEventListener("keydown", (e2) => {
       if (e2.key === "Escape") {
@@ -11495,24 +12277,8 @@
         return;
       const pickedTarget = popTarget;
       pickedTarget.value = val;
-      if (pickedTarget.id === "repo-ref") {
-        closePopover();
-        pickedTarget.dispatchEvent(new Event("change"));
-        return;
-      }
-      if (pickedTarget.id === "repo-target") {
-        closePopover();
-        pickedTarget.dispatchEvent(new Event("change"));
-        return;
-      }
-      const targetWasFrom = pickedTarget.id === "ref-from";
-      const otherEmpty = !$("#ref-to").value;
       closePopover();
-      setRange($("#ref-from").value, $("#ref-to").value);
-      if (targetWasFrom && otherEmpty) {
-        const ti = $("#ref-to");
-        setTimeout(() => ti.focus(), 0);
-      }
+      pickedTarget.dispatchEvent(new Event("change"));
     }
     popBody.addEventListener("click", (e2) => {
       const item = e2.target.closest(".rp-item-commit, .rp-item-ref");