NotificationsYou must be signed in to change notification settings
Fork1.1k
Star11.6k

Commitf559e51

authored

feat: addduration to the Request Logs details (#20756)

This pull-request simply implements a new field within our `RequestLog`s details view where-in we describe back to the user how long theirrequest took based on the `end_date - start_date` in a human-like way.Users can hover the value to see the `title=` for the true value.<img width="2358" height="936" alt="CleanShot 2025-11-13 at 11 51 56@2x"src="https://github.com/user-attachments/assets/f69c87cd-2735-4e03-9fc8-ae0f4d94b5d1"/>

1 parenta8f2a8a commitf559e51Copy full SHA for f559e51

File tree

1 file changed

+17

-0

lines changed

site/src/pages/AIGovernancePage/RequestLogsPage/RequestLogsRow
- RequestLogsRow.tsx

1 file changed

+17

-0

lines changed

`‎site/src/pages/AIGovernancePage/RequestLogsPage/RequestLogsRow/RequestLogsRow.tsx‎`

Lines changed: 17 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,7 @@ import {`
`15`	`15`	`}from"lucide-react";`
`16`	`16`	`import{typeFC,Fragment,useState}from"react";`
`17`	`17`	`import{cn}from"utils/cn";`
	`18`	`+import{humanDuration}from"utils/time";`
`18`	`19`
`19`	`20`	`typeRequestLogsRowProps={`
`20`	`21`	`interception:AIBridgeInterception;`
`@@ -34,6 +35,13 @@ export const RequestLogsRow: FC<RequestLogsRowProps> = ({ interception }) => {`
`34`	`35`	`0,`
`35`	`36`	`);`
`36`	`37`	`consttoolCalls=interception.tool_usages.length;`
	`38`	`+constduration=`
	`39`	`+interception.ended_at&&`
	`40`	`+Math.max(`
	`41`	`+0,`
	`42`	`+newDate(interception.ended_at).getTime()-`
	`43`	`+newDate(interception.started_at).getTime(),`
	`44`	`+);`
`37`	`45`
`38`	`46`	`return(`
`39`	`47`	`<>`
`@@ -123,6 +131,15 @@ export const RequestLogsRow: FC<RequestLogsRowProps> = ({ interception }) => {`
`123`	`131`	`</>`
`124`	`132`	`)}`
`125`	`133`
	`134`	`+{(duration\|\|duration===0)&&(`
	`135`	`+<>`
	`136`	`+<dt>Duration:</dt>`
	`137`	`+<ddtitle={duration.toString()}data-chromatic="ignore">`
	`138`	`+{humanDuration(duration)}`
	`139`	`+</dd>`
	`140`	`+</>`
	`141`	`+)}`
	`142`	`+`
`126`	`143`	`<dt>Initiator:</dt>`
`127`	`144`	`<dddata-chromatic="ignore">`
`128`	`145`	`{interception.initiator.username}`

0 commit comments

Comments

(0)

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commitf559e51

File tree

1 file changed

1 file changed

`‎site/src/pages/AIGovernancePage/RequestLogsPage/RequestLogsRow/RequestLogsRow.tsx‎`

0 commit comments