问答助手完成子组件反对填写反馈建议模态框确认按钮loading加载，增加confirmLoading状态，并改确认事件为异步，传递至父组件

问答助手解决Popconfirm气泡确认框不触发的问题，为Dify二次开发问答助手前端的Tooltip导致及Popconfirm需在Button按钮的上一级才可触发，将Dify的Tooltip更换成Ant Design的Tooltip，此气泡确认框的作用为取消赞成及取消反对时进行确认，而不是直接取消

app/components/chat/answer/operation.tsx

@@ -3,6 +3,7 @@ import {
   memo,
   useMemo,
   useState,
+  useCallback
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import type { ChatItem } from '../../types'
@@ -19,8 +20,9 @@ import {
   ThumbsDown,
   ThumbsUp,
 } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
-import Tooltip from '@/app/components/base/tooltip'
+// import Tooltip from '@/app/components/base/tooltip'
 import Log from '@/app/components/chat/log'
+import { message, Popconfirm, Tooltip } from 'antd';
 
 interface OperationProps {
   item: ChatItem
@@ -80,6 +82,14 @@ const Operation: FC<OperationProps> = ({
     }
   }
 
+  const confirmCancelCallback = useCallback(async () => {
+    try {
+      await handleFeedback(null)
+    } finally {
+      message.success(localFeedback!.rating === 'like' ? `${t('appDebug.operation.cancelAgree')}成功` : `${t('appDebug.operation.cancelDisagree')}成功`)
+    }
+  }, [handleFeedback])
+
   const operationWidth = useMemo(() => {
     let width = 0
     if (!isOpeningStatement)
@@ -171,7 +181,7 @@ const Operation: FC<OperationProps> = ({
         {
           config?.supportFeedback && !localFeedback?.rating && onFeedback && !isOpeningStatement && (
             <div className='hidden group-hover:flex shrink-0 items-center px-0.5 bg-white border-[0.5px] border-gray-100 shadow-md text-gray-500 rounded-lg'>
-              <Tooltip popupContent={t('appDebug.operation.agree')}>
+              <Tooltip title={t('appDebug.operation.agree')}>
                 <div
                   className='flex items-center justify-center mr-0.5 w-6 h-6 rounded-md hover:bg-black/5 hover:text-gray-800 cursor-pointer'
                   onClick={() => handleFeedback('like')}
@@ -180,7 +190,7 @@ const Operation: FC<OperationProps> = ({
                 </div>
               </Tooltip>
               <Tooltip
-                popupContent={t('appDebug.operation.disagree')}
+                title={t('appDebug.operation.disagree')}
               >
                 <div
                   className='flex items-center justify-center w-6 h-6 rounded-md hover:bg-black/5 hover:text-gray-800 cursor-pointer'
@@ -195,27 +205,37 @@ const Operation: FC<OperationProps> = ({
         {
           config?.supportFeedback && localFeedback?.rating && onFeedback && !isOpeningStatement && (
             <Tooltip
-              popupContent={localFeedback.rating === 'like' ? t('appDebug.operation.cancelAgree') : t('appDebug.operation.cancelDisagree')}
+              title={localFeedback.rating === 'like' ? t('appDebug.operation.cancelAgree') : t('appDebug.operation.cancelDisagree')}
             >
-              <div
-                className={`
-                  flex items-center justify-center w-7 h-7 rounded-[10px] border-[2px] border-white cursor-pointer
-                  ${localFeedback.rating === 'like' && 'bg-blue-50 text-blue-600'}
-                  ${localFeedback.rating === 'dislike' && 'bg-red-100 text-red-600'}
-                `}
-                onClick={() => handleFeedback(null)}
+              <Popconfirm
+                  title={localFeedback.rating === 'like' ? t('appDebug.operation.cancelAgree') : t('appDebug.operation.cancelDisagree')}
+                  description={localFeedback.rating === 'like' ? `是否${t('appDebug.operation.cancelAgree')}？` : `是否${t('appDebug.operation.cancelDisagree')}？`}
+                  onConfirm={confirmCancelCallback}
+                  okText={`${t('common.operation.confirm')}`}
+                  cancelText={`${t('common.operation.cancel')}`}
               >
-                {
-                  localFeedback.rating === 'like' && (
-                    <ThumbsUp className='w-4 h-4' />
-                  )
-                }
-                {
-                  localFeedback.rating === 'dislike' && (
-                    <ThumbsDown className='w-4 h-4' />
-                  )
-                }
-              </div>
+                <button
+                  type="button"
+                  className={`
+                    flex items-center justify-center w-7 h-7 rounded-[10px] border-[2px] border-white cursor-pointer
+                    ${localFeedback.rating === 'like' && 'bg-blue-50 text-blue-600'}
+                    ${localFeedback.rating === 'dislike' && 'bg-red-100 text-red-600'}
+                  `}
+                  onClick={(e) => e.stopPropagation()}
+                >
+                  {
+                    localFeedback.rating === 'like' && (
+                      <ThumbsUp className='w-4 h-4' />
+                    )
+                  }
+                  {
+                    localFeedback.rating === 'dislike' && (
+                      <ThumbsDown className='w-4 h-4' />
+                    )
+                  }
+                </button>
+
+              </Popconfirm>
             </Tooltip>
           )
         }