Dismissable toast

autogpt_platform/frontend/src/components/ui/toaster.tsx

@@ -13,9 +13,13 @@ import { useToast } from "@/components/ui/use-toast";
 export function Toaster() {
   const { toasts } = useToast();
 
+  const swipeThreshold = toasts.some((toast) => toast.dismissable === false)
+    ? Infinity
+    : undefined;
+
   return (
-    <ToastProvider>
+    <ToastProvider swipeThreshold={swipeThreshold}>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
+      {toasts.map(function ({ id, title, description, action, dismissable, ...props }) {
         return (
           <Toast key={id} {...props}>
             <div className="grid gap-1">
@@ -25,7 +29,7 @@ export function Toaster() {
               )}
             </div>
             {action}
-            <ToastClose />
+            {dismissable !== false && <ToastClose />}
           </Toast>
         );
       })}

autogpt_platform/frontend/src/components/ui/use-toast.tsx

@@ -13,6 +13,7 @@ type ToasterToast = ToastProps & {
   title?: React.ReactNode;
   description?: React.ReactNode;
   action?: ToastActionElement;
+  dismissable?: boolean;
 };
 
 const actionTypes = {