@youtyan/code-viewer 0.6.0 → 0.6.1

package/web/app.js

@@ -21,6 +21,122 @@
     throw Error('Dynamic require of "' + x + '" is not supported');
   });
 
+  // web-src/core/file-path-copy.ts
+  function filePathClipboardText(path) {
+    return path || "";
+  }
+  function fileNameClipboardText(path) {
+    if (!path)
+      return "";
+    const parts = path.split("/").filter(Boolean);
+    return parts[parts.length - 1] || "";
+  }
+  function fileReferenceClipboardText(path, start, end) {
+    if (!path)
+      return "";
+    const a = Math.max(1, Math.floor(Math.min(start, end)));
+    const b = Math.max(1, Math.floor(Math.max(start, end)));
+    return a === b ? `@${path}#${a}` : `@${path}#${a}-${b}`;
+  }
+  function fileReferenceWithCodeClipboardText(path, start, end, lines, lang) {
+    const ref = fileReferenceClipboardText(path, start, end);
+    if (!ref)
+      return "";
+    if (!lines || lines.length === 0)
+      return ref;
+    const fence = (lang || "").trim();
+    return `${ref}
+
+\`\`\`${fence}
+${lines.join(`
+`)}
+\`\`\``;
+  }
+
+  // web-src/core/ai-context-copy.ts
+  var AI_CONTEXT_LARGE_SELECTION_LINE_THRESHOLD = 300;
+  function lineRange(line) {
+    return typeof line === "number" ? { start: line, end: line } : { start: line.start, end: line.end };
+  }
+  function resolveSelectionTarget(route) {
+    const path = route.screen === "file" || route.screen === "diff" ? route.path : undefined;
+    const line = route.screen === "file" || route.screen === "diff" ? route.line : undefined;
+    if (!path || !line)
+      return null;
+    return { path, ...lineRange(line) };
+  }
+  function activePath(route) {
+    if (route.screen === "file")
+      return route.path;
+    if (route.screen === "repo")
+      return route.path || undefined;
+    if (route.screen === "diff")
+      return route.path;
+    return;
+  }
+  function commitOrRefSuffix(route) {
+    const commit = "commit" in route ? route.commit : undefined;
+    if (commit)
+      return ` (commit: ${commit})`;
+    const ref = "ref" in route ? route.ref : undefined;
+    if (ref && ref !== "worktree" && ref !== "HEAD")
+      return ` (ref: ${ref})`;
+    return "";
+  }
+  function referenceLine(route, code) {
+    const target = resolveSelectionTarget(route);
+    const path = target?.path ?? activePath(route);
+    if (!path)
+      return "";
+    const suffix = commitOrRefSuffix(route);
+    if (!target)
+      return `@${path}${suffix}`;
+    const ref = fileReferenceClipboardText(target.path, target.start, target.end);
+    const withSuffix = `${ref}${suffix}`;
+    const lines = code?.lines ?? [];
+    if (lines.length === 0)
+      return withSuffix;
+    const lang = (code?.lang || "").trim();
+    return `${withSuffix}
+
+\`\`\`${lang}
+${lines.join(`
+`)}
+\`\`\``;
+  }
+  function historyLine(route) {
+    if (!route.commit)
+      return "";
+    const ref = route.ref && route.ref !== "worktree" && route.ref !== "HEAD" ? ` (ref: ${route.ref})` : "";
+    return `commit: ${route.commit}${ref}`;
+  }
+  function databaseLine(route) {
+    const parts = [];
+    if (route.db)
+      parts.push(`db=${route.db}`);
+    if (route.schema)
+      parts.push(`schema=${route.schema}`);
+    if (route.table)
+      parts.push(`table=${route.table}`);
+    if (route.tab)
+      parts.push(`tab=${route.tab}`);
+    if (route.diffBefore && route.diffAfter) {
+      parts.push(`snapshot=${route.diffBefore}..${route.diffAfter}`);
+    }
+    return parts.length > 0 ? `database: ${parts.join(", ")}` : "";
+  }
+  function aiContextClipboardText(snapshot) {
+    const { route } = snapshot;
+    if (route.screen === "database")
+      return databaseLine(route);
+    if (route.screen === "history")
+      return historyLine(route);
+    if (route.screen === "diff" && !route.path) {
+      return `Diff: ${snapshot.diffFrom}..${snapshot.diffTo}`;
+    }
+    return referenceLine(route, snapshot.selectionCode);
+  }
+
   // web-src/core/catch-up.ts
   function shouldAutoLoadForRoute(route, options = {}) {
     if (route.screen === "history")
@@ -290,6 +406,9 @@
     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>";
   }
   var PENCIL_16_PATH = "M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.609Zm.176 4.823L9.75 4.81l-6.286 6.287a.253.253 0 0 0-.064.108l-.558 1.953 1.953-.558a.253.253 0 0 0 .108-.064Zm1.238-3.763a.25.25 0 0 0-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 0 0 0-.354Z";
+  var COMMENT_DISCUSSION_16_PATH = "M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z";
+  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";
 
   // web-src/core/keyboard.ts
   function isImeComposing(event) {
@@ -401,7 +520,9 @@
     { action: "layout-unified", key: "u" },
     { action: "layout-split", key: "s" },
     { action: "toggle-theme", key: "t" },
-    { action: "open-help", key: "?", shift: true }
+    { action: "open-help", key: "?", shift: true },
+    { action: "copy-ai-context", key: "y" },
+    { action: "copy-ai-context-with-code", key: "y", shift: true }
   ];
   function resolveKeymapAction(event, context) {
     const key = event.key.toLowerCase();
@@ -792,6 +913,486 @@
     return qs ? `${base}?${qs}` : base;
   }
 
