@youtyan/code-viewer 0.12.0 → 0.13.0

package/web/app.js

@@ -1119,6 +1119,7 @@ Details: ${JSON.stringify(output)}` : "";
   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 GRABBER_16_PATH = "M10 13h4v-2h-4v2Zm-8 0h4v-2H2v2Zm8-6h4V5h-4v2ZM2 7h4V5H2v2Zm8-6v2h4V1h-4ZM2 3h4V1H2v2Z";
+  var KEBAB_16_PATH = "M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z";
   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";
@@ -1795,6 +1796,19 @@ Details: ${JSON.stringify(output)}` : "";
           lang: params.get("lang") || "en",
           section: params.get("section") || "overview"
         };
+      case "/worktree": {
+        const wt = params.get("wt") || "";
+        const file = params.get("file") || "";
+        const rawOrigin = params.get("origin");
+        const origin = rawOrigin === "committed" || rawOrigin === "uncommitted" ? rawOrigin : void 0;
+        return {
+          screen: "worktree",
+          ...wt ? { wt } : {},
+          ...file ? { file } : {},
+          ...origin ? { origin } : {},
+          range
+        };
+      }
       case "/doctor":
         return {
           screen: "repo",
@@ -1878,6 +1892,14 @@ Details: ${JSON.stringify(output)}` : "";
         return "/file?path=" + encodeURIComponent(route.path) + "&ref=" + encodeURIComponent(route.ref || "worktree") + "&from=" + encodeURIComponent(route.range.from || "") + "&to=" + encodeURIComponent(route.range.to || "worktree") + (route.line ? `&line=${encodeURIComponent(formatLineTarget(route.line))}` : "") + (route.virtual === "off" ? "&virtual=off" : "");
       case "diff":
         return "/todif?from=" + encodeURIComponent(route.range.from || "") + "&to=" + encodeURIComponent(route.range.to || "worktree") + (route.path ? `&path=${encodeURIComponent(route.path)}` : "") + (route.line ? `&line=${encodeURIComponent(formatLineTarget(route.line))}` : "");
+      case "worktree": {
+        const params = new URLSearchParams();
+        if (route.wt) params.set("wt", route.wt);
+        if (route.file) params.set("file", route.file);
+        if (route.file && route.origin) params.set("origin", route.origin);
+        const qs = params.toString();
+        return `/worktree${qs ? `?${qs}` : ""}`;
+      }
       case "help": {
         const params = new URLSearchParams();
         if (route.lang && route.lang !== "en") params.set("lang", route.lang);
@@ -1937,8 +1959,8 @@ Details: ${JSON.stringify(output)}` : "";
     const qs = params.toString();
     return qs ? `${base2}?${qs}` : base2;
   }
