fix(agent app): moderation feature can't work as expected (#16794)

web/app/components/base/chat/chat/answer/agent-content.tsx

@@ -11,10 +11,12 @@ import { getProcessedFilesFromResponse } from '@/app/components/base/file-upload
 type AgentContentProps = {
   item: ChatItem
   responding?: boolean
+  content?: string
 }
 const AgentContent: FC<AgentContentProps> = ({
   item,
   responding,
+  content,
 }) => {
   const {
     annotation,
@@ -26,7 +28,7 @@ const AgentContent: FC<AgentContentProps> = ({
 
   return (
     <div>
-      {agent_thoughts?.map((thought, index) => (
+      {content ? <Markdown content={content} /> : agent_thoughts?.map((thought, index) => (
         <div key={index} className='px-2 py-1'>
           {thought.thought && (
             <Markdown content={thought.thought} />

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

@@ -164,10 +164,11 @@ const Answer: FC<AnswerProps> = ({
               )
             }
             {
-              hasAgentThoughts && (
+              (hasAgentThoughts || content) && (
                 <AgentContent
                   item={item}
                   responding={responding}
+                  content={content}
                 />
               )
             }