+  // web-src/views/media-embed.ts
+  var MEDIA_RE = /\.(png|jpe?g|gif|webp|svg|avif|bmp|ico|mp4|webm|mov|mp3|wav|ogg|flac|m4a|aac|opus)(\?.*)?$/i;
+  var IMAGE_RE = /\.(png|jpe?g|gif|webp|svg|avif|bmp|ico)(\?.*)?$/i;
+  var VIDEO_RE = /\.(mp4|webm|mov)$/i;
+  var AUDIO_RE = /\.(mp3|wav|ogg|flac|m4a|aac|opus)$/i;
+  function isMedia(p) {
+    return MEDIA_RE.test(p);
+  }
+  function isImage(p) {
+    return IMAGE_RE.test(p);
+  }
+  function isVideo(p) {
+    return VIDEO_RE.test(p);
+  }
+  function isAudio(p) {
+    return AUDIO_RE.test(p);
+  }
+  function fileURL(path, ref) {
+    return `/_file?path=${encodeURIComponent(path)}&ref=${ref}`;
+  }
+  function mediaTag(path, ref) {
+    const url = fileURL(path, ref);
+    if (isVideo(path)) {
+      return `<video src="${url}" controls preload="metadata"></video>`;
+    }
+    if (isAudio(path)) {
+      return `<audio src="${url}" controls preload="metadata"></audio>`;
+    }
+    return `<img src="${url}" alt="" loading="lazy">`;
+  }
+  function enhanceMediaCard(file, card) {
+    const path = file.path;
+    if (!file.media_kind && !isMedia(path))
+      return;
+    const wrapper = card.querySelector(".d2h-file-wrapper");
+    if (!wrapper)
+      return;
+    const body = wrapper.querySelector(".d2h-files-diff") || wrapper.querySelector(".d2h-file-diff");
+    if (!body)
+      return;
+    const container = document.createElement("div");
+    container.className = "gdp-media";
+    let leftHTML;
+    let rightHTML;
+    if (file.status === "A") {
+      leftHTML = '<div class="media-empty">Not in HEAD</div>';
+      rightHTML = mediaTag(path, "worktree");
+    } else if (file.status === "D") {
+      leftHTML = mediaTag(path, "HEAD");
+      rightHTML = '<div class="media-empty">Deleted</div>';
+    } else {
+      leftHTML = mediaTag(path, "HEAD");
+      rightHTML = mediaTag(path, "worktree");
+    }
+    container.innerHTML = '<div class="media-side"><div class="media-label del">Before</div>' + leftHTML + "</div>" + '<div class="media-side"><div class="media-label add">After</div>' + rightHTML + "</div>";
+    body.replaceWith(container);
+  }
+
+  // web-src/core/source-meta.ts
+  var SOURCE_SHIKI_LANG_ALIASES = {
+    makefile: "make",
+    objectivec: "c",
+    "objective-c": "c",
+    "objective-cpp": "cpp",
+    starlark: "python"
+  };
+  function normalizeSourceShikiLang(lang) {
+    if (!lang)
+      return null;
+    return SOURCE_SHIKI_LANG_ALIASES[lang] || lang;
+  }
+  function isPreviewableSource(path) {
+    return /\.(md|markdown|mdown|mkdn|mdx|html|htm)$/i.test(path);
+  }
+  function sourceInternalPathKind(path) {
+    for (const part of path.split(/[\\/]+/)) {
+      const lower = part.toLowerCase();
+      if (lower === ".code-viewer")
+        return "code-viewer";
+      if (lower === ".git")
+        return "git";
+    }
+    return null;
+  }
+  function sourcePreviewKind(path) {
+    if (/\.(md|markdown|mdown|mkdn|mdx)$/i.test(path))
+      return "markdown";
+    if (/\.(html|htm)$/i.test(path))
+      return "html";
+    return null;
+  }
+  var EXT_TO_LANG = {
+    js: "javascript",
+    mjs: "javascript",
+    cjs: "javascript",
+    ts: "typescript",
+    tsx: "typescript",
+    jsx: "javascript",
+    py: "python",
+    rb: "ruby",
+    go: "go",
+    rs: "rust",
+    java: "java",
+    kt: "kotlin",
+    swift: "swift",
+    c: "c",
+    h: "c",
+    cc: "cpp",
+    cpp: "cpp",
+    hpp: "cpp",
+    cs: "csharp",
+    php: "php",
+    lua: "lua",
+    sh: "bash",
+    bash: "bash",
+    zsh: "bash",
+    fish: "bash",
+    sql: "sql",
+    json: "json",
+    yaml: "yaml",
+    yml: "yaml",
+    toml: "toml",
+    tf: "terraform",
+    tfvars: "terraform",
+    hcl: "terraform",
+    xml: "xml",
+    html: "xml",
+    vue: "xml",
+    css: "css",
+    scss: "scss",
+    md: "markdown",
+    dockerfile: "dockerfile",
+    proto: "protobuf",
+    gradle: "gradle",
+    properties: "properties",
+    patch: "diff",
+    diff: "diff",
+    nix: "nix",
+    cue: "cue",
+    rego: "rego",
+    bicep: "bicep",
+    bazel: "starlark",
+    bzl: "starlark",
+    cmake: "cmake",
+    groovy: "groovy",
+    dart: "dart",
+    scala: "scala",
+    clj: "clojure",
+    cljs: "clojure",
+    cljc: "clojure",
+    edn: "clojure",
+    ex: "elixir",
+    exs: "elixir",
+    erl: "erlang",
+    hrl: "erlang",
+    hs: "haskell",
+    lhs: "haskell",
+    ml: "ocaml",
+    mli: "ocaml",
+    jl: "julia",
+    r: "r",
+    rmd: "r",
+    pl: "perl",
+    pm: "perl",
+    tcl: "tcl",
+    vim: "vim",
+    f: "fortran",
+    f90: "fortran",
+    m: "objective-c",
+    mm: "objective-cpp",
+    tex: "tex",
+    bib: "bibtex",
+    rst: "rst"
+  };
+  var TEXT_SOURCE_EXTENSIONS = new Set([
+    ...Object.keys(EXT_TO_LANG),
+    "txt",
+    "md",
+    "markdown",
+    "mdown",
+    "mkdn",
+    "mdx",
+    "json",
+    "jsonc",
+    "csv",
+    "tsv",
+    "yaml",
+    "yml",
+    "toml",
+    "hcl",
+    "tf",
+    "tfvars",
+    "tfstate",
+    "xml",
+    "html",
+    "htm",
+    "css",
+    "scss",
+    "sass",
+    "less",
+    "js",
+    "jsx",
+    "mjs",
+    "cjs",
+    "ts",
+    "tsx",
+    "mts",
+    "cts",
+    "vue",
+    "svelte",
+    "astro",
+    "rs",
+    "go",
+    "py",
+    "rb",
+    "php",
+    "java",
+    "kt",
+    "kts",
+    "c",
+    "cc",
+    "cpp",
+    "cxx",
+    "h",
+    "hpp",
+    "cs",
+    "swift",
+    "sh",
+    "bash",
+    "zsh",
+    "fish",
+    "ps1",
+    "sql",
+    "graphql",
+    "graphqls",
+    "gql",
+    "ini",
+    "conf",
+    "env",
+    "properties",
+    "rules",
+    "rule",
+    "prompt",
+    "prompts",
+    "instructions",
+    "gitignore",
+    "dockerignore",
+    "editorconfig",
+    "lock",
+    "log",
+    "patch",
+    "diff",
+    "sum",
+    "mk",
+    "proto",
+    "thrift",
+    "prisma",
+    "gradle",
+    "cmake",
+    "nix",
+    "cue",
+    "rego",
+    "bicep",
+    "bazel",
+    "bzl",
+    "dart",
+    "scala",
+    "clj",
+    "cljs",
+    "cljc",
+    "edn",
+    "ex",
+    "exs",
+    "erl",
+    "hrl",
+    "hs",
+    "lhs",
+    "ml",
+    "mli",
+    "jl",
+    "r",
+    "rmd",
+    "pl",
+    "pm",
+    "tcl",
+    "vim",
+    "groovy",
+    "f",
+    "f90",
+    "m",
+    "mm",
+    "pas",
+    "tex",
+    "bib",
+    "rst",
+    "adoc",
+    "org",
+    "ipynb",
+    "ejs",
+    "hbs",
+    "mustache",
+    "liquid",
+    "pug"
+  ]);
+  var TEXT_SOURCE_FILENAMES = new Set([
+    "readme",
+    "license",
+    "copying",
+    "authors",
+    "contributors",
+    "notice",
+    "changelog",
+    "todo",
+    "manifest",
+    "version",
+    "codeowners",
+    "go.mod",
+    "build.bazel",
+    "workspace.bazel",
+    "module.bazel",
+    "gemfile",
+    "rakefile",
+    "procfile",
+    "brewfile",
+    "gnumakefile",
+    "bsdmakefile",
+    ".gitattributes",
+    ".gitmodules",
+    ".npmrc",
+    ".nvmrc",
+    ".yarnrc",
+    ".prettierrc",
+    ".eslintrc",
+    ".babelrc",
+    ".stylelintrc"
+  ]);
+  var FILENAME_TO_LANG = {
+    dockerfile: "dockerfile",
+    makefile: "makefile",
+    gnumakefile: "makefile",
+    bsdmakefile: "makefile",
+    "go.mod": "go",
+    "build.bazel": "starlark",
+    "workspace.bazel": "starlark",
+    "module.bazel": "starlark"
+  };
+  function sourceFileName(path) {
+    return (path.split("/").pop() || path).toLowerCase();
+  }
+  function sourceFileExtension(name) {
+    const index = name.lastIndexOf(".");
+    return index >= 0 ? name.slice(index + 1) : "";
+  }
+  function isDockerfileName(name) {
+    return /^dockerfile(?:[.-].+)?$/i.test(name);
+  }
+  function isMakefileName(name) {
+    return /^makefile(?:[.-].+)?$/i.test(name);
+  }
+  function isDotenvName(name) {
+    return /^(?:\.?env|.*\.env)(?:[.-].+)?$/i.test(name);
+  }
+  function sourceDisplayKind(path) {
+    if (isVideo(path))
+      return "video";
+    if (isAudio(path))
+      return "audio";
+    if (isImage(path))
+      return "image";
+    if (/\.pdf$/i.test(path))
+      return "pdf";
+    const name = sourceFileName(path);
+    const ext = sourceFileExtension(name);
+    if (TEXT_SOURCE_EXTENSIONS.has(ext))
+      return "text";
+    if (TEXT_SOURCE_FILENAMES.has(name))
+      return "text";
+    if (isDotenvName(name))
+      return "text";
+    if (isDockerfileName(name) || isMakefileName(name))
+      return "text";
+    return "unsupported";
+  }
+  function isLikelyTextBytes(bytes) {
+    if (bytes.length === 0)
+      return true;
+    if (bytes.includes(0))
+      return false;
+    let text = "";
+    try {
+      text = new TextDecoder("utf-8", { fatal: true }).decode(bytes);
+    } catch {
+      return false;
+    }
+    if (!text)
+      return true;
+    let controlCount = 0;
+    for (const char of text) {
+      const code = char.charCodeAt(0);
+      const allowed = code === 9 || code === 10 || code === 12 || code === 13 || code >= 32;
+      if (!allowed)
+        controlCount++;
+    }
+    return controlCount / text.length <= 0.02;
+  }
+  function formatBytes(bytes) {
+    if (!Number.isFinite(bytes) || bytes < 0)
+      return "";
+    const units = ["B", "KB", "MB", "GB"];
+    let value = bytes;
+    let unit = 0;
+    while (value >= 1024 && unit < units.length - 1) {
+      value /= 1024;
+      unit++;
+    }
+    return (unit === 0 ? String(value) : value.toFixed(value >= 10 ? 1 : 2).replace(/\.0+$/, "")) + " " + units[unit];
+  }
+  function formatFileDate(value) {
+    if (!value)
+      return "";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+      return "";
+    return date.toLocaleString(undefined, {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  }
+  function humanFileKind(path, mime, fallback) {
+    const ext = (path.split(".").pop() || "").toLowerCase();
+    if (ext === "png")
+      return "PNG image";
+    if (ext === "jpg" || ext === "jpeg")
+      return "JPEG image";
+    if (ext === "gif")
+      return "GIF image";
+    if (ext === "webp")
+      return "WebP image";
+    if (ext === "svg")
+      return "SVG image";
+    if (ext === "pdf")
+      return "PDF document";
+    if (ext === "zip")
+      return "ZIP archive";
+    if (ext === "mp4")
+      return "MP4 video";
+    if (ext === "webm")
+      return "WebM video";
+    if (ext === "mp3")
+      return "MP3 audio";
+    if (ext === "wav")
+      return "WAV audio";
+    if (ext === "ogg")
+      return "Ogg audio";
+    if (ext === "flac")
+      return "FLAC audio";
+    if (ext === "m4a")
+      return "M4A audio";
+    if (ext === "aac")
+      return "AAC audio";
+    if (ext === "opus")
+      return "Opus audio";
+    if (ext === "mid" || ext === "midi")
+      return "MIDI file";
+    if (mime?.startsWith("image/"))
+      return "Image";
+    if (mime?.startsWith("video/"))
+      return "Video";
+    if (mime?.startsWith("audio/"))
+      return "Audio";
+    if (mime === "application/pdf")
+      return "PDF document";
+    if (fallback === "unsupported file")
+      return "Binary file";
+    return fallback.charAt(0).toUpperCase() + fallback.slice(1);
+  }
+
   // web-src/core/annotation-player-core.ts
   function createAnnotationPlayerCore(deps) {
     let status = "idle";
@@ -7619,6 +8220,7 @@ ${frontmatter.yaml}
         document.body.classList.remove("query-history-panel-open");
       }
       deps.setAnnotationPanelOpenState(open);
+      applyInlineAnnotations();
     }
     function annotationLineTarget(entry) {
       if (!entry.line)
@@ -7783,6 +8385,10 @@ ${frontmatter.yaml}
         row.remove();
       });
       const session = ANNOTATIONS.sessions.find((s2) => s2.id === activeSessionId);
