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 1/2] 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 134abaf5c..b88afb8d7 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}
   />
 ));

From 126465e74f6c5b23ff6a52b5ee053cc6a0bcefbf Mon Sep 17 00:00:00 2001
From: Matt Van Horn <mvanhorn@gmail.com>
Date: Sun, 17 May 2026 00:08:43 -0700
Subject: [PATCH 2/2] style: split ToastTitle JSX to satisfy prettier
 printWidth

Per @jonathanawesome review on #7894.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 packages/web/app/src/components/ui/toast.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/web/app/src/components/ui/toast.tsx b/packages/web/app/src/components/ui/toast.tsx
index b88afb8d7..ec292221c 100644
--- a/packages/web/app/src/components/ui/toast.tsx
+++ b/packages/web/app/src/components/ui/toast.tsx
@@ -89,7 +89,11 @@ const ToastTitle = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Title>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
 >(({ className, ...props }, ref) => (
-  <ToastPrimitives.Title ref={ref} className={cn('select-text 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;