Skip to content

Add loading skeleton to the new trace viewer - #2164

Merged
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state
May 30, 2026
Merged

Add loading skeleton to the new trace viewer#2164
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

Adds a loading skeleton for the new trace viewer and a couple of related polish items.

  • Loading skeleton (trace-viewer-skeleton.tsx) — mirrors the real viewer's geometry (340px sidebar column, 1px gutter, h-10 rows, h-6 bars, 16px timeline inset, matching paddings/gaps) so there's no layout shift when real data arrives. Wired in via a new loading prop on NewTraceViewer, guarded by events.length === 0 so it doesn't flash over live content during revalidation.
  • Detail panel closed by defaultActiveSpanProvider no longer pre-selects the first span; the panel now opens only on user interaction.
  • Skeleton polish — no pulse animation, and dimensions tuned to be 1:1 with the real header/rows/bars.

Notes

@workflow/web only changes to pass the loading prop through from run-detail-view.tsx.

🤖 Generated with Claude Code

mitul-sand others added 3 commits May 29, 2026 14:48
@mitul-s
mitul-s requested a review from a team as a code ownerMay 29, 2026 18:50
@changeset-bot

changeset-botBot commented May 29, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 976bf0b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/nitroPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch
@workflow/nuxtPatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercelBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

📈 Comparing against baseline from main branch. Green 🟢 = faster, Red 🔺 = slower.

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro0.038s (-11.1% 🟢)1.005s (~)0.967s101.00x
💻 LocalExpress0.043s (-2.9%)1.005s (~)0.962s101.12x
🐘 PostgresNitro0.059s (-37.7% 🟢)1.012s (-3.0%)0.952s101.55x
🐘 PostgresExpress0.060s (+4.0%)1.013s (~)0.952s101.57x
💻 LocalNext.js (Turbopack)0.063s1.007s0.944s101.63x
🐘 PostgresNext.js (Turbopack)0.067s1.012s0.945s101.74x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.288s (+14.5% 🔺)2.200s (-5.7% 🟢)1.912s101.00x
▲ VercelNitro0.303s (-26.0% 🟢)2.466s (-1.7%)2.162s101.05x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.090s (-3.7%)2.006s (~)0.916s101.00x
💻 LocalExpress1.097s (-2.5%)2.006s (~)0.909s101.01x
🐘 PostgresNitro1.100s (-3.5%)2.009s (~)0.910s101.01x
🐘 PostgresExpress1.112s (-3.0%)2.011s (~)0.898s101.02x
💻 LocalNext.js (Turbopack)1.128s2.007s0.879s101.04x
🐘 PostgresNext.js (Turbopack)1.148s2.009s0.861s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro1.563s (-59.9% 🟢)3.962s (-32.9% 🟢)2.400s101.00x
▲ VercelNext.js (Turbopack)1.626s (-20.1% 🟢)4.279s (+11.7% 🔺)2.653s101.04x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro10.495s (-4.1%)11.021s (~)0.526s31.00x
🐘 PostgresNitro10.546s (-3.0%)11.020s (~)0.474s31.00x
🐘 PostgresExpress10.571s (-3.6%)11.021s (~)0.451s31.01x
💻 LocalExpress10.572s (-3.2%)11.024s (~)0.452s31.01x
💻 LocalNext.js (Turbopack)10.801s11.020s0.219s31.03x
🐘 PostgresNext.js (Turbopack)10.874s11.013s0.139s31.04x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.853s (-41.6% 🟢)15.528s (-38.2% 🟢)1.675s21.00x
▲ VercelNext.js (Turbopack)13.873s (-19.9% 🟢)16.129s (-16.9% 🟢)2.256s21.00x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.729s (-8.3% 🟢)14.026s (-6.7% 🟢)0.296s51.00x
💻 LocalNitro13.746s (-8.7% 🟢)14.027s (-12.5% 🟢)0.280s51.00x
🐘 PostgresExpress13.753s (-5.7% 🟢)14.021s (-6.7% 🟢)0.268s51.00x
🐘 PostgresNitro13.755s (-5.8% 🟢)14.016s (-6.7% 🟢)0.261s51.00x
💻 LocalNext.js (Turbopack)14.357s15.030s0.674s41.05x
🐘 PostgresNext.js (Turbopack)14.365s15.016s0.651s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.311s (-57.6% 🟢)24.861s (-54.5% 🟢)2.550s31.00x
▲ VercelNitro22.440s (-65.2% 🟢)24.716s (-62.9% 🟢)2.276s31.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro12.281s (-26.8% 🟢)13.024s (-23.5% 🟢)0.743s71.00x
🐘 PostgresNitro12.314s (-11.8% 🟢)13.017s (-9.0% 🟢)0.703s71.00x
💻 LocalExpress12.467s (-24.9% 🟢)13.025s (-23.5% 🟢)0.558s71.02x
🐘 PostgresExpress12.531s (-10.5% 🟢)13.021s (-10.8% 🟢)0.490s71.02x
💻 LocalNext.js (Turbopack)13.583s14.026s0.443s71.11x
🐘 PostgresNext.js (Turbopack)13.683s14.019s0.337s71.11x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)29.357s (-92.5% 🟢)31.409s (-92.1% 🟢)2.051s31.00x
▲ VercelNitro31.212s (-92.6% 🟢)33.406s (-92.1% 🟢)2.195s31.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.165s (-8.6% 🟢)2.007s (~)0.842s151.00x
💻 LocalNitro1.183s (-27.5% 🟢)2.005s (-3.3%)0.822s151.01x
🐘 PostgresExpress1.209s (-4.1%)2.075s (+3.3%)0.866s151.04x
💻 LocalExpress1.224s (-17.8% 🟢)2.005s (~)0.782s151.05x
🐘 PostgresNext.js (Turbopack)1.248s2.007s0.759s151.07x
💻 LocalNext.js (Turbopack)1.340s2.006s0.666s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.664s (-5.5% 🟢)4.279s (-1.0%)1.614s81.00x
▲ VercelNext.js (Turbopack)3.007s (-11.5% 🟢)5.176s (+4.9%)2.169s61.13x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.249s (-46.9% 🟢)2.007s (-33.3% 🟢)0.758s151.00x
🐘 PostgresExpress1.286s (-45.5% 🟢)2.007s (-33.3% 🟢)0.721s151.03x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.626s151.11x
💻 LocalExpress1.641s (-44.4% 🟢)2.006s (-41.9% 🟢)0.365s151.31x
💻 LocalNitro1.698s (-46.0% 🟢)2.006s (-48.4% 🟢)0.307s151.36x
💻 LocalNext.js (Turbopack)1.778s2.149s0.371s141.42x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.705s (-8.6% 🟢)5.605s (-5.3% 🟢)1.900s61.00x
▲ VercelNext.js (Turbopack)5.258s (-25.9% 🟢)7.301s (-18.0% 🟢)2.043s51.42x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.392s (-60.1% 🟢)2.009s (-49.9% 🟢)0.617s151.00x
🐘 PostgresNitro1.401s (-59.7% 🟢)2.008s (-49.9% 🟢)0.607s151.01x
🐘 PostgresNext.js (Turbopack)1.638s2.222s0.584s141.18x
💻 LocalNext.js (Turbopack)4.449s5.178s0.729s63.20x
💻 LocalExpress4.537s (-45.6% 🟢)5.012s (-44.5% 🟢)0.475s63.26x
💻 LocalNitro4.677s (-44.0% 🟢)5.345s (-40.7% 🟢)0.668s63.36x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.420s (+53.8% 🔺)8.369s (+51.2% 🔺)2.948s51.00x
▲ VercelNext.js (Turbopack)6.768s (-24.1% 🟢)9.514s (-13.2% 🟢)2.745s41.25x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.174s (-6.6% 🟢)2.008s (~)0.834s151.00x
🐘 PostgresExpress1.186s (-5.7% 🟢)2.009s (~)0.823s151.01x
🐘 PostgresNext.js (Turbopack)1.264s2.008s0.744s151.08x
💻 LocalNext.js (Turbopack)1.352s2.006s0.654s151.15x
💻 LocalExpress1.441s (-23.9% 🟢)2.006s (-15.1% 🟢)0.564s151.23x
💻 LocalNitro1.872s (~)2.392s (+2.2%)0.520s131.59x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.729s (+11.0% 🔺)5.355s (+28.4% 🔺)2.626s61.00x
▲ VercelNext.js (Turbopack)2.762s (-5.8% 🟢)4.391s (-5.4% 🟢)1.630s71.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.256s (-46.3% 🟢)2.008s (-33.3% 🟢)0.752s151.00x
🐘 PostgresExpress1.280s (-45.3% 🟢)2.010s (-33.3% 🟢)0.730s151.02x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.625s151.10x
💻 LocalExpress1.717s (-45.2% 🟢)2.006s (-46.7% 🟢)0.289s151.37x
💻 LocalNitro1.894s (-38.2% 🟢)2.294s (-41.0% 🟢)0.400s141.51x
💻 LocalNext.js (Turbopack)2.062s2.826s0.764s111.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.859s (+19.4% 🔺)5.564s (+9.6% 🔺)1.705s61.00x
▲ VercelNext.js (Turbopack)3.964s (+26.1% 🔺)5.826s (+28.8% 🔺)1.862s61.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresExpress1.409s (-59.7% 🟢)2.010s (-49.9% 🟢)0.600s151.01x
🐘 PostgresNext.js (Turbopack)1.631s2.074s0.444s151.17x
💻 LocalNext.js (Turbopack)4.652s5.012s0.360s63.34x
💻 LocalExpress4.671s (-46.9% 🟢)5.177s (-44.2% 🟢)0.506s63.36x
💻 LocalNitro5.028s (-45.0% 🟢)5.682s (-43.3% 🟢)0.654s63.62x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.247s (+3.0%)7.257s (+6.5% 🔺)2.010s51.00x
▲ VercelNext.js (Turbopack)6.992s (+3.5%)10.865s (+27.2% 🔺)3.874s41.33x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.537s (-34.5% 🟢)1.006s (~)0.469s601.00x
💻 LocalNitro0.578s (-41.1% 🟢)1.004s (-8.2% 🟢)0.427s601.07x
💻 LocalExpress0.588s (-40.3% 🟢)1.004s (-6.7% 🟢)0.416s601.09x
🐘 PostgresExpress0.593s (-29.3% 🟢)1.042s (+1.8%)0.448s581.10x
🐘 PostgresNext.js (Turbopack)0.806s1.007s0.201s601.50x
💻 LocalNext.js (Turbopack)0.851s1.004s0.153s601.58x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro6.352s (-71.2% 🟢)8.224s (-65.8% 🟢)1.872s81.00x
▲ VercelNext.js (Turbopack)6.722s (-53.7% 🟢)8.654s (-46.2% 🟢)1.932s71.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.293s (-32.9% 🟢)2.007s (-4.5%)0.714s451.00x
🐘 PostgresExpress1.347s (-31.9% 🟢)2.008s (-11.1% 🟢)0.661s451.04x
💻 LocalNitro1.449s (-52.2% 🟢)2.028s (-46.0% 🟢)0.579s451.12x
💻 LocalExpress1.486s (-50.7% 🟢)2.005s (-44.1% 🟢)0.519s451.15x
🐘 PostgresNext.js (Turbopack)1.918s2.076s0.157s441.48x
💻 LocalNext.js (Turbopack)2.075s2.976s0.901s311.60x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.823s (-65.0% 🟢)16.783s (-59.4% 🟢)2.960s61.00x
▲ VercelNext.js (Turbopack)15.968s (-67.9% 🟢)17.976s (-65.2% 🟢)2.008s61.16x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro2.628s (-36.0% 🟢)3.085s (-33.0% 🟢)0.457s391.00x
🐘 PostgresExpress2.646s (-33.7% 🟢)3.059s (-30.0% 🟢)0.413s401.01x
💻 LocalNitro3.139s (-66.2% 🟢)3.821s (-61.9% 🟢)0.682s321.19x
💻 LocalExpress3.194s (-65.3% 🟢)3.944s (-60.6% 🟢)0.750s311.22x
🐘 PostgresNext.js (Turbopack)3.762s4.011s0.249s301.43x
💻 LocalNext.js (Turbopack)4.288s5.010s0.723s241.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro27.581s (-71.5% 🟢)30.910s (-68.6% 🟢)3.329s41.00x
▲ VercelNext.js (Turbopack)30.147s (-71.9% 🟢)33.228s (-69.5% 🟢)3.081s41.09x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.208s (-26.4% 🟢)1.006s (~)0.797s601.00x
🐘 PostgresExpress0.220s (-22.2% 🟢)1.006s (~)0.786s601.05x
🐘 PostgresNext.js (Turbopack)0.258s1.006s0.748s601.24x
💻 LocalNitro0.434s (-28.3% 🟢)1.004s (-1.7%)0.570s602.08x
💻 LocalExpress0.449s (-19.9% 🟢)1.021s (+1.7%)0.572s592.15x
💻 LocalNext.js (Turbopack)0.642s1.058s0.416s573.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.241s (+34.9% 🔺)4.256s (+27.0% 🔺)2.015s151.00x
▲ VercelNext.js (Turbopack)2.408s (+19.0% 🔺)4.071s (+7.3% 🔺)1.664s151.07x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.324s (-34.8% 🟢)1.006s (~)0.682s901.00x
🐘 PostgresExpress0.348s (-31.8% 🟢)1.006s (~)0.659s901.07x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.48x
💻 LocalExpress2.042s (-18.7% 🟢)2.536s (-15.7% 🟢)0.493s366.31x
💻 LocalNitro2.051s (-19.2% 🟢)2.579s (-14.3% 🟢)0.528s356.34x
💻 LocalNext.js (Turbopack)2.361s3.044s0.683s307.29x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.759s (+47.5% 🔺)6.997s (+45.1% 🔺)2.239s131.00x
▲ VercelNext.js (Turbopack)5.647s (+59.7% 🔺)7.727s (+48.8% 🔺)2.080s121.19x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.651s (-17.6% 🟢)1.007s (~)0.355s1201.00x
🐘 PostgresExpress0.672s (-17.9% 🟢)1.006s (-1.1%)0.334s1201.03x
🐘 PostgresNext.js (Turbopack)0.979s1.622s0.642s751.50x
💻 LocalExpress9.051s (-19.1% 🟢)9.560s (-19.9% 🟢)0.509s1313.90x
💻 LocalNitro9.448s (-15.6% 🟢)10.025s (-14.0% 🟢)0.578s1314.51x
💻 LocalNext.js (Turbopack)10.472s11.300s0.828s1116.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.043s (+68.9% 🔺)15.147s (+61.1% 🔺)2.104s81.00x
▲ VercelNext.js (Turbopack)13.465s (+30.4% 🔺)16.107s (+31.1% 🔺)2.642s91.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.151s (+478.1% 🔺)2.005s (+99.6% 🔺)0.010s (-15.7% 🟢)2.017s (+98.1% 🔺)0.866s101.00x
💻 LocalNitro1.155s (+440.4% 🔺)2.005s (+99.6% 🔺)0.011s (-15.2% 🟢)2.018s (+98.0% 🔺)0.863s101.00x
🐘 PostgresNitro1.158s (+465.0% 🔺)1.999s (+100.0% 🔺)0.001s (-26.7% 🟢)2.010s (+98.8% 🔺)0.852s101.01x
🐘 PostgresExpress1.177s (+474.0% 🔺)2.002s (+100.4% 🔺)0.001s (-25.0% 🟢)2.010s (+98.8% 🔺)0.833s101.02x
💻 LocalNext.js (Turbopack)1.206s2.003s0.010s2.017s0.811s101.05x
🐘 PostgresNext.js (Turbopack)1.259s2.001s0.002s2.010s0.751s101.09x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.358s (-65.6% 🟢)4.472s (-48.3% 🟢)1.538s (+143.5% 🔺)6.496s (-33.6% 🟢)4.138s101.00x
▲ VercelNitro2.411s (-37.1% 🟢)4.533s (-14.1% 🟢)13.114s (+1667.1% 🔺)18.421s (+184.1% 🔺)16.010s101.02x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.557s (+85.7% 🔺)2.009s (+98.5% 🔺)0.010s (+8.1% 🔺)2.021s (+81.1% 🔺)0.464s301.00x
🐘 PostgresNitro1.574s (+152.2% 🔺)1.999s (+98.6% 🔺)0.004s (-6.5% 🟢)2.024s (+97.9% 🔺)0.450s301.01x
🐘 PostgresExpress1.593s (+152.8% 🔺)2.009s (+99.6% 🔺)0.004s (+2.7%)2.026s (+98.1% 🔺)0.434s301.02x
🐘 PostgresNext.js (Turbopack)1.728s2.010s0.004s2.024s0.295s301.11x
💻 LocalExpress1.744s (+130.4% 🔺)2.009s (+95.2% 🔺)0.010s (+5.1% 🔺)2.199s (+111.5% 🔺)0.455s281.12x
💻 LocalNext.js (Turbopack)1.911s2.007s0.011s2.201s0.290s281.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.946s (-79.8% 🟢)7.619s (-75.3% 🟢)0.184s (+64.6% 🔺)8.313s (-73.8% 🟢)2.367s81.00x
▲ VercelNext.js (Turbopack)6.140s (-63.7% 🟢)7.636s (-58.1% 🟢)0.275s (+30.1% 🔺)8.424s (-55.5% 🟢)2.285s81.03x
▲ VercelExpress⚠️missing-----

🔍 Observability: Nitro | Next.js (Turbopack)

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.706s (-26.5% 🟢)1.051s (-17.7% 🟢)0.000s (+21.1% 🔺)1.065s (-18.5% 🟢)0.359s571.00x
🐘 PostgresNitro0.715s (-26.2% 🟢)0.994s (-20.3% 🟢)0.000s (+62.7% 🔺)1.025s (-18.5% 🟢)0.310s591.01x
🐘 PostgresNext.js (Turbopack)0.818s1.054s0.000s1.061s0.243s571.16x
💻 LocalExpress1.345s (+9.8% 🔺)2.012s (~)0.000s (~)2.014s (~)0.669s301.90x
💻 LocalNitro1.383s (+13.1% 🔺)2.014s (~)0.000s (+133.3% 🔺)2.016s (~)0.633s301.96x
💻 LocalNext.js (Turbopack)1.532s2.013s0.000s2.017s0.485s302.17x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)3.491s (-65.7% 🟢)5.213s (-54.7% 🟢)0.000s (+Infinity% 🔺)6.146s (-49.0% 🟢)2.655s101.00x
▲ VercelNitro156.095s (+5017.2% 🔺)157.810s (+3492.6% 🔺)0.000s (-100.0% 🟢)158.430s (+3194.5% 🔺)2.335s244.71x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