+      if (!annotationPanel.hidden) {
+        applyDatabaseAnnotations(undefined);
+        return;
+      }
       applyDatabaseAnnotations(session);
       if (!session)
         return;
@@ -7964,7 +8570,7 @@ ${frontmatter.yaml}
       } catch {}
       await refreshAnnotations();
     }
-    function sessionTimeLabel(createdAt) {
+    function annotationTimeLabel(createdAt) {
       const date = new Date(createdAt);
       if (Number.isNaN(date.getTime()))
         return "";
@@ -7993,6 +8599,9 @@ ${frontmatter.yaml}
     }
     function openDatabaseCaptureForm(target) {
       $("#annotation-detail-session").textContent = activeSessionId || "Datastore annotations";
+      const detailTime = $("#annotation-detail-time");
+      detailTime.textContent = "";
+      detailTime.title = "";
       $("#annotation-detail-step").textContent = "new";
       const location2 = $("#annotation-detail-location");
       location2.textContent = databaseAnnotationTitle(target);
@@ -8103,7 +8712,7 @@ ${frontmatter.yaml}
         title.title = session.created_at;
         const time = document.createElement("span");
         time.className = "annotation-session-time";
-        time.textContent = sessionTimeLabel(session.created_at);
+        time.textContent = annotationTimeLabel(session.created_at);
         time.title = session.created_at;
         title.addEventListener("click", () => {
           setActiveSession(session.id === activeSessionId ? null : session.id);
@@ -8158,6 +8767,14 @@ ${frontmatter.yaml}
           summary.className = "annotation-entry-summary";
           summary.textContent = annotationEntrySummary(entry);
           open.append(location2, summary);
+          const entryTimeLabel = annotationTimeLabel(entry.created_at);
+          if (entryTimeLabel) {
+            const time2 = document.createElement("span");
+            time2.className = "annotation-entry-time";
+            time2.textContent = entryTimeLabel;
+            time2.title = entry.created_at;
+            open.appendChild(time2);
+          }
           open.addEventListener("click", () => {
             openAnnotationEntry(entry.id);
           });
@@ -8197,6 +8814,9 @@ ${frontmatter.yaml}
     function showAnnotationDetail(session, entry, index) {
       activeAnnotationId = entry.id;
       $("#annotation-detail-session").textContent = session.title;
+      const detailTime = $("#annotation-detail-time");
+      detailTime.textContent = annotationTimeLabel(entry.created_at);
+      detailTime.title = entry.created_at;
       $("#annotation-detail-step").textContent = `${index + 1}/${session.entries.length}`;
       const location2 = $("#annotation-detail-location");
       location2.textContent = annotationLocationLabel(entry);
@@ -8409,8 +9029,21 @@ ${frontmatter.yaml}
         }
       });
     }
+    const ANNOTATION_PANEL_DEFAULT_WIDTH = 380;
+    const ANNOTATION_PANEL_MIN_WIDTH = 260;
+    const ANNOTATION_PANEL_MAX_WIDTH = 720;
+    function annotationPanelMaxWidth() {
+      return Math.max(ANNOTATION_PANEL_MIN_WIDTH, Math.min(ANNOTATION_PANEL_MAX_WIDTH, window.innerWidth - 32));
+    }
+    function applyAnnotationPanelWidth(width, persist = true) {
+      const clamped = Math.max(ANNOTATION_PANEL_MIN_WIDTH, Math.min(annotationPanelMaxWidth(), width));
+      document.documentElement.style.setProperty("--annotation-panel-w", `${clamped}px`);
+      if (persist)
+        deps.setAnnotationPanelWidth(clamped);
+    }
     if (deps.getAnnotationPanelOpen())
       setAnnotationPanelOpen(true);
+    applyAnnotationPanelWidth(deps.getAnnotationPanelWidth() ?? ANNOTATION_PANEL_DEFAULT_WIDTH, false);
     updateDatabaseCaptureButton();
     $("#annotations-toggle").addEventListener("click", () => {
       setAnnotationPanelOpen(annotationPanel.hidden);
@@ -8464,6 +9097,7 @@ ${frontmatter.yaml}
       restoreSessionFromUrl,
       openAnnotationEntry,
       setAnnotationPanelOpen,
+      applyAnnotationPanelWidth,
       getActiveSessionEntries() {
         const session = ANNOTATIONS.sessions.find((s2) => s2.id === activeSessionId);
         return session ? session.entries : [];
@@ -8575,449 +9209,6 @@ ${frontmatter.yaml}
     return sha.slice(0, 7);
   }
 
-  // web-src/views/media-embed.ts
-  var MEDIA_RE = /\.(png|jpe?g|gif|webp|svg|avif|bmp|ico|mp4|webm|mov|mp3|wav|ogg|flac|m4a|aac|opus)(\?.*)?$/i;
-  var IMAGE_RE = /\.(png|jpe?g|gif|webp|svg|avif|bmp|ico)(\?.*)?$/i;
-  var VIDEO_RE = /\.(mp4|webm|mov)$/i;
-  var AUDIO_RE = /\.(mp3|wav|ogg|flac|m4a|aac|opus)$/i;
-  function isMedia(p2) {
-    return MEDIA_RE.test(p2);
-  }
-  function isImage(p2) {
-    return IMAGE_RE.test(p2);
-  }
-  function isVideo(p2) {
-    return VIDEO_RE.test(p2);
-  }
-  function isAudio(p2) {
-    return AUDIO_RE.test(p2);
-  }
-  function fileURL(path, ref) {
-    return `/_file?path=${encodeURIComponent(path)}&ref=${ref}`;
-  }
-  function mediaTag(path, ref) {
-    const url = fileURL(path, ref);
-    if (isVideo(path)) {
-      return `<video src="${url}" controls preload="metadata"></video>`;
-    }
-    if (isAudio(path)) {
-      return `<audio src="${url}" controls preload="metadata"></audio>`;
-    }
-    return `<img src="${url}" alt="" loading="lazy">`;
-  }
-  function enhanceMediaCard(file, card) {
-    const path = file.path;
-    if (!file.media_kind && !isMedia(path))
-      return;
-    const wrapper = card.querySelector(".d2h-file-wrapper");
-    if (!wrapper)
-      return;
-    const body = wrapper.querySelector(".d2h-files-diff") || wrapper.querySelector(".d2h-file-diff");
-    if (!body)
-      return;
-    const container = document.createElement("div");
-    container.className = "gdp-media";
-    let leftHTML;
-    let rightHTML;
-    if (file.status === "A") {
-      leftHTML = '<div class="media-empty">Not in HEAD</div>';
-      rightHTML = mediaTag(path, "worktree");
-    } else if (file.status === "D") {
-      leftHTML = mediaTag(path, "HEAD");
-      rightHTML = '<div class="media-empty">Deleted</div>';
-    } else {
-      leftHTML = mediaTag(path, "HEAD");
-      rightHTML = mediaTag(path, "worktree");
-    }
-    container.innerHTML = '<div class="media-side"><div class="media-label del">Before</div>' + leftHTML + "</div>" + '<div class="media-side"><div class="media-label add">After</div>' + rightHTML + "</div>";
-    body.replaceWith(container);
-  }
-
-  // web-src/core/source-meta.ts
-  var SOURCE_SHIKI_LANG_ALIASES = {
-    makefile: "make",
-    objectivec: "c",
-    "objective-c": "c",
-    "objective-cpp": "cpp",
-    starlark: "python"
-  };
-  function normalizeSourceShikiLang(lang) {
-    if (!lang)
-      return null;
-    return SOURCE_SHIKI_LANG_ALIASES[lang] || lang;
-  }
-  function isPreviewableSource(path) {
-    return /\.(md|markdown|mdown|mkdn|mdx|html|htm)$/i.test(path);
-  }
-  function sourcePreviewKind(path) {
-    if (/\.(md|markdown|mdown|mkdn|mdx)$/i.test(path))
-      return "markdown";
-    if (/\.(html|htm)$/i.test(path))
-      return "html";
-    return null;
-  }
-  var EXT_TO_LANG = {
-    js: "javascript",
-    mjs: "javascript",
-    cjs: "javascript",
-    ts: "typescript",
-    tsx: "typescript",
-    jsx: "javascript",
-    py: "python",
-    rb: "ruby",
-    go: "go",
-    rs: "rust",
-    java: "java",
-    kt: "kotlin",
-    swift: "swift",
-    c: "c",
-    h: "c",
-    cc: "cpp",
-    cpp: "cpp",
-    hpp: "cpp",
-    cs: "csharp",
-    php: "php",
-    lua: "lua",
-    sh: "bash",
-    bash: "bash",
-    zsh: "bash",
-    fish: "bash",
-    sql: "sql",
-    json: "json",
-    yaml: "yaml",
-    yml: "yaml",
-    toml: "toml",
-    tf: "terraform",
-    tfvars: "terraform",
-    hcl: "terraform",
-    xml: "xml",
-    html: "xml",
-    vue: "xml",
-    css: "css",
-    scss: "scss",
-    md: "markdown",
-    dockerfile: "dockerfile",
-    proto: "protobuf",
-    gradle: "gradle",
-    properties: "properties",
-    patch: "diff",
-    diff: "diff",
-    nix: "nix",
-    cue: "cue",
-    rego: "rego",
-    bicep: "bicep",
-    bazel: "starlark",
-    bzl: "starlark",
-    cmake: "cmake",
-    groovy: "groovy",
-    dart: "dart",
-    scala: "scala",
-    clj: "clojure",
-    cljs: "clojure",
-    cljc: "clojure",
-    edn: "clojure",
-    ex: "elixir",
-    exs: "elixir",
-    erl: "erlang",
-    hrl: "erlang",
-    hs: "haskell",
-    lhs: "haskell",
-    ml: "ocaml",
-    mli: "ocaml",
-    jl: "julia",
-    r: "r",
-    rmd: "r",
-    pl: "perl",
-    pm: "perl",
-    tcl: "tcl",
-    vim: "vim",
-    f: "fortran",
-    f90: "fortran",
-    m: "objective-c",
-    mm: "objective-cpp",
-    tex: "tex",
-    bib: "bibtex",
-    rst: "rst"
-  };
-  var TEXT_SOURCE_EXTENSIONS = new Set([
-    ...Object.keys(EXT_TO_LANG),
-    "txt",
-    "md",
-    "markdown",
-    "mdown",
-    "mkdn",
-    "mdx",
-    "json",
-    "jsonc",
-    "csv",
-    "tsv",
-    "yaml",
-    "yml",
-    "toml",
-    "hcl",
-    "tf",
-    "tfvars",
-    "tfstate",
-    "xml",
-    "html",
-    "htm",
-    "css",
-    "scss",
-    "sass",
-    "less",
-    "js",
-    "jsx",
-    "mjs",
-    "cjs",
-    "ts",
-    "tsx",
-    "mts",
-    "cts",
-    "vue",
-    "svelte",
-    "astro",
-    "rs",
-    "go",
-    "py",
-    "rb",
-    "php",
-    "java",
-    "kt",
-    "kts",
-    "c",
-    "cc",
-    "cpp",
-    "cxx",
-    "h",
-    "hpp",
-    "cs",
-    "swift",
-    "sh",
-    "bash",
-    "zsh",
-    "fish",
-    "ps1",
-    "sql",
-    "graphql",
-    "graphqls",
-    "gql",
-    "ini",
-    "conf",
-    "env",
-    "properties",
-    "gitignore",
-    "dockerignore",
-    "editorconfig",
-    "lock",
-    "log",
-    "patch",
-    "diff",
-    "sum",
-    "mk",
-    "proto",
-    "thrift",
-    "prisma",
-    "gradle",
-    "cmake",
-    "nix",
-    "cue",
-    "rego",
-    "bicep",
-    "bazel",
-    "bzl",
-    "dart",
-    "scala",
-    "clj",
-    "cljs",
-    "cljc",
-    "edn",
-    "ex",
-    "exs",
-    "erl",
-    "hrl",
-    "hs",
-    "lhs",
-    "ml",
-    "mli",
-    "jl",
-    "r",
-    "rmd",
-    "pl",
-    "pm",
-    "tcl",
-    "vim",
-    "groovy",
-    "f",
-    "f90",
-    "m",
-    "mm",
-    "pas",
-    "tex",
-    "bib",
-    "rst",
-    "adoc",
-    "org",
-    "ipynb",
-    "ejs",
-    "hbs",
-    "mustache",
-    "liquid",
-    "pug"
-  ]);
-  var TEXT_SOURCE_FILENAMES = new Set([
-    "readme",
-    "license",
-    "copying",
-    "authors",
-    "contributors",
-    "notice",
-    "changelog",
-    "todo",
-    "manifest",
-    "version",
-    "codeowners",
-    "go.mod",
-    "build.bazel",
-    "workspace.bazel",
-    "module.bazel",
-    "gemfile",
-    "rakefile",
-    "procfile",
-    "brewfile",
-    "gnumakefile",
-    "bsdmakefile",
-    ".gitattributes",
-    ".gitmodules",
-    ".npmrc",
-    ".nvmrc",
-    ".yarnrc",
-    ".prettierrc",
-    ".eslintrc",
-    ".babelrc",
-    ".stylelintrc"
-  ]);
-  var FILENAME_TO_LANG = {
-    dockerfile: "dockerfile",
-    makefile: "makefile",
-    gnumakefile: "makefile",
-    bsdmakefile: "makefile",
-    "go.mod": "go",
-    "build.bazel": "starlark",
-    "workspace.bazel": "starlark",
-    "module.bazel": "starlark"
-  };
-  function sourceFileName(path) {
-    return (path.split("/").pop() || path).toLowerCase();
-  }
-  function sourceFileExtension(name) {
-    const index = name.lastIndexOf(".");
-    return index >= 0 ? name.slice(index + 1) : "";
-  }
-  function isDockerfileName(name) {
-    return /^dockerfile(?:[.-].+)?$/i.test(name);
-  }
-  function isMakefileName(name) {
-    return /^makefile(?:[.-].+)?$/i.test(name);
-  }
-  function isDotenvName(name) {
-    return /^(?:\.?env|.*\.env)(?:[.-].+)?$/i.test(name);
-  }
-  function sourceDisplayKind(path) {
-    if (isVideo(path))
-      return "video";
-    if (isAudio(path))
-      return "audio";
-    if (isImage(path))
-      return "image";
-    if (/\.pdf$/i.test(path))
-      return "pdf";
-    const name = sourceFileName(path);
-    const ext = sourceFileExtension(name);
-    if (TEXT_SOURCE_EXTENSIONS.has(ext))
-      return "text";
-    if (TEXT_SOURCE_FILENAMES.has(name))
-      return "text";
-    if (isDotenvName(name))
-      return "text";
-    if (isDockerfileName(name) || isMakefileName(name))
-      return "text";
-    return "unsupported";
-  }
-  function formatBytes(bytes) {
-    if (!Number.isFinite(bytes) || bytes < 0)
-      return "";
-    const units = ["B", "KB", "MB", "GB"];
-    let value = bytes;
-    let unit = 0;
-    while (value >= 1024 && unit < units.length - 1) {
-      value /= 1024;
-      unit++;
-    }
-    return (unit === 0 ? String(value) : value.toFixed(value >= 10 ? 1 : 2).replace(/\.0+$/, "")) + " " + units[unit];
-  }
-  function formatFileDate(value) {
-    if (!value)
-      return "";
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime()))
-      return "";
-    return date.toLocaleString(undefined, {
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      hour: "2-digit",
-      minute: "2-digit"
-    });
-  }
-  function humanFileKind(path, mime, fallback) {
-    const ext = (path.split(".").pop() || "").toLowerCase();
-    if (ext === "png")
-      return "PNG image";
-    if (ext === "jpg" || ext === "jpeg")
-      return "JPEG image";
-    if (ext === "gif")
-      return "GIF image";
-    if (ext === "webp")
-      return "WebP image";
-    if (ext === "svg")
-      return "SVG image";
-    if (ext === "pdf")
-      return "PDF document";
-    if (ext === "zip")
-      return "ZIP archive";
-    if (ext === "mp4")
-      return "MP4 video";
-    if (ext === "webm")
-      return "WebM video";
-    if (ext === "mp3")
-      return "MP3 audio";
-    if (ext === "wav")
-      return "WAV audio";
-    if (ext === "ogg")
-      return "Ogg audio";
-    if (ext === "flac")
-      return "FLAC audio";
-    if (ext === "m4a")
-      return "M4A audio";
-    if (ext === "aac")
-      return "AAC audio";
-    if (ext === "opus")
-      return "Opus audio";
-    if (ext === "mid" || ext === "midi")
-      return "MIDI file";
-    if (mime?.startsWith("image/"))
-      return "Image";
-    if (mime?.startsWith("video/"))
-      return "Video";
-    if (mime?.startsWith("audio/"))
-      return "Audio";
-    if (mime === "application/pdf")
-      return "PDF document";
-    if (fallback === "unsupported file")
-      return "Binary file";
-    return fallback.charAt(0).toUpperCase() + fallback.slice(1);
-  }
-
   // web-src/views/file-shell.ts
   function isBlobOrBlameFileRoute(route) {
     return route.screen === "file" && (route.view === "blob" || route.view === "blame");
@@ -9113,7 +9304,7 @@ ${frontmatter.yaml}
     });
     return copy;
   }
