Update web/src/components/ChatArea.tsx

web/src/components/ChatArea.tsx

@@ -905,10 +905,26 @@ export function ChatArea({
       <div ref={composerRef} className="flex-shrink-0 bg-background/95 backdrop-blur-sm z-20 border-t border-border">
         <div className="max-w-4xl mx-auto px-4 py-4">
           {/* ✅ Uploaded Files Preview (chip UI) */}
-          {uploadedFiles.length > 0 && (
+          {(uploadedFiles.length > 0 || pendingFiles.length > 0) && (
             <div className="mb-2 flex flex-wrap gap-2 max-h-32 overflow-y-auto">
-              {uploadedFiles.map((u, index) => (
-                <FileChip key={`${u.file.name}-${u.file.size}-${u.file.lastModified}-${index}`} file={u.file} index={index} />
+              {/* uploaded */}
+              {uploadedFiles.map((u, idx) => (
+                <FileChip
+                  key={`u-${u.file.name}-${u.file.size}-${u.file.lastModified}`}
+                  file={u.file}
+                  index={idx}
+                  source="uploaded"
+                />
+              ))}
+          
+              {/* pending (type dialog 之前也能显示的话) */}
+              {pendingFiles.map((p, idx) => (
+                <FileChip
+                  key={`p-${p.file.name}-${p.file.size}-${p.file.lastModified}`}
+                  file={p.file}
+                  index={idx}
+                  source="pending"
+                />
               ))}
             </div>
           )}