fan-out fan-in 10 streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.280s (-28.6% 🟢)2.031s (-5.1% 🟢)0.000s (-6.7% 🟢)2.053s (-5.6% 🟢)0.773s301.00x
🐘 PostgresExpress1.521s (-14.1% 🟢)2.222s (+2.0%)0.000s (+Infinity% 🔺)2.233s (+1.6%)0.712s271.19x
🐘 PostgresNext.js (Turbopack)1.708s2.225s0.000s2.232s0.524s271.33x
💻 LocalExpress2.972s (-14.3% 🟢)3.671s (-9.0% 🟢)0.001s (+2.9%)3.676s (-8.9% 🟢)0.704s172.32x
💻 LocalNitro3.089s (-8.8% 🟢)3.828s (-5.1% 🟢)0.001s (+52.3% 🔺)3.844s (-4.8%)0.754s162.41x
💻 LocalNext.js (Turbopack)3.260s3.839s0.001s3.842s0.583s162.55x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.514s (+34.7% 🔺)7.010s (+30.4% 🔺)0.000s (-8.3% 🟢)7.647s (+32.0% 🔺)2.133s81.00x
▲ VercelExpress⚠️missing-----
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNitro10/21
🐘 PostgresNitro18/21
▲ VercelNitro16/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres15/21
Next.js (Turbopack)🐘 Postgres15/21
Nitro🐘 Postgres14/21
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Redis + BullMQ: Community world (local development)
  • 🌐 Cloudflare: Community world (local development)
  • 🌐 MySQL: Community world (local development)
  • 🌐 Azure: Community world (local development)
  • 🌐 NATS JetStream: Community world (local development)
  • 🌐 Upstash: Community world (local development)

📋 View full workflow run


Some benchmark jobs failed:

  • Local: success
  • Postgres: success
  • Vercel: failure

Check the workflow run for details.

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

All tests passed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production126602191485
✅ 💻 Local Development167102191890
✅ 📦 Local Production167102191890
✅ 🐘 Local Postgres167102191890
✅ 🪟 Windows13500135
✅ 📋 Other7690176945
Total7183010528235

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro109026
✅ example109026
✅ express109026
✅ fastify109026
✅ hono109026
✅ nextjs-turbopack13302
✅ nextjs-webpack13302
✅ nitro109026
✅ nuxt109026
✅ sveltekit12807
✅ vite109026
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack13500
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable110025
✅ e2e-local-dev-tanstack-start-110025
✅ e2e-local-postgres-nest-stable110025
✅ e2e-local-postgres-tanstack-start-110025
✅ e2e-local-prod-nest-stable110025
✅ e2e-local-prod-tanstack-start-110025
✅ e2e-vercel-prod-tanstack-start109026

📋 View full workflow run

Lets consumers render the trace viewer loading skeleton standalone
(e.g. front's run-detail page during the initial run fetch).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for 0606949 (AI decision).

This commit adds a loading skeleton for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The run-detail-view.tsx change just passes a loading prop to the NewTraceViewer component, which is also not used on stable. The change specifically builds on main-only behavior and has nothing to backport to.

To override, re-run the Backport to stable workflow manually via workflow_dispatch and paste this commit SHA into the ref input:

0606949e4a5c79b8382da5ece916501e85202e92

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@mitul-s@karthikscale3
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Add loading skeleton to the new trace viewer by mitul-s · Pull Request #2164 · vercel/workflow · GitHub
Skip to content

Add loading skeleton to the new trace viewer - #2164

Merged
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state
May 30, 2026
Merged

Add loading skeleton to the new trace viewer#2164
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

Adds a loading skeleton for the new trace viewer and a couple of related polish items.

  • Loading skeleton (trace-viewer-skeleton.tsx) — mirrors the real viewer's geometry (340px sidebar column, 1px gutter, h-10 rows, h-6 bars, 16px timeline inset, matching paddings/gaps) so there's no layout shift when real data arrives. Wired in via a new loading prop on NewTraceViewer, guarded by events.length === 0 so it doesn't flash over live content during revalidation.
  • Detail panel closed by defaultActiveSpanProvider no longer pre-selects the first span; the panel now opens only on user interaction.
  • Skeleton polish — no pulse animation, and dimensions tuned to be 1:1 with the real header/rows/bars.

Notes

@workflow/web only changes to pass the loading prop through from run-detail-view.tsx.

🤖 Generated with Claude Code

mitul-sand others added 3 commits May 29, 2026 14:48
@mitul-s
mitul-s requested a review from a team as a code ownerMay 29, 2026 18:50
@changeset-bot

changeset-botBot commented May 29, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 976bf0b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/nitroPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch
@workflow/nuxtPatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercelBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

📈 Comparing against baseline from main branch. Green 🟢 = faster, Red 🔺 = slower.

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro0.038s (-11.1% 🟢)1.005s (~)0.967s101.00x
💻 LocalExpress0.043s (-2.9%)1.005s (~)0.962s101.12x
🐘 PostgresNitro0.059s (-37.7% 🟢)1.012s (-3.0%)0.952s101.55x
🐘 PostgresExpress0.060s (+4.0%)1.013s (~)0.952s101.57x
💻 LocalNext.js (Turbopack)0.063s1.007s0.944s101.63x
🐘 PostgresNext.js (Turbopack)0.067s1.012s0.945s101.74x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.288s (+14.5% 🔺)2.200s (-5.7% 🟢)1.912s101.00x
▲ VercelNitro0.303s (-26.0% 🟢)2.466s (-1.7%)2.162s101.05x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.090s (-3.7%)2.006s (~)0.916s101.00x
💻 LocalExpress1.097s (-2.5%)2.006s (~)0.909s101.01x
🐘 PostgresNitro1.100s (-3.5%)2.009s (~)0.910s101.01x
🐘 PostgresExpress1.112s (-3.0%)2.011s (~)0.898s101.02x
💻 LocalNext.js (Turbopack)1.128s2.007s0.879s101.04x
🐘 PostgresNext.js (Turbopack)1.148s2.009s0.861s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro1.563s (-59.9% 🟢)3.962s (-32.9% 🟢)2.400s101.00x
▲ VercelNext.js (Turbopack)1.626s (-20.1% 🟢)4.279s (+11.7% 🔺)2.653s101.04x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro10.495s (-4.1%)11.021s (~)0.526s31.00x
🐘 PostgresNitro10.546s (-3.0%)11.020s (~)0.474s31.00x
🐘 PostgresExpress10.571s (-3.6%)11.021s (~)0.451s31.01x
💻 LocalExpress10.572s (-3.2%)11.024s (~)0.452s31.01x
💻 LocalNext.js (Turbopack)10.801s11.020s0.219s31.03x
🐘 PostgresNext.js (Turbopack)10.874s11.013s0.139s31.04x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.853s (-41.6% 🟢)15.528s (-38.2% 🟢)1.675s21.00x
▲ VercelNext.js (Turbopack)13.873s (-19.9% 🟢)16.129s (-16.9% 🟢)2.256s21.00x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.729s (-8.3% 🟢)14.026s (-6.7% 🟢)0.296s51.00x
💻 LocalNitro13.746s (-8.7% 🟢)14.027s (-12.5% 🟢)0.280s51.00x
🐘 PostgresExpress13.753s (-5.7% 🟢)14.021s (-6.7% 🟢)0.268s51.00x
🐘 PostgresNitro13.755s (-5.8% 🟢)14.016s (-6.7% 🟢)0.261s51.00x
💻 LocalNext.js (Turbopack)14.357s15.030s0.674s41.05x
🐘 PostgresNext.js (Turbopack)14.365s15.016s0.651s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.311s (-57.6% 🟢)24.861s (-54.5% 🟢)2.550s31.00x
▲ VercelNitro22.440s (-65.2% 🟢)24.716s (-62.9% 🟢)2.276s31.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro12.281s (-26.8% 🟢)13.024s (-23.5% 🟢)0.743s71.00x
🐘 PostgresNitro12.314s (-11.8% 🟢)13.017s (-9.0% 🟢)0.703s71.00x
💻 LocalExpress12.467s (-24.9% 🟢)13.025s (-23.5% 🟢)0.558s71.02x
🐘 PostgresExpress12.531s (-10.5% 🟢)13.021s (-10.8% 🟢)0.490s71.02x
💻 LocalNext.js (Turbopack)13.583s14.026s0.443s71.11x
🐘 PostgresNext.js (Turbopack)13.683s14.019s0.337s71.11x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)29.357s (-92.5% 🟢)31.409s (-92.1% 🟢)2.051s31.00x
▲ VercelNitro31.212s (-92.6% 🟢)33.406s (-92.1% 🟢)2.195s31.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.165s (-8.6% 🟢)2.007s (~)0.842s151.00x
💻 LocalNitro1.183s (-27.5% 🟢)2.005s (-3.3%)0.822s151.01x
🐘 PostgresExpress1.209s (-4.1%)2.075s (+3.3%)0.866s151.04x
💻 LocalExpress1.224s (-17.8% 🟢)2.005s (~)0.782s151.05x
🐘 PostgresNext.js (Turbopack)1.248s2.007s0.759s151.07x
💻 LocalNext.js (Turbopack)1.340s2.006s0.666s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.664s (-5.5% 🟢)4.279s (-1.0%)1.614s81.00x
▲ VercelNext.js (Turbopack)3.007s (-11.5% 🟢)5.176s (+4.9%)2.169s61.13x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.249s (-46.9% 🟢)2.007s (-33.3% 🟢)0.758s151.00x
🐘 PostgresExpress1.286s (-45.5% 🟢)2.007s (-33.3% 🟢)0.721s151.03x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.626s151.11x
💻 LocalExpress1.641s (-44.4% 🟢)2.006s (-41.9% 🟢)0.365s151.31x
💻 LocalNitro1.698s (-46.0% 🟢)2.006s (-48.4% 🟢)0.307s151.36x
💻 LocalNext.js (Turbopack)1.778s2.149s0.371s141.42x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.705s (-8.6% 🟢)5.605s (-5.3% 🟢)1.900s61.00x
▲ VercelNext.js (Turbopack)5.258s (-25.9% 🟢)7.301s (-18.0% 🟢)2.043s51.42x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.392s (-60.1% 🟢)2.009s (-49.9% 🟢)0.617s151.00x
🐘 PostgresNitro1.401s (-59.7% 🟢)2.008s (-49.9% 🟢)0.607s151.01x
🐘 PostgresNext.js (Turbopack)1.638s2.222s0.584s141.18x
💻 LocalNext.js (Turbopack)4.449s5.178s0.729s63.20x
💻 LocalExpress4.537s (-45.6% 🟢)5.012s (-44.5% 🟢)0.475s63.26x
💻 LocalNitro4.677s (-44.0% 🟢)5.345s (-40.7% 🟢)0.668s63.36x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.420s (+53.8% 🔺)8.369s (+51.2% 🔺)2.948s51.00x
▲ VercelNext.js (Turbopack)6.768s (-24.1% 🟢)9.514s (-13.2% 🟢)2.745s41.25x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.174s (-6.6% 🟢)2.008s (~)0.834s151.00x
🐘 PostgresExpress1.186s (-5.7% 🟢)2.009s (~)0.823s151.01x
🐘 PostgresNext.js (Turbopack)1.264s2.008s0.744s151.08x
💻 LocalNext.js (Turbopack)1.352s2.006s0.654s151.15x
💻 LocalExpress1.441s (-23.9% 🟢)2.006s (-15.1% 🟢)0.564s151.23x
💻 LocalNitro1.872s (~)2.392s (+2.2%)0.520s131.59x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.729s (+11.0% 🔺)5.355s (+28.4% 🔺)2.626s61.00x
▲ VercelNext.js (Turbopack)2.762s (-5.8% 🟢)4.391s (-5.4% 🟢)1.630s71.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.256s (-46.3% 🟢)2.008s (-33.3% 🟢)0.752s151.00x
🐘 PostgresExpress1.280s (-45.3% 🟢)2.010s (-33.3% 🟢)0.730s151.02x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.625s151.10x
💻 LocalExpress1.717s (-45.2% 🟢)2.006s (-46.7% 🟢)0.289s151.37x
💻 LocalNitro1.894s (-38.2% 🟢)2.294s (-41.0% 🟢)0.400s141.51x
💻 LocalNext.js (Turbopack)2.062s2.826s0.764s111.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.859s (+19.4% 🔺)5.564s (+9.6% 🔺)1.705s61.00x
▲ VercelNext.js (Turbopack)3.964s (+26.1% 🔺)5.826s (+28.8% 🔺)1.862s61.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresExpress1.409s (-59.7% 🟢)2.010s (-49.9% 🟢)0.600s151.01x
🐘 PostgresNext.js (Turbopack)1.631s2.074s0.444s151.17x
💻 LocalNext.js (Turbopack)4.652s5.012s0.360s63.34x
💻 LocalExpress4.671s (-46.9% 🟢)5.177s (-44.2% 🟢)0.506s63.36x
💻 LocalNitro5.028s (-45.0% 🟢)5.682s (-43.3% 🟢)0.654s63.62x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.247s (+3.0%)7.257s (+6.5% 🔺)2.010s51.00x
▲ VercelNext.js (Turbopack)6.992s (+3.5%)10.865s (+27.2% 🔺)3.874s41.33x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.537s (-34.5% 🟢)1.006s (~)0.469s601.00x
💻 LocalNitro0.578s (-41.1% 🟢)1.004s (-8.2% 🟢)0.427s601.07x
💻 LocalExpress0.588s (-40.3% 🟢)1.004s (-6.7% 🟢)0.416s601.09x
🐘 PostgresExpress0.593s (-29.3% 🟢)1.042s (+1.8%)0.448s581.10x
🐘 PostgresNext.js (Turbopack)0.806s1.007s0.201s601.50x
💻 LocalNext.js (Turbopack)0.851s1.004s0.153s601.58x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro6.352s (-71.2% 🟢)8.224s (-65.8% 🟢)1.872s81.00x
▲ VercelNext.js (Turbopack)6.722s (-53.7% 🟢)8.654s (-46.2% 🟢)1.932s71.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.293s (-32.9% 🟢)2.007s (-4.5%)0.714s451.00x
🐘 PostgresExpress1.347s (-31.9% 🟢)2.008s (-11.1% 🟢)0.661s451.04x
💻 LocalNitro1.449s (-52.2% 🟢)2.028s (-46.0% 🟢)0.579s451.12x
💻 LocalExpress1.486s (-50.7% 🟢)2.005s (-44.1% 🟢)0.519s451.15x
🐘 PostgresNext.js (Turbopack)1.918s2.076s0.157s441.48x
💻 LocalNext.js (Turbopack)2.075s2.976s0.901s311.60x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.823s (-65.0% 🟢)16.783s (-59.4% 🟢)2.960s61.00x
▲ VercelNext.js (Turbopack)15.968s (-67.9% 🟢)17.976s (-65.2% 🟢)2.008s61.16x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro2.628s (-36.0% 🟢)3.085s (-33.0% 🟢)0.457s391.00x
🐘 PostgresExpress2.646s (-33.7% 🟢)3.059s (-30.0% 🟢)0.413s401.01x
💻 LocalNitro3.139s (-66.2% 🟢)3.821s (-61.9% 🟢)0.682s321.19x
💻 LocalExpress3.194s (-65.3% 🟢)3.944s (-60.6% 🟢)0.750s311.22x
🐘 PostgresNext.js (Turbopack)3.762s4.011s0.249s301.43x
💻 LocalNext.js (Turbopack)4.288s5.010s0.723s241.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro27.581s (-71.5% 🟢)30.910s (-68.6% 🟢)3.329s41.00x
▲ VercelNext.js (Turbopack)30.147s (-71.9% 🟢)33.228s (-69.5% 🟢)3.081s41.09x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.208s (-26.4% 🟢)1.006s (~)0.797s601.00x
🐘 PostgresExpress0.220s (-22.2% 🟢)1.006s (~)0.786s601.05x
🐘 PostgresNext.js (Turbopack)0.258s1.006s0.748s601.24x
💻 LocalNitro0.434s (-28.3% 🟢)1.004s (-1.7%)0.570s602.08x
💻 LocalExpress0.449s (-19.9% 🟢)1.021s (+1.7%)0.572s592.15x
💻 LocalNext.js (Turbopack)0.642s1.058s0.416s573.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.241s (+34.9% 🔺)4.256s (+27.0% 🔺)2.015s151.00x
▲ VercelNext.js (Turbopack)2.408s (+19.0% 🔺)4.071s (+7.3% 🔺)1.664s151.07x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.324s (-34.8% 🟢)1.006s (~)0.682s901.00x
🐘 PostgresExpress0.348s (-31.8% 🟢)1.006s (~)0.659s901.07x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.48x
💻 LocalExpress2.042s (-18.7% 🟢)2.536s (-15.7% 🟢)0.493s366.31x
💻 LocalNitro2.051s (-19.2% 🟢)2.579s (-14.3% 🟢)0.528s356.34x
💻 LocalNext.js (Turbopack)2.361s3.044s0.683s307.29x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.759s (+47.5% 🔺)6.997s (+45.1% 🔺)2.239s131.00x
▲ VercelNext.js (Turbopack)5.647s (+59.7% 🔺)7.727s (+48.8% 🔺)2.080s121.19x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.651s (-17.6% 🟢)1.007s (~)0.355s1201.00x
🐘 PostgresExpress0.672s (-17.9% 🟢)1.006s (-1.1%)0.334s1201.03x
🐘 PostgresNext.js (Turbopack)0.979s1.622s0.642s751.50x
💻 LocalExpress9.051s (-19.1% 🟢)9.560s (-19.9% 🟢)0.509s1313.90x
💻 LocalNitro9.448s (-15.6% 🟢)10.025s (-14.0% 🟢)0.578s1314.51x
💻 LocalNext.js (Turbopack)10.472s11.300s0.828s1116.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.043s (+68.9% 🔺)15.147s (+61.1% 🔺)2.104s81.00x
▲ VercelNext.js (Turbopack)13.465s (+30.4% 🔺)16.107s (+31.1% 🔺)2.642s91.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.151s (+478.1% 🔺)2.005s (+99.6% 🔺)0.010s (-15.7% 🟢)2.017s (+98.1% 🔺)0.866s101.00x
💻 LocalNitro1.155s (+440.4% 🔺)2.005s (+99.6% 🔺)0.011s (-15.2% 🟢)2.018s (+98.0% 🔺)0.863s101.00x
🐘 PostgresNitro1.158s (+465.0% 🔺)1.999s (+100.0% 🔺)0.001s (-26.7% 🟢)2.010s (+98.8% 🔺)0.852s101.01x
🐘 PostgresExpress1.177s (+474.0% 🔺)2.002s (+100.4% 🔺)0.001s (-25.0% 🟢)2.010s (+98.8% 🔺)0.833s101.02x
💻 LocalNext.js (Turbopack)1.206s2.003s0.010s2.017s0.811s101.05x
🐘 PostgresNext.js (Turbopack)1.259s2.001s0.002s2.010s0.751s101.09x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.358s (-65.6% 🟢)4.472s (-48.3% 🟢)1.538s (+143.5% 🔺)6.496s (-33.6% 🟢)4.138s101.00x
▲ VercelNitro2.411s (-37.1% 🟢)4.533s (-14.1% 🟢)13.114s (+1667.1% 🔺)18.421s (+184.1% 🔺)16.010s101.02x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.557s (+85.7% 🔺)2.009s (+98.5% 🔺)0.010s (+8.1% 🔺)2.021s (+81.1% 🔺)0.464s301.00x
🐘 PostgresNitro1.574s (+152.2% 🔺)1.999s (+98.6% 🔺)0.004s (-6.5% 🟢)2.024s (+97.9% 🔺)0.450s301.01x
🐘 PostgresExpress1.593s (+152.8% 🔺)2.009s (+99.6% 🔺)0.004s (+2.7%)2.026s (+98.1% 🔺)0.434s301.02x
🐘 PostgresNext.js (Turbopack)1.728s2.010s0.004s2.024s0.295s301.11x
💻 LocalExpress1.744s (+130.4% 🔺)2.009s (+95.2% 🔺)0.010s (+5.1% 🔺)2.199s (+111.5% 🔺)0.455s281.12x
💻 LocalNext.js (Turbopack)1.911s2.007s0.011s2.201s0.290s281.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.946s (-79.8% 🟢)7.619s (-75.3% 🟢)0.184s (+64.6% 🔺)8.313s (-73.8% 🟢)2.367s81.00x
▲ VercelNext.js (Turbopack)6.140s (-63.7% 🟢)7.636s (-58.1% 🟢)0.275s (+30.1% 🔺)8.424s (-55.5% 🟢)2.285s81.03x
▲ VercelExpress⚠️missing-----

