From f5088ed70d9208d4273b8b7e2ed36da5979395ee Mon Sep 17 00:00:00 2001
From: Zhou <32321321@qq.com>
Date: Mon, 6 Apr 2026 16:34:40 +0800
Subject: [PATCH] fix(frontend): artifact download action bounds and lint
 errors (#1899)

* fix: keep artifact download action in bounds

* fix: fix lint error
---
 .../workspace/artifacts/artifact-file-list.tsx         | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/workspace/artifacts/artifact-file-list.tsx b/frontend/src/components/workspace/artifacts/artifact-file-list.tsx
index b8717c014..3e4d893be 100644
--- a/frontend/src/components/workspace/artifacts/artifact-file-list.tsx
+++ b/frontend/src/components/workspace/artifacts/artifact-file-list.tsx
@@ -79,17 +79,17 @@ export function ArtifactFileList({
           className="relative cursor-pointer p-3"
           onClick={() => handleClick(file)}
         >
-          <CardHeader className="pr-2 pl-1">
-            <CardTitle className="relative pl-8">
-              <div>{getFileName(file)}</div>
+          <CardHeader className="grid-cols-[minmax(0,1fr)_auto] items-center gap-x-3 gap-y-1 pr-2 pl-1">
+            <CardTitle className="relative min-w-0 pl-8 leading-tight [overflow-wrap:anywhere] break-words">
+              <div className="min-w-0">{getFileName(file)}</div>
               <div className="absolute top-2 -left-0.5">
                 {getFileIcon(file, "size-6")}
               </div>
             </CardTitle>
-            <CardDescription className="pl-8 text-xs">
+            <CardDescription className="min-w-0 pl-8 text-xs">
               {getFileExtensionDisplayName(file)} file
             </CardDescription>
-            <CardAction>
+            <CardAction className="row-span-1 self-center">
               {file.endsWith(".skill") && (
                 <Button
                   variant="ghost"