@thxgg/steward 0.1.13 → 0.1.14

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

@@ -0,0 +1,1596 @@
+import { _ as __nuxt_component_0$2 } from './nuxt-link-SvT1nf8Z.mjs';
+import { defineComponent, computed, ref, watch, inject, mergeProps, unref, withCtx, createVNode, createTextVNode, isRef, openBlock, createBlock, toDisplayString, createCommentVNode, renderSlot, resolveDynamicComponent, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderAttr, ssrRenderSlot, ssrRenderList, ssrRenderClass, ssrRenderVNode } from 'vue/server-renderer';
+import { Loader2, AlertCircle, RefreshCw, FileText, LayoutGrid, GitBranch, User, Calendar, CircleDot, ExternalLink, Circle, CheckCircle2, PlayCircle, Minus, ArrowDown, ArrowUp } from 'lucide-vue-next';
+import { _ as __nuxt_component_0$2$1, a as __nuxt_component_1$1, B as Badge } from './Detail-DC-KJQ1f.mjs';
+import { marked } from 'marked';
+import { codeToHtml } from 'shiki';
+import DOMPurify from 'dompurify';
+import { u as useRepos, a as usePrd, b as useToast, c as cn } from './usePrd-SqcxGyFU.mjs';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
+import { reactiveOmit } from '@vueuse/core';
+import { useForwardPropsEmits, TabsRoot, TabsList as TabsList$1, useForwardProps, TabsTrigger as TabsTrigger$1, TabsContent as TabsContent$1 } from 'reka-ui';
+import { B as Button } from './index-CckL_NBD.mjs';
+import { b as useRoute, a as useRouter } 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 '@vue-flow/background';
+import '@vue-flow/controls';
+import '@vue-flow/core';
+import 'shiki/bundle/web';
+import 'class-variance-authority';
+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$g = /* @__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$g = _sfc_main$g.setup;
+_sfc_main$g.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/prd/Meta.vue");
+  return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
+};
+const __nuxt_component_1 = Object.assign(_sfc_main$g, { __name: "PrdMeta" });
+const _sfc_main$f = /* @__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: true
+      });
+      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$f = _sfc_main$f.setup;
+_sfc_main$f.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/prd/Viewer.vue");
+  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
+};
+const __nuxt_component_2 = Object.assign(_sfc_main$f, { __name: "PrdViewer" });
+const _sfc_main$e = /* @__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$e = _sfc_main$e.setup;
+_sfc_main$e.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/Card.vue");
+  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
+};
+const Card = Object.assign(_sfc_main$e, { __name: "UiCard" });
+const _sfc_main$d = /* @__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$d = _sfc_main$d.setup;
+_sfc_main$d.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardAction.vue");
+  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$d, { __name: "UiCardAction" });
+const _sfc_main$c = /* @__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$c = _sfc_main$c.setup;
+_sfc_main$c.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardContent.vue");
+  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
+};
+const CardContent = Object.assign(_sfc_main$c, { __name: "UiCardContent" });
+const _sfc_main$b = /* @__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$b = _sfc_main$b.setup;
+_sfc_main$b.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardDescription.vue");
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$b, { __name: "UiCardDescription" });
+const _sfc_main$a = /* @__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$a = _sfc_main$a.setup;
+_sfc_main$a.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardFooter.vue");
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$a, { __name: "UiCardFooter" });
+const _sfc_main$9 = /* @__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$9 = _sfc_main$9.setup;
+_sfc_main$9.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardHeader.vue");
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$9, { __name: "UiCardHeader" });
+const _sfc_main$8 = /* @__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$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/card/CardTitle.vue");
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+};
+Object.assign(_sfc_main$8, { __name: "UiCardTitle" });
+const _sfc_main$7 = /* @__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$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/Card.vue");
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+};
+const __nuxt_component_0$1 = Object.assign(_sfc_main$7, { __name: "TasksCard" });
+const _sfc_main$6 = /* @__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$1;
+      _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$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/Column.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const __nuxt_component_0 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main$6, [["__scopeId", "data-v-a1317eba"]]), { __name: "TasksColumn" });
+const _sfc_main$5 = /* @__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;
+      _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$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/Board.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const __nuxt_component_3 = Object.assign(_sfc_main$5, { __name: "TasksBoard" });
+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 TASK_QUERY_KEY = "task";
+const TASK_PRD_QUERY_KEY = "taskPrd";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "[prd]",
+  __ssrInlineRender: true,
+  setup(__props) {
+    function getSingleQueryParam(value) {
+      if (typeof value === "string") {
+        const trimmed = value.trim();
+        return trimmed.length > 0 ? trimmed : null;
+      }
+      if (Array.isArray(value) && value.length > 0) {
+        const first = value[0];
+        if (typeof first === "string") {
+          const trimmed = first.trim();
+          return trimmed.length > 0 ? trimmed : null;
+        }
+      }
+      return null;
+    }
+    const route = useRoute();
+    const router = useRouter();
+    const { selectRepo } = useRepos();
+    const {
+      fetchDocument,
+      fetchTasks,
+      fetchProgress,
+      fetchTaskCommits,
+      fetchPrdGraph
+    } = 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");
+    const prdGraph = ref(null);
+    const graphLoading = ref(false);
+    const graphError = ref(null);
+    const tasksByPrd = ref({});
+    const selectedTask = ref(null);
+    const selectedTaskPrdSlug = ref(null);
+    const detailOpen = ref(false);
+    const selectedTaskCommits = ref([]);
+    const taskQueryId = computed(() => getSingleQueryParam(route.query[TASK_QUERY_KEY]));
+    const taskQueryPrd = computed(() => getSingleQueryParam(route.query[TASK_PRD_QUERY_KEY]));
+    const routeTaskSelection = computed(() => {
+      if (!taskQueryId.value) {
+        return null;
+      }
+      return {
+        taskId: taskQueryId.value,
+        prdSlug: taskQueryPrd.value || prdSlug.value
+      };
+    });
+    function cacheTasksForPrd(slug, tasks) {
+      tasksByPrd.value = {
+        ...tasksByPrd.value,
+        [slug]: tasks
+      };
+    }
+    async function getTasksForPrd(slug) {
+      if (slug === prdSlug.value) {
+        return tasksFile.value;
+      }
+      if (Object.prototype.hasOwnProperty.call(tasksByPrd.value, slug)) {
+        return tasksByPrd.value[slug] ?? null;
+      }
+      const tasks = await fetchTasks(slug);
+      cacheTasksForPrd(slug, tasks);
+      return tasks;
+    }
+    function buildBaseQuery() {
+      const query = {};
+      for (const [key, value] of Object.entries(route.query)) {
+        if (key === TASK_QUERY_KEY || key === TASK_PRD_QUERY_KEY) {
+          continue;
+        }
+        if (typeof value === "string") {
+          query[key] = value;
+          continue;
+        }
+        if (Array.isArray(value)) {
+          const values = value.filter((entry) => typeof entry === "string");
+          if (values.length > 0) {
+            query[key] = values;
+          }
+        }
+      }
+      return query;
+    }
+    async function syncTaskQuery(taskId, sourcePrdSlug = null) {
+      const nextQuery = buildBaseQuery();
+      if (taskId) {
+        nextQuery[TASK_QUERY_KEY] = taskId;
+        if (sourcePrdSlug && sourcePrdSlug !== prdSlug.value) {
+          nextQuery[TASK_PRD_QUERY_KEY] = sourcePrdSlug;
+        }
+      }
+      const nextTaskId = typeof nextQuery[TASK_QUERY_KEY] === "string" ? nextQuery[TASK_QUERY_KEY] : null;
+      const nextTaskPrd = typeof nextQuery[TASK_PRD_QUERY_KEY] === "string" ? nextQuery[TASK_PRD_QUERY_KEY] : null;
+      if (taskQueryId.value === nextTaskId && taskQueryPrd.value === nextTaskPrd) {
+        return;
+      }
+      await router.replace({ query: nextQuery });
+    }
+    async function openTaskDetail(task, sourcePrdSlug) {
+      selectedTask.value = task;
+      selectedTaskPrdSlug.value = sourcePrdSlug;
+      detailOpen.value = true;
+      selectedTaskCommits.value = [];
+      await syncTaskQuery(task.id, sourcePrdSlug);
+      selectedTaskCommits.value = await fetchTaskCommits(sourcePrdSlug, task.id);
+    }
+    async function syncTaskDetailFromRoute() {
+      const selection = routeTaskSelection.value;
+      if (!selection) {
+        selectedTask.value = null;
+        selectedTaskPrdSlug.value = null;
+        selectedTaskCommits.value = [];
+        detailOpen.value = false;
+        return;
+      }
+      const sourceTasks = await getTasksForPrd(selection.prdSlug);
+      const task = sourceTasks?.tasks.find((entry) => entry.id === selection.taskId);
+      if (!task) {
+        selectedTask.value = null;
+        selectedTaskPrdSlug.value = null;
+        selectedTaskCommits.value = [];
+        detailOpen.value = false;
+        showError("Task unavailable", `Could not find ${selection.taskId} in ${selection.prdSlug}.`);
+        await syncTaskQuery(null);
+        return;
+      }
+      const isSameTask = selectedTask.value?.id === task.id && selectedTaskPrdSlug.value === selection.prdSlug;
+      selectedTask.value = task;
+      selectedTaskPrdSlug.value = selection.prdSlug;
+      detailOpen.value = true;
+      if (!isSameTask) {
+        selectedTaskCommits.value = await fetchTaskCommits(selection.prdSlug, task.id);
+      }
+    }
+    const taskTitles = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      const sourcePrdSlug = selectedTaskPrdSlug.value || prdSlug.value;
+      const sourceTasks = sourcePrdSlug === prdSlug.value ? tasksFile.value : tasksByPrd.value[sourcePrdSlug] ?? null;
+      if (!sourceTasks?.tasks) {
+        return map;
+      }
+      for (const task of sourceTasks.tasks) {
+        map.set(task.id, task.title);
+      }
+      return map;
+    });
+    watch(activeTab, (tab) => {
+    });
+    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;
+      cacheTasksForPrd(prdSlug.value, tasks);
+    }
+    async function loadGraph(force = false) {
+      graphLoading.value = true;
+      try {
+        if (!force && prdGraph.value?.prdSlug === prdSlug.value) {
+          return;
+        }
+        const graph = await fetchPrdGraph(prdSlug.value);
+        if (!graph) {
+          graphError.value = "Failed to load PRD graph.";
+          return;
+        }
+        prdGraph.value = graph;
+        graphError.value = null;
+      } finally {
+        graphLoading.value = false;
+      }
+    }
+    async function ensureGraphLoaded(force = false) {
+      if (activeTab.value !== "graph") {
+        return;
+      }
+      await loadGraph(force);
+    }
+    async function loadData() {
+      isLoading.value = true;
+      error.value = null;
+      graphError.value = null;
+      prdGraph.value = null;
+      tasksByPrd.value = {};
+      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;
+        cacheTasksForPrd(prdSlug.value, tasks);
+        if (!tasks && activeTab.value === "board") {
+          activeTab.value = "document";
+        }
+        await ensureGraphLoaded();
+        await syncTaskDetailFromRoute();
+      } 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(activeTab, async (tab) => {
+      if (tab === "graph") {
+        await ensureGraphLoaded();
+      }
+    });
+    watch(
+      () => [route.query[TASK_QUERY_KEY], route.query[TASK_PRD_QUERY_KEY], prdSlug.value],
+      async () => {
+        if (isLoading.value) {
+          return;
+        }
+        await syncTaskDetailFromRoute();
+      }
+    );
+    watch(detailOpen, async (isOpen) => {
+      if (!isOpen && routeTaskSelection.value) {
+        await syncTaskQuery(null);
+      }
+    });
+    watch(
+      () => fileChangeEvent.value,
+      async (event) => {
+        if (!event) {
+          return;
+        }
+        if (event.category === "prd") {
+          await loadDocument();
+          if (activeTab.value === "graph") {
+            await loadGraph(true);
+          }
+          return;
+        }
+        if (event.category !== "tasks" && event.category !== "progress") {
+          return;
+        }
+        const isCurrentPrdChange = event.path?.includes(`/${prdSlug.value}/`) ?? false;
+        if (isCurrentPrdChange) {
+          await loadTasksAndProgress();
+          prdGraph.value = null;
+        }
+        if (activeTab.value === "graph") {
+          if (isCurrentPrdChange) {
+            await loadGraph(true);
+          }
+        }
+      }
+    );
+    watch([repoId, prdSlug], loadData);
+    async function handleTaskClick(task) {
+      await openTaskDetail(task, prdSlug.value);
+    }
+    async function handleGraphTaskClick(payload) {
+      const sourceTasks = await getTasksForPrd(payload.prdSlug);
+      const task = sourceTasks?.tasks.find((entry) => entry.id === payload.taskId);
+      if (!task) {
+        showError("Task unavailable", `Could not find ${payload.taskId} in ${payload.prdSlug}.`);
+        return;
+      }
+      await openTaskDetail(task, payload.prdSlug);
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_0$2;
+      const _component_PrdMeta = __nuxt_component_1;
+      const _component_PrdViewer = __nuxt_component_2;
+      const _component_TasksBoard = __nuxt_component_3;
+      const _component_GraphExplorer = __nuxt_component_0$2$1;
+      const _component_TasksDetail = __nuxt_component_1$1;
+      _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));
+                    _push3(ssrRenderComponent(unref(TabsTrigger), {
+                      value: "graph",
+                      class: "gap-2"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(unref(GitBranch), { class: "size-4" }, null, _parent4, _scopeId3));
+                          _push4(` Graph `);
+                        } else {
+                          return [
+                            createVNode(unref(GitBranch), { class: "size-4" }),
+                            createTextVNode(" Graph ")
+                          ];
+                        }
+                      }),
+                      _: 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"]),
+                      createVNode(unref(TabsTrigger), {
+                        value: "graph",
+                        class: "gap-2"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(GitBranch), { class: "size-4" }),
+                          createTextVNode(" Graph ")
+                        ]),
+                        _: 1
+                      })
+                    ];
+                  }
+                }),
+                _: 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));
+              _push2(ssrRenderComponent(unref(TabsContent), {
+                value: "graph",
+                class: "mt-4"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<div class="h-[calc(100vh-300px)] min-h-[440px] motion-safe:transition-[opacity,transform] motion-safe:duration-200 motion-safe:ease-[var(--ease-out-cubic)] motion-reduce:transition-none"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_GraphExplorer, {
+                      payload: unref(prdGraph),
+                      scope: "prd",
+                      loading: unref(graphLoading),
+                      error: unref(graphError),
+                      onTaskClick: handleGraphTaskClick
+                    }, null, _parent3, _scopeId2));
+                    _push3(`</div>`);
+                  } else {
+                    return [
+                      createVNode("div", { class: "h-[calc(100vh-300px)] min-h-[440px] motion-safe:transition-[opacity,transform] motion-safe:duration-200 motion-safe:ease-[var(--ease-out-cubic)] motion-reduce:transition-none" }, [
+                        createVNode(_component_GraphExplorer, {
+                          payload: unref(prdGraph),
+                          scope: "prd",
+                          loading: unref(graphLoading),
+                          error: unref(graphError),
+                          onTaskClick: handleGraphTaskClick
+                        }, null, 8, ["payload", "loading", "error"])
+                      ])
+                    ];
+                  }
+                }),
+                _: 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"]),
+                    createVNode(unref(TabsTrigger), {
+                      value: "graph",
+                      class: "gap-2"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(GitBranch), { class: "size-4" }),
+                        createTextVNode(" Graph ")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 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
+                }),
+                createVNode(unref(TabsContent), {
+                  value: "graph",
+                  class: "mt-4"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "h-[calc(100vh-300px)] min-h-[440px] motion-safe:transition-[opacity,transform] motion-safe:duration-200 motion-safe:ease-[var(--ease-out-cubic)] motion-reduce:transition-none" }, [
+                      createVNode(_component_GraphExplorer, {
+                        payload: unref(prdGraph),
+                        scope: "prd",
+                        loading: unref(graphLoading),
+                        error: unref(graphError),
+                        onTaskClick: handleGraphTaskClick
+                      }, null, 8, ["payload", "loading", "error"])
+                    ])
+                  ]),
+                  _: 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),
+        "task-prd-slug": unref(selectedTaskPrdSlug),
+        "current-prd-slug": unref(prdSlug)
+      }, 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_-C1C4GAhW.mjs.map