feat: add api-based extension & external data tool & moderation (#1459)

web/app/components/app/chat/answer/index.tsx

@@ -22,6 +22,7 @@ import { Markdown } from '@/app/components/base/markdown'
 import AutoHeightTextarea from '@/app/components/base/auto-height-textarea'
 import Button from '@/app/components/base/button'
 import type { DataSet } from '@/models/datasets'
+
 const Divider: FC<{ name: string }> = ({ name }) => {
   const { t } = useTranslation()
   return <div className='flex items-center my-2'>
@@ -53,7 +54,22 @@ export type IAnswerProps = {
   isShowCitationHitInfo?: boolean
 }
 // The component needs to maintain its own state to control whether to display input component
-const Answer: FC<IAnswerProps> = ({ item, feedbackDisabled = false, isHideFeedbackEdit = false, onFeedback, onSubmitAnnotation, displayScene = 'web', isResponsing, answerIcon, thoughts, citation, isThinking, dataSets, isShowCitation, isShowCitationHitInfo = false }) => {
+const Answer: FC<IAnswerProps> = ({
+  item,
+  feedbackDisabled = false,
+  isHideFeedbackEdit = false,
+  onFeedback,
+  onSubmitAnnotation,
+  displayScene = 'web',
+  isResponsing,
+  answerIcon,
+  thoughts,
+  citation,
+  isThinking,
+  dataSets,
+  isShowCitation,
+  isShowCitationHitInfo = false,
+}) => {
   const { id, content, more, feedback, adminFeedback, annotation: initAnnotation } = item
   const [showEdit, setShowEdit] = useState(false)
   const [loading, setLoading] = useState(false)
@@ -62,7 +78,6 @@ const Answer: FC<IAnswerProps> = ({ item, feedbackDisabled = false, isHideFeedba
   const [localAdminFeedback, setLocalAdminFeedback] = useState<Feedbacktype | undefined | null>(adminFeedback)
   const { userProfile } = useContext(AppContext)
   const { t } = useTranslation()
-
   /**
  * Render feedback results (distinguish between users and administrators)
  * User reviews cannot be cancelled in Console

web/app/components/app/chat/style.module.css

@@ -59,6 +59,11 @@
   max-width: 100%;
 }
 
+.answer {
+  display: inline-block;
+  max-width: 100%;
+}
+
 .answerWrap:hover .copyBtn {
   display: block;
 }

web/app/components/app/chat/type.ts

@@ -73,3 +73,10 @@ export type MessageEnd = {
   id: string
   retriever_resources?: CitationItem[]
 }
+
+export type MessageReplace = {
+  id: string
+  task_id: string
+  answer: string
+  conversation_id: string
+}