From d36bec13fc222b12e872dfda778a63e4dbda3926 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Sun, 24 Aug 2025 19:38:01 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=85=8D=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SmartChatBox/MessageRenderer.tsx   |  4 +--
 components/pages/work-flow/thumbnail-grid.tsx | 31 +++++++++++++------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/components/SmartChatBox/MessageRenderer.tsx b/components/SmartChatBox/MessageRenderer.tsx
index 4b0a882..537a053 100644
--- a/components/SmartChatBox/MessageRenderer.tsx
+++ b/components/SmartChatBox/MessageRenderer.tsx
@@ -18,7 +18,7 @@ export function MessageRenderer({ msg }: MessageRendererProps) {
   const bubbleClass = useMemo(() => {
     if (isSystem) return "bg-amber-50 text-amber-900 border border-amber-200";
     if (isUser) return "bg-blue-500/30 text-white";
-    return "bg-gray-800 text-gray-100"; // assistant
+    return "bg-[#6af4f933] text-gray-100"; // assistant
   }, [isSystem, isUser]);
 
   const badge = isSystem ? (
@@ -26,7 +26,7 @@ export function MessageRenderer({ msg }: MessageRendererProps) {
       系统流程
     </span>
   ) : msg.role === "assistant" ? (
-    <span className="inline-flex items-center gap-1 px-2 py-0.5 text-[10px] rounded-full bg-gray-700 text-gray-100 mr-2">
+    <span className="inline-flex items-center gap-1 px-2 py-0.5 text-[10px] rounded-full bg-[#6af4f94d] text-gray-100 mr-2">
       助手
     </span>
   ) : null;
diff --git a/components/pages/work-flow/thumbnail-grid.tsx b/components/pages/work-flow/thumbnail-grid.tsx
index da125cb..3e2d1fd 100644
--- a/components/pages/work-flow/thumbnail-grid.tsx
+++ b/components/pages/work-flow/thumbnail-grid.tsx
@@ -4,7 +4,7 @@ import React, { useRef, useEffect, useState, useCallback } from 'react';
 import { motion } from 'framer-motion';
 import { Skeleton } from '@/components/ui/skeleton';
 import { ProgressiveReveal, presets } from '@/components/ui/progressive-reveal';
-import { Loader2, X, SquareUserRound, MapPinHouse, Clapperboard } from 'lucide-react';
+import { Loader2, X, SquareUserRound, MapPinHouse, Clapperboard, Video } from 'lucide-react';
 import { TaskObject } from '@/api/DTO/movieEdit';
 
 interface ThumbnailGridProps {
@@ -209,9 +209,16 @@ export function ThumbnailGrid({
 
           </div>
 
-          <div className="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-black/60 to-transparent z-10">
-            <span className="text-xs text-white/90">Scene {index + 1}</span>
+          <div className='absolute bottom-0 left-0 right-0 p-2'>
+            <div className="inline-flex items-center px-2 py-1 rounded-full bg-green-500/20 backdrop-blur-sm">
+              <Video className="w-3 h-3 text-green-400 mr-1" />
+              <span className="text-xs text-green-400">Shot {index + 1}</span>
+            </div>
           </div>
+
+          {/* <div className="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-black/60 to-transparent z-10">
+            <span className="text-xs text-white/90">Scene {index + 1}</span>
+          </div> */}
         </div>
       );
     })
@@ -255,7 +262,7 @@ export function ThumbnailGrid({
                 />
               </div>
             )}
-            <div className='absolute top-0 left-0 right-0 p-2'>
+            <div className='absolute bottom-0 left-0 right-0 p-2'>
               {/* 角色类型 */}
               {sketch.type === 'role' && (
                 <div className="inline-flex items-center px-2 py-1 rounded-full bg-purple-500/20 backdrop-blur-sm">
@@ -265,19 +272,23 @@ export function ThumbnailGrid({
               )}
               {/* 场景类型 */}
               {sketch.type === 'scene' && (
-                <div className="inline-flex items-center px-2 py-1 rounded-full bg-blue-500/20 backdrop-blur-sm">
-                  <MapPinHouse className="w-3 h-3 text-blue-400 mr-1" />
-                  <span className="text-xs text-blue-400">Scene</span>
+                <div className="inline-flex items-center px-2 py-1 rounded-full bg-purple-500/20 backdrop-blur-sm">
+                  <MapPinHouse className="w-3 h-3 text-purple-400 mr-1" />
+                  <span className="text-xs text-purple-400">Scene</span>
                 </div>
               )}
               {/* 分镜类型 */}
               {(!sketch.type || sketch.type === 'shot_sketch') && (
-                <div className="inline-flex items-center px-2 py-1 rounded-full bg-amber-500/20 backdrop-blur-sm">
-                  <Clapperboard className="w-3 h-3 text-amber-400 mr-1" />
-                  <span className="text-xs text-amber-400">Shot {index + 1}</span>
+                <div className="inline-flex items-center px-2 py-1 rounded-full bg-cyan-500/20 backdrop-blur-sm">
+                  <Clapperboard className="w-3 h-3 text-cyan-400 mr-1" />
+                  <span className="text-xs text-cyan-400">Shot {index + 1}</span>
                 </div>
               )}
             </div>
+
+            {/* <div className="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-black/60 to-transparent z-10">
+              <span className="text-xs text-white/90">{sketch.type === 'role' ? 'Role' : (sketch.type === 'scene' ? 'Scene' : 'Shot')} {index + 1}</span>
+            </div> */}
           </div>
         );
       })}