新增: 依赖图环形检测 + PNG 导出 + 任务列表真实总数

- 后端 detect_module_cycles IPC(DFS 三色标记法检测环形依赖)
- 前端环检测按钮:高亮参与环的节点(红色边框)
- 图导出 PNG(X6 toPNG 回调模式)
- 后端 count_tasks IPC + 前端 taskApi.count()
- 任务列表所有筛选/搜索/排序/翻页均拉真实 total

src/components/project/DependencyGraph.vue

@@ -4,6 +4,8 @@
       <span class="dep-graph__title">{{ $t('dependencyGraph.title') }}</span>
       <div class="dep-graph__actions">
         <button v-if="modules.length >= 2" class="btn btn-ghost btn-sm" @click="showAddDep = true">+ 依赖</button>
+        <button v-if="dependencies.length > 0" class="btn btn-ghost btn-sm" @click="checkCycles">🔍 环检测</button>
+        <button class="btn btn-ghost btn-sm" @click="exportPNG">📷 导出</button>
         <button class="btn btn-ghost btn-sm" @click="fitContent">适应内容</button>
         <button class="btn btn-ghost btn-sm" @click="zoomIn">+</button>
         <button class="btn btn-ghost btn-sm" @click="zoomOut">-</button>
@@ -211,6 +213,43 @@ function zoomOut() {
   graph?.zoom(-0.1)
 }
 
+/** 环形依赖检测。 */
+const cycleNodes = ref<Set<string>>(new Set())
+async function checkCycles() {
+  try {
+    const cycles = await moduleApi.detectModuleCycles(props.projectId)
+    cycleNodes.value = new Set(cycles)
+    if (cycles.length > 0) {
+      // 高亮环节点(加红色边框)
+      for (const id of cycles) {
+        const cell = graph?.getCellById(id)
+        if (cell) {
+          cell.attr('body/stroke', '#e05050')
+          cell.attr('body/strokeWidth', 3)
+        }
+      }
+    }
+    renderGraph()
+  } catch (e) {
+    console.error('[DependencyGraph] 环检测失败:', e)
+  }
+}
+
+/** 导出 PNG。 */
+async function exportPNG() {
+  if (!graph) return
+  try {
+    graph.toPNG((dataUri: string) => {
+      const a = document.createElement('a')
+      a.href = dataUri
+      a.download = `dependency-graph-${props.projectId}.png`
+      a.click()
+    })
+  } catch (e) {
+    console.error('[DependencyGraph] 导出 PNG 失败:', e)
+  }
+}
+
 /** 依赖类型 → 边颜色 */
 function depTypeColor(depType: string): string {
   switch (depType) {