@@ -81,12 +81,12 @@ function TypeIcon({ kind, size = 11 }: { kind: ColumnKind; size?: number }) {
8181function BridgeBar ( { bridge } : { bridge : BridgeInfo } ) {
8282 return (
8383 < >
84- < span className = "inline-flex items-center gap-1.5 whitespace-nowrap rounded-full bg-accent px-2.5 py-[3px] font-semibold text-xs text- accent-foreground [&_svg]:text-current" >
84+ < span className = "inline-flex items-center gap-1.5 whitespace-nowrap rounded-full bg-accent px-2.5 py-[3px] font-semibold text-accent-foreground text-xs [&_svg]:text-current" >
8585 < GitMerge size = { 15 } strokeWidth = { 1.85 } /> Bridge query
8686 </ span >
8787 { bridge . totalLag > 0 && (
8888 < span
89- className = { cn ( RES_STAT , 'whitespace-nowrap font-mono text-xs text- muted-foreground' ) }
89+ className = { cn ( RES_STAT , 'whitespace-nowrap font-mono text-muted-foreground text-xs ' ) }
9090 title = "Iceberg lag at query time"
9191 >
9292 < Waves size = { 13 } /> Iceberg { offStr ( bridge . totalLag ) } behind{ ' ' }
@@ -135,14 +135,12 @@ function BridgeTimeline({ bridge }: { bridge: BridgeInfo }) {
135135 </ span >
136136 </ div >
137137 { /* .res-bridge-tl-live: live-tail segment with the 45deg hatch overlay. */ }
138- < div
139- className = "relative w-[26%] overflow-hidden rounded-r-md border border-success border-l-0 bg-background-success-subtle after:absolute after:inset-0 after:content-[''] after:[background:repeating-linear-gradient(45deg,transparent,transparent_5px,var(--color-success-subtle)_5px,var(--color-success-subtle)_10px)]"
140- />
138+ < div className = "relative w-[26%] overflow-hidden rounded-r-md border border-success border-l-0 bg-background-success-subtle after:absolute after:inset-0 after:content-[''] after:[background:repeating-linear-gradient(45deg,transparent,transparent_5px,var(--color-success-subtle)_5px,var(--color-success-subtle)_10px)]" />
141139 </ >
142140 ) }
143141 </ div >
144142 { ! caught && (
145- < div className = "mt-6 text-xs text- muted-foreground leading-snug" >
143+ < div className = "mt-6 text-muted-foreground text-xs leading-snug" >
146144 Live tail covers < strong > { offStr ( bridge . totalLag ) } </ strong > not yet in Iceberg at query time —{ ' ' }
147145 < span className = "whitespace-nowrap font-semibold text-success before:mr-1 before:inline-block before:h-[7px] before:w-[7px] before:rounded-full before:bg-success before:align-baseline before:content-['']" >
148146 { fmtNum ( bridge . translationLag ) } pending translation
@@ -298,7 +296,7 @@ function SuccessGrid({ run }: { run: QueryRunSuccess }) {
298296 < thead >
299297 < tr >
300298 { /* .res-rownum (th): sticky row-number header, above body rownum cells. */ }
301- < th className = "sticky top-0 left-0 z-[3] w-[1%] whitespace-nowrap border-border border-b bg-muted px-4 py-2 text-right align-bottom font-mono text-xs text-disabled [user-select:none]" >
299+ < th className = "sticky top-0 left-0 z-[3] w-[1%] whitespace-nowrap border-border border-b bg-muted px-4 py-2 text-right align-bottom font-mono text-disabled text-xs [user-select:none]" >
302300 #
303301 </ th >
304302 { cols . map ( ( c ) => {
@@ -320,7 +318,7 @@ function SuccessGrid({ run }: { run: QueryRunSuccess }) {
320318 type = "button"
321319 >
322320 < span className = { cn ( 'flex items-center gap-1.5' , alignRight && 'flex-row-reverse' ) } >
323- < span className = "font-mono font-semibold text-xs text-strong " > { c . name } </ span >
321+ < span className = "font-mono font-semibold text-strong text-xs " > { c . name } </ span >
324322 < span
325323 className = { cn (
326324 'inline-flex h-[13px] w-[13px]' ,
@@ -359,23 +357,21 @@ function SuccessGrid({ run }: { run: QueryRunSuccess }) {
359357 >
360358 { /* .res-rownum (td): sticky row-number column; inherits the row
361359 surface so the stripe carries across and occludes scroll. */ }
362- < td className = "sticky left-0 w-[1%] whitespace-nowrap border-border-subtle border-b bg-inherit px-4 py-[7px] text-right font-mono text-xs text-disabled [user-select:none]" >
360+ < td className = "sticky left-0 w-[1%] whitespace-nowrap border-border-subtle border-b bg-inherit px-4 py-[7px] text-right font-mono text-disabled text-xs [user-select:none]" >
363361 { i + 1 }
364362 </ td >
365363 { cols . map ( ( c ) => {
366364 const v = r [ c . name ] ;
367365 return (
368366 < td
369367 className = { cn (
370- 'whitespace-nowrap border-border-subtle border-b px-4 py-[7px] font-mono text-xs text-foreground ' ,
368+ 'whitespace-nowrap border-border-subtle border-b px-4 py-[7px] font-mono text-foreground text-xs ' ,
371369 c . kind === 'num' && 'text-right'
372370 ) }
373371 key = { c . name }
374372 >
375373 { c . kind === 'bool' && typeof v === 'boolean' ? (
376- < span className = { cn ( 'font-semibold' , v ? 'text-success' : 'text-warning' ) } >
377- { String ( v ) }
378- </ span >
374+ < span className = { cn ( 'font-semibold' , v ? 'text-success' : 'text-warning' ) } > { String ( v ) } </ span >
379375 ) : v === null || v === undefined ? (
380376 < span className = "text-disabled italic" > NULL</ span >
381377 ) : (
@@ -391,7 +387,7 @@ function SuccessGrid({ run }: { run: QueryRunSuccess }) {
391387 </ div >
392388
393389 < div className = "flex flex-shrink-0 items-center justify-between border-border border-t bg-card px-4 py-2" >
394- < span className = "text-xs text- muted-foreground [font-variant-numeric:tabular-nums]" >
390+ < span className = "text-muted-foreground text-xs [font-variant-numeric:tabular-nums]" >
395391 Showing { fmtNum ( visible . length ) } of { fmtNum ( run . totalRows ) } rows
396392 </ span >
397393 { shown < sorted . length && (
@@ -413,13 +409,13 @@ export function SqlResults({ run, role, onAddTable }: SqlResultsProps) {
413409 < Terminal size = { 20 } />
414410 </ div >
415411 < div className = "mb-1.5 font-semibold text-sm text-strong" > Run a query to see results</ div >
416- < div className = "mx-auto max-w-[420px] text-sm text- muted-foreground leading-normal" >
412+ < div className = "mx-auto max-w-[420px] text-muted-foreground text-sm leading-normal" >
417413 Write a < code className = "rounded bg-muted px-[5px] py-px font-mono" > SELECT</ code > against a table in the
418414 catalog, then press{ ' ' }
419- < span className = "mx-0.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded border border-border bg-card px-1 font-mono text-xs text-strong " >
415+ < span className = "mx-0.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded border border-border bg-card px-1 font-mono text-strong text-xs " >
420416 ⌘
421417 </ span >
422- < span className = "mx-0.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded border border-border bg-card px-1 font-mono text-xs text-strong " >
418+ < span className = "mx-0.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded border border-border bg-card px-1 font-mono text-strong text-xs " >
423419 ↵
424420 </ span > { ' ' }
425421 or hit Run.
@@ -453,11 +449,11 @@ export function SqlResults({ run, role, onAddTable }: SqlResultsProps) {
453449 < CircleX size = { 18 } />
454450 < div >
455451 < div className = "font-semibold text-sm text-strong" > { run . title } </ div >
456- < div className = "mt-0.5 text-xs text- muted-foreground leading-normal" > { run . message } </ div >
452+ < div className = "mt-0.5 text-muted-foreground text-xs leading-normal" > { run . message } </ div >
457453 </ div >
458454 </ div >
459455 { run . hint && (
460- < div className = "flex items-center gap-3 text-sm text- muted-foreground" >
456+ < div className = "flex items-center gap-3 text-muted-foreground text-sm " >
461457 { run . hint }
462458 { run . hintAction && role === 'admin' && (
463459 < Button onClick = { onAddTable } size = "sm" variant = "primary" >
0 commit comments