@youtyan/code-viewer 0.8.7 → 0.8.8

package/web/app.js

@@ -513,6 +513,8 @@ ${lines.join(`
   ];
   var X_16_PATH = "M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z";
   var SYNC_16_PATH = "M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z";
+  var ARROW_RIGHT_16_PATH = "M8.22 2.97a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l2.97-2.97H3.75a.75.75 0 0 1 0-1.5h7.44L8.22 4.03a.75.75 0 0 1 0-1.06Z";
+  var UNDO_16_PATH = "M1.22 6.28a.749.749 0 0 1 0-1.06l3.5-3.5a.749.749 0 1 1 1.06 1.06L3.561 5h7.188l.001.007L10.749 5c.058 0 .116.007.171.019A4.501 4.501 0 0 1 10.5 14H8.796a.75.75 0 0 1 0-1.5H10.5a3 3 0 1 0 0-6H3.561L5.78 8.72a.749.749 0 1 1-1.06 1.06l-3.5-3.5Z";
   function iconSvg(className, paths) {
     const pathList = Array.isArray(paths) ? paths : [paths];
     return '<svg class="octicon ' + className + '" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" aria-hidden="true">' + pathList.map((path) => `<path fill="currentColor" d="${path}"></path>`).join("") + "</svg>";
@@ -522,6 +524,9 @@ ${lines.join(`
   var GRABBER_16_PATH = "M10 13h4v-2h-4v2Zm-8 0h4v-2H2v2Zm8-6h4V5h-4v2ZM2 7h4V5H2v2Zm8-6v2h4V1h-4ZM2 3h4V1H2v2Z";
   var PULSE_16_PATH = "M6 2c.306 0 .582.187.696.471L10 10.731l1.304-3.26A.751.751 0 0 1 12 7h3.25a.75.75 0 0 1 0 1.5h-2.742l-1.812 4.528a.751.751 0 0 1-1.392 0L6 4.77 4.696 8.03A.75.75 0 0 1 4 8.5H.75a.75.75 0 0 1 0-1.5h2.742l1.812-4.529A.751.751 0 0 1 6 2Z";
   var MOON_16_PATH = "M9.598 1.591a.749.749 0 0 1 .785-.175 7.001 7.001 0 1 1-8.967 8.967.75.75 0 0 1 .961-.96 5.5 5.5 0 0 0 7.046-7.046.75.75 0 0 1 .175-.786Zm1.616 1.945a7 7 0 0 1-7.678 7.678 5.499 5.499 0 1 0 7.678-7.678Z";
+  var QUESTION_16_PATH = "M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.92 6.085h.001a.749.749 0 1 1-1.342-.67c.169-.339.436-.701.849-.977C6.845 4.16 7.369 4 8 4a2.756 2.756 0 0 1 1.637.525c.503.377.863.965.863 1.725 0 .448-.115.83-.329 1.15-.205.307-.47.513-.692.662-.109.072-.22.138-.313.195l-.006.004a6.24 6.24 0 0 0-.26.16.952.952 0 0 0-.276.245.75.75 0 0 1-1.248-.832c.184-.264.42-.489.692-.661.103-.067.207-.132.313-.195l.007-.004c.1-.061.182-.11.258-.161a.969.969 0 0 0 .277-.245C8.96 6.514 9 6.427 9 6.25a.612.612 0 0 0-.262-.525A1.27 1.27 0 0 0 8 5.5c-.369 0-.595.09-.74.187a1.01 1.01 0 0 0-.34.398ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z";
+  var MARK_GITHUB_16_PATH = "M6.766 11.328c-2.063-.25-3.516-1.734-3.516-3.656 0-.781.281-1.625.75-2.188-.203-.515-.172-1.609.063-2.062.625-.078 1.468.25 1.968.703.594-.187 1.219-.281 1.985-.281.765 0 1.39.094 1.953.265.484-.437 1.344-.765 1.969-.687.218.422.25 1.515.046 2.047.5.593.766 1.39.766 2.203 0 1.922-1.453 3.375-3.547 3.64.531.344.89 1.094.89 1.954v1.625c0 .468.391.734.86.547C13.781 14.359 16 11.53 16 8.03 16 3.61 12.406 0 7.984 0 3.563 0 0 3.61 0 8.031a7.88 7.88 0 0 0 5.172 7.422c.422.156.828-.125.828-.547v-1.25c-.219.094-.5.156-.75.156-1.031 0-1.64-.562-2.078-1.609-.172-.422-.36-.672-.719-.719-.187-.015-.25-.093-.25-.187 0-.188.313-.328.625-.328.453 0 .844.281 1.25.86.313.452.64.655 1.031.655s.641-.14 1-.5c.266-.265.47-.5.657-.656";
+  var BOOK_16_PATH = "M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z";
   var SEARCH_16_PATH = "M10.68 11.74a6 6 0 0 1-7.917-8.984 6 6 0 0 1 8.997 7.905l3.05 3.05a.75.75 0 1 1-1.06 1.06l-3.07-3.03ZM11.5 7a4.499 4.499 0 1 1-8.997 0A4.499 4.499 0 0 1 11.5 7Z";
   var DOWNLOAD_16_PATHS = [
     "M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14Z",
@@ -778,6 +783,50 @@ ${lines.join(`
     };
   }
 
+  // web-src/core/repository-web-url.ts
+  function encodePath(value) {
+    return value.split("/").filter(Boolean).map((part) => encodeURIComponent(part)).join("/");
+  }
+  function resolvedRef(ref, fallbackRef) {
+    if (!ref || ref === "worktree" || ref === "HEAD") {
+      return fallbackRef || "HEAD";
+    }
+    return ref;
+  }
+  function buildRepositoryWebTarget(repoWebUrl, options) {
+    if (!repoWebUrl)
+      return null;
+    let remote;
+    try {
+      remote = new URL(repoWebUrl);
+    } catch {
+      return null;
+    }
+    if (remote.protocol !== "http:" && remote.protocol !== "https:")
+      return null;
+    remote.search = "";
+    remote.hash = "";
+    remote.pathname = remote.pathname.replace(/\/+$/, "");
+    const base = remote.toString().replace(/\/$/, "");
+    if (remote.hostname.toLowerCase() !== "github.com") {
+      return { url: base, provider: "web" };
+    }
+    const ref = encodePath(resolvedRef(options.ref, options.fallbackRef));
+    const path = encodePath(options.path || "");
+    if (!ref || options.kind === "blob" && !path) {
+      return { url: base, provider: "github" };
+    }
+    const pathSuffix = path ? `/${path}` : "";
+    const target = `${base}/${options.kind}/${ref}${pathSuffix}`;
+    if (options.kind !== "blob" || !Number.isFinite(options.start) || !Number.isFinite(options.end)) {
+      return { url: target, provider: "github" };
+    }
+    const start = Math.max(1, Math.floor(Math.min(options.start, options.end)));
+    const end = Math.max(1, Math.floor(Math.max(options.start, options.end)));
+    const lineHash = start === end ? `#L${start}` : `#L${start}-L${end}`;
+    return { url: `${target}${lineHash}`, provider: "github" };
+  }
+
   // web-src/core/routes.ts
   function assertNever(value) {
     throw new Error(`unhandled route: ${JSON.stringify(value)}`);
@@ -1005,7 +1054,7 @@ ${lines.join(`
       }
       case "journal": {
         const params = new URLSearchParams;
-        if (route.tab && route.tab !== "journal")
+        if (route.tab && route.tab !== "tasks")
           params.set("tab", route.tab);
         if (route.date)
           params.set("date", route.date);
@@ -8573,16 +8622,19 @@ ${frontmatter.yaml}
 
   // web-src/views/annotations-ui.ts
   var ANNOTATION_SESSION_PARAM = "annotationSession";
+  var ANNOTATION_PANEL_PARAM = "annotations";
+  var ANNOTATION_ENTRY_PARAM = "annotation";
   function createAnnotationsUi(deps) {
     const { $ } = deps;
     let ANNOTATIONS = { version: 1, sessions: [] };
     let annotationFollow = deps.getAnnotationFollow();
-    let activeAnnotationId = null;
+    const initialUrlParams = new URLSearchParams(window.location.search);
+    let activeAnnotationId = initialUrlParams.get(ANNOTATION_ENTRY_PARAM);
     let refreshAnnotationsInFlight = null;
     let inlineAnnotationsMounted = false;
     let databaseAnnotationsMounted = false;
     let annotationPanelDismissed = false;
-    let activeSessionId = new URLSearchParams(window.location.search).get(ANNOTATION_SESSION_PARAM);
+    let activeSessionId = initialUrlParams.get(ANNOTATION_SESSION_PARAM);
     const annotationsChangedCallbacks = [];
     function notifyAnnotationsChanged() {
       for (const cb of annotationsChangedCallbacks)
@@ -8639,8 +8691,14 @@ ${frontmatter.yaml}
         if (qhPanel)
           qhPanel.hidden = true;
         document.body.classList.remove("query-history-panel-open");
+      } else if (activeAnnotationId) {
+        activeAnnotationId = null;
+        annotationDetail.hidden = true;
+        updateActiveHighlights();
+        syncInlineAnnotationActive();
       }
       deps.setAnnotationPanelOpenState(open);
+      syncSessionUrl();
       applyInlineAnnotations();
     }
     function annotationLineTarget(entry) {
@@ -8688,13 +8746,33 @@ ${frontmatter.yaml}
     }
     function withSessionParam(rawUrl) {
       const url = new URL(rawUrl, window.location.origin);
+      if (!annotationPanel.hidden)
+        url.searchParams.set(ANNOTATION_PANEL_PARAM, "open");
+      else
+        url.searchParams.delete(ANNOTATION_PANEL_PARAM);
       if (activeSessionId)
         url.searchParams.set(ANNOTATION_SESSION_PARAM, activeSessionId);
       else
         url.searchParams.delete(ANNOTATION_SESSION_PARAM);
+      if (activeAnnotationId)
+        url.searchParams.set(ANNOTATION_ENTRY_PARAM, activeAnnotationId);
+      else
+        url.searchParams.delete(ANNOTATION_ENTRY_PARAM);
       return url.pathname + url.search;
     }
-    function buildInlineAnnotationRow(entry, colSpan) {
+    function createStepChip(entry, step) {
+      const chip = document.createElement("button");
+      chip.type = "button";
+      chip.className = "gdp-annotation-step";
+      chip.textContent = `${step.index + 1}/${step.total}`;
+      chip.title = `open step ${step.index + 1} of ${step.total}`;
+      chip.setAttribute("aria-label", `open annotation step ${step.index + 1} of ${step.total}`);
+      chip.addEventListener("click", () => {
+        openAnnotationEntry(entry.id);
+      });
+      return chip;
+    }
+    function buildInlineAnnotationRow(entry, colSpan, step) {
       const tr = document.createElement("tr");
       tr.className = "gdp-annotation-row";
       tr.dataset.annotationId = entry.id;
@@ -8703,13 +8781,17 @@ ${frontmatter.yaml}
       td.colSpan = colSpan;
       const box = document.createElement("div");
       box.className = "gdp-annotation-inline";
+      const head = document.createElement("div");
+      head.className = "gdp-annotation-inline-head";
+      head.appendChild(createStepChip(entry, step));
       if (entry.title) {
         const heading2 = document.createElement("strong");
         heading2.className = "gdp-annotation-inline-title";
         heading2.textContent = entry.title;
-        box.appendChild(heading2);
+        head.appendChild(heading2);
       }
-      box.appendChild(createCopyRefButton(entry, "gdp-annotation-inline-copy"));
+      head.appendChild(createCopyRefButton(entry, "gdp-annotation-inline-copy"));
+      box.appendChild(head);
       const markdown = document.createElement("div");
       markdown.className = "gdp-annotation-inline-body";
       ensureMarkdownHighlighter();
@@ -8719,7 +8801,7 @@ ${frontmatter.yaml}
       tr.appendChild(td);
       return tr;
     }
-    function buildDatabaseAnnotationBlock(entry) {
+    function buildDatabaseAnnotationBlock(entry, step) {
       const box = document.createElement("div");
       box.className = "gdp-db-annotation-inline";
       box.dataset.annotationId = entry.id;
@@ -8736,7 +8818,7 @@ ${frontmatter.yaml}
       const location2 = document.createElement("span");
       location2.className = "gdp-db-annotation-inline-location";
       location2.textContent = annotationLocationLabel(entry);
-      head.append(title, location2, createCopyRefButton(entry));
+      head.append(createStepChip(entry, step), title, location2, createCopyRefButton(entry));
       const markdown = document.createElement("div");
       markdown.className = "gdp-db-annotation-inline-body";
       ensureMarkdownHighlighter();
@@ -8763,7 +8845,10 @@ ${frontmatter.yaml}
       strip.className = "gdp-db-annotation-strip";
       strip.setAttribute("aria-label", "Datastore annotations");
       for (const entry of matches) {
-        strip.appendChild(buildDatabaseAnnotationBlock(entry));
+        strip.appendChild(buildDatabaseAnnotationBlock(entry, {
+          index: session.entries.indexOf(entry),
+          total: session.entries.length
+        }));
       }
       root.prepend(strip);
       databaseAnnotationsMounted = true;
@@ -8838,16 +8923,19 @@ ${frontmatter.yaml}
       if (!session)
         return;
       let mountedInlineRows = false;
-      for (const entry of session.entries) {
+      session.entries.forEach((entry, index) => {
         if (entry.target?.kind === "database")
-          continue;
+          return;
         const target = inlineAnnotationTargetRow(entry);
         if (!target)
-          continue;
+          return;
         let anchor = target;
         while (anchor.nextElementSibling?.classList.contains("gdp-annotation-row"))
           anchor = anchor.nextElementSibling;
-        anchor.after(buildInlineAnnotationRow(entry, target.cells.length));
+        anchor.after(buildInlineAnnotationRow(entry, target.cells.length, {
+          index,
+          total: session.entries.length
+        }));
         const sibling = siblingSideRow(target);
         if (sibling) {
           let sibAnchor = sibling;
@@ -8856,7 +8944,7 @@ ${frontmatter.yaml}
           sibAnchor.after(buildInlineSpacerRow(entry, sibling.cells.length));
         }
         mountedInlineRows = true;
-      }
+      });
       inlineAnnotationsMounted = mountedInlineRows;
       syncInlineAnnotationWidths();
     }
@@ -8895,14 +8983,21 @@ ${frontmatter.yaml}
       if (activeSessionId === sessionId)
         return;
       activeSessionId = sessionId;
+      activeAnnotationId = null;
+      annotationDetail.hidden = true;
       syncSessionUrl();
       updateActiveHighlights();
+      syncInlineAnnotationActive();
       applyInlineAnnotations();
       notifyAnnotationsChanged();
     }
     function restoreSessionFromUrl() {
-      activeSessionId = new URLSearchParams(window.location.search).get(ANNOTATION_SESSION_PARAM);
+      const params = new URLSearchParams(window.location.search);
+      activeSessionId = params.get(ANNOTATION_SESSION_PARAM);
+      activeAnnotationId = params.get(ANNOTATION_ENTRY_PARAM);
+      setAnnotationPanelOpen(params.get(ANNOTATION_PANEL_PARAM) === "open" || !!activeAnnotationId);
       renderAnnotationPanel();
+      restoreAnnotationDetailFromState();
       applyInlineAnnotations();
     }
     async function waitForAnnotationDiffTarget(entry) {
@@ -9007,9 +9102,8 @@ ${frontmatter.yaml}
         syncSessionUrl();
       }
       renderAnnotationPanel();
+      restoreAnnotationDetailFromState();
       applyInlineAnnotations();
-      if (activeAnnotationId && !findAnnotation(activeAnnotationId))
-        hideAnnotationDetail();
       notifyAnnotationsChanged();
     }
     async function postAnnotationAction(payload) {
@@ -9169,6 +9263,10 @@ ${frontmatter.yaml}
         time.className = "annotation-session-time";
         time.textContent = annotationTimeLabel(session.created_at);
         time.title = session.created_at;
+        const count = document.createElement("span");
+        count.className = "annotation-session-count";
+        count.textContent = String(session.entries.length);
+        count.title = `${session.entries.length} steps`;
         title.addEventListener("click", () => {
           setActiveSession(session.id === activeSessionId ? null : session.id);
         });
@@ -9204,7 +9302,7 @@ ${frontmatter.yaml}
             return;
           postAnnotationAction({ action: "delete", id: session.id });
         });
-        head.append(title, time, rename, del);
+        head.append(title, count, time, rename, del);
         sessionEl.appendChild(head);
         const list2 = document.createElement("ol");
         list2.className = "annotation-entries";
@@ -9263,6 +9361,7 @@ ${frontmatter.yaml}
     function hideAnnotationDetail() {
       activeAnnotationId = null;
       annotationDetail.hidden = true;
+      syncSessionUrl();
       updateActiveHighlights();
       syncInlineAnnotationActive();
     }
@@ -9306,6 +9405,25 @@ ${frontmatter.yaml}
       updateActiveHighlights();
       syncInlineAnnotationActive();
     }
+    function restoreAnnotationDetailFromState() {
+      if (!activeAnnotationId) {
+        annotationDetail.hidden = true;
+        updateActiveHighlights();
+        syncInlineAnnotationActive();
+        return;
+      }
+      const found = findAnnotation(activeAnnotationId);
+      if (!found) {
+        activeAnnotationId = null;
+        annotationDetail.hidden = true;
+        syncSessionUrl();
+        updateActiveHighlights();
+        syncInlineAnnotationActive();
+        return;
+      }
+      activeSessionId = found.session.id;
+      showAnnotationDetail(found.session, found.entry, found.index);
+    }
     function focusStandaloneSourceLines(card, entry) {
       if (!entry.line)
         return;
@@ -9505,7 +9623,7 @@ ${frontmatter.yaml}
       if (persist)
         deps.setAnnotationPanelWidth(clamped);
     }
-    if (deps.getAnnotationPanelOpen())
+    if (initialUrlParams.get(ANNOTATION_PANEL_PARAM) === "open" || activeAnnotationId || deps.getAnnotationPanelOpen())
       setAnnotationPanelOpen(true);
     applyAnnotationPanelWidth(deps.getAnnotationPanelWidth() ?? ANNOTATION_PANEL_DEFAULT_WIDTH, false);
     updateDatabaseCaptureButton();
@@ -9786,6 +9904,9 @@ ${frontmatter.yaml}
     name.appendChild(deps.createFileBreadcrumb(target.path, target.ref));
     name.appendChild(createFilePathCopyButton(target));
     header.appendChild(name);
+    const repositoryWebLink = deps.createRepositoryWebLink?.(target);
+    if (repositoryWebLink)
+      header.appendChild(repositoryWebLink);
     sticky.appendChild(header);
     const tabsHost = document.createElement("div");
     tabsHost.className = "gdp-file-detail-tabs";
@@ -9988,7 +10109,8 @@ ${frontmatter.yaml}
         currentRange: deps.currentRange,
         setRoute: deps.setRoute,
         setPreferredSourceTab: deps.setPreferredSourceTab,
-        createFileBreadcrumb: deps.createFileBreadcrumb
+        createFileBreadcrumb: deps.createFileBreadcrumb,
+        createRepositoryWebLink: deps.createRepositoryWebLink
       }, target, "blame");
       sticky.appendChild(buildLegend());
       wrapper.appendChild(sticky);
@@ -9998,10 +10120,11 @@ ${frontmatter.yaml}
       wrapper.appendChild(body);
       card.appendChild(wrapper);
       mountFileShellCard(deps, target, card);
+      const sourceShikiLang = normalizeSourceShikiLang(deps.inferLang(target.path));
       const [blameResp, srcText, highlighter] = await Promise.all([
         fetchBlame(target, generation),
         fetchSource(target, base2),
-        deps.getSyntaxHighlight() ? deps.loadSourceShikiHighlighter() : Promise.resolve(null)
+        deps.getSyntaxHighlight() && sourceShikiLang ? deps.loadSourceShikiHighlighter(sourceShikiLang) : Promise.resolve(null)
       ]);
       if (generation !== activeGeneration)
         return;
@@ -17931,6 +18054,23 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     spacer.className = "db-grid-spacer";
     const body = document.createElement("div");
     body.className = "db-grid-body";
+    body.addEventListener("mouseover", (e2) => {
+      const cell = e2.target?.closest(".db-grid-cell");
+      if (!cell || !body.contains(cell))
+        return;
+      if (cell.dataset.gridTooltip) {
+        delete cell.dataset.gridTooltip;
+        cell.removeAttribute("title");
+      }
+      if (cell.title)
+        return;
+      if (cell.querySelector("input, textarea, select"))
+        return;
+      if (cell.scrollWidth > cell.clientWidth + 1) {
+        cell.title = cell.textContent ?? "";
+        cell.dataset.gridTooltip = "1";
+      }
+    });
     const filteredEmpty = document.createElement("div");
     filteredEmpty.className = "db-pane-empty";
     filteredEmpty.hidden = true;
@@ -18119,8 +18259,23 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         }
       }
     }
+    function defaultColWidth(colName) {
+      const type = (columns.find((c2) => c2.name === colName)?.type ?? "").toLowerCase();
+      let w = DEFAULT_COL_WIDTH;
+      if (/timestamp|datetime/.test(type))
+        w = 210;
+      else if (/^(date|time|year)/.test(type))
+        w = 120;
+      else if (/bool|tinyint\(1\)/.test(type))
+        w = 80;
+      else if (/int|decimal|numeric|float|double|real/.test(type))
+        w = 110;
+      else if (/text|json|xml|blob/.test(type))
+        w = 260;
+      return Math.max(w, Math.min(240, colName.length * 7.5 + 34));
+    }
     function getColWidth(colName) {
-      return colWidths.get(colName) ?? DEFAULT_COL_WIDTH;
+      return colWidths.get(colName) ?? defaultColWidth(colName);
     }
     function applyColWidth(colName, index) {
       const w = getColWidth(colName);
@@ -22417,7 +22572,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       });
       chip.addEventListener("dragend", () => clearDragState());
     }
-    tabsList.addEventListener("dragover", (e2) => {
+    tabsBar.addEventListener("dragover", (e2) => {
       if (!draggingTabId)
         return;
       const target = e2.target?.closest(".db-tabs-chip");
@@ -22428,7 +22583,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         e2.dataTransfer.dropEffect = "move";
       clearDropTarget();
     });
-    tabsList.addEventListener("drop", (e2) => {
+    tabsBar.addEventListener("drop", (e2) => {
       if (!draggingTabId)
         return;
       const target = e2.target?.closest(".db-tabs-chip");
@@ -23072,7 +23227,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (!el)
         return;
       el.hidden = !branch;
-      el.textContent = branch;
+      const name = el.querySelector(".project-branch-name");
+      if (name)
+        name.textContent = branch;
       el.title = branch ? `Current branch: ${branch}` : "";
     }
     let metaFilesForViewedProgress = [];
@@ -23892,9 +24049,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const unfold = card.querySelector(".gdp-file-unfold");
       if (unfold)
         unfold.disabled = collapsed;
-      const viewFile = card.querySelector(".gdp-view-file");
-      if (viewFile)
-        viewFile.disabled = collapsed;
+      card.querySelectorAll(".gdp-preview-file, .gdp-view-file").forEach((button2) => {
+        button2.disabled = collapsed;
+      });
     }
     function setViewFileButtonState(button, sourceMode) {
       if (!button)
@@ -24094,6 +24251,27 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         wrap.appendChild(box);
       }
       header.appendChild(wrap);
+      if (!header.querySelector(".gdp-preview-file") && isPreviewableSource(fileSourceTarget(file).path)) {
+        const previewFile = document.createElement("button");
+        previewFile.type = "button";
+        previewFile.className = "gdp-preview-file gdp-btn gdp-btn-sm";
+        previewFile.textContent = "Preview";
+        previewFile.title = "Preview rendered file";
+        previewFile.addEventListener("click", (e2) => {
+          e2.stopPropagation();
+          const target = fileSourceTarget(file);
+          setRoute({
+            screen: "file",
+            path: target.path,
+            ref: target.ref,
+            view: "blob",
+            preview: true,
+            range: currentRange()
+          });
+          applySourceRouteToShell();
+        });
+        header.appendChild(previewFile);
+      }
       if (!header.querySelector(".gdp-view-file")) {
         const viewFile = document.createElement("button");
         viewFile.type = "button";
@@ -26072,6 +26250,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
                   kind: "paragraph",
                   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",
+                  text: "When the repository remote is on GitHub, repository and file headers can open the current path there. Selecting source lines also exposes separate actions to copy the AI reference, open the exact GitHub line range, or copy its URL. Markdown and HTML diff cards include a direct Preview shortcut."
+                },
                 {
                   kind: "paragraph",
                   text: "In large repositories the sidebar loads folder children on demand. Folders you open are remembered and automatically re-expanded after a reload."
@@ -26163,6 +26345,10 @@ code-viewer doctor --bin git=/opt/bin/git --bin docker=/opt/bin/docker --bin gh=
                   kind: "paragraph",
                   text: "Everything in .code-viewer/ is owned by code-viewer. JSON files are rewritten safely with validation on every change, so unknown keys are dropped and invalid values are reset to defaults. Hand-edit at your own risk — a corrupt file is renamed with a .corrupt suffix and replaced with an empty default."
                 },
+                {
+                  kind: "paragraph",
+                  text: "The directory appears in the repository tree and its text files can be inspected in the Code view. It remains excluded from repository searches and diffs."
+                },
                 {
                   kind: "paragraph",
                   text: "Deleting the whole directory is the supported way to reset all per-repository state. Removing a single file resets only that subsystem (for example, deleting tabs.json closes all DB tabs on the next load)."
@@ -26271,6 +26457,10 @@ code-viewer annotate add-db --db app.db --tab query \\
                     [
                       "Persistent state",
                       "Open/closed, width, follow, mute, and rate are stored under .code-viewer/settings.json; annotations themselves live in .code-viewer/annotations.json."
+                    ],
+                    [
+                      "Restorable URL",
+                      "The panel-open state, selected session, and selected annotation are kept in the URL, so reloads and shared links restore the same walkthrough context."
                     ]
                   ]
                 }
@@ -26743,6 +26933,10 @@ code-viewer query agent-help`
                   kind: "paragraph",
                   text: "ファイル詳細ページには最大 4 つのタブ (Preview / Code / Blame / History) があります。テキストファイルは Code がデフォルトで、?preview=1 を付けると Markdown / HTML プレビューに切り替わります。画像・動画・音声・PDF などのメディアファイルは Preview タブのみ表示され、Code タブは表示されません。Blame と History はそれぞれ専用 URL (view=blame, view=history) を持つため、ディープリンクとブラウザの戻る / 進むが同期し、いずれも Repository サイドバーは表示されたままです。"
                 },
+                {
+                  kind: "paragraph",
+                  text: "リポジトリの remote が GitHub の場合、リポジトリとファイルのヘッダーから現在のパスを GitHub で開けます。ソース行を選択すると、AI 参照のコピー、選択行範囲を GitHub で開く、GitHub URL のコピーを個別に選べます。Markdown / HTML の diff カードには直接 Preview を開く導線も表示されます。"
+                },
                 {
                   kind: "paragraph",
                   text: "大きいリポジトリではサイドバーがフォルダの中身を必要に応じて読み込みます。開いたフォルダは記憶され、次回のリロード時に同じ状態で展開し直されます。"
@@ -26834,6 +27028,10 @@ code-viewer doctor --bin git=/opt/bin/git --bin docker=/opt/bin/docker --bin gh=
                   kind: "paragraph",
                   text: ".code-viewer/ の中身はすべて code-viewer が管理します。JSON ファイルは書き込みごとにバリデーションを通して安全に書き換えられるため、未知のキーは破棄され、不正な値は既定値に戻されます。手で編集すると壊れる可能性があり、壊れたファイルは .corrupt サフィックスに改名されて空の既定値で置き換えられます。"
                 },
+                {
+                  kind: "paragraph",
+                  text: "ディレクトリはリポジトリツリーに表示され、テキストファイルは Code ビューで確認できます。リポジトリ検索と diff の対象からは引き続き除外されます。"
+                },
                 {
                   kind: "paragraph",
                   text: "ディレクトリごと削除するのが、このリポジトリの全状態をリセットする推奨手順です。個別ファイルだけを消した場合はその系統だけがリセットされます（例: tabs.json を消すと次回起動時に DB タブがすべて閉じた状態になります）。"
@@ -26942,6 +27140,10 @@ code-viewer annotate add-db --db app.db --tab query \\
                     [
                       "永続化",
                       "パネルの開閉・幅・follow・ミュート・速度は .code-viewer/settings.json に、注釈自体は .code-viewer/annotations.json に保存されます。"
+                    ],
+                    [
+                      "復元できる URL",
+                      "パネルの開閉、選択中のセッション、選択中の注釈は URL に反映されるため、リロードや共有リンクでも同じウォークスルー状態を復元できます。"
                     ]
                   ]
                 }
@@ -28224,7 +28426,7 @@ code-viewer query agent-help`
     let mounted = false;
     let lifecycle = 0;
     let data = null;
-    let activeTab = "journal";
+    let activeTab = "tasks";
     let selectedDate = todayIsoDate();
     let selectedEntryId = "";
     let creatingEntry = false;
@@ -28397,7 +28599,7 @@ code-viewer query agent-help`
     function applyRoute(route = deps.getRoute()) {
       if (!isJournalRoute(route))
         return;
-      activeTab = route.tab || activeTab || "journal";
+      activeTab = route.tab || activeTab || "tasks";
       selectedDate = route.date || selectedDate || todayIsoDate();
       labelFilter = route.label || "";
       selectedTaskId = route.task || "";
@@ -29960,21 +30162,50 @@ code-viewer query agent-help`
     const copyButton = document.createElement("button");
     copyButton.id = "line-ref-pill-copy";
     copyButton.type = "button";
-    copyButton.title = "選択行の参照をコピー（Claude Code / Codex に貼り付け用）。Shift+Click でコード本体も添付。";
     const closeButton = document.createElement("button");
     closeButton.id = "line-ref-pill-close";
     closeButton.type = "button";
     closeButton.title = "選択を解除";
     closeButton.setAttribute("aria-label", "選択を解除");
     closeButton.textContent = "×";
-    pill.appendChild(copyButton);
-    pill.appendChild(closeButton);
+    const githubActions = document.createElement("div");
+    githubActions.id = "line-ref-pill-github-actions";
+    githubActions.hidden = true;
+    const githubOpen = document.createElement("a");
+    githubOpen.id = "line-ref-pill-github-open";
+    githubOpen.target = "_blank";
+    githubOpen.rel = "noopener";
+    githubOpen.innerHTML = iconSvg("octicon-mark-github", MARK_GITHUB_16_PATH) + '<span class="lrp-github-open-label"></span>' + iconSvg("octicon-link-external", OPEN_EXTERNAL_16_PATH);
+    const githubCopy = document.createElement("button");
+    githubCopy.id = "line-ref-pill-github-copy";
+    githubCopy.type = "button";
+    githubCopy.innerHTML = `<span class="lrp-github-copy-icon">${iconSvg("octicon-copy", COPY_16_PATHS)}</span>` + '<span class="lrp-github-copy-label"></span>';
+    githubActions.append(githubOpen, githubCopy);
+    pill.append(copyButton, githubActions, closeButton);
     document.body.appendChild(pill);
     let refText = "";
     let currentPath = "";
     let currentStart = 0;
     let currentEnd = 0;
+    let githubUrl = "";
     let feedbackTimer = null;
+    let githubFeedbackTimer = null;
+    function renderGithubActions() {
+      const openTitle = deps.githubOpenTitle();
+      const copyTitle = deps.githubCopyTitle();
+      githubOpen.title = openTitle;
+      githubOpen.setAttribute("aria-label", openTitle);
+      githubCopy.title = copyTitle;
+      githubCopy.setAttribute("aria-label", copyTitle);
+      const openLabel = githubOpen.querySelector(".lrp-github-open-label");
+      if (openLabel)
+        openLabel.textContent = openTitle;
+      const copyLabel = githubCopy.querySelector(".lrp-github-copy-label");
+      if (copyLabel)
+        copyLabel.textContent = copyTitle;
+      githubOpen.href = githubUrl || "#";
+      githubActions.hidden = !githubUrl;
+    }
     function selectionLineCount() {
       return currentEnd - currentStart + 1;
     }
@@ -29983,25 +30214,16 @@ code-viewer query agent-help`
       if (count <= 1)
         return "";
       const warn = count >= AI_CONTEXT_LARGE_SELECTION_LINE_THRESHOLD;
-      return `<span class="lrp-count${warn ? " lrp-count-warn" : ""}">${count} lines</span>`;
+      return `<span class="lrp-count${warn ? " lrp-count-warn" : ""}">${escapeHtml2(deps.lineCountLabel(count))}</span>`;
     }
     function render(state) {
-      pill.classList.toggle("copied", state === "copied" || state === "copied-code");
-      if (state === "copied") {
-        copyButton.innerHTML = `${CHECK_ICON}<span class="lrp-label">Copied!</span>`;
-        return;
-      }
-      if (state === "copied-code") {
-        const count = selectionLineCount();
-        const suffix = count > 1 ? ` (${count} lines)` : "";
-        copyButton.innerHTML = `${CHECK_ICON}<span class="lrp-label">Copied + code${suffix}</span>`;
-        return;
-      }
-      if (state === "failed") {
-        copyButton.innerHTML = `${COPY_ICON}<span class="lrp-label">copy failed</span>`;
-        return;
-      }
-      copyButton.innerHTML = `${COPY_ICON}<span class="lrp-label">Copy</span>` + `<span class="lrp-ref">${escapeHtml2(refText)}</span>` + countBadgeHtml();
+      copyButton.classList.toggle("copied", state === "copied" || state === "copied-code");
+      copyButton.classList.toggle("failed", state === "failed");
+      const icon = state === "copied" || state === "copied-code" ? CHECK_ICON : COPY_ICON;
+      const label = deps.copyReferenceLabel();
+      copyButton.innerHTML = `${icon}<span class="lrp-label">${escapeHtml2(label)}</span>` + `<span class="lrp-ref">${escapeHtml2(refText)}</span>` + countBadgeHtml();
+      copyButton.title = label;
+      copyButton.setAttribute("aria-label", label);
     }
     copyButton.addEventListener("click", async (event) => {
       if (!refText)
@@ -30030,6 +30252,28 @@ code-viewer query agent-help`
           render("ready");
       }, 1200);
     });
+    githubCopy.addEventListener("click", async () => {
+      if (!githubUrl)
+        return;
+      try {
+        await navigator.clipboard.writeText(githubUrl);
+        githubCopy.classList.add("copied");
+        const icon = githubCopy.querySelector(".lrp-github-copy-icon");
+        if (icon)
+          icon.innerHTML = CHECK_ICON;
+      } catch {
+        githubCopy.classList.add("failed");
+      }
+      if (githubFeedbackTimer)
+        clearTimeout(githubFeedbackTimer);
+      githubFeedbackTimer = setTimeout(() => {
+        githubFeedbackTimer = null;
+        githubCopy.classList.remove("copied", "failed");
+        const icon = githubCopy.querySelector(".lrp-github-copy-icon");
+        if (icon)
+          icon.innerHTML = iconSvg("octicon-copy", COPY_16_PATHS);
+      }, 1200);
+    });
     closeButton.addEventListener("click", () => {
       deps.onClose();
     });
@@ -30043,6 +30287,8 @@ code-viewer query agent-help`
         currentPath = path;
         currentStart = Math.max(1, Math.floor(Math.min(start, end)));
         currentEnd = Math.max(1, Math.floor(Math.max(start, end)));
+        githubUrl = deps.githubUrlForSelection(currentPath, currentStart, currentEnd) || "";
+        renderGithubActions();
         if (feedbackTimer) {
           clearTimeout(feedbackTimer);
           feedbackTimer = null;
@@ -30060,6 +30306,8 @@ code-viewer query agent-help`
         currentPath = "";
         currentStart = 0;
         currentEnd = 0;
+        githubUrl = "";
+        githubActions.hidden = true;
         pill.hidden = true;
       }
     };
@@ -30529,6 +30777,19 @@ code-viewer query agent-help`
     return trimmed;
   }
 
+  // web-src/views/repository-web-link.ts
+  function createRepositoryWebLink(target, label) {
+    const link2 = document.createElement("a");
+    link2.className = "gdp-btn gdp-btn-sm gdp-repo-web-link";
+    link2.href = target.url;
+    link2.target = "_blank";
+    link2.rel = "noopener";
+    link2.title = label;
+    link2.setAttribute("aria-label", label);
+    link2.innerHTML = `${iconSvg(target.provider === "github" ? "octicon-mark-github" : "octicon-link-external", target.provider === "github" ? MARK_GITHUB_16_PATH : OPEN_EXTERNAL_16_PATH)}<span>${label}</span>`;
+    return link2;
+  }
+
   // web-src/core/file-filter.ts
   function normalizeFileFilterQuery(value) {
     return (value || "").toLowerCase().trim();
@@ -32240,6 +32501,9 @@ code-viewer query agent-help`
       repositoryFallback,
       repositoryRootFallback,
       commitEntryMeta,
+      repositoryWebTarget,
+      openGithubLabel,
+      openRepositoryWebLabel,
       fileBadge
     } = deps;
     let REPO_SORT = {
@@ -32395,6 +32659,13 @@ code-viewer query agent-help`
       });
       return button;
     }
+    function createRepositoryWebLink2(path, ref) {
+      const target = repositoryWebTarget(path, ref);
+      if (!target)
+        return null;
+      const label = target.provider === "github" ? openGithubLabel() : openRepositoryWebLabel();
+      return createRepositoryWebLink(target, label);
+    }
     function showRepoContextMenu(event, entry, ref, onChanged) {
       if (document.querySelector(".gdp-dialog-backdrop"))
         return false;
@@ -32632,6 +32903,9 @@ code-viewer query agent-help`
         pathHeader.appendChild(createCopyPathButton(meta.path));
       pathHeader.appendChild(createOpenPathButton(meta.path || "", "directory", openDirectoryInOsTitle()));
       toolbar.appendChild(pathHeader);
+      const repositoryWebLink = createRepositoryWebLink2(meta.path || "", meta.ref);
+      if (repositoryWebLink)
+        toolbar.appendChild(repositoryWebLink);
       if (canTrashWorktreeRef(meta.ref)) {
         toolbar.appendChild(createNewFolderButton(meta.path || "", () => loadRepo()));
         if (meta.path) {
@@ -33985,6 +34259,7 @@ code-viewer query agent-help`
       renderRepoBlobSidebar,
       placeSidebarToggle,
       createFileBreadcrumb,
+      createRepositoryWebLink: createRepositoryWebLink2,
       createFileDetailMeta,
       createOpenPathButton,
       createMoveToTrashButton,
@@ -34003,7 +34278,6 @@ code-viewer query agent-help`
     const VIRTUAL_SOURCE_HIGHLIGHT_MAX_LINE_LENGTH = 2000;
     const UNKNOWN_TEXT_SNIFF_BYTES = 8192;
     const SOURCE_LOADING_SLOW_THRESHOLD_MS = 3000;
-    let sourceShikiLoadPromise = null;
     let PREFERRED_SOURCE_TAB = null;
     let SOURCE_CURSOR = null;
     let SOURCE_CURSOR_ROWS = [];
@@ -34016,8 +34290,13 @@ code-viewer query agent-help`
       if (sourceRow)
         return sourceRow.getBoundingClientRect().height || 20;
       const preview = document.querySelector("#content .gdp-markdown-preview:not([hidden])");
-      const lineHeight = Number.parseFloat(getComputedStyle(preview || document.body).lineHeight);
-      return Number.isFinite(lineHeight) && lineHeight > 0 ? lineHeight : 20;
+      if (preview) {
+        const previewLineHeight = Number.parseFloat(getComputedStyle(preview).lineHeight);
+        if (Number.isFinite(previewLineHeight) && previewLineHeight > 0)
+          return previewLineHeight;
+      }
+      const configuredLineHeight = Number.parseFloat(getComputedStyle(document.body).getPropertyValue("--code-line-height"));
+      return Number.isFinite(configuredLineHeight) && configuredLineHeight > 0 ? configuredLineHeight : VIRTUAL_SOURCE_ROW_HEIGHT;
     }
     function hasVisibleSourceCodeSurface() {
       return Array.from(document.querySelectorAll("#content .gdp-source-virtual-scroller, #content .gdp-source-table")).some((item) => item.offsetParent !== null);
@@ -34058,8 +34337,9 @@ code-viewer query agent-help`
     }
     function visibleSourceLineFallback() {
       const scroller = findMainScrollTarget();
+      const rowHeight = sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT;
       if (scroller)
-        return Math.max(1, Math.floor(scroller.scrollTop / VIRTUAL_SOURCE_ROW_HEIGHT) + 1);
+        return Math.max(1, Math.floor(scroller.scrollTop / rowHeight) + 1);
       const rows = $$("#content .gdp-source-table tr[data-line]");
       const contentTop = document.querySelector("#content")?.getBoundingClientRect().top ?? 0;
       const row = rows.find((item) => item.getBoundingClientRect().bottom >= Math.max(0, contentTop));
@@ -34083,8 +34363,9 @@ code-viewer query agent-help`
     function scrollSourceCursorIntoView(cursor, edge = "nearest") {
       const scroller = findMainScrollTarget();
       if (scroller) {
-        const top = (cursor.line - 1) * VIRTUAL_SOURCE_ROW_HEIGHT;
-        const bottom = top + VIRTUAL_SOURCE_ROW_HEIGHT;
+        const rowHeight = sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT;
+        const top = (cursor.line - 1) * rowHeight;
+        const bottom = top + rowHeight;
         const before = scroller.scrollTop;
         if (edge === "center")
           scroller.scrollTop = Math.max(0, top - Math.round(scroller.clientHeight / 2));
@@ -34177,86 +34458,13 @@ code-viewer query agent-help`
       focusMainPanel();
       return true;
     }
-    const SOURCE_SHIKI_LANGS = Array.from(new Set([
-      "asciidoc",
-      "astro",
-      "bash",
-      "bibtex",
-      "c",
-      "clojure",
-      "cmake",
-      "cpp",
-      "csharp",
-      "css",
-      "dart",
-      "diff",
-      "dockerfile",
-      "dotenv",
-      "elixir",
-      "erb",
-      "erlang",
-      "fortran",
-      "go",
-      "gradle",
-      "graphql",
-      "haml",
-      "handlebars",
-      "haskell",
-      "html",
-      "ini",
-      "java",
-      "javascript",
-      "json",
-      "jsonc",
-      "julia",
-      "kotlin",
-      "less",
-      "liquid",
-      "lua",
-      "make",
-      "markdown",
-      "nix",
-      "ocaml",
-      "pascal",
-      "perl",
-      "php",
-      "powershell",
-      "prisma",
-      "properties",
-      "protobuf",
-      "pug",
-      "python",
-      "r",
-      "rst",
-      "ruby",
-      "rust",
-      "sass",
-      "scala",
-      "scss",
-      "sql",
-      "swift",
-      "terraform",
-      "tex",
-      "toml",
-      "twig",
-      "typescript",
-      "vim",
-      "vue",
-      "xml",
-      "yaml"
-    ]));
-    function loadSourceShikiHighlighter() {
-      if (!sourceShikiLoadPromise) {
-        sourceShikiLoadPromise = import("/shiki.js").then((mod) => {
-          const typed = mod;
-          const langs = typed.bundledLanguages ? SOURCE_SHIKI_LANGS.filter((lang) => !!typed.bundledLanguages?.[lang]) : SOURCE_SHIKI_LANGS;
-          return typed.createHighlighter({
-            themes: ["github-light", "github-dark"],
-            langs
-          });
-        }).catch(() => null);
-      }
-      return sourceShikiLoadPromise;
+    function loadSourceShikiHighlighter(lang) {
+      if (deps.loadSourceHighlighter)
+        return deps.loadSourceHighlighter(lang);
+      return loadShikiHighlighter({
+        themes: ["github-light", "github-dark"],
+        langs: [lang]
+      });
     }
     function sourceShikiLines(textValue, lang, highlighter) {
       try {
@@ -34275,6 +34483,57 @@ code-viewer query agent-help`
         return null;
       }
     }
+    function scheduleSourceHighlight(table2, target, textValue, lang, signal) {
+      setTimeout(() => {
+        if (signal?.aborted || !table2.isConnected || !STATE.syntaxHighlight || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+          return;
+        loadSourceShikiHighlighter(lang).then((highlighter) => {
+          if (!highlighter || signal?.aborted || !table2.isConnected || !STATE.syntaxHighlight || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+            return;
+          const highlightedLines = sourceShikiLines(textValue, lang, highlighter);
+          if (!highlightedLines || signal?.aborted || !table2.isConnected || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+            return;
+          const cells = table2.querySelectorAll(".gdp-source-line-code");
+          cells.forEach((cell, index) => {
+            if (highlightedLines[index] == null)
+              return;
+            cell.innerHTML = highlightedLines[index] || " ";
+            cell.classList.add("shiki");
+          });
+        }).catch((err) => {
+          console.error("Failed to apply source syntax highlighting", err);
+        });
+      }, 0);
+    }
+    function scheduleMarkdownPreviewHighlight(preview, target, textValue, signal, onReplace) {
+      setTimeout(() => {
+        if (signal?.aborted || !preview.isConnected || !STATE.syntaxHighlight || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+          return;
+        (deps.renderMarkdownPreview ?? renderMarkdownPreview)(textValue, target, {
+          syntaxHighlight: true,
+          signal,
+          onNavigateMarkdown: (path, ref) => {
+            setRoute({
+              screen: "file",
+              path,
+              ref,
+              view: "blob",
+              range: currentRange()
+            });
+            renderStandaloneSource({ path, ref });
+          }
+        }).then((next) => {
+          if (signal?.aborted || !preview.isConnected || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+            return;
+          next.dataset.sourcePane = "preview";
+          next.hidden = preview.hidden;
+          preview.replaceWith(next);
+          onReplace(next);
+        }).catch((err) => {
+          console.error("Failed to apply preview syntax highlighting", err);
+        });
+      }, 0);
+    }
     function setPreferredSourceTab(tab) {
       PREFERRED_SOURCE_TAB = tab;
     }
@@ -34438,24 +34697,14 @@ code-viewer query agent-help`
         card.appendChild(view);
       setSourceCardState(card, "done");
     }
-    function renderSourceInternalPath(card, target, kind) {
+    function renderSourceInternalPath(card, target) {
       const body = card.querySelector(".gdp-file-detail-body, .d2h-files-diff, .d2h-file-diff, .gdp-media, .gdp-source-viewer");
       const info = createSourceFileInfo(target, "internal metadata", {
         loadMeta: false
       });
-      const extraChildren = [info];
-      if (kind === "code-viewer") {
-        const link2 = document.createElement("a");
-        link2.className = "gdp-btn gdp-btn-sm gdp-source-download";
-        link2.href = buildRawFileUrl(target);
-        link2.textContent = "Download raw";
-        link2.target = "_blank";
-        link2.rel = "noreferrer";
-        extraChildren.push(link2);
-      }
       const view = renderUnsupportedPreview({
-        message: kind === "code-viewer" ? "This path is managed by code-viewer and is not previewed from the file viewer." : "Git internal metadata is not previewed from the file viewer.",
-        extraChildren
+        message: "Git internal metadata is not previewed from the file viewer.",
+        extraChildren: [info]
       });
       if (body)
         body.replaceWith(view);
@@ -34512,7 +34761,7 @@ code-viewer query agent-help`
       const tabs = document.createElement("div");
       tabs.className = "gdp-source-tabs";
       const { codeButton, previewButton } = appendFileViewTabs(tabs, { currentRange, setRoute, setPreferredSourceTab }, target, active, {
-        includeFileTabs: STATE.route.screen === "file",
+        includeFileTabs: STATE.route.screen === "file" && sourceInternalPathKind(target.path) !== "code-viewer",
         previewable: !!options.previewable || active === "preview",
         sourceTabClick: "manual",
         ...textValue != null ? { sourceCopyButton: createSourceCopyButton(textValue) } : {}
@@ -34536,9 +34785,9 @@ code-viewer query agent-help`
         header.textContent = `${target.path} @ ${target.ref}`;
       }
       const lang = inferLang(target.path);
+      const sourceShikiLang = normalizeSourceShikiLang(lang);
       const usesVirtualSource = shouldVirtualizeSource(textValue, lines) && !isVirtualSourceDisabled();
       const hljsRef = STATE.syntaxHighlight && usesVirtualSource ? await loadSyntaxHighlighter() : null;
-      const sourceShikiRef = STATE.syntaxHighlight && !usesVirtualSource ? await loadSourceShikiHighlighter() : null;
       if (signal?.aborted)
         return false;
       const previewable = isPreviewableSource(target.path);
@@ -34554,8 +34803,8 @@ code-viewer query agent-help`
             tabsHost.hidden = false;
             tabsHost.replaceChildren(tabs3);
           }
-          const preview = previewKind === "html" ? renderHtmlPreview(target, textValue) : await renderMarkdownPreview(textValue, target, {
-            syntaxHighlight: STATE.syntaxHighlight,
+          let preview = previewKind === "html" ? renderHtmlPreview(target, textValue) : await (deps.renderMarkdownPreview ?? renderMarkdownPreview)(textValue, target, {
+            syntaxHighlight: false,
             signal,
             onNavigateMarkdown: (path, ref) => {
               setRoute({
@@ -34571,9 +34820,19 @@ code-viewer query agent-help`
           if (signal?.aborted)
             return false;
           preview.dataset.sourcePane = "preview";
+          let previewHighlightScheduled = false;
+          const ensurePreviewHighlight = () => {
+            if (previewKind === "html" || !STATE.syntaxHighlight || previewHighlightScheduled)
+              return;
+            previewHighlightScheduled = true;
+            scheduleMarkdownPreviewHighlight(preview, target, textValue, signal, (next) => {
+              preview = next;
+            });
+          };
           applyRenderedSourceTab(initialSourceTab, codeButton2, previewButton2, virtualCode, preview, false);
           previewButton2?.addEventListener("click", () => {
             applyRenderedSourceTab("preview", codeButton2, previewButton2, virtualCode, preview);
+            ensurePreviewHighlight();
           });
           codeButton2?.addEventListener("click", () => {
             applyRenderedSourceTab("code", codeButton2, previewButton2, virtualCode, preview);
@@ -34586,6 +34845,8 @@ code-viewer query agent-help`
             body.replaceWith(view);
           else
             card.appendChild(view);
+          if (initialSourceTab === "preview")
+            ensurePreviewHighlight();
           return true;
         }
         const { tabs: tabs2 } = createSourceTabs(target, "code", textValue, {
@@ -34611,8 +34872,6 @@ code-viewer query agent-help`
       table2.className = "gdp-source-table";
       table2.dataset.sourcePane = "code";
       const tbody = document.createElement("tbody");
-      const sourceShikiLang = normalizeSourceShikiLang(lang);
-      const shikiLines = sourceShikiRef && sourceShikiLang ? sourceShikiLines(textValue, sourceShikiLang, sourceShikiRef) : null;
       for (let index = 0;index < lines.length; index++) {
         if (signal?.aborted)
           return false;
@@ -34627,12 +34886,7 @@ code-viewer query agent-help`
         bindSourceLineNumber(num, card, target, index + 1);
         const code2 = document.createElement("td");
         code2.className = "gdp-source-line-code";
-        if (shikiLines && shikiLines[index] != null) {
-          code2.innerHTML = shikiLines[index] || " ";
-          code2.classList.add("shiki");
-        } else {
-          code2.textContent = line || " ";
-        }
+        code2.textContent = line || " ";
         tr.appendChild(num);
         tr.appendChild(code2);
         tbody.appendChild(tr);
@@ -34649,8 +34903,8 @@ code-viewer query agent-help`
         tabsHost.replaceChildren(tabs);
       }
       if (previewable) {
-        const preview = previewKind === "html" ? renderHtmlPreview(target, textValue) : await renderMarkdownPreview(textValue, target, {
-          syntaxHighlight: STATE.syntaxHighlight,
+        let preview = previewKind === "html" ? renderHtmlPreview(target, textValue) : await (deps.renderMarkdownPreview ?? renderMarkdownPreview)(textValue, target, {
+          syntaxHighlight: false,
           signal,
           onNavigateMarkdown: (path, ref) => {
             setRoute({
@@ -34666,9 +34920,19 @@ code-viewer query agent-help`
         if (signal?.aborted)
           return false;
         preview.dataset.sourcePane = "preview";
+        let previewHighlightScheduled = false;
+        const ensurePreviewHighlight = () => {
+          if (previewKind === "html" || !STATE.syntaxHighlight || previewHighlightScheduled)
+            return;
+          previewHighlightScheduled = true;
+          scheduleMarkdownPreviewHighlight(preview, target, textValue, signal, (next) => {
+            preview = next;
+          });
+        };
         applyRenderedSourceTab(initialSourceTab, codeButton, previewButton, table2, preview, false);
         previewButton?.addEventListener("click", () => {
           applyRenderedSourceTab("preview", codeButton, previewButton, table2, preview);
+          ensurePreviewHighlight();
         });
         codeButton?.addEventListener("click", () => {
           applyRenderedSourceTab("code", codeButton, previewButton, table2, preview);
@@ -34683,6 +34947,10 @@ code-viewer query agent-help`
           body.replaceWith(view);
         else
           card.appendChild(view);
+        if (STATE.syntaxHighlight && sourceShikiLang)
+          scheduleSourceHighlight(table2, target, textValue, sourceShikiLang, signal);
+        if (initialSourceTab === "preview")
+          ensurePreviewHighlight();
         return true;
       }
       if (header)
@@ -34694,6 +34962,8 @@ code-viewer query agent-help`
         body.replaceWith(view);
       else
         card.appendChild(view);
+      if (STATE.syntaxHighlight && sourceShikiLang)
+        scheduleSourceHighlight(table2, target, textValue, sourceShikiLang, signal);
       return true;
     }
     function shouldVirtualizeSource(textValue, lines) {
@@ -34885,8 +35155,10 @@ code-viewer query agent-help`
           matches = nextMatches;
           active = matches.length ? Math.max(0, Math.min(active, matches.length - 1)) : -1;
           count.textContent = matches.length ? `${active + 1} / ${matches.length}` : "0 / 0";
-          if (active >= 0)
-            scroller.scrollTop = Math.max(0, (matches[active].line - 1) * VIRTUAL_SOURCE_ROW_HEIGHT - VIRTUAL_SOURCE_ROW_HEIGHT * 3);
+          if (active >= 0) {
+            const rowHeight = sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT;
+            scroller.scrollTop = Math.max(0, (matches[active].line - 1) * rowHeight - rowHeight * 3);
+          }
           renderFn();
         }).catch(() => {
           if (version !== searchVersion)
@@ -34907,7 +35179,8 @@ code-viewer query agent-help`
           return;
         active = (active + direction + matches.length) % matches.length;
         count.textContent = `${active + 1} / ${matches.length}`;
-        scroller.scrollTop = Math.max(0, (matches[active].line - 1) * VIRTUAL_SOURCE_ROW_HEIGHT - VIRTUAL_SOURCE_ROW_HEIGHT * 3);
+        const rowHeight = sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT;
+        scroller.scrollTop = Math.max(0, (matches[active].line - 1) * rowHeight - rowHeight * 3);
         renderFn();
       };
       input2.addEventListener("input", () => {
@@ -35001,7 +35274,7 @@ code-viewer query agent-help`
       scroller.setAttribute("aria-label", `${target.path} source code`);
       const spacer = document.createElement("div");
       spacer.className = "gdp-source-virtual-spacer";
-      spacer.style.height = `${Math.max(1, lines.length * VIRTUAL_SOURCE_ROW_HEIGHT)}px`;
+      spacer.style.height = `${Math.max(1, lines.length * (sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT))}px`;
       const windowEl = document.createElement("div");
       windowEl.className = "gdp-source-virtual-window";
       spacer.appendChild(windowEl);
@@ -35010,19 +35283,23 @@ code-viewer query agent-help`
       let raf = 0;
       let renderedStart = -1;
       let renderedEnd = -1;
+      let renderedRowHeight = -1;
       let search = null;
       const render = () => {
         raf = 0;
+        const rowHeight = sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT;
+        spacer.style.height = `${Math.max(1, lines.length * rowHeight)}px`;
         const viewportHeight = scroller.clientHeight || window.innerHeight;
         const overscan = 20;
-        const start = Math.max(0, Math.floor(scroller.scrollTop / VIRTUAL_SOURCE_ROW_HEIGHT) - overscan);
-        const end = Math.min(lines.length, Math.ceil((scroller.scrollTop + viewportHeight) / VIRTUAL_SOURCE_ROW_HEIGHT) + overscan);
-        if (start === renderedStart && end === renderedEnd)
+        const start = Math.max(0, Math.floor(scroller.scrollTop / rowHeight) - overscan);
+        const end = Math.min(lines.length, Math.ceil((scroller.scrollTop + viewportHeight) / rowHeight) + overscan);
+        if (start === renderedStart && end === renderedEnd && rowHeight === renderedRowHeight)
           return;
         renderedStart = start;
         renderedEnd = end;
+        renderedRowHeight = rowHeight;
         windowEl.replaceChildren();
-        windowEl.style.transform = `translateY(${start * VIRTUAL_SOURCE_ROW_HEIGHT}px)`;
+        windowEl.style.transform = `translateY(${start * rowHeight}px)`;
         const fragment = document.createDocumentFragment();
         for (let index = start;index < end; index++) {
           const row = document.createElement("div");
@@ -35138,7 +35415,8 @@ code-viewer query agent-help`
       const updateTotals = () => {
         SOURCE_CURSOR_TOTALS.set(sourceCursorKey(target), totalRows);
         summary.textContent = (complete ? totalRows.toLocaleString() : `${lines.size.toLocaleString()}+`) + " lines loaded from " + formatBytes(size) + ". More rows load as you scroll.";
-        spacer.style.height = `${Math.max(1, totalRows * VIRTUAL_SOURCE_ROW_HEIGHT)}px`;
+        const rowHeight = sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT;
+        spacer.style.height = `${Math.max(1, totalRows * rowHeight)}px`;
       };
       const loadPage = (line) => {
         if (signal?.aborted || complete && line > totalRows)
@@ -35175,20 +35453,24 @@ code-viewer query agent-help`
       let raf = 0;
       let renderedStart = -1;
       let renderedEnd = -1;
+      let renderedRowHeight = -1;
       let search = null;
       let searchController = null;
       const render = () => {
         raf = 0;
+        const rowHeight = sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT;
+        spacer.style.height = `${Math.max(1, totalRows * rowHeight)}px`;
         const viewportHeight = scroller.clientHeight || window.innerHeight;
         const overscan = 20;
-        const start = Math.max(0, Math.floor(scroller.scrollTop / VIRTUAL_SOURCE_ROW_HEIGHT) - overscan);
-        const end = Math.min(totalRows, Math.ceil((scroller.scrollTop + viewportHeight) / VIRTUAL_SOURCE_ROW_HEIGHT) + overscan);
-        if (start === renderedStart && end === renderedEnd)
+        const start = Math.max(0, Math.floor(scroller.scrollTop / rowHeight) - overscan);
+        const end = Math.min(totalRows, Math.ceil((scroller.scrollTop + viewportHeight) / rowHeight) + overscan);
+        if (start === renderedStart && end === renderedEnd && rowHeight === renderedRowHeight)
           return;
         renderedStart = start;
         renderedEnd = end;
+        renderedRowHeight = rowHeight;
         windowEl.replaceChildren();
-        windowEl.style.transform = `translateY(${start * VIRTUAL_SOURCE_ROW_HEIGHT}px)`;
+        windowEl.style.transform = `translateY(${start * rowHeight}px)`;
         const fragment = document.createDocumentFragment();
         for (let index = start;index < end; index++) {
           const lineNumber = index + 1;
@@ -35417,8 +35699,8 @@ code-viewer query agent-help`
           scrollStandaloneSourceLine(mounted, lineTargetStart(STATE.route.screen === "file" ? STATE.route.line : undefined));
           return;
         }
-        if (mounted && state === "loading")
-          return;
+        if (mounted && state === "loading" && mounted._loadPromise)
+          return mounted._loadPromise;
       }
       cancelActiveSourceLoad("navigation");
       const req = ++SOURCE_REQ_SEQ;
@@ -35442,7 +35724,8 @@ code-viewer query agent-help`
         currentRange,
         setRoute,
         setPreferredSourceTab,
-        createFileBreadcrumb
+        createFileBreadcrumb,
+        createRepositoryWebLink: createRepositoryWebLink2
       }, target, activeTab, internalKind ? { includeFileTabs: false, previewable: false } : {});
       const pathActions = header.querySelector(".gdp-file-detail-path") || header;
       pathActions.appendChild(createOpenPathButton(target.path, "file-parent", "open parent folder in OS"));
@@ -35453,7 +35736,7 @@ code-viewer query agent-help`
           loadRepo();
         }));
       }
-      if (!internalKind) {
+      if (internalKind !== "git") {
         loadRawFileInfo(target).then((meta) => {
           if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
             return;
@@ -35478,94 +35761,103 @@ code-viewer query agent-help`
       wrapper.appendChild(detailBody);
       card.appendChild(wrapper);
       mountFileShellCard({ $, repoFileTargetFromRoute, renderRepoBlobSidebar, placeSidebarToggle }, target, card, repoTarget);
-      if (internalKind) {
-        renderSourceInternalPath(card, target, internalKind);
+      if (internalKind === "git") {
+        renderSourceInternalPath(card, target);
         return;
       }
       const controller = new AbortController;
       ACTIVE_SOURCE_LOAD = { controller, req, target, card };
       renderSourceLoading(card, target, () => cancelActiveSourceLoad("user"));
-      try {
-        let displayKind = sourceDisplayKind(target.path);
-        let rawInfo = null;
-        if (displayKind === "unsupported") {
-          rawInfo = await loadRawFileInfo(target);
-          if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
-            return;
-          if (await sourceLooksTextByContent(target, rawInfo, controller.signal)) {
-            displayKind = "text";
+      const sourceLoad = (async () => {
+        try {
+          let displayKind = sourceDisplayKind(target.path);
+          let rawInfo = null;
+          if (displayKind === "unsupported") {
+            rawInfo = await loadRawFileInfo(target);
+            if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+              return;
+            if (await sourceLooksTextByContent(target, rawInfo, controller.signal)) {
+              displayKind = "text";
+            }
           }
-        }
-        if (displayKind === "unsupported") {
-          if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
-            return;
-          finishSourceLoad(req);
-          renderSourceUnsupported(card, target);
-          return;
-        }
-        if (displayKind === "image" || displayKind === "video" || displayKind === "audio" || displayKind === "pdf") {
-          if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+          if (displayKind === "unsupported") {
+            if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+              return;
+            finishSourceLoad(req);
+            renderSourceUnsupported(card, target);
             return;
-          finishSourceLoad(req);
-          renderSourceMedia(card, target, displayKind);
-          return;
-        }
-        if (displayKind === "text") {
-          const meta = rawInfo ?? await loadRawFileInfo(target);
-          if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+          }
+          if (displayKind === "image" || displayKind === "video" || displayKind === "audio" || displayKind === "pdf") {
+            if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+              return;
+            finishSourceLoad(req);
+            renderSourceMedia(card, target, displayKind);
             return;
-          if (!isVirtualSourceDisabled() && meta.size != null && meta.size >= VIRTUAL_SOURCE_SIZE_THRESHOLD) {
-            const rendered2 = await renderPagedSourceText(card, target, meta.size, controller.signal);
+          }
+          if (displayKind === "text") {
+            const meta = rawInfo ?? await loadRawFileInfo(target);
             if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
               return;
-            if (!rendered2) {
+            if (!isVirtualSourceDisabled() && meta.size != null && meta.size >= VIRTUAL_SOURCE_SIZE_THRESHOLD) {
+              const rendered2 = await renderPagedSourceText(card, target, meta.size, controller.signal);
+              if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+                return;
+              if (!rendered2) {
+                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;
+            }
+            const response = await trackLoad(fetch(buildRawFileUrl(target), { signal: controller.signal }));
+            if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+              return;
+            if (!response.ok) {
               finishSourceLoad(req);
               renderSourceError(card, target, `Cannot load ${target.path} at ${target.ref}`);
               return;
             }
+            const textValue = await response.text();
+            if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+              return;
+            const rendered = await renderSourceText(card, target, textValue, controller.signal);
+            if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+              return;
+            if (!rendered)
+              return;
             scrollStandaloneSourceLine(card, lineTargetStart(STATE.route.screen === "file" ? STATE.route.line : undefined));
             setSourceCardState(card, "done");
             finishSourceLoad(req);
-            return;
           }
-          const response = await trackLoad(fetch(buildRawFileUrl(target), { signal: controller.signal }));
+        } catch (err) {
           if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
             return;
-          if (!response.ok) {
-            finishSourceLoad(req);
-            renderSourceError(card, target, `Cannot load ${target.path} at ${target.ref}`);
+          finishSourceLoad(req);
+          if (isAbortError3(err)) {
+            renderSourceCancelled(card, target);
             return;
           }
-          const textValue = await response.text();
-          if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
-            return;
-          const rendered = await renderSourceText(card, target, textValue, controller.signal);
-          if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
-            return;
-          if (!rendered)
-            return;
-          scrollStandaloneSourceLine(card, lineTargetStart(STATE.route.screen === "file" ? STATE.route.line : undefined));
-          setSourceCardState(card, "done");
-          finishSourceLoad(req);
-        }
-      } catch (err) {
-        if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
-          return;
-        finishSourceLoad(req);
-        if (isAbortError3(err)) {
-          renderSourceCancelled(card, target);
-          return;
+          renderSourceError(card, target, `Cannot load ${target.path} at ${target.ref}`);
         }
-        renderSourceError(card, target, `Cannot load ${target.path} at ${target.ref}`);
-      }
+      })();
+      const completed = sourceLoad.finally(() => {
+        if (card._loadPromise === completed)
+          delete card._loadPromise;
+      });
+      card._loadPromise = completed;
+      return completed;
     }
     function scrollStandaloneSourceLine(card, line) {
       if (!line || line < 1)
         return;
       const virtualScroller = card.querySelector(".gdp-source-virtual-scroller");
       if (virtualScroller) {
-        const centeredOffset = virtualScroller.clientHeight / 2 - VIRTUAL_SOURCE_ROW_HEIGHT / 2;
-        virtualScroller.scrollTop = Math.max(0, (line - 1) * VIRTUAL_SOURCE_ROW_HEIGHT - Math.max(0, centeredOffset));
+        const rowHeight = sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT;
+        const centeredOffset = virtualScroller.clientHeight / 2 - rowHeight / 2;
+        virtualScroller.scrollTop = Math.max(0, (line - 1) * rowHeight - Math.max(0, centeredOffset));
         virtualScroller.__gdpRenderVirtualSource?.();
         return;
       }
@@ -35689,6 +35981,8 @@ code-viewer query agent-help`
     let PENDING_G_SCOPE = null;
     let PENDING_G_UNTIL = 0;
     let PROJECT_NAME = "";
+    let PROJECT_BRANCH = "";
+    let REPO_WEB_URL = null;
     let APP_SETTINGS = { version: 1 };
     let VIEW_STATE = {
       version: 1,
@@ -35833,11 +36127,14 @@ code-viewer query agent-help`
       }
     }
     function setProjectBranch(branch) {
+      PROJECT_BRANCH = branch;
       const el = document.querySelector("#project-branch");
       if (!el)
         return;
       el.hidden = !branch;
-      el.textContent = branch;
+      const name = el.querySelector(".project-branch-name");
+      if (name)
+        name.textContent = branch;
       el.title = branch ? `Current branch: ${branch}` : "";
     }
     function mergeLocalSettings(patch) {
@@ -36024,7 +36321,14 @@ code-viewer query agent-help`
       return normalizeViewerFontSize(APP_SETTINGS.codeFontSize);
     }
     function applyCodeFontSize(size = savedCodeFontSize()) {
+      const previousLineHeight = Number.parseFloat(getComputedStyle(document.body).getPropertyValue("--code-line-height"));
       document.body.dataset.codeFontSize = size;
+      const nextLineHeight = Number.parseFloat(getComputedStyle(document.body).getPropertyValue("--code-line-height"));
+      document.querySelectorAll(".gdp-source-virtual-scroller").forEach((scroller) => {
+        if (Number.isFinite(previousLineHeight) && previousLineHeight > 0 && Number.isFinite(nextLineHeight) && nextLineHeight > 0)
+          scroller.scrollTop *= nextLineHeight / previousLineHeight;
+        scroller.__gdpRenderVirtualSource?.();
+      });
     }
     function savedSidebarFontSizeSetting() {
       return normalizeViewerFontSize(APP_SETTINGS.sidebarFontSize);
@@ -36057,10 +36361,11 @@ code-viewer query agent-help`
         const settings = await res.json();
         setProjectName(settings.project || "");
         setProjectBranch(settings.branch || "");
+        REPO_WEB_URL = settings.repo_web_url;
         const repoLink = document.querySelector("#repo-web-link");
-        if (repoLink && settings.repo_web_url) {
-          repoLink.href = settings.repo_web_url;
-          repoLink.hidden = false;
+        if (repoLink) {
+          repoLink.href = settings.repo_web_url || "#";
+          repoLink.hidden = !settings.repo_web_url;
         }
         SERVER_SCOPE_OMIT_DIRS_DEFAULT = normalizeScopeOmitDirs(settings.scope.omit_dirs_effective);
         SERVER_SCOPE_EXCLUDE_NAMES_DEFAULT = normalizeScopeExcludeNames(settings.scope.exclude_names_effective);
@@ -36157,7 +36462,24 @@ code-viewer query agent-help`
     const LINE_REF_PILL = createLineRefPill({
       onClose: () => {
         clearLineSelection();
-      }
+      },
+      githubUrlForSelection: (path, start, end) => {
+        const route = STATE.route;
+        const ref = route.screen === "file" ? route.commit || route.ref : route.screen === "diff" ? route.range.to : "worktree";
+        const target = buildRepositoryWebTarget(REPO_WEB_URL, {
+          ref,
+          fallbackRef: PROJECT_BRANCH,
+          path,
+          kind: "blob",
+          start,
+          end
+        });
+        return target?.provider === "github" ? target.url : null;
+      },
+      copyReferenceLabel: () => uiText().global.copyLineReference,
+      lineCountLabel: (count) => uiText().global.selectedLineCount(count),
+      githubOpenTitle: () => uiText().global.githubSelectionOpen,
+      githubCopyTitle: () => uiText().global.githubSelectionCopy
     });
     const DIFF_LINE_SELECT = createDiffLineSelect({ pill: LINE_REF_PILL });
     function clearRenderedSourceLineTargets() {
@@ -36308,6 +36630,7 @@ code-viewer query agent-help`
       renderRepoBlobSidebar: (path, ref) => REPO_VIEW.renderRepoBlobSidebar(path, ref),
       placeSidebarToggle,
       createFileBreadcrumb: (path, ref) => DIFF_VIEW.createFileBreadcrumb(path, ref),
+      createRepositoryWebLink: createFileRepositoryWebLink,
       createFileDetailMeta: (target, meta) => REPO_VIEW.createFileDetailMeta(target, meta),
       createOpenPathButton,
       createMoveToTrashButton: (path, onDeleted) => REPO_VIEW.createMoveToTrashButton(path, onDeleted),
@@ -36341,7 +36664,7 @@ code-viewer query agent-help`
       currentRange,
       trackLoad,
       getSyntaxHighlight: () => STATE.syntaxHighlight,
-      loadSourceShikiHighlighter: () => SOURCE_VIEW.loadSourceShikiHighlighter(),
+      loadSourceShikiHighlighter: (lang) => SOURCE_VIEW.loadSourceShikiHighlighter(lang),
       sourceShikiLines: (textValue, lang, highlighter) => SOURCE_VIEW.sourceShikiLines(textValue, lang, highlighter),
       inferLang: (path) => SOURCE_VIEW.inferLang(path),
       currentSourceLineTarget: (target) => SOURCE_VIEW.currentSourceLineTarget(target),
@@ -36349,6 +36672,7 @@ code-viewer query agent-help`
       bindSourceLineNumber: (num, card, target, line) => SOURCE_VIEW.bindSourceLineNumber(num, card, target, line),
       setPreferredSourceTab: (tab) => SOURCE_VIEW.setPreferredSourceTab(tab),
       createFileBreadcrumb: (path, ref) => DIFF_VIEW.createFileBreadcrumb(path, ref),
+      createRepositoryWebLink: createFileRepositoryWebLink,
       removeStandaloneSource,
       placeSidebarToggle,
       escapeHtml: escapeHtml3,
@@ -36423,6 +36747,14 @@ code-viewer query agent-help`
         const text3 = uiText().repo;
         return submodule ? { label: text3.submoduleLabel, title: text3.submoduleTitle } : { label: text3.gitlinkLabel, title: text3.gitlinkTitle };
       },
+      repositoryWebTarget: (path, ref) => buildRepositoryWebTarget(REPO_WEB_URL, {
+        ref,
+        fallbackRef: PROJECT_BRANCH,
+        path,
+        kind: "tree"
+      }),
+      openGithubLabel: () => uiText().repo.openGithub,
+      openRepositoryWebLabel: () => uiText().repo.openRepositoryWeb,
       fileBadge: (status) => DIFF_VIEW.fileBadge(status)
     });
     const {
@@ -36465,9 +36797,7 @@ code-viewer query agent-help`
           queryHistory: "query history",
           settings: "viewer settings",
           theme: "toggle theme",
-          product: "code viewer",
           copyAiContext: "Copy AI context (Shift+Click to include code)",
-          copyAiContextLabel: "AI context",
           copyAiContextCopied: "Copied AI context",
           copyAiContextCopiedWithCode: (lines) => `Copied AI context + code (${lines} line${lines === 1 ? "" : "s"})`,
           copyAiContextFailed: "Copy failed",
@@ -36480,7 +36810,12 @@ code-viewer query agent-help`
           cancelRequestsActiveTitle: (count) => `cancel ${count} in-flight request${count === 1 ? "" : "s"}`,
           cancelRequestsInactiveTitle: "no in-flight requests",
           brandHome: "Repository home",
-          menuViews: "Views"
+          menuViews: "Views",
+          repoWebLink: "open repository web page",
+          copyLineReference: "Copy AI reference",
+          selectedLineCount: (count) => `${count} line${count === 1 ? "" : "s"}`,
+          githubSelectionOpen: "Open selected lines on GitHub",
+          githubSelectionCopy: "Copy GitHub link"
         },
         topbar: {
           resetRange: "reset to HEAD .. worktree",
@@ -36491,15 +36826,13 @@ code-viewer query agent-help`
           ignoreWs: "ignore whitespace changes (-w)",
           ignoreWsLabel: "ws",
           syntaxLoading: "loading...",
-          syntaxOn: "syntax on",
-          syntaxOff: "syntax off",
+          syntax: "syntax",
           syntaxOnTitle: "syntax highlighting on",
           syntaxLoadingTitle: "loading syntax highlighter",
           syntaxErrorTitle: "failed to load syntax highlighter",
           syntaxOffTitle: "syntax highlighting off",
           hideTests: "hide test files (test|spec)",
           hideTestsLabel: "no test",
-          autoUpdate: "auto",
           autoUpdateOnTitle: "auto update on file change",
           autoUpdateOffTitle: "auto update off — manual reload"
         },
@@ -36586,7 +36919,9 @@ code-viewer query agent-help`
           gitlinkLabel: "gitlink",
           gitlinkTitle: "Git commit entry is not directly browsable at this ref",
           submoduleLabel: "submodule",
-          submoduleTitle: "Git submodule pinned to a commit"
+          submoduleTitle: "Git submodule pinned to a commit",
+          openGithub: "Open on GitHub",
+          openRepositoryWeb: "Open repository web page"
         },
         history: {
           title: "Commits",
@@ -36703,7 +37038,7 @@ code-viewer query agent-help`
           display: "Display",
           language: "Language",
           fileListFontSize: "UI font size",
-          fileListFontSizeHelp: "Applies to the file sidebar and datastore UI.",
+          fileListFontSizeHelp: "Applies to all UI except code content.",
           codeFontSize: "Code font size",
           sizeSmall: "Small",
           sizeRegular: "Regular",
@@ -36755,9 +37090,7 @@ code-viewer query agent-help`
           queryHistory: "クエリ履歴",
           settings: "ビューア設定",
           theme: "テーマ切り替え",
-          product: "code viewer",
           copyAiContext: "AI 用コンテキストをコピー（Shift+Click でコードも添付）",
-          copyAiContextLabel: "AI文脈",
           copyAiContextCopied: "コピーしました",
           copyAiContextCopiedWithCode: (lines) => `コピーしました（コード付き・${lines}行）`,
           copyAiContextFailed: "コピーに失敗しました",
@@ -36770,7 +37103,12 @@ code-viewer query agent-help`
           cancelRequestsActiveTitle: (count) => `実行中のリクエストを${count}件キャンセル`,
           cancelRequestsInactiveTitle: "実行中のリクエストはありません",
           brandHome: "リポジトリホーム",
-          menuViews: "ビュー切り替え"
+          menuViews: "ビュー切り替え",
+          repoWebLink: "リポジトリのウェブページを開く",
+          copyLineReference: "AI参照をコピー",
+          selectedLineCount: (count) => `${count}行`,
+          githubSelectionOpen: "選択行をGitHubで開く",
+          githubSelectionCopy: "GitHubリンクをコピー"
         },
         topbar: {
           resetRange: "HEAD .. worktree に戻す",
@@ -36781,15 +37119,13 @@ code-viewer query agent-help`
           ignoreWs: "空白差分を無視 (-w)",
           ignoreWsLabel: "空白",
           syntaxLoading: "読み込み中...",
-          syntaxOn: "構文あり",
-          syntaxOff: "構文なし",
+          syntax: "構文",
           syntaxOnTitle: "シンタックスハイライト有効",
           syntaxLoadingTitle: "シンタックスハイライトを読み込み中",
           syntaxErrorTitle: "シンタックスハイライトの読み込みに失敗",
           syntaxOffTitle: "シンタックスハイライト無効",
           hideTests: "test/spec ファイルを隠す",
           hideTestsLabel: "テスト非表示",
-          autoUpdate: "自動",
           autoUpdateOnTitle: "ファイル変更時に自動更新",
           autoUpdateOffTitle: "自動更新オフ — 手動で再読み込み"
         },
@@ -36876,7 +37212,9 @@ code-viewer query agent-help`
           gitlinkLabel: "固定コミット",
           gitlinkTitle: "特定のコミットに固定された参照です。この ref では直接開けません。",
           submoduleLabel: "サブモジュール",
-          submoduleTitle: "Git サブモジュール: 特定のコミットに固定されています。直接は開けません。"
+          submoduleTitle: "Git サブモジュール: 特定のコミットに固定されています。直接は開けません。",
+          openGithub: "GitHubで開く",
+          openRepositoryWeb: "リポジトリのウェブページを開く"
         },
         history: {
           title: "コミット",
@@ -36993,7 +37331,7 @@ code-viewer query agent-help`
           display: "表示",
           language: "言語",
           fileListFontSize: "UIの文字サイズ",
-          fileListFontSizeHelp: "ファイル一覧とデータストア画面に適用されます。",
+          fileListFontSizeHelp: "コード本文を除くUI全体に適用されます。",
           codeFontSize: "コード表示の文字サイズ",
           sizeSmall: "小",
           sizeRegular: "標準",
@@ -37059,8 +37397,16 @@ code-viewer query agent-help`
         if (route && text3.nav[route])
           link2.textContent = text3.nav[route];
       });
-      setElementText(".global-help-link[data-route='help']", text3.nav.help);
-      setElementText(".product-label", text3.global.product);
+      const helpLink = document.querySelector(".global-icon-link[data-route='help']");
+      if (helpLink) {
+        helpLink.title = text3.nav.help;
+        helpLink.setAttribute("aria-label", text3.nav.help);
+      }
+      const repoWebLink = document.querySelector("#repo-web-link");
+      if (repoWebLink) {
+        repoWebLink.title = text3.global.repoWebLink;
+        repoWebLink.setAttribute("aria-label", text3.global.repoWebLink);
+      }
       document.querySelector(".brand")?.setAttribute("aria-label", text3.global.brandHome);
       document.querySelector(".app-menu")?.setAttribute("aria-label", text3.global.menuViews);
       const annotationsToggle = document.querySelector("#annotations-toggle");
@@ -37095,9 +37441,6 @@ code-viewer query agent-help`
       if (copyAiContext) {
         copyAiContext.title = text3.global.copyAiContext;
         copyAiContext.setAttribute("aria-label", text3.global.copyAiContext);
-        const copyAiContextLabel = copyAiContext.querySelector(".ai-context-label");
-        if (copyAiContextLabel)
-          copyAiContextLabel.textContent = text3.global.copyAiContextLabel;
       }
       const refReset = document.querySelector("#ref-reset");
       if (refReset) {
@@ -37314,7 +37657,7 @@ code-viewer query agent-help`
       const text3 = uiText();
       btn.classList.toggle("active", STATE.syntaxHighlight);
       btn.classList.toggle("loading", state === "loading");
-      btn.textContent = state === "loading" ? text3.topbar.syntaxLoading : STATE.syntaxHighlight ? text3.topbar.syntaxOn : text3.topbar.syntaxOff;
+      btn.textContent = state === "loading" ? text3.topbar.syntaxLoading : text3.topbar.syntax;
       btn.setAttribute("aria-pressed", STATE.syntaxHighlight ? "true" : "false");
       btn.title = STATE.syntaxHighlight ? text3.topbar.syntaxOnTitle : state === "loading" ? text3.topbar.syntaxLoadingTitle : state === "error" ? text3.topbar.syntaxErrorTitle : text3.topbar.syntaxOffTitle;
     }
@@ -37699,6 +38042,7 @@ code-viewer query agent-help`
         setRoute,
         setPreferredSourceTab: (tab) => SOURCE_VIEW.setPreferredSourceTab(tab),
         createFileBreadcrumb: (path, ref) => DIFF_VIEW.createFileBreadcrumb(path, ref),
+        createRepositoryWebLink: createFileRepositoryWebLink,
         emptyText: () => uiText().diff
       }, historyRoute, { loadSidebar: false });
       activeFileHistoryDiffHost = mount.diffHost;
@@ -37874,7 +38218,7 @@ code-viewer query agent-help`
       applyHideTests();
     }
     function syncHeaderMenu() {
-      document.querySelectorAll(".app-menu-item, .global-help-link").forEach((link2) => {
+      document.querySelectorAll(".app-menu-item, .global-icon-link").forEach((link2) => {
         const fileRouteOwner = STATE.route.screen === "file" && (STATE.route.view === "blob" || STATE.route.view === "blame" || STATE.route.view === "history") ? "repo" : "diff";
         const active = link2.dataset.route === STATE.route.screen || STATE.route.screen === "file" && link2.dataset.route === fileRouteOwner;
         link2.classList.toggle("active", active);
@@ -37999,6 +38343,18 @@ code-viewer query agent-help`
       });
       return button;
     }
+    function createFileRepositoryWebLink(target) {
+      const webTarget = buildRepositoryWebTarget(REPO_WEB_URL, {
+        ref: target.ref,
+        fallbackRef: PROJECT_BRANCH,
+        path: target.path,
+        kind: "blob"
+      });
+      if (!webTarget)
+        return null;
+      const label = webTarget.provider === "github" ? uiText().repo.openGithub : uiText().repo.openRepositoryWeb;
+      return createRepositoryWebLink(webTarget, label);
+    }
     window.addEventListener("scroll", () => enqueueInitialLoads(), {
       passive: true
     });
@@ -38108,14 +38464,34 @@ code-viewer query agent-help`
       if (cancelRequestsIcon) {
         cancelRequestsIcon.innerHTML = iconSvg("octicon-x", X_16_PATH);
       }
+      const repoWebLinkIcon = document.querySelector("#repo-web-link .goi-icon");
+      if (repoWebLinkIcon) {
+        repoWebLinkIcon.innerHTML = iconSvg("octicon-mark-github", MARK_GITHUB_16_PATH);
+      }
+      const quickHelpIcon = document.querySelector("#quick-help-btn .goi-icon");
+      if (quickHelpIcon) {
+        quickHelpIcon.innerHTML = iconSvg("octicon-question", QUESTION_16_PATH);
+      }
+      const helpLinkIcon = document.querySelector(".global-icon-link[data-route='help'] .goi-icon");
+      if (helpLinkIcon) {
+        helpLinkIcon.innerHTML = iconSvg("octicon-book", BOOK_16_PATH);
+      }
+      const branchIcon = document.querySelector("#project-branch .goi-icon");
+      if (branchIcon) {
+        branchIcon.innerHTML = iconSvg("octicon-git-branch", GIT_BRANCH_16_PATH);
+      }
     }
     function setRefActionIcons() {
       const refReset = document.querySelector("#ref-reset");
       if (refReset)
-        refReset.innerHTML = iconSvg("octicon-x", X_16_PATH);
+        refReset.innerHTML = iconSvg("octicon-undo", UNDO_16_PATH);
       const reload = document.querySelector("#reload-prom");
       if (reload)
         reload.innerHTML = iconSvg("octicon-sync", SYNC_16_PATH);
+      const refDots = document.querySelector(".ref-dots .goi-icon");
+      if (refDots) {
+        refDots.innerHTML = iconSvg("octicon-arrow-right", ARROW_RIGHT_16_PATH);
+      }
     }
     applySidebarFontSize();
     applyCodeFontSize();
@@ -39136,7 +39512,7 @@ code-viewer query agent-help`
     }
     window.addEventListener("popstate", applyRouteFromLocation);
     window.addEventListener("pagehide", () => flushViewStatePatch(true));
-    document.querySelectorAll(".app-menu-item, .global-help-link").forEach((link2) => {
+    document.querySelectorAll(".app-menu-item, .global-icon-link").forEach((link2) => {
       if (link2.target === "_blank")
         return;
       link2.addEventListener("click", (e2) => {
@@ -39371,9 +39747,6 @@ code-viewer query agent-help`
       btn.title = autoUpdateTitle;
       btn.setAttribute("aria-label", autoUpdateTitle);
       btn.setAttribute("aria-pressed", STATE.autoUpdate ? "true" : "false");
-      const label = btn.querySelector(".auto-update-label");
-      if (label)
-        label.textContent = text3.topbar.autoUpdate;
     }
     function setAutoUpdate(on) {
       STATE.autoUpdate = on;