@youtyan/code-viewer 0.1.25 → 0.1.27

package/web/app.js

@@ -36,6 +36,23 @@
     };
   }
 
+  // web-src/directory-name.ts
+  function normalizeNewDirectoryName(name) {
+    if (typeof name !== "string")
+      return null;
+    const trimmed = name.trim();
+    if (!trimmed || trimmed.length > 180)
+      return null;
+    if (trimmed.includes("/") || trimmed.includes("\\") || trimmed.includes("\x00") || Array.from(trimmed).some((char) => {
+      const code = char.charCodeAt(0);
+      return code < 32 || code === 127;
+    }))
+      return null;
+    if (trimmed === "." || trimmed === ".." || trimmed.toLowerCase() === ".git")
+      return null;
+    return trimmed;
+  }
+
   // web-src/expand-logic.ts
   function initExpandState(prevHunkEndNew, hunkNewStart) {
     return {
@@ -145,6 +162,12 @@
   function filePathClipboardText(path) {
     return path || "";
   }
+  function fileNameClipboardText(path) {
+    if (!path)
+      return "";
+    const parts = path.split("/").filter(Boolean);
+    return parts[parts.length - 1] || "";
+  }
 
   // web-src/focus-scope.ts
   function isEditableKeyTarget(target) {
@@ -6578,8 +6601,8 @@ ${frontmatter.yaml}
       if (!section)
         return;
       e2.preventDefault();
-      section.scrollIntoView({ block: "start", behavior: "smooth" });
       history.replaceState(history.state, "", `#${encodeURIComponent(section.id)}`);
+      scrollMarkdownSectionIntoView(section, "smooth");
     });
     const controller = new AbortController;
     const scrollRoot = document.scrollingElement || document.documentElement;
@@ -6596,8 +6619,9 @@ ${frontmatter.yaml}
         return;
       }
       let active = entries[0];
+      const activeThreshold = markdownAnchorOffset() + 40;
       for (const entry of entries) {
-        if (entry.target.getBoundingClientRect().top <= 96)
+        if (entry.target.getBoundingClientRect().top <= activeThreshold)
           active = entry;
         else
           break;
@@ -6622,9 +6646,43 @@ ${frontmatter.yaml}
     setTimeout(() => {
       if (!root.isConnected)
         return;
+      scrollInitialMarkdownHash(root);
       update();
     }, 0);
   }
+  function scrollInitialMarkdownHash(root) {
+    if (!location.hash)
+      return;
+    const id = decodeHashFragment(location.hash);
+    const section = root.querySelector(`#${CSS.escape(id)}`);
+    if (!section)
+      return;
+    scrollMarkdownSectionIntoView(section, "auto");
+  }
+  function decodeHashFragment(hash) {
+    const value = hash.startsWith("#") ? hash.slice(1) : hash;
+    try {
+      return decodeURIComponent(value);
+    } catch {
+      return value;
+    }
+  }
+  function scrollMarkdownSectionIntoView(section, behavior) {
+    const top = section.getBoundingClientRect().top + window.scrollY - markdownAnchorOffset() - 12;
+    window.scrollTo({ top: Math.max(0, top), behavior });
+  }
+  function markdownAnchorOffset() {
+    const bottoms = Array.from(document.querySelectorAll("#global-header, .gdp-file-detail-sticky")).map((element) => {
+      const style = getComputedStyle(element);
+      if (style.display === "none" || style.visibility === "hidden")
+        return 0;
+      const rect = element.getBoundingClientRect();
+      if (rect.height <= 0)
+        return 0;
+      return rect.bottom > 0 ? rect.bottom : 0;
+    }).filter((bottom) => Number.isFinite(bottom));
+    return Math.max(0, ...bottoms);
+  }
   function keepTocLinkVisible(toc, link2) {
     if (toc.scrollHeight <= toc.clientHeight)
       return;
@@ -6894,6 +6952,8 @@ ${frontmatter.yaml}
     ];
     const FILE_16_PATH = "M2 1.75C2 .784 2.784 0 3.75 0h5.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 12.25 16h-8.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 8 4.25V1.5Zm5.75.062V4.25c0 .138.112.25.25.25h2.688Z";
     const OPEN_EXTERNAL_16_PATH = "M3.75 2A1.75 1.75 0 0 0 2 3.75v8.5C2 13.216 2.784 14 3.75 14h8.5A1.75 1.75 0 0 0 14 12.25v-3.5a.75.75 0 0 0-1.5 0v3.5a.25.25 0 0 1-.25.25h-8.5a.25.25 0 0 1-.25-.25v-8.5a.25.25 0 0 1 .25-.25h3.5a.75.75 0 0 0 0-1.5h-3.5Zm6.5 0a.75.75 0 0 0 0 1.5h1.19L7.72 7.22a.749.749 0 1 0 1.06 1.06l3.72-3.72v1.19a.75.75 0 0 0 1.5 0v-3A.75.75 0 0 0 13.25 2h-3Z";