-  function withDoctorOverlay(url, open) {
-    return withQueryParam(url, "doctor", open ? "open" : null);
+  function withDoctorOverlay(url, open2) {
+    return withQueryParam(url, "doctor", open2 ? "open" : null);
   }
   function parseToolsOverlay(search) {
     const raw = new URLSearchParams(search).get("tools");
@@ -7924,8 +7946,8 @@ Details: ${JSON.stringify(output)}` : "";
       compile(this);
       return this;
     }
-    this.__tlds__ = this.__tlds__.concat(list2).sort().filter(function(el, idx, arr) {
-      return el !== arr[idx - 1];
+    this.__tlds__ = this.__tlds__.concat(list2).sort().filter(function(el2, idx, arr) {
+      return el2 !== arr[idx - 1];
     }).reverse();
     compile(this);
     return this;
@@ -9165,8 +9187,8 @@ Details: ${JSON.stringify(output)}` : "";
       const markerRe = new RegExp(`^\\[!(${ALERT_TYPES.join("|")})\\]\\s*`, "i");
       let i2 = 0;
       while (i2 < state.tokens.length) {
-        const open = state.tokens[i2];
-        if (open.type !== "blockquote_open") {
+        const open2 = state.tokens[i2];
+        if (open2.type !== "blockquote_open") {
           i2++;
           continue;
         }
@@ -9191,7 +9213,7 @@ Details: ${JSON.stringify(output)}` : "";
           continue;
         }
         const type = match2[1].toLowerCase();
-        open.attrSet("class", `markdown-alert markdown-alert-${type}`);
+        open2.attrSet("class", `markdown-alert markdown-alert-${type}`);
         const rest = first.content.slice(match2[0].length);
         if (rest) {
           first.content = rest;
@@ -9729,8 +9751,8 @@ ${frontmatter.yaml}
 
   // web-src/views/diff-line-select.ts
   var SELECTED_CLASS = "gdp-diff-line-selected";
-  function cardPath(el) {
-    return el.closest(".gdp-file-shell[data-path]")?.dataset.path || "";
+  function cardPath(el2) {
+    return el2.closest(".gdp-file-shell[data-path]")?.dataset.path || "";
   }
   function afterLineFromCell(cell) {
     const sideCell = cell.closest("td.d2h-code-side-linenumber");
@@ -10076,6 +10098,7 @@ ${frontmatter.yaml}
       const submit = document.createElement("button");
       submit.type = "button";
       submit.className = "gdp-btn gdp-btn-sm";
+      if (opts.danger) submit.classList.add("gdp-dialog-danger");
       submit.textContent = opts.submitLabel ?? "Save";
       const error2 = document.createElement("div");
       error2.className = "gdp-dialog-error";
@@ -10218,10 +10241,10 @@ ${frontmatter.yaml}
     function updateDatabaseCaptureButton() {
       annotationCaptureDb.hidden = deps.getRoute().screen !== "database";
     }
-    function setAnnotationPanelOpen(open) {
-      annotationPanel.hidden = !open;
-      document.body.classList.toggle("annotation-panel-open", open);
-      if (open) {
+    function setAnnotationPanelOpen(open2) {
+      annotationPanel.hidden = !open2;
+      document.body.classList.toggle("annotation-panel-open", open2);
+      if (open2) {
         annotationPanelDismissed = false;
         const qhPanel = document.getElementById("query-history-panel");
         if (qhPanel) qhPanel.hidden = true;
@@ -10232,7 +10255,7 @@ ${frontmatter.yaml}
         updateActiveHighlights();
         syncInlineAnnotationActive();
       }
-      deps.setAnnotationPanelOpenState(open);
+      deps.setAnnotationPanelOpenState(open2);
       syncSessionUrl();
       applyInlineAnnotations();
     }
@@ -10364,20 +10387,20 @@ ${frontmatter.yaml}
     }
     function applyDatabaseAnnotations(session) {
       if (databaseAnnotationsMounted) {
-        document.querySelectorAll(".gdp-db-annotation-strip").forEach((el) => {
-          el.remove();
+        document.querySelectorAll(".gdp-db-annotation-strip").forEach((el2) => {
+          el2.remove();
         });
         databaseAnnotationsMounted = false;
       }
       if (!session || deps.getRoute().screen !== "database") return;
-      const matches = session.entries.filter(databaseAnnotationMatchesRoute);
-      if (!matches.length) return;
+      const matches2 = session.entries.filter(databaseAnnotationMatchesRoute);
+      if (!matches2.length) return;
       const root = document.querySelector(".db-root");
       if (!root) return;
       const strip = document.createElement("section");
       strip.className = "gdp-db-annotation-strip";
       strip.setAttribute("aria-label", "Datastore annotations");
-      for (const entry of matches) {
+      for (const entry of matches2) {
         strip.appendChild(
           buildDatabaseAnnotationBlock(entry, {
             index: session.entries.indexOf(entry),
@@ -10493,10 +10516,10 @@ ${frontmatter.yaml}
     function syncInlineAnnotationWidths() {
       document.querySelectorAll(".gdp-annotation-inline").forEach((box) => {
         let scroller = null;
-        for (let el = box.parentElement; el && el !== document.body; el = el.parentElement) {
-          const overflowX = getComputedStyle(el).overflowX;
+        for (let el2 = box.parentElement; el2 && el2 !== document.body; el2 = el2.parentElement) {
+          const overflowX = getComputedStyle(el2).overflowX;
           if (overflowX === "auto" || overflowX === "scroll") {
-            scroller = el;
+            scroller = el2;
             break;
           }
         }
@@ -10695,8 +10718,8 @@ ${frontmatter.yaml}
       const head = annotationDetail.querySelector(
         ".annotation-detail-head"
       );
-      head?.querySelectorAll(".annotation-detail-head-action").forEach((el) => {
-        el.remove();
+      head?.querySelectorAll(".annotation-detail-head-action").forEach((el2) => {
+        el2.remove();
       });
       const body = $("#annotation-detail-body");
       body.replaceChildren();
@@ -10850,25 +10873,25 @@ ${frontmatter.yaml}
           const item = document.createElement("li");
           item.dataset.entryId = entry.id;
           item.classList.toggle("active", entry.id === activeAnnotationId);
-          const open = document.createElement("button");
-          open.type = "button";
-          open.className = "annotation-entry-open";
+          const open2 = document.createElement("button");
+          open2.type = "button";
+          open2.className = "annotation-entry-open";
           const location2 = document.createElement("span");
           location2.className = "annotation-entry-location";
           location2.textContent = annotationLocationLabel(entry);
           const summary = document.createElement("span");
           summary.className = "annotation-entry-summary";
           summary.textContent = annotationEntrySummary(entry);
-          open.append(location2, summary);
+          open2.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);
+            open2.appendChild(time2);
           }
-          open.addEventListener("click", () => {
+          open2.addEventListener("click", () => {
             void openAnnotationEntry(entry.id);
           });
           const remove = annotationIconButton(
@@ -10886,7 +10909,7 @@ ${frontmatter.yaml}
             if (!ok) return;
             void postAnnotationAction({ action: "delete", id: entry.id });
           });
-          item.append(open, remove);
+          item.append(open2, remove);
           list2.appendChild(item);
         });
         sessionEl.appendChild(list2);
@@ -10894,13 +10917,13 @@ ${frontmatter.yaml}
       }
     }
     function updateActiveHighlights() {
-      annotationSessionsEl.querySelectorAll(".annotation-session").forEach((el) => {
-        el.classList.toggle("active", el.dataset.sessionId === activeSessionId);
+      annotationSessionsEl.querySelectorAll(".annotation-session").forEach((el2) => {
+        el2.classList.toggle("active", el2.dataset.sessionId === activeSessionId);
       });
-      annotationSessionsEl.querySelectorAll(".annotation-entries li").forEach((el) => {
-        el.classList.toggle(
+      annotationSessionsEl.querySelectorAll(".annotation-entries li").forEach((el2) => {
+        el2.classList.toggle(
           "active",
-          el.dataset.entryId === activeAnnotationId
+          el2.dataset.entryId === activeAnnotationId
         );
       });
     }
@@ -10939,8 +10962,8 @@ ${frontmatter.yaml}
       const head = annotationDetail.querySelector(
         ".annotation-detail-head"
       );
-      head?.querySelectorAll(".annotation-detail-head-action").forEach((el) => {
-        el.remove();
+      head?.querySelectorAll(".annotation-detail-head-action").forEach((el2) => {
+        el2.remove();
       });
       const copyRef = createCopyRefButton(entry, "annotation-detail-head-action");
       const edit = annotationIconButton(
@@ -11532,8 +11555,8 @@ ${frontmatter.yaml}
   function createBlameView(deps) {
     let activeGeneration = 0;
     function cleanup() {
-      document.querySelectorAll(".gdp-standalone-blame").forEach((el) => {
-        el.remove();
+      document.querySelectorAll(".gdp-standalone-blame").forEach((el2) => {
+        el2.remove();
       });
     }
     function colourBarFor(commit, bin, binCount) {
@@ -13102,16 +13125,16 @@ ${frontmatter.yaml}
   }
 
   // web-src/views/database/pane-status.ts
-  function setPaneStatus(el, message, options = {}) {
-    el.innerHTML = "";
+  function setPaneStatus(el2, message, options = {}) {
+    el2.innerHTML = "";
     options.afterClear?.();
     const note = document.createElement("div");
     note.className = options.error ? "db-pane-error" : "db-pane-note";
     note.textContent = message;
-    el.appendChild(note);
+    el2.appendChild(note);
   }
-  function setPaneEmpty(el, message, options = {}) {
-    el.innerHTML = "";
+  function setPaneEmpty(el2, message, options = {}) {
+    el2.innerHTML = "";
     const empty = document.createElement("div");
     empty.className = "db-pane-empty";
     const icon = document.createElement("div");
@@ -13127,7 +13150,7 @@ ${frontmatter.yaml}
       hint.textContent = options.hint;
       empty.appendChild(hint);
     }
-    el.appendChild(empty);
+    el2.appendChild(empty);
   }
 
   // web-src/views/database/dynamodb-explorer.ts
@@ -14821,9 +14844,9 @@ ${frontmatter.yaml}
   }
   function createErDiagram(deps = {}) {
     const text3 = () => deps.getText?.() ?? dbText("en");
-    const el = document.createElement("div");
-    el.className = "db-er-diagram";
-    el.hidden = true;
+    const el2 = document.createElement("div");
+    el2.className = "db-er-diagram";
+    el2.hidden = true;
     const toolbar = document.createElement("div");
     toolbar.className = "db-er-toolbar";
     const zoomIn = document.createElement("button");
@@ -14853,7 +14876,7 @@ ${frontmatter.yaml}
     });
     const container = viewport.container;
     const svgWrap = viewport.content;
-    el.append(toolbar, container);
+    el2.append(toolbar, container);
     let lastMarkup = "";
     zoomIn.addEventListener("click", () => viewport.zoomIn());
     zoomOut.addEventListener("click", () => viewport.zoomOut());
@@ -14872,7 +14895,7 @@ ${frontmatter.yaml}
       }
     });
     async function render(schema, columnsMap) {
-      el.hidden = false;
+      el2.hidden = false;
       svgWrap.innerHTML = "";
       viewport.reset();
       const tables = schema.tables.filter((t2) => t2.type === "table");
@@ -14898,7 +14921,7 @@ ${frontmatter.yaml}
       }
     }
     function clear() {
-      el.hidden = true;
+      el2.hidden = true;
       svgWrap.innerHTML = "";
       lastMarkup = "";
     }
@@ -14914,14 +14937,14 @@ ${frontmatter.yaml}
       copyBtn.title = t2.copyMermaidTitle;
       if (copyBtn.textContent !== t2.copied) copyBtn.textContent = t2.copyMermaid;
     }
-    return { el, render, clear, dispose, localize };
+    return { el: el2, render, clear, dispose, localize };
   }
 
   // web-src/views/database/global-search-view.ts
   function createGlobalSearchView(deps) {
     const text3 = () => deps.getText?.() ?? dbText("en");
-    const el = document.createElement("div");
-    el.className = "db-global-search";
+    const el2 = document.createElement("div");
+    el2.className = "db-global-search";
     const header = document.createElement("div");
     header.className = "db-global-search-header";
     const input2 = document.createElement("input");
@@ -14951,7 +14974,7 @@ ${frontmatter.yaml}
     progress.hidden = true;
     const results = document.createElement("div");
     results.className = "db-global-search-results";
-    el.append(header, optionsRow, progress, results);
+    el2.append(header, optionsRow, progress, results);
     let currentJobId = null;
     let pollTimer = null;
     let disposed = false;
@@ -15147,7 +15170,7 @@ ${frontmatter.yaml}
       cancelBtn.textContent = t2.cancelButton;
       nonTextText.textContent = t2.includeNonText;
     }
-    return { el, setSearch, getSearch, dispose, localize };
+    return { el: el2, setSearch, getSearch, dispose, localize };
   }
 
   // web-src/views/database/pref-toggle.ts
@@ -15196,8 +15219,8 @@ ${frontmatter.yaml}
   var MAX_HISTORY = 50;
   function createQueryEditor(callbacks) {
     const text3 = () => callbacks.getText?.() ?? dbText("en");
-    const el = document.createElement("div");
-    el.className = "db-query-editor";
+    const el2 = document.createElement("div");
+    el2.className = "db-query-editor";
     const inputArea = document.createElement("div");
     inputArea.className = "db-query-input";
     const editorWrap = document.createElement("div");
@@ -15275,7 +15298,7 @@ ${frontmatter.yaml}
     const resultArea = document.createElement("div");
     resultArea.className = "db-query-result";
     resultArea.hidden = true;
-    el.append(inputArea, resultArea);
+    el2.append(inputArea, resultArea);
     async function run() {
       const sql = textarea.value.trim();
       if (!sql) return;
@@ -15510,7 +15533,7 @@ ${frontmatter.yaml}
       historyBtn.title = t2.localHistoryTitle;
     }
     return {
-      el,
+      el: el2,
       focus,
       setSql,
       getSql,
@@ -15524,8 +15547,8 @@ ${frontmatter.yaml}
   // web-src/views/database/query-history-view.ts
   function createQueryHistoryView(callbacks) {
     const text3 = () => callbacks.getText?.() ?? dbText("en");
-    const el = document.createElement("div");
-    el.className = "db-query-history";
+    const el2 = document.createElement("div");
+    el2.className = "db-query-history";
     const toolbar = document.createElement("div");
     toolbar.className = "db-query-history-toolbar";
     const refreshBtn = document.createElement("button");
@@ -15559,7 +15582,7 @@ ${frontmatter.yaml}
     detailPlaceholder.textContent = text3().history.selectPlaceholder;
     detailCol.appendChild(detailPlaceholder);
     body.append(listCol, detailCol);
-    el.append(toolbar, body);
+    el2.append(toolbar, body);
     let entries = [];
     const expandedIds = /* @__PURE__ */ new Set();
     let clearConfirmTimer = null;
@@ -15967,7 +15990,7 @@ ${frontmatter.yaml}
         }
       }
     }
-    return { el, refresh, clear, localize };
+    return { el: el2, refresh, clear, localize };
   }
   function formatTime(iso) {
     try {
@@ -15983,17 +16006,17 @@ ${frontmatter.yaml}
   function isBinaryItem(item) {
     return typeof item === "object" && item !== null && "binaryBase64" in item;
   }
-  function renderItemInto(el, item, binaryBadge) {
-    el.textContent = "";
+  function renderItemInto(el2, item, binaryBadge) {
+    el2.textContent = "";
     if (isBinaryItem(item)) {
       const badge = document.createElement("span");
       badge.className = "redis-binary-badge";
       badge.textContent = binaryBadge;
-      el.appendChild(badge);
-      el.appendChild(document.createTextNode(item.binaryBase64));
+      el2.appendChild(badge);
+      el2.appendChild(document.createTextNode(item.binaryBase64));
       return;
     }
-    el.textContent = item;
+    el2.textContent = item;
   }
   function createRedisExplorer(callbacks = {}) {
     const text3 = () => (callbacks.getText?.() ?? dbText("en")).explorer;
@@ -17207,8 +17230,8 @@ ${frontmatter.yaml}
   function isAbortError(err) {
     return err instanceof DOMException && err.name === "AbortError";
   }
-  function setExplorerFolderIcon(el, collapsed) {
-    el.innerHTML = iconSvg(
+  function setExplorerFolderIcon(el2, collapsed) {
+    el2.innerHTML = iconSvg(
       collapsed ? "octicon-file-directory-fill" : "octicon-file-directory-open-fill",
       collapsed ? FOLDER_ICON_PATHS.closed : FOLDER_ICON_PATHS.open
     );
@@ -17767,12 +17790,12 @@ ${frontmatter.yaml}
       actions.className = "s3-preview-actions";
       if (currentDbId && currentBucket) {
         const rawUrl = buildS3RawUrl(currentDbId, currentBucket, object.key);
-        const open = document.createElement("a");
-        open.className = "db-btn db-btn-sm";
-        open.href = rawUrl;
-        open.target = "_blank";
-        open.rel = "noreferrer";
-        open.textContent = text3().openRaw;
+        const open2 = document.createElement("a");
+        open2.className = "db-btn db-btn-sm";
+        open2.href = rawUrl;
+        open2.target = "_blank";
+        open2.rel = "noreferrer";
+        open2.textContent = text3().openRaw;
         const download = document.createElement("a");
         download.className = "db-btn db-btn-sm";
         download.href = rawUrl;
@@ -17795,7 +17818,7 @@ ${frontmatter.yaml}
             copy.textContent = text3().copyFailed;
           }
         });
-        actions.append(open, download, copy);
+        actions.append(open2, download, copy);
         if (sourceDisplayKind(object.key) === "text") {
           const editBtn = mkBtn(tCommon().edit, "db-btn db-btn-sm");
           editBtn.addEventListener("click", () => void startObjectEdit(object));
@@ -17922,8 +17945,8 @@ ${frontmatter.yaml}
     function indentPad(depth) {
       return `${12 + depth * 14}px`;
     }
-    function setExplorerChevron(el) {
-      el.innerHTML = `<svg class="octicon octicon-chevron-down" viewBox="0 0 12 12" width="12" height="12" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="${CHEVRON_DOWN_12_PATH}"></path></svg>`;
+    function setExplorerChevron(el2) {
+      el2.innerHTML = `<svg class="octicon octicon-chevron-down" viewBox="0 0 12 12" width="12" height="12" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="${CHEVRON_DOWN_12_PATH}"></path></svg>`;
     }
     function resetExplorer() {
       explorerAbort?.abort();
@@ -17951,11 +17974,11 @@ ${frontmatter.yaml}
       return await res.json();
     }
     function makeTreeMessageRow(cls, depth, text4) {
-      const el = document.createElement("div");
-      el.className = cls;
-      el.style.setProperty("--lvl-pad", indentPad(depth));
-      el.textContent = text4;
-      return el;
+      const el2 = document.createElement("div");
+      el2.className = cls;
+      el2.style.setProperty("--lvl-pad", indentPad(depth));
+      el2.textContent = text4;
+      return el2;
     }
     function createExplorerFileRow(object, depth) {
       objectsByKey.set(object.key, object);
@@ -18422,9 +18445,9 @@ ${frontmatter.yaml}
   // web-src/views/database/schema-view.ts
   function createSchemaView(deps = {}) {
     const text3 = () => deps.getText?.() ?? dbText("en");
-    const el = document.createElement("div");
-    el.className = "db-schema-view";
-    el.hidden = true;
+    const el2 = document.createElement("div");
+    el2.className = "db-schema-view";
+    el2.hidden = true;
     let refreshBusy = false;
     let refreshBtn = null;
     let refreshLabel = null;
@@ -18446,8 +18469,8 @@ ${frontmatter.yaml}
     function render(table2, columns, indexes, extra) {
       lastArgs = { table: table2, columns, indexes, extra };
       const t2 = text3().schema;
-      el.hidden = false;
-      el.innerHTML = "";
+      el2.hidden = false;
+      el2.innerHTML = "";
       const header = document.createElement("div");
       header.className = "db-schema-header";
       const headerTitle = document.createElement("span");
@@ -18473,11 +18496,11 @@ ${frontmatter.yaml}
         refreshBtn = null;
         refreshLabel = null;
       }
-      el.appendChild(header);
+      el2.appendChild(header);
       const colSectionHeader = document.createElement("div");
       colSectionHeader.className = "db-schema-section-header";
       colSectionHeader.textContent = t2.columns;
-      el.appendChild(colSectionHeader);
+      el2.appendChild(colSectionHeader);
       const colTable = document.createElement("table");
       colTable.className = "db-schema-table";
       const thead = document.createElement("thead");
@@ -18520,13 +18543,13 @@ ${frontmatter.yaml}
         tbody.appendChild(tr);
       }
       colTable.append(thead, tbody);
-      el.appendChild(colTable);
+      el2.appendChild(colTable);
       const fks = extra?.foreignKeys?.filter((fk) => fk.fromTable === table2);
       if (fks && fks.length > 0) {
         const fkHeader = document.createElement("div");
         fkHeader.className = "db-schema-section-header";
         fkHeader.textContent = t2.foreignKeys;
-        el.appendChild(fkHeader);
+        el2.appendChild(fkHeader);
         const fkTable = document.createElement("table");
         fkTable.className = "db-schema-table";
         const fkThead = document.createElement("thead");
@@ -18550,14 +18573,14 @@ ${frontmatter.yaml}
           fkTbody.appendChild(tr);
         }
         fkTable.append(fkThead, fkTbody);
-        el.appendChild(fkTable);
+        el2.appendChild(fkTable);
       }
       const tableIndexes = indexes.filter((idx) => idx.table === table2);
       if (tableIndexes.length > 0) {
         const idxHeader = document.createElement("div");
         idxHeader.className = "db-schema-section-header";
         idxHeader.textContent = t2.indexes;
-        el.appendChild(idxHeader);
+        el2.appendChild(idxHeader);
         const idxTable = document.createElement("table");
         idxTable.className = "db-schema-table";
         const idxThead = document.createElement("thead");
@@ -18581,14 +18604,14 @@ ${frontmatter.yaml}
           idxTbody.appendChild(tr);
         }
         idxTable.append(idxThead, idxTbody);
-        el.appendChild(idxTable);
+        el2.appendChild(idxTable);
       }
       const triggers = extra?.triggers;
       if (triggers && triggers.length > 0) {
         const trigHeader = document.createElement("div");
         trigHeader.className = "db-schema-section-header";
         trigHeader.textContent = t2.triggers;
-        el.appendChild(trigHeader);
+        el2.appendChild(trigHeader);
         for (const trig of triggers) {
           const trigBlock = document.createElement("div");
           trigBlock.className = "db-schema-trigger-block";
@@ -18599,7 +18622,7 @@ ${frontmatter.yaml}
           trigPre.className = "db-schema-ddl-pre";
           trigPre.textContent = trig.sql;
           trigBlock.append(trigName, trigPre);
-          el.appendChild(trigBlock);
+          el2.appendChild(trigBlock);
         }
       }
       const ddl = extra?.ddl;
@@ -18607,7 +18630,7 @@ ${frontmatter.yaml}
         const ddlHeader = document.createElement("div");
         ddlHeader.className = "db-schema-section-header";
         ddlHeader.textContent = t2.ddl;
-        el.appendChild(ddlHeader);
+        el2.appendChild(ddlHeader);
         const ddlWrap = document.createElement("div");
         ddlWrap.className = "db-schema-ddl-wrap";
         const copyBtn = document.createElement("button");
@@ -18630,22 +18653,22 @@ ${frontmatter.yaml}
         ddlPre.className = "db-schema-ddl-pre";
         ddlPre.textContent = ddl;
         ddlWrap.append(copyBtn, ddlPre);
-        el.appendChild(ddlWrap);
+        el2.appendChild(ddlWrap);
       }
     }
     function clear() {
-      el.hidden = true;
-      el.innerHTML = "";
+      el2.hidden = true;
+      el2.innerHTML = "";
       lastArgs = null;
       refreshBtn = null;
       refreshLabel = null;
       refreshBusy = false;
     }
     function localize() {
-      if (!lastArgs || el.hidden) return;
+      if (!lastArgs || el2.hidden) return;
       render(lastArgs.table, lastArgs.columns, lastArgs.indexes, lastArgs.extra);
     }
-    return { el, render, clear, localize, setRefreshBusy };
+    return { el: el2, render, clear, localize, setRefreshBusy };
   }
 
   // web-src/views/database/session-log.ts
@@ -18688,8 +18711,8 @@ ${frontmatter.yaml}
   // web-src/views/database/session-log-view.ts
   function createSessionLogView(callbacks) {
     const text3 = () => callbacks.getText?.() ?? dbText("en");
-    const el = document.createElement("div");
-    el.className = "db-session-log";
+    const el2 = document.createElement("div");
+    el2.className = "db-session-log";
     const toolbar = document.createElement("div");
     toolbar.className = "db-session-log-toolbar";
     const followBtn = document.createElement("button");
@@ -18718,7 +18741,7 @@ ${frontmatter.yaml}
     placeholder.textContent = text3().sessionLog.selectPlaceholder;
     detailCol.appendChild(placeholder);
     body.append(listCol, detailCol);
-    el.append(toolbar, body);
+    el2.append(toolbar, body);
     let selectedId = null;
     const rowById = /* @__PURE__ */ new Map();
     let autoFollow = true;
@@ -18906,7 +18929,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       placeholder.textContent = text3().sessionLog.selectPlaceholder;
       render();
     }
-    return { el, clear, localize };
+    return { el: el2, clear, localize };
   }
   function formatTime2(timestamp) {
     const d2 = new Date(timestamp);
@@ -18944,8 +18967,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const note = s2.note ? ` — ${s2.note}` : "";
       return text3().snapshot.label(date, s2.tables.length, note);
     };
-    const el = document.createElement("div");
-    el.className = "db-snapshot-view";
+    const el2 = document.createElement("div");
+    el2.className = "db-snapshot-view";
     const guide = document.createElement("div");
     guide.className = "db-snapshot-guide";
     const guideTitle = document.createElement("div");
@@ -19039,7 +19062,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     rightPane.className = "db-snapshot-right-pane";
     splitContainer.append(leftPane, rightPane);
     mainArea.appendChild(splitContainer);
-    el.append(guide, toolbar, progressArea, tableSelector, mainArea);
+    el2.append(guide, toolbar, progressArea, tableSelector, mainArea);
     let snapshots = [];
     let currentDiff = null;
     let disposed = false;
@@ -19717,8 +19740,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           threshold: 0
         }
       );
-      for (const el2 of section2.querySelectorAll(".db-snapshot-diff-table")) {
-        observer.observe(el2);
+      for (const el3 of section2.querySelectorAll(".db-snapshot-diff-table")) {
+        observer.observe(el3);
       }
       section2.__tocObserver = observer;
       rightPane.appendChild(section2);
@@ -19877,7 +19900,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       }
     }
     async function editNote(snapshotId, currentNote) {
-      const existing = el.querySelector(".db-snapshot-inline-dialog");
+      const existing = el2.querySelector(".db-snapshot-inline-dialog");
       if (existing) existing.remove();
       const dialog = document.createElement("div");
       dialog.className = "db-snapshot-inline-dialog";
@@ -19911,7 +19934,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       });
       dialog.append(input2, saveBtn, cancelDlgBtn);
       const item = Array.from(
-        el.querySelectorAll(".db-snapshot-item")
+        el2.querySelectorAll(".db-snapshot-item")
       ).find((node) => node.dataset.snapshotId === snapshotId);
       if (item) {
         item.after(dialog);
@@ -20040,7 +20063,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       await showDiffInline(target.before, target.after);
     }
     return {
-      el,
+      el: el2,
       refresh,
       handleSse,
       dispose,
@@ -20067,8 +20090,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
   function createTableGrid(callbacks, options = {}) {
     const embedded = options.embedded === true;
     const text3 = () => callbacks.getText?.() ?? dbText("en");
-    const el = document.createElement("div");
-    el.className = "db-grid";
+    const el2 = document.createElement("div");
+    el2.className = "db-grid";
     const filterBar = document.createElement("div");
     filterBar.className = "db-grid-filter-bar";
     const filterIcon = document.createElement("span");
@@ -20243,9 +20266,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     detailResize.addEventListener("mousedown", startDetailResize);
     detailPanel.appendChild(detailResize);
     viewport.append(spacer, body, filteredEmpty);
-    el.append(filterBar, headerWrap, filterRowWrap, viewport, detailPanel);
+    el2.append(filterBar, headerWrap, filterRowWrap, viewport, detailPanel);
     function panelMaxHeight() {
-      const containerH = el.clientHeight || window.innerHeight;
+      const containerH = el2.clientHeight || window.innerHeight;
       return Math.max(
         DETAIL_PANEL_MIN_HEIGHT + 1,
         containerH - PANEL_MAX_RESERVE
@@ -20383,7 +20406,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       relatedPanel.className = "db-related-panel";
       relatedPanel.hidden = true;
       relatedPanel.style.height = `${relatedHeight}px`;
-      el.appendChild(relatedPanel);
+      el2.appendChild(relatedPanel);
     }
     const colWidths = /* @__PURE__ */ new Map();
     let activeResize = null;
@@ -21611,7 +21634,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (!statusEl) {
         statusEl = document.createElement("div");
         statusEl.className = "db-grid-status";
-        el.appendChild(statusEl);
+        el2.appendChild(statusEl);
       }
       const t2 = text3().grid;
       const parts = [t2.statusRows(totalRows.toLocaleString())];
@@ -21636,7 +21659,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       statusEl = document.createElement("div");
       statusEl.className = "db-grid-status db-pane-error";
       statusEl.textContent = message;
-      el.appendChild(statusEl);
+      el2.appendChild(statusEl);
     }
     function load(table2, initialData) {
       clear();
@@ -21857,12 +21880,12 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       discardBtn.disabled = count === 0;
       notifyEditableIfChanged();
     }
-    function setControlVisibility(el2, visible) {
-      el2.style.visibility = visible ? "" : "hidden";
-      if ("tabIndex" in el2) {
-        el2.tabIndex = visible ? 0 : -1;
+    function setControlVisibility(el3, visible) {
+      el3.style.visibility = visible ? "" : "hidden";
+      if ("tabIndex" in el3) {
+        el3.tabIndex = visible ? 0 : -1;
       }
-      el2.setAttribute("aria-hidden", visible ? "false" : "true");
+      el3.setAttribute("aria-hidden", visible ? "false" : "true");
     }
     const editableListeners = /* @__PURE__ */ new Set();
     const editModeListeners = /* @__PURE__ */ new Set();
@@ -22018,7 +22041,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       embeddedGrid?.refreshForeignKeys();
     }
     return {
-      el,
+      el: el2,
       load,
       refresh: refreshCurrentTable,
       showError,
@@ -22078,9 +22101,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     filterClear.innerHTML = iconSvg("octicon-x", X_16_PATH);
     filterClear.hidden = true;
     filterWrap.append(filterInput, filterClear);
-    const el = document.createElement("div");
-    el.className = "db-table-list";
-    wrapper.append(filterWrap, el);
+    const el2 = document.createElement("div");
+    el2.className = "db-table-list";
+    wrapper.append(filterWrap, el2);
     let activeTable = null;
     let allTables = [];
     const expandedTables = /* @__PURE__ */ new Set();
@@ -22089,7 +22112,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     let contextMenuClick = null;
     let contextMenuKeyDown = null;
     let contextMenuTimer = null;
-    function closeContextMenu() {
+    function closeContextMenu2() {
       if (contextMenuTimer) {
         clearTimeout(contextMenuTimer);
         contextMenuTimer = null;
@@ -22107,9 +22130,9 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         contextMenu = null;
       }
     }
-    function showContextMenu(e2, tableName) {
+    function showContextMenu2(e2, tableName) {
       e2.preventDefault();
-      closeContextMenu();
+      closeContextMenu2();
       const menu = document.createElement("div");
       menu.className = "db-context-menu";
       menu.style.position = "absolute";
@@ -22150,7 +22173,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         row.textContent = item.label;
         row.addEventListener("click", () => {
           item.action();
-          closeContextMenu();
+          closeContextMenu2();
         });
         menu.appendChild(row);
       }
@@ -22158,13 +22181,13 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       contextMenu = menu;
       const onDocClick = (ev) => {
         if (!menu.contains(ev.target)) {
-          closeContextMenu();
+          closeContextMenu2();
         }
       };
       const onKeyDown = (ev) => {
         if (isImeComposing(ev)) return;
         if (ev.key === "Escape") {
-          closeContextMenu();
+          closeContextMenu2();
         }
       };
       contextMenuClick = onDocClick;
@@ -22246,7 +22269,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       filterInput.focus();
     }
     function renderFiltered(tables, filter) {
-      el.innerHTML = "";
+      el2.innerHTML = "";
       syncFilterClearButton();
       const filtered = filter ? tables.filter(
         (t2) => t2.name.toLowerCase().includes(filter.toLowerCase())
@@ -22268,7 +22291,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           actions.appendChild(clear);
           empty.appendChild(actions);
         }
-        el.appendChild(empty);
+        el2.appendChild(empty);
         return;
       }
       const groups = { table: [], view: [] };
@@ -22280,7 +22303,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         const header = document.createElement("div");
         header.className = "db-table-group-header";
         header.textContent = type === "view" ? "Views" : "Tables";
-        el.appendChild(header);
+        el2.appendChild(header);
         for (const table2 of items) {
           const node = document.createElement("div");
           node.className = "db-table-node";
@@ -22329,10 +22352,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           );
           row.addEventListener(
             "contextmenu",
-            (e2) => showContextMenu(e2, table2.name)
+            (e2) => showContextMenu2(e2, table2.name)
           );
           node.append(row, children);
-          el.appendChild(node);
+          el2.appendChild(node);
         }
       }
     }
@@ -22345,7 +22368,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       }
       columnCache.clear();
       activeTable = null;
-      closeContextMenu();
+      closeContextMenu2();
       filterInput.value = "";
       renderFiltered(tables, "");
     }
@@ -22356,7 +22379,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     filterClear.addEventListener("click", clearFilter);
     function setActive(table2) {
       activeTable = table2;
-      el.querySelectorAll(".db-table-item").forEach((item) => {
+      el2.querySelectorAll(".db-table-item").forEach((item) => {
         item.classList.toggle("active", item.dataset.table === table2);
       });
     }
@@ -22364,7 +22387,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       allTables = allTables.map(
         (entry) => entry.name === table2 ? { ...entry, rowCount } : entry
       );
-      for (const node of el.querySelectorAll(".db-table-node")) {
+      for (const node of el2.querySelectorAll(".db-table-node")) {
         if (node.dataset.table !== table2) continue;
         const count = node.querySelector(".db-table-count");
         if (count)
@@ -22372,7 +22395,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       }
     }
     function dispose() {
-      closeContextMenu();
+      closeContextMenu2();
       allTables = [];
       expandedTables.clear();
       columnCache.clear();
@@ -25234,11 +25257,11 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
     return !!text3 && !/\S/.test(text3);
   }
   function suppressWhitespaceOnlyInlineHighlights(root) {
-    root.querySelectorAll("ins, del").forEach((el) => {
-      if (!isWhitespaceOnlyInlineHighlight(el.textContent)) return;
-      const parent = el.parentNode;
+    root.querySelectorAll("ins, del").forEach((el2) => {
+      if (!isWhitespaceOnlyInlineHighlight(el2.textContent)) return;
+      const parent = el2.parentNode;
       if (!parent) return;
-      parent.replaceChild(document.createTextNode(el.textContent || ""), el);
+      parent.replaceChild(document.createTextNode(el2.textContent || ""), el2);
     });
   }
 
@@ -25365,12 +25388,12 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       button.innerHTML = expanded ? iconSvg("octicon-fold", COLLAPSE_ALL_16_PATHS) : iconSvg("octicon-unfold", EXPAND_ALL_16_PATHS);
     }
     function setProjectBranch(branch) {
-      const el = document.querySelector("#project-branch");
-      if (!el) return;
-      el.hidden = !branch;
-      const name = el.querySelector(".project-branch-name");
+      const el2 = document.querySelector("#project-branch");
+      if (!el2) return;
+      el2.hidden = !branch;
+      const name = el2.querySelector(".project-branch-name");
       if (name) name.textContent = branch;
-      el.title = branch ? `Current branch: ${branch}` : "";
+      el2.title = branch ? `Current branch: ${branch}` : "";
     }
     let metaFilesForViewedProgress = [];
     function viewedProgressFor(files) {
@@ -25487,36 +25510,36 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       return true;
     }
     function renderMeta(meta) {
-      const el = $("#meta");
+      const el2 = $("#meta");
       if (!meta) {
-        el.textContent = "";
+        el2.textContent = "";
         metaFilesForViewedProgress = [];
         return;
       }
       setProjectName(meta.project || "");
       setProjectBranch(meta.branch || "");
       metaFilesForViewedProgress = meta.files || [];
-      el.innerHTML = "";
+      el2.innerHTML = "";
       const text3 = diffText();
       if (meta.error) {
         const error2 = document.createElement("span");
         error2.className = "chip chip-error";
         error2.textContent = meta.error;
-        el.appendChild(error2);
+        el2.appendChild(error2);
       }
       if (meta.totals) {
         const files = document.createElement("span");
         files.className = "chip chip-files";
         files.textContent = text3.files(meta.totals.files);
-        el.appendChild(files);
+        el2.appendChild(files);
         const add2 = document.createElement("span");
         add2.className = "chip chip-add";
         add2.textContent = `+${meta.totals.additions}`;
-        el.appendChild(add2);
+        el2.appendChild(add2);
         const del = document.createElement("span");
         del.className = "chip chip-del";
         del.textContent = `−${meta.totals.deletions}`;
-        el.appendChild(del);
+        el2.appendChild(del);
       }
       const kinds = summarizeDiffFileKinds(meta.files);
       const kindChip = (className, label, count) => {
@@ -25524,7 +25547,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         const chip = document.createElement("span");
         chip.className = `chip ${className}`;
         chip.textContent = `${count} ${label}`;
-        el.appendChild(chip);
+        el2.appendChild(chip);
       };
       kindChip("chip-added", text3.kindAdded, kinds.added);
       kindChip("chip-deleted", text3.kindDeleted, kinds.deleted);
@@ -25542,7 +25565,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
           viewedProgress.viewed,
           viewedProgress.total
         );
-        el.appendChild(viewed);
+        el2.appendChild(viewed);
         const nextUnviewed = document.createElement("button");
         nextUnviewed.type = "button";
         nextUnviewed.className = "chip chip-next-unviewed";
@@ -25553,7 +25576,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         nextUnviewed.addEventListener("click", () => {
           scrollToNextUnviewedFile();
         });
-        el.appendChild(nextUnviewed);
+        el2.appendChild(nextUnviewed);
       }
       const u2 = document.createElement("span");
       u2.className = "chip chip-updated";
@@ -25561,7 +25584,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       u2.textContent = text3.updated(
         (/* @__PURE__ */ new Date()).toLocaleTimeString([], { hour12: false })
       );
-      el.appendChild(u2);
+      el2.appendChild(u2);
     }
     let SUPPRESS_SPY_UNTIL = 0;
     function prefetchByPath(path) {
@@ -25683,17 +25706,17 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       LOAD_QUEUE.length = 0;
       ACTIVE_LOADS = 0;
     }
-    function fileKey(f2) {
+    function fileKey2(f2) {
       return f2.key || f2.path;
     }
     function computeListSignature(files) {
       return files.map(
-        (f2) => `${fileKey(f2)}\0${f2.path}\0${f2.old_path || ""}\0${f2.status || "M"}`
+        (f2) => `${fileKey2(f2)}\0${f2.path}\0${f2.old_path || ""}\0${f2.status || "M"}`
       ).join("\n");
     }
     function computeCardSignature(f2) {
       return [
-        fileKey(f2),
+        fileKey2(f2),
         f2.status || "M",
         f2.additions || 0,
         f2.deletions || 0,
@@ -25770,7 +25793,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const tmp = createPlaceholder(file);
       while (tmp.firstChild) card.appendChild(tmp.firstChild);
       card.dataset.path = file.path;
-      card.dataset.key = fileKey(file);
+      card.dataset.key = fileKey2(file);
       card.dataset.sizeClass = file.size_class || "small";
       card.dataset.status = file.status || "M";
       card.dataset.reqId = String(++CLIENT_REQ_SEQ);
@@ -25793,7 +25816,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       renderMeta(meta);
       const target = getDiffRoot?.() || $("#diff");
       const empty = getEmptyPane?.() || $("#empty");
-      const expectedKeys = newFiles.map(fileKey);
+      const expectedKeys = newFiles.map(fileKey2);
       const domIntact = isDiffShellDomIntact(target, expectedKeys);
       const sidebarNeedsRender = shouldRenderDiffSidebar(listSame, domIntact);
       if (!newFiles.length) {
@@ -25817,11 +25840,11 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       empty.classList.add("hidden");
       const newCardSigs = /* @__PURE__ */ new Map();
       for (const f2 of newFiles) {
-        newCardSigs.set(fileKey(f2), computeCardSignature(f2));
+        newCardSigs.set(fileKey2(f2), computeCardSignature(f2));
       }
       const pathsUnknown = !changedPaths;
       const contentMayNeedReload = !listSame || pathsUnknown || (changedPaths ? newFiles.some((file) => {
-        const key = fileKey(file);
+        const key = fileKey2(file);
         return prevCardSignatures.get(key) !== newCardSigs.get(key) || changedPathsCoverPath(changedPaths, file.path);
       }) : false);
       if (contentMayNeedReload) resetLoadScheduling();
@@ -25830,14 +25853,14 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
         const cardsByKey = collectDiffCardsByKey(target);
         const measuredHeights = /* @__PURE__ */ new Map();
         for (const f2 of newFiles) {
-          const key = fileKey(f2);
+          const key = fileKey2(f2);
           const card = cardsByKey.get(key);
           if (card && (card.classList.contains("loaded") || card.classList.contains("loading")))
             measuredHeights.set(key, card.offsetHeight);
         }
         let sidebarNeedsStatsUpdate = false;
         for (const f2 of newFiles) {
-          const key = fileKey(f2);
+          const key = fileKey2(f2);
           const oldSig = prevCardSignatures.get(key);
           const newSig = newCardSigs.get(key) ?? computeCardSignature(f2);
           const sigChanged = oldSig !== newSig;
@@ -25893,7 +25916,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const oldByKey = collectDiffCardsByKey(target);
       const ordered = [];
       for (const f2 of newFiles) {
-        const key = fileKey(f2);
+        const key = fileKey2(f2);
         const old = oldByKey.get(key);
         if (old) {
           oldByKey.delete(key);
@@ -26851,7 +26874,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       const mount = getMount();
       return mount ? !mount.hidden : false;
     }
-    async function open() {
+    async function open2() {
       const mount = getMount();
       if (!mount) return;
       bindOnce(mount);
@@ -26886,7 +26909,7 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (!mount) return;
       await load(mount);
     }
-    return { open, close, isOpen, refresh };
+    return { open: open2, close, isOpen, refresh };
   }
 
   // web-src/views/empty-diff-pane.ts
@@ -27372,12 +27395,12 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       if (label) label.textContent = "";
     }
     function syncRefreshResult(result) {
-      const el = result ?? activeMount.refreshResult;
-      if (!el) return;
-      el.textContent = "";
-      el.hidden = true;
-      el.classList.toggle("changed", false);
-      el.classList.toggle("pending", false);
+      const el2 = result ?? activeMount.refreshResult;
+      if (!el2) return;
+      el2.textContent = "";
+      el2.hidden = true;
+      el2.classList.toggle("changed", false);
+      el2.classList.toggle("pending", false);
     }
     function syncFilterClearButton(button) {
       const clearButton = button ?? activeMount.filterClearButton;
@@ -27398,8 +27421,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
       }
       const gen = generation;
       const set2 = (sel, text3) => {
-        const el = info.querySelector(sel);
-        if (el) el.textContent = text3;
+        const el2 = info.querySelector(sel);
+        if (el2) el2.textContent = text3;
       };
       info.querySelector(".hci-head")?.removeAttribute("hidden");
       set2(".hci-sha", commit.sha);
@@ -27935,8 +27958,8 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
 
   // web-src/views/file-history-shell.ts
   function removeFileHistoryShell() {
-    document.querySelectorAll(".gdp-standalone-file-history").forEach((el) => {
-      (el.closest(".gdp-repo-blob-layout") || el).remove();
+    document.querySelectorAll(".gdp-standalone-file-history").forEach((el2) => {
+      (el2.closest(".gdp-repo-blob-layout") || el2).remove();
     });
   }
   function renderFileHistoryShell(deps, route, options = {}) {
@@ -28901,6 +28924,31 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
                 }
               ]
             },
+            {
+              title: "Worktrees",
+              blocks: [
+                {
+                  kind: "paragraph",
+                  text: "The Worktrees item in the header menu lists every worktree of this repository — the main one and every linked worktree — in the same three-pane shape as History: pick a worktree on the left, its changed files in the middle, the diff on the right. Running one coding agent per worktree makes that spread invisible from inside a single checkout, and this screen is where it becomes visible again. The selection lives in the URL (?wt=…&file=…), so a reload comes back to the same diff."
+                },
+                {
+                  kind: "paragraph",
+                  text: `Every row in the left pane answers two things. How far the branch has drifted from the base branch (how many commits ahead and behind), and whether it still merges: code-viewer runs git merge-tree without touching any working tree, so a row says either that it merges cleanly, or how many files would conflict, or that the check could not run — the last one is kept separate from the first, because "not checked" is not "safe". The middle pane then splits that worktree's files into work that is not committed yet and commits made since the branch point, with added and deleted line counts; the diff itself is rendered by the same viewer the Diff screen uses, from git run inside that worktree.`
+                },
+                {
+                  kind: "paragraph",
+                  text: "The banner above the cards is the one to read first. It names every file that more than one worktree is currently changing, and the same files are marked inside each card. Two agents editing the same file is invisible until one of them merges; this is where it shows up before that happens. The base branch is whatever origin/HEAD points at, falling back to main and then master; each row names the one it used."
+                },
+                {
+                  kind: "paragraph",
+                  text: "Create makes a worktree under .worktrees/ in the repository root. You give it a folder name and the dialog shows the exact path it will create as you type; the branch defaults to that same name, so an existing branch is checked out and otherwise a new one starts from where you are. Because that folder sits inside the repository, git reports it as untracked until you add .worktrees/ to .gitignore — the dialog keeps that note behind a ? mark, and code-viewer never edits .gitignore for you. Remove deletes the worktree's folder from disk — the dialog says so, with the full path and a note that it cannot be undone — and keeps the branch and its committed work. With uncommitted changes the dialog also shows a warning and requires a checkbox before it deletes. An entry whose folder is already gone is cleaned from git's bookkeeping instead (git worktree prune), and the dialog says how many such entries will go. Because prune silently skips locked entries and still succeeds, code-viewer checks the entry is actually gone before reporting success and explains why if it is not. The worktree this server is serving cannot be removed from here. Delete sits on its own line, away from the everyday buttons, and stays muted until you reach for it."
+                },
+                {
+                  kind: "paragraph",
+                  text: 'Every row carries a "…" on the right, and every action for that worktree lives in it — no button appears just because you picked a row, and the row you act on is the row you opened the menu from, whether or not it is the one being shown. "Open in a new tab" starts a second code-viewer for that worktree, because a server stays on the working tree it started in; an already-running server is reused instead of started again. Those servers outlive this one, so "Stop its server" is in the same menu — the Server group in doctor still lists them all, and `kill <pid>` works too, with the pid in ~/.cache/code-viewer/servers/. A worktree that merges cleanly also offers to copy the `git switch` / `git merge` command; code-viewer copies it and never runs it. "Copy its address" is there because a new tab can be stopped by a browser extension before it loads (Chrome reports ERR_BLOCKED_BY_CLIENT) — the address still works in another browser or from a terminal. "Open folder" only appears for worktrees inside the repository, since that is the only place code-viewer will open on your behalf.'
+                }
+              ]
+            },
             {
               title: "Environment doctor",
               blocks: [
@@ -29643,6 +29691,31 @@ code-viewer annotate add-db --db app.db --tab query \\
                 }
               ]
             },
