fix: update className for DialogBackdrop and add wrapperClassName to ConfirmModal

web/app/components/base/drawer/index.tsx

@@ -49,7 +49,7 @@ export default function Drawer({
       <div className={cn('flex h-screen w-screen justify-end', positionCenter && '!justify-center')}>
         {/* mask */}
         <DialogBackdrop
-          className={cn('fixed inset-0 z-[90]', mask && 'bg-black bg-opacity-30')}
+          className={cn('fixed inset-0 z-[90]', mask && 'bg-black/30')}
           onClick={() => {
             !clickOutsideNotOpen && onClose()
           }}

web/app/components/tools/workflow-tool/confirm-modal/index.tsx

@@ -22,6 +22,7 @@ const ConfirmModal = ({ show, onConfirm, onClose }: ConfirmModalProps) => {
       className={cn('w-[600px] max-w-[600px] p-8')}
       isShow={show}
       onClose={noop}
+      wrapperClassName='z-[100]'
     >
       <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onClose}>
         <RiCloseLine className='h-4 w-4 text-text-tertiary' />

web/service/fetch.ts

@@ -169,7 +169,7 @@ async function base<T>(url: string, options: FetchOptionType = {}, otherOptions:
         ...baseHooks.beforeRequest || [],
         isPublicAPI && beforeRequestPublicAuthorization,
         !isPublicAPI && !isMarketplaceAPI && beforeRequestAuthorization,
-      ].filter(Boolean),
+      ].filter((hook): hook is BeforeRequestHook => Boolean(hook)),
       afterResponse: [
         ...baseHooks.afterResponse || [],
         afterResponseErrorCode(otherOptions),