From 1246e5c86f196fab82c5717b7336f4d76458ddc7 Mon Sep 17 00:00:00 2001
From: thzxx <thzxx@gitee.com>
Date: Thu, 18 Jun 2026 11:56:38 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=81=8A=E5=A4=A9=E5=8C=BA=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E6=B6=88=E6=81=AF=E4=B9=9F=E5=8E=9F=E5=9C=B0=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E8=BF=9B=E5=BA=A6=EF=BC=8C=E4=B8=8D=E5=A4=8D=E7=94=A8?=
 =?UTF-8?q?=20appendSystemMessage=20=E5=88=B7=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

通过 sysmsg-video-progress class 标记，进度回调中 querySelector 原地更新 textContent
---
 src/renderer/components/input-area.ts | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/input-area.ts b/src/renderer/components/input-area.ts
index 91a955f..e4e5b14 100644
--- a/src/renderer/components/input-area.ts
+++ b/src/renderer/components/input-area.ts
@@ -252,19 +252,22 @@ async function handleVideoPath(filePath: string): Promise<void> {
 
   const name = filePath.split(/[/\\]/).pop() || filePath;
 
-  // 日志：开始 → 进度（原地更新） → 完成
+  // 聊天区：开始消息（带 class 标记，后续原地更新进度）
   logInfo('🎬 正在提取视频帧', name);
-  appendSystemMessage(`🎬 正在提取视频帧 (1fps): ${name}...`);
+  appendSystemMessage(`🎬 正在提取视频帧 (1fps): ${name}...`, 'sysmsg-video-progress');
   pendingVideoMeta = { fileName: name, duration: 0, width: 0, height: 0 };
   renderVideoPreview();
   resetVideoProgress(name);
 
-  // 监听提取进度：实时更新日志条目 + 视频芯片
+  // 监听提取进度：实时更新日志条目 + 视频芯片 + 聊天区系统消息
   let progressEl: HTMLElement | null = null;
   bridge.video.onProgress(({ current }) => {
     updateVideoProgress(current);
     if (!progressEl) progressEl = videoPreviewEl.querySelector('.video-meta');
     if (progressEl) progressEl.textContent = `提取中 · ${current}帧`;
+    // 聊天区系统消息原地更新
+    const sysMsg = document.querySelector('.sysmsg-video-progress');
+    if (sysMsg) sysMsg.textContent = `🎬 正在提取视频帧 (1fps): ${name}...  ${current} 帧`;
   });
 
   try {
@@ -272,10 +275,11 @@ async function handleVideoPath(filePath: string): Promise<void> {
     bridge.video.removeProgressListener();
 
     if (!result.success) {
+      const sysMsg = document.querySelector('.sysmsg-video-progress');
+      if (sysMsg) { sysMsg.classList.remove('sysmsg-video-progress'); sysMsg.textContent = `❌ 视频帧提取失败: ${result.error || ''}`; }
       pendingVideoFrames = [];
       pendingVideoMeta = null;
       renderVideoPreview();
-      appendSystemMessage(`❌ 视频帧提取失败: ${result.error || ''}`);
       logError('视频帧提取失败', result.error || '');
       return;
     }
@@ -283,16 +287,21 @@ async function handleVideoPath(filePath: string): Promise<void> {
     pendingVideoFrames = result.frames!;
     pendingVideoMeta = { fileName: name, ...result.videoInfo! };
 
-    // 完成：新加一条 success 日志，进度条目保留原地
+    // 完成：聊天区系统消息原地更新为完成
+    const sysMsg = document.querySelector('.sysmsg-video-progress');
+    if (sysMsg) {
+      sysMsg.classList.remove('sysmsg-video-progress');
+      sysMsg.textContent = `✅ ${name}: 已提取 ${pendingVideoFrames.length} 帧 (1fps 采样)`;
+    }
     logSuccess('✅ 视频帧提取完成', `${pendingVideoFrames.length} 帧 / ${pendingVideoMeta.duration.toFixed(1)}s (1fps)`);
-    appendSystemMessage(`✅ ${name}: 已提取 ${pendingVideoFrames.length} 帧 (1fps 采样)`);
     renderVideoPreview();
   } catch (err) {
     bridge.video.removeProgressListener();
+    const sysMsg = document.querySelector('.sysmsg-video-progress');
+    if (sysMsg) { sysMsg.classList.remove('sysmsg-video-progress'); sysMsg.textContent = `❌ 视频处理失败: ${(err as Error).message}`; }
     pendingVideoFrames = [];
     pendingVideoMeta = null;
     renderVideoPreview();
-    appendSystemMessage(`❌ 视频处理失败: ${(err as Error).message}`);
     logError('视频帧提取失败', (err as Error).message);
   }
 }