-  function createFileShellSticky(deps, target, activeTab) {
+  function createFileShellSticky(deps, target, activeTab, options = {}) {
     const sticky = document.createElement("div");
     sticky.className = "gdp-file-detail-sticky";
     const header = document.createElement("div");
@@ -9126,7 +9317,7 @@ ${frontmatter.yaml}
     sticky.appendChild(header);
     const tabsHost = document.createElement("div");
     tabsHost.className = "gdp-file-detail-tabs";
-    tabsHost.appendChild(createFileViewTabs(deps, target, activeTab));
+    tabsHost.appendChild(createFileViewTabs(deps, target, activeTab, options));
     sticky.appendChild(tabsHost);
     return { sticky, header, tabsHost };
   }
@@ -20173,8 +20364,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       deps.pill.show(next.path, start, end);
     }
     function clear() {
+      const hadSelection = !!selection || !!drag;
       drag = null;
       applySelection(null);
+      return hadSelection;
     }
     const diff = document.querySelector("#diff");
     if (!diff)
@@ -20213,44 +20406,13 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     document.addEventListener("keydown", (e2) => {
       if (isImeComposing(e2))
         return;
-      if (e2.key === "Escape" && selection && !drag)
+      if (e2.key === "Escape" && selection && !drag && !isEditableKeyTarget(e2.target)) {
         clear();
+      }
     });
     return { clear };
   }
 