+    const PLUS_16_PATH = "M7.75 2a.75.75 0 0 1 .75.75V7.5h4.75a.75.75 0 0 1 0 1.5H8.5v4.75a.75.75 0 0 1-1.5 0V9H2.25a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z";
+    const TRASH_16_PATH = "M6.5 1.75A1.75 1.75 0 0 1 8.25 0h1.5A1.75 1.75 0 0 1 11.5 1.75V2h3.75a.75.75 0 0 1 0 1.5h-.75v10.75A1.75 1.75 0 0 1 12.75 16h-9.5A1.75 1.75 0 0 1 1.5 14.25V3.5H.75a.75.75 0 0 1 0-1.5H4.5v-.25ZM6 2h4v-.25a.25.25 0 0 0-.25-.25h-1.5a.25.25 0 0 0-.25.25V2Zm-3 1.5v10.75c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V3.5Zm3 2.25a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-1.5 0v-5.5A.75.75 0 0 1 6 5.75Zm4 0a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-1.5 0v-5.5A.75.75 0 0 1 10 5.75Z";
     const GIT_BRANCH_16_PATH = "M9.5 3.25a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.493 2.493 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25Zm-6 0a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm8.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z";
     const TRIANGLE_DOWN_16_PATH = "m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z";
     const SIDEBAR_SHOW_16_PATHS = [
@@ -6931,6 +6991,7 @@ ${frontmatter.yaml}
     let sourceShikiLoadPromise = null;
     let highlightConfigured = false;
     let PROJECT_NAME = "";
+    let creatingDirectory = false;
     let REPO_SIDEBAR_REF = null;
     let REPO_SIDEBAR_LOAD_REF = null;
     let REPO_SIDEBAR_LOAD = null;
@@ -6947,6 +7008,8 @@ ${frontmatter.yaml}
       direction: "asc"
     };
     let SERVER_SCOPE_OMIT_DIRS_DEFAULT = [];
+    let SERVER_SCOPE_EXCLUDE_NAMES_DEFAULT = [];
+    const UNDO_STACK = [];
     let PENDING_G_SCOPE = null;
     let PENDING_G_UNTIL = 0;
     let SOURCE_CURSOR = null;
@@ -6954,6 +7017,7 @@ ${frontmatter.yaml}
     const HELP_LANGUAGES = ["en", "ja"];
     const HELP_SECTIONS = ["keybindings"];
     const SCOPE_OMIT_DIRS_STORAGE_KEY_PREFIX = "gdp:scope-omit-dirs:";
+    const SCOPE_EXCLUDE_NAMES_STORAGE_KEY_PREFIX = "gdp:scope-exclude-names:";
     const SIDEBAR_FONT_SIZE_STORAGE_KEY = "gdp:sidebar-font-size";
     const CODE_FONT_SIZE_STORAGE_KEY = "gdp:code-font-size";
     const CLIENT_SCOPE_OMIT_DIRS_DEFAULT = [
@@ -6984,6 +7048,7 @@ ${frontmatter.yaml}
       "bin",
       "obj"
     ];
+    const CLIENT_SCOPE_EXCLUDE_NAMES_DEFAULT = [".DS_Store"];
     const HELP_CONTENT = {
       en: {
         languageLabel: "Language",
@@ -7255,14 +7320,28 @@ ${frontmatter.yaml}
         ...new Set(raw.map((item) => item.trim()).filter((item) => item && item.length <= 64 && !item.includes("/") && !item.includes("\\") && item !== "." && item !== ".." && item !== ".git"))
       ].slice(0, 100).sort((a2, b2) => a2.localeCompare(b2));
     }
+    function normalizeScopeExcludeNames(value) {
+      const raw = Array.isArray(value) ? value : value.split(/[\n,]+/);
+      return [
+        ...new Set(raw.map((item) => item.trim()).filter((item) => item && item.length <= 128 && !item.includes("/") && !item.includes("\\") && item !== "." && item !== ".." && item !== ".git"))
+      ].slice(0, 200).sort((a2, b2) => a2.localeCompare(b2));
+    }
     function scopeOmitDirsStorageKey() {
       return SCOPE_OMIT_DIRS_STORAGE_KEY_PREFIX + (PROJECT_NAME || "default");
     }
+    function scopeExcludeNamesStorageKey() {
+      return SCOPE_EXCLUDE_NAMES_STORAGE_KEY_PREFIX + (PROJECT_NAME || "default");
+    }
     function setProjectName(project) {
       if (!project)
         return;
       PROJECT_NAME = project;
       document.title = `${project} - code viewer`;
+      const projectTitle = document.querySelector("#project-title");
+      if (projectTitle) {
+        projectTitle.textContent = project;
+        projectTitle.title = project;
+      }
     }
     function savedScopeOmitDirs() {
       const raw = localStorage.getItem(scopeOmitDirsStorageKey());
@@ -7275,16 +7354,36 @@ ${frontmatter.yaml}
         return normalizeScopeOmitDirs(raw);
       }
     }
+    function savedScopeExcludeNames() {
+      const raw = localStorage.getItem(scopeExcludeNamesStorageKey());
+      if (raw == null)
+        return null;
+      try {
+        const parsed = JSON.parse(raw);
+        return normalizeScopeExcludeNames(Array.isArray(parsed) ? parsed : []);
+      } catch {
+        return normalizeScopeExcludeNames(raw);
+      }
+    }
     function serverScopeOmitDirsDefault() {
       return SERVER_SCOPE_OMIT_DIRS_DEFAULT.length ? SERVER_SCOPE_OMIT_DIRS_DEFAULT : CLIENT_SCOPE_OMIT_DIRS_DEFAULT;
     }
