@@ -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 >
@@ -608,7 +620,7 @@ const MOCK_KB_DATA = [
608620
609621const MD_COMPONENTS : Components = {
610622 h1 : ( { children } ) => (
611- < h1 className = 'mb-4 border-[var(--surface-6)] border-b pb-2 font-semibold text-[var(--text-primary)] text-[20px ]' >
623+ < h1 className = 'mb-4 border-[var(--surface-6)] border-b pb-2 font-semibold text-[20px] text-[ var(--text-primary)]' >
612624 { children }
613625 </ h1 >
614626 ) ,
@@ -622,7 +634,9 @@ const MD_COMPONENTS: Components = {
622634 li : ( { children } ) => (
623635 < li className = 'mb-1 text-[var(--text-primary)] text-sm leading-[1.6]' > { children } </ li >
624636 ) ,
625- p : ( { children } ) => < p className = 'mb-3 text-[var(--text-primary)] text-sm leading-[1.6]' > { children } </ p > ,
637+ p : ( { children } ) => (
638+ < p className = 'mb-3 text-[var(--text-primary)] text-sm leading-[1.6]' > { children } </ p >
639+ ) ,
626640}
627641
628642function MockFullFiles ( ) {
@@ -635,7 +649,9 @@ function MockFullFiles() {
635649 < File className = 'h-[14px] w-[14px] text-[var(--text-subtle)]' />
636650 < span className = 'text-[var(--text-subtle)] text-small' > Files</ span >
637651 < span className = 'text-[var(--surface-7)] text-small' > /</ span >
638- < span className = 'font-medium text-[var(--text-primary)] text-small' > meeting-notes.md</ span >
652+ < span className = 'font-medium text-[var(--text-primary)] text-small' >
653+ meeting-notes.md
654+ </ span >
639655 </ div >
640656 </ div >
641657
@@ -935,7 +951,9 @@ function MockFullLogs({ revealedRows }: { revealedRows: number }) {
935951 </ span >
936952 </ td >
937953 < td className = 'px-6 py-2.5 align-middle' >
938- < span className = 'font-medium text-[var(--text-subtle)] text-sm' > { row [ 1 ] } </ span >
954+ < span className = 'font-medium text-[var(--text-subtle)] text-sm' >
955+ { row [ 1 ] }
956+ </ span >
939957 </ td >
940958 < td className = 'px-6 py-2.5 align-middle' >
941959 < span
@@ -946,15 +964,19 @@ function MockFullLogs({ revealedRows }: { revealedRows: number }) {
946964 </ span >
947965 </ td >
948966 < td className = 'px-6 py-2.5 align-middle' >
949- < span className = 'font-medium text-[var(--text-subtle)] text-sm' > { row [ 3 ] } </ span >
967+ < span className = 'font-medium text-[var(--text-subtle)] text-sm' >
968+ { row [ 3 ] }
969+ </ span >
950970 </ td >
951971 < td className = 'px-6 py-2.5 align-middle' >
952972 < span className = 'rounded-sm bg-[var(--surface-4)] px-1.5 py-0.5 text-[var(--text-secondary)] text-xs' >
953973 { row [ 4 ] }
954974 </ span >
955975 </ td >
956976 < td className = 'px-6 py-2.5 align-middle' >
957- < span className = 'font-medium text-[var(--text-subtle)] text-sm' > { row [ 5 ] } </ span >
977+ < span className = 'font-medium text-[var(--text-subtle)] text-sm' >
978+ { row [ 5 ] }
979+ </ span >
958980 </ td >
959981 </ motion . tr >
960982 )
@@ -1047,7 +1069,9 @@ function MockLogDetailsSidebar({ selectedRow, onPrev, onNext }: MockLogDetailsSi
10471069 backgroundClip : 'padding-box' ,
10481070 } }
10491071 />
1050- < span className = 'truncate font-medium text-[var(--text-secondary)] text-small' > { row [ 0 ] } </ span >
1072+ < span className = 'truncate font-medium text-[var(--text-secondary)] text-small' >
1073+ { row [ 0 ] }
1074+ </ span >
10511075 </ div >
10521076 </ div >
10531077 </ div >
@@ -1075,7 +1099,9 @@ function MockLogDetailsSidebar({ selectedRow, onPrev, onNext }: MockLogDetailsSi
10751099 </ div >
10761100
10771101 < div className = 'flex flex-col gap-1.5 rounded-md border border-[var(--surface-6)] bg-[var(--surface-1)] px-2.5 py-2' >
1078- < span className = 'font-medium text-[var(--text-subtle)] text-caption' > Workflow Output</ span >
1102+ < span className = 'font-medium text-[var(--text-subtle)] text-caption' >
1103+ Workflow Output
1104+ </ span >
10791105 < div className = 'rounded-md bg-[var(--surface-4)] p-2.5 font-mono text-[#555] text-xs leading-[1.5]' >
10801106 { detail . output }
10811107 </ div >
@@ -1085,10 +1111,7 @@ function MockLogDetailsSidebar({ selectedRow, onPrev, onNext }: MockLogDetailsSi
10851111 < span className = 'font-medium text-[var(--text-subtle)] text-caption' > Trace Spans</ span >
10861112 < div className = 'flex flex-col gap-1.5' >
10871113 { detail . spans . map ( ( span , i ) => (
1088- < div
1089- key = { i }
1090- className = { cn ( 'flex flex-col gap-[3px]' , span . depth === 1 && 'ml-3' ) }
1091- >
1114+ < div key = { i } className = { cn ( 'flex flex-col gap-[3px]' , span . depth === 1 && 'ml-3' ) } >
10921115 < div className = 'flex items-center justify-between' >
10931116 < span className = 'font-mono text-[#555] text-xs' > { span . name } </ span >
10941117 < span className = 'font-medium text-[var(--text-subtle)] text-xs' > { span . ms } ms</ span >
@@ -1199,7 +1222,9 @@ function MockFullTable({ revealedRows }: { revealedRows: number }) {
11991222 ) }
12001223 />
12011224 ) }
1202- < span className = 'block truncate text-[var(--text-primary)] text-small' > { cell } </ span >
1225+ < span className = 'block truncate text-[var(--text-primary)] text-small' >
1226+ { cell }
1227+ </ span >
12031228 </ td >
12041229 ) ) }
12051230 </ motion . tr >
0 commit comments