From 559d014b294ad9719a16ddd93d4780ee633aa65b Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Tue, 19 Aug 2025 14:18:41 +0800
Subject: [PATCH] chore: use api return truncate

---
 .../components/workflow/panel/workflow-preview.tsx   |  3 +++
 web/app/components/workflow/run/index.tsx            |  3 +++
 web/app/components/workflow/run/result-panel.tsx     | 12 ++++++++++--
 web/app/components/workflow/types.ts                 |  5 +++++
 web/models/log.ts                                    |  5 +++++
 web/types/workflow.ts                                |  5 +++++
 6 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/web/app/components/workflow/panel/workflow-preview.tsx b/web/app/components/workflow/panel/workflow-preview.tsx
index 2c797e05d6..3ca221243c 100644
--- a/web/app/components/workflow/panel/workflow-preview.tsx
+++ b/web/app/components/workflow/panel/workflow-preview.tsx
@@ -184,7 +184,10 @@ const WorkflowPreview = () => {
           {currentTab === 'DETAIL' && (
             <ResultPanel
               inputs={workflowRunningData?.result?.inputs}
+              inputs_truncated={workflowRunningData?.result?.inputs_truncated}
               outputs={workflowRunningData?.result?.outputs}
+              outputs_truncated={workflowRunningData?.result?.outputs_truncated}
+              outputs_full_content={workflowRunningData?.result?.outputs_full_content}
               status={workflowRunningData?.result?.status || ''}
               error={workflowRunningData?.result?.error}
               elapsed_time={workflowRunningData?.result?.elapsed_time}
diff --git a/web/app/components/workflow/run/index.tsx b/web/app/components/workflow/run/index.tsx
index 8b996032e2..efc3e1b400 100644
--- a/web/app/components/workflow/run/index.tsx
+++ b/web/app/components/workflow/run/index.tsx
@@ -147,7 +147,10 @@ const RunPanel: FC<RunProps> = ({ hideResult, activeTab = 'RESULT', runID, getRe
         {!loading && currentTab === 'DETAIL' && runDetail && (
           <ResultPanel
             inputs={runDetail.inputs}
+            inputs_truncated={runDetail.inputs_truncated}
             outputs={runDetail.outputs}
+            outputs_truncated={runDetail.outputs_truncated}
+            outputs_full_content={runDetail.outputs_full_content}
             status={runDetail.status}
             error={runDetail.error}
             elapsed_time={runDetail.elapsed_time}
diff --git a/web/app/components/workflow/run/result-panel.tsx b/web/app/components/workflow/run/result-panel.tsx
index 618e1efc50..8f4e481d00 100644
--- a/web/app/components/workflow/run/result-panel.tsx
+++ b/web/app/components/workflow/run/result-panel.tsx
@@ -21,8 +21,13 @@ import LargeDataAlert from '../variable-inspect/large-data-alert'
 export type ResultPanelProps = {
   nodeInfo?: NodeTracing
   inputs?: string
+  inputs_truncated?: boolean
   process_data?: string
   outputs?: string | Record<string, any>
+  outputs_truncated?: boolean
+  outputs_full_content?: {
+    download_url: string
+  }
   status: string
   error?: string
   elapsed_time?: number
@@ -43,8 +48,11 @@ export type ResultPanelProps = {
 const ResultPanel: FC<ResultPanelProps> = ({
   nodeInfo,
   inputs,
+  inputs_truncated,
   process_data,
   outputs,
+  outputs_truncated,
+  outputs_full_content,
   status,
   error,
   elapsed_time,
@@ -119,7 +127,7 @@ const ResultPanel: FC<ResultPanelProps> = ({
           language={CodeLanguage.json}
           value={inputs}
           isJSONStringifyBeauty
-          footer={<LargeDataAlert textHasNoExport className='mx-1 mb-1 mt-2' />}
+          footer={inputs_truncated && <LargeDataAlert textHasNoExport className='mx-1 mb-1 mt-2' />}
         />
         {process_data && (
           <CodeEditor
@@ -138,7 +146,7 @@ const ResultPanel: FC<ResultPanelProps> = ({
             value={outputs}
             isJSONStringifyBeauty
             tip={<ErrorHandleTip type={execution_metadata?.error_strategy} />}
-            footer={<LargeDataAlert textHasNoExport downloadUrl='xxx' className='mx-1 mb-1 mt-2' />}
+            footer={outputs_truncated && <LargeDataAlert textHasNoExport downloadUrl={outputs_full_content?.download_url} className='mx-1 mb-1 mt-2' />}
           />
         )}
       </div>
diff --git a/web/app/components/workflow/types.ts b/web/app/components/workflow/types.ts
index 371352771d..7d27f59665 100644
--- a/web/app/components/workflow/types.ts
+++ b/web/app/components/workflow/types.ts
@@ -375,8 +375,13 @@ export type WorkflowRunningData = {
   result: {
     workflow_id?: string
     inputs?: string
+    inputs_truncated: boolean
     process_data?: string
     outputs?: string
+    outputs_truncated: boolean
+    outputs_full_content?: {
+      download_url: string
+    }
     status: string
     error?: string
     elapsed_time?: number
diff --git a/web/models/log.ts b/web/models/log.ts
index 31bcaa727c..eff46372d0 100644
--- a/web/models/log.ts
+++ b/web/models/log.ts
@@ -285,8 +285,13 @@ export type WorkflowRunDetailResponse = {
     viewport?: Viewport
   }
   inputs: string
+  inputs_truncated: boolean
   status: 'running' | 'succeeded' | 'failed' | 'stopped'
   outputs?: string
+  outputs_truncated: boolean
+  outputs_full_content?: {
+    download_url: string
+  }
   error?: string
   elapsed_time?: number
   total_tokens?: number
diff --git a/web/types/workflow.ts b/web/types/workflow.ts
index d1d59374d1..795c8af7bf 100644
--- a/web/types/workflow.ts
+++ b/web/types/workflow.ts
@@ -37,8 +37,13 @@ export type NodeTracing = {
   node_type: BlockEnum
   title: string
   inputs: any
+  inputs_truncated: boolean
   process_data: any
   outputs?: Record<string, any>
+  outputs_truncated: boolean
+  outputs_full_content?: {
+    download_url: string
+  }
   status: string
   parallel_run_id?: string
   error?: string