feat: add workflow run result page

web/app/(commonLayout)/app/(appDetailLayout)/[appId]/logs/[runId]/page.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import Main from '@/app/components/result'
+
+const Result = async ({ params }: { params: { appid: string, runId: string } }) => {
+  return (
+    <Main runID={params.runId}/>
+  )
+}
+
+export default Result

web/app/components/result/index.tsx

@@ -0,0 +1,21 @@
+'use client'
+import type { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import Run from '@/app/components/workflow/run'
+
+type ResultDetail = {
+  runID: string
+}
+
+const Result: FC<ResultDetail> = ({ runID }) => {
+  const { t } = useTranslation()
+
+  return (
+    <div className='h-full grow relative flex flex-col pt-3'>
+      <h1 className='shrink-0 px-4 py-1 text-text-primary system-xl-semibold'>{t('appLog.runDetail.workflowTitle')}</h1>
+      <Run runID={runID} activeTab="TRACING"/>
+    </div>
+  )
+}
+
+export default Result

web/app/components/run/text-generation/result/index.tsx

@@ -350,7 +350,7 @@ const Result: FC<IResultProps> = ({
     <TracingPanel
       className='bg-background-section-burn'
       list={workflowProcessData?.tracing || []}
-      ifForRun={true}
+      isForRun={true}
     />
     // <TextGenerationRes
     //   isWorkflow={isWorkflow}

web/app/components/workflow/run/index.tsx

@@ -162,6 +162,7 @@ const RunPanel: FC<RunProps> = ({ hideResult, activeTab = 'RESULT', runID, getRe
           <TracingPanel
             className='bg-background-section-burn'
             list={list}
+            isForRun
           />
         )}
       </div>

web/app/components/workflow/run/tracing-panel.tsx

@@ -24,7 +24,7 @@ type TracingPanelProps = {
   className?: string
   hideNodeInfo?: boolean
   hideNodeProcessDetail?: boolean
-  ifForRun?: boolean
+  isForRun?: boolean
 }
 
 const TracingPanel: FC<TracingPanelProps> = ({
@@ -32,7 +32,7 @@ const TracingPanel: FC<TracingPanelProps> = ({
   className,
   hideNodeInfo = false,
   hideNodeProcessDetail = false,
-  ifForRun = false,
+  isForRun = false,
 }) => {
   const { t } = useTranslation()
   const treeNodes = formatNodeList(list, t)
@@ -140,7 +140,7 @@ const TracingPanel: FC<TracingPanelProps> = ({
             {node?.parallelDetail?.branchTitle}
           </div>
           {
-            ifForRun ? <NodePanelForRun
+            isForRun ? <NodePanelForRun
               nodeInfo={node!}
               onShowIterationDetail={handleShowIterationResultList}
               onShowRetryDetail={handleShowRetryResultList}