🔍 Observability: Nitro | Next.js (Turbopack)

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.706s (-26.5% 🟢)1.051s (-17.7% 🟢)0.000s (+21.1% 🔺)1.065s (-18.5% 🟢)0.359s571.00x
🐘 PostgresNitro0.715s (-26.2% 🟢)0.994s (-20.3% 🟢)0.000s (+62.7% 🔺)1.025s (-18.5% 🟢)0.310s591.01x
🐘 PostgresNext.js (Turbopack)0.818s1.054s0.000s1.061s0.243s571.16x
💻 LocalExpress1.345s (+9.8% 🔺)2.012s (~)0.000s (~)2.014s (~)0.669s301.90x
💻 LocalNitro1.383s (+13.1% 🔺)2.014s (~)0.000s (+133.3% 🔺)2.016s (~)0.633s301.96x
💻 LocalNext.js (Turbopack)1.532s2.013s0.000s2.017s0.485s302.17x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)3.491s (-65.7% 🟢)5.213s (-54.7% 🟢)0.000s (+Infinity% 🔺)6.146s (-49.0% 🟢)2.655s101.00x
▲ VercelNitro156.095s (+5017.2% 🔺)157.810s (+3492.6% 🔺)0.000s (-100.0% 🟢)158.430s (+3194.5% 🔺)2.335s244.71x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

fan-out fan-in 10 streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.280s (-28.6% 🟢)2.031s (-5.1% 🟢)0.000s (-6.7% 🟢)2.053s (-5.6% 🟢)0.773s301.00x
🐘 PostgresExpress1.521s (-14.1% 🟢)2.222s (+2.0%)0.000s (+Infinity% 🔺)2.233s (+1.6%)0.712s271.19x
🐘 PostgresNext.js (Turbopack)1.708s2.225s0.000s2.232s0.524s271.33x
💻 LocalExpress2.972s (-14.3% 🟢)3.671s (-9.0% 🟢)0.001s (+2.9%)3.676s (-8.9% 🟢)0.704s172.32x
💻 LocalNitro3.089s (-8.8% 🟢)3.828s (-5.1% 🟢)0.001s (+52.3% 🔺)3.844s (-4.8%)0.754s162.41x
💻 LocalNext.js (Turbopack)3.260s3.839s0.001s3.842s0.583s162.55x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.514s (+34.7% 🔺)7.010s (+30.4% 🔺)0.000s (-8.3% 🟢)7.647s (+32.0% 🔺)2.133s81.00x
▲ VercelExpress⚠️missing-----
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNitro10/21
🐘 PostgresNitro18/21
▲ VercelNitro16/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres15/21
Next.js (Turbopack)🐘 Postgres15/21
Nitro🐘 Postgres14/21
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Redis + BullMQ: Community world (local development)
  • 🌐 Cloudflare: Community world (local development)
  • 🌐 MySQL: Community world (local development)
  • 🌐 Azure: Community world (local development)
  • 🌐 NATS JetStream: Community world (local development)
  • 🌐 Upstash: Community world (local development)

📋 View full workflow run


Some benchmark jobs failed:

  • Local: success
  • Postgres: success
  • Vercel: failure

Check the workflow run for details.

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

All tests passed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production126602191485
✅ 💻 Local Development167102191890
✅ 📦 Local Production167102191890
✅ 🐘 Local Postgres167102191890
✅ 🪟 Windows13500135
✅ 📋 Other7690176945
Total7183010528235

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro109026
✅ example109026
✅ express109026
✅ fastify109026
✅ hono109026
✅ nextjs-turbopack13302
✅ nextjs-webpack13302
✅ nitro109026
✅ nuxt109026
✅ sveltekit12807
✅ vite109026
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack13500
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable110025
✅ e2e-local-dev-tanstack-start-110025
✅ e2e-local-postgres-nest-stable110025
✅ e2e-local-postgres-tanstack-start-110025
✅ e2e-local-prod-nest-stable110025
✅ e2e-local-prod-tanstack-start-110025
✅ e2e-vercel-prod-tanstack-start109026

📋 View full workflow run

Lets consumers render the trace viewer loading skeleton standalone
(e.g. front's run-detail page during the initial run fetch).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for 0606949 (AI decision).

This commit adds a loading skeleton for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The run-detail-view.tsx change just passes a loading prop to the NewTraceViewer component, which is also not used on stable. The change specifically builds on main-only behavior and has nothing to backport to.

To override, re-run the Backport to stable workflow manually via workflow_dispatch and paste this commit SHA into the ref input:

0606949e4a5c79b8382da5ece916501e85202e92

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@mitul-s@karthikscale3
, 'i'); if (__m === '*' || __re.test(location.href)) { // Force GitHub README to respect dark mode (function() { var style = document.createElement('style'); style.textContent = ' .markdown-body { color-scheme: dark light; } .markdown-body pre { background: #161b22 !important; } .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; } .markdown-body table th, .markdown-body table td { border-color: #30363d !important; } .markdown-body img { background: #0d1117; } .markdown-body blockquote { border-left-color: #8b949e; } .markdown-body hr { border-color: #30363d; } '; document.head.appendChild(style); })(); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' Add loading skeleton to the new trace viewer by mitul-s · Pull Request #2164 · vercel/workflow · GitHub
Skip to content

Add loading skeleton to the new trace viewer - #2164

Merged
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state
May 30, 2026
Merged

Add loading skeleton to the new trace viewer#2164
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

Adds a loading skeleton for the new trace viewer and a couple of related polish items.

  • Loading skeleton (trace-viewer-skeleton.tsx) — mirrors the real viewer's geometry (340px sidebar column, 1px gutter, h-10 rows, h-6 bars, 16px timeline inset, matching paddings/gaps) so there's no layout shift when real data arrives. Wired in via a new loading prop on NewTraceViewer, guarded by events.length === 0 so it doesn't flash over live content during revalidation.
  • Detail panel closed by defaultActiveSpanProvider no longer pre-selects the first span; the panel now opens only on user interaction.
  • Skeleton polish — no pulse animation, and dimensions tuned to be 1:1 with the real header/rows/bars.

Notes

@workflow/web only changes to pass the loading prop through from run-detail-view.tsx.

🤖 Generated with Claude Code

mitul-sand others added 3 commits May 29, 2026 14:48
@mitul-s
mitul-s requested a review from a team as a code ownerMay 29, 2026 18:50
@changeset-bot

changeset-botBot commented May 29, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 976bf0b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/nitroPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch
@workflow/nuxtPatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercelBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

📈 Comparing against baseline from main branch. Green 🟢 = faster, Red 🔺 = slower.

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro0.038s (-11.1% 🟢)1.005s (~)0.967s101.00x
💻 LocalExpress0.043s (-2.9%)1.005s (~)0.962s101.12x
🐘 PostgresNitro0.059s (-37.7% 🟢)1.012s (-3.0%)0.952s101.55x
🐘 PostgresExpress0.060s (+4.0%)1.013s (~)0.952s101.57x
💻 LocalNext.js (Turbopack)0.063s1.007s0.944s101.63x
🐘 PostgresNext.js (Turbopack)0.067s1.012s0.945s101.74x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.288s (+14.5% 🔺)2.200s (-5.7% 🟢)1.912s101.00x
▲ VercelNitro0.303s (-26.0% 🟢)2.466s (-1.7%)2.162s101.05x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.090s (-3.7%)2.006s (~)0.916s101.00x
💻 LocalExpress1.097s (-2.5%)2.006s (~)0.909s101.01x
🐘 PostgresNitro1.100s (-3.5%)2.009s (~)0.910s101.01x
🐘 PostgresExpress1.112s (-3.0%)2.011s (~)0.898s101.02x
💻 LocalNext.js (Turbopack)1.128s2.007s0.879s101.04x
🐘 PostgresNext.js (Turbopack)1.148s2.009s0.861s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro1.563s (-59.9% 🟢)3.962s (-32.9% 🟢)2.400s101.00x
▲ VercelNext.js (Turbopack)1.626s (-20.1% 🟢)4.279s (+11.7% 🔺)2.653s101.04x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro10.495s (-4.1%)11.021s (~)0.526s31.00x
🐘 PostgresNitro10.546s (-3.0%)11.020s (~)0.474s31.00x
🐘 PostgresExpress10.571s (-3.6%)11.021s (~)0.451s31.01x
💻 LocalExpress10.572s (-3.2%)11.024s (~)0.452s31.01x
💻 LocalNext.js (Turbopack)10.801s11.020s0.219s31.03x
🐘 PostgresNext.js (Turbopack)10.874s11.013s0.139s31.04x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.853s (-41.6% 🟢)15.528s (-38.2% 🟢)1.675s21.00x
▲ VercelNext.js (Turbopack)13.873s (-19.9% 🟢)16.129s (-16.9% 🟢)2.256s21.00x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.729s (-8.3% 🟢)14.026s (-6.7% 🟢)0.296s51.00x
💻 LocalNitro13.746s (-8.7% 🟢)14.027s (-12.5% 🟢)0.280s51.00x
🐘 PostgresExpress13.753s (-5.7% 🟢)14.021s (-6.7% 🟢)0.268s51.00x
🐘 PostgresNitro13.755s (-5.8% 🟢)14.016s (-6.7% 🟢)0.261s51.00x
💻 LocalNext.js (Turbopack)14.357s15.030s0.674s41.05x
🐘 PostgresNext.js (Turbopack)14.365s15.016s0.651s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.311s (-57.6% 🟢)24.861s (-54.5% 🟢)2.550s31.00x
▲ VercelNitro22.440s (-65.2% 🟢)24.716s (-62.9% 🟢)2.276s31.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro12.281s (-26.8% 🟢)13.024s (-23.5% 🟢)0.743s71.00x
🐘 PostgresNitro12.314s (-11.8% 🟢)13.017s (-9.0% 🟢)0.703s71.00x
💻 LocalExpress12.467s (-24.9% 🟢)13.025s (-23.5% 🟢)0.558s71.02x
🐘 PostgresExpress12.531s (-10.5% 🟢)13.021s (-10.8% 🟢)0.490s71.02x
💻 LocalNext.js (Turbopack)13.583s14.026s0.443s71.11x
🐘 PostgresNext.js (Turbopack)13.683s14.019s0.337s71.11x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)29.357s (-92.5% 🟢)31.409s (-92.1% 🟢)2.051s31.00x
▲ VercelNitro31.212s (-92.6% 🟢)33.406s (-92.1% 🟢)2.195s31.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.165s (-8.6% 🟢)2.007s (~)0.842s151.00x
💻 LocalNitro1.183s (-27.5% 🟢)2.005s (-3.3%)0.822s151.01x
🐘 PostgresExpress1.209s (-4.1%)2.075s (+3.3%)0.866s151.04x
💻 LocalExpress1.224s (-17.8% 🟢)2.005s (~)0.782s151.05x
🐘 PostgresNext.js (Turbopack)1.248s2.007s0.759s151.07x
💻 LocalNext.js (Turbopack)1.340s2.006s0.666s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.664s (-5.5% 🟢)4.279s (-1.0%)1.614s81.00x
▲ VercelNext.js (Turbopack)3.007s (-11.5% 🟢)5.176s (+4.9%)2.169s61.13x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.249s (-46.9% 🟢)2.007s (-33.3% 🟢)0.758s151.00x
🐘 PostgresExpress1.286s (-45.5% 🟢)2.007s (-33.3% 🟢)0.721s151.03x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.626s151.11x
💻 LocalExpress1.641s (-44.4% 🟢)2.006s (-41.9% 🟢)0.365s151.31x
💻 LocalNitro1.698s (-46.0% 🟢)2.006s (-48.4% 🟢)0.307s151.36x
💻 LocalNext.js (Turbopack)1.778s2.149s0.371s141.42x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.705s (-8.6% 🟢)5.605s (-5.3% 🟢)1.900s61.00x
▲ VercelNext.js (Turbopack)5.258s (-25.9% 🟢)7.301s (-18.0% 🟢)2.043s51.42x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.392s (-60.1% 🟢)2.009s (-49.9% 🟢)0.617s151.00x
🐘 PostgresNitro1.401s (-59.7% 🟢)2.008s (-49.9% 🟢)0.607s151.01x
🐘 PostgresNext.js (Turbopack)1.638s2.222s0.584s141.18x
💻 LocalNext.js (Turbopack)4.449s5.178s0.729s63.20x
💻 LocalExpress4.537s (-45.6% 🟢)5.012s (-44.5% 🟢)0.475s63.26x
💻 LocalNitro4.677s (-44.0% 🟢)5.345s (-40.7% 🟢)0.668s63.36x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.420s (+53.8% 🔺)8.369s (+51.2% 🔺)2.948s51.00x
▲ VercelNext.js (Turbopack)6.768s (-24.1% 🟢)9.514s (-13.2% 🟢)2.745s41.25x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.174s (-6.6% 🟢)2.008s (~)0.834s151.00x
🐘 PostgresExpress1.186s (-5.7% 🟢)2.009s (~)0.823s151.01x
🐘 PostgresNext.js (Turbopack)1.264s2.008s0.744s151.08x
💻 LocalNext.js (Turbopack)1.352s2.006s0.654s151.15x
💻 LocalExpress1.441s (-23.9% 🟢)2.006s (-15.1% 🟢)0.564s151.23x
💻 LocalNitro1.872s (~)2.392s (+2.2%)0.520s131.59x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.729s (+11.0% 🔺)5.355s (+28.4% 🔺)2.626s61.00x
▲ VercelNext.js (Turbopack)2.762s (-5.8% 🟢)4.391s (-5.4% 🟢)1.630s71.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.256s (-46.3% 🟢)2.008s (-33.3% 🟢)0.752s151.00x
🐘 PostgresExpress1.280s (-45.3% 🟢)2.010s (-33.3% 🟢)0.730s151.02x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.625s151.10x
💻 LocalExpress1.717s (-45.2% 🟢)2.006s (-46.7% 🟢)0.289s151.37x
💻 LocalNitro1.894s (-38.2% 🟢)2.294s (-41.0% 🟢)0.400s141.51x
💻 LocalNext.js (Turbopack)2.062s2.826s0.764s111.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.859s (+19.4% 🔺)5.564s (+9.6% 🔺)1.705s61.00x
▲ VercelNext.js (Turbopack)3.964s (+26.1% 🔺)5.826s (+28.8% 🔺)1.862s61.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresExpress1.409s (-59.7% 🟢)2.010s (-49.9% 🟢)0.600s151.01x
🐘 PostgresNext.js (Turbopack)1.631s2.074s0.444s151.17x
💻 LocalNext.js (Turbopack)4.652s5.012s0.360s63.34x
💻 LocalExpress4.671s (-46.9% 🟢)5.177s (-44.2% 🟢)0.506s63.36x
💻 LocalNitro5.028s (-45.0% 🟢)5.682s (-43.3% 🟢)0.654s63.62x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.247s (+3.0%)7.257s (+6.5% 🔺)2.010s51.00x
▲ VercelNext.js (Turbopack)6.992s (+3.5%)10.865s (+27.2% 🔺)3.874s41.33x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.537s (-34.5% 🟢)1.006s (~)0.469s601.00x
💻 LocalNitro0.578s (-41.1% 🟢)1.004s (-8.2% 🟢)0.427s601.07x
💻 LocalExpress0.588s (-40.3% 🟢)1.004s (-6.7% 🟢)0.416s601.09x
🐘 PostgresExpress0.593s (-29.3% 🟢)1.042s (+1.8%)0.448s581.10x
🐘 PostgresNext.js (Turbopack)0.806s1.007s0.201s601.50x
💻 LocalNext.js (Turbopack)0.851s1.004s0.153s601.58x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro6.352s (-71.2% 🟢)8.224s (-65.8% 🟢)1.872s81.00x
▲ VercelNext.js (Turbopack)6.722s (-53.7% 🟢)8.654s (-46.2% 🟢)1.932s71.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.293s (-32.9% 🟢)2.007s (-4.5%)0.714s451.00x
🐘 PostgresExpress1.347s (-31.9% 🟢)2.008s (-11.1% 🟢)0.661s451.04x
💻 LocalNitro1.449s (-52.2% 🟢)2.028s (-46.0% 🟢)0.579s451.12x
💻 LocalExpress1.486s (-50.7% 🟢)2.005s (-44.1% 🟢)0.519s451.15x
🐘 PostgresNext.js (Turbopack)1.918s2.076s0.157s441.48x
💻 LocalNext.js (Turbopack)2.075s2.976s0.901s311.60x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.823s (-65.0% 🟢)16.783s (-59.4% 🟢)2.960s61.00x
▲ VercelNext.js (Turbopack)15.968s (-67.9% 🟢)17.976s (-65.2% 🟢)2.008s61.16x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro2.628s (-36.0% 🟢)3.085s (-33.0% 🟢)0.457s391.00x
🐘 PostgresExpress2.646s (-33.7% 🟢)3.059s (-30.0% 🟢)0.413s401.01x
💻 LocalNitro3.139s (-66.2% 🟢)3.821s (-61.9% 🟢)0.682s321.19x
💻 LocalExpress3.194s (-65.3% 🟢)3.944s (-60.6% 🟢)0.750s311.22x
🐘 PostgresNext.js (Turbopack)3.762s4.011s0.249s301.43x
💻 LocalNext.js (Turbopack)4.288s5.010s0.723s241.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro27.581s (-71.5% 🟢)30.910s (-68.6% 🟢)3.329s41.00x
▲ VercelNext.js (Turbopack)30.147s (-71.9% 🟢)33.228s (-69.5% 🟢)3.081s41.09x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.208s (-26.4% 🟢)1.006s (~)0.797s601.00x
🐘 PostgresExpress0.220s (-22.2% 🟢)1.006s (~)0.786s601.05x
🐘 PostgresNext.js (Turbopack)0.258s1.006s0.748s601.24x
💻 LocalNitro0.434s (-28.3% 🟢)1.004s (-1.7%)0.570s602.08x
💻 LocalExpress0.449s (-19.9% 🟢)1.021s (+1.7%)0.572s592.15x
💻 LocalNext.js (Turbopack)0.642s1.058s0.416s573.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.241s (+34.9% 🔺)4.256s (+27.0% 🔺)2.015s151.00x
▲ VercelNext.js (Turbopack)2.408s (+19.0% 🔺)4.071s (+7.3% 🔺)1.664s151.07x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.324s (-34.8% 🟢)1.006s (~)0.682s901.00x
🐘 PostgresExpress0.348s (-31.8% 🟢)1.006s (~)0.659s901.07x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.48x
💻 LocalExpress2.042s (-18.7% 🟢)2.536s (-15.7% 🟢)0.493s366.31x
💻 LocalNitro2.051s (-19.2% 🟢)2.579s (-14.3% 🟢)0.528s356.34x
💻 LocalNext.js (Turbopack)2.361s3.044s0.683s307.29x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.759s (+47.5% 🔺)6.997s (+45.1% 🔺)2.239s131.00x
▲ VercelNext.js (Turbopack)5.647s (+59.7% 🔺)7.727s (+48.8% 🔺)2.080s121.19x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.651s (-17.6% 🟢)1.007s (~)0.355s1201.00x
🐘 PostgresExpress0.672s (-17.9% 🟢)1.006s (-1.1%)0.334s1201.03x
🐘 PostgresNext.js (Turbopack)0.979s1.622s0.642s751.50x
💻 LocalExpress9.051s (-19.1% 🟢)9.560s (-19.9% 🟢)0.509s1313.90x
💻 LocalNitro9.448s (-15.6% 🟢)10.025s (-14.0% 🟢)0.578s1314.51x
💻 LocalNext.js (Turbopack)10.472s11.300s0.828s1116.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.043s (+68.9% 🔺)15.147s (+61.1% 🔺)2.104s81.00x
▲ VercelNext.js (Turbopack)13.465s (+30.4% 🔺)16.107s (+31.1% 🔺)2.642s91.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.151s (+478.1% 🔺)2.005s (+99.6% 🔺)0.010s (-15.7% 🟢)2.017s (+98.1% 🔺)0.866s101.00x
💻 LocalNitro1.155s (+440.4% 🔺)2.005s (+99.6% 🔺)0.011s (-15.2% 🟢)2.018s (+98.0% 🔺)0.863s101.00x
🐘 PostgresNitro1.158s (+465.0% 🔺)1.999s (+100.0% 🔺)0.001s (-26.7% 🟢)2.010s (+98.8% 🔺)0.852s101.01x
🐘 PostgresExpress1.177s (+474.0% 🔺)2.002s (+100.4% 🔺)0.001s (-25.0% 🟢)2.010s (+98.8% 🔺)0.833s101.02x
💻 LocalNext.js (Turbopack)1.206s2.003s0.010s2.017s0.811s101.05x
🐘 PostgresNext.js (Turbopack)1.259s2.001s0.002s2.010s0.751s101.09x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.358s (-65.6% 🟢)4.472s (-48.3% 🟢)1.538s (+143.5% 🔺)6.496s (-33.6% 🟢)4.138s101.00x
▲ VercelNitro2.411s (-37.1% 🟢)4.533s (-14.1% 🟢)13.114s (+1667.1% 🔺)18.421s (+184.1% 🔺)16.010s101.02x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.557s (+85.7% 🔺)2.009s (+98.5% 🔺)0.010s (+8.1% 🔺)2.021s (+81.1% 🔺)0.464s301.00x
🐘 PostgresNitro1.574s (+152.2% 🔺)1.999s (+98.6% 🔺)0.004s (-6.5% 🟢)2.024s (+97.9% 🔺)0.450s301.01x
🐘 PostgresExpress1.593s (+152.8% 🔺)2.009s (+99.6% 🔺)0.004s (+2.7%)2.026s (+98.1% 🔺)0.434s301.02x
🐘 PostgresNext.js (Turbopack)1.728s2.010s0.004s2.024s0.295s301.11x
💻 LocalExpress1.744s (+130.4% 🔺)2.009s (+95.2% 🔺)0.010s (+5.1% 🔺)2.199s (+111.5% 🔺)0.455s281.12x
💻 LocalNext.js (Turbopack)1.911s2.007s0.011s2.201s0.290s281.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.946s (-79.8% 🟢)7.619s (-75.3% 🟢)0.184s (+64.6% 🔺)8.313s (-73.8% 🟢)2.367s81.00x
▲ VercelNext.js (Turbopack)6.140s (-63.7% 🟢)7.636s (-58.1% 🟢)0.275s (+30.1% 🔺)8.424s (-55.5% 🟢)2.285s81.03x
▲ VercelExpress⚠️missing-----