-  // web-src/core/file-path-copy.ts
-  function filePathClipboardText(path) {
-    return path || "";
-  }
-  function fileNameClipboardText(path) {
-    if (!path)
-      return "";
-    const parts = path.split("/").filter(Boolean);
-    return parts[parts.length - 1] || "";
-  }
-  function fileReferenceClipboardText(path, start, end) {
-    if (!path)
-      return "";
-    const a2 = Math.max(1, Math.floor(Math.min(start, end)));
-    const b2 = Math.max(1, Math.floor(Math.max(start, end)));
-    return a2 === b2 ? `@${path}#${a2}` : `@${path}#${a2}-${b2}`;
-  }
-  function fileReferenceWithCodeClipboardText(path, start, end, lines, lang) {
-    const ref = fileReferenceClipboardText(path, start, end);
-    if (!ref)
-      return "";
-    if (!lines || lines.length === 0)
-      return ref;
-    const fence2 = (lang || "").trim();
-    return `${ref}
-
-\`\`\`${fence2}
-${lines.join(`
-`)}
-\`\`\``;
-  }
-
   // web-src/core/ws-highlight.ts
   function isWhitespaceOnlyInlineHighlight(text2) {
     return !!text2 && !/\S/.test(text2);
@@ -22669,6 +22831,16 @@ ${lines.join(`
           selectors: [{ action: "toggle-theme" }],
           description: { en: "Toggle theme", ja: "テーマ切り替え" }
         },
+        {
+          selectors: [
+            { action: "copy-ai-context" },
+            { action: "copy-ai-context-with-code" }
+          ],
+          description: {
+            en: "Copy AI context (with code if a selection is active)",
+            ja: "AI 用コンテキストをコピー（選択行があればコード付き）"
+          }
+        },
         {
           selectors: [
             { action: "annotation-previous" },
@@ -23060,7 +23232,7 @@ code-viewer doctor --cwd /path/to/repo --port 64160 --json`
                   rows: [
                     [
                       "settings.json",
-                      "Viewer Settings — diff layout, theme, language, sidebar/history widths, font sizes, syntax highlight, ignore-whitespace, hide-tests, scope overrides (omitted dirs / excluded names), upload toggle, annotation panel open/follow/mute/rate, and the last viewed diff range."
+                      "Viewer Settings — diff layout, theme, language, sidebar/history widths, font sizes, syntax highlight, ignore-whitespace, hide-tests, scope overrides (omitted dirs / excluded names), upload toggle, annotation panel open/width/follow/mute/rate, and the last viewed diff range."
                     ],
                     [
                       "view-state.json",
@@ -23198,9 +23370,13 @@ code-viewer annotate add-db --db app.db --tab query \\
                       "Copy as AI prompt",
                       "Each annotation has a copy button that produces a paste-ready prompt block referencing the annotation URL, so you can hand it back to the originating agent."
                     ],
+                    [
+                      "Timestamps and width",
+                      "Session and entry rows show creation time. The panel can be resized, and its width is saved per project."
+                    ],
                     [
                       "Persistent state",
-                      "Open/closed, follow, mute, and rate are stored under .code-viewer/settings.json; annotations themselves live in .code-viewer/annotations.json."
+                      "Open/closed, width, follow, mute, and rate are stored under .code-viewer/settings.json; annotations themselves live in .code-viewer/annotations.json."
                     ]
                   ]
                 }
@@ -23569,15 +23745,19 @@ code-viewer query snapshot delete --id snap-abc123`
                   rows: [
                     [
                       "Drag on line numbers",
-                      "Highlight a range; the floating copy pill prepares @path#L1-L9"
+                      "Highlight a range; the floating copy pill prepares @path#1-9"
                     ],
                     [
                       "Click the pill",
-                      "Copy @path#L1-L9 to the clipboard for pasting into Claude Code / Codex"
+                      "Copy @path#1-9 to the clipboard for pasting into an AI agent"
                     ],
                     [
                       "Shift+Click the pill",
-                      "Copy @path#L1-L9 plus a fenced code block of the selected lines — paste straight to an AI without re-fetching the file"
+                      "Copy @path#1-9 plus a fenced code block of the selected lines — paste straight to an AI without re-fetching the file"
+                    ],
+                    [
+                      "x button / Escape",
+                      "Clear the selected range and hide the floating copy pill"
                     ]
                   ]
                 }
@@ -23704,7 +23884,7 @@ code-viewer doctor --cwd /path/to/repo --port 64160 --json`
                   rows: [
                     [
                       "settings.json",
-                      "Viewer Settings — diff レイアウト、テーマ、言語、サイドバー/履歴幅、フォントサイズ、シンタックスハイライト、whitespace 無視、テスト非表示、scope 上書き（除外ディレクトリ / 除外名）、アップロード許可、注釈パネルの開閉/follow/ミュート/再生速度、最後に表示した diff 範囲を保存します。"
+                      "Viewer Settings — diff レイアウト、テーマ、言語、サイドバー/履歴幅、フォントサイズ、シンタックスハイライト、whitespace 無視、テスト非表示、scope 上書き（除外ディレクトリ / 除外名）、アップロード許可、注釈パネルの開閉/幅/follow/ミュート/再生速度、最後に表示した diff 範囲を保存します。"
                     ],
                     [
                       "view-state.json",
@@ -23842,9 +24022,13 @@ code-viewer annotate add-db --db app.db --tab query \\
                       "AI 用プロンプトとしてコピー",
                       "各注釈のコピーボタンが、注釈 URL を含む貼り付け可能なプロンプトを生成します。元のエージェントへそのまま戻せます。"
                     ],
+                    [
+                      "日時と幅",
+                      "セッションと注釈の行には作成日時が出ます。パネル幅はリサイズでき、プロジェクト単位で保存されます。"
+                    ],
                     [
                       "永続化",
-                      "パネルの開閉・follow・ミュート・速度は .code-viewer/settings.json に、注釈自体は .code-viewer/annotations.json に保存されます。"
+                      "パネルの開閉・幅・follow・ミュート・速度は .code-viewer/settings.json に、注釈自体は .code-viewer/annotations.json に保存されます。"
                     ]
                   ]
                 }
@@ -24210,15 +24394,19 @@ code-viewer query snapshot delete --id snap-abc123`
                   rows: [
                     [
                       "行番号でドラッグ",
-                      "範囲をハイライトし、フロートする Copy ピルが @path#L1-L9 を用意"
+                      "範囲をハイライトし、フロートする Copy ピルが @path#1-9 を用意"
                     ],
                     [
                       "ピルをクリック",
-                      "@path#L1-L9 をコピー（Claude Code / Codex への貼り付け用）"
+                      "@path#1-9 をコピー（AI エージェントへの貼り付け用）"
                     ],
                     [
                       "Shift+ピルをクリック",
-                      "@path#L1-L9 と選択行の実コード（フェンス付き）をまとめてコピー — AI へ直接貼れて、ファイル再取得不要"
+                      "@path#1-9 と選択行の実コード（フェンス付き）をまとめてコピー — AI へ直接貼れて、ファイル再取得不要"
+                    ],
+                    [
+                      "x ボタン / Escape",
+                      "選択範囲を解除し、フロートする Copy ピルを閉じる"
                     ]
                   ]
                 }
@@ -24839,35 +25027,57 @@ code-viewer query snapshot delete --id snap-abc123`
     }
     return ordered;
   }
-  function createLineRefPill() {
-    const pill = document.createElement("button");
+  function createLineRefPill(deps) {
+    const pill = document.createElement("div");
     pill.id = "line-ref-pill";
-    pill.type = "button";
-    pill.title = "選択行の参照をコピー（Claude Code / Codex に貼り付け用）。Shift+Click でコード本体も添付。";
     pill.hidden = true;
+    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);
     document.body.appendChild(pill);
     let refText = "";
     let currentPath = "";
     let currentStart = 0;
     let currentEnd = 0;
     let feedbackTimer = null;
+    function selectionLineCount() {
+      return currentEnd - currentStart + 1;
+    }
+    function countBadgeHtml() {
+      const count = selectionLineCount();
+      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>`;
+    }
     function render(state) {
       pill.classList.toggle("copied", state === "copied" || state === "copied-code");
       if (state === "copied") {
-        pill.innerHTML = `${CHECK_ICON}<span class="lrp-label">Copied!</span>`;
+        copyButton.innerHTML = `${CHECK_ICON}<span class="lrp-label">Copied!</span>`;
         return;
       }
       if (state === "copied-code") {
-        pill.innerHTML = `${CHECK_ICON}<span class="lrp-label">Copied + code</span>`;
+        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") {
-        pill.innerHTML = `${COPY_ICON}<span class="lrp-label">copy failed</span>`;
+        copyButton.innerHTML = `${COPY_ICON}<span class="lrp-label">copy failed</span>`;
         return;
       }
-      pill.innerHTML = `${COPY_ICON}<span class="lrp-label">Copy</span>` + `<span class="lrp-ref">${escapeHtml2(refText)}</span>`;
+      copyButton.innerHTML = `${COPY_ICON}<span class="lrp-label">Copy</span>` + `<span class="lrp-ref">${escapeHtml2(refText)}</span>` + countBadgeHtml();
     }
-    pill.addEventListener("click", async (event) => {
+    copyButton.addEventListener("click", async (event) => {
       if (!refText)
         return;
       const withCode = event.shiftKey;
@@ -24894,6 +25104,9 @@ code-viewer query snapshot delete --id snap-abc123`
           render("ready");
       }, 1200);
     });
