@youtyan/code-viewer 0.1.13 → 0.1.15

package/web/app.js

@@ -6746,8 +6746,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) + '"]';
@@ -6764,12 +6781,46 @@
     let REPO_SIDEBAR_REF = null;
     let REPO_SIDEBAR_LOAD_REF = null;
     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",
@@ -6940,6 +6991,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();
     }
@@ -6956,6 +7091,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,
@@ -7210,15 +7346,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 };
@@ -7239,8 +7472,10 @@
         }
         if (f2.type === "tree") {
           node.explicit = true;
-          if (f2.children_omitted === true)
+          if (f2.children_omitted === true) {
             node.children_omitted = true;
+            node.children_omitted_reason = f2.children_omitted_reason;
+          }
           continue;
         }
         node.files.push(f2);
@@ -7283,12 +7518,18 @@
             li.dataset.explicit = "true";
           if (dir.children_omitted) {
             li.classList.add("children-omitted");
-            li.title = "Directory contents are intentionally not listed";
+            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");
-          chev.className = "chev";
-          setChevronIcon(chev);
+          if (dir.children_omitted) {
+            chev.className = "chev-spacer";
+            chev.setAttribute("aria-hidden", "true");
+          } else {
+            chev.className = "chev";
+            setChevronIcon(chev);
+          }
           li.appendChild(chev);
           const dirIcon = document.createElement("span");
           dirIcon.className = "dir-icon";
@@ -7302,9 +7543,9 @@
           label.appendChild(dn);
           if (dir.children_omitted) {
             const omitted = document.createElement("span");
-            omitted.className = "dir-omitted";
-            omitted.textContent = "skipped";
-            omitted.title = "Directory contents are intentionally not listed";
+            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);
@@ -7329,12 +7570,22 @@
               STATE.collapsedDirs.delete(dir.path);
             localStorage.setItem("gdp:collapsed-dirs", JSON.stringify([...STATE.collapsedDirs]));
           };
-          chev.addEventListener("click", toggleDir);
-          dirIcon.addEventListener("click", toggleDir);
+          if (!dir.children_omitted) {
+            chev.addEventListener("click", toggleDir);
+            dirIcon.addEventListener("click", toggleDir);
+          }
           if (onFileClick) {
             li.addEventListener("click", (e2) => {
               e2.stopPropagation();
-              onFileClick({ path: dir.path, display_path: dir.path, type: "tree", children_omitted: dir.children_omitted });
+              if (dir.children_omitted_reason === "internal" || dir.children_omitted_reason === "truncated")
+                return;
+              onFileClick({
+                path: dir.path,
+                display_path: dir.path,
+                type: "tree",
+                children_omitted: dir.children_omitted,
+                children_omitted_reason: dir.children_omitted_reason
+              });
               focusSidebarPanel();
             });
           } else {
@@ -7416,6 +7667,8 @@
       ul.innerHTML = "";
       ul.classList.toggle("tree", STATE.sbView === "tree");
       STATE.files = files;
+      SIDEBAR_FILES = files;
+      SIDEBAR_ON_FILE_CLICK = onFileClick;
       if (!onFileClick)
         REPO_SIDEBAR_REF = null;
       if (STATE.sbView === "tree") {
@@ -7458,6 +7711,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");
@@ -7465,8 +7761,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");
@@ -7550,13 +7845,43 @@
         card.scrollIntoView({ behavior: "smooth", block: "start" });
       }
     }