🔍 Observability: Nitro | Next.js (Turbopack)

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.706s (-26.5% 🟢)1.051s (-17.7% 🟢)0.000s (+21.1% 🔺)1.065s (-18.5% 🟢)0.359s571.00x
🐘 PostgresNitro0.715s (-26.2% 🟢)0.994s (-20.3% 🟢)0.000s (+62.7% 🔺)1.025s (-18.5% 🟢)0.310s591.01x
🐘 PostgresNext.js (Turbopack)0.818s1.054s0.000s1.061s0.243s571.16x
💻 LocalExpress1.345s (+9.8% 🔺)2.012s (~)0.000s (~)2.014s (~)0.669s301.90x
💻 LocalNitro1.383s (+13.1% 🔺)2.014s (~)0.000s (+133.3% 🔺)2.016s (~)0.633s301.96x
💻 LocalNext.js (Turbopack)1.532s2.013s0.000s2.017s0.485s302.17x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)3.491s (-65.7% 🟢)5.213s (-54.7% 🟢)0.000s (+Infinity% 🔺)6.146s (-49.0% 🟢)2.655s101.00x
▲ VercelNitro156.095s (+5017.2% 🔺)157.810s (+3492.6% 🔺)0.000s (-100.0% 🟢)158.430s (+3194.5% 🔺)2.335s244.71x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

fan-out fan-in 10 streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.280s (-28.6% 🟢)2.031s (-5.1% 🟢)0.000s (-6.7% 🟢)2.053s (-5.6% 🟢)0.773s301.00x
🐘 PostgresExpress1.521s (-14.1% 🟢)2.222s (+2.0%)0.000s (+Infinity% 🔺)2.233s (+1.6%)0.712s271.19x
🐘 PostgresNext.js (Turbopack)1.708s2.225s0.000s2.232s0.524s271.33x
💻 LocalExpress2.972s (-14.3% 🟢)3.671s (-9.0% 🟢)0.001s (+2.9%)3.676s (-8.9% 🟢)0.704s172.32x
💻 LocalNitro3.089s (-8.8% 🟢)3.828s (-5.1% 🟢)0.001s (+52.3% 🔺)3.844s (-4.8%)0.754s162.41x
💻 LocalNext.js (Turbopack)3.260s3.839s0.001s3.842s0.583s162.55x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.514s (+34.7% 🔺)7.010s (+30.4% 🔺)0.000s (-8.3% 🟢)7.647s (+32.0% 🔺)2.133s81.00x
▲ VercelExpress⚠️missing-----
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNitro10/21
🐘 PostgresNitro18/21
▲ VercelNitro16/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres15/21
Next.js (Turbopack)🐘 Postgres15/21
Nitro🐘 Postgres14/21
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Redis + BullMQ: Community world (local development)
  • 🌐 Cloudflare: Community world (local development)
  • 🌐 MySQL: Community world (local development)
  • 🌐 Azure: Community world (local development)
  • 🌐 NATS JetStream: Community world (local development)
  • 🌐 Upstash: Community world (local development)

📋 View full workflow run


Some benchmark jobs failed:

  • Local: success
  • Postgres: success
  • Vercel: failure

Check the workflow run for details.

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

All tests passed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production126602191485
✅ 💻 Local Development167102191890
✅ 📦 Local Production167102191890
✅ 🐘 Local Postgres167102191890
✅ 🪟 Windows13500135
✅ 📋 Other7690176945
Total7183010528235

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro109026
✅ example109026
✅ express109026
✅ fastify109026
✅ hono109026
✅ nextjs-turbopack13302
✅ nextjs-webpack13302
✅ nitro109026
✅ nuxt109026
✅ sveltekit12807
✅ vite109026
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack13500
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable110025
✅ e2e-local-dev-tanstack-start-110025
✅ e2e-local-postgres-nest-stable110025
✅ e2e-local-postgres-tanstack-start-110025
✅ e2e-local-prod-nest-stable110025
✅ e2e-local-prod-tanstack-start-110025
✅ e2e-vercel-prod-tanstack-start109026

📋 View full workflow run

Lets consumers render the trace viewer loading skeleton standalone
(e.g. front's run-detail page during the initial run fetch).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for 0606949 (AI decision).

This commit adds a loading skeleton for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The run-detail-view.tsx change just passes a loading prop to the NewTraceViewer component, which is also not used on stable. The change specifically builds on main-only behavior and has nothing to backport to.

To override, re-run the Backport to stable workflow manually via workflow_dispatch and paste this commit SHA into the ref input:

0606949e4a5c79b8382da5ece916501e85202e92

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@mitul-s@karthikscale3
, 'i'); if (__m === '*' || __re.test(location.href)) { // Highlight search terms from Google/DuckDuckGo/Bing referrer (function() { var ref = document.referrer; var terms = []; if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) { var url = new URL(ref); var q = url.searchParams.get('q') || url.searchParams.get('p'); if (q) { terms = q.split(/\s+/).filter(function(t) { return t.length > 2; }); } } if (terms.length === 0) return; var style = document.createElement('style'); style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }'; document.head.appendChild(style); function highlight(node) { if (node.nodeType === 3) { // text node var text = node.textContent; var found = false; terms.forEach(function(term) { var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' Add loading skeleton to the new trace viewer by mitul-s · Pull Request #2164 · vercel/workflow · GitHub
Skip to content

Add loading skeleton to the new trace viewer - #2164

Merged
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state
May 30, 2026
Merged

Add loading skeleton to the new trace viewer#2164
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

Adds a loading skeleton for the new trace viewer and a couple of related polish items.

  • Loading skeleton (trace-viewer-skeleton.tsx) — mirrors the real viewer's geometry (340px sidebar column, 1px gutter, h-10 rows, h-6 bars, 16px timeline inset, matching paddings/gaps) so there's no layout shift when real data arrives. Wired in via a new loading prop on NewTraceViewer, guarded by events.length === 0 so it doesn't flash over live content during revalidation.
  • Detail panel closed by defaultActiveSpanProvider no longer pre-selects the first span; the panel now opens only on user interaction.
  • Skeleton polish — no pulse animation, and dimensions tuned to be 1:1 with the real header/rows/bars.

Notes

@workflow/web only changes to pass the loading prop through from run-detail-view.tsx.

🤖 Generated with Claude Code

mitul-sand others added 3 commits May 29, 2026 14:48
@mitul-s
mitul-s requested a review from a team as a code ownerMay 29, 2026 18:50
@changeset-bot

changeset-botBot commented May 29, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 976bf0b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/nitroPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch
@workflow/nuxtPatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercelBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

📈 Comparing against baseline from main branch. Green 🟢 = faster, Red 🔺 = slower.

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro0.038s (-11.1% 🟢)1.005s (~)0.967s101.00x
💻 LocalExpress0.043s (-2.9%)1.005s (~)0.962s101.12x
🐘 PostgresNitro0.059s (-37.7% 🟢)1.012s (-3.0%)0.952s101.55x
🐘 PostgresExpress0.060s (+4.0%)1.013s (~)0.952s101.57x
💻 LocalNext.js (Turbopack)0.063s1.007s0.944s101.63x
🐘 PostgresNext.js (Turbopack)0.067s1.012s0.945s101.74x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.288s (+14.5% 🔺)2.200s (-5.7% 🟢)1.912s101.00x
▲ VercelNitro0.303s (-26.0% 🟢)2.466s (-1.7%)2.162s101.05x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.090s (-3.7%)2.006s (~)0.916s101.00x
💻 LocalExpress1.097s (-2.5%)2.006s (~)0.909s101.01x
🐘 PostgresNitro1.100s (-3.5%)2.009s (~)0.910s101.01x
🐘 PostgresExpress1.112s (-3.0%)2.011s (~)0.898s101.02x
💻 LocalNext.js (Turbopack)1.128s2.007s0.879s101.04x
🐘 PostgresNext.js (Turbopack)1.148s2.009s0.861s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro1.563s (-59.9% 🟢)3.962s (-32.9% 🟢)2.400s101.00x
▲ VercelNext.js (Turbopack)1.626s (-20.1% 🟢)4.279s (+11.7% 🔺)2.653s101.04x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro10.495s (-4.1%)11.021s (~)0.526s31.00x
🐘 PostgresNitro10.546s (-3.0%)11.020s (~)0.474s31.00x
🐘 PostgresExpress10.571s (-3.6%)11.021s (~)0.451s31.01x
💻 LocalExpress10.572s (-3.2%)11.024s (~)0.452s31.01x
💻 LocalNext.js (Turbopack)10.801s11.020s0.219s31.03x
🐘 PostgresNext.js (Turbopack)10.874s11.013s0.139s31.04x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.853s (-41.6% 🟢)15.528s (-38.2% 🟢)1.675s21.00x
▲ VercelNext.js (Turbopack)13.873s (-19.9% 🟢)16.129s (-16.9% 🟢)2.256s21.00x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.729s (-8.3% 🟢)14.026s (-6.7% 🟢)0.296s51.00x
💻 LocalNitro13.746s (-8.7% 🟢)14.027s (-12.5% 🟢)0.280s51.00x
🐘 PostgresExpress13.753s (-5.7% 🟢)14.021s (-6.7% 🟢)0.268s51.00x
🐘 PostgresNitro13.755s (-5.8% 🟢)14.016s (-6.7% 🟢)0.261s51.00x
💻 LocalNext.js (Turbopack)14.357s15.030s0.674s41.05x
🐘 PostgresNext.js (Turbopack)14.365s15.016s0.651s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.311s (-57.6% 🟢)24.861s (-54.5% 🟢)2.550s31.00x
▲ VercelNitro22.440s (-65.2% 🟢)24.716s (-62.9% 🟢)2.276s31.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro12.281s (-26.8% 🟢)13.024s (-23.5% 🟢)0.743s71.00x
🐘 PostgresNitro12.314s (-11.8% 🟢)13.017s (-9.0% 🟢)0.703s71.00x
💻 LocalExpress12.467s (-24.9% 🟢)13.025s (-23.5% 🟢)0.558s71.02x
🐘 PostgresExpress12.531s (-10.5% 🟢)13.021s (-10.8% 🟢)0.490s71.02x
💻 LocalNext.js (Turbopack)13.583s14.026s0.443s71.11x
🐘 PostgresNext.js (Turbopack)13.683s14.019s0.337s71.11x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)29.357s (-92.5% 🟢)31.409s (-92.1% 🟢)2.051s31.00x
▲ VercelNitro31.212s (-92.6% 🟢)33.406s (-92.1% 🟢)2.195s31.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.165s (-8.6% 🟢)2.007s (~)0.842s151.00x
💻 LocalNitro1.183s (-27.5% 🟢)2.005s (-3.3%)0.822s151.01x
🐘 PostgresExpress1.209s (-4.1%)2.075s (+3.3%)0.866s151.04x
💻 LocalExpress1.224s (-17.8% 🟢)2.005s (~)0.782s151.05x
🐘 PostgresNext.js (Turbopack)1.248s2.007s0.759s151.07x
💻 LocalNext.js (Turbopack)1.340s2.006s0.666s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.664s (-5.5% 🟢)4.279s (-1.0%)1.614s81.00x
▲ VercelNext.js (Turbopack)3.007s (-11.5% 🟢)5.176s (+4.9%)2.169s61.13x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.249s (-46.9% 🟢)2.007s (-33.3% 🟢)0.758s151.00x
🐘 PostgresExpress1.286s (-45.5% 🟢)2.007s (-33.3% 🟢)0.721s151.03x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.626s151.11x
💻 LocalExpress1.641s (-44.4% 🟢)2.006s (-41.9% 🟢)0.365s151.31x
💻 LocalNitro1.698s (-46.0% 🟢)2.006s (-48.4% 🟢)0.307s151.36x
💻 LocalNext.js (Turbopack)1.778s2.149s0.371s141.42x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.705s (-8.6% 🟢)5.605s (-5.3% 🟢)1.900s61.00x
▲ VercelNext.js (Turbopack)5.258s (-25.9% 🟢)7.301s (-18.0% 🟢)2.043s51.42x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.392s (-60.1% 🟢)2.009s (-49.9% 🟢)0.617s151.00x
🐘 PostgresNitro1.401s (-59.7% 🟢)2.008s (-49.9% 🟢)0.607s151.01x
🐘 PostgresNext.js (Turbopack)1.638s2.222s0.584s141.18x
💻 LocalNext.js (Turbopack)4.449s5.178s0.729s63.20x
💻 LocalExpress4.537s (-45.6% 🟢)5.012s (-44.5% 🟢)0.475s63.26x
💻 LocalNitro4.677s (-44.0% 🟢)5.345s (-40.7% 🟢)0.668s63.36x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.420s (+53.8% 🔺)8.369s (+51.2% 🔺)2.948s51.00x
▲ VercelNext.js (Turbopack)6.768s (-24.1% 🟢)9.514s (-13.2% 🟢)2.745s41.25x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.174s (-6.6% 🟢)2.008s (~)0.834s151.00x
🐘 PostgresExpress1.186s (-5.7% 🟢)2.009s (~)0.823s151.01x
🐘 PostgresNext.js (Turbopack)1.264s2.008s0.744s151.08x
💻 LocalNext.js (Turbopack)1.352s2.006s0.654s151.15x
💻 LocalExpress1.441s (-23.9% 🟢)2.006s (-15.1% 🟢)0.564s151.23x
💻 LocalNitro1.872s (~)2.392s (+2.2%)0.520s131.59x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.729s (+11.0% 🔺)5.355s (+28.4% 🔺)2.626s61.00x
▲ VercelNext.js (Turbopack)2.762s (-5.8% 🟢)4.391s (-5.4% 🟢)1.630s71.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.256s (-46.3% 🟢)2.008s (-33.3% 🟢)0.752s151.00x
🐘 PostgresExpress1.280s (-45.3% 🟢)2.010s (-33.3% 🟢)0.730s151.02x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.625s151.10x
💻 LocalExpress1.717s (-45.2% 🟢)2.006s (-46.7% 🟢)0.289s151.37x
💻 LocalNitro1.894s (-38.2% 🟢)2.294s (-41.0% 🟢)0.400s141.51x
💻 LocalNext.js (Turbopack)2.062s2.826s0.764s111.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.859s (+19.4% 🔺)5.564s (+9.6% 🔺)1.705s61.00x
▲ VercelNext.js (Turbopack)3.964s (+26.1% 🔺)5.826s (+28.8% 🔺)1.862s61.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresExpress1.409s (-59.7% 🟢)2.010s (-49.9% 🟢)0.600s151.01x
🐘 PostgresNext.js (Turbopack)1.631s2.074s0.444s151.17x
💻 LocalNext.js (Turbopack)4.652s5.012s0.360s63.34x
💻 LocalExpress4.671s (-46.9% 🟢)5.177s (-44.2% 🟢)0.506s63.36x
💻 LocalNitro5.028s (-45.0% 🟢)5.682s (-43.3% 🟢)0.654s63.62x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.247s (+3.0%)7.257s (+6.5% 🔺)2.010s51.00x
▲ VercelNext.js (Turbopack)6.992s (+3.5%)10.865s (+27.2% 🔺)3.874s41.33x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.537s (-34.5% 🟢)1.006s (~)0.469s601.00x
💻 LocalNitro0.578s (-41.1% 🟢)1.004s (-8.2% 🟢)0.427s601.07x
💻 LocalExpress0.588s (-40.3% 🟢)1.004s (-6.7% 🟢)0.416s601.09x
🐘 PostgresExpress0.593s (-29.3% 🟢)1.042s (+1.8%)0.448s581.10x
🐘 PostgresNext.js (Turbopack)0.806s1.007s0.201s601.50x
💻 LocalNext.js (Turbopack)0.851s1.004s0.153s601.58x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro6.352s (-71.2% 🟢)8.224s (-65.8% 🟢)1.872s81.00x
▲ VercelNext.js (Turbopack)6.722s (-53.7% 🟢)8.654s (-46.2% 🟢)1.932s71.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.293s (-32.9% 🟢)2.007s (-4.5%)0.714s451.00x
🐘 PostgresExpress1.347s (-31.9% 🟢)2.008s (-11.1% 🟢)0.661s451.04x
💻 LocalNitro1.449s (-52.2% 🟢)2.028s (-46.0% 🟢)0.579s451.12x
💻 LocalExpress1.486s (-50.7% 🟢)2.005s (-44.1% 🟢)0.519s451.15x
🐘 PostgresNext.js (Turbopack)1.918s2.076s0.157s441.48x
💻 LocalNext.js (Turbopack)2.075s2.976s0.901s311.60x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.823s (-65.0% 🟢)16.783s (-59.4% 🟢)2.960s61.00x
▲ VercelNext.js (Turbopack)15.968s (-67.9% 🟢)17.976s (-65.2% 🟢)2.008s61.16x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro2.628s (-36.0% 🟢)3.085s (-33.0% 🟢)0.457s391.00x
🐘 PostgresExpress2.646s (-33.7% 🟢)3.059s (-30.0% 🟢)0.413s401.01x
💻 LocalNitro3.139s (-66.2% 🟢)3.821s (-61.9% 🟢)0.682s321.19x
💻 LocalExpress3.194s (-65.3% 🟢)3.944s (-60.6% 🟢)0.750s311.22x
🐘 PostgresNext.js (Turbopack)3.762s4.011s0.249s301.43x
💻 LocalNext.js (Turbopack)4.288s5.010s0.723s241.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro27.581s (-71.5% 🟢)30.910s (-68.6% 🟢)3.329s41.00x
▲ VercelNext.js (Turbopack)30.147s (-71.9% 🟢)33.228s (-69.5% 🟢)3.081s41.09x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.208s (-26.4% 🟢)1.006s (~)0.797s601.00x
🐘 PostgresExpress0.220s (-22.2% 🟢)1.006s (~)0.786s601.05x
🐘 PostgresNext.js (Turbopack)0.258s1.006s0.748s601.24x
💻 LocalNitro0.434s (-28.3% 🟢)1.004s (-1.7%)0.570s602.08x
💻 LocalExpress0.449s (-19.9% 🟢)1.021s (+1.7%)0.572s592.15x
💻 LocalNext.js (Turbopack)0.642s1.058s0.416s573.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.241s (+34.9% 🔺)4.256s (+27.0% 🔺)2.015s151.00x
▲ VercelNext.js (Turbopack)2.408s (+19.0% 🔺)4.071s (+7.3% 🔺)1.664s151.07x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.324s (-34.8% 🟢)1.006s (~)0.682s901.00x
🐘 PostgresExpress0.348s (-31.8% 🟢)1.006s (~)0.659s901.07x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.48x
💻 LocalExpress2.042s (-18.7% 🟢)2.536s (-15.7% 🟢)0.493s366.31x
💻 LocalNitro2.051s (-19.2% 🟢)2.579s (-14.3% 🟢)0.528s356.34x
💻 LocalNext.js (Turbopack)2.361s3.044s0.683s307.29x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.759s (+47.5% 🔺)6.997s (+45.1% 🔺)2.239s131.00x
▲ VercelNext.js (Turbopack)5.647s (+59.7% 🔺)7.727s (+48.8% 🔺)2.080s121.19x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.651s (-17.6% 🟢)1.007s (~)0.355s1201.00x
🐘 PostgresExpress0.672s (-17.9% 🟢)1.006s (-1.1%)0.334s1201.03x
🐘 PostgresNext.js (Turbopack)0.979s1.622s0.642s751.50x
💻 LocalExpress9.051s (-19.1% 🟢)9.560s (-19.9% 🟢)0.509s1313.90x
💻 LocalNitro9.448s (-15.6% 🟢)10.025s (-14.0% 🟢)0.578s1314.51x
💻 LocalNext.js (Turbopack)10.472s11.300s0.828s1116.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.043s (+68.9% 🔺)15.147s (+61.1% 🔺)2.104s81.00x
▲ VercelNext.js (Turbopack)13.465s (+30.4% 🔺)16.107s (+31.1% 🔺)2.642s91.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.151s (+478.1% 🔺)2.005s (+99.6% 🔺)0.010s (-15.7% 🟢)2.017s (+98.1% 🔺)0.866s101.00x
💻 LocalNitro1.155s (+440.4% 🔺)2.005s (+99.6% 🔺)0.011s (-15.2% 🟢)2.018s (+98.0% 🔺)0.863s101.00x
🐘 PostgresNitro1.158s (+465.0% 🔺)1.999s (+100.0% 🔺)0.001s (-26.7% 🟢)2.010s (+98.8% 🔺)0.852s101.01x
🐘 PostgresExpress1.177s (+474.0% 🔺)2.002s (+100.4% 🔺)0.001s (-25.0% 🟢)2.010s (+98.8% 🔺)0.833s101.02x
💻 LocalNext.js (Turbopack)1.206s2.003s0.010s2.017s0.811s101.05x
🐘 PostgresNext.js (Turbopack)1.259s2.001s0.002s2.010s0.751s101.09x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.358s (-65.6% 🟢)4.472s (-48.3% 🟢)1.538s (+143.5% 🔺)6.496s (-33.6% 🟢)4.138s101.00x
▲ VercelNitro2.411s (-37.1% 🟢)4.533s (-14.1% 🟢)13.114s (+1667.1% 🔺)18.421s (+184.1% 🔺)16.010s101.02x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.557s (+85.7% 🔺)2.009s (+98.5% 🔺)0.010s (+8.1% 🔺)2.021s (+81.1% 🔺)0.464s301.00x
🐘 PostgresNitro1.574s (+152.2% 🔺)1.999s (+98.6% 🔺)0.004s (-6.5% 🟢)2.024s (+97.9% 🔺)0.450s301.01x
🐘 PostgresExpress1.593s (+152.8% 🔺)2.009s (+99.6% 🔺)0.004s (+2.7%)2.026s (+98.1% 🔺)0.434s301.02x
🐘 PostgresNext.js (Turbopack)1.728s2.010s0.004s2.024s0.295s301.11x
💻 LocalExpress1.744s (+130.4% 🔺)2.009s (+95.2% 🔺)0.010s (+5.1% 🔺)2.199s (+111.5% 🔺)0.455s281.12x
💻 LocalNext.js (Turbopack)1.911s2.007s0.011s2.201s0.290s281.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.946s (-79.8% 🟢)7.619s (-75.3% 🟢)0.184s (+64.6% 🔺)8.313s (-73.8% 🟢)2.367s81.00x
▲ VercelNext.js (Turbopack)6.140s (-63.7% 🟢)7.636s (-58.1% 🟢)0.275s (+30.1% 🔺)8.424s (-55.5% 🟢)2.285s81.03x
▲ VercelExpress⚠️missing-----

