From 84499f52ea4c14afe474142d5216eb4ddf5c5957 Mon Sep 17 00:00:00 2001
From: tigermren <tigeren@live.com>
Date: Sun, 17 Aug 2025 23:26:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/FileList.tsx | 47 +++++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/FileList.tsx b/frontend/src/components/FileList.tsx
index ffc35a7..e638630 100644
--- a/frontend/src/components/FileList.tsx
+++ b/frontend/src/components/FileList.tsx
@@ -16,8 +16,9 @@ import {
   DialogContent,
   DialogActions,
   Typography,
+  Tooltip,
 } from '@mui/material';
-import { Download as DownloadIcon, Delete as DeleteIcon } from '@mui/icons-material';
+import { Download as DownloadIcon, Delete as DeleteIcon, Error as ErrorIcon } from '@mui/icons-material';
 import { File, FileStatus } from '../types/file';
 import { api } from '../services/api';
 
@@ -172,6 +173,50 @@ const FileList: React.FC<FileListProps> = ({ files, onFileStatusChange }) => {
                     color={getStatusColor(file.status) as any}
                     size="small"
                   />
+                  {file.status === FileStatus.FAILED && file.error_message && (
+                    <div style={{ marginTop: '4px' }}>
+                      <Tooltip 
+                        title={file.error_message}
+                        placement="top-start"
+                        arrow
+                        sx={{ maxWidth: '400px' }}
+                      >
+                        <div 
+                          style={{ 
+                            display: 'flex', 
+                            alignItems: 'flex-start', 
+                            gap: '4px',
+                            padding: '4px 8px',
+                            backgroundColor: '#ffebee',
+                            borderRadius: '4px',
+                            border: '1px solid #ffcdd2'
+                          }}
+                        >
+                          <ErrorIcon 
+                            color="error" 
+                            sx={{ fontSize: '16px', marginTop: '1px', flexShrink: 0 }} 
+                          />
+                          <Typography
+                            variant="caption"
+                            color="error"
+                            sx={{
+                              display: 'block',
+                              wordBreak: 'break-word',
+                              maxWidth: '300px',
+                              lineHeight: '1.2',
+                              cursor: 'help',
+                              fontWeight: 500
+                            }}
+                          >
+                            {file.error_message.length > 50 
+                              ? `${file.error_message.substring(0, 50)}...` 
+                              : file.error_message
+                            }
+                          </Typography>
+                        </div>
+                      </Tooltip>
+                    </div>
+                  )}
                 </TableCell>
                 <TableCell>
                   {new Date(file.created_at).toLocaleString()}