+    function serverScopeExcludeNamesDefault() {
+      return SERVER_SCOPE_EXCLUDE_NAMES_DEFAULT.length ? SERVER_SCOPE_EXCLUDE_NAMES_DEFAULT : CLIENT_SCOPE_EXCLUDE_NAMES_DEFAULT;
+    }
     function effectiveScopeOmitDirs() {
       return savedScopeOmitDirs() ?? serverScopeOmitDirsDefault();
     }
-    function appendScopeOmitDirsParam(params) {
-      const saved = savedScopeOmitDirs();
-      if (saved != null)
-        params.set("omit_dirs", saved.join(","));
+    function effectiveScopeExcludeNames() {
+      return savedScopeExcludeNames() ?? serverScopeExcludeNamesDefault();
+    }
+    function appendScopeParams(params) {
+      const omit = savedScopeOmitDirs();
+      if (omit != null)
+        params.set("omit_dirs", omit.join(","));
+      const exclude = savedScopeExcludeNames();
+      if (exclude != null)
+        params.set("exclude_names", exclude.join(","));
     }
     function normalizeViewerFontSize(value) {
       return value === "compact" || value === "large" || value === "xlarge" ? value : "regular";
@@ -7319,8 +7418,9 @@ ${frontmatter.yaml}
       syncSidebarHeaderHeight();
     }
     function repoFileCacheKey(ref) {
-      const saved = savedScopeOmitDirs();
-      return `${ref}\x00${saved ? saved.join("\x00") : "server"}`;
+      const omit = savedScopeOmitDirs();
+      const exclude = savedScopeExcludeNames();
+      return `${ref}\x00${omit ? omit.join("\x00") : "server"}\x00${exclude ? exclude.join("\x00") : "server"}`;
     }
     async function loadSettings() {
       try {
@@ -7330,6 +7430,7 @@ ${frontmatter.yaml}
         const settings = await res.json();
         setProjectName(settings.project || "");
         SERVER_SCOPE_OMIT_DIRS_DEFAULT = normalizeScopeOmitDirs(settings.scope.omit_dirs_effective);
+        SERVER_SCOPE_EXCLUDE_NAMES_DEFAULT = normalizeScopeExcludeNames(settings.scope.exclude_names_effective);
         return settings;
       } catch {
         return null;
@@ -7671,7 +7772,7 @@ ${frontmatter.yaml}
       applySidebarHidden(!STATE.sidebarHidden);
     }
     function scopeOmitSourceLabel() {
-      return savedScopeOmitDirs() != null ? "Browser override" : "Server default";
+      return savedScopeOmitDirs() != null || savedScopeExcludeNames() != null ? "Browser override" : "Server default";
     }
     function refreshRepositoryTreeAfterSettings() {
       REPO_FILE_CACHE.clear();
@@ -7687,15 +7788,18 @@ ${frontmatter.yaml}
     async function openScopeSettings() {
       const pop = document.querySelector("#scope-settings-popover");
       const input = document.querySelector("#scope-omit-dirs");
+      const excludeInput = document.querySelector("#scope-exclude-names");
       const sidebarFontSize = document.querySelector("#sidebar-font-size");
       const codeFontSize = document.querySelector("#code-font-size");
       const source = document.querySelector("#scope-omit-source");
-      if (!pop || !input || !sidebarFontSize || !codeFontSize || !source)
+      if (!pop || !input || !excludeInput || !sidebarFontSize || !codeFontSize || !source)
         return;
       await loadSettings();
       sidebarFontSize.value = savedSidebarFontSize();
       codeFontSize.value = savedCodeFontSize();
       input.value = effectiveScopeOmitDirs().join(`
+`);
+      excludeInput.value = effectiveScopeExcludeNames().join(`
 `);
       source.textContent = 'Saved for project "' + (PROJECT_NAME || "default") + '" in this browser. Source: ' + scopeOmitSourceLabel() + ". Used by tree, Ctrl+K, and Ctrl+G. Reset removes the browser override.";
       pop.hidden = false;
@@ -7708,15 +7812,17 @@ ${frontmatter.yaml}
     }
     function saveScopeSettings() {
       const input = document.querySelector("#scope-omit-dirs");
+      const excludeInput = document.querySelector("#scope-exclude-names");
       const sidebarFontSize = document.querySelector("#sidebar-font-size");
       const codeFontSize = document.querySelector("#code-font-size");
-      if (!input || !sidebarFontSize || !codeFontSize)
+      if (!input || !excludeInput || !sidebarFontSize || !codeFontSize)
         return;
       localStorage.setItem(SIDEBAR_FONT_SIZE_STORAGE_KEY, normalizeViewerFontSize(sidebarFontSize.value));
       localStorage.setItem(CODE_FONT_SIZE_STORAGE_KEY, normalizeViewerFontSize(codeFontSize.value));
       applySidebarFontSize();
       applyCodeFontSize();
       localStorage.setItem(scopeOmitDirsStorageKey(), JSON.stringify(normalizeScopeOmitDirs(input.value)));
+      localStorage.setItem(scopeExcludeNamesStorageKey(), JSON.stringify(normalizeScopeExcludeNames(excludeInput.value)));
       closeScopeSettings();
       refreshRepositoryTreeAfterSettings();
     }
@@ -7726,6 +7832,7 @@ ${frontmatter.yaml}
       applySidebarFontSize("regular");
       applyCodeFontSize("regular");
       localStorage.removeItem(scopeOmitDirsStorageKey());
+      localStorage.removeItem(scopeExcludeNamesStorageKey());
       closeScopeSettings();
       refreshRepositoryTreeAfterSettings();
     }
@@ -7809,6 +7916,9 @@ ${frontmatter.yaml}
           li.className = "tree-dir";
           li.tabIndex = -1;
           li.dataset.dirpath = dir.path;
+          li.dataset.type = "tree";
+          if (dir.children_omitted_reason)
+            li.dataset.childrenOmittedReason = dir.children_omitted_reason;
           if (dir.explicit)
             li.dataset.explicit = "true";
           if (dir.children_omitted) {
@@ -7894,6 +8004,7 @@ ${frontmatter.yaml}
           li.className = "tree-file";
           li.tabIndex = -1;
           li.dataset.path = f2.path;
+          li.dataset.type = "blob";
           li.classList.toggle("viewed", !onFileClick && STATE.viewedFiles.has(f2.path));
           li.style.setProperty("--lvl-pad", `${12 + depth * 14}px`);
           const spacer = document.createElement("span");
@@ -7952,6 +8063,9 @@ ${frontmatter.yaml}
       li.className = "tree-dir";
       li.tabIndex = -1;
       li.dataset.dirpath = dir.path;
+      li.dataset.type = "tree";
+      if (dir.children_omitted_reason)
+        li.dataset.childrenOmittedReason = dir.children_omitted_reason;
       if (dir.explicit)
         li.dataset.explicit = "true";
       if (dir.children_omitted) {
@@ -8032,6 +8146,7 @@ ${frontmatter.yaml}
       li.className = "tree-file";
       li.tabIndex = -1;
       li.dataset.path = f2.path;
+      li.dataset.type = "blob";
       li.classList.toggle("viewed", !onFileClick && STATE.viewedFiles.has(f2.path));
       li.classList.toggle("hidden-by-tests", STATE.hideTests && TEST_RE.test(f2.path || ""));
       li.style.setProperty("--lvl-pad", `${12 + depth * 14}px`);
@@ -8944,6 +9059,422 @@ ${frontmatter.yaml}
           button.disabled = false;
       }
     }
+    function closeRepoContextMenu() {
+      document.querySelector(".gdp-context-menu")?.remove();
+    }
+    function closeTrashDialog() {
+      document.querySelector(".gdp-trash-dialog-backdrop")?.remove();
+    }
+    function createTrashDialog(title, body, actions) {
+      closeTrashDialog();
+      const backdrop = document.createElement("div");
+      backdrop.className = "gdp-trash-dialog-backdrop";
+      const dialog = document.createElement("div");
+      dialog.className = "gdp-trash-dialog";
+      const titleId = "gdp-trash-dialog-title";
+      const bodyId = "gdp-trash-dialog-body";
+      dialog.setAttribute("role", "dialog");
+      dialog.setAttribute("aria-modal", "true");
+      dialog.setAttribute("aria-labelledby", titleId);
+      dialog.setAttribute("aria-describedby", bodyId);
+      const heading2 = document.createElement("div");
+      heading2.id = titleId;
+      heading2.className = "gdp-trash-dialog-title";
+      heading2.textContent = title;
+      const message = document.createElement("div");
+      message.id = bodyId;
+      message.className = "gdp-trash-dialog-body";
+      message.textContent = body;
+      const actionRow = document.createElement("div");
+      actionRow.className = "gdp-trash-dialog-actions";
+      actionRow.append(...actions);
+      dialog.append(heading2, message, actionRow);
+      backdrop.appendChild(dialog);
+      document.body.appendChild(backdrop);
+      return backdrop;
+    }
+    function confirmMoveToTrash(path, focusReturnTarget) {
+      return new Promise((resolve) => {
+        const previousFocus = focusReturnTarget || document.activeElement;
+        const cancel = document.createElement("button");
+        cancel.type = "button";
+        cancel.className = "gdp-btn gdp-btn-sm";
+        cancel.textContent = "Cancel";
+        const move = document.createElement("button");
+        move.type = "button";
+        move.className = "gdp-btn gdp-btn-sm gdp-trash-dialog-danger";
+        move.textContent = "Move to Trash";
+        const done = (ok) => {
+          document.removeEventListener("keydown", onKeydown);
+          closeTrashDialog();
+          previousFocus?.focus?.();
+          resolve(ok);
+        };
+        const onKeydown = (event) => {
+          if (event.key === "Escape") {
+            event.preventDefault();
+            event.stopPropagation();
+            done(false);
+            return;
+          }
+          if (event.key !== "Tab")
+            return;
+          const focusables = [cancel, move];
+          const index = focusables.indexOf(document.activeElement);
+          if (index < 0) {
+            event.preventDefault();
+            focusables[0].focus();
+            return;
+          }
+          if (event.shiftKey && index <= 0) {
+            event.preventDefault();
+            focusables[focusables.length - 1].focus();
+          } else if (!event.shiftKey && index === focusables.length - 1) {
+            event.preventDefault();
+            focusables[0].focus();
+          }
+        };
+        cancel.addEventListener("click", () => done(false));
+        move.addEventListener("click", () => done(true));
+        const backdrop = createTrashDialog("Move to Trash?", `Move "${path}" to Trash?`, [cancel, move]);
+        backdrop.addEventListener("pointerdown", (event) => {
+          if (event.target === backdrop)
+            done(false);
+        });
+        document.addEventListener("keydown", onKeydown);
+        cancel.focus();
+      });
+    }
+    function showTrashError(message) {
+      const ok = document.createElement("button");
+      ok.type = "button";
+      ok.className = "gdp-btn gdp-btn-sm";
+      ok.textContent = "OK";
+      ok.addEventListener("click", closeTrashDialog);
+      createTrashDialog("Trash failed", message, [ok]);
+      ok.focus();
+    }
+    function showCreateDirectoryError(message) {
+      const ok = document.createElement("button");
+      ok.type = "button";
+      ok.className = "gdp-btn gdp-btn-sm";
+      ok.textContent = "OK";
+      ok.addEventListener("click", closeTrashDialog);
+      createTrashDialog("New folder failed", message, [ok]);
+      ok.focus();
+    }
+    function askNewDirectoryName(path, focusReturnTarget) {
+      return new Promise((resolve) => {
+        const previousFocus = focusReturnTarget || document.activeElement;
+        const cancel = document.createElement("button");
+        cancel.type = "button";
+        cancel.className = "gdp-btn gdp-btn-sm";
+        cancel.textContent = "Cancel";
+        const create = document.createElement("button");
+        create.type = "button";
+        create.className = "gdp-btn gdp-btn-sm";
+        create.textContent = "Create";
+        const input = document.createElement("input");
+        input.className = "gdp-create-dir-input";
+        input.type = "text";
+        input.autocomplete = "off";
+        input.placeholder = "Folder name";
+        input.setAttribute("aria-label", "Folder name");
+        const error2 = document.createElement("div");
+        error2.className = "gdp-create-dir-error";
+        error2.setAttribute("role", "alert");
+        const syncValidity = () => {
+          const valid = !!normalizeNewDirectoryName(input.value);
+          create.disabled = !valid;
+          error2.textContent = input.value && !valid ? "Use a folder name without slashes, control characters, . or .." : "";
+          return valid;
+        };
+        const done = (name) => {
+          document.removeEventListener("keydown", onKeydown);
+          closeTrashDialog();
+          previousFocus?.focus?.();
+          resolve(name);
+        };
+        const submit = () => {
+          const name = normalizeNewDirectoryName(input.value);
+          if (!name) {
+            syncValidity();
+            input.focus();
+            return;
+          }
+          done(name);
+        };
+        const onKeydown = (event) => {
+          if (event.key === "Escape") {
+            event.preventDefault();
+            event.stopPropagation();
+            done(null);
+            return;
+          }
+          if (event.isComposing || event.keyCode === 229)
+            return;
+          if (event.key === "Enter") {
+            event.preventDefault();
+            submit();
+            return;
+          }
+          if (event.key !== "Tab")
+            return;
+          const focusables = [input, cancel, create];
+          const index = focusables.indexOf(document.activeElement);
+          if (index < 0) {
+            event.preventDefault();
+            focusables[0].focus();
+            return;
+          }
+          if (event.shiftKey && index <= 0) {
+            event.preventDefault();
+            focusables[focusables.length - 1].focus();
+          } else if (!event.shiftKey && index === focusables.length - 1) {
+            event.preventDefault();
+            focusables[0].focus();
+          }
+        };
+        cancel.addEventListener("click", () => done(null));
+        create.addEventListener("click", submit);
+        input.addEventListener("input", syncValidity);
+        create.disabled = true;
+        const backdrop = createTrashDialog("New Folder", `Create a folder in "${path || PROJECT_NAME || "repository"}".`, [cancel, create]);
+        const body = backdrop.querySelector(".gdp-trash-dialog-body");
+        body?.append(input, error2);
+        backdrop.addEventListener("pointerdown", (event) => {
+          if (event.target === backdrop)
+            done(null);
+        });
+        document.addEventListener("keydown", onKeydown);
+        input.focus();
+      });
+    }
+    async function moveRepoPathToTrash(path) {
+      const res = await fetch("/_trash_path", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "X-Code-Viewer-Action": "1"
+        },
+        body: JSON.stringify({ path })
+      });
+      if (!res.ok) {
+        showTrashError(`Failed to move "${path}" to Trash: ${await res.text()}`);
+        return false;
+      }
+      const body = await res.json();
+      if (body.undo)
+        UNDO_STACK.unshift(body.undo);
+      return true;
+    }
+    async function requestCreateDirectory(path, onCreated, options = {}) {
+      if (creatingDirectory)
+        return;
+      const name = await askNewDirectoryName(path, options.focusReturnTarget);
+      if (!name)
+        return;
+      creatingDirectory = true;
+      try {
+        const res = await fetch("/_create_directory", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "X-Code-Viewer-Action": "1"
+          },
+          body: JSON.stringify({ dir: path, name })
+        });
+        if (!res.ok) {
+          showCreateDirectoryError(`Failed to create "${name}": ${await res.text()}`);
+          return;
+        }
+        const body = await res.json();
+        onCreated(body.path || (path ? `${path}/${name}` : name));
+      } finally {
+        creatingDirectory = false;
+      }
+    }
+    async function runUndoAction(action) {
+      if (action.type !== "trash")
+        return false;
+      const res = await fetch("/_restore_trash", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "X-Code-Viewer-Action": "1"
+        },
+        body: JSON.stringify(action.payload)
+      });
+      if (!res.ok) {
+        showTrashError(`Failed to undo "${action.label}": ${await res.text()}`);
+        return false;
+      }
+      return true;
+    }
+    async function undoLastAction() {
+      const action = UNDO_STACK.shift();
+      if (!action)
+        return false;
+      if (!await runUndoAction(action)) {
+        UNDO_STACK.unshift(action);
+        return true;
+      }
+      invalidateRepoSidebar();
+      await load();
+      return true;
+    }
+    async function requestMoveToTrash(path, onMoved, options = {}) {
+      if (!await confirmMoveToTrash(path, options.focusReturnTarget))
+        return;
+      if (await moveRepoPathToTrash(path))
+        onMoved();
+    }
+    function canTrashWorktreeRef(ref) {
+      return ref === "worktree" || ref === "";
+    }
+    function parentRepoPath(path) {
+      return path.split("/").slice(0, -1).join("/");
+    }
+    async function copyRepoContextText(text2) {
+      if (!text2)
+        return;
+      await navigator.clipboard.writeText(text2);
+    }
+    function createCopyPathButton(path) {
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = "gdp-file-header-icon gdp-copy-path";
+      button.title = "copy folder path";
+      button.setAttribute("aria-label", "copy folder path");
+      button.innerHTML = iconSvg("octicon-copy", COPY_16_PATHS);
+      button.addEventListener("click", async (event) => {
+        event.stopPropagation();
+        try {
+          await navigator.clipboard.writeText(filePathClipboardText(path));
+          button.classList.add("copied");
+          setTimeout(() => {
+            button.classList.remove("copied");
+          }, 1200);
+        } catch {
+          button.classList.add("failed");
+          setTimeout(() => {
+            button.classList.remove("failed");
+          }, 1200);
+        }
+      });
+      return button;
+    }
+    function showRepoContextMenu(event, entry, ref, onChanged) {
+      if (document.querySelector(".gdp-trash-dialog-backdrop"))
+        return false;
+      if (!canTrashWorktreeRef(ref))
+        return false;
+      if (entry.children_omitted_reason === "internal")
+        return false;
+      if (entry.type !== "tree" && entry.type !== "blob")
+        return false;
+      event.preventDefault();
+      closeRepoContextMenu();
+      const menu = document.createElement("div");
+      menu.className = "gdp-context-menu";
+      const anchor = event.target;
+      const focusReturnTarget = anchor?.closest("li, .gdp-repo-row");
+      const anchorRect = anchor?.closest("li, .gdp-repo-row")?.getBoundingClientRect();
+      const anchorX = event.clientX > 0 ? event.clientX : anchorRect?.left || window.innerWidth / 2;
+      const anchorY = event.clientY > 0 ? event.clientY : anchorRect?.bottom || window.innerHeight / 2;
+      menu.style.left = `${anchorX}px`;
+      menu.style.top = `${anchorY}px`;
+      const copyPath = document.createElement("button");
+      copyPath.type = "button";
+      copyPath.textContent = "Copy Path";
+      copyPath.addEventListener("click", async () => {
+        closeRepoContextMenu();
+        await copyRepoContextText(filePathClipboardText(entry.path));
+      });
+      const copyName = document.createElement("button");
+      copyName.type = "button";
+      copyName.textContent = "Copy Name";
+      copyName.addEventListener("click", async () => {
+        closeRepoContextMenu();
+        await copyRepoContextText(fileNameClipboardText(entry.path));
+      });
+      const createDir = document.createElement("button");
+      createDir.type = "button";
+      createDir.textContent = "New Folder...";
+      createDir.addEventListener("click", async () => {
+        closeRepoContextMenu();
+        const targetPath = entry.type === "blob" ? parentRepoPath(entry.path) : entry.path;
+        await requestCreateDirectory(targetPath, onChanged, {
+          focusReturnTarget
+        });
+      });
+      const trash = document.createElement("button");
+      trash.type = "button";
+      trash.className = "danger";
+      trash.textContent = "Move to Trash...";
+      trash.addEventListener("click", async () => {
+        closeRepoContextMenu();
+        await requestMoveToTrash(entry.path, onChanged, { focusReturnTarget });
+      });
+      menu.append(copyPath, copyName, createDir, trash);
+      document.body.appendChild(menu);
+      const rect = menu.getBoundingClientRect();
+      const left = Math.min(anchorX, window.innerWidth - rect.width - 8);
+      const top = Math.min(anchorY, window.innerHeight - rect.height - 8);
+      menu.style.left = `${Math.max(8, left)}px`;
+      menu.style.top = `${Math.max(8, top)}px`;
+      return true;
+    }
+    function sidebarTrashEntryFromEvent(event) {
+      if (!isRepositorySidebarMode())
+        return null;
+      const row = event.target?.closest("#filelist li");
+      if (!row)
+        return null;
+      const path = row.dataset.path || row.dataset.dirpath || "";
+      if (!path)
+        return null;
+      return {
+        path,
+        type: row.dataset.type,
+        children_omitted_reason: row.dataset.childrenOmittedReason
+      };
+    }
+    function handleSidebarContextMenu(event) {
+      const entry = sidebarTrashEntryFromEvent(event);
+      if (!entry)
+        return;
+      if (showRepoContextMenu(event, entry, REPO_SIDEBAR_REF || "worktree", () => loadRepo()))
+        markActive(entry.path);
+    }
+    function createMoveToTrashButton(path, onDeleted) {
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = "gdp-file-header-icon gdp-trash-path";
+      button.title = "move folder to Trash";
+      button.setAttribute("aria-label", "move folder to Trash");
+      button.innerHTML = iconSvg("octicon-trash", TRASH_16_PATH);
+      button.addEventListener("click", async (event) => {
+        event.stopPropagation();
+        await requestMoveToTrash(path, onDeleted, { focusReturnTarget: button });
+      });
+      return button;
+    }
+    function createNewFolderButton(path, onCreated) {
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = "gdp-file-header-icon gdp-create-dir";
+      button.title = "new folder";
+      button.setAttribute("aria-label", "new folder");
+      button.innerHTML = iconSvg("octicon-plus", PLUS_16_PATH);
+      button.addEventListener("click", async (event) => {
+        event.stopPropagation();
+        await requestCreateDirectory(path, onCreated, {
+          focusReturnTarget: button
+        });
+      });
+      return button;
+    }
     function createOpenPathButton(path, kind, title = "open folder in OS") {
       const button = document.createElement("button");
       button.type = "button";
@@ -8994,7 +9525,10 @@ ${frontmatter.yaml}
       button.className = "gdp-btn gdp-btn-sm";
       button.textContent = "Upload files";
       button.addEventListener("click", () => input.click());
-      const fail = () => {
+      const error2 = document.createElement("div");
+      error2.className = "gdp-upload-error";
+      const fail = (message = "Upload failed") => {
+        error2.textContent = message;
         dropPanel.classList.add("failed");
         setTimeout(() => dropPanel.classList.remove("failed"), 1600);
       };
@@ -9002,8 +9536,9 @@ ${frontmatter.yaml}
         try {
           if (input.files?.length)
             await uploadFiles(path, input.files);
-        } catch {
-          fail();
+          error2.textContent = "";
+        } catch (uploadError) {
+          fail(uploadError instanceof Error ? uploadError.message : "Upload failed");
         } finally {
           input.value = "";
         }
@@ -9020,11 +9555,12 @@ ${frontmatter.yaml}
           const files = event.dataTransfer?.files;
           if (files?.length)
             await uploadFiles(path, files);
-        } catch {
-          fail();
+          error2.textContent = "";
+        } catch (uploadError) {
+          fail(uploadError instanceof Error ? uploadError.message : "Upload failed");
         }
       });