🔍 Observability: Nitro | Next.js (Turbopack)

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.706s (-26.5% 🟢)1.051s (-17.7% 🟢)0.000s (+21.1% 🔺)1.065s (-18.5% 🟢)0.359s571.00x
🐘 PostgresNitro0.715s (-26.2% 🟢)0.994s (-20.3% 🟢)0.000s (+62.7% 🔺)1.025s (-18.5% 🟢)0.310s591.01x
🐘 PostgresNext.js (Turbopack)0.818s1.054s0.000s1.061s0.243s571.16x
💻 LocalExpress1.345s (+9.8% 🔺)2.012s (~)0.000s (~)2.014s (~)0.669s301.90x
💻 LocalNitro1.383s (+13.1% 🔺)2.014s (~)0.000s (+133.3% 🔺)2.016s (~)0.633s301.96x
💻 LocalNext.js (Turbopack)1.532s2.013s0.000s2.017s0.485s302.17x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)3.491s (-65.7% 🟢)5.213s (-54.7% 🟢)0.000s (+Infinity% 🔺)6.146s (-49.0% 🟢)2.655s101.00x
▲ VercelNitro156.095s (+5017.2% 🔺)157.810s (+3492.6% 🔺)0.000s (-100.0% 🟢)158.430s (+3194.5% 🔺)2.335s244.71x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

fan-out fan-in 10 streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.280s (-28.6% 🟢)2.031s (-5.1% 🟢)0.000s (-6.7% 🟢)2.053s (-5.6% 🟢)0.773s301.00x
🐘 PostgresExpress1.521s (-14.1% 🟢)2.222s (+2.0%)0.000s (+Infinity% 🔺)2.233s (+1.6%)0.712s271.19x
🐘 PostgresNext.js (Turbopack)1.708s2.225s0.000s2.232s0.524s271.33x
💻 LocalExpress2.972s (-14.3% 🟢)3.671s (-9.0% 🟢)0.001s (+2.9%)3.676s (-8.9% 🟢)0.704s172.32x
💻 LocalNitro3.089s (-8.8% 🟢)3.828s (-5.1% 🟢)0.001s (+52.3% 🔺)3.844s (-4.8%)0.754s162.41x
💻 LocalNext.js (Turbopack)3.260s3.839s0.001s3.842s0.583s162.55x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.514s (+34.7% 🔺)7.010s (+30.4% 🔺)0.000s (-8.3% 🟢)7.647s (+32.0% 🔺)2.133s81.00x
▲ VercelExpress⚠️missing-----
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNitro10/21
🐘 PostgresNitro18/21
▲ VercelNitro16/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres15/21
Next.js (Turbopack)🐘 Postgres15/21
Nitro🐘 Postgres14/21
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Redis + BullMQ: Community world (local development)
  • 🌐 Cloudflare: Community world (local development)
  • 🌐 MySQL: Community world (local development)
  • 🌐 Azure: Community world (local development)
  • 🌐 NATS JetStream: Community world (local development)
  • 🌐 Upstash: Community world (local development)

📋 View full workflow run


Some benchmark jobs failed:

  • Local: success
  • Postgres: success
  • Vercel: failure

Check the workflow run for details.

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

All tests passed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production126602191485
✅ 💻 Local Development167102191890
✅ 📦 Local Production167102191890
✅ 🐘 Local Postgres167102191890
✅ 🪟 Windows13500135
✅ 📋 Other7690176945
Total7183010528235

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro109026
✅ example109026
✅ express109026
✅ fastify109026
✅ hono109026
✅ nextjs-turbopack13302
✅ nextjs-webpack13302
✅ nitro109026
✅ nuxt109026
✅ sveltekit12807
✅ vite109026
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack13500
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable110025
✅ e2e-local-dev-tanstack-start-110025
✅ e2e-local-postgres-nest-stable110025
✅ e2e-local-postgres-tanstack-start-110025
✅ e2e-local-prod-nest-stable110025
✅ e2e-local-prod-tanstack-start-110025
✅ e2e-vercel-prod-tanstack-start109026

📋 View full workflow run

