From 863fb472f1bfe596a65a6d3802de744706681b1d Mon Sep 17 00:00:00 2001
From: Matt Van Horn <455140+mvanhorn@users.noreply.github.com>
Date: Sun, 22 Mar 2026 23:41:26 -0700
Subject: [PATCH] fix(dashboard): make toast text selectable

Add `select-text` to ToastTitle and ToastDescription so users can
select and copy error messages instead of triggering swipe gestures.

Fixes #7012

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 packages/web/app/src/components/ui/toast.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/app/src/components/ui/toast.tsx b/packages/web/app/src/components/ui/toast.tsx
index 134abaf5c6b..b88afb8d771 100644
--- a/packages/web/app/src/components/ui/toast.tsx
+++ b/packages/web/app/src/components/ui/toast.tsx
@@ -89,7 +89,7 @@ const ToastTitle = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Title>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
 >(({ className, ...props }, ref) => (
-  <ToastPrimitives.Title ref={ref} className={cn('text-sm font-semibold', className)} {...props} />
+  <ToastPrimitives.Title ref={ref} className={cn('select-text text-sm font-semibold', className)} {...props} />
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
 
@@ -99,7 +99,7 @@ const ToastDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <ToastPrimitives.Description
     ref={ref}
-    className={cn('text-sm opacity-90', className)}
+    className={cn('select-text text-sm opacity-90', className)}
     {...props}
   />
 ));