@youtyan/code-viewer 0.2.9 → 0.2.10

package/README.md

@@ -115,7 +115,9 @@ rendered, and the page includes controls to copy the full file or reopen it in
 the full non-virtual view.
 
 The worktree is watched and changes are pushed to every open tab over SSE so
-files reload as you edit. When the OS file-watch limit is reached the viewer
+files reload as you edit. The directory watcher is capped at 1024 directories
+by default and can be tuned from Viewer Settings → **File change watcher**
+(range slider + numeric input, 16–65536); when the cap is hit the viewer
 shows a banner so reloads are not silently missed.
 
 Large repositories load folder children on demand. The sidebar remembers which
@@ -129,13 +131,15 @@ views remain read-only. Open **Viewer Settings** in the header to toggle
 uploads off, edit the directories to skip while browsing/searching, and hide
 files or directory names completely.
 
-Scope settings control recursive repository browsing and search scope for the
-left tree, Ctrl+K file palette, and Ctrl+G grep palette. Everything you change
-in Viewer Settings is saved on the server under `.code-viewer/settings.json`
-(no separate project-level config file). `.DS_Store` and a small set of
+Scope settings control directory exclusions shared by the sidebar, Ctrl+K file
+palette, Ctrl+G grep palette, the Datastores browser, and the file change
+watcher — the same list applies to all five. Everything you change in Viewer
+Settings is saved on the server under `.code-viewer/settings.json` (no
+separate project-level config file). `.DS_Store` and a broad set of
 build/cache directories (`node_modules`, `dist`, `build`, `.next`, `.turbo`,
-`.venv`, …) are hidden by default. Pass `--scope-omit-dir <name>` (repeatable)
-to override the omit list on the command line for one session.
+`.parcel-cache`, `.vite`, `.angular`, `.dart_tool`, `.venv`, …) are hidden by
+default. Pass `--scope-omit-dir <name>` (repeatable) to override the omit
+list on the command line for one session.
 
 The viewer keeps its per-project state under `.code-viewer/` at the repository
 root:

package/dist/code-viewer.js