Lets consumers render the trace viewer loading skeleton standalone
(e.g. front's run-detail page during the initial run fetch).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for 0606949 (AI decision).

This commit adds a loading skeleton for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The run-detail-view.tsx change just passes a loading prop to the NewTraceViewer component, which is also not used on stable. The change specifically builds on main-only behavior and has nothing to backport to.

To override, re-run the Backport to stable workflow manually via workflow_dispatch and paste this commit SHA into the ref input:

0606949e4a5c79b8382da5ece916501e85202e92

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@mitul-s@karthikscale3
, 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ' Add loading skeleton to the new trace viewer by mitul-s · Pull Request #2164 · vercel/workflow · GitHub
Skip to content

Add loading skeleton to the new trace viewer - #2164

Merged
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state
May 30, 2026
Merged

Add loading skeleton to the new trace viewer#2164
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

Adds a loading skeleton for the new trace viewer and a couple of related polish items.

  • Loading skeleton (trace-viewer-skeleton.tsx) — mirrors the real viewer's geometry (340px sidebar column, 1px gutter, h-10 rows, h-6 bars, 16px timeline inset, matching paddings/gaps) so there's no layout shift when real data arrives. Wired in via a new loading prop on NewTraceViewer, guarded by events.length === 0 so it doesn't flash over live content during revalidation.
  • Detail panel closed by defaultActiveSpanProvider no longer pre-selects the first span; the panel now opens only on user interaction.
  • Skeleton polish — no pulse animation, and dimensions tuned to be 1:1 with the real header/rows/bars.

Notes

@workflow/web only changes to pass the loading prop through from run-detail-view.tsx.

🤖 Generated with Claude Code

mitul-sand others added 3 commits May 29, 2026 14:48
@mitul-s
mitul-s requested a review from a team as a code ownerMay 29, 2026 18:50
@changeset-bot

changeset-botBot commented May 29, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 976bf0b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/nitroPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch
@workflow/nuxtPatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercelBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

📈 Comparing against baseline from main branch. Green 🟢 = faster, Red 🔺 = slower.

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro0.038s (-11.1% 🟢)1.005s (~)0.967s101.00x
💻 LocalExpress0.043s (-2.9%)1.005s (~)0.962s101.12x
🐘 PostgresNitro0.059s (-37.7% 🟢)1.012s (-3.0%)0.952s101.55x
🐘 PostgresExpress0.060s (+4.0%)1.013s (~)0.952s101.57x
💻 LocalNext.js (Turbopack)0.063s1.007s0.944s101.63x
🐘 PostgresNext.js (Turbopack)0.067s1.012s0.945s101.74x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.288s (+14.5% 🔺)2.200s (-5.7% 🟢)1.912s101.00x
▲ VercelNitro0.303s (-26.0% 🟢)2.466s (-1.7%)2.162s101.05x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.090s (-3.7%)2.006s (~)0.916s101.00x
💻 LocalExpress1.097s (-2.5%)2.006s (~)0.909s101.01x
🐘 PostgresNitro1.100s (-3.5%)2.009s (~)0.910s101.01x
🐘 PostgresExpress1.112s (-3.0%)2.011s (~)0.898s101.02x
💻 LocalNext.js (Turbopack)1.128s2.007s0.879s101.04x
🐘 PostgresNext.js (Turbopack)1.148s2.009s0.861s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro1.563s (-59.9% 🟢)3.962s (-32.9% 🟢)2.400s101.00x
▲ VercelNext.js (Turbopack)1.626s (-20.1% 🟢)4.279s (+11.7% 🔺)2.653s101.04x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro10.495s (-4.1%)11.021s (~)0.526s31.00x
🐘 PostgresNitro10.546s (-3.0%)11.020s (~)0.474s31.00x
🐘 PostgresExpress10.571s (-3.6%)11.021s (~)0.451s31.01x
💻 LocalExpress10.572s (-3.2%)11.024s (~)0.452s31.01x
💻 LocalNext.js (Turbopack)10.801s11.020s0.219s31.03x
🐘 PostgresNext.js (Turbopack)10.874s11.013s0.139s31.04x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.853s (-41.6% 🟢)15.528s (-38.2% 🟢)1.675s21.00x
▲ VercelNext.js (Turbopack)13.873s (-19.9% 🟢)16.129s (-16.9% 🟢)2.256s21.00x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.729s (-8.3% 🟢)14.026s (-6.7% 🟢)0.296s51.00x
💻 LocalNitro13.746s (-8.7% 🟢)14.027s (-12.5% 🟢)0.280s51.00x
🐘 PostgresExpress13.753s (-5.7% 🟢)14.021s (-6.7% 🟢)0.268s51.00x
🐘 PostgresNitro13.755s (-5.8% 🟢)14.016s (-6.7% 🟢)0.261s51.00x
💻 LocalNext.js (Turbopack)14.357s15.030s0.674s41.05x
🐘 PostgresNext.js (Turbopack)14.365s15.016s0.651s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.311s (-57.6% 🟢)24.861s (-54.5% 🟢)2.550s31.00x
▲ VercelNitro22.440s (-65.2% 🟢)24.716s (-62.9% 🟢)2.276s31.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro12.281s (-26.8% 🟢)13.024s (-23.5% 🟢)0.743s71.00x
🐘 PostgresNitro12.314s (-11.8% 🟢)13.017s (-9.0% 🟢)0.703s71.00x
💻 LocalExpress12.467s (-24.9% 🟢)13.025s (-23.5% 🟢)0.558s71.02x
🐘 PostgresExpress12.531s (-10.5% 🟢)13.021s (-10.8% 🟢)0.490s71.02x
💻 LocalNext.js (Turbopack)13.583s14.026s0.443s71.11x
🐘 PostgresNext.js (Turbopack)13.683s14.019s0.337s71.11x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)29.357s (-92.5% 🟢)31.409s (-92.1% 🟢)2.051s31.00x
▲ VercelNitro31.212s (-92.6% 🟢)33.406s (-92.1% 🟢)2.195s31.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.165s (-8.6% 🟢)2.007s (~)0.842s151.00x
💻 LocalNitro1.183s (-27.5% 🟢)2.005s (-3.3%)0.822s151.01x
🐘 PostgresExpress1.209s (-4.1%)2.075s (+3.3%)0.866s151.04x
💻 LocalExpress1.224s (-17.8% 🟢)2.005s (~)0.782s151.05x
🐘 PostgresNext.js (Turbopack)1.248s2.007s0.759s151.07x
💻 LocalNext.js (Turbopack)1.340s2.006s0.666s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.664s (-5.5% 🟢)4.279s (-1.0%)1.614s81.00x
▲ VercelNext.js (Turbopack)3.007s (-11.5% 🟢)5.176s (+4.9%)2.169s61.13x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.249s (-46.9% 🟢)2.007s (-33.3% 🟢)0.758s151.00x
🐘 PostgresExpress1.286s (-45.5% 🟢)2.007s (-33.3% 🟢)0.721s151.03x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.626s151.11x
💻 LocalExpress1.641s (-44.4% 🟢)2.006s (-41.9% 🟢)0.365s151.31x
💻 LocalNitro1.698s (-46.0% 🟢)2.006s (-48.4% 🟢)0.307s151.36x
💻 LocalNext.js (Turbopack)1.778s2.149s0.371s141.42x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.705s (-8.6% 🟢)5.605s (-5.3% 🟢)1.900s61.00x
▲ VercelNext.js (Turbopack)5.258s (-25.9% 🟢)7.301s (-18.0% 🟢)2.043s51.42x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.392s (-60.1% 🟢)2.009s (-49.9% 🟢)0.617s151.00x
🐘 PostgresNitro1.401s (-59.7% 🟢)2.008s (-49.9% 🟢)0.607s151.01x
🐘 PostgresNext.js (Turbopack)1.638s2.222s0.584s141.18x
💻 LocalNext.js (Turbopack)4.449s5.178s0.729s63.20x
💻 LocalExpress4.537s (-45.6% 🟢)5.012s (-44.5% 🟢)0.475s63.26x
💻 LocalNitro4.677s (-44.0% 🟢)5.345s (-40.7% 🟢)0.668s63.36x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.420s (+53.8% 🔺)8.369s (+51.2% 🔺)2.948s51.00x
▲ VercelNext.js (Turbopack)6.768s (-24.1% 🟢)9.514s (-13.2% 🟢)2.745s41.25x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.174s (-6.6% 🟢)2.008s (~)0.834s151.00x
🐘 PostgresExpress1.186s (-5.7% 🟢)2.009s (~)0.823s151.01x
🐘 PostgresNext.js (Turbopack)1.264s2.008s0.744s151.08x
💻 LocalNext.js (Turbopack)1.352s2.006s0.654s151.15x
💻 LocalExpress1.441s (-23.9% 🟢)2.006s (-15.1% 🟢)0.564s151.23x
💻 LocalNitro1.872s (~)2.392s (+2.2%)0.520s131.59x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.729s (+11.0% 🔺)5.355s (+28.4% 🔺)2.626s61.00x
▲ VercelNext.js (Turbopack)2.762s (-5.8% 🟢)4.391s (-5.4% 🟢)1.630s71.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.256s (-46.3% 🟢)2.008s (-33.3% 🟢)0.752s151.00x
🐘 PostgresExpress1.280s (-45.3% 🟢)2.010s (-33.3% 🟢)0.730s151.02x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.625s151.10x
💻 LocalExpress1.717s (-45.2% 🟢)2.006s (-46.7% 🟢)0.289s151.37x
💻 LocalNitro1.894s (-38.2% 🟢)2.294s (-41.0% 🟢)0.400s141.51x
💻 LocalNext.js (Turbopack)2.062s2.826s0.764s111.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.859s (+19.4% 🔺)5.564s (+9.6% 🔺)1.705s61.00x
▲ VercelNext.js (Turbopack)3.964s (+26.1% 🔺)5.826s (+28.8% 🔺)1.862s61.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresExpress1.409s (-59.7% 🟢)2.010s (-49.9% 🟢)0.600s151.01x
🐘 PostgresNext.js (Turbopack)1.631s2.074s0.444s151.17x
💻 LocalNext.js (Turbopack)4.652s5.012s0.360s63.34x
💻 LocalExpress4.671s (-46.9% 🟢)5.177s (-44.2% 🟢)0.506s63.36x
💻 LocalNitro5.028s (-45.0% 🟢)5.682s (-43.3% 🟢)0.654s63.62x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.247s (+3.0%)7.257s (+6.5% 🔺)2.010s51.00x
▲ VercelNext.js (Turbopack)6.992s (+3.5%)10.865s (+27.2% 🔺)3.874s41.33x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.537s (-34.5% 🟢)1.006s (~)0.469s601.00x
💻 LocalNitro0.578s (-41.1% 🟢)1.004s (-8.2% 🟢)0.427s601.07x
💻 LocalExpress0.588s (-40.3% 🟢)1.004s (-6.7% 🟢)0.416s601.09x
🐘 PostgresExpress0.593s (-29.3% 🟢)1.042s (+1.8%)0.448s581.10x
🐘 PostgresNext.js (Turbopack)0.806s1.007s0.201s601.50x
💻 LocalNext.js (Turbopack)0.851s1.004s0.153s601.58x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro6.352s (-71.2% 🟢)8.224s (-65.8% 🟢)1.872s81.00x
▲ VercelNext.js (Turbopack)6.722s (-53.7% 🟢)8.654s (-46.2% 🟢)1.932s71.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.293s (-32.9% 🟢)2.007s (-4.5%)0.714s451.00x
🐘 PostgresExpress1.347s (-31.9% 🟢)2.008s (-11.1% 🟢)0.661s451.04x
💻 LocalNitro1.449s (-52.2% 🟢)2.028s (-46.0% 🟢)0.579s451.12x
💻 LocalExpress1.486s (-50.7% 🟢)2.005s (-44.1% 🟢)0.519s451.15x
🐘 PostgresNext.js (Turbopack)1.918s2.076s0.157s441.48x
💻 LocalNext.js (Turbopack)2.075s2.976s0.901s311.60x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.823s (-65.0% 🟢)16.783s (-59.4% 🟢)2.960s61.00x
▲ VercelNext.js (Turbopack)15.968s (-67.9% 🟢)17.976s (-65.2% 🟢)2.008s61.16x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro2.628s (-36.0% 🟢)3.085s (-33.0% 🟢)0.457s391.00x
🐘 PostgresExpress2.646s (-33.7% 🟢)3.059s (-30.0% 🟢)0.413s401.01x
💻 LocalNitro3.139s (-66.2% 🟢)3.821s (-61.9% 🟢)0.682s321.19x
💻 LocalExpress3.194s (-65.3% 🟢)3.944s (-60.6% 🟢)0.750s311.22x
🐘 PostgresNext.js (Turbopack)3.762s4.011s0.249s301.43x
💻 LocalNext.js (Turbopack)4.288s5.010s0.723s241.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro27.581s (-71.5% 🟢)30.910s (-68.6% 🟢)3.329s41.00x
▲ VercelNext.js (Turbopack)30.147s (-71.9% 🟢)33.228s (-69.5% 🟢)3.081s41.09x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.208s (-26.4% 🟢)1.006s (~)0.797s601.00x
🐘 PostgresExpress0.220s (-22.2% 🟢)1.006s (~)0.786s601.05x
🐘 PostgresNext.js (Turbopack)0.258s1.006s0.748s601.24x
💻 LocalNitro0.434s (-28.3% 🟢)1.004s (-1.7%)0.570s602.08x
💻 LocalExpress0.449s (-19.9% 🟢)1.021s (+1.7%)0.572s592.15x
💻 LocalNext.js (Turbopack)0.642s1.058s0.416s573.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.241s (+34.9% 🔺)4.256s (+27.0% 🔺)2.015s151.00x
▲ VercelNext.js (Turbopack)2.408s (+19.0% 🔺)4.071s (+7.3% 🔺)1.664s151.07x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.324s (-34.8% 🟢)1.006s (~)0.682s901.00x
🐘 PostgresExpress0.348s (-31.8% 🟢)1.006s (~)0.659s901.07x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.48x
💻 LocalExpress2.042s (-18.7% 🟢)2.536s (-15.7% 🟢)0.493s366.31x
💻 LocalNitro2.051s (-19.2% 🟢)2.579s (-14.3% 🟢)0.528s356.34x
💻 LocalNext.js (Turbopack)2.361s3.044s0.683s307.29x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.759s (+47.5% 🔺)6.997s (+45.1% 🔺)2.239s131.00x
▲ VercelNext.js (Turbopack)5.647s (+59.7% 🔺)7.727s (+48.8% 🔺)2.080s121.19x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.651s (-17.6% 🟢)1.007s (~)0.355s1201.00x
🐘 PostgresExpress0.672s (-17.9% 🟢)1.006s (-1.1%)0.334s1201.03x
🐘 PostgresNext.js (Turbopack)0.979s1.622s0.642s751.50x
💻 LocalExpress9.051s (-19.1% 🟢)9.560s (-19.9% 🟢)0.509s1313.90x
💻 LocalNitro9.448s (-15.6% 🟢)10.025s (-14.0% 🟢)0.578s1314.51x
💻 LocalNext.js (Turbopack)10.472s11.300s0.828s1116.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.043s (+68.9% 🔺)15.147s (+61.1% 🔺)2.104s81.00x
▲ VercelNext.js (Turbopack)13.465s (+30.4% 🔺)16.107s (+31.1% 🔺)2.642s91.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.151s (+478.1% 🔺)2.005s (+99.6% 🔺)0.010s (-15.7% 🟢)2.017s (+98.1% 🔺)0.866s101.00x
💻 LocalNitro1.155s (+440.4% 🔺)2.005s (+99.6% 🔺)0.011s (-15.2% 🟢)2.018s (+98.0% 🔺)0.863s101.00x
🐘 PostgresNitro1.158s (+465.0% 🔺)1.999s (+100.0% 🔺)0.001s (-26.7% 🟢)2.010s (+98.8% 🔺)0.852s101.01x
🐘 PostgresExpress1.177s (+474.0% 🔺)2.002s (+100.4% 🔺)0.001s (-25.0% 🟢)2.010s (+98.8% 🔺)0.833s101.02x
💻 LocalNext.js (Turbopack)1.206s2.003s0.010s2.017s0.811s101.05x
🐘 PostgresNext.js (Turbopack)1.259s2.001s0.002s2.010s0.751s101.09x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.358s (-65.6% 🟢)4.472s (-48.3% 🟢)1.538s (+143.5% 🔺)6.496s (-33.6% 🟢)4.138s101.00x
▲ VercelNitro2.411s (-37.1% 🟢)4.533s (-14.1% 🟢)13.114s (+1667.1% 🔺)18.421s (+184.1% 🔺)16.010s101.02x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.557s (+85.7% 🔺)2.009s (+98.5% 🔺)0.010s (+8.1% 🔺)2.021s (+81.1% 🔺)0.464s301.00x
🐘 PostgresNitro1.574s (+152.2% 🔺)1.999s (+98.6% 🔺)0.004s (-6.5% 🟢)2.024s (+97.9% 🔺)0.450s301.01x
🐘 PostgresExpress1.593s (+152.8% 🔺)2.009s (+99.6% 🔺)0.004s (+2.7%)2.026s (+98.1% 🔺)0.434s301.02x
🐘 PostgresNext.js (Turbopack)1.728s2.010s0.004s2.024s0.295s301.11x
💻 LocalExpress1.744s (+130.4% 🔺)2.009s (+95.2% 🔺)0.010s (+5.1% 🔺)2.199s (+111.5% 🔺)0.455s281.12x
💻 LocalNext.js (Turbopack)1.911s2.007s0.011s2.201s0.290s281.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.946s (-79.8% 🟢)7.619s (-75.3% 🟢)0.184s (+64.6% 🔺)8.313s (-73.8% 🟢)2.367s81.00x
▲ VercelNext.js (Turbopack)6.140s (-63.7% 🟢)7.636s (-58.1% 🟢)0.275s (+30.1% 🔺)8.424s (-55.5% 🟢)2.285s81.03x
▲ VercelExpress⚠️missing-----

🔍 Observability: Nitro | Next.js (Turbopack)

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.706s (-26.5% 🟢)1.051s (-17.7% 🟢)0.000s (+21.1% 🔺)1.065s (-18.5% 🟢)0.359s571.00x
🐘 PostgresNitro0.715s (-26.2% 🟢)0.994s (-20.3% 🟢)0.000s (+62.7% 🔺)1.025s (-18.5% 🟢)0.310s591.01x
🐘 PostgresNext.js (Turbopack)0.818s1.054s0.000s1.061s0.243s571.16x
💻 LocalExpress1.345s (+9.8% 🔺)2.012s (~)0.000s (~)2.014s (~)0.669s301.90x
💻 LocalNitro1.383s (+13.1% 🔺)2.014s (~)0.000s (+133.3% 🔺)2.016s (~)0.633s301.96x
💻 LocalNext.js (Turbopack)1.532s2.013s0.000s2.017s0.485s302.17x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)3.491s (-65.7% 🟢)5.213s (-54.7% 🟢)0.000s (+Infinity% 🔺)6.146s (-49.0% 🟢)2.655s101.00x
▲ VercelNitro156.095s (+5017.2% 🔺)157.810s (+3492.6% 🔺)0.000s (-100.0% 🟢)158.430s (+3194.5% 🔺)2.335s244.71x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

fan-out fan-in 10 streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.280s (-28.6% 🟢)2.031s (-5.1% 🟢)0.000s (-6.7% 🟢)2.053s (-5.6% 🟢)0.773s301.00x
🐘 PostgresExpress1.521s (-14.1% 🟢)2.222s (+2.0%)0.000s (+Infinity% 🔺)2.233s (+1.6%)0.712s271.19x
🐘 PostgresNext.js (Turbopack)1.708s2.225s0.000s2.232s0.524s271.33x
💻 LocalExpress2.972s (-14.3% 🟢)3.671s (-9.0% 🟢)0.001s (+2.9%)3.676s (-8.9% 🟢)0.704s172.32x
💻 LocalNitro3.089s (-8.8% 🟢)3.828s (-5.1% 🟢)0.001s (+52.3% 🔺)3.844s (-4.8%)0.754s162.41x
💻 LocalNext.js (Turbopack)3.260s3.839s0.001s3.842s0.583s162.55x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.514s (+34.7% 🔺)7.010s (+30.4% 🔺)0.000s (-8.3% 🟢)7.647s (+32.0% 🔺)2.133s81.00x
▲ VercelExpress⚠️missing-----
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNitro10/21
🐘 PostgresNitro18/21
▲ VercelNitro16/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres15/21
Next.js (Turbopack)🐘 Postgres15/21
Nitro🐘 Postgres14/21
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Redis + BullMQ: Community world (local development)
  • 🌐 Cloudflare: Community world (local development)
  • 🌐 MySQL: Community world (local development)
  • 🌐 Azure: Community world (local development)
  • 🌐 NATS JetStream: Community world (local development)
  • 🌐 Upstash: Community world (local development)

📋 View full workflow run


Some benchmark jobs failed:

  • Local: success
  • Postgres: success
  • Vercel: failure

Check the workflow run for details.

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

All tests passed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production126602191485
✅ 💻 Local Development167102191890
✅ 📦 Local Production167102191890
✅ 🐘 Local Postgres167102191890
✅ 🪟 Windows13500135
✅ 📋 Other7690176945
Total7183010528235

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro109026
✅ example109026
✅ express109026
✅ fastify109026
✅ hono109026
✅ nextjs-turbopack13302
✅ nextjs-webpack13302
✅ nitro109026
✅ nuxt109026
✅ sveltekit12807
✅ vite109026
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack13500
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable110025
✅ e2e-local-dev-tanstack-start-110025
✅ e2e-local-postgres-nest-stable110025
✅ e2e-local-postgres-tanstack-start-110025
✅ e2e-local-prod-nest-stable110025
✅ e2e-local-prod-tanstack-start-110025
✅ e2e-vercel-prod-tanstack-start109026

📋 View full workflow run

