@youtyan/code-viewer 0.8.4 → 0.8.6

package/web/app.js

@@ -9672,6 +9672,10 @@ ${frontmatter.yaml}
   }
 
   // web-src/views/file-shell.ts
+  function isMediaPreviewOnlySource(path) {
+    const kind = sourceDisplayKind(path);
+    return kind === "image" || kind === "video" || kind === "audio" || kind === "pdf";
+  }
   function isBlobOrBlameFileRoute(route) {
     return route.screen === "file" && (route.view === "blob" || route.view === "blame");
   }
@@ -9724,14 +9728,18 @@ ${frontmatter.yaml}
   }
   function appendFileViewTabs(tabs, deps, target, activeTab, options = {}) {
     const includeFileTabs = options.includeFileTabs !== false;
-    const showPreview = options.previewable ?? (isPreviewableSource(target.path) || activeTab === "preview");
+    const mediaOnly = options.previewable === undefined && isMediaPreviewOnlySource(target.path);
+    const showPreview = mediaOnly || (options.previewable ?? (isPreviewableSource(target.path) || activeTab === "preview"));
     let previewButton = null;
     if (showPreview) {
-      previewButton = createBlobSourceTabButton(deps, target, "preview", activeTab === "preview", options);
+      previewButton = createBlobSourceTabButton(deps, target, "preview", activeTab === "preview" || mediaOnly && activeTab === "code", options);
       tabs.appendChild(previewButton);
     }
-    const codeButton = createBlobSourceTabButton(deps, target, "code", activeTab === "code", options);
-    tabs.appendChild(codeButton);
+    let codeButton = null;
+    if (!mediaOnly) {
+      codeButton = createBlobSourceTabButton(deps, target, "code", activeTab === "code", options);
+      tabs.appendChild(codeButton);
+    }
     if (includeFileTabs) {
       tabs.appendChild(createFileViewTabButton(deps, target, "blame", "Blame", activeTab === "blame"));
       tabs.appendChild(createFileViewTabButton(deps, target, "history", "History", activeTab === "history"));
@@ -22945,15 +22953,16 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
   function shouldRenderDiffSidebar(listSame, domIntact) {
     return !listSame || !domIntact;
   }
-  function findDirectDiffCardByKey(target, key) {
+  function collectDiffCardsByKey(target) {
+    const cards = new Map;
     for (const child of Array.from(target.children)) {
       if (!child.classList.contains("gdp-file-shell"))
         continue;
       const card = child;
-      if (card.dataset.key === key)
-        return card;
+      if (card.dataset.key)
+        cards.set(card.dataset.key, card);
     }
-    return null;
+    return cards;
   }
   function createDiffView(deps) {
     const {
@@ -23354,21 +23363,16 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         enqueueLoad(file, card, 0);
       }
     }
-    function invalidateLoadedCard(card, file, changedPaths) {
+    function invalidateLoadedCard(card, file, changedPaths, measuredHeight) {
       if (!card.classList.contains("loaded") && !card.classList.contains("loading"))
         return false;
       if (changedPaths && !changedPaths.has(file.path))
         return false;
       card.dataset.reqId = String(++CLIENT_REQ_SEQ);
+      card.style.minHeight = `${measuredHeight ?? card.offsetHeight}px`;
       card.classList.remove("loaded", "loading", "error");
       card.classList.add("pending");
       card._diffData = null;
-      const body = card.querySelector(".gdp-shell-body");
-      if (body)
-        body.innerHTML = "";
-      const head = card.querySelector(".gdp-shell-header");
-      if (head)
-        head.style.display = "";
       const indicator = card.querySelector(".loading-indicator");
       if (indicator)
         indicator.hidden = false;
@@ -23459,6 +23463,14 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       let invalidatedCards = 0;
       if (listSame && domIntact) {
         const pathsUnknown2 = !changedPaths;
+        const cardsByKey = collectDiffCardsByKey(target);
+        const measuredHeights = new Map;
+        for (const f2 of newFiles) {
+          const key = fileKey(f2);
+          const card = cardsByKey.get(key);
+          if (card && (card.classList.contains("loaded") || card.classList.contains("loading")))
+            measuredHeights.set(key, card.offsetHeight);
+        }
         let sidebarNeedsStatsUpdate = false;
         for (const f2 of newFiles) {
           const key = fileKey(f2);
@@ -23469,7 +23481,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           if (!sigChanged && !pathHint) {
             continue;
           }
-          const card = findDirectDiffCardByKey(target, key);
+          const card = cardsByKey.get(key);
           if (!card)
             continue;
           const sizeChanged = card.dataset.sizeClass !== (f2.size_class || "small");
@@ -23485,7 +23497,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
               stats.innerHTML = '<span class="a">+' + (f2.additions || 0) + "</span>" + '<span class="d">−' + (f2.deletions || 0) + "</span>";
             }
             card._file = f2;
-            const didInvalidate = sigChanged ? invalidateLoadedCard(card, f2, null) : invalidateLoadedCard(card, f2, changedPaths);
+            const didInvalidate = sigChanged ? invalidateLoadedCard(card, f2, null, measuredHeights.get(key)) : invalidateLoadedCard(card, f2, changedPaths, measuredHeights.get(key));
             if (didInvalidate)
               invalidatedCards++;
             else if ((sigChanged || pathHint) && card.classList.contains("pending")) {
@@ -23513,11 +23525,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       }
       if (sidebarNeedsRender && canUpdateSidebar)
         renderSidebar(newFiles);
-      const oldByKey = new Map;
-      target.querySelectorAll(".gdp-file-shell").forEach((c2) => {
-        if (c2.dataset.key)
-          oldByKey.set(c2.dataset.key, c2);
-      });
+      const oldByKey = collectDiffCardsByKey(target);
       const ordered = [];
       for (const f2 of newFiles) {
         const key = fileKey(f2);
@@ -23790,6 +23798,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           return;
         card.classList.remove("loading");
         card.classList.add("error");
+        card.style.minHeight = "";
         const body = card.querySelector(".gdp-shell-body");
         if (!body)
           return;
@@ -23850,6 +23859,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     }
     function setFileCollapsed(card, collapsed) {
       card.classList.toggle("gdp-file-collapsed", collapsed);
+      if (collapsed)
+        card.style.minHeight = "";
       card.querySelectorAll(".d2h-files-diff, .d2h-file-diff, .gdp-source-viewer, .gdp-media").forEach((body) => {
         body.classList.toggle("d2h-d-none", collapsed);
       });
@@ -26041,7 +26052,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
                 },
                 {
                   kind: "paragraph",
-                  text: "A file detail page exposes four tabs — Preview, Code, Blame, History. Code is the default and ?preview=1 opts in to the Markdown / media preview. Blame and History have their own canonical URLs (view=blame, view=history) so deep links and the browser back/forward stay in sync, and they keep the Repository sidebar visible."
+                  text: "A file detail page exposes up to four tabs — Preview, Code, Blame, History. For text files Code is the default and ?preview=1 opts in to the Markdown / HTML preview; media files (images, video, audio, PDF) show a Preview tab only, with no Code tab. Blame and History have their own canonical URLs (view=blame, view=history) so deep links and the browser back/forward stay in sync, and they keep the Repository sidebar visible."
                 },
                 {
                   kind: "paragraph",
@@ -26712,7 +26723,7 @@ code-viewer query agent-help`
                 },
                 {
                   kind: "paragraph",
-                  text: "ファイル詳細ページには Preview / Code / Blame / History の 4 つのタブがあります。Code がデフォルトで、?preview=1 を付けると Markdown / メディアプレビューに切り替わります。Blame と History はそれぞれ専用 URL (view=blame, view=history) を持つため、ディープリンクとブラウザの戻る / 進むが同期し、いずれも Repository サイドバーは表示されたままです。"
+                  text: "ファイル詳細ページには最大 4 つのタブ (Preview / Code / Blame / History) があります。テキストファイルは Code がデフォルトで、?preview=1 を付けると Markdown / HTML プレビューに切り替わります。画像・動画・音声・PDF などのメディアファイルは Preview タブのみ表示され、Code タブは表示されません。Blame と History はそれぞれ専用 URL (view=blame, view=history) を持つため、ディープリンクとブラウザの戻る / 進むが同期し、いずれも Repository サイドバーは表示されたままです。"
                 },
                 {
                   kind: "paragraph",
@@ -30565,6 +30576,7 @@ code-viewer query agent-help`
     let SIDEBAR_TREE_ITEMS_CACHE = new WeakMap;
     const SIDEBAR_LAZY_LOADED_DIRS = new Set;
     const SIDEBAR_LAZY_LOADING_DIRS = new Map;
+    const SIDEBAR_LAZY_DIR_SIGNATURES = new Map;
     function savedSidebarFontSize() {
       return normalizeViewerFontSize(getSidebarFontSize());
     }
@@ -30930,37 +30942,40 @@ code-viewer query agent-help`
       if (SIDEBAR_TREE_ROOT)
         buildSidebarTreeRows(SIDEBAR_TREE_ROOT);
     }
-    function ensureVirtualSidebarDirLoaded(dir) {
-      if (!shouldLazyLoadSidebarDir(dir))
-        return Promise.resolve();
-      const existing = SIDEBAR_LAZY_LOADING_DIRS.get(dir.path);
-      if (existing)
-        return existing;
+    function fetchSidebarDirEntries(dir) {
       const params = new URLSearchParams;
       params.set("ref", getRepoSidebarRef() || "worktree");
       params.set("path", dir.path);
       appendScopeParams(params);
-      const load = trackLoad(fetch(`/_tree?${params.toString()}`).then((response) => {
+      return trackLoad(fetch(`/_tree?${params.toString()}`).then((response) => {
         if (!response.ok)
           throw new Error("failed to load repository tree");
         return response.json();
-      })).then((meta) => {
-        const entries = meta.entries.map((entry, index) => ({
-          order: dir.minOrder + (index + 1) / 1e5,
-          path: entry.path,
-          display_path: entry.path,
-          type: meta.ref === "worktree" && entry.type === "commit" && !entry.submodule ? "tree" : entry.type,
-          submodule: entry.submodule,
-          children_omitted: entry.children_omitted,
-          children_omitted_reason: entry.children_omitted_reason,
-          is_symlink: entry.is_symlink,
-          symlink_target: entry.symlink_target,
-          symlink_target_type: entry.symlink_target_type,
-          resolved_path: entry.resolved_path,
-          status: entry.status
-        }));
+      })).then((meta) => meta.entries.map((entry, index) => ({
+        order: dir.minOrder + (index + 1) / 1e5,
+        path: entry.path,
+        display_path: entry.path,
+        type: meta.ref === "worktree" && entry.type === "commit" && !entry.submodule ? "tree" : entry.type,
+        submodule: entry.submodule,
+        children_omitted: entry.children_omitted,
+        children_omitted_reason: entry.children_omitted_reason,
+        is_symlink: entry.is_symlink,
+        symlink_target: entry.symlink_target,
+        symlink_target_type: entry.symlink_target_type,
+        resolved_path: entry.resolved_path,
+        status: entry.status
+      })));
+    }
+    function ensureVirtualSidebarDirLoaded(dir) {
+      if (!shouldLazyLoadSidebarDir(dir))
+        return Promise.resolve();
+      const existing = SIDEBAR_LAZY_LOADING_DIRS.get(dir.path);
+      if (existing)
+        return existing;
+      const load = fetchSidebarDirEntries(dir).then((entries) => {
         mergeSidebarTreeEntries(entries);
         SIDEBAR_LAZY_LOADED_DIRS.add(dir.path);
+        SIDEBAR_LAZY_DIR_SIGNATURES.set(dir.path, sidebarItemsSignature(entries));
       }).finally(() => {
         SIDEBAR_LAZY_LOADING_DIRS.delete(dir.path);
       });
@@ -31363,6 +31378,102 @@ code-viewer query agent-help`
       };
       visit(root);
     }
+    function sidebarItemsSignature(items) {
+      return items.map((f2) => [
+        f2.path,
+        f2.type || "blob",
+        f2.status || "",
+        f2.children_omitted ? 1 : 0,
+        f2.children_omitted_reason || "",
+        f2.is_symlink ? 1 : 0,
+        f2.symlink_target || "",
+        f2.resolved_path || "",
+        f2.submodule ? 1 : 0
+      ].join("\x00")).join(`
+`);
+    }
+    function findSidebarTreeDir(node, path) {
+      if (node.path === path)
+        return node;
+      for (const child of Object.values(node.dirs)) {
+        if (path === child.path || path.startsWith(`${child.path}/`))
+          return findSidebarTreeDir(child, path);
+      }
+      return null;
+    }
+    function graftLoadedSidebarDirs(oldRoot, newRoot) {
+      const scope = newRoot.path ? `${newRoot.path}/` : "";
+      const paths = [...SIDEBAR_LAZY_LOADED_DIRS].filter((p2) => p2 !== newRoot.path && (!scope || p2.startsWith(scope))).sort((a2, b2) => a2.length - b2.length);
+      for (const path of paths) {
+        const oldNode = findSidebarTreeDir(oldRoot, path);
+        const newNode = findSidebarTreeDir(newRoot, path);
+        if (!oldNode || !newNode || newNode.children_omitted) {
+          SIDEBAR_LAZY_LOADED_DIRS.delete(path);
+          SIDEBAR_LAZY_DIR_SIGNATURES.delete(path);
+          continue;
+        }
+        if (sidebarTreeNodeHasChildren(newNode))
+          continue;
+        newNode.dirs = oldNode.dirs;
+        newNode.files = oldNode.files;
+      }
+    }
+    function applySidebarDirEntries(dir, entries) {
+      const signature = sidebarItemsSignature(entries);
+      if (SIDEBAR_LAZY_DIR_SIGNATURES.get(dir.path) === signature)
+        return false;
+      SIDEBAR_LAZY_DIR_SIGNATURES.set(dir.path, signature);
+      const oldSubtree = { ...dir };
+      dir.dirs = {};
+      dir.files = [];
+      for (const entry of entries)
+        upsertSidebarTreeEntry(entry, entry.order ?? 0);
+      graftLoadedSidebarDirs(oldSubtree, dir);
+      return true;
+    }
+    function rebuildVirtualSidebarRows() {
+      if (!SIDEBAR_TREE_ROOT)
+        return;
+      SIDEBAR_TREE_ITEMS_CACHE = new WeakMap;
+      buildSidebarTreeRows(SIDEBAR_TREE_ROOT);
+      rerenderVirtualSidebar();
+      if (STATE.activeFile)
+        markActive(STATE.activeFile);
+      applyFilter();
+    }
+    async function refreshRepoSidebarTree(rootFiles) {
+      if (!isRepositorySidebarMode() || !isVirtualSidebarActive())
+        return;
+      if (!SIDEBAR_TREE_ROOT)
+        return;
+      if (sidebarItemsSignature(rootFiles) !== sidebarItemsSignature(SIDEBAR_FILES)) {
+        const newRoot = buildTree(rootFiles);
+        graftLoadedSidebarDirs(SIDEBAR_TREE_ROOT, newRoot);
+        SIDEBAR_FILES = rootFiles;
+        SIDEBAR_TREE_ROOT = newRoot;
+        rebuildVirtualSidebarRows();
+      }
+      const root = SIDEBAR_TREE_ROOT;
+      const refreshed = await Promise.all([...SIDEBAR_LAZY_LOADED_DIRS].map(async (path) => {
+        const node = findSidebarTreeDir(root, path);
+        if (!node)
+          return null;
+        const entries = await fetchSidebarDirEntries(node).catch(() => null);
+        return entries ? { path, entries } : null;
+      }));
+      if (SIDEBAR_TREE_ROOT !== root)
+        return;
+      let childrenChanged = false;
+      for (const result of refreshed) {
+        if (!result)
+          continue;
+        const node = findSidebarTreeDir(root, result.path);
+        if (node && applySidebarDirEntries(node, result.entries))
+          childrenChanged = true;
+      }
+      if (childrenChanged)
+        rebuildVirtualSidebarRows();
+    }
     function renderFlat(files, ul, onFileClick) {
       files.forEach((f2, i2) => {
         const li = document.createElement("li");
@@ -31426,6 +31537,7 @@ code-viewer query agent-help`
       SIDEBAR_ROW_BY_PATH = new Map;
       SIDEBAR_LAZY_LOADED_DIRS.clear();
       SIDEBAR_LAZY_LOADING_DIRS.clear();
+      SIDEBAR_LAZY_DIR_SIGNATURES.clear();
       if (!onFileClick)
         STATE.files = files;
       SIDEBAR_FILES = files;
@@ -31546,7 +31658,8 @@ code-viewer query agent-help`
       setActiveSidebarItem(sidebarItemByPath(path));
       if ($("#filelist").classList.contains("tree-virtual")) {
         renderVirtualSidebarWindow();
-        scrollVirtualSidebarPathIntoView(path);
+        if (options.reveal)
+          scrollVirtualSidebarPathIntoView(path);
         return;
       }
       if (options.reveal) {
@@ -31972,6 +32085,7 @@ code-viewer query agent-help`
     }
     return {
       renderSidebar,
+      refreshRepoSidebarTree,
       applyFilter,
       scheduleApplyFilter,
       flushSidebarFilter,
@@ -32041,6 +32155,7 @@ code-viewer query agent-help`
       markActive,
       applyFilter,
       renderSidebar,
+      refreshRepoSidebarTree,
       rerenderVirtualSidebar,
       ensureVirtualSidebarDirLoaded,
       scrollVirtualSidebarPathIntoView,
@@ -32436,18 +32551,26 @@ code-viewer query agent-help`
       });
       return nav;
     }
+    let REPO_RENDER_SIGNATURE = "";
+    let REPO_RENDER_SEQ = 0;
+    let REPO_RENDER_LOCATION = "";
     async function renderRepo(meta) {
+      const myRender = ++REPO_RENDER_SEQ;
       setProjectName(meta.project || "");
       setPageMode();
       removeStandaloneSource();
       $("#empty").classList.add("hidden");
-      $("#diff").replaceChildren();
       if (!isRepoSidebarReusable(meta.ref))
         $("#totals").textContent = "";
       STATE.files = [];
       clearLoadQueue();
       renderRepoBlobSidebar(meta.path || "", meta.ref);
       const target = $("#diff");
+      const signature = JSON.stringify(meta);
+      if (signature === REPO_RENDER_SIGNATURE && target.querySelector(":scope > .gdp-repo-shell")) {
+        placeSidebarToggle();
+        return;
+      }
       const shell = document.createElement("section");
       shell.className = "gdp-repo-shell";
       const toolbar = document.createElement("div");
@@ -32606,9 +32729,33 @@ code-viewer query agent-help`
         readme.appendChild(wrapper);
         shell.appendChild(readme);
       }
-      target.appendChild(shell);
+      if (myRender !== REPO_RENDER_SEQ || !isActiveRepoRoute(meta.ref || "worktree", meta.path || ""))
+        return;
+      REPO_RENDER_SIGNATURE = signature;
+      const location2 = `${meta.ref || "worktree"}\x00${meta.path || ""}`;
+      const sameLocation = location2 === REPO_RENDER_LOCATION;
+      REPO_RENDER_LOCATION = location2;
+      const savedScroll = window.scrollY;
+      target.replaceChildren(shell);
+      window.scrollTo(0, sameLocation ? savedScroll : 0);
       placeSidebarToggle();
     }
+    function repoTreeEntriesToSidebarItems(entries, ref) {
+      return entries.map((entry, index) => ({
+        order: index + 1,
+        path: entry.path,
+        display_path: entry.path,
+        type: canBrowseRepoEntry(entry, ref) ? "tree" : entry.type,
+        submodule: entry.submodule,
+        children_omitted: entry.children_omitted,
+        children_omitted_reason: entry.children_omitted_reason,
+        is_symlink: entry.is_symlink,
+        symlink_target: entry.symlink_target,
+        symlink_target_type: entry.symlink_target_type,
+        resolved_path: entry.resolved_path,
+        status: entry.status
+      }));
+    }
     function renderRepoBlobSidebar(currentPath, ref) {
       syncRepoTargetInput(ref);
       const normalizedRef = ref || "worktree";
@@ -32639,20 +32786,7 @@ code-viewer query agent-help`
       })).then(async (meta) => {
         if (!isActiveRepoTreeRef(normalizedRef))
           return;
-        const files = meta.entries.map((entry, index) => ({
-          order: index + 1,
-          path: entry.path,
-          display_path: entry.path,
-          type: canBrowseRepoEntry(entry, normalizedRef) ? "tree" : entry.type,
-          submodule: entry.submodule,
-          children_omitted: entry.children_omitted,
-          children_omitted_reason: entry.children_omitted_reason,
-          is_symlink: entry.is_symlink,
-          symlink_target: entry.symlink_target,
-          symlink_target_type: entry.symlink_target_type,
-          resolved_path: entry.resolved_path,
-          status: entry.status
-        }));
+        const files = repoTreeEntriesToSidebarItems(meta.entries, normalizedRef);
         setRepoSidebarRef(normalizedRef);
         renderSidebar(files, (file) => {
           if (file.type === "tree") {
@@ -32700,15 +32834,17 @@ code-viewer query agent-help`
         rerenderVirtualSidebar();
     }
     async function activateRepoSidebarPath(currentPath) {
+      const reveal = getSidebarVirtualActivePath() !== currentPath;
       await loadRepoSidebarAncestors(currentPath);
-      markActive(currentPath, { reveal: true });
+      markActive(currentPath, { reveal });
       applyFilter();
       const row = getSidebarRowByPath(currentPath);
       if (row?.kind === "dir" && row.dir && shouldLazyLoadSidebarDir(row.dir))
         ensureVirtualSidebarDirLoaded(row.dir).then(() => {
           if (getSidebarVirtualActivePath() === currentPath) {
             rerenderVirtualSidebar();
-            scrollVirtualSidebarPathIntoView(currentPath);
+            if (reveal)
+              scrollVirtualSidebarPathIntoView(currentPath);
           }
         });
     }
@@ -32959,6 +33095,42 @@ code-viewer query agent-help`
     }
     let REPO_SIDEBAR_LOAD_REF = null;
     let REPO_SIDEBAR_LOAD = null;
+    let REPO_SIDEBAR_REFRESHING = false;
+    let REPO_SIDEBAR_REFRESH_QUEUED = false;
+    async function refreshRepoSidebar() {
+      const ref = activeRepoTreeRef();
+      if (ref == null)
+        return;
+      if (!isRepoSidebarReusable(ref)) {
+        invalidateRepoSidebar();
+        await renderRepoBlobSidebar(STATE.route.screen === "repo" ? STATE.route.path || "" : "", ref);
+        return;
+      }
+      if (REPO_SIDEBAR_REFRESHING) {
+        REPO_SIDEBAR_REFRESH_QUEUED = true;
+        return;
+      }
+      REPO_SIDEBAR_REFRESHING = true;
+      try {
+        const params = new URLSearchParams;
+        params.set("ref", ref);
+        appendScopeParams(params);
+        const meta = await trackLoad(fetch(`/_tree?${params.toString()}`).then((r2) => {
+          if (!r2.ok)
+            throw new Error("failed to load repository tree");
+          return r2.json();
+        }));
+        if (!isActiveRepoTreeRef(ref) || !isRepoSidebarReusable(ref))
+          return;
+        await refreshRepoSidebarTree(repoTreeEntriesToSidebarItems(meta.entries, ref));
+      } catch {} finally {
+        REPO_SIDEBAR_REFRESHING = false;
+        if (REPO_SIDEBAR_REFRESH_QUEUED) {
+          REPO_SIDEBAR_REFRESH_QUEUED = false;
+          refreshRepoSidebar();
+        }
+      }
+    }
     return {
       loadRepo,
       createFileDetailMeta,
@@ -32972,6 +33144,7 @@ code-viewer query agent-help`
       handleSidebarContextMenu,
       fileEntryIcon,
       invalidateRepoSidebar,
+      refreshRepoSidebar,
       showTrashError
     };
   }
@@ -33918,6 +34091,8 @@ code-viewer query agent-help`
       });
     }
     function applyRenderedSourceTab(tab, codeButton, previewButton, codePane, previewPane, updateRoute = true) {
+      if (!codeButton)
+        return false;
       if (tab === "preview" && (!previewButton || !previewPane))
         return false;
       codeButton.classList.toggle("active", tab === "code");
@@ -34167,6 +34342,7 @@ code-viewer query agent-help`
         body.replaceWith(view);
       else
         card.appendChild(view);
+      setSourceCardState(card, "error");
     }
     function renderSourceCancelled(card, target) {
       const body = card.querySelector(".gdp-file-detail-body, .d2h-files-diff, .d2h-file-diff, .gdp-media, .gdp-source-viewer");
@@ -34191,6 +34367,7 @@ code-viewer query agent-help`
         body.replaceWith(view);
       else
         card.appendChild(view);
+      setSourceCardState(card, "cancelled");
     }
     function renderSourceUnsupported(card, target) {
       const body = card.querySelector(".gdp-file-detail-body, .d2h-files-diff, .d2h-file-diff, .gdp-media, .gdp-source-viewer");
@@ -34209,6 +34386,7 @@ code-viewer query agent-help`
         body.replaceWith(view);
       else
         card.appendChild(view);
+      setSourceCardState(card, "done");
     }
     function renderSourceInternalPath(card, target, kind) {
       const body = card.querySelector(".gdp-file-detail-body, .d2h-files-diff, .d2h-file-diff, .gdp-media, .gdp-source-viewer");
@@ -34233,6 +34411,7 @@ code-viewer query agent-help`
         body.replaceWith(view);
       else
         card.appendChild(view);
+      setSourceCardState(card, "done");
     }
     function renderHtmlPreview(target, html) {
       return renderHtmlPreviewFrame(`${target.path} preview`, html);
@@ -34346,7 +34525,7 @@ code-viewer query agent-help`
           previewButton2?.addEventListener("click", () => {
             applyRenderedSourceTab("preview", codeButton2, previewButton2, virtualCode, preview);
           });
-          codeButton2.addEventListener("click", () => {
+          codeButton2?.addEventListener("click", () => {
             applyRenderedSourceTab("code", codeButton2, previewButton2, virtualCode, preview);
           });
           if (header)
@@ -34441,7 +34620,7 @@ code-viewer query agent-help`
         previewButton?.addEventListener("click", () => {
           applyRenderedSourceTab("preview", codeButton, previewButton, table2, preview);
         });
-        codeButton.addEventListener("click", () => {
+        codeButton?.addEventListener("click", () => {
           applyRenderedSourceTab("code", codeButton, previewButton, table2, preview);
         });
         if (header)
@@ -34761,7 +34940,7 @@ code-viewer query agent-help`
         e2.preventDefault();
         const url = new URL(full.href, window.location.origin);
         setRoute(parseRoute(url.pathname, url.search, currentRange()), true);
-        renderStandaloneSource(target);
+        renderStandaloneSource(target, { refresh: true });
       });
       actions.append(copy, full);
       info.append(badge, summary, actions);
@@ -34877,7 +35056,7 @@ code-viewer query agent-help`
         e2.preventDefault();
         const url = new URL(full.href, window.location.origin);
         setRoute(parseRoute(url.pathname, url.search, currentRange()), true);
-        renderStandaloneSource(target);
+        renderStandaloneSource(target, { refresh: true });
       });
       actions.append(raw, full);
       info.append(badge, summary, actions);
@@ -35143,6 +35322,7 @@ code-viewer query agent-help`
         body.replaceWith(view);
       else
         card.appendChild(view);
+      setSourceCardState(card, "done");
     }
     function _renderSourceBinary(card, target) {
       const body = card.querySelector(".gdp-file-detail-body, .d2h-files-diff, .d2h-file-diff, .gdp-media, .gdp-source-viewer");
@@ -35166,7 +35346,30 @@ code-viewer query agent-help`
       else
         card.appendChild(view);
     }
-    async function renderStandaloneSource(target) {
+    function mountedStandaloneSourceCard(target) {
+      const card = document.querySelector(".gdp-standalone-source");
+      if (!card)
+        return null;
+      if (card.dataset.path !== target.path)
+        return null;
+      if (card.dataset.sourceRef !== (target.ref || "worktree"))
+        return null;
+      return card;
+    }
+    function setSourceCardState(card, state) {
+      card.dataset.sourceState = state;
+    }
+    async function renderStandaloneSource(target, options = {}) {
+      if (!options.refresh) {
+        const mounted = mountedStandaloneSourceCard(target);
+        const state = mounted?.dataset.sourceState;
+        if (mounted && state === "done") {
+          scrollStandaloneSourceLine(mounted, lineTargetStart(STATE.route.screen === "file" ? STATE.route.line : undefined));
+          return;
+        }
+        if (mounted && state === "loading")
+          return;
+      }
       cancelActiveSourceLoad("navigation");
       const req = ++SOURCE_REQ_SEQ;
       const repoTarget = repoFileTargetFromRoute();
@@ -35178,10 +35381,13 @@ code-viewer query agent-help`
       const card = document.createElement("article");
       card.className = "gdp-file-shell loaded gdp-standalone-source gdp-source-mode";
       card.dataset.path = target.path;
+      card.dataset.sourceRef = target.ref || "worktree";
+      setSourceCardState(card, "loading");
       const internalKind = sourceInternalPathKind(target.path);
       const wrapper = document.createElement("div");
       wrapper.className = "gdp-file-detail-wrapper";
-      const activeTab = !internalKind && STATE.route.screen === "file" && STATE.route.preview ? "preview" : "code";
+      const mediaOnly = !internalKind && isMediaPreviewOnlySource(target.path);
+      const activeTab = mediaOnly || !internalKind && STATE.route.screen === "file" && STATE.route.preview ? "preview" : "code";
       const { sticky, header } = createFileShellSticky({
         currentRange,
         setRoute,
@@ -35262,9 +35468,13 @@ code-viewer query agent-help`
             const rendered2 = await renderPagedSourceText(card, target, meta.size, controller.signal);
             if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
               return;
-            if (!rendered2)
+            if (!rendered2) {
+              finishSourceLoad(req);
+              renderSourceError(card, target, `Cannot load ${target.path} at ${target.ref}`);
               return;
+            }
             scrollStandaloneSourceLine(card, lineTargetStart(STATE.route.screen === "file" ? STATE.route.line : undefined));
+            setSourceCardState(card, "done");
             finishSourceLoad(req);
             return;
           }
@@ -35285,6 +35495,7 @@ code-viewer query agent-help`
           if (!rendered)
             return;
           scrollStandaloneSourceLine(card, lineTargetStart(STATE.route.screen === "file" ? STATE.route.line : undefined));
+          setSourceCardState(card, "done");
           finishSourceLoad(req);
         }
       } catch (err) {
@@ -35312,7 +35523,7 @@ code-viewer query agent-help`
       if (row)
         row.scrollIntoView({ block: "center" });
     }
-    function applySourceRouteToShell() {
+    function applySourceRouteToShell(options = {}) {
       const target = sourceTargetFromRoute();
       setPageMode();
       if (!target) {
@@ -35322,7 +35533,7 @@ code-viewer query agent-help`
         });
         return;
       }
-      renderStandaloneSource(target);
+      renderStandaloneSource(target, options);
     }
     function inferLang(path) {
       const name = sourceFileName(path);
@@ -35989,6 +36200,7 @@ code-viewer query agent-help`
     });
     const {
       renderSidebar,
+      refreshRepoSidebarTree,
       applyFilter,
       scheduleApplyFilter,
       flushSidebarFilter,
@@ -36105,6 +36317,7 @@ code-viewer query agent-help`
       markActive,
       applyFilter,
       renderSidebar,
+      refreshRepoSidebarTree,
       rerenderVirtualSidebar,
       ensureVirtualSidebarDirLoaded,
       scrollVirtualSidebarPathIntoView,
@@ -36169,6 +36382,7 @@ code-viewer query agent-help`
       closeRepoContextMenu,
       handleSidebarContextMenu,
       invalidateRepoSidebar,
+      refreshRepoSidebar,
       showTrashError
     } = REPO_VIEW;
     const SEARCH_PALETTE = createSearchPalette({
@@ -37468,12 +37682,12 @@ code-viewer query agent-help`
         history.replaceState(historyStateForRoute(STATE.route), "", url + window.location.hash);
       }
     }
-    function dispatchFileRoute(route) {
+    function dispatchFileRoute(route, options = {}) {
       if (route.view === "blob") {
         setStatus("live");
         removeFileHistoryShell2();
         BLAME_VIEW.removeBlamePage();
-        applySourceRouteToShell();
+        applySourceRouteToShell(options);
         return true;
       }
       if (route.view === "blame") {
@@ -38481,7 +38695,7 @@ code-viewer query agent-help`
         setStatus("live");
         return Promise.resolve(null);
       }
-      if (STATE.route.screen === "file" && !(isFileHistoryRoute(STATE.route) && activeHistoryPathFilter) && dispatchFileRoute(STATE.route)) {
+      if (STATE.route.screen === "file" && !(isFileHistoryRoute(STATE.route) && activeHistoryPathFilter) && dispatchFileRoute(STATE.route, { refresh: true })) {
         return Promise.resolve({
           structureChanged: false,
           invalidatedCards: 0,
@@ -39174,7 +39388,7 @@ code-viewer query agent-help`
       if (!shouldAutoLoadCurrentRoute(route))
         return;
       if (isBlobOrBlameFileRoute(route)) {
-        dispatchFileRoute(route);
+        dispatchFileRoute(route, { refresh: true });
         return;
       }
       doSseLoad(paths);
@@ -39214,12 +39428,12 @@ code-viewer query agent-help`
         const viewingPath = route.path;
         if (paths && viewingPath && !paths.has(viewingPath))
           return;
-        dispatchFileRoute(route);
+        dispatchFileRoute(route, { refresh: true });
         return;
       }
       if (route.screen === "repo") {
-        invalidateRepoSidebar();
         loadRepo();
+        refreshRepoSidebar();
         return;
       }
       if (route.screen !== "diff" && route.screen !== "history") {