From 39a2bbda97aeae60833dbc18391bb91348140f51 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Wed, 24 Jun 2026 14:17:21 +0800
Subject: [PATCH] refactor(ErrorMessagePreview): simplify error message display
 by removing Popover component

---
 web/app/dashboard/ai-workflow-runs/page.tsx | 43 +++++----------------
 1 file changed, 9 insertions(+), 34 deletions(-)

diff --git a/web/app/dashboard/ai-workflow-runs/page.tsx b/web/app/dashboard/ai-workflow-runs/page.tsx
index f90a8dc..268c6bb 100644
--- a/web/app/dashboard/ai-workflow-runs/page.tsx
+++ b/web/app/dashboard/ai-workflow-runs/page.tsx
@@ -16,11 +16,6 @@ import { JsonTreeViewer } from "@/components/json-tree-viewer"
 import { ProjectDialog } from "@/components/project-dialog"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover"
 import {
   fetchAIAgentsAll,
   fetchAIWorkflowRun,
@@ -332,36 +327,16 @@ export default function DashboardAIWorkflowRunsPage() {
 }
 
 function ErrorMessagePreview({ message }: { message: string }) {
-  const [open, setOpen] = useState(false)
-
   return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger
-        render={
-          <button
-            type="button"
-            className="flex w-full min-w-0 items-center gap-1.5 text-left text-xs text-destructive"
-            onClick={(event) => event.stopPropagation()}
-            onMouseEnter={() => setOpen(true)}
-            onMouseLeave={() => setOpen(false)}
-            onFocus={() => setOpen(true)}
-            onBlur={() => setOpen(false)}
-          />
-        }
-      >
-        <AlertTriangleIcon className="size-3.5 shrink-0" />
-        <span className="block min-w-0 truncate">{message}</span>
-      </PopoverTrigger>
-      <PopoverContent
-        align="end"
-        className="max-h-80 w-[30rem] max-w-[min(30rem,calc(100vw-2rem))] overflow-auto whitespace-pre-wrap break-words text-xs text-destructive"
-        onMouseEnter={() => setOpen(true)}
-        onMouseLeave={() => setOpen(false)}
-        onClick={(event) => event.stopPropagation()}
-      >
-        {message}
-      </PopoverContent>
-    </Popover>
+    <button
+      type="button"
+      className="flex w-full min-w-0 items-center gap-1.5 text-left text-xs text-destructive"
+      title={message}
+      onClick={(event) => event.stopPropagation()}
+    >
+      <AlertTriangleIcon className="size-3.5 shrink-0" />
+      <span className="block min-w-0 truncate">{message}</span>
+    </button>
   )
 }