From f63a9d5dc5b3eca64f3a7af1cf1bcdfab1965656 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Almeida?=
 <57680069+zeval@users.noreply.github.com>
Date: Sat, 18 Apr 2026 10:32:24 +0100
Subject: [PATCH] fix(web): wrap long paths in Discard Changes dialog (#620)

Long file paths could overflow the AlertDialog horizontally, pushing
the action buttons outside the visible area. Add break-words on the
description and overflow-wrap:anywhere on the filename span so paths
wrap mid-string instead of forcing the dialog wider than its max-w.
---
 apps/web/components/task/changes-panel-dialogs.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/task/changes-panel-dialogs.tsx b/apps/web/components/task/changes-panel-dialogs.tsx
index 18120abd65..96e5498fd1 100644
--- a/apps/web/components/task/changes-panel-dialogs.tsx
+++ b/apps/web/components/task/changes-panel-dialogs.tsx
@@ -55,11 +55,12 @@ export function DiscardDialog({
       <AlertDialogContent>
         <AlertDialogHeader>
           <AlertDialogTitle>Discard changes?</AlertDialogTitle>
-          <AlertDialogDescription>
+          <AlertDialogDescription className="break-words">
             {description ?? (
               <>
                 This will permanently discard all changes to{" "}
-                <span className="font-semibold">{displayFile}</span>. This action cannot be undone.
+                <span className="font-semibold [overflow-wrap:anywhere]">{displayFile}</span>. This
+                action cannot be undone.
               </>
             )}
           </AlertDialogDescription>