@thxgg/steward 0.1.5 → 0.1.7

package/.output/server/chunks/build/_prd_-CnwhMRyf.mjs

@@ -0,0 +1,4225 @@
+import { _ as __nuxt_component_0$4 } from './nuxt-link-SvT1nf8Z.mjs';
+import { defineComponent, computed, ref, watch, inject, mergeProps, unref, withCtx, createVNode, createTextVNode, isRef, openBlock, createBlock, toDisplayString, createCommentVNode, renderSlot, useModel, resolveDynamicComponent, Fragment, renderList, mergeModels, readonly, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderAttr, ssrRenderSlot, ssrRenderList, ssrRenderVNode, ssrRenderClass, ssrRenderStyle } from 'vue/server-renderer';
+import { Loader2, AlertCircle, RefreshCw, FileText, LayoutGrid, User, Calendar, CircleDot, ExternalLink, Circle, CheckCircle2, Clock, ArrowLeft, Tag, AlertTriangle, ListOrdered, CheckSquare, Check, Link2, Diff, PlayCircle, X, Keyboard, FileDiff, FileCode, GitCommit, Plus, Minus, FolderGit2, ArrowDown, ArrowUp, ArrowRight, FileWarning, ChevronDown, Link, Link2Off, FileEdit, FileX, FilePlus } from 'lucide-vue-next';
+import { cva } from 'class-variance-authority';
+import { reactiveOmit } from '@vueuse/core';
+import { useForwardPropsEmits, TabsRoot, TabsList as TabsList$1, useForwardProps, TabsTrigger as TabsTrigger$1, TabsContent as TabsContent$1, Primitive, DialogRoot, DialogPortal, DialogContent, DialogClose, DialogTitle, DialogDescription, Separator as Separator$1, DialogOverlay, TooltipProvider as TooltipProvider$1, TooltipRoot, TooltipTrigger as TooltipTrigger$1, TooltipPortal, TooltipContent as TooltipContent$1, TooltipArrow, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, DialogTrigger } from 'reka-ui';
+import { u as useRepos, a as usePrd, b as useToast, c as cn } from './usePrd-YhvN6Ary.mjs';
+import { marked } from 'marked';
+import { codeToHtml } from 'shiki';
+import DOMPurify from 'dompurify';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
+import { codeToHtml as codeToHtml$1 } from 'shiki/bundle/web';
+import { B as Button } from './index-CTpuP9Mj.mjs';
+import { b as useRoute } from './server.mjs';
+import '../nitro/nitro.mjs';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'node:crypto';
+import 'node:os';
+import 'node:url';
+import 'clsx';
+import 'tailwind-merge';
+import 'vue-sonner';
+import '@vue/shared';
+import 'perfect-debounce';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/utils';
+import 'vue-router';
+
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  __name: "Badge",
+  __ssrInlineRender: true,
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    variant: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(Primitive), mergeProps({
+        "data-slot": "badge",
+        class: unref(cn)(unref(badgeVariants)({ variant: __props.variant }), props.class)
+      }, unref(delegatedProps), _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$C = _sfc_main$C.setup;
+_sfc_main$C.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/badge/Badge.vue");
+  return _sfc_setup$C ? _sfc_setup$C(props, ctx) : void 0;
+};
+const Badge = Object.assign(_sfc_main$C, { __name: "UiBadge" });
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  __name: "Meta",
+  __ssrInlineRender: true,
+  props: {
+    metadata: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const statusVariant = computed(() => {
+      const status = props.metadata.status?.toLowerCase();
+      if (!status) return "secondary";
+      if (status.includes("complete") || status.includes("done")) return "default";
+      if (status.includes("progress") || status.includes("active")) return "default";
+      if (status.includes("draft")) return "secondary";
+      if (status.includes("blocked") || status.includes("paused")) return "destructive";
+      return "secondary";
+    });
+    const hasMetadata = computed(() => {
+      return props.metadata.author || props.metadata.date || props.metadata.status || props.metadata.shortcutStory;
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      if (unref(hasMetadata)) {
+        _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-wrap items-center gap-3 text-sm" }, _attrs))}>`);
+        if (__props.metadata.author) {
+          _push(`<div class="flex items-center gap-1.5 text-muted-foreground">`);
+          _push(ssrRenderComponent(unref(User), { class: "size-3.5" }, null, _parent));
+          _push(`<span>${ssrInterpolate(__props.metadata.author)}</span></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        if (__props.metadata.date) {
+          _push(`<div class="flex items-center gap-1.5 text-muted-foreground">`);
+          _push(ssrRenderComponent(unref(Calendar), { class: "size-3.5" }, null, _parent));
+          _push(`<span>${ssrInterpolate(__props.metadata.date)}</span></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        if (__props.metadata.status) {
+          _push(ssrRenderComponent(unref(Badge), {
+            variant: unref(statusVariant),
+            class: "gap-1"
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(ssrRenderComponent(unref(CircleDot), { class: "size-3" }, null, _parent2, _scopeId));
+                _push2(` ${ssrInterpolate(__props.metadata.status)}`);
+              } else {
+                return [
+                  createVNode(unref(CircleDot), { class: "size-3" }),
+                  createTextVNode(" " + toDisplayString(__props.metadata.status), 1)
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        if (__props.metadata.shortcutStory && __props.metadata.shortcutUrl) {
+          _push(`<a${ssrRenderAttr("href", __props.metadata.shortcutUrl)} target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-primary hover:underline">`);
+          _push(ssrRenderComponent(unref(ExternalLink), { class: "size-3.5" }, null, _parent));
+          _push(`<span>${ssrInterpolate(__props.metadata.shortcutStory)}</span></a>`);
+        } else if (__props.metadata.shortcutStory) {
+          _push(`<span class="flex items-center gap-1.5 text-muted-foreground">`);
+          _push(ssrRenderComponent(unref(ExternalLink), { class: "size-3.5" }, null, _parent));
+          _push(`<span>${ssrInterpolate(__props.metadata.shortcutStory)}</span></span>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+    };
+  }
+});
+const _sfc_setup$B = _sfc_main$B.setup;
+_sfc_main$B.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/prd/Meta.vue");
+  return _sfc_setup$B ? _sfc_setup$B(props, ctx) : void 0;
+};
+const __nuxt_component_1$2 = Object.assign(_sfc_main$B, { __name: "PrdMeta" });
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  __name: "Viewer",
+  __ssrInlineRender: true,
+  props: {
+    content: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const renderedHtml = ref("");
+    const isLoading = ref(true);
+    const purifyConfig = {
+      ADD_TAGS: ["style"],
+      ADD_ATTR: ["style", "class", "target", "rel"]
+    };
+    const renderer = new marked.Renderer();
+    renderer.link = ({ href, title, text }) => {
+      const titleAttr = title ? ` title="${title}"` : "";
+      return `<a href="${href}"${titleAttr} target="_blank" rel="noopener noreferrer">${text}</a>`;
+    };
+    async function highlightCode(code, lang) {
+      try {
+        return await codeToHtml(code, {
+          lang: lang || "text",
+          themes: {
+            light: "github-light",
+            dark: "github-dark"
+          }
+        });
+      } catch {
+        return `<pre><code class="language-${lang}">${escapeHtml(code)}</code></pre>`;
+      }
+    }
+    function escapeHtml(text) {
+      return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+    }
+    async function renderMarkdown(content) {
+      const codeBlockRegex = /```(\w*)\n([\s\S]*?)```/g;
+      const placeholders = [];
+      let placeholderIndex = 0;
+      const contentWithPlaceholders = content.replace(codeBlockRegex, (_, lang, code) => {
+        const placeholder = `CODEBLOCK${placeholderIndex++}PLACEHOLDER`;
+        placeholders.push({ placeholder, lang: lang || "text", code: code.trim() });
+        return placeholder;
+      });
+      marked.setOptions({
+        renderer,
+        gfm: true,
+        breaks: false
+      });
+      let html = await marked.parse(contentWithPlaceholders);
+      const highlightPromises = placeholders.map(async ({ placeholder, lang, code }) => {
+        const highlighted = await highlightCode(code, lang);
+        return { placeholder, highlighted };
+      });
+      const results = await Promise.all(highlightPromises);
+      for (const { placeholder, highlighted } of results) {
+        html = html.replace(`<p>${placeholder}</p>`, highlighted);
+        html = html.replace(placeholder, highlighted);
+      }
+      return DOMPurify.sanitize(html, purifyConfig);
+    }
+    watch(() => props.content, async (newContent) => {
+      if (newContent) {
+        isLoading.value = true;
+        try {
+          renderedHtml.value = await renderMarkdown(newContent);
+        } finally {
+          isLoading.value = false;
+        }
+      }
+    }, { immediate: true });
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "prd-viewer" }, _attrs))}>`);
+      if (unref(isLoading)) {
+        _push(`<div class="flex items-center justify-center py-8"><div class="size-6 animate-spin rounded-full border-2 border-primary border-t-transparent"></div></div>`);
+      } else {
+        _push(`<div class="prose prose-sm dark:prose-invert max-w-none">${unref(renderedHtml) ?? ""}</div>`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$A = _sfc_main$A.setup;
+_sfc_main$A.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/prd/Viewer.vue");
+  return _sfc_setup$A ? _sfc_setup$A(props, ctx) : void 0;
+};
+const __nuxt_component_2 = Object.assign(_sfc_main$A, { __name: "PrdViewer" });
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  __name: "Card",
+  __ssrInlineRender: true,
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        "data-slot": "card",
+        class: unref(cn)(
+          "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+          props.class
+        )
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$z = _sfc_main$z.setup;
+_sfc_main$z.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/Card.vue");
+  return _sfc_setup$z ? _sfc_setup$z(props, ctx) : void 0;
+};
+const Card = Object.assign(_sfc_main$z, { __name: "UiCard" });
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  __name: "CardAction",
+  __ssrInlineRender: true,
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        "data-slot": "card-action",
+        class: unref(cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", props.class)
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$y = _sfc_main$y.setup;
+_sfc_main$y.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardAction.vue");
+  return _sfc_setup$y ? _sfc_setup$y(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$y, { __name: "UiCardAction" });
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  __name: "CardContent",
+  __ssrInlineRender: true,
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        "data-slot": "card-content",
+        class: unref(cn)("px-6", props.class)
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$x = _sfc_main$x.setup;
+_sfc_main$x.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardContent.vue");
+  return _sfc_setup$x ? _sfc_setup$x(props, ctx) : void 0;
+};
+const CardContent = Object.assign(_sfc_main$x, { __name: "UiCardContent" });
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "CardDescription",
+  __ssrInlineRender: true,
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<p${ssrRenderAttrs(mergeProps({
+        "data-slot": "card-description",
+        class: unref(cn)("text-muted-foreground text-sm", props.class)
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</p>`);
+    };
+  }
+});
+const _sfc_setup$w = _sfc_main$w.setup;
+_sfc_main$w.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardDescription.vue");
+  return _sfc_setup$w ? _sfc_setup$w(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$w, { __name: "UiCardDescription" });
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "CardFooter",
+  __ssrInlineRender: true,
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        "data-slot": "card-footer",
+        class: unref(cn)("flex items-center px-6 [.border-t]:pt-6", props.class)
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$v = _sfc_main$v.setup;
+_sfc_main$v.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardFooter.vue");
+  return _sfc_setup$v ? _sfc_setup$v(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$v, { __name: "UiCardFooter" });
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  __name: "CardHeader",
+  __ssrInlineRender: true,
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        "data-slot": "card-header",
+        class: unref(cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", props.class)
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$u = _sfc_main$u.setup;
+_sfc_main$u.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardHeader.vue");
+  return _sfc_setup$u ? _sfc_setup$u(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$u, { __name: "UiCardHeader" });
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "CardTitle",
+  __ssrInlineRender: true,
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<h3${ssrRenderAttrs(mergeProps({
+        "data-slot": "card-title",
+        class: unref(cn)("leading-none font-semibold", props.class)
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</h3>`);
+    };
+  }
+});
+const _sfc_setup$t = _sfc_main$t.setup;
+_sfc_main$t.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardTitle.vue");
+  return _sfc_setup$t ? _sfc_setup$t(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$t, { __name: "UiCardTitle" });
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  __name: "Card",
+  __ssrInlineRender: true,
+  props: {
+    task: {},
+    blockedBy: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const categoryConfig = computed(() => {
+      switch (props.task.category) {
+        case "setup":
+          return { label: "Setup", variant: "secondary" };
+        case "feature":
+          return { label: "Feature", variant: "default" };
+        case "integration":
+          return { label: "Integration", variant: "outline" };
+        case "testing":
+          return { label: "Testing", variant: "secondary" };
+        case "documentation":
+          return { label: "Docs", variant: "secondary" };
+        default:
+          return { label: props.task.category, variant: "secondary" };
+      }
+    });
+    const priorityConfig = computed(() => {
+      switch (props.task.priority) {
+        case "critical":
+          return { icon: ArrowUp, class: "text-destructive", label: "Critical" };
+        case "high":
+          return { icon: ArrowUp, class: "text-orange-500", label: "High" };
+        case "medium":
+          return { icon: Minus, class: "text-muted-foreground", label: "Medium" };
+        case "low":
+          return { icon: ArrowDown, class: "text-muted-foreground", label: "Low" };
+        default:
+          return { icon: Minus, class: "text-muted-foreground", label: "Unknown" };
+      }
+    });
+    const isBlocked = computed(() => {
+      return props.blockedBy && props.blockedBy.length > 0;
+    });
+    const taskNumber = computed(() => {
+      const match = props.task.id.match(/(\d+)$/);
+      const value = match?.[1];
+      return value ? parseInt(value, 10) : 0;
+    });
+    const blockedCount = computed(() => {
+      return props.blockedBy?.length ?? 0;
+    });
+    function handleClick() {
+      emit("click", props.task);
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(Card), mergeProps({
+        class: ["cursor-pointer py-0 gap-0 transition-all hover:shadow-md hover:border-primary/50", { "opacity-60": unref(isBlocked) }],
+        onClick: handleClick
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(unref(CardContent), { class: "p-2.5" }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-center justify-between gap-2 mb-1.5"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(unref(Badge), {
+                    variant: unref(categoryConfig).variant,
+                    class: "text-xs"
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`${ssrInterpolate(unref(categoryConfig).label)}`);
+                      } else {
+                        return [
+                          createTextVNode(toDisplayString(unref(categoryConfig).label), 1)
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  ssrRenderVNode(_push3, createVNode(resolveDynamicComponent(unref(priorityConfig).icon), {
+                    class: ["size-4", unref(priorityConfig).class],
+                    title: unref(priorityConfig).label
+                  }, null), _parent3, _scopeId2);
+                  _push3(`</div><h4 class="text-sm font-medium leading-snug"${_scopeId2}><span class="text-muted-foreground"${_scopeId2}>#${ssrInterpolate(unref(taskNumber))}</span> ${ssrInterpolate(__props.task.title)}</h4>`);
+                  if (unref(isBlocked)) {
+                    _push3(`<div class="mt-2 flex items-center gap-1.5 text-xs text-destructive"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(unref(AlertCircle), { class: "size-3.5" }, null, _parent3, _scopeId2));
+                    _push3(`<span${_scopeId2}>Blocked by ${ssrInterpolate(unref(blockedCount))} task${ssrInterpolate(unref(blockedCount) === 1 ? "" : "s")}</span></div>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-center justify-between gap-2 mb-1.5" }, [
+                      createVNode(unref(Badge), {
+                        variant: unref(categoryConfig).variant,
+                        class: "text-xs"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(categoryConfig).label), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["variant"]),
+                      (openBlock(), createBlock(resolveDynamicComponent(unref(priorityConfig).icon), {
+                        class: ["size-4", unref(priorityConfig).class],
+                        title: unref(priorityConfig).label
+                      }, null, 8, ["class", "title"]))
+                    ]),
+                    createVNode("h4", { class: "text-sm font-medium leading-snug" }, [
+                      createVNode("span", { class: "text-muted-foreground" }, "#" + toDisplayString(unref(taskNumber)), 1),
+                      createTextVNode(" " + toDisplayString(__props.task.title), 1)
+                    ]),
+                    unref(isBlocked) ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "mt-2 flex items-center gap-1.5 text-xs text-destructive"
+                    }, [
+                      createVNode(unref(AlertCircle), { class: "size-3.5" }),
+                      createVNode("span", null, "Blocked by " + toDisplayString(unref(blockedCount)) + " task" + toDisplayString(unref(blockedCount) === 1 ? "" : "s"), 1)
+                    ])) : createCommentVNode("", true)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(unref(CardContent), { class: "p-2.5" }, {
+                default: withCtx(() => [
+                  createVNode("div", { class: "flex items-center justify-between gap-2 mb-1.5" }, [
+                    createVNode(unref(Badge), {
+                      variant: unref(categoryConfig).variant,
+                      class: "text-xs"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(categoryConfig).label), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["variant"]),
+                    (openBlock(), createBlock(resolveDynamicComponent(unref(priorityConfig).icon), {
+                      class: ["size-4", unref(priorityConfig).class],
+                      title: unref(priorityConfig).label
+                    }, null, 8, ["class", "title"]))
+                  ]),
+                  createVNode("h4", { class: "text-sm font-medium leading-snug" }, [
+                    createVNode("span", { class: "text-muted-foreground" }, "#" + toDisplayString(unref(taskNumber)), 1),
+                    createTextVNode(" " + toDisplayString(__props.task.title), 1)
+                  ]),
+                  unref(isBlocked) ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    class: "mt-2 flex items-center gap-1.5 text-xs text-destructive"
+                  }, [
+                    createVNode(unref(AlertCircle), { class: "size-3.5" }),
+                    createVNode("span", null, "Blocked by " + toDisplayString(unref(blockedCount)) + " task" + toDisplayString(unref(blockedCount) === 1 ? "" : "s"), 1)
+                  ])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$s = _sfc_main$s.setup;
+_sfc_main$s.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/Card.vue");
+  return _sfc_setup$s ? _sfc_setup$s(props, ctx) : void 0;
+};
+const __nuxt_component_0$3 = Object.assign(_sfc_main$s, { __name: "TasksCard" });
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  __name: "Column",
+  __ssrInlineRender: true,
+  props: {
+    status: {},
+    tasks: {},
+    blockedByMap: {}
+  },
+  emits: ["taskClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const statusConfig = computed(() => {
+      switch (props.status) {
+        case "pending":
+          return {
+            label: "Pending",
+            icon: Circle,
+            headerClass: "bg-muted/50",
+            iconClass: "text-muted-foreground"
+          };
+        case "in_progress":
+          return {
+            label: "In Progress",
+            icon: PlayCircle,
+            headerClass: "bg-blue-500/10",
+            iconClass: "text-blue-500"
+          };
+        case "completed":
+          return {
+            label: "Completed",
+            icon: CheckCircle2,
+            headerClass: "bg-green-500/10",
+            iconClass: "text-green-500"
+          };
+        default:
+          return {
+            label: props.status,
+            icon: Circle,
+            headerClass: "bg-muted/50",
+            iconClass: "text-muted-foreground"
+          };
+      }
+    });
+    function getBlockedBy(taskId) {
+      return props.blockedByMap?.get(taskId) ?? [];
+    }
+    function handleTaskClick(task) {
+      emit("taskClick", task);
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_TasksCard = __nuxt_component_0$3;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex h-full min-w-56 flex-1 flex-col overflow-hidden rounded-lg border border-border bg-card" }, _attrs))} data-v-a1317eba><div class="${ssrRenderClass([unref(statusConfig).headerClass, "flex items-center gap-2 rounded-t-lg border-b border-border px-3 py-2"])}" data-v-a1317eba>`);
+      ssrRenderVNode(_push, createVNode(resolveDynamicComponent(unref(statusConfig).icon), {
+        class: ["size-4", unref(statusConfig).iconClass]
+      }, null), _parent);
+      _push(`<h3 class="text-sm font-medium" data-v-a1317eba>${ssrInterpolate(unref(statusConfig).label)}</h3><span class="ml-auto text-xs text-muted-foreground" data-v-a1317eba>${ssrInterpolate(__props.tasks.length)}</span></div><div class="scrollbar-hide min-h-0 flex-1 overflow-y-auto p-1.5" data-v-a1317eba><div class="space-y-1.5" data-v-a1317eba><!--[-->`);
+      ssrRenderList(__props.tasks, (task) => {
+        _push(ssrRenderComponent(_component_TasksCard, {
+          key: task.id,
+          task,
+          "blocked-by": getBlockedBy(task.id),
+          onClick: handleTaskClick
+        }, null, _parent));
+      });
+      _push(`<!--]-->`);
+      if (__props.tasks.length === 0) {
+        _push(`<div class="py-8 text-center text-sm text-muted-foreground" data-v-a1317eba> No tasks </div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div></div></div>`);
+    };
+  }
+});
+const _sfc_setup$r = _sfc_main$r.setup;
+_sfc_main$r.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/Column.vue");
+  return _sfc_setup$r ? _sfc_setup$r(props, ctx) : void 0;
+};
+const __nuxt_component_0$2 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main$r, [["__scopeId", "data-v-a1317eba"]]), { __name: "TasksColumn" });
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  __name: "Board",
+  __ssrInlineRender: true,
+  props: {
+    tasks: {}
+  },
+  emits: ["taskClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function getTaskNumber(task) {
+      const match = task.id.match(/(\d+)$/);
+      const value = match?.[1];
+      return value ? parseInt(value, 10) : 0;
+    }
+    const pendingTasks = computed(
+      () => props.tasks.filter((t) => t.status === "pending").sort((a, b) => getTaskNumber(a) - getTaskNumber(b))
+    );
+    const inProgressTasks = computed(
+      () => props.tasks.filter((t) => t.status === "in_progress").sort((a, b) => getTaskNumber(a) - getTaskNumber(b))
+    );
+    const completedTasks = computed(
+      () => props.tasks.filter((t) => t.status === "completed").sort((a, b) => {
+        const aTime = a.completedAt ? new Date(a.completedAt).getTime() : 0;
+        const bTime = b.completedAt ? new Date(b.completedAt).getTime() : 0;
+        return bTime - aTime;
+      })
+    );
+    const blockedByMap = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      const completedIds = new Set(completedTasks.value.map((t) => t.id));
+      for (const task of props.tasks) {
+        if (task.dependencies.length > 0) {
+          const blockers = task.dependencies.filter((depId) => !completedIds.has(depId));
+          if (blockers.length > 0) {
+            map.set(task.id, blockers);
+          }
+        }
+      }
+      return map;
+    });
+    const columns = [
+      { status: "pending", tasks: pendingTasks },
+      { status: "in_progress", tasks: inProgressTasks },
+      { status: "completed", tasks: completedTasks }
+    ];
+    function handleTaskClick(task) {
+      emit("taskClick", task);
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_TasksColumn = __nuxt_component_0$2;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex h-full gap-3 overflow-x-auto pb-2" }, _attrs))}><!--[-->`);
+      ssrRenderList(columns, (column) => {
+        _push(ssrRenderComponent(_component_TasksColumn, {
+          key: column.status,
+          status: column.status,
+          tasks: column.tasks.value,
+          "blocked-by-map": unref(blockedByMap),
+          onTaskClick: handleTaskClick
+        }, null, _parent));
+      });
+      _push(`<!--]--></div>`);
+    };
+  }
+});
+const _sfc_setup$q = _sfc_main$q.setup;
+_sfc_main$q.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/Board.vue");
+  return _sfc_setup$q ? _sfc_setup$q(props, ctx) : void 0;
+};
+const __nuxt_component_3 = Object.assign(_sfc_main$q, { __name: "TasksBoard" });
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "ChangesMinimap",
+  __ssrInlineRender: true,
+  props: {
+    files: {},
+    selectedFile: {}
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const maxChanges = computed(() => {
+      if (props.files.length === 0) return 1;
+      return Math.max(...props.files.map((f) => f.additions + f.deletions), 1);
+    });
+    function getStatusConfig(status) {
+      switch (status) {
+        case "added":
+          return { icon: FilePlus, class: "text-green-600 dark:text-green-400" };
+        case "deleted":
+          return { icon: FileX, class: "text-red-600 dark:text-red-400" };
+        case "renamed":
+          return { icon: ArrowRight, class: "text-blue-600 dark:text-blue-400" };
+        case "modified":
+        default:
+          return { icon: FileEdit, class: "text-yellow-600 dark:text-yellow-400" };
+      }
+    }
+    function getBarWidths(file) {
+      const total = file.additions + file.deletions;
+      if (total === 0) return { additions: 0, deletions: 0, total: 0 };
+      const totalWidth = total / maxChanges.value * 100;
+      const additionsWidth = file.additions / total * totalWidth;
+      const deletionsWidth = file.deletions / total * totalWidth;
+      return {
+        additions: additionsWidth,
+        deletions: deletionsWidth,
+        total: totalWidth
+      };
+    }
+    function getDisplayName(file) {
+      if (file.status === "renamed" && file.oldPath) {
+        return `${file.oldPath} → ${file.path}`;
+      }
+      return file.path;
+    }
+    function getShortName(path) {
+      return path.split("/").pop() || path;
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-0.5 p-2" }, _attrs))}><!--[-->`);
+      ssrRenderList(__props.files, (file) => {
+        _push(`<button class="${ssrRenderClass([{
+          "bg-muted": __props.selectedFile === file.path
+        }, "group flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm transition-colors hover:bg-muted/50"])}">`);
+        ssrRenderVNode(_push, createVNode(resolveDynamicComponent(getStatusConfig(file.status).icon), {
+          class: ["size-4 shrink-0", getStatusConfig(file.status).class]
+        }, null), _parent);
+        _push(`<div class="min-w-0 flex-1"><div class="${ssrRenderClass([{
+          "font-medium": __props.selectedFile === file.path
+        }, "truncate text-xs"])}"${ssrRenderAttr("title", getDisplayName(file))}>`);
+        if (file.status === "renamed" && file.oldPath) {
+          _push(`<!--[--><span class="text-muted-foreground">${ssrInterpolate(getShortName(file.oldPath))}</span>`);
+          _push(ssrRenderComponent(unref(ArrowRight), { class: "mx-1 inline size-3 text-muted-foreground" }, null, _parent));
+          _push(`<span>${ssrInterpolate(getShortName(file.path))}</span><!--]-->`);
+        } else {
+          _push(`<!--[-->${ssrInterpolate(file.path)}<!--]-->`);
+        }
+        _push(`</div><div class="mt-1 flex h-1.5 w-full overflow-hidden rounded-full bg-muted">`);
+        if (getBarWidths(file).additions > 0) {
+          _push(`<div class="bg-green-500 dark:bg-green-400" style="${ssrRenderStyle({ width: `${getBarWidths(file).additions}%` })}"></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        if (getBarWidths(file).deletions > 0) {
+          _push(`<div class="bg-red-500 dark:bg-red-400" style="${ssrRenderStyle({ width: `${getBarWidths(file).deletions}%` })}"></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</div></div><div class="flex shrink-0 items-center gap-1 text-xs">`);
+        if (file.additions > 0) {
+          _push(`<span class="text-green-600 dark:text-green-400"> +${ssrInterpolate(file.additions)}</span>`);
+        } else {
+          _push(`<!---->`);
+        }
+        if (file.deletions > 0) {
+          _push(`<span class="text-red-600 dark:text-red-400"> -${ssrInterpolate(file.deletions)}</span>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</div></button>`);
+      });
+      _push(`<!--]-->`);
+      if (__props.files.length === 0) {
+        _push(`<div class="py-4 text-center text-sm text-muted-foreground"> No files changed </div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$p = _sfc_main$p.setup;
+_sfc_main$p.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/git/ChangesMinimap.vue");
+  return _sfc_setup$p ? _sfc_setup$p(props, ctx) : void 0;
+};
+const __nuxt_component_0$1 = Object.assign(_sfc_main$p, { __name: "GitChangesMinimap" });
+const LINE_LIMIT = 1e4;
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "DiffViewer",
+  __ssrInlineRender: true,
+  props: {
+    hunks: {},
+    filePath: {},
+    binary: { type: Boolean },
+    oldPath: {},
+    fileContent: {},
+    showFullFile: { type: Boolean },
+    isLoadingContent: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const showAll = ref(false);
+    const syncScrollEnabled = ref(true);
+    ref(null);
+    ref(null);
+    ref(false);
+    const totalLines = computed(() => {
+      let count = 0;
+      for (const hunk of props.hunks) {
+        count += hunk.lines.length;
+      }
+      return count;
+    });
+    const isLargeFile = computed(() => totalLines.value > LINE_LIMIT);
+    const isEmpty = computed(() => props.hunks.length === 0 && !props.binary);
+    const changedLines = computed(() => {
+      const added = /* @__PURE__ */ new Set();
+      const removed = /* @__PURE__ */ new Set();
+      for (const hunk of props.hunks) {
+        for (const line of hunk.lines) {
+          if (line.type === "add" && line.newNumber !== void 0) {
+            added.add(line.newNumber);
+          }
+          if (line.type === "remove" && line.oldNumber !== void 0) {
+            removed.add(line.oldNumber);
+          }
+        }
+      }
+      return { added, removed };
+    });
+    const fullFileLines = computed(() => {
+      if (!props.fileContent) return [];
+      return props.fileContent.split("\n");
+    });
+    function detectLanguage(path) {
+      const ext = path.split(".").pop()?.toLowerCase() || "";
+      const langMap = {
+        ts: "typescript",
+        tsx: "tsx",
+        js: "javascript",
+        jsx: "jsx",
+        vue: "vue",
+        svelte: "svelte",
+        py: "python",
+        rb: "ruby",
+        rs: "rust",
+        go: "go",
+        java: "java",
+        kt: "kotlin",
+        swift: "swift",
+        c: "c",
+        cpp: "cpp",
+        h: "c",
+        hpp: "cpp",
+        cs: "csharp",
+        php: "php",
+        html: "html",
+        css: "css",
+        scss: "scss",
+        sass: "sass",
+        less: "less",
+        json: "json",
+        yaml: "yaml",
+        yml: "yaml",
+        toml: "toml",
+        xml: "xml",
+        md: "markdown",
+        mdx: "mdx",
+        sh: "bash",
+        bash: "bash",
+        zsh: "bash",
+        fish: "fish",
+        ps1: "powershell",
+        sql: "sql",
+        graphql: "graphql",
+        gql: "graphql",
+        dockerfile: "dockerfile",
+        makefile: "makefile"
+      };
+      return langMap[ext] || "text";
+    }
+    const language = computed(() => detectLanguage(props.filePath));
+    const highlightedLines = ref(/* @__PURE__ */ new Map());
+    const isLoading = ref(true);
+    const displayItems = computed(() => {
+      const items = [];
+      for (let hunkIndex = 0; hunkIndex < props.hunks.length; hunkIndex++) {
+        const hunk = props.hunks[hunkIndex];
+        if (hunkIndex > 0) {
+          items.push({ type: "separator", hunkIndex });
+        }
+        const hunkLines = hunk.lines;
+        let i = 0;
+        while (i < hunkLines.length) {
+          const line = hunkLines[i];
+          if (line.type === "context") {
+            items.push({
+              type: "line",
+              pair: {
+                id: `${hunkIndex}-${i}`,
+                left: {
+                  lineNum: line.oldNumber,
+                  content: line.content,
+                  type: "context"
+                },
+                right: {
+                  lineNum: line.newNumber,
+                  content: line.content,
+                  type: "context"
+                }
+              }
+            });
+            i++;
+          } else if (line.type === "remove") {
+            const removeLines = [];
+            const addLines = [];
+            while (i < hunkLines.length && hunkLines[i].type === "remove") {
+              removeLines.push(hunkLines[i]);
+              i++;
+            }
+            while (i < hunkLines.length && hunkLines[i].type === "add") {
+              addLines.push(hunkLines[i]);
+              i++;
+            }
+            const maxLen = Math.max(removeLines.length, addLines.length);
+            for (let j = 0; j < maxLen; j++) {
+              const removeLine = removeLines[j];
+              const addLine = addLines[j];
+              items.push({
+                type: "line",
+                pair: {
+                  id: `${hunkIndex}-${i - maxLen + j}`,
+                  left: removeLine ? {
+                    lineNum: removeLine.oldNumber,
+                    content: removeLine.content,
+                    type: "remove"
+                  } : { content: "", type: "empty" },
+                  right: addLine ? {
+                    lineNum: addLine.newNumber,
+                    content: addLine.content,
+                    type: "add"
+                  } : { content: "", type: "empty" }
+                }
+              });
+            }
+          } else if (line.type === "add") {
+            items.push({
+              type: "line",
+              pair: {
+                id: `${hunkIndex}-${i}`,
+                left: { content: "", type: "empty" },
+                right: {
+                  lineNum: line.newNumber,
+                  content: line.content,
+                  type: "add"
+                }
+              }
+            });
+            i++;
+          } else {
+            i++;
+          }
+        }
+      }
+      return items;
+    });
+    async function highlightLine(content, lang) {
+      if (!content.trim()) {
+        return "";
+      }
+      try {
+        const html = await codeToHtml$1(content, {
+          lang,
+          themes: {
+            light: "catppuccin-latte",
+            dark: "catppuccin-mocha"
+          }
+        });
+        const codeMatch = html.match(/<code[^>]*>([\s\S]*?)<\/code>/);
+        return codeMatch ? codeMatch[1] || "" : escapeHtml(content);
+      } catch {
+        return escapeHtml(content);
+      }
+    }
+    async function highlightFullContent(content, lang) {
+      if (!content) {
+        return [];
+      }
+      try {
+        const html = await codeToHtml$1(content, {
+          lang,
+          themes: {
+            light: "catppuccin-latte",
+            dark: "catppuccin-mocha"
+          }
+        });
+        const codeMatch = html.match(/<code[^>]*>([\s\S]*?)<\/code>/);
+        if (!codeMatch || !codeMatch[1]) {
+          return content.split("\n").map(escapeHtml);
+        }
+        const highlightedContent = codeMatch[1];
+        return highlightedContent.split("\n");
+      } catch {
+        return content.split("\n").map(escapeHtml);
+      }
+    }
+    function escapeHtml(text) {
+      return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+    }
+    const highlightedFullFile = ref([]);
+    const isLoadingFullFile = ref(false);
+    watch(
+      () => [props.fileContent, props.filePath],
+      async ([content]) => {
+        if (!content) {
+          highlightedFullFile.value = [];
+          return;
+        }
+        isLoadingFullFile.value = true;
+        const lang = language.value;
+        highlightedFullFile.value = await highlightFullContent(content, lang);
+        isLoadingFullFile.value = false;
+      },
+      { immediate: true }
+    );
+    watch(
+      () => [props.hunks, props.filePath, highlightedFullFile.value],
+      async () => {
+        isLoading.value = true;
+        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] || "");
+                } 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 });
+              }
+            }
+          }
+        }
+        const batchSize = 50;
+        for (let i = 0; i < linesToHighlight.length; i += batchSize) {
+          const batch = linesToHighlight.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);
+          }
+        }
+        highlightedLines.value = newHighlighted;
+        isLoading.value = false;
+      },
+      { immediate: true }
+    );
+    function getHighlightedContent(pairId, side) {
+      return highlightedLines.value.get(`${pairId}-${side}`) || "";
+    }
+    function getFullFileLineType(lineNum) {
+      if (changedLines.value.added.has(lineNum)) return "add";
+      return "context";
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "diff-viewer" }, _attrs))} data-v-2678ccde>`);
+      if ((unref(isLoading) || __props.isLoadingContent || unref(isLoadingFullFile)) && !__props.binary) {
+        _push(`<div class="flex items-center justify-center py-8" data-v-2678ccde><div class="size-6 animate-spin rounded-full border-2 border-primary border-t-transparent" data-v-2678ccde></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-2678ccde>`);
+        _push(ssrRenderComponent(unref(FileWarning), { class: "size-10 opacity-50" }, null, _parent));
+        _push(`<div class="text-center" data-v-2678ccde><p class="font-medium" data-v-2678ccde>Binary file</p><p class="text-sm" data-v-2678ccde>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-2678ccde>`);
+        _push(ssrRenderComponent(unref(AlertTriangle), { class: "size-10 opacity-50" }, null, _parent));
+        _push(`<div class="text-center" data-v-2678ccde><p class="font-medium" data-v-2678ccde>No changes</p><p class="text-sm" data-v-2678ccde>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-2678ccde><div class="flex flex-col items-center justify-center gap-3 border-b border-border bg-muted/30 py-6" data-v-2678ccde>`);
+        _push(ssrRenderComponent(unref(AlertTriangle), { class: "size-8 text-yellow-500" }, null, _parent));
+        _push(`<div class="text-center" data-v-2678ccde><p class="font-medium" data-v-2678ccde>Large file</p><p class="text-sm text-muted-foreground" data-v-2678ccde> This file has ${ssrInterpolate(unref(totalLines).toLocaleString())} lines (threshold: ${ssrInterpolate(LINE_LIMIT.toLocaleString())}) </p></div>`);
+        _push(ssrRenderComponent(unref(Button), {
+          variant: "outline",
+          size: "sm",
+          onClick: ($event) => showAll.value = true
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(unref(ChevronDown), { class: "mr-2 size-4" }, null, _parent2, _scopeId));
+              _push2(` Show full diff `);
+            } else {
+              return [
+                createVNode(unref(ChevronDown), { class: "mr-2 size-4" }),
+                createTextVNode(" Show full diff ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div></div>`);
+      } else if (__props.showFullFile && __props.fileContent) {
+        _push(`<div class="diff-container" data-v-2678ccde><div class="full-file-view" data-v-2678ccde><!--[-->`);
+        ssrRenderList(unref(fullFileLines), (line, index) => {
+          _push(`<div class="${ssrRenderClass([{
+            "diff-add": getFullFileLineType(index + 1) === "add"
+          }, "full-file-line"])}" data-v-2678ccde><div class="diff-gutter" data-v-2678ccde><span class="line-number" data-v-2678ccde>${ssrInterpolate(index + 1)}</span></div><div class="diff-content" data-v-2678ccde><span class="diff-code" data-v-2678ccde>${(unref(highlightedFullFile)[index] || escapeHtml(line)) ?? ""}</span></div></div>`);
+        });
+        _push(`<!--]--></div></div>`);
+      } else {
+        _push(`<div class="diff-container" data-v-2678ccde><div class="diff-toolbar" data-v-2678ccde>`);
+        _push(ssrRenderComponent(unref(Button), {
+          variant: "ghost",
+          size: "sm",
+          class: ["h-7 gap-1.5 text-xs", { "text-primary": unref(syncScrollEnabled) }],
+          onClick: ($event) => syncScrollEnabled.value = !unref(syncScrollEnabled)
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(unref(syncScrollEnabled) ? unref(Link) : unref(Link2Off)), { class: "size-3.5" }, null), _parent2, _scopeId);
+              _push2(` ${ssrInterpolate(unref(syncScrollEnabled) ? "Sync scroll" : "Scroll unlocked")}`);
+            } else {
+              return [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(syncScrollEnabled) ? unref(Link) : unref(Link2Off)), { class: "size-3.5" })),
+                createTextVNode(" " + toDisplayString(unref(syncScrollEnabled) ? "Sync scroll" : "Scroll unlocked"), 1)
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div><div class="diff-split" data-v-2678ccde><div class="diff-column diff-column-left" data-v-2678ccde><div class="diff-column-content" data-v-2678ccde><!--[-->`);
+        ssrRenderList(unref(displayItems), (item) => {
+          _push(`<!--[-->`);
+          if (item.type === "separator") {
+            _push(`<div class="diff-separator-half" data-v-2678ccde><div class="separator-line" data-v-2678ccde></div><span class="separator-text" data-v-2678ccde>···</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-2678ccde><div class="diff-gutter" data-v-2678ccde>`);
+            if (item.pair.left.lineNum) {
+              _push(`<span class="line-number" data-v-2678ccde>${ssrInterpolate(item.pair.left.lineNum)}</span>`);
+            } else {
+              _push(`<!---->`);
+            }
+            _push(`</div><div class="diff-content" data-v-2678ccde>`);
+            if (item.pair.left.type !== "empty") {
+              _push(`<span class="diff-code" data-v-2678ccde>${(getHighlightedContent(item.pair.id, "old") || escapeHtml(item.pair.left.content)) ?? ""}</span>`);
+            } else {
+              _push(`<!---->`);
+            }
+            _push(`</div></div>`);
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`<!--]-->`);
+        });
+        _push(`<!--]--></div></div><div class="diff-column diff-column-right" data-v-2678ccde><div class="diff-column-content" data-v-2678ccde><!--[-->`);
+        ssrRenderList(unref(displayItems), (item) => {
+          _push(`<!--[-->`);
+          if (item.type === "separator") {
+            _push(`<div class="diff-separator-half" data-v-2678ccde><span class="separator-text" data-v-2678ccde>···</span><div class="separator-line" data-v-2678ccde></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-2678ccde><div class="diff-gutter" data-v-2678ccde>`);
+            if (item.pair.right.lineNum) {
+              _push(`<span class="line-number" data-v-2678ccde>${ssrInterpolate(item.pair.right.lineNum)}</span>`);
+            } else {
+              _push(`<!---->`);
+            }
+            _push(`</div><div class="diff-content" data-v-2678ccde>`);
+            if (item.pair.right.type !== "empty") {
+              _push(`<span class="diff-code" data-v-2678ccde>${(getHighlightedContent(item.pair.id, "new") || escapeHtml(item.pair.right.content)) ?? ""}</span>`);
+            } else {
+              _push(`<!---->`);
+            }
+            _push(`</div></div>`);
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`<!--]-->`);
+        });
+        _push(`<!--]--></div></div></div></div>`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$o = _sfc_main$o.setup;
+_sfc_main$o.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/git/DiffViewer.vue");
+  return _sfc_setup$o ? _sfc_setup$o(props, ctx) : void 0;
+};
+const __nuxt_component_1$1 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main$o, [["__scopeId", "data-v-2678ccde"]]), { __name: "GitDiffViewer" });
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "ScrollBar",
+  __ssrInlineRender: true,
+  props: {
+    orientation: { default: "vertical" },
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(ScrollAreaScrollbar), mergeProps({ "data-slot": "scroll-area-scrollbar" }, unref(delegatedProps), {
+        class: unref(cn)(
+          "flex touch-none p-px transition-colors select-none",
+          __props.orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+          __props.orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+          props.class
+        )
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(unref(ScrollAreaThumb), {
+              "data-slot": "scroll-area-thumb",
+              class: "bg-border relative flex-1 rounded-full"
+            }, null, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(unref(ScrollAreaThumb), {
+                "data-slot": "scroll-area-thumb",
+                class: "bg-border relative flex-1 rounded-full"
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$n = _sfc_main$n.setup;
+_sfc_main$n.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/scroll-area/ScrollBar.vue");
+  return _sfc_setup$n ? _sfc_setup$n(props, ctx) : void 0;
+};
+const ScrollBar = Object.assign(_sfc_main$n, { __name: "UiScrollAreaScrollBar" });
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "ScrollArea",
+  __ssrInlineRender: true,
+  props: {
+    type: {},
+    dir: {},
+    scrollHideDelay: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(ScrollAreaRoot), mergeProps({ "data-slot": "scroll-area" }, unref(delegatedProps), {
+        class: unref(cn)("relative", props.class)
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(unref(ScrollAreaViewport), {
+              "data-slot": "scroll-area-viewport",
+              class: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push3, _parent3, _scopeId2);
+                } else {
+                  return [
+                    renderSlot(_ctx.$slots, "default")
+                  ];
+                }
+              }),
+              _: 3
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(ScrollBar, null, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(unref(ScrollAreaCorner), null, null, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(unref(ScrollAreaViewport), {
+                "data-slot": "scroll-area-viewport",
+                class: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }),
+              createVNode(ScrollBar),
+              createVNode(unref(ScrollAreaCorner))
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$m = _sfc_main$m.setup;
+_sfc_main$m.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/scroll-area/ScrollArea.vue");
+  return _sfc_setup$m ? _sfc_setup$m(props, ctx) : void 0;
+};
+const ScrollArea = Object.assign(_sfc_main$m, { __name: "UiScrollArea" });
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "Tooltip",
+  __ssrInlineRender: true,
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean },
+    delayDuration: {},
+    disableHoverableContent: { type: Boolean },
+    disableClosingTrigger: { type: Boolean },
+    disabled: { type: Boolean },
+    ignoreNonKeyboardFocus: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(TooltipRoot), mergeProps({ "data-slot": "tooltip" }, unref(forwarded), _attrs), {
+        default: withCtx((slotProps, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", slotProps, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default", slotProps)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$l = _sfc_main$l.setup;
+_sfc_main$l.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/tooltip/Tooltip.vue");
+  return _sfc_setup$l ? _sfc_setup$l(props, ctx) : void 0;
+};
+const Tooltip = Object.assign(_sfc_main$l, { __name: "UiTooltip" });
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "TooltipContent",
+  __ssrInlineRender: true,
+  props: {
+    forceMount: { type: Boolean },
+    ariaLabel: {},
+    asChild: { type: Boolean },
+    as: {},
+    side: {},
+    sideOffset: { default: 4 },
+    align: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(TooltipPortal), _attrs, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(unref(TooltipContent$1), mergeProps({ "data-slot": "tooltip-content" }, { ...unref(forwarded), ..._ctx.$attrs }, {
+              class: unref(cn)("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", props.class)
+            }), {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push3, _parent3, _scopeId2);
+                  _push3(ssrRenderComponent(unref(TooltipArrow), { class: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    renderSlot(_ctx.$slots, "default"),
+                    createVNode(unref(TooltipArrow), { class: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+                  ];
+                }
+              }),
+              _: 3
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(unref(TooltipContent$1), mergeProps({ "data-slot": "tooltip-content" }, { ...unref(forwarded), ..._ctx.$attrs }, {
+                class: unref(cn)("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", props.class)
+              }), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default"),
+                  createVNode(unref(TooltipArrow), { class: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+                ]),
+                _: 3
+              }, 16, ["class"])
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$k = _sfc_main$k.setup;
+_sfc_main$k.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/tooltip/TooltipContent.vue");
+  return _sfc_setup$k ? _sfc_setup$k(props, ctx) : void 0;
+};
+const TooltipContent = Object.assign(_sfc_main$k, { __name: "UiTooltipContent" });
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "TooltipProvider",
+  __ssrInlineRender: true,
+  props: {
+    delayDuration: { default: 0 },
+    skipDelayDuration: {},
+    disableHoverableContent: { type: Boolean },
+    disableClosingTrigger: { type: Boolean },
+    disabled: { type: Boolean },
+    ignoreNonKeyboardFocus: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(TooltipProvider$1), mergeProps(props, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$j = _sfc_main$j.setup;
+_sfc_main$j.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/tooltip/TooltipProvider.vue");
+  return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
+};
+const TooltipProvider = Object.assign(_sfc_main$j, { __name: "UiTooltipProvider" });
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "TooltipTrigger",
+  __ssrInlineRender: true,
+  props: {
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(TooltipTrigger$1), mergeProps({ "data-slot": "tooltip-trigger" }, props, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$i = _sfc_main$i.setup;
+_sfc_main$i.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/tooltip/TooltipTrigger.vue");
+  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
+};
+const TooltipTrigger = Object.assign(_sfc_main$i, { __name: "UiTooltipTrigger" });
+function useGit() {
+  const { showError } = useToast();
+  function getErrorMessage(error) {
+    if (error && typeof error === "object") {
+      const fetchError = error;
+      return fetchError.data?.message || fetchError.data?.statusMessage || fetchError.message || "Unknown error";
+    }
+    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) {
+    if (!repoId || shas.length === 0) {
+      return { commits: [], failedShas: [] };
+    }
+    isLoadingCommits.value = true;
+    try {
+      const query = { shas: shas.join(",") };
+      if (repoPath) {
+        query.repo = repoPath;
+      }
+      const commits = await $fetch(
+        `/api/repos/${repoId}/git/commits`,
+        { query }
+      );
+      const returnedShortShas = commits.map((c) => c.shortSha);
+      const failedShas = shas.filter((sha) => {
+        return !returnedShortShas.some((shortSha) => shortSha.startsWith(sha) || sha.startsWith(shortSha));
+      });
+      return { commits, failedShas };
+    } catch (error) {
+      showError("Failed to fetch commits", getErrorMessage(error));
+      return { commits: [], failedShas: shas };
+    } finally {
+      isLoadingCommits.value = false;
+    }
+  }
+  async function fetchDiff(repoId, commitSha, repoPath) {
+    if (!repoId || !commitSha) {
+      return [];
+    }
+    isLoadingDiff.value = true;
+    try {
+      const query = { commit: commitSha };
+      if (repoPath) {
+        query.repo = repoPath;
+      }
+      const files = await $fetch(
+        `/api/repos/${repoId}/git/diff`,
+        { query }
+      );
+      return files;
+    } catch (error) {
+      showError("Failed to fetch diff", getErrorMessage(error));
+      return [];
+    } finally {
+      isLoadingDiff.value = false;
+    }
+  }
+  async function fetchFileDiff(repoId, commitSha, filePath, repoPath) {
+    if (!repoId || !commitSha || !filePath) {
+      return [];
+    }
+    isLoadingFileDiff.value = true;
+    try {
+      const query = { commit: commitSha, file: filePath };
+      if (repoPath) {
+        query.repo = repoPath;
+      }
+      const hunks = await $fetch(
+        `/api/repos/${repoId}/git/file-diff`,
+        { query }
+      );
+      return hunks;
+    } catch (error) {
+      showError("Failed to fetch file diff", getErrorMessage(error));
+      return [];
+    } finally {
+      isLoadingFileDiff.value = false;
+    }
+  }
+  async function fetchFileContent(repoId, commitSha, filePath, repoPath) {
+    if (!repoId || !commitSha || !filePath) {
+      return null;
+    }
+    isLoadingFileContent.value = true;
+    try {
+      const query = { commit: commitSha, file: filePath };
+      if (repoPath) {
+        query.repo = repoPath;
+      }
+      const result = await $fetch(
+        `/api/repos/${repoId}/git/file-content`,
+        { query }
+      );
+      return result.content;
+    } catch (error) {
+      showError("Failed to fetch file content", getErrorMessage(error));
+      return null;
+    } finally {
+      isLoadingFileContent.value = false;
+    }
+  }
+  return {
+    // Functions
+    fetchCommits,
+    fetchDiff,
+    fetchFileDiff,
+    fetchFileContent,
+    // Loading states
+    isLoadingCommits: readonly(isLoadingCommits),
+    isLoadingDiff: readonly(isLoadingDiff),
+    isLoadingFileDiff: readonly(isLoadingFileDiff),
+    isLoadingFileContent: readonly(isLoadingFileContent)
+  };
+}
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "DiffPanel",
+  __ssrInlineRender: true,
+  props: {
+    repoId: {},
+    commitSha: {},
+    repoPath: {}
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const { fetchDiff, fetchFileDiff, fetchFileContent, isLoadingDiff, isLoadingFileDiff, isLoadingFileContent } = useGit();
+    const files = ref([]);
+    const selectedFile = ref();
+    const hunks = ref([]);
+    const fileContent = ref(null);
+    const error = ref(null);
+    const fileDiffError = ref(null);
+    const viewMode = ref("changes");
+    const selectedFileDiff = computed(() => files.value.find((f) => f.path === selectedFile.value));
+    async function loadDiff() {
+      error.value = null;
+      files.value = [];
+      selectedFile.value = void 0;
+      hunks.value = [];
+      const result = await fetchDiff(props.repoId, props.commitSha, props.repoPath);
+      if (result.length === 0 && !isLoadingDiff.value) {
+        error.value = null;
+      }
+      files.value = result;
+      if (result.length > 0) {
+        selectedFile.value = result[0].path;
+      }
+    }
+    async function loadFileDiff() {
+      if (!selectedFile.value) {
+        hunks.value = [];
+        fileContent.value = null;
+        return;
+      }
+      fileDiffError.value = null;
+      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);
+        fileContent.value = content;
+      }
+    }
+    function toggleViewMode() {
+      viewMode.value = viewMode.value === "changes" ? "full" : "changes";
+    }
+    watch(viewMode, async (mode) => {
+      if (mode === "full" && selectedFile.value && !fileContent.value) {
+        const content = await fetchFileContent(props.repoId, props.commitSha, selectedFile.value, props.repoPath);
+        fileContent.value = content;
+      }
+    });
+    function handleFileSelect(path) {
+      selectedFile.value = path;
+    }
+    function retry() {
+      loadDiff();
+    }
+    function retryFileDiff() {
+      loadFileDiff();
+    }
+    watch(selectedFile, () => {
+      loadFileDiff();
+    });
+    watch(
+      () => [props.repoId, props.commitSha, props.repoPath],
+      () => {
+        loadDiff();
+      },
+      { immediate: true }
+    );
+    const panelRef = ref(null);
+    const diffViewerRef = ref(null);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_GitChangesMinimap = __nuxt_component_0$1;
+      const _component_GitDiffViewer = __nuxt_component_1$1;
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        ref_key: "panelRef",
+        ref: panelRef,
+        class: "flex h-full flex-col overflow-hidden",
+        tabindex: "-1"
+      }, _attrs))}>`);
+      if (unref(error)) {
+        _push(`<div class="flex flex-1 flex-col items-center justify-center gap-4 p-8">`);
+        _push(ssrRenderComponent(unref(AlertCircle), { class: "size-12 text-destructive" }, null, _parent));
+        _push(`<div class="text-center"><p class="font-medium">Failed to load diff</p><p class="text-sm text-muted-foreground">${ssrInterpolate(unref(error))}</p></div>`);
+        _push(ssrRenderComponent(unref(Button), {
+          variant: "outline",
+          size: "sm",
+          onClick: retry
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(unref(RefreshCw), { class: "mr-2 size-4" }, null, _parent2, _scopeId));
+              _push2(` Retry `);
+            } else {
+              return [
+                createVNode(unref(RefreshCw), { class: "mr-2 size-4" }),
+                createTextVNode(" Retry ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div>`);
+      } else if (unref(isLoadingDiff) && unref(files).length === 0) {
+        _push(`<div class="flex flex-1 items-center justify-center">`);
+        _push(ssrRenderComponent(unref(Loader2), { class: "size-8 animate-spin text-muted-foreground" }, null, _parent));
+        _push(`</div>`);
+      } else if (unref(files).length === 0) {
+        _push(`<div class="flex flex-1 flex-col items-center justify-center gap-2 p-8 text-center text-muted-foreground"><p>No files changed in this commit</p></div>`);
+      } else {
+        _push(`<div class="flex min-h-0 flex-1 overflow-hidden"><div class="flex w-56 shrink-0 flex-col border-r border-border"><div class="flex items-center justify-between border-b border-border px-3 py-2"><span class="text-xs font-medium text-muted-foreground">${ssrInterpolate(unref(files).length)} file${ssrInterpolate(unref(files).length !== 1 ? "s" : "")} changed </span>`);
+        _push(ssrRenderComponent(unref(TooltipProvider), null, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(unref(Tooltip), null, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(unref(TooltipTrigger), { "as-child": "" }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(`<button class="text-muted-foreground/50 transition-colors hover:text-muted-foreground"${_scopeId3}>`);
+                          _push4(ssrRenderComponent(unref(Keyboard), { class: "size-3.5" }, null, _parent4, _scopeId3));
+                          _push4(`</button>`);
+                        } else {
+                          return [
+                            createVNode("button", { class: "text-muted-foreground/50 transition-colors hover:text-muted-foreground" }, [
+                              createVNode(unref(Keyboard), { class: "size-3.5" })
+                            ])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(unref(TooltipContent), {
+                      side: "bottom",
+                      align: "end",
+                      class: "max-w-xs"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(`<div class="space-y-1 text-xs"${_scopeId3}><div class="flex justify-between gap-4"${_scopeId3}><span class="text-muted-foreground"${_scopeId3}>Navigate files</span><span class="font-mono"${_scopeId3}>j/k or ↑/↓</span></div><div class="flex justify-between gap-4"${_scopeId3}><span class="text-muted-foreground"${_scopeId3}>Jump to hunk</span><span class="font-mono"${_scopeId3}>[ / ]</span></div><div class="flex justify-between gap-4"${_scopeId3}><span class="text-muted-foreground"${_scopeId3}>Close</span><span class="font-mono"${_scopeId3}>Esc</span></div></div>`);
+                        } else {
+                          return [
+                            createVNode("div", { class: "space-y-1 text-xs" }, [
+                              createVNode("div", { class: "flex justify-between gap-4" }, [
+                                createVNode("span", { class: "text-muted-foreground" }, "Navigate files"),
+                                createVNode("span", { class: "font-mono" }, "j/k or ↑/↓")
+                              ]),
+                              createVNode("div", { class: "flex justify-between gap-4" }, [
+                                createVNode("span", { class: "text-muted-foreground" }, "Jump to hunk"),
+                                createVNode("span", { class: "font-mono" }, "[ / ]")
+                              ]),
+                              createVNode("div", { class: "flex justify-between gap-4" }, [
+                                createVNode("span", { class: "text-muted-foreground" }, "Close"),
+                                createVNode("span", { class: "font-mono" }, "Esc")
+                              ])
+                            ])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(unref(TooltipTrigger), { "as-child": "" }, {
+                        default: withCtx(() => [
+                          createVNode("button", { class: "text-muted-foreground/50 transition-colors hover:text-muted-foreground" }, [
+                            createVNode(unref(Keyboard), { class: "size-3.5" })
+                          ])
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(unref(TooltipContent), {
+                        side: "bottom",
+                        align: "end",
+                        class: "max-w-xs"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode("div", { class: "space-y-1 text-xs" }, [
+                            createVNode("div", { class: "flex justify-between gap-4" }, [
+                              createVNode("span", { class: "text-muted-foreground" }, "Navigate files"),
+                              createVNode("span", { class: "font-mono" }, "j/k or ↑/↓")
+                            ]),
+                            createVNode("div", { class: "flex justify-between gap-4" }, [
+                              createVNode("span", { class: "text-muted-foreground" }, "Jump to hunk"),
+                              createVNode("span", { class: "font-mono" }, "[ / ]")
+                            ]),
+                            createVNode("div", { class: "flex justify-between gap-4" }, [
+                              createVNode("span", { class: "text-muted-foreground" }, "Close"),
+                              createVNode("span", { class: "font-mono" }, "Esc")
+                            ])
+                          ])
+                        ]),
+                        _: 1
+                      })
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              return [
+                createVNode(unref(Tooltip), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(TooltipTrigger), { "as-child": "" }, {
+                      default: withCtx(() => [
+                        createVNode("button", { class: "text-muted-foreground/50 transition-colors hover:text-muted-foreground" }, [
+                          createVNode(unref(Keyboard), { class: "size-3.5" })
+                        ])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(TooltipContent), {
+                      side: "bottom",
+                      align: "end",
+                      class: "max-w-xs"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode("div", { class: "space-y-1 text-xs" }, [
+                          createVNode("div", { class: "flex justify-between gap-4" }, [
+                            createVNode("span", { class: "text-muted-foreground" }, "Navigate files"),
+                            createVNode("span", { class: "font-mono" }, "j/k or ↑/↓")
+                          ]),
+                          createVNode("div", { class: "flex justify-between gap-4" }, [
+                            createVNode("span", { class: "text-muted-foreground" }, "Jump to hunk"),
+                            createVNode("span", { class: "font-mono" }, "[ / ]")
+                          ]),
+                          createVNode("div", { class: "flex justify-between gap-4" }, [
+                            createVNode("span", { class: "text-muted-foreground" }, "Close"),
+                            createVNode("span", { class: "font-mono" }, "Esc")
+                          ])
+                        ])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div><div class="min-h-0 flex-1 overflow-y-auto">`);
+        _push(ssrRenderComponent(_component_GitChangesMinimap, {
+          files: unref(files),
+          "selected-file": unref(selectedFile),
+          onSelect: handleFileSelect
+        }, null, _parent));
+        _push(`</div></div><div class="flex min-h-0 flex-1 flex-col overflow-hidden">`);
+        if (unref(selectedFile)) {
+          _push(`<div class="flex items-center gap-2 border-b border-border px-4 py-2">`);
+          if (unref(selectedFileDiff)?.oldPath) {
+            _push(`<span class="min-w-0 flex-1 truncate font-mono text-sm"><span class="text-muted-foreground">${ssrInterpolate(unref(selectedFileDiff).oldPath)}</span><span class="mx-2 text-muted-foreground">→</span><span>${ssrInterpolate(unref(selectedFile))}</span></span>`);
+          } else {
+            _push(`<span class="min-w-0 flex-1 truncate font-mono text-sm">${ssrInterpolate(unref(selectedFile))}</span>`);
+          }
+          if (unref(selectedFileDiff)?.binary) {
+            _push(`<span class="rounded bg-yellow-500/10 px-1.5 py-0.5 text-xs text-yellow-600 dark:text-yellow-400"> binary </span>`);
+          } else {
+            _push(`<!---->`);
+          }
+          if (!unref(selectedFileDiff)?.binary) {
+            _push(ssrRenderComponent(unref(TooltipProvider), null, {
+              default: withCtx((_, _push2, _parent2, _scopeId) => {
+                if (_push2) {
+                  _push2(ssrRenderComponent(unref(Tooltip), null, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(ssrRenderComponent(unref(TooltipTrigger), { "as-child": "" }, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(ssrRenderComponent(unref(Button), {
+                                variant: "ghost",
+                                size: "sm",
+                                class: "h-7 shrink-0 gap-1.5 text-xs",
+                                onClick: toggleViewMode
+                              }, {
+                                default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                                  if (_push5) {
+                                    ssrRenderVNode(_push5, createVNode(resolveDynamicComponent(unref(viewMode) === "changes" ? unref(FileDiff) : unref(FileCode)), { class: "size-3.5" }, null), _parent5, _scopeId4);
+                                    _push5(` ${ssrInterpolate(unref(viewMode) === "changes" ? "Changes" : "Full file")}`);
+                                  } else {
+                                    return [
+                                      (openBlock(), createBlock(resolveDynamicComponent(unref(viewMode) === "changes" ? unref(FileDiff) : unref(FileCode)), { class: "size-3.5" })),
+                                      createTextVNode(" " + toDisplayString(unref(viewMode) === "changes" ? "Changes" : "Full file"), 1)
+                                    ];
+                                  }
+                                }),
+                                _: 1
+                              }, _parent4, _scopeId3));
+                            } else {
+                              return [
+                                createVNode(unref(Button), {
+                                  variant: "ghost",
+                                  size: "sm",
+                                  class: "h-7 shrink-0 gap-1.5 text-xs",
+                                  onClick: toggleViewMode
+                                }, {
+                                  default: withCtx(() => [
+                                    (openBlock(), createBlock(resolveDynamicComponent(unref(viewMode) === "changes" ? unref(FileDiff) : unref(FileCode)), { class: "size-3.5" })),
+                                    createTextVNode(" " + toDisplayString(unref(viewMode) === "changes" ? "Changes" : "Full file"), 1)
+                                  ]),
+                                  _: 1
+                                })
+                              ];
+                            }
+                          }),
+                          _: 1
+                        }, _parent3, _scopeId2));
+                        _push3(ssrRenderComponent(unref(TooltipContent), null, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(`${ssrInterpolate(unref(viewMode) === "changes" ? "Show full file with changes" : "Show changes only")}`);
+                            } else {
+                              return [
+                                createTextVNode(toDisplayString(unref(viewMode) === "changes" ? "Show full file with changes" : "Show changes only"), 1)
+                              ];
+                            }
+                          }),
+                          _: 1
+                        }, _parent3, _scopeId2));
+                      } else {
+                        return [
+                          createVNode(unref(TooltipTrigger), { "as-child": "" }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Button), {
+                                variant: "ghost",
+                                size: "sm",
+                                class: "h-7 shrink-0 gap-1.5 text-xs",
+                                onClick: toggleViewMode
+                              }, {
+                                default: withCtx(() => [
+                                  (openBlock(), createBlock(resolveDynamicComponent(unref(viewMode) === "changes" ? unref(FileDiff) : unref(FileCode)), { class: "size-3.5" })),
+                                  createTextVNode(" " + toDisplayString(unref(viewMode) === "changes" ? "Changes" : "Full file"), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(unref(TooltipContent), null, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(unref(viewMode) === "changes" ? "Show full file with changes" : "Show changes only"), 1)
+                            ]),
+                            _: 1
+                          })
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent2, _scopeId));
+                } else {
+                  return [
+                    createVNode(unref(Tooltip), null, {
+                      default: withCtx(() => [
+                        createVNode(unref(TooltipTrigger), { "as-child": "" }, {
+                          default: withCtx(() => [
+                            createVNode(unref(Button), {
+                              variant: "ghost",
+                              size: "sm",
+                              class: "h-7 shrink-0 gap-1.5 text-xs",
+                              onClick: toggleViewMode
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(), createBlock(resolveDynamicComponent(unref(viewMode) === "changes" ? unref(FileDiff) : unref(FileCode)), { class: "size-3.5" })),
+                                createTextVNode(" " + toDisplayString(unref(viewMode) === "changes" ? "Changes" : "Full file"), 1)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(unref(TooltipContent), null, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(viewMode) === "changes" ? "Show full file with changes" : "Show changes only"), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent));
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`</div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        if (unref(isLoadingFileDiff)) {
+          _push(`<div class="flex flex-1 items-center justify-center">`);
+          _push(ssrRenderComponent(unref(Loader2), { class: "size-6 animate-spin text-muted-foreground" }, null, _parent));
+          _push(`</div>`);
+        } else if (unref(fileDiffError)) {
+          _push(`<div class="flex flex-1 flex-col items-center justify-center gap-4 p-8">`);
+          _push(ssrRenderComponent(unref(AlertCircle), { class: "size-8 text-destructive" }, null, _parent));
+          _push(`<div class="text-center"><p class="text-sm font-medium">Failed to load file diff</p><p class="text-xs text-muted-foreground">${ssrInterpolate(unref(fileDiffError))}</p></div>`);
+          _push(ssrRenderComponent(unref(Button), {
+            variant: "outline",
+            size: "sm",
+            onClick: retryFileDiff
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(ssrRenderComponent(unref(RefreshCw), { class: "mr-2 size-4" }, null, _parent2, _scopeId));
+                _push2(` Retry `);
+              } else {
+                return [
+                  createVNode(unref(RefreshCw), { class: "mr-2 size-4" }),
+                  createTextVNode(" Retry ")
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+          _push(`</div>`);
+        } else if (unref(selectedFile)) {
+          _push(ssrRenderComponent(unref(ScrollArea), { class: "h-0 flex-1 overflow-hidden" }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(`<div${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_GitDiffViewer, {
+                  hunks: unref(hunks),
+                  "file-path": unref(selectedFile),
+                  binary: unref(selectedFileDiff)?.binary,
+                  "old-path": unref(selectedFileDiff)?.oldPath,
+                  "file-content": unref(fileContent),
+                  "show-full-file": unref(viewMode) === "full",
+                  "is-loading-content": unref(isLoadingFileContent)
+                }, null, _parent2, _scopeId));
+                _push2(`</div>`);
+              } else {
+                return [
+                  createVNode("div", {
+                    ref_key: "diffViewerRef",
+                    ref: diffViewerRef
+                  }, [
+                    createVNode(_component_GitDiffViewer, {
+                      hunks: unref(hunks),
+                      "file-path": unref(selectedFile),
+                      binary: unref(selectedFileDiff)?.binary,
+                      "old-path": unref(selectedFileDiff)?.oldPath,
+                      "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"])
+                  ], 512)
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+        } else {
+          _push(`<div class="flex flex-1 items-center justify-center text-sm text-muted-foreground"> Select a file to view changes </div>`);
+        }
+        _push(`</div></div>`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$h = _sfc_main$h.setup;
+_sfc_main$h.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/git/DiffPanel.vue");
+  return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
+};
+const __nuxt_component_0 = Object.assign(_sfc_main$h, { __name: "GitDiffPanel" });
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "CommitList",
+  __ssrInlineRender: true,
+  props: {
+    commits: {},
+    repoId: {}
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const { fetchCommits, isLoadingCommits } = useGit();
+    const commitDetails = ref(/* @__PURE__ */ new Map());
+    const failedCommits = ref(/* @__PURE__ */ new Set());
+    const hasMultipleRepos = computed(() => {
+      const repos = new Set(props.commits.map((c) => c.repo).filter(Boolean));
+      return repos.size > 1;
+    });
+    watch(
+      () => ({ commits: props.commits, repoId: props.repoId }),
+      async ({ commits, repoId }) => {
+        if (commits.length === 0 || !repoId) {
+          commitDetails.value = /* @__PURE__ */ new Map();
+          failedCommits.value = /* @__PURE__ */ new Set();
+          return;
+        }
+        const commitsByRepo = /* @__PURE__ */ new Map();
+        for (const commit of commits) {
+          const repoPath = commit.repo || "";
+          if (!commitsByRepo.has(repoPath)) {
+            commitsByRepo.set(repoPath, []);
+          }
+          commitsByRepo.get(repoPath).push(commit.sha);
+        }
+        const results = await Promise.all(
+          Array.from(commitsByRepo.entries()).map(async ([repoPath, shas]) => {
+            const result = await fetchCommits(repoId, shas, repoPath || void 0);
+            return {
+              commits: result.commits.map((c) => ({ ...c, repoPath })),
+              failedShas: result.failedShas
+            };
+          })
+        );
+        const detailsMap = /* @__PURE__ */ new Map();
+        const failed = /* @__PURE__ */ new Set();
+        for (const { commits: repoCommits, failedShas } of results) {
+          for (const commit of repoCommits) {
+            detailsMap.set(commit.shortSha, commit);
+          }
+          for (const sha of failedShas) {
+            failed.add(sha);
+          }
+        }
+        commitDetails.value = detailsMap;
+        failedCommits.value = failed;
+      },
+      { immediate: true }
+    );
+    function formatRelativeDate(isoDate) {
+      const date = new Date(isoDate);
+      const now = /* @__PURE__ */ new Date();
+      const diffMs = now.getTime() - date.getTime();
+      const diffSeconds = Math.floor(diffMs / 1e3);
+      const diffMinutes = Math.floor(diffSeconds / 60);
+      const diffHours = Math.floor(diffMinutes / 60);
+      const diffDays = Math.floor(diffHours / 24);
+      if (diffSeconds < 60) {
+        return "just now";
+      } else if (diffMinutes < 60) {
+        return `${diffMinutes} minute${diffMinutes === 1 ? "" : "s"} ago`;
+      } else if (diffHours < 24) {
+        return `${diffHours} hour${diffHours === 1 ? "" : "s"} ago`;
+      } else if (diffDays < 7) {
+        return `${diffDays} day${diffDays === 1 ? "" : "s"} ago`;
+      } else {
+        return date.toLocaleDateString();
+      }
+    }
+    function getDetails(sha) {
+      const direct = commitDetails.value.get(sha);
+      if (direct) return direct;
+      for (const [key, commit] of commitDetails.value) {
+        if (key.startsWith(sha) || sha.startsWith(key)) {
+          return commit;
+        }
+      }
+      return void 0;
+    }
+    function isFailed(sha) {
+      if (failedCommits.value.has(sha)) return true;
+      for (const failedSha of failedCommits.value) {
+        if (failedSha.startsWith(sha) || sha.startsWith(failedSha)) {
+          return true;
+        }
+      }
+      return false;
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-2" }, _attrs))}>`);
+      if (unref(isLoadingCommits)) {
+        _push(`<!--[-->`);
+        ssrRenderList(Math.min(__props.commits.length, 3), (i) => {
+          _push(`<div class="animate-pulse rounded-lg border bg-muted/50 p-3"><div class="flex items-start gap-3"><div class="h-5 w-5 rounded bg-muted"></div><div class="flex-1 space-y-2"><div class="h-4 w-20 rounded bg-muted"></div><div class="h-4 w-3/4 rounded bg-muted"></div><div class="h-3 w-1/2 rounded bg-muted"></div></div></div></div>`);
+        });
+        _push(`<!--]-->`);
+      } else if (__props.commits.length === 0) {
+        _push(`<div class="rounded-lg border border-dashed p-4 text-center text-sm text-muted-foreground"> No commits recorded for this task </div>`);
+      } else {
+        _push(`<!--[-->`);
+        ssrRenderList(__props.commits, (commit) => {
+          _push(`<button class="w-full rounded-lg border bg-card p-3 text-left transition-colors hover:bg-muted/50 focus:outline-none focus:ring-2 focus:ring-ring"><div class="flex items-start gap-3">`);
+          _push(ssrRenderComponent(unref(GitCommit), { class: "mt-0.5 size-5 shrink-0 text-muted-foreground" }, null, _parent));
+          _push(`<div class="min-w-0 flex-1"><div class="flex flex-wrap items-center gap-2"><code class="font-mono text-xs font-medium text-primary">${ssrInterpolate(getDetails(commit.sha)?.shortSha || commit.sha.substring(0, 7))}</code>`);
+          if (getDetails(commit.sha)) {
+            _push(`<!--[--><span class="flex items-center gap-1 text-xs text-muted-foreground">`);
+            _push(ssrRenderComponent(unref(FileText), { class: "size-3" }, null, _parent));
+            _push(` ${ssrInterpolate(getDetails(commit.sha).filesChanged)}</span><span class="flex items-center gap-0.5 text-xs text-green-600 dark:text-green-400">`);
+            _push(ssrRenderComponent(unref(Plus), { class: "size-3" }, null, _parent));
+            _push(`${ssrInterpolate(getDetails(commit.sha).additions)}</span><span class="flex items-center gap-0.5 text-xs text-red-600 dark:text-red-400">`);
+            _push(ssrRenderComponent(unref(Minus), { class: "size-3" }, null, _parent));
+            _push(`${ssrInterpolate(getDetails(commit.sha).deletions)}</span><!--]-->`);
+          } else {
+            _push(`<!---->`);
+          }
+          if (commit.repo && unref(hasMultipleRepos)) {
+            _push(ssrRenderComponent(unref(Badge), {
+              variant: "secondary",
+              class: "gap-1 text-xs"
+            }, {
+              default: withCtx((_, _push2, _parent2, _scopeId) => {
+                if (_push2) {
+                  _push2(ssrRenderComponent(unref(FolderGit2), { class: "size-3" }, null, _parent2, _scopeId));
+                  _push2(` ${ssrInterpolate(commit.repo)}`);
+                } else {
+                  return [
+                    createVNode(unref(FolderGit2), { class: "size-3" }),
+                    createTextVNode(" " + toDisplayString(commit.repo), 1)
+                  ];
+                }
+              }),
+              _: 2
+            }, _parent));
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`</div><p class="mt-1 truncate text-sm">`);
+          if (getDetails(commit.sha)) {
+            _push(`<!--[-->${ssrInterpolate(getDetails(commit.sha).message)}<!--]-->`);
+          } else if (isFailed(commit.sha)) {
+            _push(`<span class="flex items-center gap-1 text-muted-foreground">`);
+            _push(ssrRenderComponent(unref(AlertCircle), { class: "size-3" }, null, _parent));
+            _push(` Commit unavailable </span>`);
+          } else {
+            _push(`<span class="text-muted-foreground">Loading...</span>`);
+          }
+          _push(`</p>`);
+          if (getDetails(commit.sha)) {
+            _push(`<p class="mt-1 text-xs text-muted-foreground">${ssrInterpolate(getDetails(commit.sha).author)} · ${ssrInterpolate(formatRelativeDate(getDetails(commit.sha).date))}</p>`);
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`</div></div></button>`);
+        });
+        _push(`<!--]-->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$g = _sfc_main$g.setup;
+_sfc_main$g.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/git/CommitList.vue");
+  return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
+};
+const __nuxt_component_1 = Object.assign(_sfc_main$g, { __name: "GitCommitList" });
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "Sheet",
+  __ssrInlineRender: true,
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    modal: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(DialogRoot), mergeProps({ "data-slot": "sheet" }, unref(forwarded), _attrs), {
+        default: withCtx((slotProps, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", slotProps, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default", slotProps)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$f = _sfc_main$f.setup;
+_sfc_main$f.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/sheet/Sheet.vue");
+  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
+};
+const Sheet = Object.assign(_sfc_main$f, { __name: "UiSheet" });
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "SheetClose",
+  __ssrInlineRender: true,
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(DialogClose), mergeProps({ "data-slot": "sheet-close" }, props, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$e = _sfc_main$e.setup;
+_sfc_main$e.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/sheet/SheetClose.vue");
+  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
+};
+const SheetClose = Object.assign(_sfc_main$e, { __name: "UiSheetClose" });
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "SheetOverlay",
+  __ssrInlineRender: true,
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(DialogOverlay), mergeProps({
+        "data-slot": "sheet-overlay",
+        class: unref(cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", props.class)
+      }, unref(delegatedProps), _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$d = _sfc_main$d.setup;
+_sfc_main$d.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/sheet/SheetOverlay.vue");
+  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
+};
+const SheetOverlay = Object.assign(_sfc_main$d, { __name: "UiSheetOverlay" });
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "SheetContent",
+  __ssrInlineRender: true,
+  props: {
+    class: {},
+    side: { default: "right" },
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class", "side");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(DialogPortal), _attrs, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(SheetOverlay, null, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(unref(DialogContent), mergeProps({
+              "data-slot": "sheet-content",
+              class: unref(cn)(
+                "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+                __props.side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+                __props.side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+                __props.side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+                __props.side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+                props.class
+              )
+            }, { ..._ctx.$attrs, ...unref(forwarded) }), {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push3, _parent3, _scopeId2);
+                  _push3(ssrRenderComponent(unref(DialogClose), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none" }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(ssrRenderComponent(unref(X), { class: "size-4" }, null, _parent4, _scopeId3));
+                        _push4(`<span class="sr-only"${_scopeId3}>Close</span>`);
+                      } else {
+                        return [
+                          createVNode(unref(X), { class: "size-4" }),
+                          createVNode("span", { class: "sr-only" }, "Close")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                } else {
+                  return [
+                    renderSlot(_ctx.$slots, "default"),
+                    createVNode(unref(DialogClose), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(X), { class: "size-4" }),
+                        createVNode("span", { class: "sr-only" }, "Close")
+                      ]),
+                      _: 1
+                    })
+                  ];
+                }
+              }),
+              _: 3
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(SheetOverlay),
+              createVNode(unref(DialogContent), mergeProps({
+                "data-slot": "sheet-content",
+                class: unref(cn)(
+                  "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+                  __props.side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+                  __props.side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+                  __props.side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+                  __props.side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+                  props.class
+                )
+              }, { ..._ctx.$attrs, ...unref(forwarded) }), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default"),
+                  createVNode(unref(DialogClose), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none" }, {
+                    default: withCtx(() => [
+                      createVNode(unref(X), { class: "size-4" }),
+                      createVNode("span", { class: "sr-only" }, "Close")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 3
+              }, 16, ["class"])
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$c = _sfc_main$c.setup;
+_sfc_main$c.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/sheet/SheetContent.vue");
+  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
+};
+const SheetContent = Object.assign(_sfc_main$c, { __name: "UiSheetContent" });
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "SheetDescription",
+  __ssrInlineRender: true,
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(DialogDescription), mergeProps({
+        "data-slot": "sheet-description",
+        class: unref(cn)("text-muted-foreground text-sm", props.class)
+      }, unref(delegatedProps), _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$b = _sfc_main$b.setup;
+_sfc_main$b.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/sheet/SheetDescription.vue");
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+};
+const SheetDescription = Object.assign(_sfc_main$b, { __name: "UiSheetDescription" });
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "SheetFooter",
+  __ssrInlineRender: true,
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        "data-slot": "sheet-footer",
+        class: unref(cn)("mt-auto flex flex-col gap-2 p-4", props.class)
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$a = _sfc_main$a.setup;
+_sfc_main$a.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/sheet/SheetFooter.vue");
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+};
+const SheetFooter = Object.assign(_sfc_main$a, { __name: "UiSheetFooter" });
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "SheetHeader",
+  __ssrInlineRender: true,
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        "data-slot": "sheet-header",
+        class: unref(cn)("flex flex-col gap-1.5 p-4", props.class)
+      }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$9 = _sfc_main$9.setup;
+_sfc_main$9.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/sheet/SheetHeader.vue");
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+};
+const SheetHeader = Object.assign(_sfc_main$9, { __name: "UiSheetHeader" });
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "SheetTitle",
+  __ssrInlineRender: true,
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(DialogTitle), mergeProps({
+        "data-slot": "sheet-title",
+        class: unref(cn)("text-foreground font-semibold", props.class)
+      }, unref(delegatedProps), _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/sheet/SheetTitle.vue");
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+};
+const SheetTitle = Object.assign(_sfc_main$8, { __name: "UiSheetTitle" });
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "SheetTrigger",
+  __ssrInlineRender: true,
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(DialogTrigger), mergeProps({ "data-slot": "sheet-trigger" }, props, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/sheet/SheetTrigger.vue");
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$7, { __name: "UiSheetTrigger" });
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "Separator",
+  __ssrInlineRender: true,
+  props: {
+    orientation: { default: "horizontal" },
+    decorative: { type: Boolean, default: true },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(Separator$1), mergeProps({ "data-slot": "separator" }, unref(delegatedProps), {
+        class: unref(cn)(
+          "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+          props.class
+        )
+      }, _attrs), null, _parent));
+    };
+  }
+});
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/separator/Separator.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const Separator = Object.assign(_sfc_main$6, { __name: "UiSeparator" });
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "Detail",
+  __ssrInlineRender: true,
+  props: /* @__PURE__ */ mergeModels({
+    task: {},
+    taskTitles: {},
+    commits: {},
+    repoId: {}
+  }, {
+    "open": { type: Boolean, ...{ default: false } },
+    "openModifiers": {}
+  }),
+  emits: ["update:open"],
+  setup(__props) {
+    const props = __props;
+    const open = useModel(__props, "open");
+    const categoryConfig = computed(() => {
+      if (!props.task) return { label: "", variant: "secondary" };
+      switch (props.task.category) {
+        case "setup":
+          return { label: "Setup", variant: "secondary" };
+        case "feature":
+          return { label: "Feature", variant: "default" };
+        case "integration":
+          return { label: "Integration", variant: "outline" };
+        case "testing":
+          return { label: "Testing", variant: "secondary" };
+        case "documentation":
+          return { label: "Docs", variant: "secondary" };
+        default:
+          return { label: props.task.category, variant: "secondary" };
+      }
+    });
+    const priorityConfig = computed(() => {
+      if (!props.task) return { label: "", class: "" };
+      switch (props.task.priority) {
+        case "critical":
+          return { label: "Critical", class: "text-destructive" };
+        case "high":
+          return { label: "High", class: "text-orange-500" };
+        case "medium":
+          return { label: "Medium", class: "text-muted-foreground" };
+        case "low":
+          return { label: "Low", class: "text-muted-foreground" };
+        default:
+          return { label: props.task.priority, class: "text-muted-foreground" };
+      }
+    });
+    const statusConfig = computed(() => {
+      if (!props.task) return { label: "", icon: Circle, class: "" };
+      switch (props.task.status) {
+        case "pending":
+          return { label: "Pending", icon: Circle, class: "text-muted-foreground" };
+        case "in_progress":
+          return { label: "In Progress", icon: Clock, class: "text-blue-500" };
+        case "completed":
+          return { label: "Completed", icon: CheckCircle2, class: "text-green-500" };
+        default:
+          return { label: props.task.status, icon: Circle, class: "text-muted-foreground" };
+      }
+    });
+    function formatDate(isoString) {
+      if (!isoString) return "";
+      try {
+        return new Date(isoString).toLocaleString();
+      } catch {
+        return isoString;
+      }
+    }
+    function getTaskTitle(taskId) {
+      return props.taskTitles?.get(taskId) ?? taskId;
+    }
+    const hasCommits = computed(() => props.commits && props.commits.length > 0 && props.repoId);
+    const viewMode = ref("details");
+    const selectedCommitSha = ref(null);
+    const selectedCommitRepo = ref(null);
+    function handleCommitSelect(sha, repo) {
+      selectedCommitSha.value = sha;
+      selectedCommitRepo.value = repo || null;
+      viewMode.value = "diff";
+    }
+    function handleBackToDetails() {
+      viewMode.value = "details";
+      selectedCommitSha.value = null;
+      selectedCommitRepo.value = null;
+    }
+    watch(() => props.task, () => {
+      viewMode.value = "details";
+      selectedCommitSha.value = null;
+      selectedCommitRepo.value = null;
+    });
+    watch(open, (isOpen) => {
+      if (!isOpen) {
+        viewMode.value = "details";
+        selectedCommitSha.value = null;
+        selectedCommitRepo.value = null;
+      }
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_GitDiffPanel = __nuxt_component_0;
+      const _component_GitCommitList = __nuxt_component_1;
+      _push(ssrRenderComponent(unref(Sheet), mergeProps({
+        open: open.value,
+        "onUpdate:open": ($event) => open.value = $event
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(unref(SheetContent), {
+              class: ["flex h-full w-full flex-col overflow-hidden sm:max-w-lg", { "sm:!max-w-none !max-w-none": unref(viewMode) === "diff" }]
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (__props.task) {
+                    _push3(ssrRenderComponent(unref(SheetHeader), { class: "px-6 pr-12" }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(`<div class="flex items-center gap-2"${_scopeId3}>`);
+                          if (unref(viewMode) === "diff") {
+                            _push4(ssrRenderComponent(unref(Button), {
+                              variant: "ghost",
+                              size: "icon",
+                              class: "size-8 shrink-0",
+                              onClick: handleBackToDetails
+                            }, {
+                              default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                                if (_push5) {
+                                  _push5(ssrRenderComponent(unref(ArrowLeft), { class: "size-4" }, null, _parent5, _scopeId4));
+                                } else {
+                                  return [
+                                    createVNode(unref(ArrowLeft), { class: "size-4" })
+                                  ];
+                                }
+                              }),
+                              _: 1
+                            }, _parent4, _scopeId3));
+                          } else {
+                            _push4(`<!---->`);
+                          }
+                          _push4(ssrRenderComponent(unref(SheetTitle), { class: "text-left text-lg" }, {
+                            default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                              if (_push5) {
+                                _push5(`${ssrInterpolate(unref(viewMode) === "diff" ? "Commit Changes" : __props.task.title)}`);
+                              } else {
+                                return [
+                                  createTextVNode(toDisplayString(unref(viewMode) === "diff" ? "Commit Changes" : __props.task.title), 1)
+                                ];
+                              }
+                            }),
+                            _: 1
+                          }, _parent4, _scopeId3));
+                          _push4(`</div>`);
+                          _push4(ssrRenderComponent(unref(SheetDescription), { class: "sr-only" }, {
+                            default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                              if (_push5) {
+                                _push5(`Task details`);
+                              } else {
+                                return [
+                                  createTextVNode("Task details")
+                                ];
+                              }
+                            }),
+                            _: 1
+                          }, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode("div", { class: "flex items-center gap-2" }, [
+                              unref(viewMode) === "diff" ? (openBlock(), createBlock(unref(Button), {
+                                key: 0,
+                                variant: "ghost",
+                                size: "icon",
+                                class: "size-8 shrink-0",
+                                onClick: handleBackToDetails
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(unref(ArrowLeft), { class: "size-4" })
+                                ]),
+                                _: 1
+                              })) : createCommentVNode("", true),
+                              createVNode(unref(SheetTitle), { class: "text-left text-lg" }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(unref(viewMode) === "diff" ? "Commit Changes" : __props.task.title), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            createVNode(unref(SheetDescription), { class: "sr-only" }, {
+                              default: withCtx(() => [
+                                createTextVNode("Task details")
+                              ]),
+                              _: 1
+                            })
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (__props.task && unref(viewMode) === "diff" && unref(selectedCommitSha) && __props.repoId) {
+                    _push3(`<div class="min-h-0 flex-1 overflow-hidden"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_GitDiffPanel, {
+                      "repo-id": __props.repoId,
+                      "commit-sha": unref(selectedCommitSha),
+                      "repo-path": unref(selectedCommitRepo) || void 0,
+                      class: "h-full",
+                      onClose: handleBackToDetails
+                    }, null, _parent3, _scopeId2));
+                    _push3(`</div>`);
+                  } else if (__props.task) {
+                    _push3(`<div class="min-h-0 flex-1 space-y-4 overflow-y-auto px-6"${_scopeId2}><div class="flex flex-wrap items-center gap-2"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(unref(Badge), {
+                      variant: unref(categoryConfig).variant
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(unref(Tag), { class: "mr-1 size-3" }, null, _parent4, _scopeId3));
+                          _push4(` ${ssrInterpolate(unref(categoryConfig).label)}`);
+                        } else {
+                          return [
+                            createVNode(unref(Tag), { class: "mr-1 size-3" }),
+                            createTextVNode(" " + toDisplayString(unref(categoryConfig).label), 1)
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(unref(Badge), {
+                      variant: "outline",
+                      class: unref(priorityConfig).class
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(unref(AlertTriangle), { class: "mr-1 size-3" }, null, _parent4, _scopeId3));
+                          _push4(` ${ssrInterpolate(unref(priorityConfig).label)}`);
+                        } else {
+                          return [
+                            createVNode(unref(AlertTriangle), { class: "mr-1 size-3" }),
+                            createTextVNode(" " + toDisplayString(unref(priorityConfig).label), 1)
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(unref(Badge), {
+                      variant: "outline",
+                      class: unref(statusConfig).class
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          ssrRenderVNode(_push4, createVNode(resolveDynamicComponent(unref(statusConfig).icon), { class: "mr-1 size-3" }, null), _parent4, _scopeId3);
+                          _push4(` ${ssrInterpolate(unref(statusConfig).label)}`);
+                        } else {
+                          return [
+                            (openBlock(), createBlock(resolveDynamicComponent(unref(statusConfig).icon), { class: "mr-1 size-3" })),
+                            createTextVNode(" " + toDisplayString(unref(statusConfig).label), 1)
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(`</div><div class="space-y-2"${_scopeId2}><h4 class="text-sm font-medium"${_scopeId2}>Description</h4><p class="text-sm text-muted-foreground leading-relaxed"${_scopeId2}>${ssrInterpolate(__props.task.description)}</p></div>`);
+                    _push3(ssrRenderComponent(unref(Separator), null, null, _parent3, _scopeId2));
+                    if (__props.task.steps.length > 0) {
+                      _push3(`<div class="space-y-2"${_scopeId2}><h4 class="flex items-center gap-2 text-sm font-medium"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(unref(ListOrdered), { class: "size-4" }, null, _parent3, _scopeId2));
+                      _push3(` Steps </h4><ol class="ml-4 list-decimal space-y-1 text-sm text-muted-foreground"${_scopeId2}><!--[-->`);
+                      ssrRenderList(__props.task.steps, (step, index) => {
+                        _push3(`<li class="pl-1"${_scopeId2}>${ssrInterpolate(step)}</li>`);
+                      });
+                      _push3(`<!--]--></ol></div>`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    if (__props.task.steps.length > 0 && __props.task.passes.length > 0) {
+                      _push3(ssrRenderComponent(unref(Separator), null, null, _parent3, _scopeId2));
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    if (__props.task.passes.length > 0) {
+                      _push3(`<div class="space-y-2"${_scopeId2}><h4 class="flex items-center gap-2 text-sm font-medium"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(unref(CheckSquare), { class: "size-4" }, null, _parent3, _scopeId2));
+                      _push3(` Pass Criteria </h4><ul class="space-y-1.5 text-sm text-muted-foreground"${_scopeId2}><!--[-->`);
+                      ssrRenderList(__props.task.passes, (pass, index) => {
+                        _push3(`<li class="flex items-start gap-2"${_scopeId2}><div class="${ssrRenderClass([__props.task.status === "completed" ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/50", "mt-0.5 flex size-4 shrink-0 items-center justify-center rounded border"])}"${_scopeId2}>`);
+                        if (__props.task.status === "completed") {
+                          _push3(ssrRenderComponent(unref(Check), { class: "size-3" }, null, _parent3, _scopeId2));
+                        } else {
+                          _push3(`<!---->`);
+                        }
+                        _push3(`</div><span${_scopeId2}>${ssrInterpolate(pass)}</span></li>`);
+                      });
+                      _push3(`<!--]--></ul></div>`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    if (__props.task.dependencies.length > 0) {
+                      _push3(ssrRenderComponent(unref(Separator), null, null, _parent3, _scopeId2));
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    if (__props.task.dependencies.length > 0) {
+                      _push3(`<div class="space-y-2"${_scopeId2}><h4 class="flex items-center gap-2 text-sm font-medium"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(unref(Link2), { class: "size-4" }, null, _parent3, _scopeId2));
+                      _push3(` Dependencies </h4><ul class="space-y-1 text-sm text-muted-foreground"${_scopeId2}><!--[-->`);
+                      ssrRenderList(__props.task.dependencies, (depId) => {
+                        _push3(`<li class="flex items-center gap-2"${_scopeId2}><span class="font-mono text-xs"${_scopeId2}>${ssrInterpolate(depId)}</span><span${_scopeId2}>${ssrInterpolate(getTaskTitle(depId))}</span></li>`);
+                      });
+                      _push3(`<!--]--></ul></div>`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    if (unref(hasCommits)) {
+                      _push3(`<!--[-->`);
+                      _push3(ssrRenderComponent(unref(Separator), null, null, _parent3, _scopeId2));
+                      _push3(`<div class="space-y-2"${_scopeId2}><h4 class="flex items-center gap-2 text-sm font-medium"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(unref(Diff), { class: "size-4" }, null, _parent3, _scopeId2));
+                      _push3(` Changes </h4>`);
+                      _push3(ssrRenderComponent(_component_GitCommitList, {
+                        commits: __props.commits,
+                        "repo-id": __props.repoId,
+                        onSelect: handleCommitSelect
+                      }, null, _parent3, _scopeId2));
+                      _push3(`</div><!--]-->`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    if (__props.task.startedAt || __props.task.completedAt) {
+                      _push3(`<div class="space-y-2"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(unref(Separator), null, null, _parent3, _scopeId2));
+                      _push3(`<div class="flex flex-col gap-1 text-xs text-muted-foreground"${_scopeId2}>`);
+                      if (__props.task.startedAt) {
+                        _push3(`<div class="flex items-center gap-2"${_scopeId2}>`);
+                        _push3(ssrRenderComponent(unref(Calendar), { class: "size-3" }, null, _parent3, _scopeId2));
+                        _push3(`<span${_scopeId2}>Started: ${ssrInterpolate(formatDate(__props.task.startedAt))}</span></div>`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      if (__props.task.completedAt) {
+                        _push3(`<div class="flex items-center gap-2"${_scopeId2}>`);
+                        _push3(ssrRenderComponent(unref(CheckCircle2), { class: "size-3" }, null, _parent3, _scopeId2));
+                        _push3(`<span${_scopeId2}>Completed: ${ssrInterpolate(formatDate(__props.task.completedAt))}</span></div>`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`</div></div>`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    _push3(`</div>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(ssrRenderComponent(unref(SheetFooter), { class: "px-6 pb-6" }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(ssrRenderComponent(unref(SheetClose), { "as-child": "" }, {
+                          default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                            if (_push5) {
+                              _push5(ssrRenderComponent(unref(Button), {
+                                variant: "outline",
+                                class: "w-full"
+                              }, {
+                                default: withCtx((_5, _push6, _parent6, _scopeId5) => {
+                                  if (_push6) {
+                                    _push6(`Close`);
+                                  } else {
+                                    return [
+                                      createTextVNode("Close")
+                                    ];
+                                  }
+                                }),
+                                _: 1
+                              }, _parent5, _scopeId4));
+                            } else {
+                              return [
+                                createVNode(unref(Button), {
+                                  variant: "outline",
+                                  class: "w-full"
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("Close")
+                                  ]),
+                                  _: 1
+                                })
+                              ];
+                            }
+                          }),
+                          _: 1
+                        }, _parent4, _scopeId3));
+                      } else {
+                        return [
+                          createVNode(unref(SheetClose), { "as-child": "" }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Button), {
+                                variant: "outline",
+                                class: "w-full"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Close")
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                } else {
+                  return [
+                    __props.task ? (openBlock(), createBlock(unref(SheetHeader), {
+                      key: 0,
+                      class: "px-6 pr-12"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode("div", { class: "flex items-center gap-2" }, [
+                          unref(viewMode) === "diff" ? (openBlock(), createBlock(unref(Button), {
+                            key: 0,
+                            variant: "ghost",
+                            size: "icon",
+                            class: "size-8 shrink-0",
+                            onClick: handleBackToDetails
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(ArrowLeft), { class: "size-4" })
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true),
+                          createVNode(unref(SheetTitle), { class: "text-left text-lg" }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(unref(viewMode) === "diff" ? "Commit Changes" : __props.task.title), 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        createVNode(unref(SheetDescription), { class: "sr-only" }, {
+                          default: withCtx(() => [
+                            createTextVNode("Task details")
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    __props.task && unref(viewMode) === "diff" && unref(selectedCommitSha) && __props.repoId ? (openBlock(), createBlock("div", {
+                      key: 1,
+                      class: "min-h-0 flex-1 overflow-hidden"
+                    }, [
+                      createVNode(_component_GitDiffPanel, {
+                        "repo-id": __props.repoId,
+                        "commit-sha": unref(selectedCommitSha),
+                        "repo-path": unref(selectedCommitRepo) || void 0,
+                        class: "h-full",
+                        onClose: handleBackToDetails
+                      }, null, 8, ["repo-id", "commit-sha", "repo-path"])
+                    ])) : __props.task ? (openBlock(), createBlock("div", {
+                      key: 2,
+                      class: "min-h-0 flex-1 space-y-4 overflow-y-auto px-6"
+                    }, [
+                      createVNode("div", { class: "flex flex-wrap items-center gap-2" }, [
+                        createVNode(unref(Badge), {
+                          variant: unref(categoryConfig).variant
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(Tag), { class: "mr-1 size-3" }),
+                            createTextVNode(" " + toDisplayString(unref(categoryConfig).label), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["variant"]),
+                        createVNode(unref(Badge), {
+                          variant: "outline",
+                          class: unref(priorityConfig).class
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(AlertTriangle), { class: "mr-1 size-3" }),
+                            createTextVNode(" " + toDisplayString(unref(priorityConfig).label), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["class"]),
+                        createVNode(unref(Badge), {
+                          variant: "outline",
+                          class: unref(statusConfig).class
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(), createBlock(resolveDynamicComponent(unref(statusConfig).icon), { class: "mr-1 size-3" })),
+                            createTextVNode(" " + toDisplayString(unref(statusConfig).label), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["class"])
+                      ]),
+                      createVNode("div", { class: "space-y-2" }, [
+                        createVNode("h4", { class: "text-sm font-medium" }, "Description"),
+                        createVNode("p", { class: "text-sm text-muted-foreground leading-relaxed" }, toDisplayString(__props.task.description), 1)
+                      ]),
+                      createVNode(unref(Separator)),
+                      __props.task.steps.length > 0 ? (openBlock(), createBlock("div", {
+                        key: 0,
+                        class: "space-y-2"
+                      }, [
+                        createVNode("h4", { class: "flex items-center gap-2 text-sm font-medium" }, [
+                          createVNode(unref(ListOrdered), { class: "size-4" }),
+                          createTextVNode(" Steps ")
+                        ]),
+                        createVNode("ol", { class: "ml-4 list-decimal space-y-1 text-sm text-muted-foreground" }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(__props.task.steps, (step, index) => {
+                            return openBlock(), createBlock("li", {
+                              key: index,
+                              class: "pl-1"
+                            }, toDisplayString(step), 1);
+                          }), 128))
+                        ])
+                      ])) : createCommentVNode("", true),
+                      __props.task.steps.length > 0 && __props.task.passes.length > 0 ? (openBlock(), createBlock(unref(Separator), { key: 1 })) : createCommentVNode("", true),
+                      __props.task.passes.length > 0 ? (openBlock(), createBlock("div", {
+                        key: 2,
+                        class: "space-y-2"
+                      }, [
+                        createVNode("h4", { class: "flex items-center gap-2 text-sm font-medium" }, [
+                          createVNode(unref(CheckSquare), { class: "size-4" }),
+                          createTextVNode(" Pass Criteria ")
+                        ]),
+                        createVNode("ul", { class: "space-y-1.5 text-sm text-muted-foreground" }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(__props.task.passes, (pass, index) => {
+                            return openBlock(), createBlock("li", {
+                              key: index,
+                              class: "flex items-start gap-2"
+                            }, [
+                              createVNode("div", {
+                                class: ["mt-0.5 flex size-4 shrink-0 items-center justify-center rounded border", __props.task.status === "completed" ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/50"]
+                              }, [
+                                __props.task.status === "completed" ? (openBlock(), createBlock(unref(Check), {
+                                  key: 0,
+                                  class: "size-3"
+                                })) : createCommentVNode("", true)
+                              ], 2),
+                              createVNode("span", null, toDisplayString(pass), 1)
+                            ]);
+                          }), 128))
+                        ])
+                      ])) : createCommentVNode("", true),
+                      __props.task.dependencies.length > 0 ? (openBlock(), createBlock(unref(Separator), { key: 3 })) : createCommentVNode("", true),
+                      __props.task.dependencies.length > 0 ? (openBlock(), createBlock("div", {
+                        key: 4,
+                        class: "space-y-2"
+                      }, [
+                        createVNode("h4", { class: "flex items-center gap-2 text-sm font-medium" }, [
+                          createVNode(unref(Link2), { class: "size-4" }),
+                          createTextVNode(" Dependencies ")
+                        ]),
+                        createVNode("ul", { class: "space-y-1 text-sm text-muted-foreground" }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(__props.task.dependencies, (depId) => {
+                            return openBlock(), createBlock("li", {
+                              key: depId,
+                              class: "flex items-center gap-2"
+                            }, [
+                              createVNode("span", { class: "font-mono text-xs" }, toDisplayString(depId), 1),
+                              createVNode("span", null, toDisplayString(getTaskTitle(depId)), 1)
+                            ]);
+                          }), 128))
+                        ])
+                      ])) : createCommentVNode("", true),
+                      unref(hasCommits) ? (openBlock(), createBlock(Fragment, { key: 5 }, [
+                        createVNode(unref(Separator)),
+                        createVNode("div", { class: "space-y-2" }, [
+                          createVNode("h4", { class: "flex items-center gap-2 text-sm font-medium" }, [
+                            createVNode(unref(Diff), { class: "size-4" }),
+                            createTextVNode(" Changes ")
+                          ]),
+                          createVNode(_component_GitCommitList, {
+                            commits: __props.commits,
+                            "repo-id": __props.repoId,
+                            onSelect: handleCommitSelect
+                          }, null, 8, ["commits", "repo-id"])
+                        ])
+                      ], 64)) : createCommentVNode("", true),
+                      __props.task.startedAt || __props.task.completedAt ? (openBlock(), createBlock("div", {
+                        key: 6,
+                        class: "space-y-2"
+                      }, [
+                        createVNode(unref(Separator)),
+                        createVNode("div", { class: "flex flex-col gap-1 text-xs text-muted-foreground" }, [
+                          __props.task.startedAt ? (openBlock(), createBlock("div", {
+                            key: 0,
+                            class: "flex items-center gap-2"
+                          }, [
+                            createVNode(unref(Calendar), { class: "size-3" }),
+                            createVNode("span", null, "Started: " + toDisplayString(formatDate(__props.task.startedAt)), 1)
+                          ])) : createCommentVNode("", true),
+                          __props.task.completedAt ? (openBlock(), createBlock("div", {
+                            key: 1,
+                            class: "flex items-center gap-2"
+                          }, [
+                            createVNode(unref(CheckCircle2), { class: "size-3" }),
+                            createVNode("span", null, "Completed: " + toDisplayString(formatDate(__props.task.completedAt)), 1)
+                          ])) : createCommentVNode("", true)
+                        ])
+                      ])) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true),
+                    createVNode(unref(SheetFooter), { class: "px-6 pb-6" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(SheetClose), { "as-child": "" }, {
+                          default: withCtx(() => [
+                            createVNode(unref(Button), {
+                              variant: "outline",
+                              class: "w-full"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode("Close")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(unref(SheetContent), {
+                class: ["flex h-full w-full flex-col overflow-hidden sm:max-w-lg", { "sm:!max-w-none !max-w-none": unref(viewMode) === "diff" }]
+              }, {
+                default: withCtx(() => [
+                  __props.task ? (openBlock(), createBlock(unref(SheetHeader), {
+                    key: 0,
+                    class: "px-6 pr-12"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode("div", { class: "flex items-center gap-2" }, [
+                        unref(viewMode) === "diff" ? (openBlock(), createBlock(unref(Button), {
+                          key: 0,
+                          variant: "ghost",
+                          size: "icon",
+                          class: "size-8 shrink-0",
+                          onClick: handleBackToDetails
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(ArrowLeft), { class: "size-4" })
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(unref(SheetTitle), { class: "text-left text-lg" }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(viewMode) === "diff" ? "Commit Changes" : __props.task.title), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      createVNode(unref(SheetDescription), { class: "sr-only" }, {
+                        default: withCtx(() => [
+                          createTextVNode("Task details")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  __props.task && unref(viewMode) === "diff" && unref(selectedCommitSha) && __props.repoId ? (openBlock(), createBlock("div", {
+                    key: 1,
+                    class: "min-h-0 flex-1 overflow-hidden"
+                  }, [
+                    createVNode(_component_GitDiffPanel, {
+                      "repo-id": __props.repoId,
+                      "commit-sha": unref(selectedCommitSha),
+                      "repo-path": unref(selectedCommitRepo) || void 0,
+                      class: "h-full",
+                      onClose: handleBackToDetails
+                    }, null, 8, ["repo-id", "commit-sha", "repo-path"])
+                  ])) : __props.task ? (openBlock(), createBlock("div", {
+                    key: 2,
+                    class: "min-h-0 flex-1 space-y-4 overflow-y-auto px-6"
+                  }, [
+                    createVNode("div", { class: "flex flex-wrap items-center gap-2" }, [
+                      createVNode(unref(Badge), {
+                        variant: unref(categoryConfig).variant
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Tag), { class: "mr-1 size-3" }),
+                          createTextVNode(" " + toDisplayString(unref(categoryConfig).label), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["variant"]),
+                      createVNode(unref(Badge), {
+                        variant: "outline",
+                        class: unref(priorityConfig).class
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(AlertTriangle), { class: "mr-1 size-3" }),
+                          createTextVNode(" " + toDisplayString(unref(priorityConfig).label), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["class"]),
+                      createVNode(unref(Badge), {
+                        variant: "outline",
+                        class: unref(statusConfig).class
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(unref(statusConfig).icon), { class: "mr-1 size-3" })),
+                          createTextVNode(" " + toDisplayString(unref(statusConfig).label), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
+                    ]),
+                    createVNode("div", { class: "space-y-2" }, [
+                      createVNode("h4", { class: "text-sm font-medium" }, "Description"),
+                      createVNode("p", { class: "text-sm text-muted-foreground leading-relaxed" }, toDisplayString(__props.task.description), 1)
+                    ]),
+                    createVNode(unref(Separator)),
+                    __props.task.steps.length > 0 ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "space-y-2"
+                    }, [
+                      createVNode("h4", { class: "flex items-center gap-2 text-sm font-medium" }, [
+                        createVNode(unref(ListOrdered), { class: "size-4" }),
+                        createTextVNode(" Steps ")
+                      ]),
+                      createVNode("ol", { class: "ml-4 list-decimal space-y-1 text-sm text-muted-foreground" }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(__props.task.steps, (step, index) => {
+                          return openBlock(), createBlock("li", {
+                            key: index,
+                            class: "pl-1"
+                          }, toDisplayString(step), 1);
+                        }), 128))
+                      ])
+                    ])) : createCommentVNode("", true),
+                    __props.task.steps.length > 0 && __props.task.passes.length > 0 ? (openBlock(), createBlock(unref(Separator), { key: 1 })) : createCommentVNode("", true),
+                    __props.task.passes.length > 0 ? (openBlock(), createBlock("div", {
+                      key: 2,
+                      class: "space-y-2"
+                    }, [
+                      createVNode("h4", { class: "flex items-center gap-2 text-sm font-medium" }, [
+                        createVNode(unref(CheckSquare), { class: "size-4" }),
+                        createTextVNode(" Pass Criteria ")
+                      ]),
+                      createVNode("ul", { class: "space-y-1.5 text-sm text-muted-foreground" }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(__props.task.passes, (pass, index) => {
+                          return openBlock(), createBlock("li", {
+                            key: index,
+                            class: "flex items-start gap-2"
+                          }, [
+                            createVNode("div", {
+                              class: ["mt-0.5 flex size-4 shrink-0 items-center justify-center rounded border", __props.task.status === "completed" ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/50"]
+                            }, [
+                              __props.task.status === "completed" ? (openBlock(), createBlock(unref(Check), {
+                                key: 0,
+                                class: "size-3"
+                              })) : createCommentVNode("", true)
+                            ], 2),
+                            createVNode("span", null, toDisplayString(pass), 1)
+                          ]);
+                        }), 128))
+                      ])
+                    ])) : createCommentVNode("", true),
+                    __props.task.dependencies.length > 0 ? (openBlock(), createBlock(unref(Separator), { key: 3 })) : createCommentVNode("", true),
+                    __props.task.dependencies.length > 0 ? (openBlock(), createBlock("div", {
+                      key: 4,
+                      class: "space-y-2"
+                    }, [
+                      createVNode("h4", { class: "flex items-center gap-2 text-sm font-medium" }, [
+                        createVNode(unref(Link2), { class: "size-4" }),
+                        createTextVNode(" Dependencies ")
+                      ]),
+                      createVNode("ul", { class: "space-y-1 text-sm text-muted-foreground" }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(__props.task.dependencies, (depId) => {
+                          return openBlock(), createBlock("li", {
+                            key: depId,
+                            class: "flex items-center gap-2"
+                          }, [
+                            createVNode("span", { class: "font-mono text-xs" }, toDisplayString(depId), 1),
+                            createVNode("span", null, toDisplayString(getTaskTitle(depId)), 1)
+                          ]);
+                        }), 128))
+                      ])
+                    ])) : createCommentVNode("", true),
+                    unref(hasCommits) ? (openBlock(), createBlock(Fragment, { key: 5 }, [
+                      createVNode(unref(Separator)),
+                      createVNode("div", { class: "space-y-2" }, [
+                        createVNode("h4", { class: "flex items-center gap-2 text-sm font-medium" }, [
+                          createVNode(unref(Diff), { class: "size-4" }),
+                          createTextVNode(" Changes ")
+                        ]),
+                        createVNode(_component_GitCommitList, {
+                          commits: __props.commits,
+                          "repo-id": __props.repoId,
+                          onSelect: handleCommitSelect
+                        }, null, 8, ["commits", "repo-id"])
+                      ])
+                    ], 64)) : createCommentVNode("", true),
+                    __props.task.startedAt || __props.task.completedAt ? (openBlock(), createBlock("div", {
+                      key: 6,
+                      class: "space-y-2"
+                    }, [
+                      createVNode(unref(Separator)),
+                      createVNode("div", { class: "flex flex-col gap-1 text-xs text-muted-foreground" }, [
+                        __props.task.startedAt ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          class: "flex items-center gap-2"
+                        }, [
+                          createVNode(unref(Calendar), { class: "size-3" }),
+                          createVNode("span", null, "Started: " + toDisplayString(formatDate(__props.task.startedAt)), 1)
+                        ])) : createCommentVNode("", true),
+                        __props.task.completedAt ? (openBlock(), createBlock("div", {
+                          key: 1,
+                          class: "flex items-center gap-2"
+                        }, [
+                          createVNode(unref(CheckCircle2), { class: "size-3" }),
+                          createVNode("span", null, "Completed: " + toDisplayString(formatDate(__props.task.completedAt)), 1)
+                        ])) : createCommentVNode("", true)
+                      ])
+                    ])) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true),
+                  createVNode(unref(SheetFooter), { class: "px-6 pb-6" }, {
+                    default: withCtx(() => [
+                      createVNode(unref(SheetClose), { "as-child": "" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Button), {
+                            variant: "outline",
+                            class: "w-full"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode("Close")
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/Detail.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const __nuxt_component_4 = Object.assign(_sfc_main$5, { __name: "TasksDetail" });
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "Tabs",
+  __ssrInlineRender: true,
+  props: {
+    defaultValue: {},
+    orientation: {},
+    dir: {},
+    activationMode: {},
+    modelValue: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(TabsRoot), mergeProps({ "data-slot": "tabs" }, unref(forwarded), {
+        class: unref(cn)("flex flex-col gap-2", props.class)
+      }, _attrs), {
+        default: withCtx((slotProps, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", slotProps, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default", slotProps)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/tabs/Tabs.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const Tabs = Object.assign(_sfc_main$4, { __name: "UiTabs" });
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "TabsContent",
+  __ssrInlineRender: true,
+  props: {
+    value: {},
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(TabsContent$1), mergeProps({
+        "data-slot": "tabs-content",
+        class: unref(cn)("flex-1 outline-none", props.class)
+      }, unref(delegatedProps), _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/tabs/TabsContent.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const TabsContent = Object.assign(_sfc_main$3, { __name: "UiTabsContent" });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "TabsList",
+  __ssrInlineRender: true,
+  props: {
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(TabsList$1), mergeProps({ "data-slot": "tabs-list" }, unref(delegatedProps), {
+        class: unref(cn)(
+          "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+          props.class
+        )
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/tabs/TabsList.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const TabsList = Object.assign(_sfc_main$2, { __name: "UiTabsList" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "TabsTrigger",
+  __ssrInlineRender: true,
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(TabsTrigger$1), mergeProps({
+        "data-slot": "tabs-trigger",
+        class: unref(cn)(
+          "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+          props.class
+        )
+      }, unref(forwardedProps), _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/tabs/TabsTrigger.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const TabsTrigger = Object.assign(_sfc_main$1, { __name: "UiTabsTrigger" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "[prd]",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const route = useRoute();
+    const { selectRepo } = useRepos();
+    const { fetchDocument, fetchTasks, fetchProgress, fetchTaskCommits } = usePrd();
+    const { showError } = useToast();
+    const repoId = computed(() => route.params.repo);
+    const prdSlug = computed(() => route.params.prd);
+    const document = ref(null);
+    const tasksFile = ref(null);
+    const progressFile = ref(null);
+    const isLoading = ref(true);
+    const error = ref(null);
+    const activeTab = ref("document");
+    watch(activeTab, (tab) => {
+    });
+    const selectedTask = ref(null);
+    const detailOpen = ref(false);
+    const taskTitles = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      if (tasksFile.value?.tasks) {
+        for (const task of tasksFile.value.tasks) {
+          map.set(task.id, task.title);
+        }
+      }
+      return map;
+    });
+    const fileChangeEvent = inject("fileChangeEvent", ref(null));
+    async function loadDocument() {
+      const doc = await fetchDocument(prdSlug.value);
+      if (doc) {
+        document.value = doc;
+      }
+    }
+    async function loadTasksAndProgress() {
+      const [tasks, progress] = await Promise.all([
+        fetchTasks(prdSlug.value),
+        fetchProgress(prdSlug.value)
+      ]);
+      tasksFile.value = tasks;
+      progressFile.value = progress;
+    }
+    async function loadData() {
+      isLoading.value = true;
+      error.value = null;
+      try {
+        selectRepo(repoId.value);
+        const [doc, tasks, progress] = await Promise.all([
+          fetchDocument(prdSlug.value),
+          fetchTasks(prdSlug.value),
+          fetchProgress(prdSlug.value)
+        ]);
+        if (!doc) {
+          error.value = `PRD "${prdSlug.value}" not found in this repository.`;
+          return;
+        }
+        document.value = doc;
+        tasksFile.value = tasks;
+        progressFile.value = progress;
+        if (!tasks) {
+          activeTab.value = "document";
+        }
+      } catch (err) {
+        const fetchErr = err;
+        if (fetchErr.statusCode === 404) {
+          error.value = `PRD "${prdSlug.value}" not found. Check if the file exists in docs/prd/.`;
+        } else if (fetchErr.statusCode === 500) {
+          error.value = "Server error while loading the PRD. Check the file format.";
+          showError("Server error", fetchErr.data?.message || "Failed to read PRD file");
+        } else {
+          error.value = "Failed to load PRD document. Please try again.";
+          showError("Load failed", "Could not fetch the PRD document");
+        }
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    watch(
+      () => fileChangeEvent.value,
+      (event) => {
+        if (!event) return;
+        if (event.category === "prd") {
+          loadDocument();
+        } else if (event.category === "tasks" || event.category === "progress") {
+          loadTasksAndProgress();
+        }
+      }
+    );
+    watch([repoId, prdSlug], loadData);
+    async function handleTaskClick(task) {
+      selectedTask.value = task;
+      detailOpen.value = true;
+      selectedTaskCommits.value = await fetchTaskCommits(prdSlug.value, task.id);
+    }
+    const selectedTaskCommits = ref([]);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_0$4;
+      const _component_PrdMeta = __nuxt_component_1$2;
+      const _component_PrdViewer = __nuxt_component_2;
+      const _component_TasksBoard = __nuxt_component_3;
+      const _component_TasksDetail = __nuxt_component_4;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "h-full p-4 md:p-6" }, _attrs))}>`);
+      if (unref(isLoading)) {
+        _push(`<div class="flex h-full items-center justify-center"><div class="flex flex-col items-center gap-4">`);
+        _push(ssrRenderComponent(unref(Loader2), { class: "size-8 animate-spin text-primary" }, null, _parent));
+        _push(`<p class="text-sm text-muted-foreground">Loading PRD...</p></div></div>`);
+      } else if (unref(error)) {
+        _push(`<div class="flex h-full items-center justify-center"><div class="flex max-w-md flex-col items-center gap-4 text-center">`);
+        _push(ssrRenderComponent(unref(AlertCircle), { class: "size-12 text-destructive" }, null, _parent));
+        _push(`<h2 class="text-lg font-semibold">Error Loading PRD</h2><p class="text-sm text-muted-foreground">${ssrInterpolate(unref(error))}</p><div class="flex gap-3">`);
+        _push(ssrRenderComponent(unref(Button), {
+          variant: "outline",
+          size: "sm",
+          onClick: loadData
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(unref(RefreshCw), { class: "mr-2 size-4" }, null, _parent2, _scopeId));
+              _push2(` Retry `);
+            } else {
+              return [
+                createVNode(unref(RefreshCw), { class: "mr-2 size-4" }),
+                createTextVNode(" Retry ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(ssrRenderComponent(_component_NuxtLink, { to: "/" }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(unref(Button), {
+                variant: "ghost",
+                size: "sm"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Go back home `);
+                  } else {
+                    return [
+                      createTextVNode(" Go back home ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              return [
+                createVNode(unref(Button), {
+                  variant: "ghost",
+                  size: "sm"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Go back home ")
+                  ]),
+                  _: 1
+                })
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div></div></div>`);
+      } else if (unref(document)) {
+        _push(`<div class="mx-auto max-w-6xl space-y-6"><div class="space-y-2"><h1 class="text-2xl font-bold tracking-tight">${ssrInterpolate(unref(document).name)}</h1>`);
+        _push(ssrRenderComponent(_component_PrdMeta, {
+          metadata: unref(document).metadata
+        }, null, _parent));
+        _push(`</div>`);
+        _push(ssrRenderComponent(unref(Tabs), {
+          modelValue: unref(activeTab),
+          "onUpdate:modelValue": ($event) => isRef(activeTab) ? activeTab.value = $event : null,
+          class: "w-full"
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(unref(TabsList), null, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(unref(TabsTrigger), {
+                      value: "document",
+                      class: "gap-2"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(unref(FileText), { class: "size-4" }, null, _parent4, _scopeId3));
+                          _push4(` Document `);
+                        } else {
+                          return [
+                            createVNode(unref(FileText), { class: "size-4" }),
+                            createTextVNode(" Document ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(unref(TabsTrigger), {
+                      value: "board",
+                      class: "gap-2",
+                      disabled: !unref(tasksFile)
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(unref(LayoutGrid), { class: "size-4" }, null, _parent4, _scopeId3));
+                          _push4(` Task Board `);
+                          if (unref(tasksFile)) {
+                            _push4(`<span class="text-xs text-muted-foreground"${_scopeId3}> (${ssrInterpolate(unref(tasksFile).tasks.length)}) </span>`);
+                          } else {
+                            _push4(`<!---->`);
+                          }
+                        } else {
+                          return [
+                            createVNode(unref(LayoutGrid), { class: "size-4" }),
+                            createTextVNode(" Task Board "),
+                            unref(tasksFile) ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              class: "text-xs text-muted-foreground"
+                            }, " (" + toDisplayString(unref(tasksFile).tasks.length) + ") ", 1)) : createCommentVNode("", true)
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(unref(TabsTrigger), {
+                        value: "document",
+                        class: "gap-2"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(FileText), { class: "size-4" }),
+                          createTextVNode(" Document ")
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(unref(TabsTrigger), {
+                        value: "board",
+                        class: "gap-2",
+                        disabled: !unref(tasksFile)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(LayoutGrid), { class: "size-4" }),
+                          createTextVNode(" Task Board "),
+                          unref(tasksFile) ? (openBlock(), createBlock("span", {
+                            key: 0,
+                            class: "text-xs text-muted-foreground"
+                          }, " (" + toDisplayString(unref(tasksFile).tasks.length) + ") ", 1)) : createCommentVNode("", true)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(unref(TabsContent), {
+                value: "document",
+                class: "mt-4"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<div class="rounded-lg border border-border bg-card p-4 md:p-6"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_PrdViewer, {
+                      content: unref(document).content
+                    }, null, _parent3, _scopeId2));
+                    _push3(`</div>`);
+                  } else {
+                    return [
+                      createVNode("div", { class: "rounded-lg border border-border bg-card p-4 md:p-6" }, [
+                        createVNode(_component_PrdViewer, {
+                          content: unref(document).content
+                        }, null, 8, ["content"])
+                      ])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(unref(TabsContent), {
+                value: "board",
+                class: "mt-4"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    if (unref(tasksFile)) {
+                      _push3(`<div class="h-[calc(100vh-280px)] min-h-[400px]"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_TasksBoard, {
+                        tasks: unref(tasksFile).tasks,
+                        onTaskClick: handleTaskClick
+                      }, null, _parent3, _scopeId2));
+                      _push3(`</div>`);
+                    } else {
+                      _push3(`<div class="py-12 text-center"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(unref(LayoutGrid), { class: "mx-auto size-12 text-muted-foreground/50" }, null, _parent3, _scopeId2));
+                      _push3(`<p class="mt-4 text-muted-foreground"${_scopeId2}> No tasks found for this PRD </p><p class="mt-1 text-sm text-muted-foreground/70"${_scopeId2}> Task state has not been generated for this PRD yet. </p></div>`);
+                    }
+                  } else {
+                    return [
+                      unref(tasksFile) ? (openBlock(), createBlock("div", {
+                        key: 0,
+                        class: "h-[calc(100vh-280px)] min-h-[400px]"
+                      }, [
+                        createVNode(_component_TasksBoard, {
+                          tasks: unref(tasksFile).tasks,
+                          onTaskClick: handleTaskClick
+                        }, null, 8, ["tasks"])
+                      ])) : (openBlock(), createBlock("div", {
+                        key: 1,
+                        class: "py-12 text-center"
+                      }, [
+                        createVNode(unref(LayoutGrid), { class: "mx-auto size-12 text-muted-foreground/50" }),
+                        createVNode("p", { class: "mt-4 text-muted-foreground" }, " No tasks found for this PRD "),
+                        createVNode("p", { class: "mt-1 text-sm text-muted-foreground/70" }, " Task state has not been generated for this PRD yet. ")
+                      ]))
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              return [
+                createVNode(unref(TabsList), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(TabsTrigger), {
+                      value: "document",
+                      class: "gap-2"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(FileText), { class: "size-4" }),
+                        createTextVNode(" Document ")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(TabsTrigger), {
+                      value: "board",
+                      class: "gap-2",
+                      disabled: !unref(tasksFile)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(LayoutGrid), { class: "size-4" }),
+                        createTextVNode(" Task Board "),
+                        unref(tasksFile) ? (openBlock(), createBlock("span", {
+                          key: 0,
+                          class: "text-xs text-muted-foreground"
+                        }, " (" + toDisplayString(unref(tasksFile).tasks.length) + ") ", 1)) : createCommentVNode("", true)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(TabsContent), {
+                  value: "document",
+                  class: "mt-4"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "rounded-lg border border-border bg-card p-4 md:p-6" }, [
+                      createVNode(_component_PrdViewer, {
+                        content: unref(document).content
+                      }, null, 8, ["content"])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(TabsContent), {
+                  value: "board",
+                  class: "mt-4"
+                }, {
+                  default: withCtx(() => [
+                    unref(tasksFile) ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "h-[calc(100vh-280px)] min-h-[400px]"
+                    }, [
+                      createVNode(_component_TasksBoard, {
+                        tasks: unref(tasksFile).tasks,
+                        onTaskClick: handleTaskClick
+                      }, null, 8, ["tasks"])
+                    ])) : (openBlock(), createBlock("div", {
+                      key: 1,
+                      class: "py-12 text-center"
+                    }, [
+                      createVNode(unref(LayoutGrid), { class: "mx-auto size-12 text-muted-foreground/50" }),
+                      createVNode("p", { class: "mt-4 text-muted-foreground" }, " No tasks found for this PRD "),
+                      createVNode("p", { class: "mt-1 text-sm text-muted-foreground/70" }, " Task state has not been generated for this PRD yet. ")
+                    ]))
+                  ]),
+                  _: 1
+                })
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(ssrRenderComponent(_component_TasksDetail, {
+        open: unref(detailOpen),
+        "onUpdate:open": ($event) => isRef(detailOpen) ? detailOpen.value = $event : null,
+        task: unref(selectedTask),
+        "task-titles": unref(taskTitles),
+        commits: unref(selectedTaskCommits),
+        "repo-id": unref(repoId)
+      }, null, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/[repo]/[prd].vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=_prd_-CnwhMRyf.mjs.map