+    closeButton.addEventListener("click", () => {
+      deps.onClose();
+    });
     return {
       show(path, start, end) {
         const next = fileReferenceClipboardText(path, start, end);
@@ -26418,8 +26631,8 @@ code-viewer query snapshot delete --id snap-abc123`
       return $("#filelist").classList.contains("tree-virtual");
     }
     function virtualSidebarActiveIndex() {
-      const activePath = SIDEBAR_VIRTUAL_ACTIVE_PATH || STATE.activeFile || "";
-      return SIDEBAR_VISIBLE_ROWS.findIndex((row) => row.path === activePath);
+      const activePath2 = SIDEBAR_VIRTUAL_ACTIVE_PATH || STATE.activeFile || "";
+      return SIDEBAR_VISIBLE_ROWS.findIndex((row) => row.path === activePath2);
     }
     function selectVirtualSidebarIndex(index, options) {
       if (!SIDEBAR_VISIBLE_ROWS.length)
@@ -28337,6 +28550,8 @@ code-viewer query snapshot delete --id snap-abc123`
     const VIRTUAL_SOURCE_PAGE_SIZE = 2000;
     const VIRTUAL_SOURCE_ROW_HEIGHT = 20;
     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;
@@ -28626,13 +28841,17 @@ code-viewer query snapshot delete --id snap-abc123`
       view.className = "gdp-source-viewer loading";
       const content = document.createElement("div");
       content.className = "gdp-source-loading-content";
+      const spinner = document.createElement("span");
+      spinner.className = "gdp-source-loading-spinner";
+      spinner.setAttribute("aria-hidden", "true");
+      spinner.textContent = "";
       const title = document.createElement("strong");
       title.className = "gdp-source-loading-title";
       title.textContent = "Loading file";
       const message = document.createElement("div");
       message.className = "gdp-source-loading-message";
       message.textContent = `${target.path} at ${target.ref}`;
-      content.append(title, message);
+      content.append(spinner, title, message);
       if (onCancel) {
         const button = document.createElement("button");
         button.type = "button";
@@ -28646,6 +28865,27 @@ code-viewer query snapshot delete --id snap-abc123`
         content.appendChild(button);
       }
       view.appendChild(content);
+      const startedAt = Date.now();
+      window.setTimeout(() => {
+        if (!view.isConnected)
+          return;
+        const slowNote = document.createElement("div");
+        slowNote.className = "gdp-source-loading-slow-note";
+        content.insertBefore(slowNote, onCancel ? content.lastChild : null);
+        let interval = null;
+        const updateSlowNote = () => {
+          if (!view.isConnected) {
+            if (interval !== null)
+              window.clearInterval(interval);
+            return;
+          }
+          const elapsed = Math.max(1, Math.floor((Date.now() - startedAt) / 1000));
+          title.textContent = `Still loading file (${elapsed}s)`;
+          slowNote.textContent = `Taking longer than usual (${elapsed}s elapsed). You can cancel below.`;
+        };
+        updateSlowNote();
+        interval = window.setInterval(updateSlowNote, 1000);
+      }, SOURCE_LOADING_SLOW_THRESHOLD_MS);
       if (body)
         body.replaceWith(view);
       else
@@ -28703,16 +28943,42 @@ code-viewer query snapshot delete --id snap-abc123`
       else
         card.appendChild(view);
     }
+    function renderSourceInternalPath(card, target, kind) {
+      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
+      });
+      if (body)
+        body.replaceWith(view);
+      else
+        card.appendChild(view);
+    }
     function renderHtmlPreview(target, html) {
       return renderHtmlPreviewFrame(`${target.path} preview`, html);
     }
-    function createSourceFileInfo(target, kind) {
+    function createSourceFileInfo(target, kind, options = {}) {
       const info = document.createElement("div");
       info.className = "gdp-source-file-info";
       const type = document.createElement("span");
       type.className = "kind";
       type.textContent = humanFileKind(target.path, undefined, kind);
       info.appendChild(type);
+      if (options.loadMeta === false)
+        return info;
       loadRawFileInfo(target).then((meta) => {
         type.textContent = humanFileKind(target.path, meta.type, kind);
         if (meta.size != null) {
@@ -28937,6 +29203,18 @@ code-viewer query snapshot delete --id snap-abc123`
     function shouldVirtualizeSource(textValue, lines) {
       return textValue.length >= VIRTUAL_SOURCE_SIZE_THRESHOLD || lines.length >= VIRTUAL_SOURCE_LINE_THRESHOLD;
     }
+    async function sourceLooksTextByContent(target, meta, signal) {
+      if (meta.size === 0)
+        return true;
+      const end = meta.size != null ? Math.max(0, Math.min(meta.size, UNKNOWN_TEXT_SNIFF_BYTES) - 1) : UNKNOWN_TEXT_SNIFF_BYTES - 1;
+      const response = await trackLoad(fetch(buildRawFileUrl(target), {
+        headers: { Range: `bytes=0-${end}` },
+        signal
+      }));
+      if (!response.ok && response.status !== 206)
+        return false;
+      return isLikelyTextBytes(new Uint8Array(await response.arrayBuffer()));
+    }
     function isVirtualSourceDisabled() {
       return deps.STATE.route.screen === "file" && deps.STATE.route.virtual === "off";
     }
@@ -29633,15 +29911,16 @@ code-viewer query snapshot delete --id snap-abc123`
       const card = document.createElement("article");
       card.className = "gdp-file-shell loaded gdp-standalone-source gdp-source-mode";
       card.dataset.path = target.path;
+      const internalKind = sourceInternalPathKind(target.path);
       const wrapper = document.createElement("div");
       wrapper.className = "gdp-file-detail-wrapper";
-      const activeTab = STATE.route.screen === "file" && STATE.route.preview ? "preview" : "code";
+      const activeTab = !internalKind && STATE.route.screen === "file" && STATE.route.preview ? "preview" : "code";
       const { sticky, header } = createFileShellSticky({
         currentRange,
         setRoute,
         setPreferredSourceTab,
         createFileBreadcrumb
-      }, target, activeTab);
+      }, 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"));
       if (repoTarget && canTrashWorktreeRef(repoTarget)) {
@@ -29651,11 +29930,13 @@ code-viewer query snapshot delete --id snap-abc123`
           loadRepo();
         }));
       }
-      loadRawFileInfo(target).then((meta) => {
-        if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
-          return;
-        header.appendChild(createFileDetailMeta(target, meta));
-      });
+      if (!internalKind) {
+        loadRawFileInfo(target).then((meta) => {
+          if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
+            return;
+          header.appendChild(createFileDetailMeta(target, meta));
+        });
+      }
       if (!repoTarget) {
         const back = document.createElement("button");
         back.type = "button";
@@ -29674,11 +29955,24 @@ code-viewer query snapshot delete --id snap-abc123`
       wrapper.appendChild(detailBody);
       card.appendChild(wrapper);
       mountFileShellCard({ $, repoFileTargetFromRoute, renderRepoBlobSidebar, placeSidebarToggle }, target, card, repoTarget);
+      if (internalKind) {
+        renderSourceInternalPath(card, target, internalKind);
+        return;
+      }
       const controller = new AbortController;
       ACTIVE_SOURCE_LOAD = { controller, req, target, card };
       renderSourceLoading(card, target, () => cancelActiveSourceLoad("user"));
       try {
-        const displayKind = sourceDisplayKind(target.path);
+        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;
@@ -29694,7 +29988,7 @@ code-viewer query snapshot delete --id snap-abc123`
           return;
         }
         if (displayKind === "text") {
-          const meta = await loadRawFileInfo(target);
+          const meta = rawInfo ?? await loadRawFileInfo(target);
           if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
             return;
           if (!isVirtualSourceDisabled() && meta.size != null && meta.size >= VIRTUAL_SOURCE_SIZE_THRESHOLD) {
@@ -30259,7 +30553,7 @@ code-viewer query snapshot delete --id snap-abc123`
     function routeFromLocation() {
       const savedLanguage = viewerLanguageFromSearch(window.location.search) || savedViewerLanguage();
       const parsedRoute = parseRoute(window.location.pathname, window.location.search, savedRange());
-      const routeBase = parsedRoute.screen === "unknown" ? { screen: "diff", range: parsedRoute.range } : parsedRoute;
+      const routeBase = parsedRoute.screen === "unknown" ? { screen: "diff", range: parsedRoute.range } : normalizeInternalFileRoute(parsedRoute);
       return routeBase.screen === "help" && !new URLSearchParams(window.location.search).has("lang") ? { ...routeBase, lang: savedLanguage } : routeBase;
     }
     function applyPersistedStateToState() {
@@ -30292,6 +30586,7 @@ code-viewer query snapshot delete --id snap-abc123`
       applySidebarHidden(STATE.sidebarHidden, { persist: false });
       applyHistoryWidth(STATE.historyWidth, false);
       applySidebarWidth(STATE.sbWidth, { persist: false });
+      ANNOTATIONS_UI?.applyAnnotationPanelWidth(APP_SETTINGS.annotationPanelWidth ?? 380, false);
       setLayout(STATE.layout, false);
       applyTheme();
       localizeViewerChrome();
@@ -30324,8 +30619,30 @@ code-viewer query snapshot delete --id snap-abc123`
     })();
     let highlightConfigured = false;
     let REPO_SIDEBAR_REF = null;
-    const LINE_REF_PILL = createLineRefPill();
+    const LINE_REF_PILL = createLineRefPill({
+      onClose: () => {
+        clearLineSelection();
+      }
+    });
     const DIFF_LINE_SELECT = createDiffLineSelect({ pill: LINE_REF_PILL });
+    function clearRenderedSourceLineTargets() {
+      document.querySelectorAll(".gdp-source-line-target").forEach((row) => {
+        row.classList.remove("gdp-source-line-target");
+      });
+    }
+    function clearLineSelection() {
+      const route = STATE.route;
+      if (route.screen === "file" && route.line) {
+        const { line, ...rest } = route;
+        setRoute(rest, true);
+        return true;
+      }
+      if (route.screen === "diff") {
+        return DIFF_LINE_SELECT.clear();
+      }
+      LINE_REF_PILL.hide();
+      return false;
+    }
     function syncLineRefPill() {
       const route = STATE.route;
       if (route.screen === "diff")
@@ -30335,7 +30652,10 @@ code-viewer query snapshot delete --id snap-abc123`
         const start = typeof route.line === "number" ? route.line : route.line.start;
         const end = typeof route.line === "number" ? route.line : route.line.end;
         LINE_REF_PILL.show(route.path, start, end);
+        return;
       }
+      if (route.screen === "file")
+        clearRenderedSourceLineTargets();
     }
     const SIDEBAR = createSidebar({
       $,
@@ -30558,7 +30878,12 @@ code-viewer query snapshot delete --id snap-abc123`
           queryHistory: "query history",
           settings: "viewer settings",
           theme: "toggle theme",
-          product: "code viewer"
+          product: "code viewer",
+          copyAiContext: "Copy AI context (Shift+Click to include code)",
+          copyAiContextCopied: "Copied AI context",
+          copyAiContextCopiedWithCode: (lines) => `Copied AI context + code (${lines} line${lines === 1 ? "" : "s"})`,
+          copyAiContextFailed: "Copy failed",
+          copyAiContextEmpty: "Nothing to copy here"
         },
         topbar: {
           resetRange: "reset to HEAD .. worktree",
@@ -30664,7 +30989,12 @@ code-viewer query snapshot delete --id snap-abc123`
           queryHistory: "クエリ履歴",
           settings: "ビューア設定",
           theme: "テーマ切り替え",
-          product: "code viewer"
+          product: "code viewer",
+          copyAiContext: "AI 用コンテキストをコピー（Shift+Click でコードも添付）",
+          copyAiContextCopied: "コピーしました",
+          copyAiContextCopiedWithCode: (lines) => `コピーしました（コード付き・${lines}行）`,
+          copyAiContextFailed: "コピーに失敗しました",
+          copyAiContextEmpty: "コピーする内容がありません"
         },
         topbar: {
           resetRange: "HEAD .. worktree に戻す",
@@ -30798,8 +31128,15 @@ code-viewer query snapshot delete --id snap-abc123`
         viewerSettings.setAttribute("aria-label", text2.global.settings);
       }
       const theme = document.querySelector("#theme");
-      if (theme)
+      if (theme) {
         theme.title = text2.global.theme;
+        theme.setAttribute("aria-label", text2.global.theme);
+      }
+      const copyAiContext = document.querySelector("#copy-ai-context");
+      if (copyAiContext) {
+        copyAiContext.title = text2.global.copyAiContext;
+        copyAiContext.setAttribute("aria-label", text2.global.copyAiContext);
+      }
       const refReset = document.querySelector("#ref-reset");
       if (refReset)
         refReset.title = text2.topbar.resetRange;
@@ -31011,6 +31348,22 @@ code-viewer query snapshot delete --id snap-abc123`
       });
       return highlightLoadPromise;
     }
