From dd2c4449fdbf3aa5b9467a356d54620727e1f8bd Mon Sep 17 00:00:00 2001
From: Fam Zheng <fam@euphon.net>
Date: Mon, 6 Apr 2026 20:09:10 +0100
Subject: [PATCH] feat: ReportView reads report.md from files API, server-side
 .md rendering with pulldown-cmark

---
 web/src/components/AppLayout.vue  |  2 +-
 web/src/components/ReportView.vue | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/web/src/components/AppLayout.vue b/web/src/components/AppLayout.vue
index 4460d7c..fb62bd4 100644
--- a/web/src/components/AppLayout.vue
+++ b/web/src/components/AppLayout.vue
@@ -289,7 +289,7 @@ function goHome() {
 
 <template>
   <div v-if="isReportPage" class="report-fullpage">
-    <ReportView :workflowId="reportWorkflowId" :key="reportWorkflowId" />
+    <ReportView :workflowId="reportWorkflowId" :projectId="selectedProjectId" :key="reportWorkflowId" />
   </div>
   <div v-else class="app-layout">
     <header class="app-header">
diff --git a/web/src/components/ReportView.vue b/web/src/components/ReportView.vue
index 40881c0..103ef5b 100644
--- a/web/src/components/ReportView.vue
+++ b/web/src/components/ReportView.vue
@@ -2,10 +2,10 @@
 import { ref, onMounted, nextTick } from 'vue'
 import { marked } from 'marked'
 import mermaid from 'mermaid'
-import { api } from '../api'
 
 const props = defineProps<{
   workflowId: string
+  projectId: string
 }>()
 
 const html = ref('')
@@ -38,8 +38,13 @@ async function renderMermaid() {
 
 onMounted(async () => {
   try {
-    const res = await api.getReport(props.workflowId)
-    html.value = await marked.parse(res.report)
+    const res = await fetch(`/tori/api/projects/${props.projectId}/files/report.md?raw`)
+    if (res.ok) {
+      const md = await res.text()
+      html.value = await marked.parse(md)
+    } else {
+      error.value = '暂无报告。Agent 完成后会生成 report.md。'
+    }
   } catch (e: any) {
     error.value = e.message
   } finally {