make generate mask from RemoveBG && AnimeSeg work

web_app/src/components/ui/toast.tsx

@@ -17,6 +17,7 @@ const ToastViewport = React.forwardRef<
       "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
       className
     )}
+    tabIndex={-1}
     {...props}
   />
 ))
@@ -47,6 +48,7 @@ const Toast = React.forwardRef<
     <ToastPrimitives.Root
       ref={ref}
       className={cn(toastVariants({ variant }), className)}
+      tabIndex={-1}
       {...props}
     />
   )
@@ -63,6 +65,7 @@ const ToastAction = React.forwardRef<
       "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
       className
     )}
+    tabIndex={-1}
     {...props}
   />
 ))
@@ -79,6 +82,7 @@ const ToastClose = React.forwardRef<
       className
     )}
     toast-close=""
+    tabIndex={-1}
     {...props}
   >
     <Cross2Icon className="h-4 w-4" />
@@ -93,6 +97,7 @@ const ToastTitle = React.forwardRef<
   <ToastPrimitives.Title
     ref={ref}
     className={cn("text-sm font-semibold [&+div]:text-xs", className)}
+    tabIndex={-1}
     {...props}
   />
 ))
@@ -106,6 +111,7 @@ const ToastDescription = React.forwardRef<
     ref={ref}
     className={cn("text-sm opacity-90", className)}
     {...props}
+    tabIndex={-1}
   />
 ))
 ToastDescription.displayName = ToastPrimitives.Description.displayName