From 2aeb2e49dafef39606b0b4127fd9158ac3c8cb80 Mon Sep 17 00:00:00 2001
From: Autumn-27 <53844290+Autumn-27@users.noreply.github.com>
Date: Wed, 19 Aug 2026 10:30:56 -0400
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E5=88=A0=E9=99=A4=E7=A1=AE=E8=AE=A4?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E9=95=BF=E6=96=87=E6=9C=AC=E6=BA=A2=E5=87=BA?=
 =?UTF-8?q?(break-words=20+=20break-all)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

任务/漏洞名称含长 URL、路径等无空格断点的长串时,弹窗描述不换行撑出边界。
给 AlertDialogDescription 加 break-words,用户内容包 span break-all 强制断行。
覆盖任务删除 + 三处漏洞删除弹窗。
---
 .../(main)/function/findings/detail/page.tsx   |  4 ++--
 web/src/app/(main)/function/findings/page.tsx  |  4 ++--
 .../tasks/detail/_tabs/findings-tab.tsx        |  4 ++--
 web/src/app/(main)/function/tasks/page.tsx     | 18 ++++++++++++++----
 4 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/web/src/app/(main)/function/findings/detail/page.tsx b/web/src/app/(main)/function/findings/detail/page.tsx
index 07876b3..19f1c2a 100644
--- a/web/src/app/(main)/function/findings/detail/page.tsx
+++ b/web/src/app/(main)/function/findings/detail/page.tsx
@@ -193,8 +193,8 @@ function FindingDetailInner() {
             <AlertDialogContent>
               <AlertDialogHeader>
                 <AlertDialogTitle>确认删除该漏洞？</AlertDialogTitle>
-                <AlertDialogDescription>
-                  「{title}」将被永久删除，同时从发现列表、任务发现 Tab 与探索图中移除，此操作不可撤销。
+                <AlertDialogDescription className="break-words">
+                  「<span className="break-all">{title}</span>」将被永久删除，同时从发现列表、任务发现 Tab 与探索图中移除，此操作不可撤销。
                 </AlertDialogDescription>
               </AlertDialogHeader>
               <AlertDialogFooter>
diff --git a/web/src/app/(main)/function/findings/page.tsx b/web/src/app/(main)/function/findings/page.tsx
index fdf4798..38b9eda 100644
--- a/web/src/app/(main)/function/findings/page.tsx
+++ b/web/src/app/(main)/function/findings/page.tsx
@@ -537,8 +537,8 @@ export default function FindingsPage() {
                               <AlertDialogContent>
                                 <AlertDialogHeader>
                                   <AlertDialogTitle>确认删除该漏洞？</AlertDialogTitle>
-                                  <AlertDialogDescription>
-                                    「{f.name || f.vulnclass || f.summary || `#${f.finding_id}`}」将被永久删除，
+                                  <AlertDialogDescription className="break-words">
+                                    「<span className="break-all">{f.name || f.vulnclass || f.summary || `#${f.finding_id}`}</span>」将被永久删除，
                                     同时从发现列表、任务发现 Tab 与探索图中移除，此操作不可撤销。
                                   </AlertDialogDescription>
                                 </AlertDialogHeader>
diff --git a/web/src/app/(main)/function/tasks/detail/_tabs/findings-tab.tsx b/web/src/app/(main)/function/tasks/detail/_tabs/findings-tab.tsx
index 425825b..d4faf24 100644
--- a/web/src/app/(main)/function/tasks/detail/_tabs/findings-tab.tsx
+++ b/web/src/app/(main)/function/tasks/detail/_tabs/findings-tab.tsx
@@ -142,8 +142,8 @@ function Row({
                 <AlertDialogContent>
                   <AlertDialogHeader>
                     <AlertDialogTitle>确认删除该漏洞？</AlertDialogTitle>
-                    <AlertDialogDescription>
-                      「{f.name || f.vulnclass || f.summary || `#${f.finding_id}`}」将被永久删除，
+                    <AlertDialogDescription className="break-words">
+                      「<span className="break-all">{f.name || f.vulnclass || f.summary || `#${f.finding_id}`}</span>」将被永久删除，
                       同时从发现列表、任务发现 Tab 与探索图中移除，此操作不可撤销。
                     </AlertDialogDescription>
                   </AlertDialogHeader>
diff --git a/web/src/app/(main)/function/tasks/page.tsx b/web/src/app/(main)/function/tasks/page.tsx
index fa7fac9..4cdd004 100644
--- a/web/src/app/(main)/function/tasks/page.tsx
+++ b/web/src/app/(main)/function/tasks/page.tsx
@@ -416,10 +416,20 @@ const TaskRow = React.memo(function TaskRow({
             <AlertDialogContent>
               <AlertDialogHeader>
                 <AlertDialogTitle>确认删除任务 #{task.id}？</AlertDialogTitle>
-                <AlertDialogDescription>
-                  {task.description
-                    ? `「${task.description.length > 80 ? task.description.slice(0, 80) + "…" : task.description}」`
-                    : "该任务"}
+                <AlertDialogDescription className="break-words">
+                  {task.description ? (
+                    <>
+                      「
+                      <span className="break-all">
+                        {task.description.length > 80
+                          ? task.description.slice(0, 80) + "…"
+                          : task.description}
+                      </span>
+                      」
+                    </>
+                  ) : (
+                    "该任务"
+                  )}
                   的执行记录、会话与产物将被删除，此操作不可撤销（全局资产图保留）。
                 </AlertDialogDescription>
               </AlertDialogHeader>