diff --git a/web/app/components/workflow/panel/record.tsx b/web/app/components/workflow/panel/record.tsx
index f88a3f681d..467dc707bf 100644
--- a/web/app/components/workflow/panel/record.tsx
+++ b/web/app/components/workflow/panel/record.tsx
@@ -4,18 +4,19 @@ import { useStore } from '../store'
 import { XClose } from '@/app/components/base/icons/src/vender/line/general'
 
 const Record = () => {
+  const { runTaskId, setRunTaskId } = useStore()
   return (
     <div className='flex flex-col w-[400px] h-full rounded-2xl border-[0.5px] border-gray-200 shadow-xl bg-white'>
       <div className='flex items-center justify-between p-4 pb-1 text-base font-semibold text-gray-900'>
         Test Run#5
         <div
           className='flex items-center justify-center w-6 h-6 cursor-pointer'
-          onClick={() => useStore.setState({ runTaskId: '' })}
+          onClick={() => setRunTaskId('')}
         >
           <XClose className='w-4 h-4 text-gray-500' />
         </div>
       </div>
-      <Run activeTab='RESULT' appId='' />
+      <Run runID={runTaskId} />
     </div>
   )
 }
diff --git a/web/service/log.ts b/web/service/log.ts
index 50ef0c6bc9..4d26b47398 100644
--- a/web/service/log.ts
+++ b/web/service/log.ts
@@ -67,7 +67,7 @@ export const fetchWorkflowLogs: Fetcher<WorkflowLogsResponse, { url: string; par
 }
 
 export const fetchRunDetail = ({ appID, runID }: { appID: string; runID: string }) => {
-  return get<WorkflowRunDetailResponse>(`/apps/${appID}/workflow-run/${runID}`)
+  return get<WorkflowRunDetailResponse>(`/apps/${appID}/workflow-runs/${runID}`)
 }
 
 export const fetchTracingList: Fetcher<NodeTracingListResponse, { url: string }> = ({ url }) => {