@@ -460,9 +460,18 @@ function TableCardBody() {
460460 key = { i }
461461 className = 'flex items-center gap-1 border-[var(--surface-4)] border-b px-1.5 py-[3.5px]'
462462 >
463- < div className = 'h-[1.5px] rounded-full bg-[var(--divider)]' style = { { width : `${ row [ 0 ] } %` } } />
464- < div className = 'h-[1.5px] rounded-full bg-[var(--divider)]' style = { { width : `${ row [ 1 ] } %` } } />
465- < div className = 'h-[1.5px] rounded-full bg-[var(--divider)]' style = { { width : `${ row [ 2 ] } %` } } />
463+ < div
464+ className = 'h-[1.5px] rounded-full bg-[var(--divider)]'
465+ style = { { width : `${ row [ 0 ] } %` } }
466+ />
467+ < div
468+ className = 'h-[1.5px] rounded-full bg-[var(--divider)]'
469+ style = { { width : `${ row [ 1 ] } %` } }
470+ />
471+ < div
472+ className = 'h-[1.5px] rounded-full bg-[var(--divider)]'
473+ style = { { width : `${ row [ 2 ] } %` } }
474+ />
466475 </ div >
467476 ) ) }
468477 </ div >
@@ -506,7 +515,10 @@ function KnowledgeCardBody() {
506515 { KB_WIDTHS . map ( ( w , i ) => (
507516 < div key = { i } className = 'flex items-center gap-1' >
508517 < div className = 'h-[3px] w-[3px] flex-shrink-0 rounded-full bg-[var(--surface-7)]' />
509- < div className = 'h-[1.5px] rounded-full bg-[var(--surface-6)]' style = { { width : `${ w } %` } } />
518+ < div
519+ className = 'h-[1.5px] rounded-full bg-[var(--surface-6)]'
520+ style = { { width : `${ w } %` } }
521+ />
510522 </ div >
511523 ) ) }
512524 </ div >
@@ -625,7 +637,9 @@ const MD_COMPONENTS: Components = {
625637 li : ( { children } ) => (
626638 < li className = 'mb-1 text-[var(--text-primary)] text-sm leading-[1.6]' > { children } </ li >
627639 ) ,
628- p : ( { children } ) => < p className = 'mb-3 text-[var(--text-primary)] text-sm leading-[1.6]' > { children } </ p > ,
640+ p : ( { children } ) => (
641+ < p className = 'mb-3 text-[var(--text-primary)] text-sm leading-[1.6]' > { children } </ p >
642+ ) ,
629643}
630644
631645function MockFullFiles ( ) {
@@ -638,7 +652,9 @@ function MockFullFiles() {
638652 < File className = 'h-[14px] w-[14px] text-[var(--text-subtle)]' />
639653 < span className = 'text-[var(--text-subtle)] text-small' > Files</ span >
640654 < span className = 'text-[var(--surface-7)] text-small' > /</ span >
641- < span className = 'font-medium text-[var(--text-primary)] text-small' > meeting-notes.md</ span >
655+ < span className = 'font-medium text-[var(--text-primary)] text-small' >
656+ meeting-notes.md
657+ </ span >
642658 </ div >
643659 </ div >
644660
@@ -938,7 +954,9 @@ function MockFullLogs({ revealedRows }: { revealedRows: number }) {
938954 </ span >
939955 </ td >
940956 < td className = 'px-6 py-2.5 align-middle' >
941- < span className = 'font-medium text-[var(--text-subtle)] text-sm' > { row [ 1 ] } </ span >
957+ < span className = 'font-medium text-[var(--text-subtle)] text-sm' >
958+ { row [ 1 ] }
959+ </ span >
942960 </ td >
943961 < td className = 'px-6 py-2.5 align-middle' >
944962 < span
@@ -949,15 +967,19 @@ function MockFullLogs({ revealedRows }: { revealedRows: number }) {
949967 </ span >
950968 </ td >
951969 < td className = 'px-6 py-2.5 align-middle' >
952- < span className = 'font-medium text-[var(--text-subtle)] text-sm' > { row [ 3 ] } </ span >
970+ < span className = 'font-medium text-[var(--text-subtle)] text-sm' >
971+ { row [ 3 ] }
972+ </ span >
953973 </ td >
954974 < td className = 'px-6 py-2.5 align-middle' >
955975 < span className = 'rounded-sm bg-[var(--surface-4)] px-1.5 py-0.5 text-[var(--text-secondary)] text-xs' >
956976 { row [ 4 ] }
957977 </ span >
958978 </ td >
959979 < td className = 'px-6 py-2.5 align-middle' >
960- < span className = 'font-medium text-[var(--text-subtle)] text-sm' > { row [ 5 ] } </ span >
980+ < span className = 'font-medium text-[var(--text-subtle)] text-sm' >
981+ { row [ 5 ] }
982+ </ span >
961983 </ td >
962984 </ motion . tr >
963985 )
@@ -1050,7 +1072,9 @@ function MockLogDetailsSidebar({ selectedRow, onPrev, onNext }: MockLogDetailsSi
10501072 backgroundClip : 'padding-box' ,
10511073 } }
10521074 />
1053- < span className = 'truncate font-medium text-[var(--text-secondary)] text-small' > { row [ 0 ] } </ span >
1075+ < span className = 'truncate font-medium text-[var(--text-secondary)] text-small' >
1076+ { row [ 0 ] }
1077+ </ span >
10541078 </ div >
10551079 </ div >
10561080 </ div >
@@ -1078,7 +1102,9 @@ function MockLogDetailsSidebar({ selectedRow, onPrev, onNext }: MockLogDetailsSi
10781102 </ div >
10791103
10801104 < div className = 'flex flex-col gap-1.5 rounded-md border border-[var(--surface-6)] bg-[var(--surface-1)] px-2.5 py-2' >
1081- < span className = 'font-medium text-[var(--text-subtle)] text-caption' > Workflow Output</ span >
1105+ < span className = 'font-medium text-[var(--text-subtle)] text-caption' >
1106+ Workflow Output
1107+ </ span >
10821108 < div className = 'rounded-md bg-[var(--surface-4)] p-2.5 font-mono text-[#555] text-xs leading-[1.5]' >
10831109 { detail . output }
10841110 </ div >
@@ -1088,10 +1114,7 @@ function MockLogDetailsSidebar({ selectedRow, onPrev, onNext }: MockLogDetailsSi
10881114 < span className = 'font-medium text-[var(--text-subtle)] text-caption' > Trace Spans</ span >
10891115 < div className = 'flex flex-col gap-1.5' >
10901116 { detail . spans . map ( ( span , i ) => (
1091- < div
1092- key = { i }
1093- className = { cn ( 'flex flex-col gap-[3px]' , span . depth === 1 && 'ml-3' ) }
1094- >
1117+ < div key = { i } className = { cn ( 'flex flex-col gap-[3px]' , span . depth === 1 && 'ml-3' ) } >
10951118 < div className = 'flex items-center justify-between' >
10961119 < span className = 'font-mono text-[#555] text-xs' > { span . name } </ span >
10971120 < span className = 'font-medium text-[var(--text-subtle)] text-xs' > { span . ms } ms</ span >
@@ -1202,7 +1225,9 @@ function MockFullTable({ revealedRows }: { revealedRows: number }) {
12021225 ) }
12031226 />
12041227 ) }
1205- < span className = 'block truncate text-[var(--text-primary)] text-small' > { cell } </ span >
1228+ < span className = 'block truncate text-[var(--text-primary)] text-small' >
1229+ { cell }
1230+ </ span >
12061231 </ td >
12071232 ) ) }
12081233 </ motion . tr >
0 commit comments