@youtyan/code-viewer 0.6.8 → 0.6.10

package/web/app.js

@@ -8494,6 +8494,9 @@ ${frontmatter.yaml}
     let ANNOTATIONS = { version: 1, sessions: [] };
     let annotationFollow = deps.getAnnotationFollow();
     let activeAnnotationId = null;
+    let refreshAnnotationsInFlight = null;
+    let inlineAnnotationsMounted = false;
+    let databaseAnnotationsMounted = false;
     let annotationPanelDismissed = false;
     let activeSessionId = new URLSearchParams(window.location.search).get(ANNOTATION_SESSION_PARAM);
     const annotationsChangedCallbacks = [];
@@ -8658,9 +8661,12 @@ ${frontmatter.yaml}
       return box;
     }
     function applyDatabaseAnnotations(session) {
-      document.querySelectorAll(".gdp-db-annotation-strip").forEach((el) => {
-        el.remove();
-      });
+      if (databaseAnnotationsMounted) {
+        document.querySelectorAll(".gdp-db-annotation-strip").forEach((el) => {
+          el.remove();
+        });
+        databaseAnnotationsMounted = false;
+      }
       if (!session || deps.getRoute().screen !== "database")
         return;
       const matches = session.entries.filter(databaseAnnotationMatchesRoute);
@@ -8676,6 +8682,7 @@ ${frontmatter.yaml}
         strip.appendChild(buildDatabaseAnnotationBlock(entry));
       }
       root.prepend(strip);
+      databaseAnnotationsMounted = true;
     }
     function inlineAnnotationTargetRow(entry) {
       if (!entry.line)
@@ -8734,13 +8741,19 @@ ${frontmatter.yaml}
       return tr;
     }
     function applyInlineAnnotations() {
-      document.querySelectorAll(".gdp-annotation-row").forEach((row) => {
-        row.remove();
-      });
       const session = ANNOTATIONS.sessions.find((s2) => s2.id === activeSessionId);
+      if (!session && !inlineAnnotationsMounted && !databaseAnnotationsMounted)
+        return;
+      if (inlineAnnotationsMounted) {
+        document.querySelectorAll(".gdp-annotation-row").forEach((row) => {
+          row.remove();
+        });
+        inlineAnnotationsMounted = false;
+      }
       applyDatabaseAnnotations(session);
       if (!session)
         return;
+      let mountedInlineRows = false;
       for (const entry of session.entries) {
         if (entry.target?.kind === "database")
           continue;
@@ -8758,7 +8771,9 @@ ${frontmatter.yaml}
             sibAnchor = sibAnchor.nextElementSibling;
           sibAnchor.after(buildInlineSpacerRow(entry, sibling.cells.length));
         }
+        mountedInlineRows = true;
       }
+      inlineAnnotationsMounted = mountedInlineRows;
       syncInlineAnnotationWidths();
     }
     function syncInlineAnnotationSpacerHeights() {
@@ -8883,7 +8898,17 @@ ${frontmatter.yaml}
       annotationCountEl.hidden = total === 0;
       annotationListCountEl.textContent = `${ANNOTATIONS.sessions.length} sessions / ${total} annotations`;
     }
