From b0eb2a29c3cf43f120c32b349090403defc224f2 Mon Sep 17 00:00:00 2001
From: thzxx <thzxx@gitee.com>
Date: Thu, 18 Jun 2026 12:35:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=86=E9=A2=91=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E4=B8=8D=E6=98=BE=E7=A4=BA30=E5=BC=A0?=
 =?UTF-8?q?=E7=BC=A9=E7=95=A5=E5=9B=BE=E5=92=8C=E5=AE=8C=E6=95=B4=E5=B8=A7?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 视频帧序列 → 显示视频指示牌而非逐帧缩略图
- 内容折叠：只显示标题行，隐藏帧时间线
---
 src/renderer/components/chat-area.ts | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/chat-area.ts b/src/renderer/components/chat-area.ts
index 0d4033a..87deb9c 100644
--- a/src/renderer/components/chat-area.ts
+++ b/src/renderer/components/chat-area.ts
@@ -147,7 +147,14 @@ export function appendMessageDOM(msg: ChatMessage, index: number): void {
     : '';
 
   let contentHtml = '';
-  const safeContent = (msg.content != null) ? String(msg.content) : '';
+  let safeContent = (msg.content != null) ? String(msg.content) : '';
+
+  // 视频消息：折叠帧列表，只显示摘要
+  if (safeContent.startsWith('[视频帧序列')) {
+    const lines = safeContent.split('\n');
+    const header = lines[0]; // "[视频帧序列 · 30帧 · 1fps · 30s]"
+    safeContent = header;
+  }
 
   if (msg.role === 'assistant') {
     // ── 系统提示词折叠卡片（每条助理消息顶部展示）──
@@ -176,11 +183,18 @@ export function appendMessageDOM(msg: ChatMessage, index: number): void {
   }
 
   if (msg.images && msg.images.length > 0) {
-    contentHtml += '<div class="msg-images">';
-    for (const img of msg.images) {
-      contentHtml += `<img class="msg-img" src="data:image/png;base64,${img}" alt="用户图片" data-lightbox="true">`;
+    // 视频帧序列：不逐帧渲染缩略图，只显示视频指示
+    const isVideo = msg.content?.startsWith('[视频帧序列');
+    if (isVideo) {
+      const frameCount = msg.images.length;
+      contentHtml += `<div class="msg-video-indicator">🎬 视频帧序列 · ${frameCount} 帧 · 1fps</div>`;
+    } else {
+      contentHtml += '<div class="msg-images">';
+      for (const img of msg.images) {
+        contentHtml += `<img class="msg-img" src="data:image/png;base64,${img}" alt="用户图片" data-lightbox="true">`;
+      }
+      contentHtml += '</div>';
     }
-    contentHtml += '</div>';
   }
 
   if (msg.files && msg.files.length > 0) {