@@ -1514,6 +1514,7 @@ var init_git = __esm(() => {
   init_runtime();
   DEFAULT_WORKTREE_OMIT_DIR_NAMES = [
     "node_modules",
+    "bower_components",
     ".venv",
     "venv",
     ".next",
@@ -1521,6 +1522,11 @@ var init_git = __esm(() => {
     ".svelte-kit",
     ".astro",
     ".vercel",
+    ".angular",
+    ".docusaurus",
+    ".expo",
+    ".dart_tool",
+    ".serverless",
     "dist",
     "build",
     "out",
@@ -1528,6 +1534,9 @@ var init_git = __esm(() => {
     ".gradle",
     ".pnpm-store",
     ".turbo",
+    ".parcel-cache",
+    ".vite",
+    ".webpack",
     "__pycache__",
     ".pytest_cache",
     ".tox",
@@ -1537,6 +1546,7 @@ var init_git = __esm(() => {
     "vendor",
     ".cache",
     "coverage",
+    ".nyc_output",
     "tmp",
     "log",
     "storage",
@@ -4410,7 +4420,7 @@ function startWorktreeUpdateWatch(options) {
   watchDirectory(options.root, true);
   return { started: watchers.size > 0, close: closeAll };
 }
-var DEFAULT_WORKTREE_WATCH_DIRECTORY_LIMIT = 256;
+var DEFAULT_WORKTREE_WATCH_DIRECTORY_LIMIT = 1024, MIN_WORKTREE_WATCH_DIRECTORY_LIMIT = 1, MAX_WORKTREE_WATCH_DIRECTORY_LIMIT = 65536;
 var init_worktree_watcher = __esm(() => {
   init_search();
 });
@@ -11382,6 +11392,7 @@ Examples:
   if (scopeOmitDirCliOverride) {
     scopeOmitDirNames = scopeOmitDirCliOverride;
   }
+  scopeWatchLimit = worktreeWatchDirectoryLimitFromEnv();
 }
 function warnIfLegacyConfigPresent() {
   try {
@@ -11391,6 +11402,9 @@ function warnIfLegacyConfigPresent() {
   } catch {}
 }
 function applyPersistedSettings(state) {
+  const prevOmit = scopeOmitDirNames;
+  const prevExclude = scopeExcludeNames;
+  const prevWatchLimit = scopeWatchLimit;
   if (!scopeOmitDirCliOverride && Array.isArray(state.scopeOmitDirs) && state.scopeOmitDirs.length > 0) {
     scopeOmitDirNames = state.scopeOmitDirs;
   } else if (!scopeOmitDirCliOverride) {
@@ -11401,7 +11415,26 @@ function applyPersistedSettings(state) {
   } else {
     scopeExcludeNames = DEFAULT_EXCLUDE_NAMES;
   }
+  if (state.scopeWatchLimit != null) {
+    scopeWatchLimit = normalizeScopeWatchLimit(state.scopeWatchLimit);
+  }
   uploadEnabled = state.uploadEnabled !== false;
+  if (prevOmit !== scopeOmitDirNames || prevExclude !== scopeExcludeNames || prevWatchLimit !== scopeWatchLimit) {
+    restartWorktreeWatch();
+  }
+}
+function normalizeScopeWatchLimit(value) {
+  if (typeof value !== "number" || !Number.isFinite(value)) {
+    return DEFAULT_WORKTREE_WATCH_DIRECTORY_LIMIT;
+  }
+  const floored = Math.floor(value);
+  if (floored < MIN_WORKTREE_WATCH_DIRECTORY_LIMIT) {
+    return MIN_WORKTREE_WATCH_DIRECTORY_LIMIT;
+  }
+  if (floored > MAX_WORKTREE_WATCH_DIRECTORY_LIMIT) {
+    return MAX_WORKTREE_WATCH_DIRECTORY_LIMIT;
+  }
+  return floored;
 }
 function json2(data, init = {}) {
   return new Response(JSON.stringify(data), {
@@ -11883,7 +11916,11 @@ function handleSettings() {
       omit_dirs_built_in: DEFAULT_WORKTREE_OMIT_DIR_NAMES,
       exclude_names_effective: scopeExcludeNames,
       exclude_names_built_in: DEFAULT_EXCLUDE_NAMES,
-      max_entries: WORKTREE_RECURSIVE_ENTRY_LIMIT
+      max_entries: WORKTREE_RECURSIVE_ENTRY_LIMIT,
+      watch_limit_effective: scopeWatchLimit,
+      watch_limit_default: DEFAULT_WORKTREE_WATCH_DIRECTORY_LIMIT,
+      watch_limit_min: MIN_WORKTREE_WATCH_DIRECTORY_LIMIT,
+      watch_limit_max: MAX_WORKTREE_WATCH_DIRECTORY_LIMIT
     }
   });
 }
@@ -11892,7 +11929,14 @@ function worktreeWatchDirectoryLimitFromEnv() {
   if (!raw)
     return DEFAULT_WORKTREE_WATCH_DIRECTORY_LIMIT;
   const parsed = Number(raw);
-  return Number.isFinite(parsed) && parsed > 0 ? Math.floor(parsed) : DEFAULT_WORKTREE_WATCH_DIRECTORY_LIMIT;
+  if (!Number.isFinite(parsed) || parsed <= 0)
+    return DEFAULT_WORKTREE_WATCH_DIRECTORY_LIMIT;
+  const floored = Math.floor(parsed);
+  if (floored < MIN_WORKTREE_WATCH_DIRECTORY_LIMIT)
+    return MIN_WORKTREE_WATCH_DIRECTORY_LIMIT;
+  if (floored > MAX_WORKTREE_WATCH_DIRECTORY_LIMIT)
+    return MAX_WORKTREE_WATCH_DIRECTORY_LIMIT;
+  return floored;
 }
 function handleFiles2(url) {
   const target = url.searchParams.get("ref") || url.searchParams.get("target") || "worktree";
@@ -13033,7 +13077,43 @@ async function shutdown(exitCode = 0) {
   }
   process.exit(exitCode);
 }
-var WEB_ROOT, VERSION, DEFAULT_ARGS, PREVIEW_HUNKS_DEFAULT = 3, PREVIEW_LINES_DEFAULT = 1200, WATCHED_ASSET_FILES, SIZE_SMALL = 2000, SIZE_MEDIUM = 8000, SIZE_LARGE = 20000, LINE_INDEX_MIN_START = 1e4, LINE_INDEX_MAX_FILE_BYTES, BLOB_LINE_CACHE_MAX_BYTES, MAX_UPLOAD_FILE_BYTES, MAX_UPLOAD_TOTAL_BYTES, MAX_UPLOAD_BODY_BYTES, MAX_UPLOAD_FILES = 50, SAFE_UPLOAD_EXTENSIONS, generation = 1, cwd, cliArgs, listenPort = 0, openAfterStart = false, scopeOmitDirNames, scopeOmitDirCliOverride = null, scopeExcludeNames, uploadEnabled = true, rgAvailableCache = null, enc, sseClients, sseKeepalives, fileCache, metaCache, fileListCache, lineIndexCache, blobLineIndexCache, blobBytesCache, blobLineCacheBytes = 0, isCodeViewerInternalPath, watchLimitReached = null, server, worktreeWatch = null, shuttingDown = false;
+function startScopedWorktreeWatch() {
+  watchLimitReached = null;
+  return startWorktreeUpdateWatch({
+    root: cwd,
+    omitDirNames: scopeOmitDirNames,
+    excludeNames: scopeExcludeNames,
+    watch,
+    initialScanMode: "async",
+    maxWatchedDirectories: scopeWatchLimit,
+    onUpdate: triggerUpdate,
+    onWatchLimit: (limit) => {
+      watchLimitReached = limit;
+      sendSse("watch-limit", String(limit));
+    },
+    onError: (error) => {
+      const message = error instanceof Error ? error.message : String(error);
+      console.warn(`code-viewer worktree watch skipped: ${message}`);
+    }
+  });
+}
+function restartWorktreeWatch() {
+  try {
+    if (shuttingDown)
+      return;
+    if (!worktreeWatch)
+      return;
+  } catch {
+    return;
+  }
+  try {
+    worktreeWatch.close();
+  } catch (error) {
+    console.warn(`code-viewer worktree watch restart close skipped: ${String(error)}`);
+  }
+  worktreeWatch = startScopedWorktreeWatch();
+}
+var WEB_ROOT, VERSION, DEFAULT_ARGS, PREVIEW_HUNKS_DEFAULT = 3, PREVIEW_LINES_DEFAULT = 1200, WATCHED_ASSET_FILES, SIZE_SMALL = 2000, SIZE_MEDIUM = 8000, SIZE_LARGE = 20000, LINE_INDEX_MIN_START = 1e4, LINE_INDEX_MAX_FILE_BYTES, BLOB_LINE_CACHE_MAX_BYTES, MAX_UPLOAD_FILE_BYTES, MAX_UPLOAD_TOTAL_BYTES, MAX_UPLOAD_BODY_BYTES, MAX_UPLOAD_FILES = 50, SAFE_UPLOAD_EXTENSIONS, generation = 1, cwd, cliArgs, listenPort = 0, openAfterStart = false, scopeOmitDirNames, scopeOmitDirCliOverride = null, scopeExcludeNames, scopeWatchLimit, uploadEnabled = true, rgAvailableCache = null, enc, sseClients, sseKeepalives, fileCache, metaCache, fileListCache, lineIndexCache, blobLineIndexCache, blobBytesCache, blobLineCacheBytes = 0, isCodeViewerInternalPath, watchLimitReached = null, server, worktreeWatch = null, shuttingDown = false;
 var init_preview = __esm(async () => {
   init_routes();
   init_annotations();
@@ -13096,6 +13176,7 @@ var init_preview = __esm(async () => {
   cliArgs = DEFAULT_ARGS;
   scopeOmitDirNames = DEFAULT_WORKTREE_OMIT_DIR_NAMES;
   scopeExcludeNames = DEFAULT_EXCLUDE_NAMES;
+  scopeWatchLimit = DEFAULT_WORKTREE_WATCH_DIRECTORY_LIMIT;
   enc = new TextEncoder;
   sseClients = new Set;
   sseKeepalives = new Map;
@@ -13248,23 +13329,7 @@ data: ${watchLimitReached}
     watch,
     sendReload: () => sendSse("reload")
   });
-  worktreeWatch = startWorktreeUpdateWatch({
-    root: cwd,
-    omitDirNames: scopeOmitDirNames,
-    excludeNames: scopeExcludeNames,
-    watch,
-    initialScanMode: "async",
-    maxWatchedDirectories: worktreeWatchDirectoryLimitFromEnv(),
-    onUpdate: triggerUpdate,
-    onWatchLimit: (limit) => {
-      watchLimitReached = limit;
-      sendSse("watch-limit", String(limit));
-    },
-    onError: (error) => {
-      const message = error instanceof Error ? error.message : String(error);
-      console.warn(`code-viewer worktree watch skipped: ${message}`);
-    }
-  });
+  worktreeWatch = startScopedWorktreeWatch();
   console.log(`GDP_LISTEN_URL=http://127.0.0.1:${server.port}/`);
   console.log(`git-diff-preview serving ${cwd}`);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youtyan/code-viewer",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "Local browser-based code and git diff viewer",
   "type": "module",
   "bin": {

package/web/app.js

@@ -25460,6 +25460,9 @@ code-viewer query clear --db app.db`
     let highlightLoadPromise = null;
     let SERVER_SCOPE_OMIT_DIRS_DEFAULT = [];
     let SERVER_SCOPE_EXCLUDE_NAMES_DEFAULT = [];
+    let SERVER_SCOPE_WATCH_LIMIT_DEFAULT = 1024;
+    let SERVER_SCOPE_WATCH_LIMIT_MIN = 16;
+    let SERVER_SCOPE_WATCH_LIMIT_MAX = 65536;
     const UNDO_STACK = [];
     let PENDING_G_SCOPE = null;
     let PENDING_G_UNTIL = 0;
@@ -25826,6 +25829,12 @@ code-viewer query clear --db app.db`
         }
         SERVER_SCOPE_OMIT_DIRS_DEFAULT = normalizeScopeOmitDirs(settings.scope.omit_dirs_effective);
         SERVER_SCOPE_EXCLUDE_NAMES_DEFAULT = normalizeScopeExcludeNames(settings.scope.exclude_names_effective);
+        if (typeof settings.scope.watch_limit_default === "number")
+          SERVER_SCOPE_WATCH_LIMIT_DEFAULT = settings.scope.watch_limit_default;
+        if (typeof settings.scope.watch_limit_min === "number")
+          SERVER_SCOPE_WATCH_LIMIT_MIN = settings.scope.watch_limit_min;
+        if (typeof settings.scope.watch_limit_max === "number")
+          SERVER_SCOPE_WATCH_LIMIT_MAX = settings.scope.watch_limit_max;
         return settings;
       } catch {
         return null;
@@ -26184,15 +26193,20 @@ code-viewer query clear --db app.db`
           displaySource: "Applies to all projects in this browser.",
           excludedDirectories: "Excluded directories",
           omitDirs: "Skip these directory names while browsing and searching",
+          omitDirsHelp: "Reads no contents inside these directories. Applies to the sidebar (Files), Ctrl+K (file search), Ctrl+G (grep), Datastores, and the file change watcher.",
           excludeNames: "Hide these file or directory names completely",
+          excludeNamesHelp: "Removes matching files or directories from the sidebar, search, and grep results entirely. Unlike Skip, the names themselves disappear from the UI.",
           reset: "Restore defaults",
           autosaveNote: "Changes save automatically.",
-          scopeSource: (project, source) => `Saved for project "${project}" in this browser. Source: ${source}. Used by tree, Ctrl+K, and Ctrl+G. Restore defaults removes the browser override.`,
+          scopeSource: (project, source) => `Saved for project "${project}" in this browser. Source: ${source}. Used by the sidebar, Ctrl+K, Ctrl+G, Datastores, and the file change watcher. Restore defaults removes the browser override.`,
           browserOverride: "Browser override",
           serverDefault: "Server default",
           uploadsTitle: "Uploads",
           uploadEnabledLabel: "Allow file uploads into worktree folders",
-          uploadEnabledHelp: "Disable to make the worktree read-only for everyone using this server."
+          uploadEnabledHelp: "Disable to make the worktree read-only for everyone using this server.",
+          watchTitle: "File change watcher",
+          watchLimit: "Maximum directories to watch",
+          watchLimitHelp: (defaultLimit) => `Higher values reduce missed updates in deep trees at the cost of file handles. Combine with the Skip list above to keep heavy folders (node_modules, .git, dist...) out of the watch budget. Default: ${defaultLimit}.`
         },
         annotations: {
           title: "Code annotations",
@@ -26280,15 +26294,20 @@ code-viewer query clear --db app.db`
           displaySource: "このブラウザのすべてのプロジェクトに適用されます。",
           excludedDirectories: "除外ディレクトリ",
           omitDirs: "閲覧と検索でスキップするディレクトリ名",
+          omitDirsHelp: "これらのディレクトリの中身は読み込みません。サイドバー（Files）・Ctrl+K（ファイル検索）・Ctrl+G（grep）・Datastores・File change watcher の5機能すべてに適用されます。",
           excludeNames: "完全に非表示にするファイル名またはディレクトリ名",
+          excludeNamesHelp: "リスト中の名前に一致するファイル/ディレクトリを、サイドバー・検索結果・grep 結果から完全に消します。Skip と違い、名前自体が UI に出なくなります。",
           reset: "デフォルトに戻す",
           autosaveNote: "変更は自動で保存されます。",
-          scopeSource: (project, source) => `このブラウザのプロジェクト "${project}" に保存されます。ソース: ${source}。ツリー、Ctrl+K、Ctrl+G で使われます。「デフォルトに戻す」でブラウザ側の上書きを削除します。`,
+          scopeSource: (project, source) => `このブラウザのプロジェクト "${project}" に保存されます。ソース: ${source}。サイドバー、Ctrl+K、Ctrl+G、Datastores、File change watcher で使われます。「デフォルトに戻す」でブラウザ側の上書きを削除します。`,
           browserOverride: "ブラウザ側の上書き",
           serverDefault: "サーバ既定値",
           uploadsTitle: "アップロード",
           uploadEnabledLabel: "ワークツリーへのファイルアップロードを許可する",
-          uploadEnabledHelp: "オフにすると、このサーバを使う全員に対してワークツリーは読み取り専用になります。"
+          uploadEnabledHelp: "オフにすると、このサーバを使う全員に対してワークツリーは読み取り専用になります。",
+          watchTitle: "ファイル変更の監視",
+          watchLimit: "監視するディレクトリ数の上限",
+          watchLimitHelp: (defaultLimit) => `値を大きくすると深いツリーの変更を取りこぼしにくくなりますが、ファイルハンドル数を消費します。上の Skip リストと併用すると、重いフォルダ（node_modules, .git, dist など）を監視枠から外せます。既定値: ${defaultLimit}。`
         },
         annotations: {
           title: "コード注釈",
@@ -26406,14 +26425,20 @@ code-viewer query clear --db app.db`
         settingsSections[1].textContent = text2.settings.uploadsTitle;
       if (settingsSections[2])
         settingsSections[2].textContent = text2.settings.excludedDirectories;
+      if (settingsSections[3])
+        settingsSections[3].textContent = text2.settings.watchTitle;
       setElementText("#upload-enabled-label", text2.settings.uploadEnabledLabel);
       setElementText("#upload-help", text2.settings.uploadEnabledHelp);
+      setElementText("#scope-omit-dirs-help", text2.settings.omitDirsHelp);
+      setElementText("#scope-exclude-names-help", text2.settings.excludeNamesHelp);
+      setElementText("#scope-watch-limit-help", text2.settings.watchLimitHelp(SERVER_SCOPE_WATCH_LIMIT_DEFAULT));
       const labelMap = {
         "viewer-language": text2.settings.language,
         "sidebar-font-size": text2.settings.fileListFontSize,
         "code-font-size": text2.settings.codeFontSize,
         "scope-omit-dirs": text2.settings.omitDirs,
-        "scope-exclude-names": text2.settings.excludeNames
+        "scope-exclude-names": text2.settings.excludeNames,
+        "scope-watch-limit": text2.settings.watchLimit
       };
       Object.entries(labelMap).forEach(([id, label]) => {
         const labelEl = document.querySelector(`label[for="${id}"]`);
@@ -26597,6 +26622,19 @@ code-viewer query clear --db app.db`
 `);
       excludeInput.value = effectiveScopeExcludeNames().join(`
 `);
+      const watchLimitInput = document.querySelector("#scope-watch-limit");
+      const watchLimitRange = document.querySelector("#scope-watch-limit-range");
+      const watchLimitValue = effectiveScopeWatchLimit();
+      if (watchLimitInput) {
+        watchLimitInput.min = String(SERVER_SCOPE_WATCH_LIMIT_MIN);
+        watchLimitInput.max = String(SERVER_SCOPE_WATCH_LIMIT_MAX);
+        watchLimitInput.value = String(watchLimitValue);
+      }
+      if (watchLimitRange) {
+        watchLimitRange.min = String(SERVER_SCOPE_WATCH_LIMIT_MIN);
+        watchLimitRange.max = String(SERVER_SCOPE_WATCH_LIMIT_MAX);
+        watchLimitRange.value = String(watchLimitValue);
+      }
       const uploadToggle = document.querySelector("#upload-enabled");
       if (uploadToggle)
         uploadToggle.checked = APP_SETTINGS.uploadEnabled !== false;
@@ -26653,6 +26691,41 @@ code-viewer query clear --db app.db`
       refreshScopeSourceLabel();
       refreshRepositoryTreeAfterSettings();
     }
+    function normalizeScopeWatchLimit(value) {
+      const parsed = typeof value === "number" ? value : typeof value === "string" ? Number(value) : Number.NaN;
+      if (!Number.isFinite(parsed))
+        return null;
+      const floored = Math.floor(parsed);
+      if (floored < SERVER_SCOPE_WATCH_LIMIT_MIN)
+        return SERVER_SCOPE_WATCH_LIMIT_MIN;
+      if (floored > SERVER_SCOPE_WATCH_LIMIT_MAX)
+        return SERVER_SCOPE_WATCH_LIMIT_MAX;
+      return floored;
+    }
+    function effectiveScopeWatchLimit() {
+      const saved = normalizeScopeWatchLimit(APP_SETTINGS.scopeWatchLimit);
+      return saved ?? SERVER_SCOPE_WATCH_LIMIT_DEFAULT;
+    }
+    function syncScopeWatchLimitInputs(value) {
+      const numberInput = document.querySelector("#scope-watch-limit");
+      const rangeInput = document.querySelector("#scope-watch-limit-range");
+      if (numberInput && numberInput.value !== String(value))
+        numberInput.value = String(value);
+      if (rangeInput && rangeInput.value !== String(value))
+        rangeInput.value = String(value);
+    }
+    function saveScopeWatchLimitField(value) {
+      const next = normalizeScopeWatchLimit(value);
+      const resolved = next ?? SERVER_SCOPE_WATCH_LIMIT_DEFAULT;
+      mergeLocalSettings({ scopeWatchLimit: resolved });
+      patchSettings({ scopeWatchLimit: resolved });
+      syncScopeWatchLimitInputs(resolved);
+    }
+    function previewScopeWatchLimit(value) {
+      const next = normalizeScopeWatchLimit(value);
+      if (next != null)
+        syncScopeWatchLimitInputs(next);
+    }
     function resetScopeSettings() {
       setViewerLanguage("en", false);
       mergeLocalSettings({
@@ -26660,6 +26733,7 @@ code-viewer query clear --db app.db`
         codeFontSize: null,
         scopeOmitDirs: null,
         scopeExcludeNames: null,
+        scopeWatchLimit: null,
         uploadEnabled: null
       });
       applySidebarFontSize("regular");
@@ -26670,6 +26744,7 @@ code-viewer query clear --db app.db`
         codeFontSize: null,
         scopeOmitDirs: null,
         scopeExcludeNames: null,
+        scopeWatchLimit: null,
         uploadEnabled: null
       });
       const sidebarFontSize = document.querySelector("#sidebar-font-size");
@@ -27087,6 +27162,15 @@ code-viewer query clear --db app.db`
     $("#scope-exclude-names")?.addEventListener("change", (event) => {
       saveScopeExcludeNamesField(event.currentTarget.value);
     });
+    $("#scope-watch-limit")?.addEventListener("change", (event) => {
+      saveScopeWatchLimitField(event.currentTarget.value);
+    });
+    $("#scope-watch-limit-range")?.addEventListener("input", (event) => {
+      previewScopeWatchLimit(event.currentTarget.value);
+    });
+    $("#scope-watch-limit-range")?.addEventListener("change", (event) => {
+      saveScopeWatchLimitField(event.currentTarget.value);
+    });
     $("#scope-settings-popover")?.addEventListener("keydown", (e2) => {
       if (isImeComposing(e2))
         return;

package/web/index.html

@@ -177,10 +177,21 @@
       <strong class="scope-settings-section-title">Excluded directories</strong>
       <label for="scope-omit-dirs">Skip these directory names while browsing and searching</label>
       <textarea id="scope-omit-dirs" rows="6" spellcheck="false"></textarea>
+      <p id="scope-omit-dirs-help" class="scope-settings-help"></p>
       <label for="scope-exclude-names">Hide these file or directory names completely</label>
       <textarea id="scope-exclude-names" rows="4" spellcheck="false"></textarea>
+      <p id="scope-exclude-names-help" class="scope-settings-help"></p>
       <p id="scope-omit-source"></p>
     </div>
+    <div class="scope-settings-section">
+      <strong id="watch-section-title" class="scope-settings-section-title">File change watcher</strong>
+      <label for="scope-watch-limit">Maximum directories to watch</label>
+      <div class="scope-watch-limit-row">
+        <input id="scope-watch-limit-range" type="range" min="16" max="65536" step="16" aria-label="watch limit slider" />
+        <input id="scope-watch-limit" type="number" min="16" max="65536" step="1" />
+      </div>
+      <p id="scope-watch-limit-help" class="scope-settings-help"></p>
+    </div>
     <div class="scope-settings-footer">
       <p id="scope-settings-autosave-note" class="scope-settings-help"></p>
       <button id="scope-omit-reset" type="button">Restore defaults</button>

package/web/style.css

@@ -1735,6 +1735,20 @@ body.gdp-history-resizing * {
   gap: 8px;
   margin-top: 10px;
 }
+.scope-watch-limit-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.scope-watch-limit-row input[type="range"] {
+  flex: 1;
+  min-width: 0;
+  accent-color: var(--accent, #2b6cb0);
+}
+.scope-watch-limit-row input[type="number"] {
+  width: 88px;
+  flex: 0 0 auto;
+}
 .scope-settings-toggle {
   display: flex;
   align-items: center;