fix: annotation remove functionality Fixes #21448 (#21616)

Co-authored-by: siqiuchen <siqiu.chen2@dentsplysirona.com>

web/app/components/app/log/list.tsx

@@ -191,6 +191,7 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
   const { userProfile: { timezone } } = useAppContext()
   const { formatTime } = useTimestamp()
   const { onClose, appDetail } = useContext(DrawerContext)
+  const { notify } = useContext(ToastContext)
   const { currentLogItem, setCurrentLogItem, showMessageLogModal, setShowMessageLogModal, showPromptLogModal, setShowPromptLogModal, currentLogModalActiveTab } = useAppStore(useShallow(state => ({
     currentLogItem: state.currentLogItem,
     setCurrentLogItem: state.setCurrentLogItem,
@@ -312,7 +313,15 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
       return item
     }))
   }, [allChatItems])
-  const handleAnnotationRemoved = useCallback((index: number) => {
+  const handleAnnotationRemoved = useCallback(async (index: number): Promise<boolean> => {
+    const annotation = allChatItems[index]?.annotation
+
+    try {
+      if (annotation?.id) {
+        const { delAnnotation } = await import('@/service/annotation')
+        await delAnnotation(appDetail?.id || '', annotation.id)
+      }
+
       setAllChatItems(allChatItems.map((item, i) => {
         if (i === index) {
           return {
@@ -323,7 +332,15 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
         }
         return item
       }))
-  }, [allChatItems])
+
+      notify({ type: 'success', message: t('common.actionMsg.modifiedSuccessfully') })
+      return true
+    }
+    catch {
+      notify({ type: 'error', message: t('common.actionMsg.modifiedUnsuccessfully') })
+      return false
+    }
+  }, [allChatItems, appDetail?.id, t])
 
   const fetchInitiated = useRef(false)