-    function markActive(path) {
+    function sidebarAncestorDirs(path) {
+      const parts = path.split("/").filter(Boolean);
+      const dirs = [];
+      for (let i2 = 1;i2 < parts.length; i2++)
+        dirs.push(parts.slice(0, i2).join("/"));
+      return dirs;
+    }
+    function expandSidebarAncestors(path) {
+      if (STATE.sbView !== "tree")
+        return;
+      let changed = false;
+      for (const dir of sidebarAncestorDirs(path)) {
+        if (STATE.collapsedDirs.delete(dir))
+          changed = true;
+        const row = document.querySelector('#filelist .tree-dir[data-dirpath="' + CSS.escape(dir) + '"]');
+        row?.classList.remove("collapsed");
+        const icon = row?.querySelector(".dir-icon");
+        if (icon)
+          setFolderIcon(icon, false);
+      }
+      if (changed)
+        localStorage.setItem("gdp:collapsed-dirs", JSON.stringify([...STATE.collapsedDirs]));
+    }
+    function markActive(path, options = {}) {
       STATE.activeFile = path;
+      if (options.reveal && STATE.sbView === "tree")
+        expandSidebarAncestors(path);
       $$("#filelist li").forEach((li) => {
         const itemPath = li.dataset.path || li.dataset.dirpath;
         if (itemPath)
           li.classList.toggle("active", itemPath === path);
       });
+      if (options.reveal) {
+        const active = document.querySelector("#filelist li.active[data-path], #filelist .tree-dir.active[data-dirpath]");
+        if (active)
+          requestAnimationFrame(() => scrollSidebarItemIntoView(active));
+      }
     }
     function applyViewedState() {
       $$("#filelist li[data-path]").forEach((li) => {
@@ -7703,7 +8028,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);
@@ -8007,28 +8332,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");
@@ -8063,7 +8383,7 @@
       return nav;
     }
     async function renderRepo(meta) {
-      PROJECT_NAME = meta.project || PROJECT_NAME;
+      setProjectName(meta.project || "");
       setPageMode();
       removeStandaloneSource();
       $("#empty").classList.add("hidden");
@@ -8076,21 +8396,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";
@@ -8209,6 +8527,7 @@
         shell.appendChild(readme);
       }
       target.appendChild(shell);
+      placeSidebarToggle();
     }
     function renderRepoBlobSidebar(currentPath, ref) {
       syncRepoTargetInput(ref);
@@ -8225,6 +8544,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)
@@ -8239,7 +8559,8 @@
           path: entry.path,
           display_path: entry.path,
           type: entry.type,
-          children_omitted: entry.children_omitted
+          children_omitted: entry.children_omitted,
+          children_omitted_reason: entry.children_omitted_reason
         }));
         renderSidebar(files, (file) => {
           if (file.type === "tree") {
@@ -8266,7 +8587,7 @@
       return load2;
     }
     function activateRepoSidebarPath(currentPath) {
-      markActive(currentPath);
+      markActive(currentPath, { reveal: true });
       applyFilter();
     }
     function createPlaceholder(f2) {
@@ -8308,7 +8629,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();
@@ -9213,6 +9537,8 @@
     function sourceDisplayKind(path) {
       if (isVideo(path))
         return "video";
+      if (isAudio(path))
+        return "audio";
       if (isImage(path))
         return "image";
       if (/\.pdf$/i.test(path))
@@ -9259,10 +9585,28 @@
         return "MP4 video";
       if (ext === "webm")
         return "WebM video";
+      if (ext === "mp3")
+        return "MP3 audio";
+      if (ext === "wav")
+        return "WAV audio";
+      if (ext === "ogg")
+        return "Ogg audio";
+      if (ext === "flac")
+        return "FLAC audio";
+      if (ext === "m4a")
+        return "M4A audio";
+      if (ext === "aac")
+        return "AAC audio";
+      if (ext === "opus")
+        return "Opus audio";
+      if (ext === "mid" || ext === "midi")
+        return "MIDI file";
       if (mime?.startsWith("image/"))
         return "Image";
       if (mime?.startsWith("video/"))
         return "Video";
+      if (mime?.startsWith("audio/"))
+        return "Audio";
       if (mime === "application/pdf")
         return "PDF document";
       if (fallback === "unsupported file")
@@ -9734,6 +10078,12 @@
         video.controls = true;
         video.preload = "metadata";
         view.appendChild(video);
+      } else if (mediaKind === "audio") {
+        const audio = document.createElement("audio");
+        audio.src = url;
+        audio.controls = true;
+        audio.preload = "metadata";
+        view.appendChild(audio);
       } else if (mediaKind === "pdf") {
         const frame = document.createElement("iframe");
         frame.src = url;
@@ -9888,6 +10238,7 @@
       } else {
         root.prepend(card);
       }
+      placeSidebarToggle();
       const controller = new AbortController;
       ACTIVE_SOURCE_LOAD = { controller, req, target, card };
       renderSourceLoading(card, target, () => cancelActiveSourceLoad("user"));
@@ -9900,7 +10251,7 @@
           renderSourceUnsupported(card, target);
           return;
         }
-        if (displayKind === "image" || displayKind === "video" || displayKind === "pdf") {
+        if (displayKind === "image" || displayKind === "video" || displayKind === "audio" || displayKind === "pdf") {
           if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
             return;
           finishSourceLoad(req);
@@ -10296,9 +10647,10 @@
         b2.addEventListener("scroll", () => mirror(b2, a2), { passive: true });
       });
     }
-    const MEDIA_RE = /\.(png|jpe?g|gif|webp|svg|avif|bmp|ico|mp4|webm|mov)(\?.*)?$/i;
+    const MEDIA_RE = /\.(png|jpe?g|gif|webp|svg|avif|bmp|ico|mp4|webm|mov|mp3|wav|ogg|flac|m4a|aac|opus)(\?.*)?$/i;
     const IMAGE_RE = /\.(png|jpe?g|gif|webp|svg|avif|bmp|ico)(\?.*)?$/i;
     const VIDEO_RE = /\.(mp4|webm|mov)$/i;
+    const AUDIO_RE = /\.(mp3|wav|ogg|flac|m4a|aac|opus)$/i;
     function isMedia(p2) {
       return MEDIA_RE.test(p2);
     }
@@ -10308,6 +10660,9 @@
     function isVideo(p2) {
       return VIDEO_RE.test(p2);
     }
+    function isAudio(p2) {
+      return AUDIO_RE.test(p2);
+    }
     function fileURL(path, ref) {
       return "/_file?path=" + encodeURIComponent(path) + "&ref=" + ref;
     }
@@ -10316,6 +10671,9 @@
       if (isVideo(path)) {
         return '<video src="' + url + '" controls preload="metadata"></video>';
       }
+      if (isAudio(path)) {
+        return '<audio src="' + url + '" controls preload="metadata"></audio>';
+      }
       return '<img src="' + url + '" alt="" loading="lazy">';
     }
     function enhanceMediaCard(file, card) {
@@ -10404,17 +10762,31 @@
           body.style.display = STATE.collapsed ? "none" : "";
       });
     }
+    applySidebarFontSize();
+    applyCodeFontSize();
+    applySidebarHidden();
+    observeSidebarHeaderHeight();
+    hydrateRefSelectorMounts();
     setSidebarTreeActionIcons();
     $$(".sb-view-seg button").forEach((b2) => {
       b2.addEventListener("click", () => {
         STATE.sbView = b2.dataset.view || "tree";
         localStorage.setItem("gdp:sbview", STATE.sbView);
-        if (STATE.files && STATE.files.length)
-          renderSidebar(STATE.files);
+        if (SIDEBAR_FILES.length)
+          renderSidebar(SIDEBAR_FILES, SIDEBAR_ON_FILE_CLICK);
       });
     });
     $("#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"));
@@ -10849,17 +11221,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) {
@@ -10947,6 +11321,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);
@@ -11065,6 +11440,8 @@
         return true;
       }
       if (action === "focus-sidebar") {
+        if (STATE.sidebarHidden)
+          applySidebarHidden(false);
         focusSidebarPanel();
         return true;
       }
@@ -11194,6 +11571,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");
@@ -11229,16 +11607,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)
@@ -11357,40 +11737,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") {
@@ -11407,24 +11768,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");