From e8b145bff386f5c3e0d3b538aa66aacb7a880a9c Mon Sep 17 00:00:00 2001
From: MT-Fire <798521692@qq.com>
Date: Sun, 29 Mar 2026 00:48:46 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=20=E5=AF=B9=E9=BD=90=E5=B7=A5?=
 =?UTF-8?q?=E4=BB=B6=E6=96=87=E4=BB=B6=E5=88=97=E8=A1=A8=20UI=20=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workspace/artifacts/artifact-file-list.tsx       | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/workspace/artifacts/artifact-file-list.tsx b/frontend/src/components/workspace/artifacts/artifact-file-list.tsx
index 4aad6301..99b2e374 100644
--- a/frontend/src/components/workspace/artifacts/artifact-file-list.tsx
+++ b/frontend/src/components/workspace/artifacts/artifact-file-list.tsx
@@ -18,7 +18,7 @@ import {
   getFileIcon,
   getFileName,
 } from "@/core/utils/files";
-import { cn, truncateMiddle } from "@/lib/utils";
+import { cn } from "@/lib/utils";
 
 import { useArtifacts } from "./context";
 
@@ -80,14 +80,12 @@ export function ArtifactFileList({
           onClick={() => handleClick(file)}
         >
           <CardHeader className="pr-2 pl-1">
-            <CardTitle className=" relative pl-8 overflow-hidden">
-              <div className=" text-ellipsis whitespace-nowrap text-sm font-normal" title={getFileName(file)}>
-                {truncateMiddle(getFileName(file), 50)}
+            <CardTitle className="relative pl-8">
+              <div>{getFileName(file)}</div>
+              <div className="absolute top-2 -left-0.5">
+                {getFileIcon(file, "size-6")}
               </div>
             </CardTitle>
-             <div className="absolute top-5 left-3">
-                {getFileIcon(file, "size-6 stroke-[1.5px] stroke-[#333333]")}
-            </div>
             <CardDescription className="pl-8 text-xs">
               {getFileExtensionDisplayName(file)} file
             </CardDescription>