Lets consumers render the trace viewer loading skeleton standalone
(e.g. front's run-detail page during the initial run fetch).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for 0606949 (AI decision).

This commit adds a loading skeleton for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The run-detail-view.tsx change just passes a loading prop to the NewTraceViewer component, which is also not used on stable. The change specifically builds on main-only behavior and has nothing to backport to.

To override, re-run the Backport to stable workflow manually via workflow_dispatch and paste this commit SHA into the ref input:

0606949e4a5c79b8382da5ece916501e85202e92

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@mitul-s@karthikscale3
, 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' Add loading skeleton to the new trace viewer by mitul-s · Pull Request #2164 · vercel/workflow · GitHub
Skip to content

Add loading skeleton to the new trace viewer - #2164

Merged
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state
May 30, 2026
Merged

Add loading skeleton to the new trace viewer#2164
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

Adds a loading skeleton for the new trace viewer and a couple of related polish items.

  • Loading skeleton (trace-viewer-skeleton.tsx) — mirrors the real viewer's geometry (340px sidebar column, 1px gutter, h-10 rows, h-6 bars, 16px timeline inset, matching paddings/gaps) so there's no layout shift when real data arrives. Wired in via a new loading prop on NewTraceViewer, guarded by events.length === 0 so it doesn't flash over live content during revalidation.
  • Detail panel closed by defaultActiveSpanProvider no longer pre-selects the first span; the panel now opens only on user interaction.
  • Skeleton polish — no pulse animation, and dimensions tuned to be 1:1 with the real header/rows/bars.

Notes

@workflow/web only changes to pass the loading prop through from run-detail-view.tsx.

🤖 Generated with Claude Code

mitul-sand others added 3 commits May 29, 2026 14:48
@mitul-s
mitul-s requested a review from a team as a code ownerMay 29, 2026 18:50
@changeset-bot

changeset-botBot commented May 29, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 976bf0b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/nitroPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch
@workflow/nuxtPatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercelBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

📈 Comparing against baseline from main branch. Green 🟢 = faster, Red 🔺 = slower.

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro0.038s (-11.1% 🟢)1.005s (~)0.967s101.00x
💻 LocalExpress0.043s (-2.9%)1.005s (~)0.962s101.12x
🐘 PostgresNitro0.059s (-37.7% 🟢)1.012s (-3.0%)0.952s101.55x
🐘 PostgresExpress0.060s (+4.0%)1.013s (~)0.952s101.57x
💻 LocalNext.js (Turbopack)0.063s1.007s0.944s101.63x
🐘 PostgresNext.js (Turbopack)0.067s1.012s0.945s101.74x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.288s (+14.5% 🔺)2.200s (-5.7% 🟢)1.912s101.00x
▲ VercelNitro0.303s (-26.0% 🟢)2.466s (-1.7%)2.162s101.05x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.090s (-3.7%)2.006s (~)0.916s101.00x
💻 LocalExpress1.097s (-2.5%)2.006s (~)0.909s101.01x
🐘 PostgresNitro1.100s (-3.5%)2.009s (~)0.910s101.01x
🐘 PostgresExpress1.112s (-3.0%)2.011s (~)0.898s101.02x
💻 LocalNext.js (Turbopack)1.128s2.007s0.879s101.04x
🐘 PostgresNext.js (Turbopack)1.148s2.009s0.861s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro1.563s (-59.9% 🟢)3.962s (-32.9% 🟢)2.400s101.00x
▲ VercelNext.js (Turbopack)1.626s (-20.1% 🟢)4.279s (+11.7% 🔺)2.653s101.04x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro10.495s (-4.1%)11.021s (~)0.526s31.00x
🐘 PostgresNitro10.546s (-3.0%)11.020s (~)0.474s31.00x
🐘 PostgresExpress10.571s (-3.6%)11.021s (~)0.451s31.01x
💻 LocalExpress10.572s (-3.2%)11.024s (~)0.452s31.01x
💻 LocalNext.js (Turbopack)10.801s11.020s0.219s31.03x
🐘 PostgresNext.js (Turbopack)10.874s11.013s0.139s31.04x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.853s (-41.6% 🟢)15.528s (-38.2% 🟢)1.675s21.00x
▲ VercelNext.js (Turbopack)13.873s (-19.9% 🟢)16.129s (-16.9% 🟢)2.256s21.00x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.729s (-8.3% 🟢)14.026s (-6.7% 🟢)0.296s51.00x
💻 LocalNitro13.746s (-8.7% 🟢)14.027s (-12.5% 🟢)0.280s51.00x
🐘 PostgresExpress13.753s (-5.7% 🟢)14.021s (-6.7% 🟢)0.268s51.00x
🐘 PostgresNitro13.755s (-5.8% 🟢)14.016s (-6.7% 🟢)0.261s51.00x
💻 LocalNext.js (Turbopack)14.357s15.030s0.674s41.05x
🐘 PostgresNext.js (Turbopack)14.365s15.016s0.651s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.311s (-57.6% 🟢)24.861s (-54.5% 🟢)2.550s31.00x
▲ VercelNitro22.440s (-65.2% 🟢)24.716s (-62.9% 🟢)2.276s31.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro12.281s (-26.8% 🟢)13.024s (-23.5% 🟢)0.743s71.00x
🐘 PostgresNitro12.314s (-11.8% 🟢)13.017s (-9.0% 🟢)0.703s71.00x
💻 LocalExpress12.467s (-24.9% 🟢)13.025s (-23.5% 🟢)0.558s71.02x
🐘 PostgresExpress12.531s (-10.5% 🟢)13.021s (-10.8% 🟢)0.490s71.02x
💻 LocalNext.js (Turbopack)13.583s14.026s0.443s71.11x
🐘 PostgresNext.js (Turbopack)13.683s14.019s0.337s71.11x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)29.357s (-92.5% 🟢)31.409s (-92.1% 🟢)2.051s31.00x
▲ VercelNitro31.212s (-92.6% 🟢)33.406s (-92.1% 🟢)2.195s31.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.165s (-8.6% 🟢)2.007s (~)0.842s151.00x
💻 LocalNitro1.183s (-27.5% 🟢)2.005s (-3.3%)0.822s151.01x
🐘 PostgresExpress1.209s (-4.1%)2.075s (+3.3%)0.866s151.04x
💻 LocalExpress1.224s (-17.8% 🟢)2.005s (~)0.782s151.05x
🐘 PostgresNext.js (Turbopack)1.248s2.007s0.759s151.07x
💻 LocalNext.js (Turbopack)1.340s2.006s0.666s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.664s (-5.5% 🟢)4.279s (-1.0%)1.614s81.00x
▲ VercelNext.js (Turbopack)3.007s (-11.5% 🟢)5.176s (+4.9%)2.169s61.13x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.249s (-46.9% 🟢)2.007s (-33.3% 🟢)0.758s151.00x
🐘 PostgresExpress1.286s (-45.5% 🟢)2.007s (-33.3% 🟢)0.721s151.03x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.626s151.11x
💻 LocalExpress1.641s (-44.4% 🟢)2.006s (-41.9% 🟢)0.365s151.31x
💻 LocalNitro1.698s (-46.0% 🟢)2.006s (-48.4% 🟢)0.307s151.36x
💻 LocalNext.js (Turbopack)1.778s2.149s0.371s141.42x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.705s (-8.6% 🟢)5.605s (-5.3% 🟢)1.900s61.00x
▲ VercelNext.js (Turbopack)5.258s (-25.9% 🟢)7.301s (-18.0% 🟢)2.043s51.42x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.392s (-60.1% 🟢)2.009s (-49.9% 🟢)0.617s151.00x
🐘 PostgresNitro1.401s (-59.7% 🟢)2.008s (-49.9% 🟢)0.607s151.01x
🐘 PostgresNext.js (Turbopack)1.638s2.222s0.584s141.18x
💻 LocalNext.js (Turbopack)4.449s5.178s0.729s63.20x
💻 LocalExpress4.537s (-45.6% 🟢)5.012s (-44.5% 🟢)0.475s63.26x
💻 LocalNitro4.677s (-44.0% 🟢)5.345s (-40.7% 🟢)0.668s63.36x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.420s (+53.8% 🔺)8.369s (+51.2% 🔺)2.948s51.00x
▲ VercelNext.js (Turbopack)6.768s (-24.1% 🟢)9.514s (-13.2% 🟢)2.745s41.25x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.174s (-6.6% 🟢)2.008s (~)0.834s151.00x
🐘 PostgresExpress1.186s (-5.7% 🟢)2.009s (~)0.823s151.01x
🐘 PostgresNext.js (Turbopack)1.264s2.008s0.744s151.08x
💻 LocalNext.js (Turbopack)1.352s2.006s0.654s151.15x
💻 LocalExpress1.441s (-23.9% 🟢)2.006s (-15.1% 🟢)0.564s151.23x
💻 LocalNitro1.872s (~)2.392s (+2.2%)0.520s131.59x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.729s (+11.0% 🔺)5.355s (+28.4% 🔺)2.626s61.00x
▲ VercelNext.js (Turbopack)2.762s (-5.8% 🟢)4.391s (-5.4% 🟢)1.630s71.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.256s (-46.3% 🟢)2.008s (-33.3% 🟢)0.752s151.00x
🐘 PostgresExpress1.280s (-45.3% 🟢)2.010s (-33.3% 🟢)0.730s151.02x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.625s151.10x
💻 LocalExpress1.717s (-45.2% 🟢)2.006s (-46.7% 🟢)0.289s151.37x
💻 LocalNitro1.894s (-38.2% 🟢)2.294s (-41.0% 🟢)0.400s141.51x
💻 LocalNext.js (Turbopack)2.062s2.826s0.764s111.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.859s (+19.4% 🔺)5.564s (+9.6% 🔺)1.705s61.00x
▲ VercelNext.js (Turbopack)3.964s (+26.1% 🔺)5.826s (+28.8% 🔺)1.862s61.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresExpress1.409s (-59.7% 🟢)2.010s (-49.9% 🟢)0.600s151.01x
🐘 PostgresNext.js (Turbopack)1.631s2.074s0.444s151.17x
💻 LocalNext.js (Turbopack)4.652s5.012s0.360s63.34x
💻 LocalExpress4.671s (-46.9% 🟢)5.177s (-44.2% 🟢)0.506s63.36x
💻 LocalNitro5.028s (-45.0% 🟢)5.682s (-43.3% 🟢)0.654s63.62x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.247s (+3.0%)7.257s (+6.5% 🔺)2.010s51.00x
▲ VercelNext.js (Turbopack)6.992s (+3.5%)10.865s (+27.2% 🔺)3.874s41.33x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.537s (-34.5% 🟢)1.006s (~)0.469s601.00x
💻 LocalNitro0.578s (-41.1% 🟢)1.004s (-8.2% 🟢)0.427s601.07x
💻 LocalExpress0.588s (-40.3% 🟢)1.004s (-6.7% 🟢)0.416s601.09x
🐘 PostgresExpress0.593s (-29.3% 🟢)1.042s (+1.8%)0.448s581.10x
🐘 PostgresNext.js (Turbopack)0.806s1.007s0.201s601.50x
💻 LocalNext.js (Turbopack)0.851s1.004s0.153s601.58x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro6.352s (-71.2% 🟢)8.224s (-65.8% 🟢)1.872s81.00x
▲ VercelNext.js (Turbopack)6.722s (-53.7% 🟢)8.654s (-46.2% 🟢)1.932s71.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.293s (-32.9% 🟢)2.007s (-4.5%)0.714s451.00x
🐘 PostgresExpress1.347s (-31.9% 🟢)2.008s (-11.1% 🟢)0.661s451.04x
💻 LocalNitro1.449s (-52.2% 🟢)2.028s (-46.0% 🟢)0.579s451.12x
💻 LocalExpress1.486s (-50.7% 🟢)2.005s (-44.1% 🟢)0.519s451.15x
🐘 PostgresNext.js (Turbopack)1.918s2.076s0.157s441.48x
💻 LocalNext.js (Turbopack)2.075s2.976s0.901s311.60x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.823s (-65.0% 🟢)16.783s (-59.4% 🟢)2.960s61.00x
▲ VercelNext.js (Turbopack)15.968s (-67.9% 🟢)17.976s (-65.2% 🟢)2.008s61.16x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro2.628s (-36.0% 🟢)3.085s (-33.0% 🟢)0.457s391.00x
🐘 PostgresExpress2.646s (-33.7% 🟢)3.059s (-30.0% 🟢)0.413s401.01x
💻 LocalNitro3.139s (-66.2% 🟢)3.821s (-61.9% 🟢)0.682s321.19x
💻 LocalExpress3.194s (-65.3% 🟢)3.944s (-60.6% 🟢)0.750s311.22x
🐘 PostgresNext.js (Turbopack)3.762s4.011s0.249s301.43x
💻 LocalNext.js (Turbopack)4.288s5.010s0.723s241.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro27.581s (-71.5% 🟢)30.910s (-68.6% 🟢)3.329s41.00x
▲ VercelNext.js (Turbopack)30.147s (-71.9% 🟢)33.228s (-69.5% 🟢)3.081s41.09x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.208s (-26.4% 🟢)1.006s (~)0.797s601.00x
🐘 PostgresExpress0.220s (-22.2% 🟢)1.006s (~)0.786s601.05x
🐘 PostgresNext.js (Turbopack)0.258s1.006s0.748s601.24x
💻 LocalNitro0.434s (-28.3% 🟢)1.004s (-1.7%)0.570s602.08x
💻 LocalExpress0.449s (-19.9% 🟢)1.021s (+1.7%)0.572s592.15x
💻 LocalNext.js (Turbopack)0.642s1.058s0.416s573.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.241s (+34.9% 🔺)4.256s (+27.0% 🔺)2.015s151.00x
▲ VercelNext.js (Turbopack)2.408s (+19.0% 🔺)4.071s (+7.3% 🔺)1.664s151.07x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.324s (-34.8% 🟢)1.006s (~)0.682s901.00x
🐘 PostgresExpress0.348s (-31.8% 🟢)1.006s (~)0.659s901.07x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.48x
💻 LocalExpress2.042s (-18.7% 🟢)2.536s (-15.7% 🟢)0.493s366.31x
💻 LocalNitro2.051s (-19.2% 🟢)2.579s (-14.3% 🟢)0.528s356.34x
💻 LocalNext.js (Turbopack)2.361s3.044s0.683s307.29x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.759s (+47.5% 🔺)6.997s (+45.1% 🔺)2.239s131.00x
▲ VercelNext.js (Turbopack)5.647s (+59.7% 🔺)7.727s (+48.8% 🔺)2.080s121.19x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.651s (-17.6% 🟢)1.007s (~)0.355s1201.00x
🐘 PostgresExpress0.672s (-17.9% 🟢)1.006s (-1.1%)0.334s1201.03x
🐘 PostgresNext.js (Turbopack)0.979s1.622s0.642s751.50x
💻 LocalExpress9.051s (-19.1% 🟢)9.560s (-19.9% 🟢)0.509s1313.90x
💻 LocalNitro9.448s (-15.6% 🟢)10.025s (-14.0% 🟢)0.578s1314.51x
💻 LocalNext.js (Turbopack)10.472s11.300s0.828s1116.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.043s (+68.9% 🔺)15.147s (+61.1% 🔺)2.104s81.00x
▲ VercelNext.js (Turbopack)13.465s (+30.4% 🔺)16.107s (+31.1% 🔺)2.642s91.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.151s (+478.1% 🔺)2.005s (+99.6% 🔺)0.010s (-15.7% 🟢)2.017s (+98.1% 🔺)0.866s101.00x
💻 LocalNitro1.155s (+440.4% 🔺)2.005s (+99.6% 🔺)0.011s (-15.2% 🟢)2.018s (+98.0% 🔺)0.863s101.00x
🐘 PostgresNitro1.158s (+465.0% 🔺)1.999s (+100.0% 🔺)0.001s (-26.7% 🟢)2.010s (+98.8% 🔺)0.852s101.01x
🐘 PostgresExpress1.177s (+474.0% 🔺)2.002s (+100.4% 🔺)0.001s (-25.0% 🟢)2.010s (+98.8% 🔺)0.833s101.02x
💻 LocalNext.js (Turbopack)1.206s2.003s0.010s2.017s0.811s101.05x
🐘 PostgresNext.js (Turbopack)1.259s2.001s0.002s2.010s0.751s101.09x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.358s (-65.6% 🟢)4.472s (-48.3% 🟢)1.538s (+143.5% 🔺)6.496s (-33.6% 🟢)4.138s101.00x
▲ VercelNitro2.411s (-37.1% 🟢)4.533s (-14.1% 🟢)13.114s (+1667.1% 🔺)18.421s (+184.1% 🔺)16.010s101.02x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.557s (+85.7% 🔺)2.009s (+98.5% 🔺)0.010s (+8.1% 🔺)2.021s (+81.1% 🔺)0.464s301.00x
🐘 PostgresNitro1.574s (+152.2% 🔺)1.999s (+98.6% 🔺)0.004s (-6.5% 🟢)2.024s (+97.9% 🔺)0.450s301.01x
🐘 PostgresExpress1.593s (+152.8% 🔺)2.009s (+99.6% 🔺)0.004s (+2.7%)2.026s (+98.1% 🔺)0.434s301.02x
🐘 PostgresNext.js (Turbopack)1.728s2.010s0.004s2.024s0.295s301.11x
💻 LocalExpress1.744s (+130.4% 🔺)2.009s (+95.2% 🔺)0.010s (+5.1% 🔺)2.199s (+111.5% 🔺)0.455s281.12x
💻 LocalNext.js (Turbopack)1.911s2.007s0.011s2.201s0.290s281.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.946s (-79.8% 🟢)7.619s (-75.3% 🟢)0.184s (+64.6% 🔺)8.313s (-73.8% 🟢)2.367s81.00x
▲ VercelNext.js (Turbopack)6.140s (-63.7% 🟢)7.636s (-58.1% 🟢)0.275s (+30.1% 🔺)8.424s (-55.5% 🟢)2.285s81.03x
▲ VercelExpress⚠️missing-----

🔍 Observability: Nitro | Next.js (Turbopack)

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.706s (-26.5% 🟢)1.051s (-17.7% 🟢)0.000s (+21.1% 🔺)1.065s (-18.5% 🟢)0.359s571.00x
🐘 PostgresNitro0.715s (-26.2% 🟢)0.994s (-20.3% 🟢)0.000s (+62.7% 🔺)1.025s (-18.5% 🟢)0.310s591.01x
🐘 PostgresNext.js (Turbopack)0.818s1.054s0.000s1.061s0.243s571.16x
💻 LocalExpress1.345s (+9.8% 🔺)2.012s (~)0.000s (~)2.014s (~)0.669s301.90x
💻 LocalNitro1.383s (+13.1% 🔺)2.014s (~)0.000s (+133.3% 🔺)2.016s (~)0.633s301.96x
💻 LocalNext.js (Turbopack)1.532s2.013s0.000s2.017s0.485s302.17x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)3.491s (-65.7% 🟢)5.213s (-54.7% 🟢)0.000s (+Infinity% 🔺)6.146s (-49.0% 🟢)2.655s101.00x
▲ VercelNitro156.095s (+5017.2% 🔺)157.810s (+3492.6% 🔺)0.000s (-100.0% 🟢)158.430s (+3194.5% 🔺)2.335s244.71x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

fan-out fan-in 10 streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.280s (-28.6% 🟢)2.031s (-5.1% 🟢)0.000s (-6.7% 🟢)2.053s (-5.6% 🟢)0.773s301.00x
🐘 PostgresExpress1.521s (-14.1% 🟢)2.222s (+2.0%)0.000s (+Infinity% 🔺)2.233s (+1.6%)0.712s271.19x
🐘 PostgresNext.js (Turbopack)1.708s2.225s0.000s2.232s0.524s271.33x
💻 LocalExpress2.972s (-14.3% 🟢)3.671s (-9.0% 🟢)0.001s (+2.9%)3.676s (-8.9% 🟢)0.704s172.32x
💻 LocalNitro3.089s (-8.8% 🟢)3.828s (-5.1% 🟢)0.001s (+52.3% 🔺)3.844s (-4.8%)0.754s162.41x
💻 LocalNext.js (Turbopack)3.260s3.839s0.001s3.842s0.583s162.55x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.514s (+34.7% 🔺)7.010s (+30.4% 🔺)0.000s (-8.3% 🟢)7.647s (+32.0% 🔺)2.133s81.00x
▲ VercelExpress⚠️missing-----
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNitro10/21
🐘 PostgresNitro18/21
▲ VercelNitro16/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres15/21
Next.js (Turbopack)🐘 Postgres15/21
Nitro🐘 Postgres14/21
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Redis + BullMQ: Community world (local development)
  • 🌐 Cloudflare: Community world (local development)
  • 🌐 MySQL: Community world (local development)
  • 🌐 Azure: Community world (local development)
  • 🌐 NATS JetStream: Community world (local development)
  • 🌐 Upstash: Community world (local development)

📋 View full workflow run


Some benchmark jobs failed:

  • Local: success
  • Postgres: success
  • Vercel: failure

Check the workflow run for details.

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

All tests passed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production126602191485
✅ 💻 Local Development167102191890
✅ 📦 Local Production167102191890
✅ 🐘 Local Postgres167102191890
✅ 🪟 Windows13500135
✅ 📋 Other7690176945
Total7183010528235

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro109026
✅ example109026
✅ express109026
✅ fastify109026
✅ hono109026
✅ nextjs-turbopack13302
✅ nextjs-webpack13302
✅ nitro109026
✅ nuxt109026
✅ sveltekit12807
✅ vite109026
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack13500
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable110025
✅ e2e-local-dev-tanstack-start-110025
✅ e2e-local-postgres-nest-stable110025
✅ e2e-local-postgres-tanstack-start-110025
✅ e2e-local-prod-nest-stable110025
✅ e2e-local-prod-tanstack-start-110025
✅ e2e-vercel-prod-tanstack-start109026

📋 View full workflow run

Lets consumers render the trace viewer loading skeleton standalone
(e.g. front's run-detail page during the initial run fetch).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for 0606949 (AI decision).

This commit adds a loading skeleton for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The run-detail-view.tsx change just passes a loading prop to the NewTraceViewer component, which is also not used on stable. The change specifically builds on main-only behavior and has nothing to backport to.

To override, re-run the Backport to stable workflow manually via workflow_dispatch and paste this commit SHA into the ref input:

0606949e4a5c79b8382da5ece916501e85202e92

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@mitul-s@karthikscale3
, 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); Add loading skeleton to the new trace viewer by mitul-s · Pull Request #2164 · vercel/workflow · GitHub
Skip to content

Add loading skeleton to the new trace viewer - #2164

Merged
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state
May 30, 2026
Merged

Add loading skeleton to the new trace viewer#2164
mitul-s merged 8 commits into
mainfrom
ms/add-loading-state

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

Adds a loading skeleton for the new trace viewer and a couple of related polish items.

  • Loading skeleton (trace-viewer-skeleton.tsx) — mirrors the real viewer's geometry (340px sidebar column, 1px gutter, h-10 rows, h-6 bars, 16px timeline inset, matching paddings/gaps) so there's no layout shift when real data arrives. Wired in via a new loading prop on NewTraceViewer, guarded by events.length === 0 so it doesn't flash over live content during revalidation.
  • Detail panel closed by defaultActiveSpanProvider no longer pre-selects the first span; the panel now opens only on user interaction.
  • Skeleton polish — no pulse animation, and dimensions tuned to be 1:1 with the real header/rows/bars.

Notes

@workflow/web only changes to pass the loading prop through from run-detail-view.tsx.

🤖 Generated with Claude Code

mitul-sand others added 3 commits May 29, 2026 14:48
@mitul-s
mitul-s requested a review from a team as a code ownerMay 29, 2026 18:50
@changeset-bot

changeset-botBot commented May 29, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 976bf0b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/nitroPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch
@workflow/nuxtPatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercelBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