+            {
+              title: "作業ツリー",
+              blocks: [
+                {
+                  kind: "paragraph",
+                  text: "ヘッダメニューの「作業ツリー」は、このリポジトリの作業ツリーを本体ぶんも含めて並べます。画面の形は履歴と同じ 3 つの列で、左で作業ツリーを選び、中央にその変更ファイル、右に差分が出ます。コーディングエージェントを作業ツリーごとに走らせると、1 つのチェックアウトの中からは全体が見えなくなります。この画面はそれを見えるようにするためのものです。選んだものは URL に載る (?wt=…&file=…) ので、読み込み直しても同じ差分に戻ります。"
+                },
+                {
+                  kind: "paragraph",
+                  text: "左の 1 行が答えるのは 2 つです。基準ブランチからどれだけ離れているか（進んだぶん・遅れたぶんのコミット数）。そしてまだマージできるか — 作業ツリーを一切触らない git merge-tree で試し、「そのままマージできます」「マージすると何ファイルで衝突するか」「確かめられなかった」を出し分けます。最後のものは 1 番目と混ぜません。「確かめていない」は「安全」ではないからです。中央の列は、その作業ツリーが触っているファイルを、まだコミットしていないぶんと分岐した後のコミットに分けて、追加・削除の行数つきで出します。差分そのものは Diff ビューアと同じ描画で、その作業ツリーの中で走らせた git の結果です。"
+                },
+                {
+                  kind: "paragraph",
+                  text: "カードの上の帯を最初に読んでください。2 本以上の作業ツリーが今まさに触っているファイルを名指しで挙げ、同じファイルは各カードの中にも印が付きます。2 つのエージェントが同じファイルを書いていることは、どちらかをマージするまで表に出ません。ここはそれが起きる前に出る場所です。基準ブランチは origin/HEAD が指す先で、無ければ main、次に master を使います。どれを使ったかは各行に出ます。"
+                },
+                {
+                  kind: "paragraph",
+                  text: "「作る」はリポジトリ直下の .worktrees/ の下に作業ツリーを作ります。入力するのはフォルダ名で、打つそばから作られるパスがダイアログに出ます。ブランチは同じ名前が既定で、既にあるブランチならそれを開き、無ければいまの地点から新しく作ります。この置き場所はリポジトリの中なので、.worktrees/ を .gitignore に入れるまでは git から未追跡として見えます。その案内はダイアログの「?」に入れてあり、code-viewer が .gitignore を書き換えることはしません。「削除」はその作業ツリーのフォルダをディスクから消します。ダイアログにはフルパスと「元に戻せません」が出ます。ブランチとコミット済みの内容は残します。コミットしていない変更があるときは警告が出て、チェックを入れないと削除できません。フォルダが既に無い登録は git の管理情報の掃除 (git worktree prune) になり、同じ状態の登録が他にもあれば件数を出します。prune はロックされた登録を黙って飛ばして成功を返すので、消えたことを確かめてから成功と言います (残っていれば理由つきで断ります)。このサーバが映している作業ツリーはここからは消せません。削除だけは他の操作と段を分けて置いてあり、押すまでは沈んだ字で出ます。"
+                },
+                {
+                  kind: "paragraph",
+                  text: "各行の右端に「…」があり、その作業ツリーへの操作は全部その中にあります。行を選んだからといってボタンが現れることはなく、操作の相手は「…」を開いた行です（いま映している行である必要はありません）。「別タブで見る」はその作業ツリーで code-viewer をもう 1 本起こします。サーバは起動したときの作業ツリーから動けないためです。既に動いているサーバがあれば使い回します。起こしたサーバはこのサーバより長く生きるので、「サーバを止める」を同じメニューに置いてあります。doctor の Server グループには変わらず一覧が出ますし、`kill <pid>` でも止まります（pid は ~/.cache/code-viewer/servers/）。そのままマージできる作業ツリーには、取り込むコマンドのコピーも出ます。コピーするだけで、code-viewer が実行することはありません。「アドレスをコピー」があるのは、開いたタブがブラウザ拡張に止められることがあるためです（Chrome は ERR_BLOCKED_BY_CLIENT と出します）。アドレスさえ手元にあれば、別のブラウザやターミナルから開けます。「フォルダを開く」はリポジトリの中にある作業ツリーにだけ出ます。code-viewer が代わりに開くのはそこまでだからです。"
+                }
+              ]
+            },
             {
               title: "環境ドクター",
               blocks: [
@@ -31810,13 +31883,13 @@ code-viewer annotate add-db --db app.db --tab query \\
     function clearTaskDropTargets() {
       root.querySelectorAll(
         ".journal-task-card.drop-target, .journal-task-column.drop-target"
-      ).forEach((el) => {
-        el.classList.remove("drop-target", "drop-after");
+      ).forEach((el2) => {
+        el2.classList.remove("drop-target", "drop-after");
       });
     }
     function clearTaskDragState() {
-      root.querySelectorAll(".journal-task-card.dragging").forEach((el) => {
-        el.classList.remove("dragging");
+      root.querySelectorAll(".journal-task-card.dragging").forEach((el2) => {
+        el2.classList.remove("dragging");
       });
       stopTaskDragAutoScroll();
       clearTaskDropTargets();
@@ -33110,7 +33183,7 @@ code-viewer annotate add-db --db app.db --tab query \\
       fullLink.textContent = text3.viewAll;
       settingsLink.textContent = text3.settings;
     }
-    function open() {
+    function open2() {
       applyText();
       renderContent();
       popover.hidden = false;
@@ -33122,7 +33195,7 @@ code-viewer annotate add-db --db app.db --tab query \\
     }
     function toggle() {
       if (isOpen()) close();
-      else open();
+      else open2();
     }
     trigger.addEventListener("click", toggle);
     closeBtn.addEventListener("click", close);
@@ -33152,7 +33225,7 @@ code-viewer annotate add-db --db app.db --tab query \\
       applyText();
       if (isOpen()) renderContent();
     }
-    return { open, close, toggle, isOpen, localize };
+    return { open: open2, close, toggle, isOpen, localize };
   }
 
   // web-src/views/ref-picker.ts
@@ -33669,9 +33742,9 @@ code-viewer annotate add-db --db app.db --tab query \\
       syncSidebarHeaderHeight();
     }
     let SIDEBAR_FILES = [];
-    function setFolderIcon(el, collapsed) {
+    function setFolderIcon(el2, collapsed) {
       const path = collapsed ? FOLDER_ICON_PATHS.closed : FOLDER_ICON_PATHS.open;
-      el.innerHTML = '<svg class="octicon octicon-file-directory-' + (collapsed ? "fill" : "open-fill") + '" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="' + path + '"></path></svg>';
+      el2.innerHTML = '<svg class="octicon octicon-file-directory-' + (collapsed ? "fill" : "open-fill") + '" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="' + path + '"></path></svg>';
     }
     function setSidebarTreeActionIcons() {
       const sidebarToggle = ensureSidebarToggleButton();
@@ -34281,13 +34354,13 @@ code-viewer annotate add-db --db app.db --tab query \\
       input2.toggleAttribute("aria-invalid", invalid);
       input2.title = invalid ? filter.error || "invalid regular expression" : "";
       const filterActive = filter.kind !== "empty" && !invalid;
-      const matches = invalid ? () => true : filter.match;
+      const matches2 = invalid ? () => true : filter.match;
       const walk = (node, depth) => {
         let subtreeVisible = false;
         const rows = [];
         for (const item of treeNodeItems(node)) {
           if (item.kind === "dir") {
-            const dirMatches = filterActive && matches(item.dir.path);
+            const dirMatches = filterActive && matches2(item.dir.path);
             const eff = dirEffectiveCollapsed(item.dir);
             const expanded = !item.dir.children_omitted && !eff.lazyNotLoaded && (filterActive ? !eff.userCollapsed : !eff.effectiveCollapsed);
             const child = walk(item.dir, depth + 1);
@@ -34305,7 +34378,7 @@ code-viewer annotate add-db --db app.db --tab query \\
             subtreeVisible = subtreeVisible || visible;
           } else {
             const testHidden = STATE.hideTests && !isRepositorySidebarMode() && isTestPath(item.file.path || "");
-            const visible = !testHidden && matches(item.file.path || "");
+            const visible = !testHidden && matches2(item.file.path || "");
             if (visible) {
               rows.push({
                 kind: "file",
@@ -34703,19 +34776,19 @@ code-viewer annotate add-db --db app.db --tab query \\
       const invalid = filter.kind === "invalid";
       input2.toggleAttribute("aria-invalid", invalid);
       input2.title = invalid ? filter.error || "invalid regular expression" : "";
-      const matches = invalid ? () => true : filter.match;
+      const matches2 = invalid ? () => true : filter.match;
       const filterActive = filter.kind !== "empty" && !invalid;
       $$("#filelist li[data-path]").forEach((li) => {
-        const match2 = matches(li.dataset.path || "");
+        const match2 = matches2(li.dataset.path || "");
         li.classList.toggle("hidden", !match2);
       });
       if (!isRepositorySidebarMode()) {
         document.querySelectorAll(".gdp-file-shell").forEach((card) => {
-          const match2 = matches(card.dataset.path || "");
+          const match2 = matches2(card.dataset.path || "");
           card.classList.toggle("hidden-by-filter", !match2);
         });
       }
-      updateTreeDirVisibility(matches, filterActive);
+      updateTreeDirVisibility(matches2, filterActive);
       if (!isRepositorySidebarMode() && typeof applyViewedState === "function")
         applyViewedState();
     }
@@ -34769,6 +34842,7 @@ code-viewer annotate add-db --db app.db --tab query \\
       const input2 = document.querySelector("#sb-filter");
       if (!input2?.value) return;
       input2.value = "";
+      input2.dispatchEvent(new Event("input", { bubbles: true }));
       syncSidebarFilterClearButton();
       flushSidebarFilter();
       applyFilter();
@@ -37242,11 +37316,11 @@ code-viewer annotate add-db --db app.db --tab query \\
         const grouped = /* @__PURE__ */ new Map();
         state.items.forEach((item, index) => {
           if (item.kind !== "grep") return;
-          const matches = grouped.get(item.path) ?? [];
-          matches.push({ item, index });
-          grouped.set(item.path, matches);
+          const matches2 = grouped.get(item.path) ?? [];
+          matches2.push({ item, index });
+          grouped.set(item.path, matches2);
         });
-        for (const [path, matches] of grouped) {
+        for (const [path, matches2] of grouped) {
           const group = document.createElement("section");
           group.className = "gdp-palette-file-group";
           group.setAttribute("role", "group");
@@ -37259,11 +37333,11 @@ code-viewer annotate add-db --db app.db --tab query \\
           name.title = path;
           const count = document.createElement("span");
           count.className = "gdp-palette-file-heading-count";
-          count.textContent = String(matches.length);
+          count.textContent = String(matches2.length);
           heading2.append(name, count);
           const rows = document.createElement("div");
           rows.className = "gdp-palette-file-matches";
-          for (const match2 of matches) {
+          for (const match2 of matches2) {
             rows.appendChild(
               createPaletteRow(state, match2.item, match2.index, true)
             );
@@ -38028,11 +38102,11 @@ code-viewer annotate add-db --db app.db --tab query \\
       return STATE.route.screen === "file" ? { path: STATE.route.path, ref: STATE.route.ref } : null;
     }
     function removeStandaloneSource() {
-      document.querySelectorAll(".gdp-standalone-source").forEach((el) => {
-        el.remove();
+      document.querySelectorAll(".gdp-standalone-source").forEach((el2) => {
+        el2.remove();
       });
-      document.querySelectorAll(".gdp-repo-blob-layout").forEach((el) => {
-        el.remove();
+      document.querySelectorAll(".gdp-repo-blob-layout").forEach((el2) => {
+        el2.remove();
       });
     }
     function renderSourceLoading(card, target, onCancel) {
@@ -38598,17 +38672,17 @@ code-viewer annotate add-db --db app.db --tab query \\
       return ranges;
     }
     function collectVirtualSourceSearchMatches(lines, query, max = 5e3) {
-      const matches = [];
-      for (let index = 0; index < lines.length && matches.length < max; index++) {
+      const matches2 = [];
+      for (let index = 0; index < lines.length && matches2.length < max; index++) {
         for (const range of virtualSourceSearchRanges(
           lines[index] || "",
           query
         )) {
-          matches.push({ line: index + 1, start: range.start, end: range.end });
-          if (matches.length >= max) break;
+          matches2.push({ line: index + 1, start: range.start, end: range.end });
+          if (matches2.length >= max) break;
         }
       }
-      return matches;
+      return matches2;
     }
     function appendVirtualSourceLineCode(code2, line, query, activeRange, lineNumber) {
       const ranges = virtualSourceSearchRanges(line, query);
@@ -38652,7 +38726,7 @@ code-viewer annotate add-db --db app.db --tab query \\
       bar.append(input2, count, previous, next, close);
       wrap.querySelector(".gdp-source-virtual-info")?.appendChild(bar);
       bar.hidden = true;
-      let matches = [];
+      let matches2 = [];
       let active = -1;
       let debounce = 0;
       let searchVersion = 0;
@@ -38665,7 +38739,7 @@ code-viewer annotate add-db --db app.db --tab query \\
         const query = input2.value;
         const version = ++searchVersion;
         if (!query) {
-          matches = [];
+          matches2 = [];
           active = -1;
           count.textContent = "";
           renderFn();
@@ -38674,20 +38748,20 @@ code-viewer annotate add-db --db app.db --tab query \\
         count.textContent = "Searching...";
         findMatches(query).then((nextMatches) => {
           if (version !== searchVersion) return;
-          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";
+          matches2 = nextMatches;
+          active = matches2.length ? Math.max(0, Math.min(active, matches2.length - 1)) : -1;
+          count.textContent = matches2.length ? `${active + 1} / ${matches2.length}` : "0 / 0";
           if (active >= 0) {
             const rowHeight = sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT;
             scroller.scrollTop = Math.max(
               0,
-              (matches[active].line - 1) * rowHeight - rowHeight * 3
+              (matches2[active].line - 1) * rowHeight - rowHeight * 3
             );
           }
           renderFn();
         }).catch(() => {
           if (version !== searchVersion) return;
-          matches = [];
+          matches2 = [];
           active = -1;
           count.textContent = "Search failed";
           renderFn();
@@ -38698,13 +38772,13 @@ code-viewer annotate add-db --db app.db --tab query \\
         debounce = window.setTimeout(sync, 120);
       };
       const move = (direction) => {
-        if (!matches.length) return;
-        active = (active + direction + matches.length) % matches.length;
-        count.textContent = `${active + 1} / ${matches.length}`;
+        if (!matches2.length) return;
+        active = (active + direction + matches2.length) % matches2.length;
+        count.textContent = `${active + 1} / ${matches2.length}`;
         const rowHeight = sourceLineScrollAmount() || VIRTUAL_SOURCE_ROW_HEIGHT;
         scroller.scrollTop = Math.max(
           0,
-          (matches[active].line - 1) * rowHeight - rowHeight * 3
+          (matches2[active].line - 1) * rowHeight - rowHeight * 3
         );
         renderFn();
       };
@@ -38733,7 +38807,7 @@ code-viewer annotate add-db --db app.db --tab query \\
           sync();
         },
         query: () => bar.hidden ? "" : input2.value,
-        activeRange: () => active >= 0 ? matches[active] || null : null
+        activeRange: () => active >= 0 ? matches2[active] || null : null
       };
     }
     function openVirtualSourceSearchFromKeyboard(targetEl) {
@@ -39100,10 +39174,10 @@ code-viewer annotate add-db --db app.db --tab query \\
       scroller.__gdpRenderVirtualSource = render;
       scroller.addEventListener("scroll", schedule, { passive: true });
       const findPagedMatches = async (query, matchSignal) => {
-        const matches = [];
+        const matches2 = [];
         let startLine = 1;
         let done = false;
-        while (!done && matches.length < 5e3) {
+        while (!done && matches2.length < 5e3) {
           const endLine = startLine + VIRTUAL_SOURCE_PAGE_SIZE - 1;
           const data = await trackLoad(
             fetch(buildFileRangeUrl(target, startLine, endLine), {
@@ -39118,12 +39192,12 @@ code-viewer annotate add-db --db app.db --tab query \\
             const lineNumber = data.start + index;
             lines.set(lineNumber, lineValue);
             for (const range of virtualSourceSearchRanges(lineValue, query)) {
-              matches.push({
+              matches2.push({
                 line: lineNumber,
                 start: range.start,
                 end: range.end
               });
-              if (matches.length >= 5e3) break;
+              if (matches2.length >= 5e3) break;
             }
           });
           totalRows = data.complete ? Math.max(1, data.total) : Math.max(totalRows, data.total, endLine + VIRTUAL_SOURCE_PAGE_SIZE);
@@ -39135,7 +39209,7 @@ code-viewer annotate add-db --db app.db --tab query \\
         renderedStart = -1;
         renderedEnd = -1;
         schedule();
-        return matches;
+        return matches2;
       };
       search = createVirtualSourceSearch(
         wrap,
@@ -39313,8 +39387,8 @@ code-viewer annotate add-db --db app.db --tab query \\
       const repoTarget = repoFileTargetFromRoute();
       setPageMode();
       removeStandaloneSource();
-      document.querySelectorAll(".gdp-repo-blob-layout").forEach((el) => {
-        el.remove();
+      document.querySelectorAll(".gdp-repo-blob-layout").forEach((el2) => {
+        el2.remove();
       });
       const card = document.createElement("article");
       card.className = "gdp-file-shell loaded gdp-standalone-source gdp-source-mode";
@@ -39785,13 +39859,13 @@ code-viewer annotate add-db --db app.db --tab query \\
   }
 
   // web-src/core/scroll-chaining.ts
-  function hasScrollRoom(el, event) {
-    const up = event.deltaY < 0 && el.scrollTop > 1;
-    const down = event.deltaY > 0 && el.scrollHeight - el.clientHeight - el.scrollTop > 1;
-    const left = event.deltaX < 0 && el.scrollLeft > 1;
-    const right = event.deltaX > 0 && el.scrollWidth - el.clientWidth - el.scrollLeft > 1;
+  function hasScrollRoom(el2, event) {
+    const up = event.deltaY < 0 && el2.scrollTop > 1;
+    const down = event.deltaY > 0 && el2.scrollHeight - el2.clientHeight - el2.scrollTop > 1;
+    const left = event.deltaX < 0 && el2.scrollLeft > 1;
+    const right = event.deltaX > 0 && el2.scrollWidth - el2.clientWidth - el2.scrollLeft > 1;
     if (!up && !down && !left && !right) return false;
-    const style = getComputedStyle(el);
+    const style = getComputedStyle(el2);
     const scrollsY = style.overflowY === "auto" || style.overflowY === "scroll";
     const scrollsX = style.overflowX === "auto" || style.overflowX === "scroll";
     return (up || down) && scrollsY || (left || right) && scrollsX;
@@ -39999,8 +40073,8 @@ code-viewer annotate add-db --db app.db --tab query \\
     return parts.join(BRANCH_KEY_SEP);
   }
   function createSessionBoard(deps) {
-    const el = document.createElement("div");
-    el.className = "terminal-board";
+    const el2 = document.createElement("div");
+    el2.className = "terminal-board";
     const scopeBar = document.createElement("div");
     scopeBar.className = "terminal-scope";
     const scopeSelect = document.createElement("select");
@@ -40043,7 +40117,7 @@ code-viewer annotate add-db --db app.db --tab query \\
     tree.role = "tree";
     const treeEmpty = document.createElement("p");
     treeEmpty.className = "terminal-empty";
-    el.append(scopeBar, observationErrors, attentionSection, filters, tree);
+    el2.append(scopeBar, observationErrors, attentionSection, filters, tree);
     let data = {
       panes: null,
       shells: [],
@@ -40116,12 +40190,12 @@ code-viewer annotate add-db --db app.db --tab query \\
       }
       const actions = document.createElement("div");
       actions.className = "terminal-card-actions";
-      const open = document.createElement("button");
-      open.type = "button";
-      open.className = `terminal-card-open terminal-card-open-${row.state}`;
-      open.textContent = text3.openTarget;
-      open.addEventListener("click", () => activate(row));
-      actions.appendChild(open);
+      const open2 = document.createElement("button");
+      open2.type = "button";
+      open2.className = `terminal-card-open terminal-card-open-${row.state}`;
+      open2.textContent = text3.openTarget;
+      open2.addEventListener("click", () => activate(row));
+      actions.appendChild(open2);
       if (row.state === "done") {
         const read = document.createElement("button");
         read.type = "button";
@@ -40415,7 +40489,7 @@ ${error2.stack}` : ""}`;
     }
     render();
     return {
-      el,
+      el: el2,
       setData(next) {
         data = next;
         render();
@@ -40471,17 +40545,17 @@ ${error2.stack}` : ""}`;
       previouslyFocused?.focus?.();
     };
     const button = (label, title2, onClick) => {
-      const el = document.createElement("button");
-      el.type = "button";
-      el.className = "terminal-font-btn";
-      el.textContent = label;
-      el.title = title2;
-      el.setAttribute("aria-label", title2);
-      el.addEventListener("click", (event) => {
+      const el2 = document.createElement("button");
+      el2.type = "button";
+      el2.className = "terminal-font-btn";
+      el2.textContent = label;
+      el2.title = title2;
+      el2.setAttribute("aria-label", title2);
+      el2.addEventListener("click", (event) => {
         event.stopPropagation();
         onClick();
       });
-      return el;
+      return el2;
     };
     zoomReset = button("100%", text3.zoomReset, () => viewport.reset());
     actions.append(
@@ -40536,14 +40610,14 @@ ${error2.stack}` : ""}`;
   var INLINE_IMAGE_COLS = 30;
   var INLINE_IMAGE_ROWS = 8;
   function createTerminalScreen(deps) {
-    const el = document.createElement("div");
-    el.className = "terminal-pane-body";
+    const el2 = document.createElement("div");
+    el2.className = "terminal-pane-body";
     const attachments = document.createElement("div");
     attachments.className = "terminal-attachments";
     attachments.hidden = true;
     const screenEl = document.createElement("div");
     screenEl.className = "terminal-screen";
-    el.append(attachments, screenEl);
+    el2.append(attachments, screenEl);
     let term = null;
     let fitAddon = null;
     let source = null;
@@ -40664,13 +40738,13 @@ ${formatErrorDetail(error2)}`
     function addAttachment(src, name, path) {
       const item = document.createElement("div");
       item.className = "terminal-attachment";
-      const open = document.createElement("button");
-      open.type = "button";
-      open.className = "terminal-attachment-open";
+      const open2 = document.createElement("button");
+      open2.type = "button";
+      open2.className = "terminal-attachment-open";
       const openLabel = deps.getText().openImage;
-      open.title = path;
-      open.setAttribute("aria-label", `${openLabel}: ${name}`);
-      open.addEventListener("click", () => {
+      open2.title = path;
+      open2.setAttribute("aria-label", `${openLabel}: ${name}`);
+      open2.addEventListener("click", () => {
         openImageLightbox({ url: src, name, path }, deps.getText());
       });
       const image2 = document.createElement("img");
@@ -40688,7 +40762,7 @@ ${formatErrorDetail(error2)}`
           );
         }
       });
-      open.appendChild(image2);
+      open2.appendChild(image2);
       const label = document.createElement("span");
       label.className = "terminal-attachment-name";
       label.textContent = name;
@@ -40703,7 +40777,7 @@ ${formatErrorDetail(error2)}`
         item.remove();
         attachments.hidden = attachments.childElementCount === 0;
       });
-      item.append(open, label, remove);
+      item.append(open2, label, remove);
       attachments.appendChild(item);
       attachments.hidden = false;
     }
@@ -40928,7 +41002,7 @@ ${formatErrorDetail(error2)}`
       }
       return null;
     }
-    el.addEventListener(
+    el2.addEventListener(
       "paste",
       (event) => {
         const file = firstImage(event.clipboardData);
@@ -41080,7 +41154,7 @@ ${formatErrorDetail(error2)}`
       deps.onStatus(null);
     }
     return {
-      el,
+      el: el2,
       applyFontSize() {
         if (!term) return;
         term.options.fontSize = deps.getFontSize();
@@ -41562,7 +41636,7 @@ ${formatErrorDetail(error2)}`);
       const host = getMount();
       return host ? !host.hidden : false;
     }
-    async function open(id) {
+    async function open2(id) {
       const host = getMount();
       if (!host || disposed) return;
       const myGen = ++generation;
@@ -41621,7 +41695,7 @@ ${formatErrorDetail(error2)}`);
       renderLists();
     }
     return {
-      open,
+      open: open2,
       close,
       isOpen,
       getActiveTarget: () => attached?.id ?? lastTargetId,
@@ -41772,8 +41846,8 @@ ${formatErrorDetail(error2)}`);
   }
   function createScratchpadPane(text3, outputTitle, placeholder, options) {
     let currentText = text3;
-    const el = document.createElement("div");
-    el.className = `tools-pane ${options.toolClassName}`;
+    const el2 = document.createElement("div");
+    el2.className = `tools-pane ${options.toolClassName}`;
     const inputSide = document.createElement("section");
     inputSide.className = "tools-pane-side tools-pane-input";
     const { head: inputHead, titleEl: inputTitle } = createHead(text3.pane.input);
@@ -41808,7 +41882,7 @@ ${formatErrorDetail(error2)}`);
     const output = document.createElement("div");
     output.className = "tools-pane-body";
     outputSide.append(outputHead, output);
-    el.append(inputSide, resizer, outputSide);
+    el2.append(inputSide, resizer, outputSide);
     let statusTimer = null;
     let pinnedStatus = null;
     let normalStatus = { message: "", tone: "info" };
@@ -41888,21 +41962,21 @@ ${formatErrorDetail(error2)}`);
     });
     const MIN_SIDE_WIDTH = 220;
     function applyInputWidth(width) {
-      const total = el.getBoundingClientRect().width;
+      const total = el2.getBoundingClientRect().width;
       const max = Math.max(MIN_SIDE_WIDTH, total - MIN_SIDE_WIDTH);
       const clamped = Math.max(MIN_SIDE_WIDTH, Math.min(max, width));
-      el.style.setProperty("--tools-input-width", `${Math.round(clamped)}px`);
+      el2.style.setProperty("--tools-input-width", `${Math.round(clamped)}px`);
     }
     const detachResizer = attachDragResizer({
       handle: resizer,
       getSize: () => inputSide.getBoundingClientRect().width,
       applySize: applyInputWidth,
       direction: 1,
-      activeClassTarget: el,
+      activeClassTarget: el2,
       activeClassName: "tools-pane-resizing"
     });
     return {
-      el,
+      el: el2,
       input: input2,
       output,
       setStatus,
@@ -42426,7 +42500,7 @@ ${formatErrorDetail(error2)}`);
       const host = getMount();
       return host ? !host.hidden : false;
     }
-    async function open(tool) {
+    async function open2(tool) {
       const host = getMount();
       if (!host) return;
       const myGen = ++generation;
@@ -42483,7 +42557,7 @@ ${formatErrorDetail(error2)}`);
     };
     window.addEventListener("beforeunload", onBeforeUnload);
     return {
-      open,
+      open: open2,
       close,
       isOpen,
       getActiveTool: () => activeTool,
@@ -43137,6 +43211,1704 @@ ${formatErrorDetail(error2)}`);
     return { mount, sync, localize };
   }
 
+  // web-src/views/worktree-i18n.ts
+  var EN_STATUS_TITLES = {
+    M: "modified",
+    A: "added",
+    D: "deleted",
+    R: "renamed",
+    C: "copied",
+    U: "untracked"
+  };
+  var JA_STATUS_TITLES = {
+    M: "変更",
+    A: "追加",
+    D: "削除",
+    R: "リネーム",
+    C: "コピー",
+    U: "未追跡"
+  };
+  var TEXT3 = {
+    en: {
+      title: "Worktrees",
+      ariaLabel: "Git worktrees",
+      loading: "Loading worktrees…",
+      loadFailed: "Failed to load worktrees.",
+      empty: "No worktrees.",
+      refresh: "Reload",
+      refreshTitle: "Reload the worktree list",
+      count: (n2) => n2 === 1 ? "1 worktree" : `${n2} worktrees`,
+      baseUnknown: "no base branch found",
+      gitignoreHint: "Git sees that directory as untracked. Add .worktrees/ to .gitignore to keep it out of git status.",
+      badges: {
+        current: "this folder",
+        currentTitle: "This code-viewer is serving this folder",
+        detached: "no branch",
+        detachedTitle: "Not attached to any branch (detached HEAD)",
+        bare: "bare",
+        bareTitle: "A storage-only repository with no working files",
+        locked: "locked",
+        prunable: "stale entry",
+        prunableTitle: "Only the git entry remains (e.g. the folder is gone)",
+        missing: "folder is gone",
+        running: "running",
+        runningTitle: "A code-viewer for this folder is running on another port"
+      },
+      diverge: {
+        ahead: (n2, base2) => n2 === 1 ? `1 commit ahead of ${base2}` : `${n2} commits ahead of ${base2}`,
+        behind: (n2, base2) => n2 === 1 ? `1 commit behind ${base2}` : `${n2} commits behind ${base2}`,
+        even: (base2) => `same point as ${base2}`,
+        notComparable: "not compared"
+      },
+      merge: {
+        clean: "merges cleanly",
+        conflict: (n2) => n2 === 1 ? "1 file would conflict on merge" : `${n2} files would conflict on merge`,
+        unknown: "could not check the merge",
+        conflictListLabel: "Conflicting files"
+      },
+      files: {
+        heading: (n2) => n2 === 1 ? "1 changed file" : `${n2} changed files`,
+        none: "No changes.",
+        uncommitted: "Not committed yet",
+        committed: "Committed, not merged",
+        truncated: (shown, total) => `showing ${shown} of ${total}`,
+        // 行の中に置くので短くする。誰と重なっているかは title に入る。
+        overlapMark: "shared",
+        overlapTitle: (others) => `Also changed in: ${others.join(", ")}`,
+        statusTitles: EN_STATUS_TITLES
+      },
+      overlaps: {
+        heading: (n2) => n2 === 1 ? "1 file is touched by more than one worktree" : `${n2} files are touched by more than one worktree`,
+        intro: "Merging one of them will make the others conflict on these files.",
+        entry: (path, worktrees) => `${path} — ${worktrees.join(", ")}`
+      },
+      panes: {
+        worktrees: "Worktrees",
+        files: "Files",
+        diff: "Diff",
+        filterWorktrees: "Filter worktrees…",
+        filterFiles: "Filter files…",
+        noWorktreeMatch: "No worktree matches.",
+        noFileMatch: "No file matches.",
+        selectWorktree: "Pick a worktree to see what it is changing.",
+        selectFile: "Pick a file to see its diff.",
+        diffLoading: "Loading the diff…",
+        diffEmpty: "No textual diff (binary, or the file is unchanged).",
+        diffFailed: "Failed to load the diff.",
+        diffTruncated: (shown, total) => `showing ${shown} of ${total} hunks — open the worktree in a new tab for the whole file`
+      },
+      noCommit: "no commit",
+      lastTouched: (when) => `updated ${when}`,
+      actions: {
+        menuTitle: "Actions for this worktree",
+        menuFor: (name) => `Actions for ${name}`,
+        openFolder: "Open folder",
+        openFolderTitle: "Open this folder in the OS file manager",
+        openFolderFailed: "Could not open that folder.",
+        copyPath: "Copy path",
+        copyPathTitle: "Copy the path to this folder",
+        copyFailed: "Could not copy to the clipboard.",
+        stopServer: "Stop its server",
+        stopServerTitle: "Stop the code-viewer running for this folder",
+        stopFailed: "Failed to stop the server.",
+        copyServerUrl: "Copy its address",
+        copyServerUrlTitle: (url) => `Copy ${url}`,
+        copyMerge: "Copy merge command",
+        copyMergeTitle: (base2, branch) => `Copy the command that merges ${branch} into ${base2}`
+      },
+      emptyDiff: {
+        title: "No changes yet.",
+        body: (path) => `Edit files in ${path} and the diffs will show up here.`
+      },
+      intro: {
+        cardTitle: "What is a worktree?",
+        cardWhat: "A worktree (git worktree) is a second checkout of this repository, in a separate folder on a separate branch.",
+        cardWhy: "Keep main open here while a bugfix branch stays open over there — no branch switching, no stashing.",
+        cardHow: 'When you click "Create": a new folder appears at .worktrees/<name>, with the branch checked out in it. Edit files there as usual. The changes show up on this screen as diffs.',
+        cardButton: "Create a worktree",
+        listNote: "This is the only folder right now. New worktrees will appear here.",
+        overlapLegend: "⇄ = another worktree is changing this file too"
+      },
+      open: "Open in a new tab",
+      openTitle: "Start a code-viewer for this folder and open it in a new tab",
+      opening: "Starting…",
+      openFailed: "Failed to open this worktree.",
+      add: "Create",
+      addTitle: "Create a new worktree",
+      addFailed: "Failed to create the worktree.",
+      addDialog: {
+        title: "Create a worktree",
+        intro: "Work on two things side by side, in separate folders, without switching branches.",
+        nameLabel: "Folder name",
+        namePlaceholder: "feature-x",
+        branchLabel: "Branch",
+        branchPlaceholder: "same as the folder name",
+        branchHint: "An existing branch name opens that branch. Otherwise a new one starts from where you are now.",
+        targetLabel: "Creates",
+        targetPending: (parent) => `${parent}/…`,
+        gitignoreLabel: "About this folder and git status",
+        submit: "Create"
+      },
+      remove: "Delete this worktree",
+      removeTitle: "Delete this worktree and its folder",
+      removeDialog: {
+        title: "Delete worktree",
+        body: (name) => `Delete the worktree "${name}"?`,
+        diskNote: (path) => `The folder ${path} and everything in it will be deleted from disk. This cannot be undone.`,
+        branchNote: (branch) => `The branch ${branch} and its committed work are kept.`,
+        dirtyNote: (count) => count === 1 ? "1 file has uncommitted changes." : `${count} files have uncommitted changes.`,
+        dirtyLose: "Deleting the worktree will lose them.",
+        force: "Delete even with uncommitted changes",
+        forceRequired: "To delete it anyway, check the box first.",
+        missingBody: (name) => `Remove the entry for "${name}"?`,
+        missingNote: "Its folder is already gone from disk; only the git entry is removed.",
+        lockedNote: "This entry is locked, so git will leave it in place. Unlock it first.",
+        missingOthers: (n2) => n2 === 1 ? "1 other entry whose folder is gone will be cleaned up at the same time." : `${n2} other entries whose folders are gone will be cleaned up at the same time.`,
+        submit: "Delete"
+      },
+      removeFailed: "Failed to delete the worktree.",
+      cancel: "Cancel",
+      nameErrors: {
+        empty: "Enter a name.",
+        control: "Control characters cannot be used.",
+        separator: "Path separators cannot be used.",
+        relative: "This name is not allowed.",
+        "leading-dot": "The name cannot start with a dot.",
+        "too-long": "The name is too long."
+      }
+    },
+    ja: {
+      title: "作業ツリー",
+      ariaLabel: "git の作業ツリー",
+      loading: "作業ツリーを読み込んでいます…",
+      loadFailed: "作業ツリーを読み込めませんでした。",
+      empty: "作業ツリーがありません。",
+      refresh: "再読み込み",
+      refreshTitle: "一覧を読み直す",
+      count: (n2) => `${n2} 本`,
+      baseUnknown: "比較の基準になるブランチが見つかりません",
+      gitignoreHint: "このディレクトリは git から未追跡に見えます。.worktrees/ を .gitignore に入れると git status に出なくなります。",
+      badges: {
+        current: "このフォルダ",
+        currentTitle: "この code-viewer が開いているフォルダです",
+        detached: "ブランチなし",
+        detachedTitle: "どのブランチにも紐づいていません（detached HEAD）",
+        bare: "bare",
+        bareTitle: "作業ファイルを持たない保管用のリポジトリです",
+        locked: "ロック中",
+        prunable: "掃除できます",
+        prunableTitle: "フォルダが無い等で管理情報だけ残っています",
+        missing: "フォルダがありません",
+        running: "起動中",
+        runningTitle: "このフォルダ専用の code-viewer が別ポートで動いています"
+      },
+      diverge: {
+        ahead: (n2, base2) => `${base2} より ${n2} コミット進んでいます`,
+        behind: (n2, base2) => `${base2} より ${n2} コミット遅れています`,
+        even: (base2) => `${base2} と同じ地点です`,
+        notComparable: "比較なし"
+      },
+      merge: {
+        clean: "そのままマージできます",
+        conflict: (n2) => `マージすると ${n2} ファイルで衝突します`,
+        unknown: "マージできるか確かめられませんでした",
+        conflictListLabel: "衝突するファイル"
+      },
+      files: {
+        heading: (n2) => `変更 ${n2} 件`,
+        none: "変更はありません。",
+        uncommitted: "未コミット",
+        committed: "コミット済み・未マージ",
+        truncated: (shown, total) => `${total} 件のうち ${shown} 件を表示`,
+        // 行の中に置くので短くする。誰と重なっているかは title に入る。
+        overlapMark: "重複",
+        overlapTitle: (others) => `同じファイルを触っている: ${others.join("、")}`,
+        statusTitles: JA_STATUS_TITLES
+      },
+      overlaps: {
+        heading: (n2) => `${n2} 個のファイルを 2 本以上が触っています`,
+        intro: "どれか 1 本をマージすると、残りはこのファイルで衝突します。",
+        entry: (path, worktrees) => `${path} — ${worktrees.join("、")}`
+      },
+      panes: {
+        worktrees: "作業ツリー",
+        files: "ファイル",
+        diff: "差分",
+        filterWorktrees: "作業ツリーを絞り込み…",
+        filterFiles: "ファイルを絞り込み…",
+        noWorktreeMatch: "該当する作業ツリーがありません。",
+        noFileMatch: "該当するファイルがありません。",
+        selectWorktree: "作業ツリーを選ぶと、何を触っているかが出ます。",
+        selectFile: "ファイルを選ぶと差分が出ます。",
+        diffLoading: "差分を読み込んでいます…",
+        diffEmpty: "テキストの差分はありません（バイナリか、変更なし）。",
+        diffFailed: "差分を読み込めませんでした。",
+        diffTruncated: (shown, total) => `${total} 個のうち ${shown} 個のかたまりを表示しています。全部見るには、その作業ツリーを別タブで見てください`
+      },
+      noCommit: "コミットなし",
+      lastTouched: (when) => `最終更新 ${when}`,
+      actions: {
+        menuTitle: "この作業ツリーへの操作",
+        menuFor: (name) => `${name} への操作`,
+        openFolder: "フォルダを開く",
+        openFolderTitle: "このフォルダをファイルマネージャで開きます",
+        openFolderFailed: "そのフォルダを開けませんでした。",
+        copyPath: "パスをコピー",
+        copyPathTitle: "このフォルダの場所をコピーします",
+        copyFailed: "クリップボードにコピーできませんでした。",
+        stopServer: "サーバを止める",
+        stopServerTitle: "このフォルダで動いている code-viewer を止めます",
+        stopFailed: "サーバを止められませんでした。",
+        copyServerUrl: "アドレスをコピー",
+        copyServerUrlTitle: (url) => `${url} をコピーします`,
+        copyMerge: "マージのコマンドをコピー",
+        copyMergeTitle: (base2, branch) => `${branch} を ${base2} に取り込むコマンドをコピーします`
+      },
+      emptyDiff: {
+        title: "まだ変更はありません。",
+        body: (path) => `${path} でファイルを編集すると、ここに差分が出ます。`
+      },
+      intro: {
+        cardTitle: "作業ツリー（git worktree）とは",
+        cardWhat: "同じリポジトリを、ブランチを切り替えずに別フォルダでもう 1 つ開く仕組みです。",
+        cardWhy: "main で作業しながら、別フォルダで修正用のブランチを開いておけます。2 つの作業を並べて進められます。",
+        cardHow: "「作る」を押すと .worktrees/〈名前〉 にフォルダができ、指定したブランチがそこに展開されます。あとはそのフォルダで普通に編集してください。変更はこの画面に差分として出ます。",
+        cardButton: "作業ツリーを作る",
+        listNote: "いまはこのフォルダだけです。作業ツリーを作ると、ここに並びます。",
+        overlapLegend: "⇄ = 他の作業ツリーも同じファイルを触っている"
+      },
+      open: "別タブで見る",
+      openTitle: "このフォルダ専用の code-viewer を起動して新しいタブで開きます",
+      opening: "起動中…",
+      openFailed: "この作業ツリーを開けませんでした。",
+      add: "作る",
+      addTitle: "作業ツリーを新しく作る",
+      addFailed: "作業ツリーを作れませんでした。",
+      addDialog: {
+        title: "作業ツリーを作る",
+        intro: "ブランチを切り替えずに、別フォルダで 2 つの作業を並べて進められます。",
+        nameLabel: "フォルダ名",
+        namePlaceholder: "feature-x",
+        branchLabel: "ブランチ",
+        branchPlaceholder: "フォルダ名と同じ",
+        branchHint: "既にあるブランチ名ならそれを開きます。無ければ、いまの地点から新しく作ります。",
+        targetLabel: "作成先",
+        targetPending: (parent) => `${parent}/…`,
+        gitignoreLabel: "このフォルダと git status について",
+        submit: "作る"
+      },
+      remove: "この作業ツリーを削除",
+      removeTitle: "この作業ツリーをフォルダごと削除します",
+      removeDialog: {
+        title: "作業ツリーの削除",
+        body: (name) => `作業ツリー「${name}」を削除しますか。`,
+        diskNote: (path) => `フォルダ ${path} とその中身はディスクから消えます。元に戻せません。`,
+        branchNote: (branch) => `ブランチ ${branch} と、コミット済みの内容は残ります。`,
+        dirtyNote: (count) => `コミットしていない変更が ${count} 件あります。`,
+        dirtyLose: "削除するとこれらの変更は失われます。",
+        force: "変更が残っていても削除する",
+        forceRequired: "変更を捨てて削除するには、チェックを入れてください。",
+        missingBody: (name) => `作業ツリー「${name}」の登録を消しますか。`,
+        missingNote: "フォルダは既にディスク上にありません。git の管理情報だけを消します。",
+        lockedNote: "この登録はロックされているので、git はそのまま残します。先にロックを外してください。",
+        missingOthers: (n2) => `フォルダが無くなっている他の登録 ${n2} 件も、同時に整理されます。`,
+        submit: "削除する"
+      },
+      removeFailed: "作業ツリーを削除できませんでした。",
+      cancel: "キャンセル",
+      nameErrors: {
+        empty: "名前を入力してください。",
+        control: "制御文字は使えません。",
+        separator: "パス区切りは使えません。",
+        relative: "この名前は使えません。",
+        "leading-dot": "ドットで始まる名前は使えません。",
+        "too-long": "名前が長すぎます。"
+      }
+    }
+  };
+  function worktreeText(lang) {
+    return TEXT3[lang];
+  }
+
+  // web-src/core/worktree.ts
+  var WORKTREE_NAME_MAX_LENGTH = 100;
+  function worktreeNameError(name) {
+    if (!name) return "empty";
+    if (name.length > WORKTREE_NAME_MAX_LENGTH) return "too-long";
+    for (const ch of name) {
+      const code2 = ch.charCodeAt(0);
+      if (code2 < 32 || code2 === 127) return "control";
+    }
+    if (name.includes("/") || name.includes("\\")) return "separator";
+    if (name === "." || name === "..") return "relative";
+    if (name.startsWith(".")) return "leading-dot";
+    return null;
+  }
+  function worktreeBranchError(branch) {
+    if (!branch) return "empty";
+    if (branch.length > WORKTREE_NAME_MAX_LENGTH) return "too-long";
+    for (const ch of branch) {
+      const code2 = ch.charCodeAt(0);
+      if (code2 < 32 || code2 === 127) return "control";
+    }
+    if (branch.startsWith("-") || branch.includes("..")) return "relative";
+    return null;
+  }
+
+  // web-src/views/context-menu.ts
+  var open = null;
+  function closeContextMenu() {
+    if (!open) return;
+    const closing = open;
+    open = null;
+    closing.cleanup();
+    closing.element.remove();
+  }
+  function showContextMenu(anchor, items) {
+    closeContextMenu();
+    const menu = document.createElement("div");
+    menu.className = "gdp-context-menu";
+    menu.setAttribute("role", "menu");
+    for (const item of items) {
+      if (item.kind === "separator") {
+        const line = document.createElement("hr");
+        line.className = "gdp-context-menu-sep";
+        menu.appendChild(line);
+        continue;
+      }
+      const button = document.createElement("button");
+      button.type = "button";
+      button.setAttribute("role", "menuitem");
+      button.textContent = item.label;
+      if (item.title) button.title = item.title;
+      if (item.danger) button.classList.add("danger");
+      button.disabled = !!item.disabled;
+      button.addEventListener("click", () => {
+        closeContextMenu();
+        item.onSelect();
+      });
+      menu.appendChild(button);
+    }
+    document.body.appendChild(menu);
+    const rect = menu.getBoundingClientRect();
+    const from = anchor.getBoundingClientRect();
+    const left = Math.min(
+      from.right - rect.width,
+      window.innerWidth - rect.width - 8
+    );
+    const top = Math.min(from.bottom + 4, window.innerHeight - rect.height - 8);
+    menu.style.left = `${Math.max(8, left)}px`;
+    menu.style.top = `${Math.max(8, top)}px`;
+    const onPointerDown = (event) => {
+      if (menu.contains(event.target)) return;
+      closeContextMenu();
+    };
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      event.stopPropagation();
+      closeContextMenu();
+      anchor.focus();
+    };
+    const onScroll = () => closeContextMenu();
+    document.addEventListener("pointerdown", onPointerDown, true);
+    document.addEventListener("keydown", onKeyDown, true);
+    window.addEventListener("scroll", onScroll, true);
+    window.addEventListener("resize", onScroll);
+    open = {
+      element: menu,
+      cleanup() {
+        document.removeEventListener("pointerdown", onPointerDown, true);
+        document.removeEventListener("keydown", onKeyDown, true);
+        window.removeEventListener("scroll", onScroll, true);
+        window.removeEventListener("resize", onScroll);
+      }
+    };
+    menu.querySelector("button:not(:disabled)")?.focus();
+  }
+
+  // web-src/views/worktree-view.ts
+  var SSE_REFRESH_DELAY_MS = 400;
+  var DIFF_PREFETCH_MARGIN = "600px";
+  var ACTION_HEADERS = {
+    "Content-Type": "application/json",
+    "X-Code-Viewer-Action": "1"
+  };
+  async function postWorktreeAction(path, body) {
+    const res = await fetch(path, {
+      method: "POST",
+      headers: ACTION_HEADERS,
+      body: JSON.stringify(body)
+    });
+    if (!res.ok) throw new Error(await res.text() || `${res.status}`);
+    return await res.json();
+  }
+  function el(tag, className, text3) {
+    const node = document.createElement(tag);
+    if (className) node.className = className;
+    if (text3 !== void 0) node.textContent = text3;
+    return node;
+  }
+  function fileKey(file) {
+    return `${file.origin}:${file.path}`;
+  }
+  function chevronSvg() {
+    return iconSvg("octicon-chevron-down", CHEVRON_DOWN_16_PATH);
+  }
+  function folderSvg(collapsed) {
+    return iconSvg(
+      collapsed ? "octicon-file-directory-fill" : "octicon-file-directory-open-fill",
+      collapsed ? FOLDER_ICON_PATHS.closed : FOLDER_ICON_PATHS.open
+    );
+  }
+  function matches(haystack, needle) {
+    return !needle || haystack.toLowerCase().includes(needle.toLowerCase());
+  }
+  function createWorktreeView(deps) {
+    let mounted = false;
+    let lifecycle = 0;
+    let acceptedServerGeneration = 0;
+    let data = null;
+    let message = "";
+    let messageIsError = false;
+    let busyPath = "";
+    let sseTimer = null;
+    let refreshRequested = false;
+    let refreshLoop = null;
+    let worktreeFilter = "";
+    let fileFilter = "";
+    let diffFor = null;
+    let restoredRouteKey = null;
+    let observer = null;
+    const listPanel = document.getElementById("worktree-panel");
+    function text3() {
+      return deps.getText();
+    }
+    function route() {
+      const current = deps.getRoute();
+      return current.screen === "worktree" ? current : null;
+    }
+    function setMessage(next, isError = false) {
+      message = next;
+      messageIsError = isError;
+    }
+    function isCurrent(seq) {
+      return mounted && seq === lifecycle && route() !== null;
+    }
+    const worktreeFilterInput = (() => {
+      const input2 = el("input", "history-filter");
+      input2.type = "search";
+      input2.autocomplete = "off";
+      input2.addEventListener("input", () => {
+        worktreeFilter = input2.value;
+        renderList();
+      });
+      return input2;
+    })();
+    function sidebarFilter() {
+      return document.querySelector("#sb-filter");
+    }
+    function onSidebarFilter() {
+      fileFilter = sidebarFilter()?.value || "";
+      renderFiles();
+    }
+    function onSidebarViewToggle() {
+      window.setTimeout(() => renderFiles(), 0);
+    }
+    function setAllDirsCollapsed(collapsed) {
+      const list2 = document.getElementById("filelist");
+      if (!list2) return;
+      for (const dir of list2.querySelectorAll(".tree-dir")) {
+        dir.classList.toggle("collapsed", collapsed);
+        const icon = dir.querySelector(":scope > .dir-icon");
+        if (icon) icon.innerHTML = folderSvg(collapsed);
+      }
+    }
+    function onExpandAll() {
+      setAllDirsCollapsed(false);
+    }
+    function onCollapseAll() {
+      setAllDirsCollapsed(true);
+    }
+    function sidebarViewButtons() {
+      return Array.from(
+        document.querySelectorAll(".sb-view-seg button")
+      );
+    }
+    function mount() {
+      if (mounted || !listPanel) return;
+      document.getElementById("empty")?.classList.add("hidden");
+      document.getElementById("history-commit-info")?.setAttribute("hidden", "true");
+      listPanel.hidden = false;
+      mounted = true;
+      document.body.classList.add("gdp-worktree-page");
+      sidebarFilter()?.addEventListener("input", onSidebarFilter);
+      document.getElementById("filelist")?.addEventListener("click", onFileListClick);
+      for (const button of sidebarViewButtons()) {
+        button.addEventListener("click", onSidebarViewToggle);
+      }
+      document.getElementById("sb-expand-all")?.addEventListener("click", onExpandAll);
+      document.getElementById("sb-collapse-all")?.addEventListener("click", onCollapseAll);
+      deps.setPageMode();
+      deps.syncHeaderMenu();
+    }
+    function suspend() {
+      lifecycle++;
+      closeContextMenu();
+      observer?.disconnect();
+      observer = null;
+      diffFor = null;
+      restoredRouteKey = null;
+      if (sseTimer !== null) {
+        window.clearTimeout(sseTimer);
+        sseTimer = null;
+      }
+      refreshRequested = false;
+      if (listPanel) {
+        listPanel.hidden = true;
+        listPanel.replaceChildren();
+      }
+      sidebarFilter()?.removeEventListener("input", onSidebarFilter);
+      document.getElementById("filelist")?.removeEventListener("click", onFileListClick);
+      for (const button of sidebarViewButtons()) {
+        button.removeEventListener("click", onSidebarViewToggle);
+      }
+      document.getElementById("sb-expand-all")?.removeEventListener("click", onExpandAll);
+      document.getElementById("sb-collapse-all")?.removeEventListener("click", onCollapseAll);
+      document.getElementById("filelist")?.replaceChildren();
+      document.getElementById("diff")?.replaceChildren();
+      document.body.classList.remove("gdp-worktree-page");
+      mounted = false;
+    }
+    function selectedWorktree() {
+      const id = route()?.wt;
+      if (!id || !data) return null;
+      return data.worktrees.find((item) => item.id === id) || null;
+    }
+    function worktreeLabel(id) {
+      const item = data?.worktrees.find((candidate) => candidate.id === id);
+      if (!item) return id;
+      const sameName = data?.worktrees.filter(
+        (candidate) => candidate.name === item.name
+      );
+      return sameName && sameName.length > 1 ? `${item.name} (${item.displayPath})` : item.name;
+    }
+    function navigate(next, replace2 = false) {
+      const current = route();
+      if (!current) return;
+      deps.setRoute(
+        {
+          screen: "worktree",
+          ...current.wt ? { wt: current.wt } : {},
+          ...current.file ? { file: current.file } : {},
+          ...current.origin ? { origin: current.origin } : {},
+          ...next,
+          range: deps.currentRange()
+        },
+        replace2
+      );
+    }
+    async function refreshOnce() {
+      if (!mounted || !route()) return;
+      const seq = ++lifecycle;
+      if (!data) setMessage(text3().loading);
+      renderList();
+      deps.setStatus("refreshing");
+      try {
+        const next = await deps.trackLoad(
+          fetch("/_worktree/list").then(async (res) => {
+            if (!res.ok) throw new Error(await res.text() || `${res.status}`);
+            return await res.json();
+          })
+        );
+        if (!isCurrent(seq)) return;
+        if (!Number.isInteger(next.generation) || next.generation < acceptedServerGeneration) {
+          throw new Error(
+            `stale worktree response generation ${next.generation}; current is ${acceptedServerGeneration}`
+          );
+        }
+        acceptedServerGeneration = next.generation;
+        data = next;
+        setMessage(next.error || "", !!next.error);
+        deps.setStatus(next.error ? "error" : "live");
+      } catch (error2) {
+        if (!isCurrent(seq)) return;
+        setMessage(
+          error2 instanceof Error ? error2.message : text3().loadFailed,
+          true
+        );
+        deps.setStatus("error");
+      } finally {
+        if (isCurrent(seq)) {
+          diffFor = null;
+          render();
+        }
+      }
+    }
+    function refresh() {
+      if (!mounted || !route()) return Promise.resolve();
+      refreshRequested = true;
+      if (refreshLoop) return refreshLoop;
+      const loop = (async () => {
+        while (refreshRequested && mounted && route()) {
+          refreshRequested = false;
+          await refreshOnce();
+        }
+      })();
+      const tracked = loop.finally(() => {
+        if (refreshLoop === tracked) refreshLoop = null;
+      });
+      refreshLoop = tracked;
+      return tracked;
+    }
+    function openBlankTab() {
+      try {
+        const tab = window.open("", "_blank");
+        if (tab) tab.opener = null;
+        return tab;
+      } catch {
+        return null;
+      }
+    }
+    async function openWorktree(item) {
+      if (busyPath) return;
+      const seq = lifecycle;
+      busyPath = item.path;
+      setMessage(text3().opening);
+      renderList();
+      const tab = openBlankTab();
+      try {
+        const result = await deps.trackLoad(
+          postWorktreeAction("/_worktree/open", { path: item.path })
+        );
+        const url = result.url || "";
+        if (!url) throw new Error(text3().openFailed);
+        if (tab) tab.location.href = url;
+        if (isCurrent(seq)) setMessage(tab ? "" : url, !tab);
+      } catch (error2) {
+        tab?.close();
+        if (isCurrent(seq)) {
+          setMessage(
+            error2 instanceof Error ? error2.message : text3().openFailed,
+            true
+          );
+        }
+      } finally {
+        busyPath = "";
+        if (isCurrent(seq)) await refresh();
+      }
+    }
+    function labeledInput(label, placeholder, hint) {
+      const wrap = document.createElement("label");
+      wrap.className = "worktree-field";
+      wrap.appendChild(el("span", "", label));
+      const input2 = el("input", "gdp-dialog-input");
+      input2.type = "text";
+      input2.placeholder = placeholder;
+      wrap.appendChild(input2);
+      if (hint) wrap.appendChild(el("span", "worktree-hint", hint));
+      return { wrap, input: input2 };
+    }
+    async function addWorktree() {
+      const seq = lifecycle;
+      const t2 = text3();
+      const body = el("div", "worktree-form");
+      body.appendChild(el("p", "worktree-hint", t2.addDialog.intro));
+      const name = labeledInput(
+        t2.addDialog.nameLabel,
+        t2.addDialog.namePlaceholder
+      );
+      const branch = labeledInput(
+        t2.addDialog.branchLabel,
+        t2.addDialog.branchPlaceholder,
+        t2.addDialog.branchHint
+      );
+      body.append(name.wrap, branch.wrap);
+      const parent = data?.addParent || "";
+      if (parent) {
+        const targetRow = el("div", "worktree-target");
+        targetRow.appendChild(
+          el("span", "worktree-target-label", t2.addDialog.targetLabel)
+        );
+        const targetPath = el("span", "worktree-target-path");
+        targetRow.appendChild(targetPath);
+        const hint = el("span", "worktree-hint-mark", "?");
+        hint.title = t2.gitignoreHint;
+        hint.tabIndex = 0;
+        hint.setAttribute("role", "note");
+        hint.setAttribute(
+          "aria-label",
+          `${t2.addDialog.gitignoreLabel}: ${t2.gitignoreHint}`
+        );
+        targetRow.appendChild(hint);
+        body.appendChild(targetRow);
+        const syncTarget = () => {
+          const value = name.input.value.trim();
+          targetPath.textContent = value ? `${parent}/${value}` : t2.addDialog.targetPending(parent);
+          targetPath.title = targetPath.textContent;
+        };
+        name.input.addEventListener("input", syncTarget);
+        syncTarget();
+      }
+      const submitted = await showFormDialog({
+        title: t2.addDialog.title,
+        body,
+        submitLabel: t2.addDialog.submit,
+        cancelLabel: t2.cancel,
+        focusTarget: name.input,
+        validate: () => {
+          const nameError = worktreeNameError(name.input.value.trim());
+          if (nameError) return t2.nameErrors[nameError];
+          const raw = branch.input.value.trim();
+          if (!raw) return null;
+          const branchError = worktreeBranchError(raw);
+          return branchError ? t2.nameErrors[branchError] : null;
+        },
+        submit: () => ({
+          name: name.input.value.trim(),
+          branch: branch.input.value.trim()
+        })
+      });
+      if (!submitted) return;
+      if (!isCurrent(seq)) return;
+      let createdPath = "";
+      try {
+        const result = await deps.trackLoad(
+          postWorktreeAction("/_worktree/add", submitted)
+        );
+        if (isCurrent(seq)) setMessage("");
+        createdPath = result.path || "";
+      } catch (error2) {
+        if (isCurrent(seq)) {
+          setMessage(error2 instanceof Error ? error2.message : t2.addFailed, true);
+        }
+      }
+      if (isCurrent(seq) && createdPath) {
+        navigate({ wt: createdPath });
+      }
+      if (isCurrent(seq)) await refresh();
+    }
+    async function removeWorktree(item) {
+      if (busyPath) return;
+      const seq = lifecycle;
+      const t2 = text3();
+      const body = el("div", "worktree-form");
+      if (item.missing) {
+        body.appendChild(el("p", "", t2.removeDialog.missingBody(item.name)));
+        body.appendChild(el("p", "worktree-hint", t2.removeDialog.missingNote));
+        if (item.locked) {
+          body.appendChild(el("p", "worktree-warn", t2.removeDialog.lockedNote));
+        }
+        const otherMissing = (data?.worktrees || []).filter(
+          (candidate) => candidate.missing && !candidate.locked && candidate.id !== item.id
+        ).length;
+        if (otherMissing > 0) {
+          body.appendChild(
+            el("p", "worktree-hint", t2.removeDialog.missingOthers(otherMissing))
+          );
+        }
+      } else {
+        body.appendChild(el("p", "", t2.removeDialog.body(item.name)));
+        body.appendChild(el("p", "", t2.removeDialog.diskNote(item.path)));
+      }
+      if (item.branch) {
+        body.appendChild(
+          el("p", "worktree-hint", t2.removeDialog.branchNote(item.branch))
+        );
+      }
+      let force = null;
+      if (!item.missing && item.changedCount > 0) {
+        const warn = el("p", "worktree-warn");
+        warn.appendChild(
+          el("span", "", `⚠ ${t2.removeDialog.dirtyNote(item.changedCount)}`)
+        );
+        warn.appendChild(document.createElement("br"));
+        warn.appendChild(el("span", "", t2.removeDialog.dirtyLose));
+        body.appendChild(warn);
+        const forceWrap = document.createElement("label");
+        forceWrap.className = "worktree-check";
+        force = document.createElement("input");
+        force.type = "checkbox";
+        forceWrap.append(force, el("span", "", t2.removeDialog.force));
+        body.appendChild(forceWrap);
+      }
+      const submitted = await showFormDialog({
+        title: t2.removeDialog.title,
+        body,
+        submitLabel: t2.removeDialog.submit,
+        cancelLabel: t2.cancel,
+        // フォルダごと消える不可逆の操作なので、確定は常に危険色。
+        danger: true,
+        validate: () => force && !force.checked ? t2.removeDialog.forceRequired : null,
+        submit: () => ({ force: force?.checked ?? false })
+      });
+      if (!submitted) return;
+      if (!isCurrent(seq)) return;
+      busyPath = item.path;
+      renderList();
+      try {
+        await deps.trackLoad(
+          postWorktreeAction("/_worktree/remove", {
+            path: item.path,
+            force: submitted.force
+          })
+        );
+        if (isCurrent(seq)) setMessage("");
+        if (isCurrent(seq) && route()?.wt === item.id) {
+          navigate({ wt: void 0, file: void 0, origin: void 0 }, true);
+        }
+      } catch (error2) {
+        if (isCurrent(seq)) {
+          setMessage(
+            error2 instanceof Error ? error2.message : t2.removeFailed,
+            true
+          );
+        }
+      } finally {
+        busyPath = "";
+        if (isCurrent(seq)) await refresh();
+      }
+    }
+    function overlapOthers(item, file) {
+      const paths = new Set([file.path, file.oldPath].filter(Boolean));
+      const ownerIds = new Set(
+        (data?.overlaps || []).filter((overlap) => paths.has(overlap.path)).flatMap((overlap) => overlap.worktreeIds)
+      );
+      return [...ownerIds].filter((id) => id !== item.id).map((id) => worktreeLabel(id));
+    }
+    function divergenceSummary(item) {
+      const t2 = text3();
+      const divergence = item.divergence;
+      if (!divergence) return t2.diverge.notComparable;
+      const parts = [];
+      if (divergence.mergeState === "clean") {
+        parts.push(t2.merge.clean);
+      } else if (divergence.mergeState === "conflict") {
+        parts.push(t2.merge.conflict(divergence.conflicts.length));
+      } else {
+        parts.push(t2.merge.unknown);
+      }
+      if (divergence.ahead > 0) {
+        parts.push(t2.diverge.ahead(divergence.ahead, divergence.base));
+      }
+      if (divergence.behind > 0) {
+        parts.push(t2.diverge.behind(divergence.behind, divergence.base));
+      }
+      if (!divergence.ahead && !divergence.behind) {
+        parts.push(t2.diverge.even(divergence.base));
+      }
+      return parts.join(" · ");
+    }
+    function worktreeBadges(item) {
+      const t2 = text3();
+      const badges = [];
+      if (item.current) {
+        badges.push({ label: t2.badges.current, title: t2.badges.currentTitle });
+      }
+      if (item.serverUrl) {
+        badges.push({ label: t2.badges.running, title: t2.badges.runningTitle });
+      }
+      if (item.missing) badges.push({ label: t2.badges.missing, title: "" });
+      if (item.bare) {
+        badges.push({ label: t2.badges.bare, title: t2.badges.bareTitle });
+      }
+      if (item.locked) {
+        badges.push({ label: t2.badges.locked, title: item.lockedReason });
+      }
+      if (item.prunable) {
+        badges.push({ label: t2.badges.prunable, title: t2.badges.prunableTitle });
+      }
+      return badges;
+    }
+    function headButton(label, title, onClick) {
+      const button = el("button", "gdp-btn gdp-btn-sm worktree-head-btn", label);
+      button.type = "button";
+      button.title = title;
+      button.addEventListener("click", onClick);
+      return button;
+    }
+    function openFolderButton(item, withLabel) {
+      const arg = openPathArg(item);
+      if (arg === null) return null;
+      const t2 = text3();
+      const button = deps.createOpenPathButton(
+        arg,
+        "directory",
+        t2.actions.openFolderTitle
+      );
+      if (withLabel) {
+        button.className = "gdp-btn gdp-btn-sm gdp-open-path";
+        button.textContent = t2.actions.openFolder;
+      }
+      return button;
+    }
+    function copyButton(value, title, label) {
+      const button = el(
+        "button",
+        label ? "gdp-btn gdp-btn-sm gdp-copy-path" : "gdp-file-header-icon gdp-copy-path",
+        label
+      );
+      button.type = "button";
+      button.title = title;
+      button.setAttribute("aria-label", title);
+      if (!label) button.innerHTML = iconSvg("octicon-copy", COPY_16_PATHS);
+      button.addEventListener("click", async (event) => {
+        event.stopPropagation();
+        button.classList.remove("copied", "failed");
+        button.classList.add(await copyText(value) ? "copied" : "failed");
+        window.setTimeout(
+          () => button.classList.remove("copied", "failed"),
+          1200
+        );
+      });
+      return button;
+    }
+    async function runAction(run, failure) {
+      const seq = lifecycle;
+      if (await run()) return;
+      if (!isCurrent(seq)) return;
+      setMessage(failure, true);
+      renderList();
+    }
+    async function copyText(value) {
+      try {
+        await navigator.clipboard.writeText(value);
+        return true;
+      } catch (error2) {
+        console.error("[code-viewer] failed to copy to clipboard", error2);
+        return false;
+      }
+    }
+    function copyPathButton(item, withLabel) {
+      const t2 = text3();
+      return copyButton(
+        item.path,
+        t2.actions.copyPathTitle,
+        withLabel ? t2.actions.copyPath : void 0
+      );
+    }
+    function mergeCommand(item) {
+      const divergence = item.divergence;
+      if (!divergence || divergence.mergeState !== "clean") return null;
+      if (!item.branch || !divergence.base) return null;
+      return {
+        base: divergence.base,
+        branch: item.branch,
+        command: `git switch ${divergence.base} && git merge ${item.branch}`
+      };
+    }
+    function copyMergeButton(item) {
+      const merge = mergeCommand(item);
+      if (!merge) return null;
+      const t2 = text3();
+      return copyButton(
+        merge.command,
+        t2.actions.copyMergeTitle(merge.base, merge.branch)
+      );
+    }
+    async function stopWorktreeServer(item) {
+      if (busyPath) return;
+      const seq = lifecycle;
+      busyPath = item.path;
+      renderList();
+      try {
+        await deps.trackLoad(
+          postWorktreeAction("/_worktree/stop", { path: item.path })
+        );
+        if (isCurrent(seq)) setMessage("");
+      } catch (error2) {
+        if (isCurrent(seq)) {
+          setMessage(
+            error2 instanceof Error ? error2.message : text3().actions.stopFailed,
+            true
+          );
+        }
+      } finally {
+        busyPath = "";
+        if (isCurrent(seq)) await refresh();
+      }
+    }
+    function openPathArg(item) {
+      const shown = item.displayPath;
+      if (shown === ".") return "";
+      if (!shown || shown.startsWith("/") || shown.startsWith("\\")) return null;
+      return shown;
+    }
+    function rowMenuItems(item) {
+      const t2 = text3();
+      const items = [];
+      if (!item.missing && !item.bare) {
+        const openArg = openPathArg(item);
+        if (openArg !== null) {
+          items.push({
+            label: t2.actions.openFolder,
+            title: t2.actions.openFolderTitle,
+            onSelect: () => {
+              void runAction(
+                () => deps.openPathInOs(openArg, "directory"),
+                t2.actions.openFolderFailed
+              );
+            }
+          });
+        }
+        items.push({
+          label: t2.actions.copyPath,
+          title: t2.actions.copyPathTitle,
+          onSelect: () => {
+            void runAction(() => copyText(item.path), t2.actions.copyFailed);
+          }
+        });
+        items.push({
+          label: t2.open,
+          title: t2.openTitle,
+          disabled: !!busyPath,
+          onSelect: () => {
+            void openWorktree(item);
+          }
+        });
+      }
+      if (item.serverUrl) {
+        items.push({
+          label: t2.actions.copyServerUrl,
+          title: t2.actions.copyServerUrlTitle(item.serverUrl),
+          onSelect: () => {
+            void runAction(() => copyText(item.serverUrl), t2.actions.copyFailed);
+          }
+        });
+      }
+      if (item.serverUrl && !item.current) {
+        items.push({
+          label: t2.actions.stopServer,
+          title: t2.actions.stopServerTitle,
+          disabled: !!busyPath,
+          onSelect: () => {
+            void stopWorktreeServer(item);
+          }
+        });
+      }
+      const merge = mergeCommand(item);
+      if (merge) {
+        items.push({
+          label: t2.actions.copyMerge,
+          title: t2.actions.copyMergeTitle(merge.base, merge.branch),
+          onSelect: () => {
+            void runAction(() => copyText(merge.command), t2.actions.copyFailed);
+          }
+        });
+      }
+      if (!item.current) {
+        if (items.length) items.push({ kind: "separator" });
+        items.push({
+          label: t2.remove,
+          title: t2.removeTitle,
+          danger: true,
+          disabled: !!busyPath,
+          onSelect: () => {
+            void removeWorktree(item);
+          }
+        });
+      }
+      return items;
+    }
+    function rowMenuButton(item) {
+      const items = rowMenuItems(item);
+      if (!items.length) return null;
+      const t2 = text3();
+      const button = el("button", "worktree-row-menu");
+      button.type = "button";
+      button.title = t2.actions.menuTitle;
+      button.setAttribute("aria-label", t2.actions.menuFor(item.name));
+      button.setAttribute("aria-haspopup", "menu");
+      button.innerHTML = iconSvg("octicon-kebab-horizontal", KEBAB_16_PATH);
+      button.addEventListener("click", (event) => {
+        event.stopPropagation();
+        showContextMenu(button, rowMenuItems(item));
+      });
+      return button;
+    }
+    function note(body, isError = false) {
+      const node = el("div", "history-status", body);
+      node.hidden = false;
+      if (isError) {
+        node.setAttribute("role", "alert");
+        node.style.color = "var(--danger)";
+      }
+      return node;
+    }
+    function renderList() {
+      if (!listPanel) return;
+      const t2 = text3();
+      listPanel.replaceChildren();
+      const head = el("div", "history-head");
+      head.appendChild(el("span", "history-title", t2.panes.worktrees));
+      head.appendChild(
+        headButton(t2.refresh, t2.refreshTitle, () => {
+          void refresh();
+        })
+      );
+      head.appendChild(
+        headButton(t2.add, t2.addTitle, () => {
+          void addWorktree();
+        })
+      );
+      listPanel.appendChild(head);
+      worktreeFilterInput.placeholder = t2.panes.filterWorktrees;
+      const filterWrap = el("div", "history-filter-wrap");
+      filterWrap.appendChild(worktreeFilterInput);
+      listPanel.appendChild(filterWrap);
+      if (data && !data.baseBranch) {
+        listPanel.appendChild(note(t2.baseUnknown));
+      }
+      if (message) listPanel.appendChild(note(message, messageIsError));
+      const overlaps = data?.overlaps || [];
+      if (overlaps.length) {
+        const banner = el("div", "history-banner");
+        banner.hidden = false;
+        banner.textContent = `${t2.overlaps.heading(overlaps.length)} — ${t2.overlaps.intro}`;
+        banner.title = overlaps.map(
+          (overlap) => t2.overlaps.entry(
+            overlap.path,
+            overlap.worktreeIds.map((id) => worktreeLabel(id))
+          )
+        ).join("\n");
+        listPanel.appendChild(banner);
+      }
+      if (!data) {
+        listPanel.appendChild(note(t2.loading));
+        return;
+      }
+      if (!data.worktrees.length) {
+        listPanel.appendChild(note(t2.empty));
+        return;
+      }
+      const items = data.worktrees.filter(
+        (item) => matches(item.name, worktreeFilter) || matches(item.branch, worktreeFilter) || matches(item.displayPath, worktreeFilter)
+      );
+      if (!items.length) {
+        listPanel.appendChild(note(t2.panes.noWorktreeMatch));
+        return;
+      }
+      const list2 = el("ol", "history-list");
+      const selected = route()?.wt;
+      for (const item of items) {
+        const row = el("li", "history-item");
+        row.dataset.wt = item.id;
+        if (item.id === selected) row.classList.add("active");
+        if (item.divergence?.mergeState === "conflict") {
+          row.classList.add("worktree-conflict");
+        }
+        const head2 = el("span", "worktree-row-head");
+        const subject = el("span", "subject", item.name);
+        subject.title = item.path;
+        head2.appendChild(subject);
+        const badges = worktreeBadges(item);
+        if (badges.length) {
+          const wrap = el("span", "worktree-row-badges");
+          badges.forEach((badge, index) => {
+            if (index) wrap.appendChild(document.createTextNode(" · "));
+            const node = el("span", "worktree-badge", badge.label);
+            node.title = badge.title;
+            wrap.appendChild(node);
+          });
+          head2.appendChild(wrap);
+        }
+        const menu = rowMenuButton(item);
+        if (menu) head2.appendChild(menu);
+        row.appendChild(head2);
+        const pathLine = el("span", "worktree-row-path", item.path);
+        pathLine.title = item.path;
+        row.appendChild(pathLine);
+        const meta = el("span", "meta2");
+        const branchName = el("span", "sha", item.branch || t2.badges.detached);
+        if (!item.branch) branchName.title = t2.badges.detachedTitle;
+        meta.appendChild(branchName);
+        meta.appendChild(
+          el(
+            "span",
+            "author",
+            item.fileCount ? t2.files.heading(item.fileCount) : t2.files.none
+          )
+        );
+        if (item.lastCommit) {
+          const parsed = Date.parse(item.lastCommit.when);
+          const when = el(
+            "span",
+            "when",
+            Number.isFinite(parsed) ? blameRelativeTime(Math.round(parsed / 1e3)) : item.lastCommit.when
+          );
+          when.title = Number.isFinite(parsed) ? `${item.lastCommit.subject}
+${new Date(parsed).toLocaleString()}` : item.lastCommit.subject;
+          meta.appendChild(when);
+        }
+        if (item.lastTouched) {
+          const parsed = Date.parse(item.lastTouched);
+          const when = el(
+            "span",
+            "when",
+            Number.isFinite(parsed) ? t2.lastTouched(blameRelativeTime(Math.round(parsed / 1e3))) : t2.lastTouched(item.lastTouched)
+          );
+          when.title = Number.isFinite(parsed) ? new Date(parsed).toLocaleString() : item.lastTouched;
+          meta.appendChild(when);
+        }
+        row.appendChild(meta);
+        const second = el("span", "meta2");
+        const summary = divergenceSummary(item);
+        const summaryText = el("span", "author", summary);
+        summaryText.title = summary;
+        second.appendChild(summaryText);
+        const merge = copyMergeButton(item);
+        if (merge) second.appendChild(merge);
+        row.appendChild(second);
+        if (item.error) {
+          const error2 = el("span", "meta2");
+          const detail = el("span", "author", item.error);
+          detail.style.color = "var(--danger)";
+          error2.appendChild(detail);
+          row.appendChild(error2);
+        }
+        list2.appendChild(row);
+      }
+      list2.addEventListener("click", (event) => {
+        const row = event.target?.closest(
+          ".history-item"
+        );
+        const id = row?.dataset.wt;
+        if (!id) return;
+        navigate({ wt: id, file: void 0, origin: void 0 });
+      });
+      listPanel.appendChild(list2);
+      if (data.worktrees.length === 1) {
+        listPanel.appendChild(note(t2.intro.listNote));
+      }
+    }
+    function introCard() {
+      const t2 = text3();
+      const card = el("div", "worktree-intro");
+      card.appendChild(el("p", "worktree-intro-title", t2.intro.cardTitle));
+      card.appendChild(el("p", "", t2.intro.cardWhat));
+      card.appendChild(el("p", "", t2.intro.cardWhy));
+      card.appendChild(el("p", "", t2.intro.cardHow));
+      const button = el("button", "gdp-btn gdp-btn-sm", t2.intro.cardButton);
+      button.type = "button";
+      button.addEventListener("click", () => {
+        void addWorktree();
+      });
+      card.appendChild(button);
+      return card;
+    }
+    function visibleFiles(item) {
+      const hideTests = deps.getOptions().hideTests;
+      return item.files.filter(
+        (file) => matches(file.path, fileFilter) && !(hideTests && deps.isTestPath(file.path))
+      );
+    }
+    function emptyTree() {
+      return { dirs: /* @__PURE__ */ new Map(), files: [] };
+    }
+    function buildTree(files) {
+      const root = emptyTree();
+      for (const file of files) {
+        const parts = file.path.split("/");
+        let node = root;
+        for (let i2 = 0; i2 < parts.length - 1; i2++) {
+          const name = parts[i2];
+          let child = node.dirs.get(name);
+          if (!child) {
+            child = emptyTree();
+            node.dirs.set(name, child);
+          }
+          node = child;
+        }
+        node.files.push(file);
+      }
+      return root;
+    }
+    function collapseChain(name, node) {
+      let label = name;
+      let current = node;
+      while (current.files.length === 0 && current.dirs.size === 1) {
+        const [childName, child] = [...current.dirs.entries()][0];
+        label = `${label}/${childName}`;
+        current = child;
+      }
+      return [label, current];
+    }
+    function fileRow(item, file, depth, label) {
+      const t2 = text3();
+      const row = el("li", "tree-file");
+      row.tabIndex = -1;
+      row.dataset.path = file.path;
+      row.dataset.key = fileKey(file);
+      row.dataset.type = "blob";
+      const currentRoute = route();
+      if (currentRoute?.file === file.path && currentRoute.origin === file.origin) {
+        row.classList.add("active");
+      }
+      row.style.setProperty("--lvl-pad", `${12 + depth * 14}px`);
+      row.appendChild(el("span", "chev-spacer"));
+      const badge = el("span", `badge ${file.status}`, file.status);
+      badge.title = t2.files.statusTitles[file.status] || file.status;
+      row.appendChild(badge);
+      const name = el("span", "name", label);
+      name.title = file.path;
+      row.appendChild(name);
+      const others = overlapOthers(item, file);
+      if (others.length) {
+        row.classList.add("worktree-overlap");
+        const mark = el(
+          "span",
+          "stat worktree-overlap-count",
+          String(others.length)
+        );
+        mark.title = t2.files.overlapTitle(others);
+        row.appendChild(mark);
+        name.title = `${file.path}
+${t2.files.overlapTitle(others)}`;
+      }
+      return row;
+    }
+    function renderTreeInto(parent, item, node, depth) {
+      for (const [rawName, rawChild] of node.dirs) {
+        const [label, child] = collapseChain(rawName, rawChild);
+        const li = el("li", "tree-dir");
+        li.tabIndex = -1;
+        li.dataset.type = "tree";
+        li.style.setProperty("--lvl-pad", `${12 + depth * 14}px`);
+        const chev = el("span", "chev");
+        chev.innerHTML = chevronSvg();
+        const icon = el("span", "dir-icon");
+        icon.innerHTML = folderSvg(false);
+        const name = el("span", "name", label);
+        name.title = label;
+        li.append(chev, icon, name);
+        const toggle = (event) => {
+          event.stopPropagation();
+          const collapsed = li.classList.toggle("collapsed");
+          icon.innerHTML = folderSvg(collapsed);
+        };
+        chev.addEventListener("click", toggle);
+        icon.addEventListener("click", toggle);
+        parent.appendChild(li);
+        const children = el("ul", "tree-children");
+        renderTreeInto(children, item, child, depth + 1);
+        parent.appendChild(children);
+      }
+      for (const file of node.files) {
+        const parts = file.path.split("/");
+        parent.appendChild(
+          fileRow(item, file, depth, parts[parts.length - 1] || file.path)
+        );
+      }
+    }
+    function renderFiles() {
+      const t2 = text3();
+      const list2 = document.getElementById("filelist");
+      const title = document.querySelector(".sb-title");
+      const totals = document.getElementById("totals");
+      if (!list2) return;
+      const tree = deps.getSidebarView() === "tree";
+      list2.classList.toggle("tree", tree);
+      for (const button of sidebarViewButtons()) {
+        const active = button.dataset.view === (tree ? "tree" : "flat");
+        button.classList.toggle("active", active);
+        button.setAttribute("aria-pressed", String(active));
+      }
+      for (const button of document.querySelectorAll(
+        ".sb-tree-action"
+      )) {
+        button.disabled = !tree;
+      }
+      if (title) title.textContent = t2.panes.files;
+      const item = selectedWorktree();
+      if (totals) {
+        totals.textContent = item ? t2.files.heading(item.fileCount) : "";
+      }
+      list2.replaceChildren();
+      if (!item) {
+        list2.appendChild(note(t2.panes.selectWorktree));
+        return;
+      }
+      if (!item.fileCount) {
+        list2.appendChild(note(t2.files.none));
+        return;
+      }
+      const shown = visibleFiles(item);
+      if (!shown.length) {
+        list2.appendChild(note(t2.panes.noFileMatch));
+        return;
+      }
+      if (shown.some((entry) => overlapOthers(item, entry).length > 0)) {
+        list2.appendChild(
+          el("li", "worktree-overlap-legend", t2.intro.overlapLegend)
+        );
+      }
+      for (const group of ["uncommitted", "committed"]) {
+        const files = shown.filter((file) => file.origin === group);
+        if (!files.length) continue;
+        list2.appendChild(
+          el(
+            "li",
+            "worktree-file-group",
+            group === "uncommitted" ? t2.files.uncommitted : t2.files.committed
+          )
+        );
+        if (tree) renderTreeInto(list2, item, buildTree(files), 0);
+        else {
+          for (const file of files) {
+            list2.appendChild(fileRow(item, file, 0, file.path));
+          }
+        }
+      }
+    }
+    function onFileListClick(event) {
+      const row = event.target?.closest(
+        ".tree-file"
+      );
+      const key = row?.dataset.key;
+      if (!key) return;
+      const shell = document.querySelector(
+        `#diff .gdp-file-shell[data-key="${CSS.escape(key)}"]`
+      );
+      restoredRouteKey = key;
+      shell?.scrollIntoView({ block: "start" });
+      const [origin, ...rest] = key.split(":");
+      navigate(
+        {
+          file: rest.join(":"),
+          origin: origin === "committed" ? "committed" : "uncommitted"
+        },
+        true
+      );
+    }
+    function diffKey(item) {
+      const options = deps.getOptions();
+      return [
+        item?.path || "",
+        options.layout,
+        options.ignoreWs ? "w" : "",
+        options.hideTests ? "t" : "",
+        options.syntax ? "s" : "",
+        fileFilter
+      ].join("|");
+    }
+    async function loadShell(item, file, shell) {
+      const seq = lifecycle;
+      const renderKey = diffKey(item);
+      const t2 = text3();
+      const body = shell.querySelector(".gdp-shell-body");
+      if (!body) return;
+      const params = new URLSearchParams({
+        path: item.path,
+        file: file.path,
+        origin: file.origin
+      });
+      if (file.status === "U") params.set("untracked", "1");
+      if (deps.getOptions().ignoreWs) params.set("ignore_ws", "1");
+      try {
+        const res = await deps.trackLoad(
+          fetch(`/_worktree/diff?${params.toString()}`).then(async (response) => {
+            if (!response.ok) {
+              throw new Error(await response.text() || `${response.status}`);
+            }
+            return await response.json();
+          })
+        );
+        if (!isCurrent(seq) || !shell.isConnected || diffKey(item) !== renderKey) {
+          return;
+        }
+        const options = deps.getOptions();
+        const hljs = options.syntax ? await deps.loadHljs() : null;
+        if (!isCurrent(seq) || !shell.isConnected || diffKey(item) !== renderKey) {
+          return;
+        }
+        body.replaceChildren();
+        if (!res.diff.trim()) {
+          body.appendChild(el("div", "gdp-info", t2.panes.diffEmpty));
+        } else {
+          const head = shell.querySelector(".gdp-shell-header");
+          if (head) head.style.display = "none";
+          if (res.truncated) {
+            body.appendChild(
+              el(
+                "div",
+                "gdp-info",
+                t2.panes.diffTruncated(res.renderedHunks, res.totalHunks)
+              )
+            );
+          }
+          const host = el("div", "");
+          body.appendChild(host);
+          const ui = new window.Diff2HtmlUI(
+            host,
+            res.diff,
+            {
+              drawFileList: false,
+              matching: "lines",
+              // topbar の 統合 / 分割。
+              outputFormat: options.layout,
+              synchronisedScroll: true,
+              // topbar の「構文」。diff2html 自身に塗らせる (Diff ビューアは
+              // 巨大ファイル対策で自前の idle 描画を持つが、こちらは 1 本ぶんの
+              // 変更が対象なのでライブラリに任せる)。
+              highlight: !!hljs,
+              fileListToggle: false,
+              fileContentToggle: false
+            },
+            hljs
+          );
+          ui.draw();
+        }
+        shell.classList.add("loaded");
+      } catch (error2) {
+        if (!isCurrent(seq) || !shell.isConnected) return;
+        body.replaceChildren();
+        const failure = el(
+          "div",
+          "gdp-info",
+          error2 instanceof Error ? error2.message : t2.panes.diffFailed
+        );
+        failure.setAttribute("role", "alert");
+        body.appendChild(failure);
+        shell.classList.add("loaded");
+      }
+    }
+    function renderDiffs() {
+      const t2 = text3();
+      const diff = document.getElementById("diff");
+      if (!diff) return;
+      const item = selectedWorktree();
+      observer?.disconnect();
+      observer = null;
+      restoredRouteKey = null;
+      diff.replaceChildren();
+      if (!item) {
+        if (data && data.worktrees.length === 1) {
+          diff.appendChild(introCard());
+        } else {
+          diff.appendChild(el("div", "gdp-info", t2.panes.selectWorktree));
+        }
+        diffFor = "";
+        return;
+      }
+      if (!item.fileCount) {
+        const card = el("div", "gdp-info worktree-empty-diff");
+        card.appendChild(el("p", "", t2.emptyDiff.title));
+        card.appendChild(el("p", "", t2.emptyDiff.body(item.path)));
+        if (!item.missing && !item.bare) {
+          const buttons = el("span", "worktree-empty-diff-actions");
+          const openFolder = openFolderButton(item, true);
+          if (openFolder) buttons.appendChild(openFolder);
+          buttons.appendChild(copyPathButton(item, true));
+          card.appendChild(buttons);
+        }
+        diff.appendChild(card);
+        diffFor = diffKey(item);
+        return;
+      }
+      const files = visibleFiles(item);
+      if (!files.length) {
+        diff.appendChild(el("div", "gdp-info", t2.panes.noFileMatch));
+        diffFor = diffKey(item);
+        return;
+      }
+      const pending = /* @__PURE__ */ new Map();
+      for (const file of files) {
+        const shell = el("div", "gdp-file-shell");
+        shell.dataset.path = file.path;
+        shell.dataset.key = fileKey(file);
+        shell.dataset.status = file.status;
+        const head = el("div", "gdp-shell-header");
+        head.appendChild(el("span", `status-pill ${file.status}`, file.status));
+        head.appendChild(el("span", "path", file.path));
+        const stats = el("span", "stats");
+        stats.appendChild(el("span", "a", `+${file.additions}`));
+        stats.appendChild(el("span", "d", `−${file.deletions}`));
+        head.appendChild(stats);
+        shell.appendChild(head);
+        const body = el("div", "gdp-shell-body");
+        body.appendChild(el("div", "gdp-info", t2.panes.diffLoading));
+        shell.appendChild(body);
+        diff.appendChild(shell);
+        pending.set(shell, file);
+      }
+      diffFor = diffKey(item);
+      if (typeof IntersectionObserver === "undefined") {
+        for (const [shell, file] of pending) void loadShell(item, file, shell);
+        return;
+      }
+      observer = new IntersectionObserver(
+        (entries) => {
+          for (const entry of entries) {
+            if (!entry.isIntersecting) continue;
+            const shell = entry.target;
+            const file = pending.get(shell);
+            if (!file) continue;
+            pending.delete(shell);
+            observer?.unobserve(shell);
+            void loadShell(item, file, shell);
+          }
+        },
+        { rootMargin: DIFF_PREFETCH_MARGIN }
+      );
+      for (const shell of pending.keys()) observer.observe(shell);
+    }
+    function render() {
+      renderList();
+      renderFiles();
+      const item = selectedWorktree();
+      if (diffKey(item) !== diffFor) renderDiffs();
+      restoreRouteSelection();
+    }
+    function restoreRouteSelection() {
+      const current = route();
+      if (!current?.file || !current.origin) {
+        restoredRouteKey = null;
+        return;
+      }
+      const key = `${current.origin}:${current.file}`;
+      if (key === restoredRouteKey) return;
+      const shell = document.querySelector(
+        `#diff .gdp-file-shell[data-key="${CSS.escape(key)}"]`
+      );
+      if (!shell) return;
+      restoredRouteKey = key;
+      shell.scrollIntoView({ block: "start" });
+    }
+    return {
+      async enter() {
+        if (deps.getRoute().screen !== "worktree") return;
+        if (mounted) {
+          render();
+          return;
+        }
+        mount();
+        await refresh();
+      },
+      suspend,
+      reload() {
+        if (!mounted) return this.enter();
+        return refresh();
+      },
+      displayOptionsChanged() {
+        if (!mounted) return;
+        diffFor = null;
+        render();
+      },
+      handleSse() {
+        if (!mounted) return;
+        if (sseTimer !== null) window.clearTimeout(sseTimer);
+        sseTimer = window.setTimeout(() => {
+          sseTimer = null;
+          void refresh();
+        }, SSE_REFRESH_DELAY_MS);
+      },
+      localize() {
+        if (!mounted) return;
+        diffFor = null;
+        render();
+      }
+    };
+  }
+
   // web-src/app.ts
   window.GdpExpandLogic = GdpExpandLogic;
   (() => {
@@ -43310,12 +45082,12 @@ ${formatErrorDetail(error2)}`);
     }
     function setProjectBranch(branch) {
       PROJECT_BRANCH = branch;
-      const el = document.querySelector("#project-branch");
-      if (!el) return;
-      el.hidden = !branch;
-      const name = el.querySelector(".project-branch-name");
+      const el2 = document.querySelector("#project-branch");
+      if (!el2) return;
+      el2.hidden = !branch;
+      const name = el2.querySelector(".project-branch-name");
       if (name) name.textContent = branch;
-      el.title = branch ? `Current branch: ${branch}` : "";
+      el2.title = branch ? `Current branch: ${branch}` : "";
     }
     function mergeLocalSettings(patch) {
       const next = { ...APP_SETTINGS };
@@ -44209,6 +45981,7 @@ ${error2.stack}` : ""}`
           history: "History",
           journal: "Work Log",
           database: "Datastores",
+          worktree: "Worktrees",
           tools: "Tools",
           help: "Settings & Help"
         },
@@ -44544,6 +46317,7 @@ ${error2.stack}` : ""}`
           history: "履歴",
           journal: "ワークログ",
           database: "データストア",
+          worktree: "作業ツリー",
           tools: "ツール",
           help: "設定・ヘルプ"
         },
@@ -44877,8 +46651,8 @@ ${error2.stack}` : ""}`
       return UI_TEXT[STATE.language];
     }
     function setElementText(selector, text3) {
-      const el = document.querySelector(selector);
-      if (el) el.textContent = text3;
+      const el2 = document.querySelector(selector);
+      if (el2) el2.textContent = text3;
     }
     function setButtonLabel(button, text3) {
       if (button) button.textContent = text3;
@@ -45064,6 +46838,7 @@ ${error2.stack}` : ""}`
       });
       relocalizeHistory?.();
       relocalizeJournal?.();
+      relocalizeWorktree?.();
       relocalizeViewerSettings?.();
       SOURCE_VIEW.localize();
       setElementText(".annotation-panel-head strong", text3.annotations.title);
@@ -45097,6 +46872,7 @@ ${error2.stack}` : ""}`
     }
     let relocalizeHistory = null;
     let relocalizeJournal = null;
+    let relocalizeWorktree = null;
     let relocalizeTools = null;
     let relocalizeViewerSettings = null;
     let relocalizeTerminal = null;
@@ -45125,14 +46901,14 @@ ${error2.stack}` : ""}`
       }
     }
     function setStatus(s2) {
-      const el = $("#status");
-      el.classList.remove("live", "refreshing", "error");
-      if (s2) el.classList.add(s2);
+      const el2 = $("#status");
+      el2.classList.remove("live", "refreshing", "error");
+      if (s2) el2.classList.add(s2);
       const text3 = uiText();
       const label = s2 === "live" ? text3.global.statusLive : s2 === "refreshing" ? text3.global.statusLoading : s2 === "error" ? text3.global.statusError : text3.global.statusIdle;
-      const labelEl = el.querySelector(".status-label");
+      const labelEl = el2.querySelector(".status-label");
       if (labelEl) labelEl.textContent = label;
-      el.setAttribute("aria-label", label);
+      el2.setAttribute("aria-label", label);
       updateNetworkActivity();
     }
     function applyTheme() {
@@ -45196,7 +46972,8 @@ ${error2.stack}` : ""}`
     }
     function routeCanUseSyntaxHighlighter(route = STATE.route) {
       if (!STATE.syntaxHighlight) return false;
-      if (route.screen === "diff" || route.screen === "history") return true;
+      if (route.screen === "diff" || route.screen === "history" || route.screen === "worktree")
+        return true;
       return route.screen === "file" && sourceInternalPathKind(route.path) === null;
     }
     function ensureSyntaxHighlighterForRoute() {
@@ -45204,6 +46981,7 @@ ${error2.stack}` : ""}`
       loadSyntaxHighlighter().then((hljsRef) => {
         if (!hljsRef) return;
         rerenderLoadedDiffs();
+        WORKTREE_VIEW?.displayOptionsChanged();
       });
     }
     function setLayout(layout, persist = true) {
@@ -45223,9 +47001,10 @@ ${error2.stack}` : ""}`
         }
         scheduleIdleHighlight(card, file);
       });
+      WORKTREE_VIEW?.displayOptionsChanged();
     }
-    function setChevronIcon(el) {
-      el.innerHTML = '<svg class="octicon octicon-chevron-down" viewBox="0 0 12 12" width="12" height="12" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="' + CHEVRON_DOWN_12_PATH + '"></path></svg>';
+    function setChevronIcon(el2) {
+      el2.innerHTML = '<svg class="octicon octicon-chevron-down" viewBox="0 0 12 12" width="12" height="12" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="' + CHEVRON_DOWN_12_PATH + '"></path></svg>';
     }
     function scopeOmitSourceLabel() {
       return savedScopeOmitDirs() != null || savedScopeExcludeNames() != null ? uiText().settings.browserOverride : uiText().settings.serverDefault;
@@ -45506,6 +47285,7 @@ ${error2.stack}` : ""}`
     }
     let ANNOTATIONS_UI = null;
     let JOURNAL_VIEW = null;
+    let WORKTREE_VIEW = null;
     function applyInlineAnnotations() {
       ANNOTATIONS_UI?.applyInlineAnnotations();
     }
@@ -45608,6 +47388,9 @@ ${error2.stack}` : ""}`
       if (previousRoute.screen === "journal" && nextRoute.screen !== "journal") {
         JOURNAL_VIEW?.suspend();
       }
+      if (previousRoute.screen === "worktree" && nextRoute.screen !== "worktree") {
+        WORKTREE_VIEW?.suspend();
+      }
       STATE.route = nextRoute;
       STATE.from = nextRoute.range.from;
       STATE.to = nextRoute.range.to;
@@ -45634,13 +47417,19 @@ ${error2.stack}` : ""}`
         removeStandaloneSource();
         void JOURNAL_VIEW?.enter();
       }
+      if (nextRoute.screen === "worktree") {
+        cancelActiveSourceLoad("navigation");
+        setPageMode();
+        removeStandaloneSource();
+        void WORKTREE_VIEW?.enter();
+      }
     }
-    function setQueryHistoryPanelOpen(open) {
+    function setQueryHistoryPanelOpen(open2) {
       const panel = document.getElementById("query-history-panel");
       if (!panel) return;
-      panel.hidden = !open;
-      document.body.classList.toggle("query-history-panel-open", open);
-      if (open && ANNOTATIONS_UI) {
+      panel.hidden = !open2;
+      document.body.classList.toggle("query-history-panel-open", open2);
+      if (open2 && ANNOTATIONS_UI) {
         ANNOTATIONS_UI.setAnnotationPanelOpen(false);
       }
     }
@@ -45679,6 +47468,18 @@ ${error2.stack}` : ""}`
         "gdp-journal-page",
         STATE.route.screen === "journal"
       );
+      document.body.classList.toggle(
+        "gdp-worktree-page",
+        STATE.route.screen === "worktree"
+      );
+      document.body.toggleAttribute(
+        "data-content-scrolls-when-docked",
+        STATE.route.screen === "diff" || STATE.route.screen === "history" || STATE.route.screen === "repo" || STATE.route.screen === "file" || STATE.route.screen === "help" || STATE.route.screen === "worktree"
+      );
+      document.body.toggleAttribute(
+        "data-history-list-panel",
+        historyPanelRoute || STATE.route.screen === "worktree"
+      );
       const repoTargetWrap = document.querySelector("#repo-target-wrap");
       if (!repoSidebarRoute && repoTargetWrap) {
         repoTargetWrap.hidden = true;
@@ -45753,6 +47554,14 @@ ${error2.stack}` : ""}`
             })
           );
         }
+        if (link2.dataset.route === "worktree") {
+          link2.href = withOverlayState(
+            buildRoute({
+              screen: "worktree",
+              range: currentRange()
+            })
+          );
+        }
         if (link2.dataset.route === "help") {
           link2.href = withOverlayState(
             buildRoute({
@@ -45785,7 +47594,9 @@ ${error2.stack}` : ""}`
         setTimeout(() => {
           button?.classList.remove("opened");
         }, 1200);
-      } catch {
+        return true;
+      } catch (error2) {
+        console.error("[code-viewer] failed to open path in OS", error2);
         if (button) {
           button.classList.add("failed");
           button.title = "failed to open in OS";
@@ -45794,6 +47605,7 @@ ${error2.stack}` : ""}`
             button.title = oldTitle || "open in OS";
           }, 1600);
         }
+        return false;
       } finally {
         if (button) button.disabled = false;
       }
@@ -46316,10 +48128,7 @@ ${error2.stack}` : ""}`
           moveActiveSidebarItem(e2.key === "ArrowDown" ? 1 : -1);
         } else if (e2.key === "Escape") {
           if (sbFilter.value) {
-            sbFilter.value = "";
-            syncSidebarFilterClearButton();
-            flushSidebarFilter();
-            applyFilter();
+            clearSidebarFilter();
           } else {
             sbFilter.blur();
           }
@@ -46767,6 +48576,9 @@ ${error2.stack}` : ""}`
         setStatus("live");
         return Promise.resolve(null);
       }
+      if (STATE.route.screen === "worktree") {
+        return (WORKTREE_VIEW?.reload() ?? Promise.resolve()).then(() => null);
+      }
       if (STATE.route.screen === "file" && !(isFileHistoryRoute(STATE.route) && activeHistoryPathFilter) && // load() is by definition a reload (topbar Reload button, ignore-ws
       // toggle, catch-up after SSE reconnect) - bypass the idempotent-mount
       // guard so the blob view actually refetches, matching the pre-guard
@@ -46833,6 +48645,8 @@ ${error2.stack}` : ""}`
       } else if (STATE.route.screen === "journal") {
         setStatus("live");
         void JOURNAL_VIEW?.enter();
+      } else if (STATE.route.screen === "worktree") {
+        void WORKTREE_VIEW?.enter();
       } else load();
       syncLineRefPill();
       syncDoctorSheetFromUrl();
@@ -46975,9 +48789,9 @@ ${error2.stack}` : ""}`
     function isDoctorOverlayOpen() {
       return parseDoctorOverlay(window.location.pathname, window.location.search);
     }
-    function updateUrlForDoctorOverlay(open) {
+    function updateUrlForDoctorOverlay(open2) {
       const current = window.location.pathname + window.location.search;
-      const next = withDoctorOverlay(current, open);
+      const next = withDoctorOverlay(current, open2);
       if (next !== current) {
         history.replaceState(history.state, "", next + window.location.hash);
       }
@@ -46996,9 +48810,9 @@ ${error2.stack}` : ""}`
     }
     function syncDoctorSheetFromUrl() {
       const shouldOpen = isDoctorOverlayOpen();
-      const open = DOCTOR_VIEW.isOpen();
-      if (shouldOpen && !open) void DOCTOR_VIEW.open();
-      else if (!shouldOpen && open) DOCTOR_VIEW.close();
+      const open2 = DOCTOR_VIEW.isOpen();
+      if (shouldOpen && !open2) void DOCTOR_VIEW.open();
+      else if (!shouldOpen && open2) DOCTOR_VIEW.close();
     }
     document.getElementById("doctor-sheet-overlay")?.addEventListener("click", () => closeDoctorSheet());
     document.addEventListener("keydown", (event) => {
@@ -47030,10 +48844,10 @@ ${error2.stack}` : ""}`
     function syncAppPanel() {
       const tools = parseToolsOverlay(window.location.search) !== null;
       const terminal = parseTerminalOverlay(window.location.search) !== null;
-      const open = tools || terminal;
+      const open2 = tools || terminal;
       const panel = document.getElementById("app-panel");
       if (panel) {
-        panel.classList.toggle("app-panel-open", open);
+        panel.classList.toggle("app-panel-open", open2);
       }
       for (const [id, selected] of [
         ["#panel-tab-tools", tools],
@@ -47121,10 +48935,10 @@ ${error2.stack}` : ""}`
     }
     function syncToolsSheetFromUrl() {
       const tool = openToolsOverlay();
-      const open = TOOLS_VIEW.isOpen();
-      if (tool && (!open || TOOLS_VIEW.getActiveTool() !== tool))
+      const open2 = TOOLS_VIEW.isOpen();
+      if (tool && (!open2 || TOOLS_VIEW.getActiveTool() !== tool))
         void TOOLS_VIEW.open(tool);
-      else if (!tool && open) TOOLS_VIEW.close();
+      else if (!tool && open2) TOOLS_VIEW.close();
       syncAppPanel();
     }
     const TERMINAL_VIEW = createTerminalView({
@@ -47167,11 +48981,11 @@ ${error2.stack}` : ""}`
     }
     function syncTerminalSheetFromUrl() {
       const state = parseTerminalOverlay(window.location.search);
-      const open = TERMINAL_VIEW.isOpen();
+      const open2 = TERMINAL_VIEW.isOpen();
       const target = state === "open" ? null : state;
-      if (state && (!open || target && TERMINAL_VIEW.getActiveTarget() !== target)) {
+      if (state && (!open2 || target && TERMINAL_VIEW.getActiveTarget() !== target)) {
         void TERMINAL_VIEW.open(target);
-      } else if (!state && open) {
+      } else if (!state && open2) {
         TERMINAL_VIEW.close();
       }
       syncAppPanel();
@@ -47187,6 +49001,30 @@ ${error2.stack}` : ""}`
       setStatus
     });
     relocalizeJournal = () => JOURNAL_VIEW?.localize();
+    WORKTREE_VIEW = createWorktreeView({
+      getRoute: () => STATE.route,
+      // topbar のトグルは Diff ビューアと同じものを使う。値の出所も同じ STATE。
+      getOptions: () => ({
+        layout: STATE.layout,
+        ignoreWs: STATE.ignoreWs,
+        hideTests: STATE.hideTests,
+        syntax: STATE.syntaxHighlight
+      }),
+      isTestPath: isTestFilePath,
+      getSidebarView: () => STATE.sbView,
+      // ハイライタは遅延バンドル。差分を描く直前に読み込ませる。
+      loadHljs: loadSyntaxHighlighter,
+      setRoute,
+      currentRange,
+      trackLoad,
+      getText: () => worktreeText(STATE.language),
+      setPageMode,
+      syncHeaderMenu,
+      setStatus,
+      createOpenPathButton,
+      openPathInOs: (path, kind) => openPathInOs(path, kind)
+    });
+    relocalizeWorktree = () => WORKTREE_VIEW?.localize();
     const DATABASE_VIEW = createDatabaseView({
       setRoute,
       setPageMode,
@@ -47245,6 +49083,8 @@ ${error2.stack}` : ""}`
         DATABASE_VIEW.suspend();
       if (previousRoute.screen === "journal" && nextRoute.screen !== "journal")
         JOURNAL_VIEW?.suspend();
+      if (previousRoute.screen === "worktree" && nextRoute.screen !== "worktree")
+        WORKTREE_VIEW?.suspend();
       if (isHistoryPanelRoute(previousRoute) && !isHistoryPanelRoute(nextRoute))
         HISTORY_VIEW.leaveHistory();
       if (isHistoryPanelRoute(previousRoute) && !isHistoryPanelRoute(nextRoute))
@@ -47314,6 +49154,13 @@ ${error2.stack}` : ""}`
         setStatus("live");
         return;
       }
+      if (STATE.route.screen === "worktree") {
+        cancelActiveSourceLoad("navigation");
+        setPageMode();
+        removeStandaloneSource();
+        void WORKTREE_VIEW?.enter();
+        return;
+      }
       if (STATE.route.screen !== "file") {
         cancelActiveSourceLoad("navigation");
         setPageMode();
@@ -47365,6 +49212,7 @@ ${error2.stack}` : ""}`
         ensureSyntaxHighlighterForRoute();
       } else {
         rerenderLoadedDiffs();
+        WORKTREE_VIEW?.displayOptionsChanged();
       }
     }
     setHighlightButton(STATE.syntaxHighlight && getHljs() ? "loaded" : "idle");
@@ -47389,6 +49237,7 @@ ${error2.stack}` : ""}`
       else updateTreeDirVisibility();
       if (typeof applyViewedState === "function") applyViewedState();
       applyHideTestsToMeta();
+      WORKTREE_VIEW?.displayOptionsChanged();
     }
     function visibleDiffMetaForBrief(meta) {
       if (!meta.totals) return meta;
@@ -47441,7 +49290,7 @@ ${error2.stack}` : ""}`
       getFiles: () => STATE.files,
       getRoute: () => STATE.route,
       getAnnotationPanelOpen: () => APP_SETTINGS.annotationPanelOpen === true,
-      setAnnotationPanelOpenState: (open) => patchSettings({ annotationPanelOpen: open }),
+      setAnnotationPanelOpenState: (open2) => patchSettings({ annotationPanelOpen: open2 }),
       getAnnotationPanelWidth: () => APP_SETTINGS.annotationPanelWidth,
       setAnnotationPanelWidth: (width) => patchSettings({ annotationPanelWidth: width }),
       getAnnotationFollow: () => APP_SETTINGS.annotationFollow !== false,
@@ -47502,7 +49351,7 @@ ${error2.stack}` : ""}`
       $,
       getActiveSessionEntries: () => ANNOTATIONS_UI?.getActiveSessionEntries() ?? [],
       openAnnotationEntry: (id) => ANNOTATIONS_UI ? ANNOTATIONS_UI.openAnnotationEntry(id) : Promise.resolve(),
-      setAnnotationPanelOpen: (open) => ANNOTATIONS_UI?.setAnnotationPanelOpen(open),
+      setAnnotationPanelOpen: (open2) => ANNOTATIONS_UI?.setAnnotationPanelOpen(open2),
       onAnnotationsChanged: (cb) => ANNOTATIONS_UI?.onAnnotationsChanged(cb),
       onAnnotationOpened: (cb) => ANNOTATIONS_UI?.onAnnotationOpened(cb),
       getActiveAnnotationId: () => ANNOTATIONS_UI ? ANNOTATIONS_UI.getActiveAnnotationId() : null,
@@ -47745,6 +49594,7 @@ ${error2.stack}` : ""}`
           }
         }
         if (isHistoryPanelRoute(STATE.route)) HISTORY_VIEW.notePossibleUpdate();
+        if (STATE.route.screen === "worktree") WORKTREE_VIEW?.handleSse();
         scheduleSseLoad(paths);
       });
       es.addEventListener("watch-limit", (event) => {