From d72524ceb099c5452a1e33843d2ed5bd033fb5b9 Mon Sep 17 00:00:00 2001
From: JzoNg <jzongcode@gmail.com>
Date: Tue, 2 Apr 2024 17:16:07 +0800
Subject: [PATCH] hide result info in chatflow

---
 web/app/components/app/log/list.tsx           |  2 +-
 .../base/message-log-modal/index.tsx          |  2 +-
 web/app/components/workflow/run/index.tsx     | 19 +++++++++++--------
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/web/app/components/app/log/list.tsx b/web/app/components/app/log/list.tsx
index 8937da68b6..94e56e6e4e 100644
--- a/web/app/components/app/log/list.tsx
+++ b/web/app/components/app/log/list.tsx
@@ -96,7 +96,7 @@ const getFormattedChatList = (messages: ChatMessage[]) => {
       message_files: item.message_files?.filter((file: any) => file.belongs_to === 'assistant') || [],
       log: [
         ...item.message,
-        ...(item.message[item.message.length - 1].role !== 'assistant'
+        ...(item.message[item.message.length - 1]?.role !== 'assistant'
           ? [
             {
               role: 'assistant',
diff --git a/web/app/components/base/message-log-modal/index.tsx b/web/app/components/base/message-log-modal/index.tsx
index 0d5c57692c..01653736f3 100644
--- a/web/app/components/base/message-log-modal/index.tsx
+++ b/web/app/components/base/message-log-modal/index.tsx
@@ -57,7 +57,7 @@ const MessageLogModal: FC<MessageLogModalProps> = ({
       <span className='absolute right-3 top-4 p-1 cursor-pointer z-20' onClick={onCancel}>
         <XClose className='w-4 h-4 text-gray-500' />
       </span>
-      <Run runID={currentLogItem.workflow_run_id}/>
+      <Run hideResult activeTab='DETAIL' runID={currentLogItem.workflow_run_id}/>
     </div>
   )
 }
diff --git a/web/app/components/workflow/run/index.tsx b/web/app/components/workflow/run/index.tsx
index 82a59d8d82..c62c1804f5 100644
--- a/web/app/components/workflow/run/index.tsx
+++ b/web/app/components/workflow/run/index.tsx
@@ -15,12 +15,13 @@ import type { WorkflowRunDetailResponse } from '@/models/log'
 import { useStore as useAppStore } from '@/app/components/app/store'
 
 export type RunProps = {
+  hideResult?: boolean
   activeTab?: 'RESULT' | 'DETAIL' | 'TRACING'
   runID: string
   getResultCallback?: (result: WorkflowRunDetailResponse) => void
 }
 
-const RunPanel: FC<RunProps> = ({ activeTab = 'RESULT', runID, getResultCallback }) => {
+const RunPanel: FC<RunProps> = ({ hideResult, activeTab = 'RESULT', runID, getResultCallback }) => {
   const { t } = useTranslation()
   const { notify } = useContext(ToastContext)
   const [currentTab, setCurrentTab] = useState<string>(activeTab)
@@ -94,13 +95,15 @@ const RunPanel: FC<RunProps> = ({ activeTab = 'RESULT', runID, getResultCallback
     <div className='grow relative flex flex-col'>
       {/* tab */}
       <div className='shrink-0 flex items-center px-4 border-b-[0.5px] border-[rgba(0,0,0,0.05)]'>
-        <div
-          className={cn(
-            'mr-6 py-3 border-b-2 border-transparent text-[13px] font-semibold leading-[18px] text-gray-400 cursor-pointer',
-            currentTab === 'RESULT' && '!border-[rgb(21,94,239)] text-gray-700',
-          )}
-          onClick={() => switchTab('RESULT')}
-        >{t('runLog.result')}</div>
+        {!hideResult && (
+          <div
+            className={cn(
+              'mr-6 py-3 border-b-2 border-transparent text-[13px] font-semibold leading-[18px] text-gray-400 cursor-pointer',
+              currentTab === 'RESULT' && '!border-[rgb(21,94,239)] text-gray-700',
+            )}
+            onClick={() => switchTab('RESULT')}
+          >{t('runLog.result')}</div>
+        )}
         <div
           className={cn(
             'mr-6 py-3 border-b-2 border-transparent text-[13px] font-semibold leading-[18px] text-gray-400 cursor-pointer',