@@ -33,6 +33,7 @@ import { formatTime2YMDHMS } from '@fastgpt/global/common/string/time';
3333import MyModal from '@fastgpt/web/components/common/MyModal' ;
3434import QuestionTip from '@fastgpt/web/components/common/MyTooltip/QuestionTip' ;
3535import SearchInput from '@fastgpt/web/components/common/Input/SearchInput' ;
36+ import { ChannelLogUsageType } from '@/global/aiproxy/type' ;
3637
3738type LogDetailType = {
3839 id : number ;
@@ -42,10 +43,10 @@ type LogDetailType = {
4243 duration : number ;
4344 request_at : string ;
4445 code : number ;
45- prompt_tokens : number ;
46- completion_tokens : number ;
46+ usage ?: ChannelLogUsageType ;
4747 endpoint : string ;
4848
49+ retry_times ?: number ;
4950 content ?: string ;
5051 request_body ?: string ;
5152 response_body ?: string ;
@@ -159,8 +160,7 @@ const ChannelLog = ({ Tab }: { Tab: React.ReactNode }) => {
159160 duration : durationSecond ,
160161 request_at : formatTime2YMDHMS ( item . request_at ) ,
161162 code : item . code ,
162- prompt_tokens : item . prompt_tokens ,
163- completion_tokens : item . completion_tokens ,
163+ usage : item . usage ,
164164 request_id : item . request_id ,
165165 endpoint : item . endpoint ,
166166 content : item . content
@@ -260,7 +260,7 @@ const ChannelLog = ({ Tab }: { Tab: React.ReactNode }) => {
260260 < Td > { item . channelName } </ Td >
261261 < Td > { item . model } </ Td >
262262 < Td >
263- { item . prompt_tokens } / { item . completion_tokens }
263+ { item . usage ?. input_tokens } / { item . usage ?. output_tokens }
264264 </ Td >
265265 < Td color = { item . duration > 10 ? 'red.600' : '' } > { item . duration . toFixed ( 2 ) } s</ Td >
266266 < Td color = { item . code === 200 ? 'green.600' : 'red.600' } >
@@ -297,6 +297,7 @@ const LogDetail = ({ data, onClose }: { data: LogDetailType; onClose: () => void
297297 const { t } = useTranslation ( ) ;
298298 const { data : detailData } = useRequest2 (
299299 async ( ) => {
300+ console . log ( data ) ;
300301 if ( data . code === 200 ) return data ;
301302 try {
302303 const res = await getLogDetail ( data . id ) ;
@@ -363,7 +364,7 @@ const LogDetail = ({ data, onClose }: { data: LogDetailType; onClose: () => void
363364 < Title > RequestID</ Title >
364365 < Container > { detailData ?. request_id } </ Container >
365366 </ GridItem >
366- < GridItem display = { 'flex' } borderBottomWidth = "1px" borderRightWidth = "1px" >
367+ < GridItem display = { 'flex' } borderBottomWidth = "1px" >
367368 < Title > { t ( 'account_model:channel_status' ) } </ Title >
368369 < Container color = { detailData . code === 200 ? 'green.600' : 'red.600' } >
369370 { detailData ?. code }
@@ -373,36 +374,42 @@ const LogDetail = ({ data, onClose }: { data: LogDetailType; onClose: () => void
373374 < Title > Endpoint</ Title >
374375 < Container > { detailData ?. endpoint } </ Container >
375376 </ GridItem >
376- < GridItem display = { 'flex' } borderBottomWidth = "1px" borderRightWidth = "1px" >
377+ < GridItem display = { 'flex' } borderBottomWidth = "1px" >
377378 < Title > { t ( 'account_model:channel_name' ) } </ Title >
378379 < Container > { detailData ?. channelName } </ Container >
379380 </ GridItem >
380381 < GridItem display = { 'flex' } borderBottomWidth = "1px" borderRightWidth = "1px" >
381382 < Title > { t ( 'account_model:request_at' ) } </ Title >
382383 < Container > { detailData ?. request_at } </ Container >
383384 </ GridItem >
384- < GridItem display = { 'flex' } borderBottomWidth = "1px" borderRightWidth = "1px" >
385+ < GridItem display = { 'flex' } borderBottomWidth = "1px" >
385386 < Title > { t ( 'account_model:duration' ) } </ Title >
386387 < Container > { detailData ?. duration . toFixed ( 2 ) } s</ Container >
387388 </ GridItem >
388389 < GridItem display = { 'flex' } borderBottomWidth = "1px" borderRightWidth = "1px" >
389390 < Title > { t ( 'account_model:model' ) } </ Title >
390391 < Container > { detailData ?. model } </ Container >
391392 </ GridItem >
392- < GridItem display = { 'flex' } borderBottomWidth = "1px" borderRightWidth = "1px" >
393+ < GridItem display = { 'flex' } borderBottomWidth = "1px" >
393394 < Title flex = { '0 0 150px' } > { t ( 'account_model:model_tokens' ) } </ Title >
394395 < Container >
395- { detailData ?. prompt_tokens } / { detailData ?. completion_tokens }
396+ { detailData ?. usage ?. input_tokens } / { detailData ?. usage ?. output_tokens }
396397 </ Container >
397398 </ GridItem >
399+ { detailData ?. retry_times !== undefined && (
400+ < GridItem display = { 'flex' } borderBottomWidth = "1px" colSpan = { 2 } >
401+ < Title > { t ( 'account_model:retry_times' ) } </ Title >
402+ < Container > { detailData ?. retry_times } </ Container >
403+ </ GridItem >
404+ ) }
398405 { detailData ?. content && (
399- < GridItem display = { 'flex' } borderBottomWidth = "1px" borderRightWidth = "1px" colSpan = { 2 } >
406+ < GridItem display = { 'flex' } borderBottomWidth = "1px" colSpan = { 2 } >
400407 < Title > Content</ Title >
401408 < Container > { detailData ?. content } </ Container >
402409 </ GridItem >
403410 ) }
404411 { detailData ?. request_body && (
405- < GridItem display = { 'flex' } borderBottomWidth = "1px" borderRightWidth = "1px" colSpan = { 2 } >
412+ < GridItem display = { 'flex' } borderBottomWidth = "1px" colSpan = { 2 } >
406413 < Title > Request Body</ Title >
407414 < Container userSelect = { 'all' } > { detailData ?. request_body } </ Container >
408415 </ GridItem >
0 commit comments