-      dropPanel.append(copy, button, input);
+      dropPanel.append(copy, button, input, error2);
       return dropPanel;
     }
     function repoRoute(ref, path) {
@@ -9099,39 +9635,31 @@ ${frontmatter.yaml}
       const target = $("#diff");
       const shell = document.createElement("section");
       shell.className = "gdp-repo-shell";
-      const { wrap: targetPickerWrap, input: targetPicker } = createRefSelectorInput({
-        id: "repo-ref",
-        placeholder: "ref...",
-        title: "repository ref",
-        value: meta.ref || "worktree"
-      });
-      wireRefSelectorInput(targetPicker, (ref) => {
-        setRoute(repoRoute(ref, ""));
-        loadRepo();
-      });
       const toolbar = document.createElement("div");
       toolbar.className = "gdp-file-detail-header gdp-repo-toolbar";
-      toolbar.append(targetPickerWrap, createRepoBreadcrumb(meta.ref, meta.path || ""), createOpenPathButton(meta.path || "", "directory", "open this folder in OS"));
+      const pathHeader = document.createElement("div");
+      pathHeader.className = "gdp-file-detail-path";
+      pathHeader.appendChild(createRepoBreadcrumb(meta.ref, meta.path || ""));
+      if (meta.path)
+        pathHeader.appendChild(createCopyPathButton(meta.path));
+      pathHeader.appendChild(createOpenPathButton(meta.path || "", "directory", "open this folder in OS"));
+      toolbar.appendChild(pathHeader);
+      if (canTrashWorktreeRef(meta.ref)) {
+        toolbar.appendChild(createNewFolderButton(meta.path || "", () => loadRepo()));
+        if (meta.path) {
+          toolbar.appendChild(createMoveToTrashButton(meta.path, () => {
+            const parent = meta.path.split("/").slice(0, -1).join("/");
+            setRoute(repoRoute(meta.ref, parent));
+            loadRepo();
+          }));
+        }
+      }
       shell.appendChild(toolbar);
       const listCard = document.createElement("section");
       listCard.className = "gdp-file-shell loaded gdp-repo-list-shell";
       const listWrapper = document.createElement("div");
       listWrapper.className = "d2h-file-wrapper";
-      const listHeader = document.createElement("div");
-      listHeader.className = "d2h-file-header";
-      const listName = document.createElement("div");
-      listName.className = "d2h-file-name-wrapper";
-      const listIcon = document.createElement("span");
-      listIcon.className = "dir-icon";
-      setFolderIcon(listIcon, false);
-      const listTitle = document.createElement("span");
-      listTitle.className = "d2h-file-name";
-      listTitle.textContent = meta.path || meta.project || "Files";
-      listName.append(listIcon, listTitle);
-      listHeader.appendChild(listName);
-      listHeader.appendChild(createOpenPathButton(meta.path || "", "directory", "open this folder in OS"));
-      listWrapper.appendChild(listHeader);
-      if (meta.upload_enabled && (meta.ref === "worktree" || meta.ref === "")) {
+      if (meta.ref === "worktree" || meta.ref === "") {
         listWrapper.appendChild(createRepoUploadPanel(meta.path || ""));
       }
       const sortHost = document.createElement("div");
@@ -9198,6 +9726,7 @@ ${frontmatter.yaml}
               renderStandaloneSource({ path: entry.path, ref: meta.ref });
             }
           });
