Feat: Translate the text of the webhook debugging interface. #10427 (#12115)

### What problem does this PR solve?

Feat: Translate the text of the webhook debugging interface. #10427

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

Co-authored-by: balibabu <assassin_cike@163.com>

web/src/locales/en.ts

@@ -2129,6 +2129,9 @@ Important structured information may include: names, dates, locations, events, k
         requestBodyParameters: 'Request body parameters',
         immediately: 'Accepted response',
         streaming: 'Final response',
+        overview: 'Overview',
+        logs: 'Logs',
+        agentStatus: 'Agent status:',
       },
       saveToMemory: 'Save to memory',
       memory: 'Memory',

web/src/locales/zh.ts

@@ -1939,6 +1939,9 @@ Tokenizer 会根据所选方式将内容存储为对应的数据结构。`,
         queryParameters: '查询参数',
         headerParameters: '请求头参数',
         requestBodyParameters: '请求体参数',
+        overview: '概述',
+        logs: '日志',
+        agentStatus: '智能体状态：',
       },
       saveToMemory: '保存到Memory',
       memory: 'Memory',

web/src/pages/agent/webhook-sheet/index.tsx

@@ -32,7 +32,7 @@ const WebhookSheet = ({ hideModal }: RunSheetProps) => {
 
   const { data } = useFetchWebhookTrace(true);
 
-  const firstInput = data?.events.find(
+  const firstInput = data?.events?.find(
     (event) =>
       event.event === MessageEventType.NodeFinished &&
       event.data.component_id === BeginId,
@@ -74,6 +74,7 @@ const WebhookSheet = ({ hideModal }: RunSheetProps) => {
         </div>
 
         <section>
+          <span>{t('flow.webhook.agentStatus')}</span>
           <div
             className={cn({
               'text-state-error': statusInfo.status === 'fail',
@@ -90,14 +91,22 @@ const WebhookSheet = ({ hideModal }: RunSheetProps) => {
           className="flex-1  min-h-0 flex flex-col"
         >
           <TabsList className="w-fit">
-            <TabsTrigger value={WebhookTraceTabType.Detail}>Detail</TabsTrigger>
+            <TabsTrigger value={WebhookTraceTabType.Detail}>
+              {t('flow.webhook.overview')}
+            </TabsTrigger>
             <TabsTrigger value={WebhookTraceTabType.Tracing}>
-              Tracing
+              {t('flow.webhook.logs')}
             </TabsTrigger>
           </TabsList>
           <TabsContent value={WebhookTraceTabType.Detail}>
-            <JsonViewer data={firstInput || {}} title={'Input'}></JsonViewer>
+            <JsonViewer
-            <JsonViewer data={latestOutput || {}} title={'Output'}></JsonViewer>
+              data={firstInput || {}}
+              title={t('flow.input')}
+            ></JsonViewer>
+            <JsonViewer
+              data={latestOutput || {}}
+              title={t('flow.output')}
+            ></JsonViewer>
           </TabsContent>
           <TabsContent
             value={WebhookTraceTabType.Tracing}