📈 Comparing against baseline from main branch. Green 🟢 = faster, Red 🔺 = slower.

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro0.038s (-11.1% 🟢)1.005s (~)0.967s101.00x
💻 LocalExpress0.043s (-2.9%)1.005s (~)0.962s101.12x
🐘 PostgresNitro0.059s (-37.7% 🟢)1.012s (-3.0%)0.952s101.55x
🐘 PostgresExpress0.060s (+4.0%)1.013s (~)0.952s101.57x
💻 LocalNext.js (Turbopack)0.063s1.007s0.944s101.63x
🐘 PostgresNext.js (Turbopack)0.067s1.012s0.945s101.74x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.288s (+14.5% 🔺)2.200s (-5.7% 🟢)1.912s101.00x
▲ VercelNitro0.303s (-26.0% 🟢)2.466s (-1.7%)2.162s101.05x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.090s (-3.7%)2.006s (~)0.916s101.00x
💻 LocalExpress1.097s (-2.5%)2.006s (~)0.909s101.01x
🐘 PostgresNitro1.100s (-3.5%)2.009s (~)0.910s101.01x
🐘 PostgresExpress1.112s (-3.0%)2.011s (~)0.898s101.02x
💻 LocalNext.js (Turbopack)1.128s2.007s0.879s101.04x
🐘 PostgresNext.js (Turbopack)1.148s2.009s0.861s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro1.563s (-59.9% 🟢)3.962s (-32.9% 🟢)2.400s101.00x
▲ VercelNext.js (Turbopack)1.626s (-20.1% 🟢)4.279s (+11.7% 🔺)2.653s101.04x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro10.495s (-4.1%)11.021s (~)0.526s31.00x
🐘 PostgresNitro10.546s (-3.0%)11.020s (~)0.474s31.00x
🐘 PostgresExpress10.571s (-3.6%)11.021s (~)0.451s31.01x
💻 LocalExpress10.572s (-3.2%)11.024s (~)0.452s31.01x
💻 LocalNext.js (Turbopack)10.801s11.020s0.219s31.03x
🐘 PostgresNext.js (Turbopack)10.874s11.013s0.139s31.04x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.853s (-41.6% 🟢)15.528s (-38.2% 🟢)1.675s21.00x
▲ VercelNext.js (Turbopack)13.873s (-19.9% 🟢)16.129s (-16.9% 🟢)2.256s21.00x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.729s (-8.3% 🟢)14.026s (-6.7% 🟢)0.296s51.00x
💻 LocalNitro13.746s (-8.7% 🟢)14.027s (-12.5% 🟢)0.280s51.00x
🐘 PostgresExpress13.753s (-5.7% 🟢)14.021s (-6.7% 🟢)0.268s51.00x
🐘 PostgresNitro13.755s (-5.8% 🟢)14.016s (-6.7% 🟢)0.261s51.00x
💻 LocalNext.js (Turbopack)14.357s15.030s0.674s41.05x
🐘 PostgresNext.js (Turbopack)14.365s15.016s0.651s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.311s (-57.6% 🟢)24.861s (-54.5% 🟢)2.550s31.00x
▲ VercelNitro22.440s (-65.2% 🟢)24.716s (-62.9% 🟢)2.276s31.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro12.281s (-26.8% 🟢)13.024s (-23.5% 🟢)0.743s71.00x
🐘 PostgresNitro12.314s (-11.8% 🟢)13.017s (-9.0% 🟢)0.703s71.00x
💻 LocalExpress12.467s (-24.9% 🟢)13.025s (-23.5% 🟢)0.558s71.02x
🐘 PostgresExpress12.531s (-10.5% 🟢)13.021s (-10.8% 🟢)0.490s71.02x
💻 LocalNext.js (Turbopack)13.583s14.026s0.443s71.11x
🐘 PostgresNext.js (Turbopack)13.683s14.019s0.337s71.11x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)29.357s (-92.5% 🟢)31.409s (-92.1% 🟢)2.051s31.00x
▲ VercelNitro31.212s (-92.6% 🟢)33.406s (-92.1% 🟢)2.195s31.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.165s (-8.6% 🟢)2.007s (~)0.842s151.00x
💻 LocalNitro1.183s (-27.5% 🟢)2.005s (-3.3%)0.822s151.01x
🐘 PostgresExpress1.209s (-4.1%)2.075s (+3.3%)0.866s151.04x
💻 LocalExpress1.224s (-17.8% 🟢)2.005s (~)0.782s151.05x
🐘 PostgresNext.js (Turbopack)1.248s2.007s0.759s151.07x
💻 LocalNext.js (Turbopack)1.340s2.006s0.666s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.664s (-5.5% 🟢)4.279s (-1.0%)1.614s81.00x
▲ VercelNext.js (Turbopack)3.007s (-11.5% 🟢)5.176s (+4.9%)2.169s61.13x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.249s (-46.9% 🟢)2.007s (-33.3% 🟢)0.758s151.00x
🐘 PostgresExpress1.286s (-45.5% 🟢)2.007s (-33.3% 🟢)0.721s151.03x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.626s151.11x
💻 LocalExpress1.641s (-44.4% 🟢)2.006s (-41.9% 🟢)0.365s151.31x
💻 LocalNitro1.698s (-46.0% 🟢)2.006s (-48.4% 🟢)0.307s151.36x
💻 LocalNext.js (Turbopack)1.778s2.149s0.371s141.42x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.705s (-8.6% 🟢)5.605s (-5.3% 🟢)1.900s61.00x
▲ VercelNext.js (Turbopack)5.258s (-25.9% 🟢)7.301s (-18.0% 🟢)2.043s51.42x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.392s (-60.1% 🟢)2.009s (-49.9% 🟢)0.617s151.00x
🐘 PostgresNitro1.401s (-59.7% 🟢)2.008s (-49.9% 🟢)0.607s151.01x
🐘 PostgresNext.js (Turbopack)1.638s2.222s0.584s141.18x
💻 LocalNext.js (Turbopack)4.449s5.178s0.729s63.20x
💻 LocalExpress4.537s (-45.6% 🟢)5.012s (-44.5% 🟢)0.475s63.26x
💻 LocalNitro4.677s (-44.0% 🟢)5.345s (-40.7% 🟢)0.668s63.36x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.420s (+53.8% 🔺)8.369s (+51.2% 🔺)2.948s51.00x
▲ VercelNext.js (Turbopack)6.768s (-24.1% 🟢)9.514s (-13.2% 🟢)2.745s41.25x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.174s (-6.6% 🟢)2.008s (~)0.834s151.00x
🐘 PostgresExpress1.186s (-5.7% 🟢)2.009s (~)0.823s151.01x
🐘 PostgresNext.js (Turbopack)1.264s2.008s0.744s151.08x
💻 LocalNext.js (Turbopack)1.352s2.006s0.654s151.15x
💻 LocalExpress1.441s (-23.9% 🟢)2.006s (-15.1% 🟢)0.564s151.23x
💻 LocalNitro1.872s (~)2.392s (+2.2%)0.520s131.59x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.729s (+11.0% 🔺)5.355s (+28.4% 🔺)2.626s61.00x
▲ VercelNext.js (Turbopack)2.762s (-5.8% 🟢)4.391s (-5.4% 🟢)1.630s71.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.256s (-46.3% 🟢)2.008s (-33.3% 🟢)0.752s151.00x
🐘 PostgresExpress1.280s (-45.3% 🟢)2.010s (-33.3% 🟢)0.730s151.02x
🐘 PostgresNext.js (Turbopack)1.382s2.008s0.625s151.10x
💻 LocalExpress1.717s (-45.2% 🟢)2.006s (-46.7% 🟢)0.289s151.37x
💻 LocalNitro1.894s (-38.2% 🟢)2.294s (-41.0% 🟢)0.400s141.51x
💻 LocalNext.js (Turbopack)2.062s2.826s0.764s111.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.859s (+19.4% 🔺)5.564s (+9.6% 🔺)1.705s61.00x
▲ VercelNext.js (Turbopack)3.964s (+26.1% 🔺)5.826s (+28.8% 🔺)1.862s61.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresExpress1.409s (-59.7% 🟢)2.010s (-49.9% 🟢)0.600s151.01x
🐘 PostgresNext.js (Turbopack)1.631s2.074s0.444s151.17x
💻 LocalNext.js (Turbopack)4.652s5.012s0.360s63.34x
💻 LocalExpress4.671s (-46.9% 🟢)5.177s (-44.2% 🟢)0.506s63.36x
💻 LocalNitro5.028s (-45.0% 🟢)5.682s (-43.3% 🟢)0.654s63.62x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.247s (+3.0%)7.257s (+6.5% 🔺)2.010s51.00x
▲ VercelNext.js (Turbopack)6.992s (+3.5%)10.865s (+27.2% 🔺)3.874s41.33x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.537s (-34.5% 🟢)1.006s (~)0.469s601.00x
💻 LocalNitro0.578s (-41.1% 🟢)1.004s (-8.2% 🟢)0.427s601.07x
💻 LocalExpress0.588s (-40.3% 🟢)1.004s (-6.7% 🟢)0.416s601.09x
🐘 PostgresExpress0.593s (-29.3% 🟢)1.042s (+1.8%)0.448s581.10x
🐘 PostgresNext.js (Turbopack)0.806s1.007s0.201s601.50x
💻 LocalNext.js (Turbopack)0.851s1.004s0.153s601.58x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro6.352s (-71.2% 🟢)8.224s (-65.8% 🟢)1.872s81.00x
▲ VercelNext.js (Turbopack)6.722s (-53.7% 🟢)8.654s (-46.2% 🟢)1.932s71.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.293s (-32.9% 🟢)2.007s (-4.5%)0.714s451.00x
🐘 PostgresExpress1.347s (-31.9% 🟢)2.008s (-11.1% 🟢)0.661s451.04x
💻 LocalNitro1.449s (-52.2% 🟢)2.028s (-46.0% 🟢)0.579s451.12x
💻 LocalExpress1.486s (-50.7% 🟢)2.005s (-44.1% 🟢)0.519s451.15x
🐘 PostgresNext.js (Turbopack)1.918s2.076s0.157s441.48x
💻 LocalNext.js (Turbopack)2.075s2.976s0.901s311.60x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.823s (-65.0% 🟢)16.783s (-59.4% 🟢)2.960s61.00x
▲ VercelNext.js (Turbopack)15.968s (-67.9% 🟢)17.976s (-65.2% 🟢)2.008s61.16x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro2.628s (-36.0% 🟢)3.085s (-33.0% 🟢)0.457s391.00x
🐘 PostgresExpress2.646s (-33.7% 🟢)3.059s (-30.0% 🟢)0.413s401.01x
💻 LocalNitro3.139s (-66.2% 🟢)3.821s (-61.9% 🟢)0.682s321.19x
💻 LocalExpress3.194s (-65.3% 🟢)3.944s (-60.6% 🟢)0.750s311.22x
🐘 PostgresNext.js (Turbopack)3.762s4.011s0.249s301.43x
💻 LocalNext.js (Turbopack)4.288s5.010s0.723s241.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro27.581s (-71.5% 🟢)30.910s (-68.6% 🟢)3.329s41.00x
▲ VercelNext.js (Turbopack)30.147s (-71.9% 🟢)33.228s (-69.5% 🟢)3.081s41.09x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.208s (-26.4% 🟢)1.006s (~)0.797s601.00x
🐘 PostgresExpress0.220s (-22.2% 🟢)1.006s (~)0.786s601.05x
🐘 PostgresNext.js (Turbopack)0.258s1.006s0.748s601.24x
💻 LocalNitro0.434s (-28.3% 🟢)1.004s (-1.7%)0.570s602.08x
💻 LocalExpress0.449s (-19.9% 🟢)1.021s (+1.7%)0.572s592.15x
💻 LocalNext.js (Turbopack)0.642s1.058s0.416s573.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.241s (+34.9% 🔺)4.256s (+27.0% 🔺)2.015s151.00x
▲ VercelNext.js (Turbopack)2.408s (+19.0% 🔺)4.071s (+7.3% 🔺)1.664s151.07x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.324s (-34.8% 🟢)1.006s (~)0.682s901.00x
🐘 PostgresExpress0.348s (-31.8% 🟢)1.006s (~)0.659s901.07x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.48x
💻 LocalExpress2.042s (-18.7% 🟢)2.536s (-15.7% 🟢)0.493s366.31x
💻 LocalNitro2.051s (-19.2% 🟢)2.579s (-14.3% 🟢)0.528s356.34x
💻 LocalNext.js (Turbopack)2.361s3.044s0.683s307.29x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.759s (+47.5% 🔺)6.997s (+45.1% 🔺)2.239s131.00x
▲ VercelNext.js (Turbopack)5.647s (+59.7% 🔺)7.727s (+48.8% 🔺)2.080s121.19x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.651s (-17.6% 🟢)1.007s (~)0.355s1201.00x
🐘 PostgresExpress0.672s (-17.9% 🟢)1.006s (-1.1%)0.334s1201.03x
🐘 PostgresNext.js (Turbopack)0.979s1.622s0.642s751.50x
💻 LocalExpress9.051s (-19.1% 🟢)9.560s (-19.9% 🟢)0.509s1313.90x
💻 LocalNitro9.448s (-15.6% 🟢)10.025s (-14.0% 🟢)0.578s1314.51x
💻 LocalNext.js (Turbopack)10.472s11.300s0.828s1116.08x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.043s (+68.9% 🔺)15.147s (+61.1% 🔺)2.104s81.00x
▲ VercelNext.js (Turbopack)13.465s (+30.4% 🔺)16.107s (+31.1% 🔺)2.642s91.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.151s (+478.1% 🔺)2.005s (+99.6% 🔺)0.010s (-15.7% 🟢)2.017s (+98.1% 🔺)0.866s101.00x
💻 LocalNitro1.155s (+440.4% 🔺)2.005s (+99.6% 🔺)0.011s (-15.2% 🟢)2.018s (+98.0% 🔺)0.863s101.00x
🐘 PostgresNitro1.158s (+465.0% 🔺)1.999s (+100.0% 🔺)0.001s (-26.7% 🟢)2.010s (+98.8% 🔺)0.852s101.01x
🐘 PostgresExpress1.177s (+474.0% 🔺)2.002s (+100.4% 🔺)0.001s (-25.0% 🟢)2.010s (+98.8% 🔺)0.833s101.02x
💻 LocalNext.js (Turbopack)1.206s2.003s0.010s2.017s0.811s101.05x
🐘 PostgresNext.js (Turbopack)1.259s2.001s0.002s2.010s0.751s101.09x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.358s (-65.6% 🟢)4.472s (-48.3% 🟢)1.538s (+143.5% 🔺)6.496s (-33.6% 🟢)4.138s101.00x
▲ VercelNitro2.411s (-37.1% 🟢)4.533s (-14.1% 🟢)13.114s (+1667.1% 🔺)18.421s (+184.1% 🔺)16.010s101.02x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.557s (+85.7% 🔺)2.009s (+98.5% 🔺)0.010s (+8.1% 🔺)2.021s (+81.1% 🔺)0.464s301.00x
🐘 PostgresNitro1.574s (+152.2% 🔺)1.999s (+98.6% 🔺)0.004s (-6.5% 🟢)2.024s (+97.9% 🔺)0.450s301.01x
🐘 PostgresExpress1.593s (+152.8% 🔺)2.009s (+99.6% 🔺)0.004s (+2.7%)2.026s (+98.1% 🔺)0.434s301.02x
🐘 PostgresNext.js (Turbopack)1.728s2.010s0.004s2.024s0.295s301.11x
💻 LocalExpress1.744s (+130.4% 🔺)2.009s (+95.2% 🔺)0.010s (+5.1% 🔺)2.199s (+111.5% 🔺)0.455s281.12x
💻 LocalNext.js (Turbopack)1.911s2.007s0.011s2.201s0.290s281.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.946s (-79.8% 🟢)7.619s (-75.3% 🟢)0.184s (+64.6% 🔺)8.313s (-73.8% 🟢)2.367s81.00x
▲ VercelNext.js (Turbopack)6.140s (-63.7% 🟢)7.636s (-58.1% 🟢)0.275s (+30.1% 🔺)8.424s (-55.5% 🟢)2.285s81.03x
▲ VercelExpress⚠️missing-----

🔍 Observability: Nitro | Next.js (Turbopack)

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.706s (-26.5% 🟢)1.051s (-17.7% 🟢)0.000s (+21.1% 🔺)1.065s (-18.5% 🟢)0.359s571.00x
🐘 PostgresNitro0.715s (-26.2% 🟢)0.994s (-20.3% 🟢)0.000s (+62.7% 🔺)1.025s (-18.5% 🟢)0.310s591.01x
🐘 PostgresNext.js (Turbopack)0.818s1.054s0.000s1.061s0.243s571.16x
💻 LocalExpress1.345s (+9.8% 🔺)2.012s (~)0.000s (~)2.014s (~)0.669s301.90x
💻 LocalNitro1.383s (+13.1% 🔺)2.014s (~)0.000s (+133.3% 🔺)2.016s (~)0.633s301.96x
💻 LocalNext.js (Turbopack)1.532s2.013s0.000s2.017s0.485s302.17x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)3.491s (-65.7% 🟢)5.213s (-54.7% 🟢)0.000s (+Infinity% 🔺)6.146s (-49.0% 🟢)2.655s101.00x
▲ VercelNitro156.095s (+5017.2% 🔺)157.810s (+3492.6% 🔺)0.000s (-100.0% 🟢)158.430s (+3194.5% 🔺)2.335s244.71x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

fan-out fan-in 10 streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.280s (-28.6% 🟢)2.031s (-5.1% 🟢)0.000s (-6.7% 🟢)2.053s (-5.6% 🟢)0.773s301.00x
🐘 PostgresExpress1.521s (-14.1% 🟢)2.222s (+2.0%)0.000s (+Infinity% 🔺)2.233s (+1.6%)0.712s271.19x
🐘 PostgresNext.js (Turbopack)1.708s2.225s0.000s2.232s0.524s271.33x
💻 LocalExpress2.972s (-14.3% 🟢)3.671s (-9.0% 🟢)0.001s (+2.9%)3.676s (-8.9% 🟢)0.704s172.32x
💻 LocalNitro3.089s (-8.8% 🟢)3.828s (-5.1% 🟢)0.001s (+52.3% 🔺)3.844s (-4.8%)0.754s162.41x
💻 LocalNext.js (Turbopack)3.260s3.839s0.001s3.842s0.583s162.55x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.514s (+34.7% 🔺)7.010s (+30.4% 🔺)0.000s (-8.3% 🟢)7.647s (+32.0% 🔺)2.133s81.00x
▲ VercelExpress⚠️missing-----
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNitro10/21
🐘 PostgresNitro18/21
▲ VercelNitro16/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres15/21
Next.js (Turbopack)🐘 Postgres15/21
Nitro🐘 Postgres14/21
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Redis + BullMQ: Community world (local development)
  • 🌐 Cloudflare: Community world (local development)
  • 🌐 MySQL: Community world (local development)
  • 🌐 Azure: Community world (local development)
  • 🌐 NATS JetStream: Community world (local development)
  • 🌐 Upstash: Community world (local development)

📋 View full workflow run


Some benchmark jobs failed:

  • Local: success
  • Postgres: success
  • Vercel: failure

Check the workflow run for details.

@github-actions

github-actionsBot commented May 29, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

All tests passed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production126602191485
✅ 💻 Local Development167102191890
✅ 📦 Local Production167102191890
✅ 🐘 Local Postgres167102191890
✅ 🪟 Windows13500135
✅ 📋 Other7690176945
Total7183010528235

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro109026
✅ example109026
✅ express109026
✅ fastify109026
✅ hono109026
✅ nextjs-turbopack13302
✅ nextjs-webpack13302
✅ nitro109026
✅ nuxt109026
✅ sveltekit12807
✅ vite109026
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack13500
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable110025
✅ e2e-local-dev-tanstack-start-110025
✅ e2e-local-postgres-nest-stable110025
✅ e2e-local-postgres-tanstack-start-110025
✅ e2e-local-prod-nest-stable110025
✅ e2e-local-prod-tanstack-start-110025
✅ e2e-vercel-prod-tanstack-start109026

📋 View full workflow run

Lets consumers render the trace viewer loading skeleton standalone
(e.g. front's run-detail page during the initial run fetch).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for 0606949 (AI decision).

This commit adds a loading skeleton for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The run-detail-view.tsx change just passes a loading prop to the NewTraceViewer component, which is also not used on stable. The change specifically builds on main-only behavior and has nothing to backport to.

To override, re-run the Backport to stable workflow manually via workflow_dispatch and paste this commit SHA into the ref input:

0606949e4a5c79b8382da5ece916501e85202e92

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@mitul-s@karthikscale3