优化: 所有剩余UI/UX待办一批完成(持久化+AuditLog+解耦+total+原12大改+P2)

持久化(P1-c):新建 usePersistedRef composable,Tasks/AuditLog/ProjectDetail 等接入 localStorage

AuditLog(P1-d):后端 list_tool_executions 加 WHERE 筛选+返 {items,total,has_more},前端对接+长列折叠+筛选持久化

数据源解耦(P1-g):ProjectDetail projectTasks 按 project_id 独立加载 + ChatInput @项目联想独立加载(不读 store.tasks 当前页)

GitChanges(12a):后端 get_module_commits 加 git rev-list --count 返 total,前端显真实总数

原12大改:Dashboard 统计卡压底行(1)/Projects 列表卡片视图(2)/project_event 埋点排序(3)/TaskDetail 重设计(4)/IdeaDetail 重设计(5)/KnowledgeDetail 重设计(6)/界面持久化+侧栏Ctrl+B+审批数字键(7)/ProjectDetail 三栏改两栏(10)

P2打磨:文件浏览器(FileTree去重/FilePreview行号.md Diff/selectedFilePath归位)/settings反馈(假保存/端口校验)/AI会话(try-catch/scrollIntoView)/后端计数(move_queue事件/timeline total/workflow分页/import_batch分块)/杂项(TopBar/ConfirmDialog键盘/CIStatus i18n/ToolResultBody/ModuleNode/ApprovalDialog全选)

src/components/project/FilePreview.vue

@@ -59,10 +59,7 @@
         <img :src="imageUrl ?? ''" :alt="filePath ?? ''" />
       </div>
 
-      <!-- Markdown 渲染(marked + DOMPurify + 代码高亮) -->
-      <div v-else-if="isMarkdown" class="preview-md ai-md" v-html="renderedMd"></div>
-
-      <!-- Diff 视图(切到 diff 模式时显示) -->
+      <!-- Diff 视图(切到 diff 模式时显示;置于 Markdown 之前,使 .md 文件也支持 Diff) -->
       <div v-else-if="showDiff && diffContent" class="preview-diff">
         <div v-for="(ln, idx) in diffLines" :key="idx" class="diff-line" :class="'diff-' + ln.type">
           <span class="diff-line-num">{{ ln.oldNum || '' }}</span>
@@ -75,6 +72,9 @@
         </div>
       </div>
 
+      <!-- Markdown 渲染(marked + DOMPurify + 代码高亮) -->
+      <div v-else-if="isMarkdown" class="preview-md ai-md" v-html="renderedMd"></div>
+
       <!-- 文本/代码(highlight.js 语法高亮 + 行号;非 diff 模式时显示) -->
       <div v-else class="preview-code-scroll">
         <div class="preview-line-numbers" aria-hidden="true">
@@ -110,12 +110,16 @@ const fileSize = ref<number | null>(null)
 const truncated = ref(false)
 const imageUrl = ref<string | null>(null)
 
-/** 行号显示 — 根据 highlight.js 输出的 HTML 行数计算。 */
+/** 行号显示 — 按源文本真实行数计算(非 highlight.js 渲染 HTML 行数)。
+ * 高亮 HTML 可能因多行 token / 转义与源码行数不一致,直接切分 htmlContent 易错位。
+ * 末尾无换行时 split 会多出空串,需按实际换行符计数对齐渲染。 */
 const lineCount = computed(() => {
-  if (!htmlContent.value) return 0
-  // highlight.js 用 \n 分隔行,计算行数
-  const lines = htmlContent.value.split('\n')
-  return lines.length
+  if (!content.value) return 0
+  const text = content.value
+  // 末尾换行不计为新一行的可视行号(渲染时 <pre> 也不会显示空行)。
+  const norm = text.endsWith('\n') ? text.slice(0, -1) : text
+  if (norm === '') return 1
+  return norm.split('\n').length
 })
 
 /** Diff 显示控制 */