@thxgg/steward 0.1.19 → 0.1.21

package/.output/server/chunks/build/{Detail-BcQGdJY5.mjs → Detail-B7yBNjgp.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent, unref, mergeProps, withCtx, renderSlot, markRaw, ref, watch, computed, createVNode, useModel, createTextVNode, toDisplayString, openBlock, createBlock, createCommentVNode, resolveDynamicComponent, Fragment, renderList, mergeModels, readonly, useSSRContext } from 'vue';
+import { defineComponent, unref, mergeProps, withCtx, renderSlot, markRaw, ref, watch, computed, createVNode, useModel, createTextVNode, toDisplayString, openBlock, createBlock, createCommentVNode, resolveDynamicComponent, Fragment, renderList, mergeModels, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderSlot, ssrRenderAttrs, ssrInterpolate, ssrRenderVNode, ssrRenderList, ssrRenderClass, ssrRenderAttr, ssrRenderStyle } from 'vue/server-renderer';
 import { reactiveOmit, useMediaQuery } from '@vueuse/core';
 import { Background } from '@vue-flow/background';
@@ -582,6 +582,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     ref(null);
     ref(null);
     ref(false);
+    let fullFileHighlightRunVersion = 0;
+    let diffHighlightRunVersion = 0;
+    watch(
+      () => props.filePath,
+      () => {
+        showAll.value = false;
+      }
+    );
     const totalLines = computed(() => {
       let count = 0;
       for (const hunk of props.hunks) {
@@ -671,6 +679,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     }
     const displayItems = computed(() => {
       const items = [];
+      const idPrefix = props.filePath;
       for (let hunkIndex = 0; hunkIndex < props.hunks.length; hunkIndex++) {
         const hunk = props.hunks[hunkIndex];
         if (hunkIndex > 0) {
@@ -684,7 +693,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             items.push({
               type: "line",
               pair: {
-                id: `${hunkIndex}-${i}`,
+                id: `${idPrefix}:${hunkIndex}-${i}`,
                 left: {
                   lineNum: line.oldNumber,
                   content: line.content,
@@ -716,7 +725,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               items.push({
                 type: "line",
                 pair: {
-                  id: `${hunkIndex}-${i - maxLen + j}`,
+                  id: `${idPrefix}:${hunkIndex}-${i - maxLen + j}`,
                   left: removeLine ? {
                     lineNum: removeLine.oldNumber,
                     content: removeLine.content,
@@ -734,7 +743,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             items.push({
               type: "line",
               pair: {
-                id: `${hunkIndex}-${i}`,
+                id: `${idPrefix}:${hunkIndex}-${i}`,
                 left: { content: "", type: "empty" },
                 right: {
                   lineNum: line.newNumber,
@@ -813,72 +822,109 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const isLoadingFullFile = ref(false);
     watch(
       () => [props.fileContent, props.filePath],
-      async ([content]) => {
+      async ([content], _, onCleanup) => {
+        const runVersion = ++fullFileHighlightRunVersion;
+        let invalidated = false;
+        onCleanup(() => {
+          invalidated = true;
+        });
+        highlightedFullFile.value = [];
         if (!content) {
-          highlightedFullFile.value = [];
+          isLoadingFullFile.value = false;
           return;
         }
         isLoadingFullFile.value = true;
-        const lang = language.value;
-        highlightedFullFile.value = await highlightFullContent(content, lang);
-        isLoadingFullFile.value = false;
+        try {
+          const highlighted = await highlightFullContent(content, language.value);
+          if (invalidated || runVersion !== fullFileHighlightRunVersion) {
+            return;
+          }
+          highlightedFullFile.value = highlighted;
+        } finally {
+          if (!invalidated && runVersion === fullFileHighlightRunVersion) {
+            isLoadingFullFile.value = false;
+          }
+        }
       },
       { immediate: true }
     );
     watch(
       () => [props.hunks, props.filePath, highlightedFullFile.value],
-      async () => {
+      async (_, __, onCleanup) => {
+        const runVersion = ++diffHighlightRunVersion;
+        let invalidated = false;
+        onCleanup(() => {
+          invalidated = true;
+        });
         isLoading.value = true;
+        highlightedLines.value = /* @__PURE__ */ new Map();
         const lang = language.value;
         const newHighlighted = /* @__PURE__ */ new Map();
         const fullFileLines2 = highlightedFullFile.value;
         const linesToHighlight = [];
-        for (const item of displayItems.value) {
-          if (item.type === "line" && item.pair) {
-            if (item.pair.left.content && item.pair.left.type !== "empty") {
-              const key = `${item.pair.id}-old`;
-              if (item.pair.left.type === "context" && item.pair.left.lineNum && fullFileLines2.length > 0) {
-                const lineIndex = item.pair.right.lineNum ? item.pair.right.lineNum - 1 : -1;
-                if (lineIndex >= 0 && lineIndex < fullFileLines2.length) {
-                  newHighlighted.set(key, fullFileLines2[lineIndex] || "");
+        try {
+          for (const item of displayItems.value) {
+            if (invalidated || runVersion !== diffHighlightRunVersion) {
+              return;
+            }
+            if (item.type === "line" && item.pair) {
+              if (item.pair.left.content && item.pair.left.type !== "empty") {
+                const key = `${item.pair.id}-old`;
+                if (item.pair.left.type === "context" && item.pair.left.lineNum && fullFileLines2.length > 0) {
+                  const lineIndex = item.pair.right.lineNum ? item.pair.right.lineNum - 1 : -1;
+                  if (lineIndex >= 0 && lineIndex < fullFileLines2.length) {
+                    newHighlighted.set(key, fullFileLines2[lineIndex] || "");
+                  } else {
+                    linesToHighlight.push({ key, content: item.pair.left.content });
+                  }
                 } else {
                   linesToHighlight.push({ key, content: item.pair.left.content });
                 }
-              } else {
-                linesToHighlight.push({ key, content: item.pair.left.content });
               }
-            }
-            if (item.pair.right.content && item.pair.right.type !== "empty") {
-              const key = `${item.pair.id}-new`;
-              const lineNum = item.pair.right.lineNum;
-              if (lineNum && fullFileLines2.length > 0 && lineNum <= fullFileLines2.length) {
-                newHighlighted.set(key, fullFileLines2[lineNum - 1] || "");
-              } else {
-                linesToHighlight.push({ key, content: item.pair.right.content });
+              if (item.pair.right.content && item.pair.right.type !== "empty") {
+                const key = `${item.pair.id}-new`;
+                const lineNum = item.pair.right.lineNum;
+                if (lineNum && fullFileLines2.length > 0 && lineNum <= fullFileLines2.length) {
+                  newHighlighted.set(key, fullFileLines2[lineNum - 1] || "");
+                } else {
+                  linesToHighlight.push({ key, content: item.pair.right.content });
+                }
               }
             }
           }
-        }
-        const limitedLines = linesToHighlight.slice(0, MAX_DIFF_HIGHLIGHT_LINES);
-        const overflowLines = linesToHighlight.slice(MAX_DIFF_HIGHLIGHT_LINES);
-        for (const { key, content } of overflowLines) {
-          newHighlighted.set(key, escapeHtml(content));
-        }
-        const batchSize = 50;
-        for (let i = 0; i < limitedLines.length; i += batchSize) {
-          const batch = limitedLines.slice(i, i + batchSize);
-          const results = await Promise.all(
-            batch.map(async ({ key, content }) => {
-              const result = await highlightLine(content, lang);
-              return { key, result };
-            })
-          );
-          for (const { key, result } of results) {
-            newHighlighted.set(key, result);
+          const limitedLines = linesToHighlight.slice(0, MAX_DIFF_HIGHLIGHT_LINES);
+          const overflowLines = linesToHighlight.slice(MAX_DIFF_HIGHLIGHT_LINES);
+          for (const { key, content } of overflowLines) {
+            newHighlighted.set(key, escapeHtml(content));
+          }
+          const batchSize = 50;
+          for (let i = 0; i < limitedLines.length; i += batchSize) {
+            if (invalidated || runVersion !== diffHighlightRunVersion) {
+              return;
+            }
+            const batch = limitedLines.slice(i, i + batchSize);
+            const results = await Promise.all(
+              batch.map(async ({ key, content }) => {
+                const result = await highlightLine(content, lang);
+                return { key, result };
+              })
+            );
+            if (invalidated || runVersion !== diffHighlightRunVersion) {
+              return;
+            }
+            for (const { key, result } of results) {
+              newHighlighted.set(key, result);
+            }
+          }
+          if (invalidated || runVersion !== diffHighlightRunVersion) {
+            return;
+          }
+          highlightedLines.value = newHighlighted;
+        } finally {
+          if (!invalidated && runVersion === diffHighlightRunVersion) {
+            isLoading.value = false;
           }
         }
-        highlightedLines.value = newHighlighted;
-        isLoading.value = false;
       },
       { immediate: true }
     );
@@ -890,21 +936,21 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       return "context";
     }
     return (_ctx, _push, _parent, _attrs) => {
-      _push(`<div${ssrRenderAttrs(mergeProps({ class: "diff-viewer" }, _attrs))} data-v-a5da7e6e>`);
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "diff-viewer" }, _attrs))} data-v-9eb8ced7>`);
       if ((unref(isLoading) || __props.isLoadingContent || unref(isLoadingFullFile)) && !__props.binary) {
-        _push(`<div class="flex items-center justify-center py-8" data-v-a5da7e6e><div class="size-6 animate-spin rounded-full border-2 border-primary border-t-transparent" data-v-a5da7e6e></div></div>`);
+        _push(`<div class="flex items-center justify-center py-8" data-v-9eb8ced7><div class="size-6 animate-spin rounded-full border-2 border-primary border-t-transparent" data-v-9eb8ced7></div></div>`);
       } else if (__props.binary) {
-        _push(`<div class="flex flex-col items-center justify-center gap-3 py-12 text-muted-foreground" data-v-a5da7e6e>`);
+        _push(`<div class="flex flex-col items-center justify-center gap-3 py-12 text-muted-foreground" data-v-9eb8ced7>`);
         _push(ssrRenderComponent(unref(FileWarning), { class: "size-10 opacity-50" }, null, _parent));
-        _push(`<div class="text-center" data-v-a5da7e6e><p class="font-medium" data-v-a5da7e6e>Binary file</p><p class="text-sm" data-v-a5da7e6e>This file cannot be displayed as a diff</p></div></div>`);
+        _push(`<div class="text-center" data-v-9eb8ced7><p class="font-medium" data-v-9eb8ced7>Binary file</p><p class="text-sm" data-v-9eb8ced7>This file cannot be displayed as a diff</p></div></div>`);
       } else if (unref(isEmpty) && !__props.showFullFile) {
-        _push(`<div class="flex flex-col items-center justify-center gap-3 py-12 text-muted-foreground" data-v-a5da7e6e>`);
+        _push(`<div class="flex flex-col items-center justify-center gap-3 py-12 text-muted-foreground" data-v-9eb8ced7>`);
         _push(ssrRenderComponent(unref(AlertTriangle), { class: "size-10 opacity-50" }, null, _parent));
-        _push(`<div class="text-center" data-v-a5da7e6e><p class="font-medium" data-v-a5da7e6e>No changes</p><p class="text-sm" data-v-a5da7e6e>This file was touched but has no content changes</p></div></div>`);
+        _push(`<div class="text-center" data-v-9eb8ced7><p class="font-medium" data-v-9eb8ced7>No changes</p><p class="text-sm" data-v-9eb8ced7>This file was touched but has no content changes</p></div></div>`);
       } else if (unref(isLargeFile) && !unref(showAll) && !__props.showFullFile) {
-        _push(`<div class="diff-container" data-v-a5da7e6e><div class="flex flex-col items-center justify-center gap-3 border-b border-border bg-muted/30 py-6" data-v-a5da7e6e>`);
+        _push(`<div class="diff-container" data-v-9eb8ced7><div class="flex flex-col items-center justify-center gap-3 border-b border-border bg-muted/30 py-6" data-v-9eb8ced7>`);
         _push(ssrRenderComponent(unref(AlertTriangle), { class: "size-8 text-yellow-500" }, null, _parent));
-        _push(`<div class="text-center" data-v-a5da7e6e><p class="font-medium" data-v-a5da7e6e>Large file</p><p class="text-sm text-muted-foreground" data-v-a5da7e6e> This file has ${ssrInterpolate(unref(totalLines).toLocaleString())} lines (threshold: ${ssrInterpolate(LINE_LIMIT.toLocaleString())}) </p></div>`);
+        _push(`<div class="text-center" data-v-9eb8ced7><p class="font-medium" data-v-9eb8ced7>Large file</p><p class="text-sm text-muted-foreground" data-v-9eb8ced7> This file has ${ssrInterpolate(unref(totalLines).toLocaleString())} lines (threshold: ${ssrInterpolate(LINE_LIMIT.toLocaleString())}) </p></div>`);
         _push(ssrRenderComponent(unref(Button), {
           variant: "outline",
           size: "sm",
@@ -925,15 +971,15 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         }, _parent));
         _push(`</div></div>`);
       } else if (__props.showFullFile && __props.fileContent) {
-        _push(`<div class="diff-container" data-v-a5da7e6e><div class="full-file-view" data-v-a5da7e6e><!--[-->`);
+        _push(`<div class="diff-container" data-v-9eb8ced7><div class="full-file-view" data-v-9eb8ced7><!--[-->`);
         ssrRenderList(unref(fullFileLines), (line, index) => {
           _push(`<div class="${ssrRenderClass([{
             "diff-add": getFullFileLineType(index + 1) === "add"
-          }, "full-file-line"])}" data-v-a5da7e6e><div class="diff-gutter" data-v-a5da7e6e><span class="line-number" data-v-a5da7e6e>${ssrInterpolate(index + 1)}</span></div><div class="diff-content" data-v-a5da7e6e><span class="diff-code" data-v-a5da7e6e>${(unref(highlightedFullFile)[index] || escapeHtml(line)) ?? ""}</span></div></div>`);
+          }, "full-file-line"])}" data-v-9eb8ced7><div class="diff-gutter" data-v-9eb8ced7><span class="line-number" data-v-9eb8ced7>${ssrInterpolate(index + 1)}</span></div><div class="diff-content" data-v-9eb8ced7><span class="diff-code" data-v-9eb8ced7>${(unref(highlightedFullFile)[index] || escapeHtml(line)) ?? ""}</span></div></div>`);
         });
         _push(`<!--]--></div></div>`);
       } else {
-        _push(`<div class="diff-container" data-v-a5da7e6e><div class="diff-toolbar" data-v-a5da7e6e>`);
+        _push(`<div class="diff-container" data-v-9eb8ced7><div class="diff-toolbar" data-v-9eb8ced7>`);
         _push(ssrRenderComponent(unref(Button), {
           variant: "ghost",
           size: "sm",
@@ -953,25 +999,25 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           }),
           _: 1
         }, _parent));
-        _push(`</div><div class="diff-split" data-v-a5da7e6e><div class="diff-column diff-column-left" data-v-a5da7e6e><div class="diff-column-content" data-v-a5da7e6e><!--[-->`);
+        _push(`</div><div class="diff-split" data-v-9eb8ced7><div class="diff-column diff-column-left" data-v-9eb8ced7><div class="diff-column-content" data-v-9eb8ced7><!--[-->`);
         ssrRenderList(unref(displayItems), (item) => {
           _push(`<!--[-->`);
           if (item.type === "separator") {
-            _push(`<div class="diff-separator-half" data-v-a5da7e6e><div class="separator-line" data-v-a5da7e6e></div><span class="separator-text" data-v-a5da7e6e>···</span></div>`);
+            _push(`<div class="diff-separator-half" data-v-9eb8ced7><div class="separator-line" data-v-9eb8ced7></div><span class="separator-text" data-v-9eb8ced7>···</span></div>`);
           } else if (item.pair) {
             _push(`<div class="${ssrRenderClass([{
               "diff-remove": item.pair.left.type === "remove",
               "diff-empty": item.pair.left.type === "empty",
               "diff-context": item.pair.left.type === "context"
-            }, "diff-line"])}" data-v-a5da7e6e><div class="diff-gutter" data-v-a5da7e6e>`);
+            }, "diff-line"])}" data-v-9eb8ced7><div class="diff-gutter" data-v-9eb8ced7>`);
             if (item.pair.left.lineNum) {
-              _push(`<span class="line-number" data-v-a5da7e6e>${ssrInterpolate(item.pair.left.lineNum)}</span>`);
+              _push(`<span class="line-number" data-v-9eb8ced7>${ssrInterpolate(item.pair.left.lineNum)}</span>`);
             } else {
               _push(`<!---->`);
             }
-            _push(`</div><div class="diff-content" data-v-a5da7e6e>`);
+            _push(`</div><div class="diff-content" data-v-9eb8ced7>`);
             if (item.pair.left.type !== "empty") {
-              _push(`<span class="diff-code" data-v-a5da7e6e>${(getHighlightedContent(item.pair.id, "old") || escapeHtml(item.pair.left.content)) ?? ""}</span>`);
+              _push(`<span class="diff-code" data-v-9eb8ced7>${(getHighlightedContent(item.pair.id, "old") || escapeHtml(item.pair.left.content)) ?? ""}</span>`);
             } else {
               _push(`<!---->`);
             }
@@ -981,25 +1027,25 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           }
           _push(`<!--]-->`);
         });
-        _push(`<!--]--></div></div><div class="diff-column diff-column-right" data-v-a5da7e6e><div class="diff-column-content" data-v-a5da7e6e><!--[-->`);
+        _push(`<!--]--></div></div><div class="diff-column diff-column-right" data-v-9eb8ced7><div class="diff-column-content" data-v-9eb8ced7><!--[-->`);
         ssrRenderList(unref(displayItems), (item) => {
           _push(`<!--[-->`);
           if (item.type === "separator") {
-            _push(`<div class="diff-separator-half" data-v-a5da7e6e><span class="separator-text" data-v-a5da7e6e>···</span><div class="separator-line" data-v-a5da7e6e></div></div>`);
+            _push(`<div class="diff-separator-half" data-v-9eb8ced7><span class="separator-text" data-v-9eb8ced7>···</span><div class="separator-line" data-v-9eb8ced7></div></div>`);
           } else if (item.pair) {
             _push(`<div class="${ssrRenderClass([{
               "diff-add": item.pair.right.type === "add",
               "diff-empty": item.pair.right.type === "empty",
               "diff-context": item.pair.right.type === "context"
-            }, "diff-line"])}" data-v-a5da7e6e><div class="diff-gutter" data-v-a5da7e6e>`);
+            }, "diff-line"])}" data-v-9eb8ced7><div class="diff-gutter" data-v-9eb8ced7>`);
             if (item.pair.right.lineNum) {
-              _push(`<span class="line-number" data-v-a5da7e6e>${ssrInterpolate(item.pair.right.lineNum)}</span>`);
+              _push(`<span class="line-number" data-v-9eb8ced7>${ssrInterpolate(item.pair.right.lineNum)}</span>`);
             } else {
               _push(`<!---->`);
             }
-            _push(`</div><div class="diff-content" data-v-a5da7e6e>`);
+            _push(`</div><div class="diff-content" data-v-9eb8ced7>`);
             if (item.pair.right.type !== "empty") {
-              _push(`<span class="diff-code" data-v-a5da7e6e>${(getHighlightedContent(item.pair.id, "new") || escapeHtml(item.pair.right.content)) ?? ""}</span>`);
+              _push(`<span class="diff-code" data-v-9eb8ced7>${(getHighlightedContent(item.pair.id, "new") || escapeHtml(item.pair.right.content)) ?? ""}</span>`);
             } else {
               _push(`<!---->`);
             }
@@ -1021,7 +1067,7 @@ _sfc_main$j.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/git/DiffViewer.vue");
   return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
 };
-const __nuxt_component_1$2 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main$j, [["__scopeId", "data-v-a5da7e6e"]]), { __name: "GitDiffViewer" });
+const __nuxt_component_1$2 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main$j, [["__scopeId", "data-v-9eb8ced7"]]), { __name: "GitDiffViewer" });
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "ScrollBar",
   __ssrInlineRender: true,
@@ -1322,6 +1368,45 @@ _sfc_main$d.setup = (props, ctx) => {
   return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
 };
 const TooltipTrigger = Object.assign(_sfc_main$d, { __name: "UiTooltipTrigger" });
+function createLatestRequestManager() {
+  let activeTicket = null;
+  function begin() {
+    activeTicket?.controller.abort();
+    const controller = new AbortController();
+    const ticket = {
+      controller,
+      signal: controller.signal,
+      isCurrent: () => activeTicket === ticket && !controller.signal.aborted
+    };
+    activeTicket = ticket;
+    return ticket;
+  }
+  function clear(ticket) {
+    if (activeTicket === ticket) {
+      activeTicket = null;
+    }
+  }
+  function cancel() {
+    activeTicket?.controller.abort();
+    activeTicket = null;
+  }
+  return {
+    begin,
+    clear,
+    cancel
+  };
+}
+function isAbortError(error) {
+  if (!error || typeof error !== "object") {
+    return false;
+  }
+  const abortLike = error;
+  if (abortLike.name === "AbortError" || abortLike.cause?.name === "AbortError") {
+    return true;
+  }
+  const message = abortLike.message || abortLike.cause?.message;
+  return typeof message === "string" && message.toLowerCase().includes("aborted");
+}
 function useGit() {
   const { showError } = useToast();
   function getErrorMessage(error) {
@@ -1331,23 +1416,36 @@ function useGit() {
     }
     return "Unknown error";
   }
-  const isLoadingCommits = ref(false);
-  const isLoadingDiff = ref(false);
-  const isLoadingFileDiff = ref(false);
-  const isLoadingFileContent = ref(false);
-  async function fetchCommits(repoId, shas, repoPath) {
+  const loadingCommitsCount = ref(0);
+  const loadingDiffCount = ref(0);
+  const loadingFileDiffCount = ref(0);
+  const loadingFileContentCount = ref(0);
+  const isLoadingCommits = computed(() => loadingCommitsCount.value > 0);
+  const isLoadingDiff = computed(() => loadingDiffCount.value > 0);
+  const isLoadingFileDiff = computed(() => loadingFileDiffCount.value > 0);
+  const isLoadingFileContent = computed(() => loadingFileContentCount.value > 0);
+  function startLoading(counter) {
+    counter.value += 1;
+  }
+  function stopLoading(counter) {
+    counter.value = Math.max(0, counter.value - 1);
+  }
+  async function fetchCommits(repoId, shas, options) {
     if (!repoId || shas.length === 0) {
       return { commits: [], failedShas: [] };
     }
-    isLoadingCommits.value = true;
+    startLoading(loadingCommitsCount);
     try {
       const query = { shas: shas.join(",") };
-      if (repoPath) {
-        query.repo = repoPath;
+      if (options?.repoPath) {
+        query.repo = options.repoPath;
       }
       const commits = await $fetch(
         `/api/repos/${repoId}/git/commits`,
-        { query }
+        {
+          query,
+          signal: options?.signal
+        }
       );
       const returnedShortShas = commits.map((c) => c.shortSha);
       const failedShas = shas.filter((sha) => {
@@ -1355,76 +1453,96 @@ function useGit() {
       });
       return { commits, failedShas };
     } catch (error) {
-      showError("Failed to fetch commits", getErrorMessage(error));
+      if (isAbortError(error)) {
+        return { commits: [], failedShas: [] };
+      }
+      if (!options?.suppressError) {
+        showError("Failed to fetch commits", getErrorMessage(error));
+      }
       return { commits: [], failedShas: shas };
     } finally {
-      isLoadingCommits.value = false;
+      stopLoading(loadingCommitsCount);
     }
   }
-  async function fetchDiff(repoId, commitSha, repoPath) {
+  async function fetchDiff(repoId, commitSha, options) {
     if (!repoId || !commitSha) {
       return [];
     }
-    isLoadingDiff.value = true;
+    startLoading(loadingDiffCount);
     try {
       const query = { commit: commitSha };
-      if (repoPath) {
-        query.repo = repoPath;
+      if (options?.repoPath) {
+        query.repo = options.repoPath;
       }
       const files = await $fetch(
         `/api/repos/${repoId}/git/diff`,
-        { query }
+        {
+          query,
+          signal: options?.signal
+        }
       );
       return files;
     } catch (error) {
-      showError("Failed to fetch diff", getErrorMessage(error));
+      if (!isAbortError(error) && !options?.suppressError) {
+        showError("Failed to fetch diff", getErrorMessage(error));
+      }
       throw error;
     } finally {
-      isLoadingDiff.value = false;
+      stopLoading(loadingDiffCount);
     }
   }
-  async function fetchFileDiff(repoId, commitSha, filePath, repoPath) {
+  async function fetchFileDiff(repoId, commitSha, filePath, options) {
     if (!repoId || !commitSha || !filePath) {
       return [];
     }
-    isLoadingFileDiff.value = true;
+    startLoading(loadingFileDiffCount);
     try {
       const query = { commit: commitSha, file: filePath };
-      if (repoPath) {
-        query.repo = repoPath;
+      if (options?.repoPath) {
+        query.repo = options.repoPath;
       }
       const hunks = await $fetch(
         `/api/repos/${repoId}/git/file-diff`,
-        { query }
+        {
+          query,
+          signal: options?.signal
+        }
       );
       return hunks;
     } catch (error) {
-      showError("Failed to fetch file diff", getErrorMessage(error));
+      if (!isAbortError(error) && !options?.suppressError) {
+        showError("Failed to fetch file diff", getErrorMessage(error));
+      }
       throw error;
     } finally {
-      isLoadingFileDiff.value = false;
+      stopLoading(loadingFileDiffCount);
     }
   }
-  async function fetchFileContent(repoId, commitSha, filePath, repoPath) {
+  async function fetchFileContent(repoId, commitSha, filePath, options) {
     if (!repoId || !commitSha || !filePath) {
       return null;
     }
-    isLoadingFileContent.value = true;
+    startLoading(loadingFileContentCount);
     try {
       const query = { commit: commitSha, file: filePath };
-      if (repoPath) {
-        query.repo = repoPath;
+      if (options?.repoPath) {
+        query.repo = options.repoPath;
       }
       const result = await $fetch(
         `/api/repos/${repoId}/git/file-content`,
-        { query }
+        {
+          query,
+          signal: options?.signal
+        }
       );
       return result.content;
     } catch (error) {
-      showError("Failed to fetch file content", getErrorMessage(error));
+      if (!isAbortError(error) && !options?.suppressError) {
+        showError("Failed to fetch file content", getErrorMessage(error));
+      }
       throw error;
     } finally {
-      isLoadingFileContent.value = false;
+      stopLoading(loadingFileContentCount);
     }
   }
   return {
@@ -1434,10 +1552,10 @@ function useGit() {
     fetchFileDiff,
     fetchFileContent,
     // Loading states
-    isLoadingCommits: readonly(isLoadingCommits),
-    isLoadingDiff: readonly(isLoadingDiff),
-    isLoadingFileDiff: readonly(isLoadingFileDiff),
-    isLoadingFileContent: readonly(isLoadingFileContent)
+    isLoadingCommits,
+    isLoadingDiff,
+    isLoadingFileDiff,
+    isLoadingFileContent
   };
 }
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
@@ -1459,6 +1577,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const error = ref(null);
     const fileDiffError = ref(null);
     const viewMode = ref("changes");
+    const diffRequestManager = createLatestRequestManager();
+    const fileRequestManager = createLatestRequestManager();
     function getErrorMessage(error2, fallback) {
       if (error2 && typeof error2 === "object") {
         const fetchError = error2;
@@ -1467,72 +1587,124 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return fallback;
     }
     const selectedFileDiff = computed(() => files.value.find((f) => f.path === selectedFile.value));
-    async function loadDiff() {
+    const diffViewerKey = computed(() => `${props.repoPath || ""}:${props.commitSha}:${selectedFile.value || ""}`);
+    function resetDiffState() {
       error.value = null;
       files.value = [];
       selectedFile.value = void 0;
       hunks.value = [];
       fileContent.value = null;
+      fileDiffError.value = null;
+    }
+    async function loadDiff() {
+      const requestRepoId = props.repoId;
+      const requestCommitSha = props.commitSha;
+      const requestRepoPath = props.repoPath;
+      const ticket = diffRequestManager.begin();
+      fileRequestManager.cancel();
+      resetDiffState();
       try {
-        const result = await fetchDiff(props.repoId, props.commitSha, props.repoPath);
+        const result = await fetchDiff(requestRepoId, requestCommitSha, {
+          repoPath: requestRepoPath,
+          signal: ticket.signal,
+          suppressError: true
+        });
+        const isCurrentRequest = ticket.isCurrent() && props.repoId === requestRepoId && props.commitSha === requestCommitSha && props.repoPath === requestRepoPath;
+        if (!isCurrentRequest) {
+          return;
+        }
         files.value = result;
         if (result.length > 0) {
           selectedFile.value = result[0].path;
         }
       } catch (loadError) {
+        if (isAbortError(loadError) || !ticket.isCurrent()) {
+          return;
+        }
         error.value = getErrorMessage(loadError, "Could not load commit diff.");
+      } finally {
+        diffRequestManager.clear(ticket);
       }
     }
     async function loadFileDiff() {
-      if (!selectedFile.value) {
+      const selectedPath = selectedFile.value;
+      if (!selectedPath) {
+        fileDiffError.value = null;
         hunks.value = [];
         fileContent.value = null;
         return;
       }
+      const requestRepoId = props.repoId;
+      const requestCommitSha = props.commitSha;
+      const requestRepoPath = props.repoPath;
+      const requestMode = viewMode.value;
+      const requestPath = selectedPath;
+      const ticket = fileRequestManager.begin();
       fileDiffError.value = null;
+      hunks.value = [];
+      fileContent.value = null;
+      const isCurrentRequest = () => {
+        return ticket.isCurrent() && props.repoId === requestRepoId && props.commitSha === requestCommitSha && props.repoPath === requestRepoPath && viewMode.value === requestMode && selectedFile.value === requestPath;
+      };
       try {
-        const result = await fetchFileDiff(props.repoId, props.commitSha, selectedFile.value, props.repoPath);
-        hunks.value = result;
-        if (viewMode.value === "full") {
-          const content = await fetchFileContent(props.repoId, props.commitSha, selectedFile.value, props.repoPath);
+        const diffPromise = fetchFileDiff(requestRepoId, requestCommitSha, requestPath, {
+          repoPath: requestRepoPath,
+          signal: ticket.signal,
+          suppressError: true
+        });
+        if (requestMode === "full") {
+          const [result, content] = await Promise.all([
+            diffPromise,
+            fetchFileContent(requestRepoId, requestCommitSha, requestPath, {
+              repoPath: requestRepoPath,
+              signal: ticket.signal,
+              suppressError: true
+            })
+          ]);
+          if (!isCurrentRequest()) {
+            return;
+          }
+          hunks.value = result;
           fileContent.value = content;
         } else {
+          const result = await diffPromise;
+          if (!isCurrentRequest()) {
+            return;
+          }
+          hunks.value = result;
           fileContent.value = null;
         }
       } catch (loadError) {
+        if (!isCurrentRequest() || isAbortError(loadError)) {
+          return;
+        }
         fileDiffError.value = getErrorMessage(loadError, "Could not load file diff.");
+      } finally {
+        fileRequestManager.clear(ticket);
       }
     }
     function toggleViewMode() {
       viewMode.value = viewMode.value === "changes" ? "full" : "changes";
     }
-    watch(viewMode, async (mode) => {
-      if (mode === "full" && selectedFile.value && !fileContent.value) {
-        try {
-          const content = await fetchFileContent(props.repoId, props.commitSha, selectedFile.value, props.repoPath);
-          fileContent.value = content;
-          fileDiffError.value = null;
-        } catch (loadError) {
-          fileDiffError.value = getErrorMessage(loadError, "Could not load file content.");
-        }
-      }
-    });
     function handleFileSelect(path) {
       selectedFile.value = path;
     }
     function retry() {
-      loadDiff();
+      void loadDiff();
     }
     function retryFileDiff() {
-      loadFileDiff();
+      void loadFileDiff();
     }
-    watch(selectedFile, () => {
-      loadFileDiff();
-    });
+    watch(
+      () => [selectedFile.value, viewMode.value],
+      () => {
+        void loadFileDiff();
+      }
+    );
     watch(
       () => [props.repoId, props.commitSha, props.repoPath],
       () => {
-        loadDiff();
+        void loadDiff();
       },
       { immediate: true }
     );
@@ -1894,6 +2066,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               if (_push2) {
                 _push2(`<div${_scopeId}>`);
                 _push2(ssrRenderComponent(_component_GitDiffViewer, {
+                  key: unref(diffViewerKey),
                   hunks: unref(hunks),
                   "file-path": unref(selectedFile),
                   binary: unref(selectedFileDiff)?.binary,
@@ -1909,7 +2082,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                     ref_key: "diffViewerRef",
                     ref: diffViewerRef
                   }, [
-                    createVNode(_component_GitDiffViewer, {
+                    (openBlock(), createBlock(_component_GitDiffViewer, {
+                      key: unref(diffViewerKey),
                       hunks: unref(hunks),
                       "file-path": unref(selectedFile),
                       binary: unref(selectedFileDiff)?.binary,
@@ -1917,7 +2091,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       "file-content": unref(fileContent),
                       "show-full-file": unref(viewMode) === "full",
                       "is-loading-content": unref(isLoadingFileContent)
-                    }, null, 8, ["hunks", "file-path", "binary", "old-path", "file-content", "show-full-file", "is-loading-content"])
+                    }, null, 8, ["hunks", "file-path", "binary", "old-path", "file-content", "show-full-file", "is-loading-content"]))
                   ], 512)
                 ];
               }
@@ -1972,9 +2146,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       const repos = new Set(props.commits.map((c) => c.repo).filter(Boolean));
       return repos.size > 1;
     });
+    const commitsRequestManager = createLatestRequestManager();
     watch(
       () => ({ commits: props.commits, repoId: props.repoId }),
-      async ({ commits, repoId }) => {
+      async ({ commits, repoId }, _, onCleanup) => {
+        const ticket = commitsRequestManager.begin();
+        onCleanup(() => {
+          commitsRequestManager.clear(ticket);
+        });
         if (commits.length === 0 || !repoId) {
           commitDetails.value = /* @__PURE__ */ new Map();
           failedCommits.value = /* @__PURE__ */ new Set();
@@ -1990,7 +2169,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         }
         const results = await Promise.all(
           Array.from(commitsByRepo.entries()).map(async ([repoPath, shas]) => {
-            const result = await fetchCommits(repoId, shas, repoPath || void 0);
+            const result = await fetchCommits(repoId, shas, {
+              repoPath: repoPath || void 0,
+              signal: ticket.signal
+            });
             return {
               repoPath,
               requestedShas: [...shas],
@@ -2022,6 +2204,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             failed.add(createCommitKey(sha, repoPath));
           }
         }
+        if (!ticket.isCurrent()) {
+          return;
+        }
         commitDetails.value = detailsMap;
         failedCommits.value = failed;
       },
@@ -3540,4 +3725,4 @@ _sfc_main.setup = (props, ctx) => {
 const __nuxt_component_1 = Object.assign(_sfc_main, { __name: "TasksDetail" });
 
 export { Badge as B, __nuxt_component_0$2 as _, __nuxt_component_1 as a };
-//# sourceMappingURL=Detail-BcQGdJY5.mjs.map
+//# sourceMappingURL=Detail-B7yBNjgp.mjs.map