-    async function refreshAnnotations() {
+    function refreshAnnotations() {
+      if (refreshAnnotationsInFlight)
+        return refreshAnnotationsInFlight;
+      const started = doRefreshAnnotations().finally(() => {
+        if (refreshAnnotationsInFlight === started)
+          refreshAnnotationsInFlight = null;
+      });
+      refreshAnnotationsInFlight = started;
+      return started;
+    }
+    async function doRefreshAnnotations() {
       try {
         const res = await fetch("/_annotations");
         if (!res.ok)
@@ -16386,6 +16411,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
   var ROW_HEIGHT = 28;
   var OVERSCAN = 20;
   var PAGE_SIZE = 200;
+  var MAX_PAGE_CACHE_PAGES = 32;
   var FILTER_DEBOUNCE_MS = 300;
   var DEFAULT_COL_WIDTH = 180;
   var CELL_PREVIEW_MAX_CHARS = 4000;
@@ -16520,9 +16546,6 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     const filteredEmpty = document.createElement("div");
     filteredEmpty.className = "db-pane-empty";
     filteredEmpty.hidden = true;
-    const filteredEmptyIcon = document.createElement("div");
-    filteredEmptyIcon.className = "db-pane-empty-icon";
-    filteredEmptyIcon.innerHTML = iconSvg("octicon-search", SEARCH_16_PATH);
     const filteredEmptyTitle = document.createElement("div");
     filteredEmptyTitle.className = "db-pane-empty-title";
     const filteredEmptyHint = document.createElement("div");
@@ -16542,7 +16565,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     filteredEmptyAction.hidden = true;
     filteredEmptyAction.disabled = true;
     filteredEmptyActions.append(filteredEmptyReloadAction, filteredEmptyAction);
-    filteredEmpty.append(filteredEmptyIcon, filteredEmptyTitle, filteredEmptyHint, filteredEmptyActions);
+    filteredEmpty.append(filteredEmptyTitle, filteredEmptyHint, filteredEmptyActions);
     const detailPanel = document.createElement("div");
     detailPanel.className = "db-grid-detail-panel";
     detailPanel.hidden = true;
@@ -16563,13 +16586,34 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     function setActiveCell(rowIndex, colIndex) {
       activeCellRowIndex = rowIndex;
       activeCellColIndex = colIndex;
-      for (const c2 of body.querySelectorAll(".db-grid-cell-active")) {
-        c2.classList.remove("db-grid-cell-active");
+      if (activeCellElement?.isConnected) {
+        activeCellElement.classList.remove("db-grid-cell-active");
+      } else {
+        for (const c2 of body.querySelectorAll(".db-grid-cell-active")) {
+          c2.classList.remove("db-grid-cell-active");
+        }
       }
+      activeCellElement = null;
       if (rowIndex < 0 || colIndex < 0)
         return;
       const targetRow = body.children[rowIndex - renderStartRow];
-      targetRow?.children[colIndex + 1]?.classList.add("db-grid-cell-active");
+      const targetCell = targetRow?.children[colIndex + 1];
+      if (!targetCell)
+        return;
+      targetCell.classList.add("db-grid-cell-active");
+      activeCellElement = targetCell;
+    }
+    function setSelectedRow(rowIndex, row) {
+      selectedRowIndex = rowIndex;
+      if (selectedRowElement?.isConnected) {
+        selectedRowElement.classList.remove("selected");
+      } else {
+        body.querySelectorAll(".db-grid-row.selected").forEach((r2) => {
+          r2.classList.remove("selected");
+        });
+      }
+      selectedRowElement = row;
+      row?.classList.add("selected");
     }
     function clearActiveCell() {
       setActiveCell(-1, -1);
@@ -16631,8 +16675,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     let isRefreshing = false;
     let filterTimer = null;
     let selectedRowIndex = -1;
+    let selectedRowElement = null;
     let activeCellRowIndex = -1;
     let activeCellColIndex = -1;
+    let activeCellElement = null;
     let renderStartRow = 0;
     const fkColumns = new Set;
     let editMode = false;
@@ -16815,6 +16861,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     }
     function resetSelectionAndDetail() {
       selectedRowIndex = -1;
+      selectedRowElement = null;
       detailPanel.hidden = true;
       clearDetailContent();
     }
@@ -16910,6 +16957,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       statusEl?.remove();
       statusEl = null;
       selectedRowIndex = -1;
+      selectedRowElement = null;
+      activeCellElement = null;
       closeExportMenu();
       hideRelatedPanel();
       detailPanel.hidden = true;
@@ -17433,7 +17482,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       renderViewport();
     }
     function ensurePage(pageStart) {
-      if (pageCache.has(pageStart))
+      if (getCachedPage(pageStart) !== undefined)
         return Promise.resolve();
       const pending = pendingPages.get(pageStart);
       if (pending)
@@ -17444,7 +17493,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const promise = callbacks.fetchPage(currentTable, pageStart, PAGE_SIZE, sort, filters, signal).then((data) => {
         if (gen !== loadGeneration)
           return;
-        pageCache.set(pageStart, data.rows);
+        rememberPage(pageStart, data.rows);
         totalRows = data.totalRows;
         syncSpacer();
         updateStatus();
@@ -17464,6 +17513,24 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       pendingPages.set(pageStart, tracked);
       return tracked;
     }
+    function rememberPage(pageStart, rows) {
+      pageCache.delete(pageStart);
+      pageCache.set(pageStart, rows);
+      while (pageCache.size > MAX_PAGE_CACHE_PAGES) {
+        const oldest = pageCache.keys().next().value;
+        if (oldest === undefined)
+          break;
+        pageCache.delete(oldest);
+      }
+    }
+    function getCachedPage(pageStart) {
+      const rows = pageCache.get(pageStart);
+      if (rows === undefined)
+        return;
+      pageCache.delete(pageStart);
+      pageCache.set(pageStart, rows);
+      return rows;
+    }
     function buildEditableCell(colIndex, value, opts) {
       const cell = document.createElement("div");
       cell.className = "db-grid-cell db-grid-cell-edit";
@@ -17545,14 +17612,16 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     }
     function buildDataRow(i2) {
       const pageStart = Math.floor(i2 / PAGE_SIZE) * PAGE_SIZE;
-      const pageRows = pageCache.get(pageStart);
+      const pageRows = getCachedPage(pageStart);
       const rowData = pageRows ? pageRows[i2 - pageStart] : null;
       const row = document.createElement("div");
       row.className = "db-grid-row";
       if (i2 % 2 === 1)
         row.classList.add("alt");
-      if (i2 === selectedRowIndex)
+      if (i2 === selectedRowIndex) {
         row.classList.add("selected");
+        selectedRowElement = row;
+      }
       const rowIndex = i2;
       const rowNum = document.createElement("div");
       rowNum.className = "db-grid-cell db-grid-rownum";
@@ -17601,11 +17670,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           const fkClickable = fkColumns.has(cellColName) && (!embedded || !!callbacks.onForeignKeyCellClick);
           const isEditingThisCell = !ro && i2 === editingCellRow && c2 === editingCellCol;
           const activate = () => {
-            selectedRowIndex = rowIndex;
-            body.querySelectorAll(".db-grid-row.selected").forEach((r2) => {
-              r2.classList.remove("selected");
-            });
-            row.classList.add("selected");
+            setSelectedRow(rowIndex, row);
             setActiveCell(rowIndex, cellColIndex);
             if (fkClickable) {
               if (embedded) {
@@ -17656,17 +17721,14 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           }
           if (!isEditingThisCell && i2 === activeCellRowIndex && c2 === activeCellColIndex) {
             cellEl.classList.add("db-grid-cell-active");
+            activeCellElement = cellEl;
           }
           row.appendChild(cellEl);
         }
         return row;
       }
       row.addEventListener("click", () => {
-        selectedRowIndex = rowIndex;
-        body.querySelectorAll(".db-grid-row.selected").forEach((r2) => {
-          r2.classList.remove("selected");
-        });
-        row.classList.add("selected");
+        setSelectedRow(rowIndex, row);
       });
       for (let c2 = 0;c2 < columnNames.length; c2++) {
         const cell = document.createElement("div");
@@ -17691,11 +17753,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         }
         cell.addEventListener("click", (e2) => {
           e2.stopPropagation();
-          selectedRowIndex = rowIndex;
-          body.querySelectorAll(".db-grid-row.selected").forEach((r2) => {
-            r2.classList.remove("selected");
-          });
-          row.classList.add("selected");
+          setSelectedRow(rowIndex, row);
           setActiveCell(rowIndex, cellColIndex);
           if (fkClickable) {
             if (embedded) {
@@ -17709,6 +17767,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         });
         if (i2 === activeCellRowIndex && c2 === activeCellColIndex) {
           cell.classList.add("db-grid-cell-active");
+          activeCellElement = cell;
         }
         row.appendChild(cell);
       }
@@ -17780,6 +17839,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           };
         }
         body.innerHTML = "";
+        selectedRowElement = null;
+        activeCellElement = null;
         body.style.transform = `translateY(${startRow * ROW_HEIGHT}px)`;
         for (let i2 = startRow;i2 < endRow; i2++) {
           body.appendChild(i2 < totalRows ? buildDataRow(i2) : buildDraftRow(i2 - totalRows));
@@ -17861,7 +17922,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         columns = initialData.columns;
         columnNames = columns.map((c2) => c2.name);
         totalRows = initialData.totalRows;
-        pageCache.set(0, initialData.rows);
+        rememberPage(0, initialData.rows);
       } else {
         columns = [];
         columnNames = [];
@@ -18724,6 +18785,11 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const service = rest.split(/[@:]/, 1)[0];
       return service || "Docker";
     }
+    if (dbId.startsWith("supabase:")) {
+      const rest = dbId.slice("supabase:".length);
+      const projectId = rest.split(/[@]/, 1)[0];
+      return projectId || "Supabase";
+    }
     const normalized = dbId.replace(/\\/g, "/");
     const lastSlash = normalized.lastIndexOf("/");
     return lastSlash >= 0 ? normalized.slice(lastSlash + 1) : normalized;
@@ -20016,7 +20082,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         const opt = document.createElement("option");
         opt.value = f2.id;
         const isDocker = f2.id.startsWith("docker:");
-        const label = isDocker ? `${f2.name} (Docker)` : `${f2.path} (${formatSize(f2.sizeBytes)})`;
+        const isSupabase = f2.id.startsWith("supabase:");
+        const label = isDocker ? `${f2.name} (Docker)` : isSupabase ? `${f2.name} (Supabase)` : `${f2.path} (${formatSize(f2.sizeBytes)})`;
         opt.textContent = label;
         optionsFragment.appendChild(opt);
       }
@@ -20206,7 +20273,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (!currentDbInfo)
         return labelFromDbId(initial.dbId);
       const suffix = currentSchema ? ` / ${currentSchema}` : "";
-      if (currentDbInfo.id.startsWith("docker:")) {
+      if (currentDbInfo.id.startsWith("docker:") || currentDbInfo.id.startsWith("supabase:")) {
         const m = currentDbInfo.name.match(/^(\S+)/);
         return `${m ? m[1] : currentDbInfo.name}${suffix}`;
       }
@@ -21614,7 +21681,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const card = document.querySelector(diffCardSelector(path));
       if (!card?.classList.contains("pending"))
         return;
-      const f2 = STATE.files.find((x) => x.path === path);
+      const f2 = card._file || STATE.files.find((x) => x.path === path);
       if (!f2)
         return;
       enqueueLoad(f2, card, 5);
@@ -21686,7 +21753,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       };
       window.addEventListener("scrollend", onEnd, { once: true });
       if (card.classList.contains("pending")) {
-        const f2 = STATE.files.find((x) => x.path === path);
+        const f2 = card._file || STATE.files.find((x) => x.path === path);
         if (f2)
           enqueueLoad(f2, card, 10);
       }
@@ -21755,7 +21822,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
             const card = entry.target;
             if (card.classList.contains("loaded") || card.classList.contains("loading"))
               continue;
-            const f2 = STATE.files.find((x) => x.path === card.dataset.path);
+            const f2 = card._file || STATE.files.find((x) => x.path === card.dataset.path);
             if (f2)
               enqueueLoad(f2, card, 0);
           }
@@ -21823,7 +21890,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       delete card.dataset.manualMode;
       card.style.minHeight = `${file.estimated_height_px || 80}px`;
       card._diffData = null;
-      card._file = null;
+      card._file = file;
     }
     function renderShell(meta, changedPaths) {
       const newFiles = meta.files || [];
@@ -21989,6 +22056,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       card.dataset.key = f2.key || f2.path;
       card.dataset.sizeClass = f2.size_class || "small";
       card.dataset.status = f2.status || "M";
+      card._file = f2;
       card.classList.toggle("viewed", STATE.viewedFiles.has(f2.path));
       if (f2.estimated_height_px) {
         card.style.minHeight = `${f2.estimated_height_px}px`;
@@ -22012,7 +22080,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           const card = entry.target;
           if (card.classList.contains("loaded") || card.classList.contains("loading"))
             return;
-          const f2 = STATE.files.find((x) => x.path === card.dataset.path);
+          const f2 = card._file || STATE.files.find((x) => x.path === card.dataset.path);
           if (!f2)
             return;
           enqueueLoad(f2, card, 0);
@@ -22028,7 +22096,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         const rect = card.getBoundingClientRect();
         if (rect.top > viewportBottom)
           return;
-        const f2 = STATE.files.find((x) => x.path === card.dataset.path);
+        const f2 = card._file || STATE.files.find((x) => x.path === card.dataset.path);
         if (f2)
           enqueueLoad(f2, card, 0);
       });
@@ -22176,11 +22244,15 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         card.classList.add("pending");
         if (indicator)
           indicator.hidden = true;
-        const fresh = STATE.files.find((x) => x.path === card.dataset.path);
+        const fresh = card._file || STATE.files.find((x) => x.path === card.dataset.path);
         if (fresh && card.isConnected)
           enqueueLoad(fresh, card, 0);
       };
-      return trackLoad(fetch(url).then((r2) => r2.json())).then(async (data) => {
+      return trackLoad(fetch(url).then(async (r2) => {
+        if (!r2.ok)
+          throw new Error(await r2.text());
+        return r2.json();
+      })).then(async (data) => {
         if (String(myReq) !== card.dataset.reqId)
           return;
         if (myGen !== getServerGeneration()) {
@@ -22221,7 +22293,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         return false;
       if (card.classList.contains("loaded"))
         return true;
-      const file = STATE.files.find((x) => x.path === path);
+      const file = card._file || STATE.files.find((x) => x.path === path);
       if (!file)
         return false;
       await loadFile(file, card, undefined, { immediate: true });
@@ -22247,17 +22319,13 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         matching: "lines",
         outputFormat: layout,
         synchronisedScroll: true,
-        highlight: !!(STATE.syntaxHighlight && file.highlight && hljsRef),
+        highlight: false,
         fileListToggle: false,
         fileContentToggle: false
       }, hljsRef);
       ui.draw();
       if (STATE.ignoreWs)
         suppressWhitespaceOnlyInlineHighlights(body);
-      if (STATE.syntaxHighlight && file.highlight && hljsRef && typeof ui.highlightCode === "function") {
-        ui.highlightCode();
-        highlightPlaintextSpans(card, file);
-      }
       enhanceMediaCard(file, card);
       syncSideScrollCard(card);
       appendStatSquaresToHeader(card, file);
@@ -22586,10 +22654,6 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const spans = card.querySelectorAll("tr.gdp-inserted-ctx .d2h-code-line-ctn:not([data-gdp-hl])");
       highlightDiffSpans(file, spans);
     }
-    function highlightPlaintextSpans(card, file) {
-      const spans = card.querySelectorAll(".d2h-code-line-ctn.hljs.plaintext:not([data-gdp-hl])");
-      highlightDiffSpans(file, spans);
-    }
     function highlightDiffSpans(file, spans, deadline) {
       if (file.size_class === "huge")
         return true;
@@ -22620,8 +22684,6 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       return true;
     }
     function scheduleIdleHighlight(card, file) {
-      if (file.highlight)
-        return;
       if (file.size_class === "huge")
         return;
       if (!STATE.syntaxHighlight)
@@ -22677,14 +22739,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           for (const w of cards) {
             const r2 = w.getBoundingClientRect();
             if (r2.top <= scanY && r2.bottom > scanY) {
-              const text2 = w.dataset.path || "";
-              let best = null, bestLen = 0;
-              STATE.files.forEach((f2) => {
-                if ((text2 === f2.path || text2.endsWith(f2.path)) && f2.path.length > bestLen) {
-                  best = f2.path;
-                  bestLen = f2.path.length;
-                }
-              });
+              const best = w.dataset.path || "";
               if (best) {
                 markActive(best);
                 const recentlyTouched = performance.now() - (window.__gdpSidebarTouchedAt || 0) < 1500;
@@ -23269,6 +23324,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     let generation = 0;
     let selectionGeneration = 0;
     let selectedSha = "";
+    let activeHistoryRow = null;
     let query = "";
     let mode = "history";
     let routeRef = "HEAD";
@@ -23381,6 +23437,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         return absolute;
       return `${relative} (${absolute})`;
     }
+    function historyItemSelector(sha) {
+      const escaped = typeof CSS !== "undefined" && CSS.escape ? CSS.escape(sha) : sha.replace(/["\\]/g, "\\$&");
+      return `.history-item[data-sha="${escaped}"]`;
+    }
     function fetchPage(skip, requestGeneration) {
       const params = new URLSearchParams;
       params.set("ref", ref);
@@ -23434,6 +23494,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         html.push(commitRow(commit));
       }
       list2.innerHTML = html.join("");
+      activeHistoryRow = list2.querySelector(".history-item.active");
       syncRefreshStatusText();
     }
     function syncRefreshButton(button) {
@@ -23521,9 +23582,15 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       info.hidden = false;
     }
     function updateActiveRow() {
-      list2.querySelectorAll(".history-item").forEach((row) => {
-        row.classList.toggle("active", row.dataset.sha === selectedSha);
-      });
+      if (activeHistoryRow && (!("isConnected" in activeHistoryRow) || activeHistoryRow.isConnected)) {
+        activeHistoryRow.classList.remove("active");
+      } else {
+        list2.querySelectorAll(".history-item.active").forEach((row) => {
+          row.classList.remove("active");
+        });
+      }
+      activeHistoryRow = selectedSha ? list2.querySelector(historyItemSelector(selectedSha)) : null;
+      activeHistoryRow?.classList.add("active");
     }
     function isEditableTarget(target) {
       return typeof Element === "function" && target instanceof Element && !!target.closest('input, textarea, select, button, [contenteditable="true"]');
@@ -23714,8 +23781,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       scrollToSelected();
     }
     function scrollToSelected() {
-      const escaped = typeof CSS !== "undefined" && CSS.escape ? CSS.escape(selectedSha) : selectedSha.replace(/["\\]/g, "\\$&");
-      list2.querySelector(`.history-item[data-sha="${escaped}"]`)?.scrollIntoView({ block: "center" });
+      list2.querySelector(historyItemSelector(selectedSha))?.scrollIntoView({ block: "center" });
     }
     let entering = Promise.resolve();
     function enterHistory(options = {}) {
@@ -23791,6 +23857,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       generation++;
       loading = false;
       inFlight = null;
+      if (filterTimer) {
+        clearTimeout(filterTimer);
+        filterTimer = undefined;
+      }
       selectionGeneration++;
       selectedSha = "";
       setBanner("");
@@ -24709,7 +24779,7 @@ code-viewer annotate add-db --db app.db --tab query \\
                     ],
                     [
                       "PostgreSQL",
-                      "Detected from compose files. Multiple databases per server, plus a schema selector for switching schemas without reopening. Same inline row edit / insert / delete as SQLite."
+                      "Detected from compose files. Multiple databases per server, plus a schema selector for switching schemas without reopening. Same inline row edit / insert / delete as SQLite. Local Supabase CLI (`supabase start`) projects are also auto-discovered from `supabase/config.toml`, without needing a docker-compose file."
                     ],
                     [
                       "Redis",
@@ -25368,7 +25438,7 @@ code-viewer annotate add-db --db app.db --tab query \\
                     ],
                     [
                       "PostgreSQL",
-                      "compose ファイルから検出。同一サーバー上の複数データベースに対応し、スキーマ切替セレクターで再オープンせずスキーマを切り替えられます。SQLite と同じく行のインライン編集 / 追加 / 削除に対応。"
+                      "compose ファイルから検出。同一サーバー上の複数データベースに対応し、スキーマ切替セレクターで再オープンせずスキーマを切り替えられます。SQLite と同じく行のインライン編集 / 追加 / 削除に対応。ローカルの Supabase CLI (`supabase start`) プロジェクトも `supabase/config.toml` から自動検出され、docker-compose ファイルは不要です。"
                     ],
                     [
                       "Redis",
@@ -31379,11 +31449,106 @@ code-viewer query agent-help`
     const match2 = computeFuzzyMatch(query, path);
     return match2 ? { score: match2.score, ranges: match2.ranges } : null;
   }
-  function rankFuzzyPaths(query, items) {
-    return items.map((item) => {
+  function rankFuzzyPaths(query, items, limit) {
+    const bounded = Number.isInteger(limit) && limit !== undefined && limit > 0 ? Math.floor(limit) : 0;
+    const compare = (a2, b2) => b2.tier - a2.tier || b2.score - a2.score || a2.item.path.localeCompare(b2.item.path);
+    if (!bounded) {
+      return items.map((item) => {
+        const match2 = computeFuzzyMatch(query, item.path);
+        return match2 ? { item, score: match2.score, ranges: match2.ranges, tier: match2.tier } : null;
+      }).filter((item) => item !== null).sort(compare).map(({ item, score, ranges }) => ({ item, score, ranges }));
+    }
+    const top = [];
+    for (const item of items) {
       const match2 = computeFuzzyMatch(query, item.path);
-      return match2 ? { item, score: match2.score, ranges: match2.ranges, tier: match2.tier } : null;
-    }).filter((item) => item !== null).sort((a2, b2) => b2.tier - a2.tier || b2.score - a2.score || a2.item.path.localeCompare(b2.item.path)).map(({ item, score, ranges }) => ({ item, score, ranges }));
+      if (!match2)
+        continue;
+      const ranked = {
+        item,
+        score: match2.score,
+        ranges: match2.ranges,
+        tier: match2.tier
+      };
+      pushBoundedTop(top, ranked, bounded, compare);
+    }
+    return top.sort(compare).map(({ item, score, ranges }) => ({ item, score, ranges }));
+  }
+  function pushBoundedTop(heap, item, limit, compareBestFirst) {
+    const isWorse = (a2, b2) => compareBestFirst(a2, b2) > 0;
+    const siftUp = (index) => {
+      while (index > 0) {
+        const parent = Math.floor((index - 1) / 2);
+        if (!isWorse(heap[index], heap[parent]))
+          break;
+        [heap[index], heap[parent]] = [heap[parent], heap[index]];
+        index = parent;
+      }
+    };
+    const siftDown = (index) => {
+      while (true) {
+        const left = index * 2 + 1;
+        const right = left + 1;
+        let worst = index;
+        if (left < heap.length && isWorse(heap[left], heap[worst]))
+          worst = left;
+        if (right < heap.length && isWorse(heap[right], heap[worst]))
+          worst = right;
+        if (worst === index)
+          break;
+        [heap[index], heap[worst]] = [heap[worst], heap[index]];
+        index = worst;
+      }
+    };
+    if (heap.length < limit) {
+      heap.push(item);
+      siftUp(heap.length - 1);
+      return;
+    }
+    if (compareBestFirst(item, heap[0]) >= 0)
+      return;
+    heap[0] = item;
+    siftDown(0);
+  }
+  function rankGlobPathMatches(query, items, limit) {
+    const matchPath = createGlobPathMatcher(query);
+    if (!matchPath)
+      return [];
+    const bounded = Number.isInteger(limit) && limit !== undefined && limit > 0 ? Math.floor(limit) : 0;
+    const compare = (a2, b2) => b2.score - a2.score || a2.item.path.localeCompare(b2.item.path);
+    if (!bounded) {
+      return items.map((item) => {
+        const match2 = matchPath(item.path);
+        return match2 ? {
+          item,
+          score: match2.score,
+          ranges: match2.ranges,
+          mode: "glob"
+        } : null;
+      }).filter((item) => item !== null).sort(compare);
+    }
+    const top = [];
+    for (const item of items) {
+      const match2 = matchPath(item.path);
+      if (!match2)
+        continue;
+      const ranked = {
+        item,
+        score: match2.score,
+        ranges: match2.ranges,
+        mode: "glob"
+      };
+      pushBoundedTop(top, ranked, bounded, compare);
+    }
+    return top.sort(compare);
+  }
+  function rankPathMatches(query, items, limit) {
+    if (isGlobPathQuery(query)) {
+      return rankGlobPathMatches(query, items, limit);
+    }
+    return rankFuzzyPaths(query, items, limit).map((item) => ({
+      ...item,
+      mode: "fuzzy"
+    }));
   }
   function isGlobPathQuery(query) {
     return /[*?]/.test(query.trim());
@@ -31428,48 +31593,39 @@ code-viewer query agent-help`
     }
   }
   function globMatchPath(query, path) {
+    return createGlobPathMatcher(query)?.(path) ?? null;
+  }
+  function createGlobPathMatcher(query) {
     const regex = globToRegExp(query);
-    const baseStart = basenameStart(path);
-    const basename = path.slice(baseStart);
-    if (!regex || !regex.test(path) && (query.includes("/") || !regex.test(basename)))
+    if (!regex)
       return null;
     const literal = query.replace(/[*?[\]]+/g, " ").trim().split(/\s+/).filter(Boolean);
-    const ranges = [];
-    const lowerPath = path.toLowerCase();
-    for (const part of literal) {
-      const start = lowerPath.indexOf(part.toLowerCase());
-      if (start >= 0)
-        ranges.push({ start, end: start + part.length });
-    }
-    ranges.sort((a2, b2) => a2.start - b2.start || a2.end - b2.end);
-    const mergedRanges = [];
-    for (const range of ranges) {
-      const last = mergedRanges[mergedRanges.length - 1];
-      if (last && last.end >= range.start) {
-        last.end = Math.max(last.end, range.end);
-      } else {
-        mergedRanges.push({ ...range });
+    const suffix = query.replace(/^\*+/, "").toLowerCase();
+    return (path) => {
+      const baseStart = basenameStart(path);
+      const basename = path.slice(baseStart);
+      if (!regex.test(path) && (query.includes("/") || !regex.test(basename)))
+        return null;
+      const ranges = [];
+      const lowerPath = path.toLowerCase();
+      for (const part of literal) {
+        const start = lowerPath.indexOf(part.toLowerCase());
+        if (start >= 0)
+          ranges.push({ start, end: start + part.length });
+      }
+      ranges.sort((a2, b2) => a2.start - b2.start || a2.end - b2.end);
+      const mergedRanges = [];
+      for (const range of ranges) {
+        const last = mergedRanges[mergedRanges.length - 1];
+        if (last && last.end >= range.start) {
+          last.end = Math.max(last.end, range.end);
+        } else {
+          mergedRanges.push({ ...range });
+        }
       }
-    }
-    const score = 1000 - Math.min(path.length, 200) + (path.slice(baseStart).toLowerCase().endsWith(query.replace(/^\*+/, "").toLowerCase()) ? 50 : 0);
-    return { score, ranges: mergedRanges };
-  }
-  function rankPathMatches(query, items) {
-    if (isGlobPathQuery(query)) {
-      return items.map((item) => {
-        const match2 = globMatchPath(query, item.path);
-        return match2 ? {
-          item,
-          score: match2.score,
-          ranges: match2.ranges,
-          mode: "glob"
-        } : null;
-      }).filter((item) => item !== null).sort((a2, b2) => b2.score - a2.score || a2.item.path.localeCompare(b2.item.path));
-    }
-    return rankFuzzyPaths(query, items).map((item) => ({
-      ...item,
-      mode: "fuzzy"
-    }));
+      const score = 1000 - Math.min(path.length, 200) + (path.slice(baseStart).toLowerCase().endsWith(suffix) ? 50 : 0);
+      return { score, ranges: mergedRanges };
+    };
   }
 
   // web-src/core/search-palette.ts
@@ -31767,7 +31923,7 @@ code-viewer query agent-help`
         const response = await repoPaletteFiles(ref);
         if (PALETTE !== state || state.input.value !== query)
           return;
-        state.items = limitPaletteResults(rankPathMatches(query, response.files)).map((match2) => ({
+        state.items = limitPaletteResults(rankPathMatches(query, response.files, PALETTE_RESULT_LIMIT)).map((match2) => ({
           kind: "file",
           path: match2.item.path,
           displayPath: match2.item.path,
@@ -31849,6 +32005,8 @@ code-viewer query agent-help`
       const query = state.input.value;
       if (state.mode === "file") {
         updateFilePalette(state, query).catch(() => {
+          if (PALETTE !== state || state.input.value !== query)
+            return;
           state.status.textContent = "Search failed";
         });
       } else {
@@ -31992,12 +32150,13 @@ code-viewer query agent-help`
     let sourceShikiLoadPromise = null;
     let PREFERRED_SOURCE_TAB = null;
     let SOURCE_CURSOR = null;
+    let SOURCE_CURSOR_ROWS = [];
     const SOURCE_CURSOR_TOTALS = new Map;
     function sourceLineScrollAmount() {
-      const virtualRow = Array.from(document.querySelectorAll("#content .gdp-source-virtual-row")).find((item) => item.offsetParent !== null);
+      const virtualRow = document.querySelector("#content .gdp-source-virtual:not([hidden]) .gdp-source-virtual-row");
       if (virtualRow)
         return virtualRow.getBoundingClientRect().height || VIRTUAL_SOURCE_ROW_HEIGHT;
-      const sourceRow = Array.from(document.querySelectorAll("#content .gdp-source-table tr")).find((item) => item.offsetParent !== null);
+      const sourceRow = document.querySelector("#content .gdp-source-table:not([hidden]) tr");
       if (sourceRow)
         return sourceRow.getBoundingClientRect().height || 20;
       const preview = document.querySelector("#content .gdp-markdown-preview:not([hidden])");
@@ -32014,10 +32173,32 @@ code-viewer query agent-help`
       return !!SOURCE_CURSOR && sourceTargetsEqual(SOURCE_CURSOR.target, target) && SOURCE_CURSOR.line === line;
     }
     function syncSourceCursorRows(target) {
-      document.querySelectorAll("#content [data-line]").forEach((row) => {
-        const line = Number(row.dataset.line || "0");
-        row.classList.toggle("gdp-source-cursor", sourceCursorMatches(target, line));
-      });
+      if (SOURCE_CURSOR_ROWS.length === 0 || SOURCE_CURSOR_ROWS.every((row) => !row.isConnected)) {
+        SOURCE_CURSOR_ROWS = Array.from(document.querySelectorAll("#content .gdp-source-table tr.gdp-source-cursor, #content .gdp-source-virtual-row.gdp-source-cursor"));
+      }
+      for (const row of SOURCE_CURSOR_ROWS) {
+        row.classList.remove("gdp-source-cursor");
+      }
+      SOURCE_CURSOR_ROWS = [];
+      if (!SOURCE_CURSOR || !sourceTargetsEqual(SOURCE_CURSOR.target, target))
+        return;
+      const line = String(SOURCE_CURSOR.line);
+      const table2 = document.querySelector("#content .gdp-source-table");
+      const tableRow = table2?.rows[SOURCE_CURSOR.line - 1];
+      if (tableRow?.dataset.line === line) {
+        tableRow.classList.add("gdp-source-cursor");
+        SOURCE_CURSOR_ROWS.push(tableRow);
+      }
+      const windowEl = document.querySelector("#content .gdp-source-virtual-window");
+      if (windowEl) {
+        const firstLine = Number(windowEl.firstElementChild?.dataset.line || "0");
+        const offset = SOURCE_CURSOR.line - firstLine;
+        const row = offset >= 0 ? windowEl.children[offset] : null;
+        if (row?.dataset.line === line) {
+          row.classList.add("gdp-source-cursor");
+          SOURCE_CURSOR_ROWS.push(row);
+        }
+      }
     }
     function visibleSourceLineFallback() {
       const scroller = findMainScrollTarget();
@@ -35540,7 +35721,7 @@ code-viewer query agent-help`
     }
     let SERVER_GENERATION = 0;
     function trackLoad(promise) {
-      return NETWORK_ACTIVITY.track(promise);
+      return promise;
     }
     function escapeHtml3(s2) {
       return String(s2 == null ? "" : s2).replace(/[&<>"']/g, (c2) => ({