+          row.addEventListener("contextmenu", (event) => showRepoContextMenu(event, entry, meta.ref, () => loadRepo()));
           list2.appendChild(row);
         });
         if (!meta.entries.length) {
@@ -9271,7 +9800,7 @@ ${frontmatter.yaml}
       const params = new URLSearchParams;
       params.set("ref", normalizedRef);
       params.set("recursive", "1");
-      appendScopeOmitDirsParam(params);
+      appendScopeParams(params);
       REPO_SIDEBAR_LOAD_REF = normalizedRef;
       const load2 = trackLoad(fetch(`/_tree?${params.toString()}`).then((r2) => {
         if (!r2.ok)
@@ -9289,6 +9818,7 @@ ${frontmatter.yaml}
           children_omitted: entry.children_omitted,
           children_omitted_reason: entry.children_omitted_reason
         }));
+        REPO_SIDEBAR_REF = normalizedRef;
         renderSidebar(files, (file) => {
           if (file.type === "tree") {
             setRoute(repoRoute(normalizedRef, file.path));
@@ -9304,7 +9834,6 @@ ${frontmatter.yaml}
           });
           renderStandaloneSource({ path: file.path, ref: normalizedRef });
         });
-        REPO_SIDEBAR_REF = normalizedRef;
         activateRepoSidebarPath(currentPath);
       }).catch(() => {
         REPO_SIDEBAR_REF = null;
@@ -11579,6 +12108,13 @@ ${frontmatter.yaml}
       name.appendChild(copy);
       name.appendChild(createOpenPathButton(target.path, "file-parent", "open parent folder in OS"));
       header.appendChild(name);
+      if (repoTarget && canTrashWorktreeRef(repoTarget)) {
+        header.appendChild(createMoveToTrashButton(target.path, () => {
+          const parent = target.path.split("/").slice(0, -1).join("/");
+          setRoute(repoRoute(repoTarget, parent));
+          loadRepo();
+        }));
+      }
       loadRawFileInfo(target).then((meta) => {
         if (req !== SOURCE_REQ_SEQ || !sourceTargetsEqual(sourceTargetFromRoute(), target))
           return;
@@ -12781,7 +13317,7 @@ ${frontmatter.yaml}
         return cached;
       const params = new URLSearchParams;
       params.set("ref", ref);
-      appendScopeOmitDirsParam(params);
+      appendScopeParams(params);
       const res = await trackLoad(fetch(`/_files?${params.toString()}`).then((r2) => {
         if (!r2.ok)
           throw new Error("failed to load files");
@@ -12885,7 +13421,7 @@ ${frontmatter.yaml}
         params.set("max", "200");
         if (state.grepRegex)
           params.set("regex", "1");
-        appendScopeOmitDirsParam(params);
+        appendScopeParams(params);
         if (source === "diff") {
           for (const file of state.diffSnapshot)
             params.append("path", file.path);
@@ -13176,10 +13712,19 @@ ${frontmatter.yaml}
     document.addEventListener("keydown", handleVirtualSourcePagingKeydown, {
       capture: true
     });
-    document.addEventListener("keydown", (e2) => {
+    document.addEventListener("click", closeRepoContextMenu);
+    $("#filelist").addEventListener("contextmenu", handleSidebarContextMenu);
+    document.addEventListener("keydown", async (e2) => {
+      if (e2.key === "Escape")
+        closeRepoContextMenu();
       if (e2.__gdpVirtualSourcePagingHandled)
         return;
       const targetEl = e2.target;
+      if ((e2.ctrlKey || e2.metaKey) && !e2.shiftKey && !e2.altKey && e2.key.toLowerCase() === "z" && !isEditableKeyTarget(targetEl)) {
+        if (await undoLastAction())
+          e2.preventDefault();
+        return;
+      }
       if ((e2.ctrlKey || e2.metaKey) && e2.key.toLowerCase() === "f" && !isEditableKeyTarget(targetEl)) {
         if (openVirtualSourceSearchFromKeyboard(targetEl)) {
           e2.preventDefault();
@@ -13214,7 +13759,7 @@ ${frontmatter.yaml}
       params.set("ref", STATE.route.ref || "worktree");
       if (STATE.route.path)
         params.set("path", STATE.route.path);
-      appendScopeOmitDirsParam(params);
+      appendScopeParams(params);
       return trackLoad(fetch(`/_tree?${params.toString()}`).then((r2) => {
         if (!r2.ok)
           throw new Error("failed to load repository tree");