+    function routeCanUseSyntaxHighlighter(route = STATE.route) {
+      if (!STATE.syntaxHighlight)
+        return false;
+      if (route.screen === "diff" || route.screen === "history")
+        return true;
+      return route.screen === "file" && sourceInternalPathKind(route.path) === null;
+    }
+    function ensureSyntaxHighlighterForRoute() {
+      if (!routeCanUseSyntaxHighlighter())
+        return;
+      loadSyntaxHighlighter().then((hljsRef) => {
+        if (!hljsRef)
+          return;
+        rerenderLoadedDiffs();
+      });
+    }
     function setLayout(layout, persist = true) {
       STATE.layout = layout;
       if (persist)
@@ -31290,6 +31643,21 @@ code-viewer query snapshot delete --id snap-abc123`
     function isHistoryPanelRoute(route) {
       return route.screen === "history" || isFileHistoryRoute(route);
     }
+    function normalizeInternalFileRoute(route) {
+      if (route.screen !== "file")
+        return route;
+      if (sourceInternalPathKind(route.path) === null)
+        return route;
+      if (route.view === "blob" && !route.preview && !route.line)
+        return route;
+      return {
+        screen: "file",
+        path: route.path,
+        ref: route.ref,
+        range: route.range,
+        view: "blob"
+      };
+    }
     function parkRangeForHistory() {
       if (preHistoryRange === null)
         preHistoryRange = { from: STATE.from, to: STATE.to };
@@ -31396,7 +31764,7 @@ code-viewer query snapshot delete --id snap-abc123`
     }
     function setRoute(route, replace2 = false) {
       const previousRoute = STATE.route;
-      let nextRoute = route.screen === "unknown" ? { screen: "diff", range: route.range } : route;
+      let nextRoute = route.screen === "unknown" ? { screen: "diff", range: route.range } : normalizeInternalFileRoute(route);
       if (isHistoryPanelRoute(previousRoute) && !isHistoryPanelRoute(nextRoute)) {
         if (preHistoryRange)
           nextRoute = { ...nextRoute, range: preHistoryRange };
@@ -31676,6 +32044,24 @@ code-viewer query snapshot delete --id snap-abc123`
       applyViewedState,
       enqueueInitialLoads
     } = DIFF_VIEW;
+    function setGlobalHeaderIcons() {
+      const annotationsIcon = document.querySelector("#annotations-toggle .goi-icon");
+      if (annotationsIcon) {
+        annotationsIcon.innerHTML = iconSvg("octicon-comment-discussion", COMMENT_DISCUSSION_16_PATH);
+      }
+      const doctorIcon = document.querySelector("#doctor-btn .goi-icon");
+      if (doctorIcon) {
+        doctorIcon.innerHTML = iconSvg("octicon-pulse", PULSE_16_PATH);
+      }
+      const themeButton = document.querySelector("#theme");
+      if (themeButton) {
+        themeButton.innerHTML = iconSvg("octicon-moon", MOON_16_PATH);
+      }
+      const copyAiContextButton = document.querySelector("#copy-ai-context");
+      if (copyAiContextButton) {
+        copyAiContextButton.innerHTML = iconSvg("octicon-copy", COPY_16_PATHS);
+      }
+    }
     applySidebarFontSize();
     applyCodeFontSize();
     applySidebarHidden(STATE.sidebarHidden, { persist: false });
@@ -31683,6 +32069,7 @@ code-viewer query snapshot delete --id snap-abc123`
     installHistoryPageDom();
     hydrateRefSelectorMounts();
     setSidebarTreeActionIcons();
+    setGlobalHeaderIcons();
     $$(".sb-view-seg button").forEach((b2) => {
       b2.addEventListener("click", () => {
         STATE.sbView = b2.dataset.view || "tree";
@@ -31698,6 +32085,67 @@ code-viewer query snapshot delete --id snap-abc123`
       event.preventDefault();
       toggleDoctorSheet();
     });
+    let copyAiContextFeedbackTimer = null;
+    $("#copy-ai-context")?.addEventListener("click", async (event) => {
+      const button = event.currentTarget;
+      const feedback = document.querySelector("#copy-ai-context-feedback");
+      const selectionTarget = resolveSelectionTarget(STATE.route);
+      let selectionCode;
+      if (event.shiftKey && selectionTarget) {
+        const renderedLines = readRenderedLines(selectionTarget.path, selectionTarget.start, selectionTarget.end);
+        if (renderedLines.length > 0) {
+          selectionCode = {
+            lines: renderedLines,
+            lang: langFromPath(selectionTarget.path)
+          };
+        }
+      }
+      const text2 = aiContextClipboardText({
+        route: STATE.route,
+        diffFrom: STATE.from,
+        diffTo: STATE.to,
+        selectionCode
+      });
+      const finish = (ok, withCode, lineCount, reason) => {
+        const label = reason === "empty" ? uiText().global.copyAiContextEmpty : ok ? withCode ? uiText().global.copyAiContextCopiedWithCode(lineCount) : uiText().global.copyAiContextCopied : uiText().global.copyAiContextFailed;
+        const isLargeCopy = ok && withCode && lineCount >= AI_CONTEXT_LARGE_SELECTION_LINE_THRESHOLD;
+        const stateClass = reason === "empty" ? "" : ok ? isLargeCopy ? "warn" : "copied" : "failed";
+        button.classList.remove("copied", "failed", "warn");
+        if (stateClass)
+          button.classList.add(stateClass);
+        button.title = label;
+        button.setAttribute("aria-label", label);
+        if (feedback) {
+          feedback.textContent = label;
+          feedback.classList.remove("copied", "failed", "warn");
+          if (stateClass)
+            feedback.classList.add(stateClass);
+          feedback.hidden = false;
+        }
+        if (copyAiContextFeedbackTimer)
+          clearTimeout(copyAiContextFeedbackTimer);
+        copyAiContextFeedbackTimer = setTimeout(() => {
+          copyAiContextFeedbackTimer = null;
+          button.classList.remove("copied", "failed", "warn");
+          button.title = uiText().global.copyAiContext;
+          button.setAttribute("aria-label", uiText().global.copyAiContext);
+          if (feedback) {
+            feedback.hidden = true;
+            feedback.classList.remove("copied", "failed", "warn");
+          }
+        }, 1200);
+      };
+      if (!text2) {
+        finish(false, false, 0, "empty");
+        return;
+      }
+      try {
+        await navigator.clipboard.writeText(text2);
+        finish(true, !!selectionCode, selectionCode?.lines.length ?? 0);
+      } catch {
+        finish(false, false, 0);
+      }
+    });
     $("#scope-settings-close")?.addEventListener("click", closeScopeSettings);
     $("#scope-omit-reset")?.addEventListener("click", resetScopeSettings);
     $("#viewer-language")?.addEventListener("change", (event) => {
@@ -32050,6 +32498,18 @@ code-viewer query snapshot delete --id snap-abc123`
         $("#theme").click();
         return true;
       }
+      if (action === "copy-ai-context") {
+        $("#copy-ai-context")?.click();
+        return true;
+      }
+      if (action === "copy-ai-context-with-code") {
+        $("#copy-ai-context")?.dispatchEvent(new MouseEvent("click", {
+          bubbles: true,
+          cancelable: true,
+          shiftKey: true
+        }));
+        return true;
+      }
       if (action === "open-help") {
         openHelpKeybindings({
           getRoute: () => STATE.route,
@@ -32078,6 +32538,10 @@ code-viewer query snapshot delete --id snap-abc123`
       if (e2.__gdpVirtualSourcePagingHandled)
         return;
       const targetEl = e2.target;
+      if (e2.key === "Escape" && !isEditableKeyTarget(targetEl) && clearLineSelection()) {
+        e2.preventDefault();
+        return;
+      }
       if ((e2.ctrlKey || e2.metaKey) && !e2.shiftKey && !e2.altKey && e2.key.toLowerCase() === "z" && !isEditableKeyTarget(targetEl)) {
         if (await undoLastAction())
           e2.preventDefault();
@@ -32390,7 +32854,8 @@ code-viewer query snapshot delete --id snap-abc123`
       const routeLanguage = viewerLanguageFromSearch(window.location.search);
       if (routeLanguage && routeLanguage !== STATE.language)
         setViewerLanguage(routeLanguage);
-      const nextRoute = parsedRoute.screen === "unknown" ? { screen: "diff", range: parsedRoute.range } : parsedRoute;
+      let nextRoute = parsedRoute.screen === "unknown" ? { screen: "diff", range: parsedRoute.range } : parsedRoute;
+      nextRoute = normalizeInternalFileRoute(nextRoute);
       if (previousRoute.screen === "database" && nextRoute.screen !== "database")
         DATABASE_VIEW.suspend();
       if (isHistoryPanelRoute(previousRoute) && !isHistoryPanelRoute(nextRoute))
@@ -32400,6 +32865,7 @@ code-viewer query snapshot delete --id snap-abc123`
       STATE.route = nextRoute.screen === "help" && !new URLSearchParams(window.location.search).has("lang") ? { ...nextRoute, lang: STATE.language } : nextRoute;
       STATE.from = STATE.route.range.from;
       STATE.to = STATE.route.range.to;
+      ensureSyntaxHighlighterForRoute();
       if (STATE.route.screen === "repo" || STATE.route.screen === "file" && (STATE.route.view === "blob" || STATE.route.view === "blame" || STATE.route.view === "history"))
         STATE.repoRef = STATE.route.ref || "worktree";
       ANNOTATIONS_UI?.restoreSessionFromUrl();
@@ -32491,11 +32957,7 @@ code-viewer query snapshot delete --id snap-abc123`
         patchSettings({ syntaxHighlight: on });
       setHighlightButton(on && getHljs() ? "loaded" : "idle");
       if (on) {
-        loadSyntaxHighlighter().then((hljsRef) => {
-          if (!hljsRef)
-            return;
-          rerenderLoadedDiffs();
-        });
+        ensureSyntaxHighlighterForRoute();
       } else {
         rerenderLoadedDiffs();
       }
@@ -32581,6 +33043,8 @@ code-viewer query snapshot delete --id snap-abc123`
       getRoute: () => STATE.route,
       getAnnotationPanelOpen: () => APP_SETTINGS.annotationPanelOpen === true,
       setAnnotationPanelOpenState: (open) => patchSettings({ annotationPanelOpen: open }),
+      getAnnotationPanelWidth: () => APP_SETTINGS.annotationPanelWidth,
+      setAnnotationPanelWidth: (width) => patchSettings({ annotationPanelWidth: width }),
       getAnnotationFollow: () => APP_SETTINGS.annotationFollow !== false,
       setAnnotationFollow: (follow) => patchSettings({ annotationFollow: follow }),
       leaveDatabaseView: () => {
@@ -32600,6 +33064,34 @@ code-viewer query snapshot delete --id snap-abc123`
         patchSettings({ range: currentRange() });
       }
     });
+    (function setupAnnotationPanelResizer() {
+      const panel = document.getElementById("annotation-panel");
+      const handle = document.getElementById("annotation-panel-resizer");
+      if (!panel || !handle)
+        return;
+      let dragging = false;
+      let startX = 0;
+      let startW = 0;
+      handle.addEventListener("mousedown", (e2) => {
+        dragging = true;
+        startX = e2.clientX;
+        startW = panel.offsetWidth;
+        document.body.classList.add("gdp-annotation-resizing");
+        e2.preventDefault();
+      });
+      window.addEventListener("mousemove", (e2) => {
+        if (!dragging)
+          return;
+        ANNOTATIONS_UI?.applyAnnotationPanelWidth(startW - (e2.clientX - startX), false);
+      });
+      window.addEventListener("mouseup", () => {
+        if (!dragging)
+          return;
+        dragging = false;
+        document.body.classList.remove("gdp-annotation-resizing");
+        ANNOTATIONS_UI?.applyAnnotationPanelWidth(panel.offsetWidth);
+      });
+    })();
     replaceUrlWithCurrentRoute();
     createAnnotationsPlayer({
       $,
@@ -32835,46 +33327,85 @@ code-viewer query snapshot delete --id snap-abc123`
         }
       }, 350);
     }
-    const es = new EventSource("/events");
     const catchUpGate = createCatchUpGate(() => Date.now(), 1000);
     let openedOnce = false;
-    es.addEventListener("update", (event) => {
-      const raw = event.data;
-      let paths = null;
-      if (raw && raw !== "tick") {
-        try {
-          const parsed = JSON.parse(raw);
-          if (Array.isArray(parsed.paths))
-            paths = parsed.paths;
-        } catch {}
-      }
-      scheduleSseLoad(paths);
-    });
-    es.addEventListener("watch-limit", (event) => {
-      const raw = event.data;
-      const limit = Number(raw);
-      if (Number.isFinite(limit) && limit > 0)
-        showWatchLimitBanner(limit);
-    });
-    es.addEventListener("reload", () => location.reload());
-    es.addEventListener("annotation", (event) => {
-      ANNOTATIONS_UI?.handleSse(event.data);
-    });
-    es.addEventListener("db-query", (event) => {
-      DATABASE_VIEW.handleSse("db-query", event.data);
-    });
-    es.addEventListener("db-snapshot", (event) => {
-      DATABASE_VIEW.handleSse("db-snapshot", event.data);
-    });
-    es.addEventListener("error", () => setStatus("error"));
-    es.addEventListener("open", () => {
-      setStatus("live");
-      if (!openedOnce) {
-        openedOnce = true;
+    let eventSource = null;
+    let eventSourceConnectTimer = null;
+    function shouldConnectEventSource() {
+      return document.visibilityState === "visible";
+    }
+    function disconnectEventSource() {
+      if (eventSourceConnectTimer !== null) {
+        window.clearTimeout(eventSourceConnectTimer);
+        eventSourceConnectTimer = null;
+      }
+      eventSource?.close();
+      eventSource = null;
+    }
+    function connectEventSource() {
+      if (!shouldConnectEventSource())
+        return;
+      if (eventSource)
+        return;
+      const es = new EventSource("/events");
+      eventSource = es;
+      es.addEventListener("update", (event) => {
+        const raw = event.data;
+        let paths = null;
+        if (raw && raw !== "tick") {
+          try {
+            const parsed = JSON.parse(raw);
+            if (Array.isArray(parsed.paths))
+              paths = parsed.paths;
+          } catch {}
+        }
+        scheduleSseLoad(paths);
+      });
+      es.addEventListener("watch-limit", (event) => {
+        const raw = event.data;
+        const limit = Number(raw);
+        if (Number.isFinite(limit) && limit > 0)
+          showWatchLimitBanner(limit);
+      });
+      es.addEventListener("reload", () => location.reload());
+      es.addEventListener("annotation", (event) => {
+        ANNOTATIONS_UI?.handleSse(event.data);
+      });
+      es.addEventListener("db-query", (event) => {
+        DATABASE_VIEW.handleSse("db-query", event.data);
+      });
+      es.addEventListener("db-snapshot", (event) => {
+        DATABASE_VIEW.handleSse("db-snapshot", event.data);
+      });
+      es.addEventListener("error", () => setStatus("error"));
+      es.addEventListener("open", () => {
+        setStatus("live");
+        if (!openedOnce) {
+          openedOnce = true;
+          return;
+        }
+        catchUpDiff();
+      });
+    }
+    function scheduleEventSourceConnect() {
+      if (!shouldConnectEventSource())
+        return;
+      if (eventSource || eventSourceConnectTimer !== null)
+        return;
+      const schedule = () => {
+        eventSourceConnectTimer = window.setTimeout(() => {
+          eventSourceConnectTimer = null;
+          connectEventSource();
+        }, 1000);
+      };
+      if (document.readyState === "complete") {
+        schedule();
         return;
       }
-      catchUpDiff();
-    });
+      window.addEventListener("load", schedule, { once: true });
+    }
+    scheduleEventSourceConnect();
+    window.addEventListener("pagehide", disconnectEventSource);
     function catchUpDiff() {
       const historyWorktreeSelected = HISTORY_VIEW.isWorktreeSelected();
       if (!shouldAutoLoadCurrentRoute())
@@ -32890,9 +33421,18 @@ code-viewer query snapshot delete --id snap-abc123`
       load({ force: true });
     }
     document.addEventListener("visibilitychange", () => {
-      if (!document.hidden)
-        catchUpDiff();
+      if (document.hidden) {
+        disconnectEventSource();
+        return;
+      }
+      scheduleEventSourceConnect();
+      catchUpDiff();
+      ANNOTATIONS_UI?.refreshAnnotations();
+    });
+    window.addEventListener("focus", () => {
+      scheduleEventSourceConnect();
+      catchUpDiff();
+      ANNOTATIONS_UI?.refreshAnnotations();
     });
-    window.addEventListener("focus", catchUpDiff);
   })();
 })();