Skip to content

Trace viewer: scroll-load events past an auto-load cap - #2200

Merged
mitul-s merged 4 commits into
mainfrom
ms/loading-spans
Jun 1, 2026
Merged

Trace viewer: scroll-load events past an auto-load cap#2200
mitul-s merged 4 commits into
mainfrom
ms/loading-spans

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

The new trace viewer was getting stuck on the first page for large runs. This re-wires pagination:

  • Auto-load up to a cap, then scroll-load.use-trace-viewer.ts backfills history pages until AUTO_LOAD_MAX_EVENTS (500), then stops; further loading is driven by scrolling.
  • IntersectionObserver scroll-loading. New useLoadMoreOnScroll + useIntersectionObserver hooks (ported from vercel/front's @vercel/hooks, with root threaded as a ref so the observer roots on the viewer's internal scroll container). A sentinel near the bottom of the span list triggers the next page — no per-scroll layout reads.
  • NewTraceViewer gains onLoadMore / hasMore / isLoadingMore props and renders a centered "Loading spans…" footer (Geist spinner) while fetching.
  • SplitPane exposes its scroll container via scrollContainerRef so the observer can root on it.

Notes

  • AUTO_LOAD_MAX_EVENTS is also set in vercel/front's use-workflow-trace-data.ts (the trace viewer's other consumer) — keep them in sync. See vercel/front#72039.
  • The cap governs only hands-free backfill; scroll + live-poll still load beyond it by design.

🤖 Generated with Claude Code

@mitul-s
mitul-s requested a review from a team as a code ownerJune 1, 2026 16:49
@changeset-bot

changeset-botBot commented Jun 1, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 49f0c86

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 Jun 1, 2026

Copy link
Copy Markdown
Contributor

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review notes 1–6 (inline). Overall this fixes the missing pagination wiring; minor follow-ups above.

Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web-shared/src/hooks/use-intersection-observer.ts
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/hooks/use-load-more-on-scroll.ts
@github-actions

github-actionsBot commented Jun 1, 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.041s (-4.4%)1.006s (~)0.965s101.00x
💻 LocalExpress0.043s (-3.8%)1.005s (~)0.962s101.03x
💻 LocalNext.js (Turbopack)0.061s1.005s0.944s101.48x
🐘 PostgresNitro0.062s (-35.2% 🟢)1.013s (-2.8%)0.952s101.50x
🐘 PostgresExpress0.067s (+14.7% 🔺)1.012s (~)0.945s101.61x
🐘 PostgresNext.js (Turbopack)0.069s1.013s0.944s101.68x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.277s (-32.4% 🟢)2.111s (-15.9% 🟢)1.834s101.00x
▲ VercelExpress0.316s (+34.0% 🔺)2.418s (+13.2% 🔺)2.102s101.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.093s (-2.8%)2.006s (~)0.913s101.00x
💻 LocalNitro1.101s (-2.7%)2.006s (~)0.905s101.01x
🐘 PostgresExpress1.102s (-3.9%)2.009s (~)0.907s101.01x
🐘 PostgresNitro1.105s (-3.0%)2.010s (~)0.904s101.01x
💻 LocalNext.js (Turbopack)1.138s2.006s0.868s101.04x
🐘 PostgresNext.js (Turbopack)1.147s2.009s0.863s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express1.672s (-10.8% 🟢)3.778s (-0.8%)2.105s101.00x
▲ VercelNitro1.744s (-55.2% 🟢)3.467s (-41.3% 🟢)1.723s101.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro10.523s (-3.2%)11.019s (~)0.496s31.00x
💻 LocalNitro10.529s (-3.8%)11.021s (~)0.492s31.00x
🐘 PostgresExpress10.546s (-3.8%)11.020s (~)0.474s31.00x
💻 LocalExpress10.559s (-3.3%)11.021s (~)0.462s31.00x
💻 LocalNext.js (Turbopack)10.776s11.020s0.244s31.02x
🐘 PostgresNext.js (Turbopack)10.826s11.018s0.191s31.03x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.703s (-19.3% 🟢)15.514s (-22.5% 🟢)1.812s21.00x
▲ VercelNitro14.294s (-39.8% 🟢)15.860s (-36.9% 🟢)1.565s21.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.734s (-8.3% 🟢)14.025s (-6.7% 🟢)0.292s51.00x
🐘 PostgresNitro13.745s (-5.8% 🟢)14.020s (-6.7% 🟢)0.274s51.00x
💻 LocalNitro13.756s (-8.7% 🟢)14.027s (-12.5% 🟢)0.271s51.00x
🐘 PostgresExpress13.893s (-4.7%)14.220s (-5.3% 🟢)0.327s51.01x
💻 LocalNext.js (Turbopack)14.290s15.029s0.739s41.04x
🐘 PostgresNext.js (Turbopack)14.456s15.018s0.562s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express23.240s (-53.8% 🟢)25.296s (-51.9% 🟢)2.056s31.00x
▲ VercelNitro23.351s (-63.8% 🟢)25.318s (-62.0% 🟢)1.966s31.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express12.370s (-11.7% 🟢)13.016s (-10.8% 🟢)0.646s71.00x
🐘 PostgresNitro12.464s (-10.8% 🟢)13.018s (-9.0% 🟢)0.554s71.01x
💻 LocalNitro12.480s (-25.6% 🟢)13.024s (-23.5% 🟢)0.544s71.01x
💻 LocalExpress12.500s (-24.7% 🟢)13.025s (-23.5% 🟢)0.525s71.01x
💻 LocalNext.js (Turbopack)13.513s14.028s0.515s71.09x
🐘 PostgresNext.js (Turbopack)14.052s14.449s0.396s71.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro32.042s (-92.4% 🟢)33.957s (-92.0% 🟢)1.916s31.00x
▲ VercelExpress33.574s (-72.3% 🟢)36.447s (-70.5% 🟢)2.873s31.05x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.177s (-7.7% 🟢)2.008s (~)0.831s151.00x
💻 LocalExpress1.179s (-20.8% 🟢)2.006s (~)0.828s151.00x
🐘 PostgresExpress1.179s (-6.5% 🟢)2.008s (~)0.829s151.00x
💻 LocalNitro1.188s (-27.2% 🟢)2.006s (-3.3%)0.818s151.01x
🐘 PostgresNext.js (Turbopack)1.253s2.008s0.755s151.06x
💻 LocalNext.js (Turbopack)1.357s2.006s0.648s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.639s (-6.4% 🟢)4.240s (-1.9%)1.601s81.00x
▲ VercelExpress2.983s (+4.3%)4.828s (+4.4%)1.844s71.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.239s (-47.3% 🟢)2.008s (-33.3% 🟢)0.769s151.00x
🐘 PostgresExpress1.253s (-46.9% 🟢)2.007s (-33.3% 🟢)0.754s151.01x
🐘 PostgresNext.js (Turbopack)1.423s2.007s0.584s151.15x
💻 LocalExpress1.627s (-44.9% 🟢)2.006s (-41.9% 🟢)0.379s151.31x
💻 LocalNitro1.765s (-43.9% 🟢)2.073s (-46.6% 🟢)0.308s151.42x
💻 LocalNext.js (Turbopack)1.886s2.391s0.506s131.52x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.571s (-1.3%)5.011s (-2.0%)1.439s61.00x
▲ VercelNitro3.674s (-9.3% 🟢)5.149s (-13.0% 🟢)1.475s61.03x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.383s (-60.3% 🟢)2.007s (-49.9% 🟢)0.624s151.00x
🐘 PostgresNitro1.390s (-60.0% 🟢)2.008s (-49.9% 🟢)0.618s151.01x
🐘 PostgresNext.js (Turbopack)1.724s2.316s0.592s131.25x
💻 LocalExpress4.388s (-47.4% 🟢)4.868s (-46.1% 🟢)0.480s73.17x
💻 LocalNext.js (Turbopack)4.896s5.297s0.401s73.54x
💻 LocalNitro5.436s (-34.9% 🟢)5.845s (-35.2% 🟢)0.409s63.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.577s (+58.2% 🔺)7.509s (+35.7% 🔺)1.932s51.00x
▲ VercelExpress6.337s (+49.4% 🔺)8.535s (+39.3% 🔺)2.199s41.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.172s (-6.8% 🟢)2.009s (~)0.837s151.00x
🐘 PostgresExpress1.184s (-5.8% 🟢)2.008s (~)0.824s151.01x
🐘 PostgresNext.js (Turbopack)1.241s2.008s0.767s151.06x
💻 LocalNext.js (Turbopack)1.368s2.006s0.638s151.17x
💻 LocalNitro1.541s (-17.4% 🟢)2.006s (-14.3% 🟢)0.465s151.31x
💻 LocalExpress1.566s (-17.3% 🟢)2.006s (-15.1% 🟢)0.440s151.34x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.817s (+9.1% 🔺)4.521s (+3.9%)1.704s71.00x
▲ VercelNitro2.821s (+14.7% 🔺)4.519s (+8.4% 🔺)1.698s71.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.250s (-46.5% 🟢)2.008s (-33.3% 🟢)0.757s151.00x
🐘 PostgresExpress1.297s (-44.6% 🟢)2.008s (-33.3% 🟢)0.712s151.04x
🐘 PostgresNext.js (Turbopack)1.389s2.009s0.619s151.11x
💻 LocalExpress1.725s (-44.9% 🟢)2.072s (-44.9% 🟢)0.347s151.38x
💻 LocalNitro2.071s (-32.4% 🟢)2.591s (-33.3% 🟢)0.519s121.66x
💻 LocalNext.js (Turbopack)2.083s2.735s0.652s111.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.321s (+4.0%)5.207s (+8.6% 🔺)1.886s61.00x
▲ VercelNitro3.531s (+9.2% 🔺)5.157s (+1.6%)1.626s61.06x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.388s (-60.3% 🟢)2.008s (-49.9% 🟢)0.620s151.00x
🐘 PostgresNitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresNext.js (Turbopack)1.771s2.317s0.546s131.28x
💻 LocalExpress4.595s (-47.8% 🟢)5.011s (-46.0% 🟢)0.416s63.31x
💻 LocalNext.js (Turbopack)5.255s5.513s0.258s63.79x
💻 LocalNitro6.433s (-29.7% 🟢)7.015s (-30.0% 🟢)0.582s54.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.399s (-15.9% 🟢)7.246s (-11.4% 🟢)1.847s51.00x
▲ VercelNitro6.645s (+30.5% 🔺)8.837s (+29.6% 🔺)2.193s41.23x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.558s (-32.0% 🟢)1.006s (~)0.448s601.00x
🐘 PostgresExpress0.566s (-32.6% 🟢)1.006s (-1.6%)0.441s601.01x
💻 LocalExpress0.591s (-39.9% 🟢)1.021s (-5.1% 🟢)0.431s591.06x
💻 LocalNitro0.601s (-38.7% 🟢)1.005s (-8.2% 🟢)0.404s601.08x
🐘 PostgresNext.js (Turbopack)0.830s1.024s0.194s591.49x
💻 LocalNext.js (Turbopack)0.859s1.021s0.163s591.54x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.370s (-71.8% 🟢)7.214s (-66.2% 🟢)1.844s91.00x
▲ VercelNitro6.041s (-72.6% 🟢)7.729s (-67.8% 🟢)1.688s81.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.323s (-33.0% 🟢)2.030s (-10.1% 🟢)0.707s451.00x
🐘 PostgresNitro1.390s (-27.9% 🟢)2.030s (-3.3%)0.640s451.05x
💻 LocalExpress1.480s (-50.9% 🟢)2.005s (-44.1% 🟢)0.526s451.12x
💻 LocalNitro1.524s (-49.8% 🟢)2.028s (-46.0% 🟢)0.504s451.15x
🐘 PostgresNext.js (Turbopack)1.986s2.343s0.357s391.50x
💻 LocalNext.js (Turbopack)2.080s2.943s0.863s311.57x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.722s (-60.3% 🟢)16.049s (-56.4% 🟢)2.327s61.00x
▲ VercelNitro16.784s (-57.5% 🟢)18.494s (-55.2% 🟢)1.710s51.22x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express2.577s (-35.4% 🟢)3.058s (-30.0% 🟢)0.481s401.00x
🐘 PostgresNitro2.654s (-35.3% 🟢)3.085s (-33.0% 🟢)0.431s391.03x
💻 LocalExpress3.116s (-66.2% 🟢)3.705s (-63.0% 🟢)0.590s331.21x
💻 LocalNitro3.275s (-64.8% 🟢)4.010s (-60.0% 🟢)0.734s301.27x
🐘 PostgresNext.js (Turbopack)3.832s4.010s0.178s301.49x
💻 LocalNext.js (Turbopack)4.301s5.010s0.709s241.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express29.551s (-77.3% 🟢)32.398s (-75.5% 🟢)2.847s41.00x
▲ VercelNitro31.567s (-67.4% 🟢)33.274s (-66.2% 🟢)1.707s41.07x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.207s (-26.8% 🟢)1.006s (~)0.799s601.00x
🐘 PostgresNitro0.216s (-23.7% 🟢)1.006s (~)0.790s601.04x
🐘 PostgresNext.js (Turbopack)0.263s1.007s0.745s601.27x
💻 LocalExpress0.433s (-22.7% 🟢)1.004s (~)0.571s602.10x
💻 LocalNitro0.462s (-23.6% 🟢)1.021s (~)0.559s592.23x
💻 LocalNext.js (Turbopack)0.580s1.039s0.459s582.81x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.571s (+31.5% 🔺)4.247s (+16.8% 🔺)1.676s151.00x
▲ VercelNitro2.593s (+56.1% 🔺)4.129s (+23.2% 🔺)1.536s151.01x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.341s (-31.4% 🟢)1.007s (~)0.666s901.00x
🐘 PostgresExpress0.359s (-29.6% 🟢)1.018s (+1.2%)0.659s891.05x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.40x
💻 LocalExpress2.006s (-20.2% 🟢)2.536s (-15.7% 🟢)0.530s365.89x
💻 LocalNitro2.121s (-16.4% 🟢)2.655s (-11.8% 🟢)0.534s346.23x
💻 LocalNext.js (Turbopack)2.284s2.977s0.693s316.71x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.601s (+42.6% 🔺)6.275s (+30.1% 🔺)1.674s151.00x
▲ VercelExpress5.138s (+68.6% 🔺)7.056s (+46.8% 🔺)1.918s131.12x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.642s (-18.7% 🟢)1.006s (~)0.364s1201.00x
🐘 PostgresExpress0.647s (-21.0% 🟢)1.006s (-1.1%)0.359s1201.01x
🐘 PostgresNext.js (Turbopack)0.958s1.466s0.508s831.49x
💻 LocalExpress9.101s (-18.7% 🟢)9.561s (-19.9% 🟢)0.460s1314.17x
💻 LocalNitro9.763s (-12.8% 🟢)10.361s (-11.2% 🟢)0.598s1215.20x
💻 LocalNext.js (Turbopack)10.531s11.302s0.771s1116.40x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express14.507s (+95.5% 🔺)16.514s (+78.6% 🔺)2.008s81.00x
▲ VercelNitro15.750s (+103.9% 🔺)17.409s (+85.2% 🔺)1.659s71.09x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.153s (+479.2% 🔺)2.005s (+99.6% 🔺)0.010s (-19.0% 🟢)2.017s (+98.1% 🔺)0.864s101.00x
🐘 PostgresExpress1.157s (+464.1% 🔺)2.003s (+100.6% 🔺)0.001s (-31.3% 🟢)2.011s (+98.8% 🔺)0.854s101.00x
💻 LocalNitro1.164s (+444.5% 🔺)2.005s (+99.6% 🔺)0.013s (+0.8%)2.019s (+98.2% 🔺)0.856s101.01x
🐘 PostgresNitro1.166s (+468.8% 🔺)1.999s (+100.0% 🔺)0.001s (-33.3% 🟢)2.010s (+98.8% 🔺)0.844s101.01x
💻 LocalNext.js (Turbopack)1.204s2.003s0.010s2.018s0.814s101.04x
🐘 PostgresNext.js (Turbopack)1.228s2.002s0.001s2.011s0.783s101.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.292s (-40.2% 🟢)3.373s (-36.1% 🟢)1.464s (+97.3% 🔺)5.300s (-18.3% 🟢)3.008s101.00x
▲ VercelExpress2.399s (-4.3%)3.560s (-13.0% 🟢)1.509s (+57.1% 🔺)5.604s (~)3.205s101.05x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.568s (+148.8% 🔺)2.002s (+99.0% 🔺)0.004s (+7.0% 🔺)2.025s (+98.0% 🔺)0.457s301.00x
💻 LocalExpress1.574s (+107.9% 🔺)2.010s (+95.4% 🔺)0.010s (+6.9% 🔺)2.022s (+94.5% 🔺)0.449s301.00x
💻 LocalNitro1.583s (+88.7% 🔺)2.009s (+98.5% 🔺)0.011s (+17.4% 🔺)2.021s (+81.1% 🔺)0.439s301.01x
🐘 PostgresNitro1.585s (+153.9% 🔺)2.002s (+98.9% 🔺)0.004s (-3.3%)2.026s (+98.1% 🔺)0.441s301.01x
💻 LocalNext.js (Turbopack)1.717s2.008s0.010s2.021s0.304s301.10x
🐘 PostgresNext.js (Turbopack)1.753s2.010s0.004s2.026s0.273s301.12x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express6.267s (-3.6%)7.727s (-3.5%)0.597s (+46.1% 🔺)8.867s (~)2.601s71.00x
▲ VercelNitro6.523s (-77.8% 🟢)7.825s (-74.6% 🟢)0.228s (+103.6% 🔺)8.466s (-73.4% 🟢)1.943s81.04x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Express | Nitro

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.710s (-26.7% 🟢)1.015s (-18.6% 🟢)0.000s (+62.7% 🔺)1.032s (-18.0% 🟢)0.322s591.00x
🐘 PostgresExpress0.714s (-25.7% 🟢)1.028s (-19.5% 🟢)0.000s (-20.7% 🟢)1.048s (-19.7% 🟢)0.335s581.01x
🐘 PostgresNext.js (Turbopack)0.816s1.071s0.000s1.079s0.263s561.15x
💻 LocalExpress1.361s (+11.1% 🔺)2.014s (~)0.000s (+20.0% 🔺)2.016s (~)0.655s301.92x
💻 LocalNitro1.366s (+11.7% 🔺)2.014s (~)0.000s (+66.7% 🔺)2.016s (~)0.650s301.92x
💻 LocalNext.js (Turbopack)1.690s2.013s0.000s2.196s0.505s282.38x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.744s (+22.7% 🔺)4.766s (+8.5% 🔺)0.000s (-100.0% 🟢)5.154s (+7.2% 🔺)1.410s121.00x
▲ VercelExpress4.545s (+21.5% 🔺)5.740s (+12.5% 🔺)0.000s (-100.0% 🟢)6.250s (+13.0% 🔺)1.706s101.21x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

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

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.265s (-29.4% 🟢)2.033s (-5.1% 🟢)0.000s (-6.7% 🟢)2.050s (-5.7% 🟢)0.786s301.00x
🐘 PostgresExpress1.315s (-25.8% 🟢)1.996s (-8.3% 🟢)0.000s (NaN%)2.044s (-7.0% 🟢)0.729s301.04x
🐘 PostgresNext.js (Turbopack)1.703s2.299s0.000s2.307s0.605s271.35x
💻 LocalNitro3.052s (-9.9% 🟢)3.840s (-4.8%)0.001s (+75.8% 🔺)3.842s (-4.8%)0.790s162.41x
💻 LocalExpress3.072s (-11.4% 🟢)3.901s (-3.3%)0.001s (+9.4% 🔺)3.903s (-3.3%)0.831s162.43x
💻 LocalNext.js (Turbopack)3.172s3.731s0.001s3.735s0.563s172.51x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.571s (+36.1% 🔺)6.817s (+26.8% 🔺)0.000s (+63.0% 🔺)7.240s (+25.0% 🔺)1.670s91.00x
▲ VercelExpress5.994s (+30.7% 🔺)7.645s (+26.9% 🔺)0.000s (+Infinity% 🔺)8.265s (+28.0% 🔺)2.271s81.08x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalExpress16/21
🐘 PostgresNitro12/21
▲ VercelExpress13/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres16/21
Next.js (Turbopack)🐘 Postgres14/21
Nitro🐘 Postgres17/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 Jun 1, 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

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Re-reviewed after the latest commits (Update trace-viewer.tsx, Update use-trace-viewer.test.ts).

Looks good to merge:

  • Pagination is correctly wired through run-detail-viewNewTraceViewer
  • Footer spinner now only shows while isLoadingMore
  • Auto-backfill cap + scroll-load via IntersectionObserver are solid
  • New pagination tests pass (8/8 locally)

Remaining follow-up is out of scope here: vercel/front parity for the new trace viewer flag path (front#72039).

@mitul-s
mitul-s merged commit f0f002a into mainJun 1, 2026
279 of 304 checks passed
@mitul-s
mitul-s deleted the ms/loading-spans branch June 1, 2026 19:42
@github-actionsgithub-actionsBot mentioned this pull request Jun 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for f0f002a (AI decision).

This commit fixes pagination for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and packages/web-shared/src/components/trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The accompanying change to use-trace-viewer.ts introduces a new auto-load-with-cap behavior (and tests for it) that doesn't exist on stable (stable's hook has no auto-load useEffect), so it isn't fixing a bug present there. The change builds on main-only behavior.

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

f0f002ae05e6b4a66eb72e1b1c48fda1bcd0f412

pranaygp added a commit that referenced this pull request Jun 2, 2026
* origin/main:
[world-vercel] Retry transient response-body parse failures in the HTTP client (#2204)
Add virtualization to the trace viewer (#2205)
Trace viewer: scroll-load events past an auto-load cap (#2200)
fix(core): resolve forwarded stream keys across deployments (#2191)
[e2e] Improve error labeling in event-log-race-repro CI job (#2190)
[core] Harden event pagination response parsing (#2180) (#2179)
Add loading skeleton to the new trace viewer (#2164)
Add tooltip components + apply on up/down detail pane (#2163)
fix(swc-plugin): allow wasm host imports during link (#2174)
[test] Forward-port reused-sleep replay divergence test (#2172)
[e2e] Add `event-log-race-repro` label for triggering CI stress-test (#2159)
Version Packages (beta) (#2162)
fix(world-local): skip Nov 2025 ghost versions on npm (#2168)
fix(core,errors): classify SDK encryption failures as RUNTIME_ERROR (#2145)
[web-shared][web] Fix events tab search (#2107)
Version Packages (beta) (#2147)
Allow setting workflow attributes from steps (#2157)
Better search handling on the trace viewer (#2144)
[docs] Document experimental attributes feature (#2141)
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" + '
Trace viewer: scroll-load events past an auto-load cap by mitul-s · Pull Request #2200 · vercel/workflow · GitHub
Skip to content

Trace viewer: scroll-load events past an auto-load cap - #2200

Merged
mitul-s merged 4 commits into
mainfrom
ms/loading-spans
Jun 1, 2026
Merged

Trace viewer: scroll-load events past an auto-load cap#2200
mitul-s merged 4 commits into
mainfrom
ms/loading-spans

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

The new trace viewer was getting stuck on the first page for large runs. This re-wires pagination:

  • Auto-load up to a cap, then scroll-load.use-trace-viewer.ts backfills history pages until AUTO_LOAD_MAX_EVENTS (500), then stops; further loading is driven by scrolling.
  • IntersectionObserver scroll-loading. New useLoadMoreOnScroll + useIntersectionObserver hooks (ported from vercel/front's @vercel/hooks, with root threaded as a ref so the observer roots on the viewer's internal scroll container). A sentinel near the bottom of the span list triggers the next page — no per-scroll layout reads.
  • NewTraceViewer gains onLoadMore / hasMore / isLoadingMore props and renders a centered "Loading spans…" footer (Geist spinner) while fetching.
  • SplitPane exposes its scroll container via scrollContainerRef so the observer can root on it.

Notes

  • AUTO_LOAD_MAX_EVENTS is also set in vercel/front's use-workflow-trace-data.ts (the trace viewer's other consumer) — keep them in sync. See vercel/front#72039.
  • The cap governs only hands-free backfill; scroll + live-poll still load beyond it by design.

🤖 Generated with Claude Code

@mitul-s
mitul-s requested a review from a team as a code ownerJune 1, 2026 16:49
@changeset-bot

changeset-botBot commented Jun 1, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 49f0c86

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 Jun 1, 2026

Copy link
Copy Markdown
Contributor

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review notes 1–6 (inline). Overall this fixes the missing pagination wiring; minor follow-ups above.

Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web-shared/src/hooks/use-intersection-observer.ts
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/hooks/use-load-more-on-scroll.ts
@github-actions

github-actionsBot commented Jun 1, 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.041s (-4.4%)1.006s (~)0.965s101.00x
💻 LocalExpress0.043s (-3.8%)1.005s (~)0.962s101.03x
💻 LocalNext.js (Turbopack)0.061s1.005s0.944s101.48x
🐘 PostgresNitro0.062s (-35.2% 🟢)1.013s (-2.8%)0.952s101.50x
🐘 PostgresExpress0.067s (+14.7% 🔺)1.012s (~)0.945s101.61x
🐘 PostgresNext.js (Turbopack)0.069s1.013s0.944s101.68x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.277s (-32.4% 🟢)2.111s (-15.9% 🟢)1.834s101.00x
▲ VercelExpress0.316s (+34.0% 🔺)2.418s (+13.2% 🔺)2.102s101.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.093s (-2.8%)2.006s (~)0.913s101.00x
💻 LocalNitro1.101s (-2.7%)2.006s (~)0.905s101.01x
🐘 PostgresExpress1.102s (-3.9%)2.009s (~)0.907s101.01x
🐘 PostgresNitro1.105s (-3.0%)2.010s (~)0.904s101.01x
💻 LocalNext.js (Turbopack)1.138s2.006s0.868s101.04x
🐘 PostgresNext.js (Turbopack)1.147s2.009s0.863s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express1.672s (-10.8% 🟢)3.778s (-0.8%)2.105s101.00x
▲ VercelNitro1.744s (-55.2% 🟢)3.467s (-41.3% 🟢)1.723s101.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro10.523s (-3.2%)11.019s (~)0.496s31.00x
💻 LocalNitro10.529s (-3.8%)11.021s (~)0.492s31.00x
🐘 PostgresExpress10.546s (-3.8%)11.020s (~)0.474s31.00x
💻 LocalExpress10.559s (-3.3%)11.021s (~)0.462s31.00x
💻 LocalNext.js (Turbopack)10.776s11.020s0.244s31.02x
🐘 PostgresNext.js (Turbopack)10.826s11.018s0.191s31.03x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.703s (-19.3% 🟢)15.514s (-22.5% 🟢)1.812s21.00x
▲ VercelNitro14.294s (-39.8% 🟢)15.860s (-36.9% 🟢)1.565s21.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.734s (-8.3% 🟢)14.025s (-6.7% 🟢)0.292s51.00x
🐘 PostgresNitro13.745s (-5.8% 🟢)14.020s (-6.7% 🟢)0.274s51.00x
💻 LocalNitro13.756s (-8.7% 🟢)14.027s (-12.5% 🟢)0.271s51.00x
🐘 PostgresExpress13.893s (-4.7%)14.220s (-5.3% 🟢)0.327s51.01x
💻 LocalNext.js (Turbopack)14.290s15.029s0.739s41.04x
🐘 PostgresNext.js (Turbopack)14.456s15.018s0.562s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express23.240s (-53.8% 🟢)25.296s (-51.9% 🟢)2.056s31.00x
▲ VercelNitro23.351s (-63.8% 🟢)25.318s (-62.0% 🟢)1.966s31.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express12.370s (-11.7% 🟢)13.016s (-10.8% 🟢)0.646s71.00x
🐘 PostgresNitro12.464s (-10.8% 🟢)13.018s (-9.0% 🟢)0.554s71.01x
💻 LocalNitro12.480s (-25.6% 🟢)13.024s (-23.5% 🟢)0.544s71.01x
💻 LocalExpress12.500s (-24.7% 🟢)13.025s (-23.5% 🟢)0.525s71.01x
💻 LocalNext.js (Turbopack)13.513s14.028s0.515s71.09x
🐘 PostgresNext.js (Turbopack)14.052s14.449s0.396s71.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro32.042s (-92.4% 🟢)33.957s (-92.0% 🟢)1.916s31.00x
▲ VercelExpress33.574s (-72.3% 🟢)36.447s (-70.5% 🟢)2.873s31.05x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.177s (-7.7% 🟢)2.008s (~)0.831s151.00x
💻 LocalExpress1.179s (-20.8% 🟢)2.006s (~)0.828s151.00x
🐘 PostgresExpress1.179s (-6.5% 🟢)2.008s (~)0.829s151.00x
💻 LocalNitro1.188s (-27.2% 🟢)2.006s (-3.3%)0.818s151.01x
🐘 PostgresNext.js (Turbopack)1.253s2.008s0.755s151.06x
💻 LocalNext.js (Turbopack)1.357s2.006s0.648s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.639s (-6.4% 🟢)4.240s (-1.9%)1.601s81.00x
▲ VercelExpress2.983s (+4.3%)4.828s (+4.4%)1.844s71.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.239s (-47.3% 🟢)2.008s (-33.3% 🟢)0.769s151.00x
🐘 PostgresExpress1.253s (-46.9% 🟢)2.007s (-33.3% 🟢)0.754s151.01x
🐘 PostgresNext.js (Turbopack)1.423s2.007s0.584s151.15x
💻 LocalExpress1.627s (-44.9% 🟢)2.006s (-41.9% 🟢)0.379s151.31x
💻 LocalNitro1.765s (-43.9% 🟢)2.073s (-46.6% 🟢)0.308s151.42x
💻 LocalNext.js (Turbopack)1.886s2.391s0.506s131.52x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.571s (-1.3%)5.011s (-2.0%)1.439s61.00x
▲ VercelNitro3.674s (-9.3% 🟢)5.149s (-13.0% 🟢)1.475s61.03x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.383s (-60.3% 🟢)2.007s (-49.9% 🟢)0.624s151.00x
🐘 PostgresNitro1.390s (-60.0% 🟢)2.008s (-49.9% 🟢)0.618s151.01x
🐘 PostgresNext.js (Turbopack)1.724s2.316s0.592s131.25x
💻 LocalExpress4.388s (-47.4% 🟢)4.868s (-46.1% 🟢)0.480s73.17x
💻 LocalNext.js (Turbopack)4.896s5.297s0.401s73.54x
💻 LocalNitro5.436s (-34.9% 🟢)5.845s (-35.2% 🟢)0.409s63.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.577s (+58.2% 🔺)7.509s (+35.7% 🔺)1.932s51.00x
▲ VercelExpress6.337s (+49.4% 🔺)8.535s (+39.3% 🔺)2.199s41.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.172s (-6.8% 🟢)2.009s (~)0.837s151.00x
🐘 PostgresExpress1.184s (-5.8% 🟢)2.008s (~)0.824s151.01x
🐘 PostgresNext.js (Turbopack)1.241s2.008s0.767s151.06x
💻 LocalNext.js (Turbopack)1.368s2.006s0.638s151.17x
💻 LocalNitro1.541s (-17.4% 🟢)2.006s (-14.3% 🟢)0.465s151.31x
💻 LocalExpress1.566s (-17.3% 🟢)2.006s (-15.1% 🟢)0.440s151.34x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.817s (+9.1% 🔺)4.521s (+3.9%)1.704s71.00x
▲ VercelNitro2.821s (+14.7% 🔺)4.519s (+8.4% 🔺)1.698s71.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.250s (-46.5% 🟢)2.008s (-33.3% 🟢)0.757s151.00x
🐘 PostgresExpress1.297s (-44.6% 🟢)2.008s (-33.3% 🟢)0.712s151.04x
🐘 PostgresNext.js (Turbopack)1.389s2.009s0.619s151.11x
💻 LocalExpress1.725s (-44.9% 🟢)2.072s (-44.9% 🟢)0.347s151.38x
💻 LocalNitro2.071s (-32.4% 🟢)2.591s (-33.3% 🟢)0.519s121.66x
💻 LocalNext.js (Turbopack)2.083s2.735s0.652s111.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.321s (+4.0%)5.207s (+8.6% 🔺)1.886s61.00x
▲ VercelNitro3.531s (+9.2% 🔺)5.157s (+1.6%)1.626s61.06x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.388s (-60.3% 🟢)2.008s (-49.9% 🟢)0.620s151.00x
🐘 PostgresNitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresNext.js (Turbopack)1.771s2.317s0.546s131.28x
💻 LocalExpress4.595s (-47.8% 🟢)5.011s (-46.0% 🟢)0.416s63.31x
💻 LocalNext.js (Turbopack)5.255s5.513s0.258s63.79x
💻 LocalNitro6.433s (-29.7% 🟢)7.015s (-30.0% 🟢)0.582s54.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.399s (-15.9% 🟢)7.246s (-11.4% 🟢)1.847s51.00x
▲ VercelNitro6.645s (+30.5% 🔺)8.837s (+29.6% 🔺)2.193s41.23x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.558s (-32.0% 🟢)1.006s (~)0.448s601.00x
🐘 PostgresExpress0.566s (-32.6% 🟢)1.006s (-1.6%)0.441s601.01x
💻 LocalExpress0.591s (-39.9% 🟢)1.021s (-5.1% 🟢)0.431s591.06x
💻 LocalNitro0.601s (-38.7% 🟢)1.005s (-8.2% 🟢)0.404s601.08x
🐘 PostgresNext.js (Turbopack)0.830s1.024s0.194s591.49x
💻 LocalNext.js (Turbopack)0.859s1.021s0.163s591.54x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.370s (-71.8% 🟢)7.214s (-66.2% 🟢)1.844s91.00x
▲ VercelNitro6.041s (-72.6% 🟢)7.729s (-67.8% 🟢)1.688s81.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.323s (-33.0% 🟢)2.030s (-10.1% 🟢)0.707s451.00x
🐘 PostgresNitro1.390s (-27.9% 🟢)2.030s (-3.3%)0.640s451.05x
💻 LocalExpress1.480s (-50.9% 🟢)2.005s (-44.1% 🟢)0.526s451.12x
💻 LocalNitro1.524s (-49.8% 🟢)2.028s (-46.0% 🟢)0.504s451.15x
🐘 PostgresNext.js (Turbopack)1.986s2.343s0.357s391.50x
💻 LocalNext.js (Turbopack)2.080s2.943s0.863s311.57x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.722s (-60.3% 🟢)16.049s (-56.4% 🟢)2.327s61.00x
▲ VercelNitro16.784s (-57.5% 🟢)18.494s (-55.2% 🟢)1.710s51.22x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express2.577s (-35.4% 🟢)3.058s (-30.0% 🟢)0.481s401.00x
🐘 PostgresNitro2.654s (-35.3% 🟢)3.085s (-33.0% 🟢)0.431s391.03x
💻 LocalExpress3.116s (-66.2% 🟢)3.705s (-63.0% 🟢)0.590s331.21x
💻 LocalNitro3.275s (-64.8% 🟢)4.010s (-60.0% 🟢)0.734s301.27x
🐘 PostgresNext.js (Turbopack)3.832s4.010s0.178s301.49x
💻 LocalNext.js (Turbopack)4.301s5.010s0.709s241.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express29.551s (-77.3% 🟢)32.398s (-75.5% 🟢)2.847s41.00x
▲ VercelNitro31.567s (-67.4% 🟢)33.274s (-66.2% 🟢)1.707s41.07x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.207s (-26.8% 🟢)1.006s (~)0.799s601.00x
🐘 PostgresNitro0.216s (-23.7% 🟢)1.006s (~)0.790s601.04x
🐘 PostgresNext.js (Turbopack)0.263s1.007s0.745s601.27x
💻 LocalExpress0.433s (-22.7% 🟢)1.004s (~)0.571s602.10x
💻 LocalNitro0.462s (-23.6% 🟢)1.021s (~)0.559s592.23x
💻 LocalNext.js (Turbopack)0.580s1.039s0.459s582.81x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.571s (+31.5% 🔺)4.247s (+16.8% 🔺)1.676s151.00x
▲ VercelNitro2.593s (+56.1% 🔺)4.129s (+23.2% 🔺)1.536s151.01x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.341s (-31.4% 🟢)1.007s (~)0.666s901.00x
🐘 PostgresExpress0.359s (-29.6% 🟢)1.018s (+1.2%)0.659s891.05x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.40x
💻 LocalExpress2.006s (-20.2% 🟢)2.536s (-15.7% 🟢)0.530s365.89x
💻 LocalNitro2.121s (-16.4% 🟢)2.655s (-11.8% 🟢)0.534s346.23x
💻 LocalNext.js (Turbopack)2.284s2.977s0.693s316.71x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.601s (+42.6% 🔺)6.275s (+30.1% 🔺)1.674s151.00x
▲ VercelExpress5.138s (+68.6% 🔺)7.056s (+46.8% 🔺)1.918s131.12x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.642s (-18.7% 🟢)1.006s (~)0.364s1201.00x
🐘 PostgresExpress0.647s (-21.0% 🟢)1.006s (-1.1%)0.359s1201.01x
🐘 PostgresNext.js (Turbopack)0.958s1.466s0.508s831.49x
💻 LocalExpress9.101s (-18.7% 🟢)9.561s (-19.9% 🟢)0.460s1314.17x
💻 LocalNitro9.763s (-12.8% 🟢)10.361s (-11.2% 🟢)0.598s1215.20x
💻 LocalNext.js (Turbopack)10.531s11.302s0.771s1116.40x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express14.507s (+95.5% 🔺)16.514s (+78.6% 🔺)2.008s81.00x
▲ VercelNitro15.750s (+103.9% 🔺)17.409s (+85.2% 🔺)1.659s71.09x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.153s (+479.2% 🔺)2.005s (+99.6% 🔺)0.010s (-19.0% 🟢)2.017s (+98.1% 🔺)0.864s101.00x
🐘 PostgresExpress1.157s (+464.1% 🔺)2.003s (+100.6% 🔺)0.001s (-31.3% 🟢)2.011s (+98.8% 🔺)0.854s101.00x
💻 LocalNitro1.164s (+444.5% 🔺)2.005s (+99.6% 🔺)0.013s (+0.8%)2.019s (+98.2% 🔺)0.856s101.01x
🐘 PostgresNitro1.166s (+468.8% 🔺)1.999s (+100.0% 🔺)0.001s (-33.3% 🟢)2.010s (+98.8% 🔺)0.844s101.01x
💻 LocalNext.js (Turbopack)1.204s2.003s0.010s2.018s0.814s101.04x
🐘 PostgresNext.js (Turbopack)1.228s2.002s0.001s2.011s0.783s101.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.292s (-40.2% 🟢)3.373s (-36.1% 🟢)1.464s (+97.3% 🔺)5.300s (-18.3% 🟢)3.008s101.00x
▲ VercelExpress2.399s (-4.3%)3.560s (-13.0% 🟢)1.509s (+57.1% 🔺)5.604s (~)3.205s101.05x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.568s (+148.8% 🔺)2.002s (+99.0% 🔺)0.004s (+7.0% 🔺)2.025s (+98.0% 🔺)0.457s301.00x
💻 LocalExpress1.574s (+107.9% 🔺)2.010s (+95.4% 🔺)0.010s (+6.9% 🔺)2.022s (+94.5% 🔺)0.449s301.00x
💻 LocalNitro1.583s (+88.7% 🔺)2.009s (+98.5% 🔺)0.011s (+17.4% 🔺)2.021s (+81.1% 🔺)0.439s301.01x
🐘 PostgresNitro1.585s (+153.9% 🔺)2.002s (+98.9% 🔺)0.004s (-3.3%)2.026s (+98.1% 🔺)0.441s301.01x
💻 LocalNext.js (Turbopack)1.717s2.008s0.010s2.021s0.304s301.10x
🐘 PostgresNext.js (Turbopack)1.753s2.010s0.004s2.026s0.273s301.12x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express6.267s (-3.6%)7.727s (-3.5%)0.597s (+46.1% 🔺)8.867s (~)2.601s71.00x
▲ VercelNitro6.523s (-77.8% 🟢)7.825s (-74.6% 🟢)0.228s (+103.6% 🔺)8.466s (-73.4% 🟢)1.943s81.04x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Express | Nitro

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.710s (-26.7% 🟢)1.015s (-18.6% 🟢)0.000s (+62.7% 🔺)1.032s (-18.0% 🟢)0.322s591.00x
🐘 PostgresExpress0.714s (-25.7% 🟢)1.028s (-19.5% 🟢)0.000s (-20.7% 🟢)1.048s (-19.7% 🟢)0.335s581.01x
🐘 PostgresNext.js (Turbopack)0.816s1.071s0.000s1.079s0.263s561.15x
💻 LocalExpress1.361s (+11.1% 🔺)2.014s (~)0.000s (+20.0% 🔺)2.016s (~)0.655s301.92x
💻 LocalNitro1.366s (+11.7% 🔺)2.014s (~)0.000s (+66.7% 🔺)2.016s (~)0.650s301.92x
💻 LocalNext.js (Turbopack)1.690s2.013s0.000s2.196s0.505s282.38x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.744s (+22.7% 🔺)4.766s (+8.5% 🔺)0.000s (-100.0% 🟢)5.154s (+7.2% 🔺)1.410s121.00x
▲ VercelExpress4.545s (+21.5% 🔺)5.740s (+12.5% 🔺)0.000s (-100.0% 🟢)6.250s (+13.0% 🔺)1.706s101.21x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

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

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.265s (-29.4% 🟢)2.033s (-5.1% 🟢)0.000s (-6.7% 🟢)2.050s (-5.7% 🟢)0.786s301.00x
🐘 PostgresExpress1.315s (-25.8% 🟢)1.996s (-8.3% 🟢)0.000s (NaN%)2.044s (-7.0% 🟢)0.729s301.04x
🐘 PostgresNext.js (Turbopack)1.703s2.299s0.000s2.307s0.605s271.35x
💻 LocalNitro3.052s (-9.9% 🟢)3.840s (-4.8%)0.001s (+75.8% 🔺)3.842s (-4.8%)0.790s162.41x
💻 LocalExpress3.072s (-11.4% 🟢)3.901s (-3.3%)0.001s (+9.4% 🔺)3.903s (-3.3%)0.831s162.43x
💻 LocalNext.js (Turbopack)3.172s3.731s0.001s3.735s0.563s172.51x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.571s (+36.1% 🔺)6.817s (+26.8% 🔺)0.000s (+63.0% 🔺)7.240s (+25.0% 🔺)1.670s91.00x
▲ VercelExpress5.994s (+30.7% 🔺)7.645s (+26.9% 🔺)0.000s (+Infinity% 🔺)8.265s (+28.0% 🔺)2.271s81.08x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalExpress16/21
🐘 PostgresNitro12/21
▲ VercelExpress13/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres16/21
Next.js (Turbopack)🐘 Postgres14/21
Nitro🐘 Postgres17/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 Jun 1, 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

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Re-reviewed after the latest commits (Update trace-viewer.tsx, Update use-trace-viewer.test.ts).

Looks good to merge:

  • Pagination is correctly wired through run-detail-viewNewTraceViewer
  • Footer spinner now only shows while isLoadingMore
  • Auto-backfill cap + scroll-load via IntersectionObserver are solid
  • New pagination tests pass (8/8 locally)

Remaining follow-up is out of scope here: vercel/front parity for the new trace viewer flag path (front#72039).

@mitul-s
mitul-s merged commit f0f002a into mainJun 1, 2026
279 of 304 checks passed
@mitul-s
mitul-s deleted the ms/loading-spans branch June 1, 2026 19:42
@github-actionsgithub-actionsBot mentioned this pull request Jun 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for f0f002a (AI decision).

This commit fixes pagination for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and packages/web-shared/src/components/trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The accompanying change to use-trace-viewer.ts introduces a new auto-load-with-cap behavior (and tests for it) that doesn't exist on stable (stable's hook has no auto-load useEffect), so it isn't fixing a bug present there. The change builds on main-only behavior.

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

f0f002ae05e6b4a66eb72e1b1c48fda1bcd0f412

pranaygp added a commit that referenced this pull request Jun 2, 2026
* origin/main:
[world-vercel] Retry transient response-body parse failures in the HTTP client (#2204)
Add virtualization to the trace viewer (#2205)
Trace viewer: scroll-load events past an auto-load cap (#2200)
fix(core): resolve forwarded stream keys across deployments (#2191)
[e2e] Improve error labeling in event-log-race-repro CI job (#2190)
[core] Harden event pagination response parsing (#2180) (#2179)
Add loading skeleton to the new trace viewer (#2164)
Add tooltip components + apply on up/down detail pane (#2163)
fix(swc-plugin): allow wasm host imports during link (#2174)
[test] Forward-port reused-sleep replay divergence test (#2172)
[e2e] Add `event-log-race-repro` label for triggering CI stress-test (#2159)
Version Packages (beta) (#2162)
fix(world-local): skip Nov 2025 ghost versions on npm (#2168)
fix(core,errors): classify SDK encryption failures as RUNTIME_ERROR (#2145)
[web-shared][web] Fix events tab search (#2107)
Version Packages (beta) (#2147)
Allow setting workflow attributes from steps (#2157)
Better search handling on the trace viewer (#2144)
[docs] Document experimental attributes feature (#2141)
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('^' + ".*" + ' Trace viewer: scroll-load events past an auto-load cap by mitul-s · Pull Request #2200 · vercel/workflow · GitHub
Skip to content

Trace viewer: scroll-load events past an auto-load cap - #2200

Merged
mitul-s merged 4 commits into
mainfrom
ms/loading-spans
Jun 1, 2026
Merged

Trace viewer: scroll-load events past an auto-load cap#2200
mitul-s merged 4 commits into
mainfrom
ms/loading-spans

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

The new trace viewer was getting stuck on the first page for large runs. This re-wires pagination:

  • Auto-load up to a cap, then scroll-load.use-trace-viewer.ts backfills history pages until AUTO_LOAD_MAX_EVENTS (500), then stops; further loading is driven by scrolling.
  • IntersectionObserver scroll-loading. New useLoadMoreOnScroll + useIntersectionObserver hooks (ported from vercel/front's @vercel/hooks, with root threaded as a ref so the observer roots on the viewer's internal scroll container). A sentinel near the bottom of the span list triggers the next page — no per-scroll layout reads.
  • NewTraceViewer gains onLoadMore / hasMore / isLoadingMore props and renders a centered "Loading spans…" footer (Geist spinner) while fetching.
  • SplitPane exposes its scroll container via scrollContainerRef so the observer can root on it.

Notes

  • AUTO_LOAD_MAX_EVENTS is also set in vercel/front's use-workflow-trace-data.ts (the trace viewer's other consumer) — keep them in sync. See vercel/front#72039.
  • The cap governs only hands-free backfill; scroll + live-poll still load beyond it by design.

🤖 Generated with Claude Code

@mitul-s
mitul-s requested a review from a team as a code ownerJune 1, 2026 16:49
@changeset-bot

changeset-botBot commented Jun 1, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 49f0c86

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 Jun 1, 2026

Copy link
Copy Markdown
Contributor

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review notes 1–6 (inline). Overall this fixes the missing pagination wiring; minor follow-ups above.

Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web-shared/src/hooks/use-intersection-observer.ts
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/hooks/use-load-more-on-scroll.ts
@github-actions

github-actionsBot commented Jun 1, 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.041s (-4.4%)1.006s (~)0.965s101.00x
💻 LocalExpress0.043s (-3.8%)1.005s (~)0.962s101.03x
💻 LocalNext.js (Turbopack)0.061s1.005s0.944s101.48x
🐘 PostgresNitro0.062s (-35.2% 🟢)1.013s (-2.8%)0.952s101.50x
🐘 PostgresExpress0.067s (+14.7% 🔺)1.012s (~)0.945s101.61x
🐘 PostgresNext.js (Turbopack)0.069s1.013s0.944s101.68x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.277s (-32.4% 🟢)2.111s (-15.9% 🟢)1.834s101.00x
▲ VercelExpress0.316s (+34.0% 🔺)2.418s (+13.2% 🔺)2.102s101.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.093s (-2.8%)2.006s (~)0.913s101.00x
💻 LocalNitro1.101s (-2.7%)2.006s (~)0.905s101.01x
🐘 PostgresExpress1.102s (-3.9%)2.009s (~)0.907s101.01x
🐘 PostgresNitro1.105s (-3.0%)2.010s (~)0.904s101.01x
💻 LocalNext.js (Turbopack)1.138s2.006s0.868s101.04x
🐘 PostgresNext.js (Turbopack)1.147s2.009s0.863s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express1.672s (-10.8% 🟢)3.778s (-0.8%)2.105s101.00x
▲ VercelNitro1.744s (-55.2% 🟢)3.467s (-41.3% 🟢)1.723s101.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro10.523s (-3.2%)11.019s (~)0.496s31.00x
💻 LocalNitro10.529s (-3.8%)11.021s (~)0.492s31.00x
🐘 PostgresExpress10.546s (-3.8%)11.020s (~)0.474s31.00x
💻 LocalExpress10.559s (-3.3%)11.021s (~)0.462s31.00x
💻 LocalNext.js (Turbopack)10.776s11.020s0.244s31.02x
🐘 PostgresNext.js (Turbopack)10.826s11.018s0.191s31.03x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.703s (-19.3% 🟢)15.514s (-22.5% 🟢)1.812s21.00x
▲ VercelNitro14.294s (-39.8% 🟢)15.860s (-36.9% 🟢)1.565s21.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.734s (-8.3% 🟢)14.025s (-6.7% 🟢)0.292s51.00x
🐘 PostgresNitro13.745s (-5.8% 🟢)14.020s (-6.7% 🟢)0.274s51.00x
💻 LocalNitro13.756s (-8.7% 🟢)14.027s (-12.5% 🟢)0.271s51.00x
🐘 PostgresExpress13.893s (-4.7%)14.220s (-5.3% 🟢)0.327s51.01x
💻 LocalNext.js (Turbopack)14.290s15.029s0.739s41.04x
🐘 PostgresNext.js (Turbopack)14.456s15.018s0.562s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express23.240s (-53.8% 🟢)25.296s (-51.9% 🟢)2.056s31.00x
▲ VercelNitro23.351s (-63.8% 🟢)25.318s (-62.0% 🟢)1.966s31.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express12.370s (-11.7% 🟢)13.016s (-10.8% 🟢)0.646s71.00x
🐘 PostgresNitro12.464s (-10.8% 🟢)13.018s (-9.0% 🟢)0.554s71.01x
💻 LocalNitro12.480s (-25.6% 🟢)13.024s (-23.5% 🟢)0.544s71.01x
💻 LocalExpress12.500s (-24.7% 🟢)13.025s (-23.5% 🟢)0.525s71.01x
💻 LocalNext.js (Turbopack)13.513s14.028s0.515s71.09x
🐘 PostgresNext.js (Turbopack)14.052s14.449s0.396s71.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro32.042s (-92.4% 🟢)33.957s (-92.0% 🟢)1.916s31.00x
▲ VercelExpress33.574s (-72.3% 🟢)36.447s (-70.5% 🟢)2.873s31.05x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.177s (-7.7% 🟢)2.008s (~)0.831s151.00x
💻 LocalExpress1.179s (-20.8% 🟢)2.006s (~)0.828s151.00x
🐘 PostgresExpress1.179s (-6.5% 🟢)2.008s (~)0.829s151.00x
💻 LocalNitro1.188s (-27.2% 🟢)2.006s (-3.3%)0.818s151.01x
🐘 PostgresNext.js (Turbopack)1.253s2.008s0.755s151.06x
💻 LocalNext.js (Turbopack)1.357s2.006s0.648s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.639s (-6.4% 🟢)4.240s (-1.9%)1.601s81.00x
▲ VercelExpress2.983s (+4.3%)4.828s (+4.4%)1.844s71.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.239s (-47.3% 🟢)2.008s (-33.3% 🟢)0.769s151.00x
🐘 PostgresExpress1.253s (-46.9% 🟢)2.007s (-33.3% 🟢)0.754s151.01x
🐘 PostgresNext.js (Turbopack)1.423s2.007s0.584s151.15x
💻 LocalExpress1.627s (-44.9% 🟢)2.006s (-41.9% 🟢)0.379s151.31x
💻 LocalNitro1.765s (-43.9% 🟢)2.073s (-46.6% 🟢)0.308s151.42x
💻 LocalNext.js (Turbopack)1.886s2.391s0.506s131.52x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.571s (-1.3%)5.011s (-2.0%)1.439s61.00x
▲ VercelNitro3.674s (-9.3% 🟢)5.149s (-13.0% 🟢)1.475s61.03x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.383s (-60.3% 🟢)2.007s (-49.9% 🟢)0.624s151.00x
🐘 PostgresNitro1.390s (-60.0% 🟢)2.008s (-49.9% 🟢)0.618s151.01x
🐘 PostgresNext.js (Turbopack)1.724s2.316s0.592s131.25x
💻 LocalExpress4.388s (-47.4% 🟢)4.868s (-46.1% 🟢)0.480s73.17x
💻 LocalNext.js (Turbopack)4.896s5.297s0.401s73.54x
💻 LocalNitro5.436s (-34.9% 🟢)5.845s (-35.2% 🟢)0.409s63.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.577s (+58.2% 🔺)7.509s (+35.7% 🔺)1.932s51.00x
▲ VercelExpress6.337s (+49.4% 🔺)8.535s (+39.3% 🔺)2.199s41.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.172s (-6.8% 🟢)2.009s (~)0.837s151.00x
🐘 PostgresExpress1.184s (-5.8% 🟢)2.008s (~)0.824s151.01x
🐘 PostgresNext.js (Turbopack)1.241s2.008s0.767s151.06x
💻 LocalNext.js (Turbopack)1.368s2.006s0.638s151.17x
💻 LocalNitro1.541s (-17.4% 🟢)2.006s (-14.3% 🟢)0.465s151.31x
💻 LocalExpress1.566s (-17.3% 🟢)2.006s (-15.1% 🟢)0.440s151.34x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.817s (+9.1% 🔺)4.521s (+3.9%)1.704s71.00x
▲ VercelNitro2.821s (+14.7% 🔺)4.519s (+8.4% 🔺)1.698s71.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.250s (-46.5% 🟢)2.008s (-33.3% 🟢)0.757s151.00x
🐘 PostgresExpress1.297s (-44.6% 🟢)2.008s (-33.3% 🟢)0.712s151.04x
🐘 PostgresNext.js (Turbopack)1.389s2.009s0.619s151.11x
💻 LocalExpress1.725s (-44.9% 🟢)2.072s (-44.9% 🟢)0.347s151.38x
💻 LocalNitro2.071s (-32.4% 🟢)2.591s (-33.3% 🟢)0.519s121.66x
💻 LocalNext.js (Turbopack)2.083s2.735s0.652s111.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.321s (+4.0%)5.207s (+8.6% 🔺)1.886s61.00x
▲ VercelNitro3.531s (+9.2% 🔺)5.157s (+1.6%)1.626s61.06x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.388s (-60.3% 🟢)2.008s (-49.9% 🟢)0.620s151.00x
🐘 PostgresNitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresNext.js (Turbopack)1.771s2.317s0.546s131.28x
💻 LocalExpress4.595s (-47.8% 🟢)5.011s (-46.0% 🟢)0.416s63.31x
💻 LocalNext.js (Turbopack)5.255s5.513s0.258s63.79x
💻 LocalNitro6.433s (-29.7% 🟢)7.015s (-30.0% 🟢)0.582s54.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.399s (-15.9% 🟢)7.246s (-11.4% 🟢)1.847s51.00x
▲ VercelNitro6.645s (+30.5% 🔺)8.837s (+29.6% 🔺)2.193s41.23x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.558s (-32.0% 🟢)1.006s (~)0.448s601.00x
🐘 PostgresExpress0.566s (-32.6% 🟢)1.006s (-1.6%)0.441s601.01x
💻 LocalExpress0.591s (-39.9% 🟢)1.021s (-5.1% 🟢)0.431s591.06x
💻 LocalNitro0.601s (-38.7% 🟢)1.005s (-8.2% 🟢)0.404s601.08x
🐘 PostgresNext.js (Turbopack)0.830s1.024s0.194s591.49x
💻 LocalNext.js (Turbopack)0.859s1.021s0.163s591.54x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.370s (-71.8% 🟢)7.214s (-66.2% 🟢)1.844s91.00x
▲ VercelNitro6.041s (-72.6% 🟢)7.729s (-67.8% 🟢)1.688s81.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.323s (-33.0% 🟢)2.030s (-10.1% 🟢)0.707s451.00x
🐘 PostgresNitro1.390s (-27.9% 🟢)2.030s (-3.3%)0.640s451.05x
💻 LocalExpress1.480s (-50.9% 🟢)2.005s (-44.1% 🟢)0.526s451.12x
💻 LocalNitro1.524s (-49.8% 🟢)2.028s (-46.0% 🟢)0.504s451.15x
🐘 PostgresNext.js (Turbopack)1.986s2.343s0.357s391.50x
💻 LocalNext.js (Turbopack)2.080s2.943s0.863s311.57x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.722s (-60.3% 🟢)16.049s (-56.4% 🟢)2.327s61.00x
▲ VercelNitro16.784s (-57.5% 🟢)18.494s (-55.2% 🟢)1.710s51.22x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express2.577s (-35.4% 🟢)3.058s (-30.0% 🟢)0.481s401.00x
🐘 PostgresNitro2.654s (-35.3% 🟢)3.085s (-33.0% 🟢)0.431s391.03x
💻 LocalExpress3.116s (-66.2% 🟢)3.705s (-63.0% 🟢)0.590s331.21x
💻 LocalNitro3.275s (-64.8% 🟢)4.010s (-60.0% 🟢)0.734s301.27x
🐘 PostgresNext.js (Turbopack)3.832s4.010s0.178s301.49x
💻 LocalNext.js (Turbopack)4.301s5.010s0.709s241.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express29.551s (-77.3% 🟢)32.398s (-75.5% 🟢)2.847s41.00x
▲ VercelNitro31.567s (-67.4% 🟢)33.274s (-66.2% 🟢)1.707s41.07x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.207s (-26.8% 🟢)1.006s (~)0.799s601.00x
🐘 PostgresNitro0.216s (-23.7% 🟢)1.006s (~)0.790s601.04x
🐘 PostgresNext.js (Turbopack)0.263s1.007s0.745s601.27x
💻 LocalExpress0.433s (-22.7% 🟢)1.004s (~)0.571s602.10x
💻 LocalNitro0.462s (-23.6% 🟢)1.021s (~)0.559s592.23x
💻 LocalNext.js (Turbopack)0.580s1.039s0.459s582.81x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.571s (+31.5% 🔺)4.247s (+16.8% 🔺)1.676s151.00x
▲ VercelNitro2.593s (+56.1% 🔺)4.129s (+23.2% 🔺)1.536s151.01x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.341s (-31.4% 🟢)1.007s (~)0.666s901.00x
🐘 PostgresExpress0.359s (-29.6% 🟢)1.018s (+1.2%)0.659s891.05x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.40x
💻 LocalExpress2.006s (-20.2% 🟢)2.536s (-15.7% 🟢)0.530s365.89x
💻 LocalNitro2.121s (-16.4% 🟢)2.655s (-11.8% 🟢)0.534s346.23x
💻 LocalNext.js (Turbopack)2.284s2.977s0.693s316.71x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.601s (+42.6% 🔺)6.275s (+30.1% 🔺)1.674s151.00x
▲ VercelExpress5.138s (+68.6% 🔺)7.056s (+46.8% 🔺)1.918s131.12x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.642s (-18.7% 🟢)1.006s (~)0.364s1201.00x
🐘 PostgresExpress0.647s (-21.0% 🟢)1.006s (-1.1%)0.359s1201.01x
🐘 PostgresNext.js (Turbopack)0.958s1.466s0.508s831.49x
💻 LocalExpress9.101s (-18.7% 🟢)9.561s (-19.9% 🟢)0.460s1314.17x
💻 LocalNitro9.763s (-12.8% 🟢)10.361s (-11.2% 🟢)0.598s1215.20x
💻 LocalNext.js (Turbopack)10.531s11.302s0.771s1116.40x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express14.507s (+95.5% 🔺)16.514s (+78.6% 🔺)2.008s81.00x
▲ VercelNitro15.750s (+103.9% 🔺)17.409s (+85.2% 🔺)1.659s71.09x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.153s (+479.2% 🔺)2.005s (+99.6% 🔺)0.010s (-19.0% 🟢)2.017s (+98.1% 🔺)0.864s101.00x
🐘 PostgresExpress1.157s (+464.1% 🔺)2.003s (+100.6% 🔺)0.001s (-31.3% 🟢)2.011s (+98.8% 🔺)0.854s101.00x
💻 LocalNitro1.164s (+444.5% 🔺)2.005s (+99.6% 🔺)0.013s (+0.8%)2.019s (+98.2% 🔺)0.856s101.01x
🐘 PostgresNitro1.166s (+468.8% 🔺)1.999s (+100.0% 🔺)0.001s (-33.3% 🟢)2.010s (+98.8% 🔺)0.844s101.01x
💻 LocalNext.js (Turbopack)1.204s2.003s0.010s2.018s0.814s101.04x
🐘 PostgresNext.js (Turbopack)1.228s2.002s0.001s2.011s0.783s101.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.292s (-40.2% 🟢)3.373s (-36.1% 🟢)1.464s (+97.3% 🔺)5.300s (-18.3% 🟢)3.008s101.00x
▲ VercelExpress2.399s (-4.3%)3.560s (-13.0% 🟢)1.509s (+57.1% 🔺)5.604s (~)3.205s101.05x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.568s (+148.8% 🔺)2.002s (+99.0% 🔺)0.004s (+7.0% 🔺)2.025s (+98.0% 🔺)0.457s301.00x
💻 LocalExpress1.574s (+107.9% 🔺)2.010s (+95.4% 🔺)0.010s (+6.9% 🔺)2.022s (+94.5% 🔺)0.449s301.00x
💻 LocalNitro1.583s (+88.7% 🔺)2.009s (+98.5% 🔺)0.011s (+17.4% 🔺)2.021s (+81.1% 🔺)0.439s301.01x
🐘 PostgresNitro1.585s (+153.9% 🔺)2.002s (+98.9% 🔺)0.004s (-3.3%)2.026s (+98.1% 🔺)0.441s301.01x
💻 LocalNext.js (Turbopack)1.717s2.008s0.010s2.021s0.304s301.10x
🐘 PostgresNext.js (Turbopack)1.753s2.010s0.004s2.026s0.273s301.12x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express6.267s (-3.6%)7.727s (-3.5%)0.597s (+46.1% 🔺)8.867s (~)2.601s71.00x
▲ VercelNitro6.523s (-77.8% 🟢)7.825s (-74.6% 🟢)0.228s (+103.6% 🔺)8.466s (-73.4% 🟢)1.943s81.04x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Express | Nitro

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.710s (-26.7% 🟢)1.015s (-18.6% 🟢)0.000s (+62.7% 🔺)1.032s (-18.0% 🟢)0.322s591.00x
🐘 PostgresExpress0.714s (-25.7% 🟢)1.028s (-19.5% 🟢)0.000s (-20.7% 🟢)1.048s (-19.7% 🟢)0.335s581.01x
🐘 PostgresNext.js (Turbopack)0.816s1.071s0.000s1.079s0.263s561.15x
💻 LocalExpress1.361s (+11.1% 🔺)2.014s (~)0.000s (+20.0% 🔺)2.016s (~)0.655s301.92x
💻 LocalNitro1.366s (+11.7% 🔺)2.014s (~)0.000s (+66.7% 🔺)2.016s (~)0.650s301.92x
💻 LocalNext.js (Turbopack)1.690s2.013s0.000s2.196s0.505s282.38x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.744s (+22.7% 🔺)4.766s (+8.5% 🔺)0.000s (-100.0% 🟢)5.154s (+7.2% 🔺)1.410s121.00x
▲ VercelExpress4.545s (+21.5% 🔺)5.740s (+12.5% 🔺)0.000s (-100.0% 🟢)6.250s (+13.0% 🔺)1.706s101.21x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

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

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.265s (-29.4% 🟢)2.033s (-5.1% 🟢)0.000s (-6.7% 🟢)2.050s (-5.7% 🟢)0.786s301.00x
🐘 PostgresExpress1.315s (-25.8% 🟢)1.996s (-8.3% 🟢)0.000s (NaN%)2.044s (-7.0% 🟢)0.729s301.04x
🐘 PostgresNext.js (Turbopack)1.703s2.299s0.000s2.307s0.605s271.35x
💻 LocalNitro3.052s (-9.9% 🟢)3.840s (-4.8%)0.001s (+75.8% 🔺)3.842s (-4.8%)0.790s162.41x
💻 LocalExpress3.072s (-11.4% 🟢)3.901s (-3.3%)0.001s (+9.4% 🔺)3.903s (-3.3%)0.831s162.43x
💻 LocalNext.js (Turbopack)3.172s3.731s0.001s3.735s0.563s172.51x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.571s (+36.1% 🔺)6.817s (+26.8% 🔺)0.000s (+63.0% 🔺)7.240s (+25.0% 🔺)1.670s91.00x
▲ VercelExpress5.994s (+30.7% 🔺)7.645s (+26.9% 🔺)0.000s (+Infinity% 🔺)8.265s (+28.0% 🔺)2.271s81.08x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalExpress16/21
🐘 PostgresNitro12/21
▲ VercelExpress13/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres16/21
Next.js (Turbopack)🐘 Postgres14/21
Nitro🐘 Postgres17/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 Jun 1, 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

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Re-reviewed after the latest commits (Update trace-viewer.tsx, Update use-trace-viewer.test.ts).

Looks good to merge:

  • Pagination is correctly wired through run-detail-viewNewTraceViewer
  • Footer spinner now only shows while isLoadingMore
  • Auto-backfill cap + scroll-load via IntersectionObserver are solid
  • New pagination tests pass (8/8 locally)

Remaining follow-up is out of scope here: vercel/front parity for the new trace viewer flag path (front#72039).

@mitul-s
mitul-s merged commit f0f002a into mainJun 1, 2026
279 of 304 checks passed
@mitul-s
mitul-s deleted the ms/loading-spans branch June 1, 2026 19:42
@github-actionsgithub-actionsBot mentioned this pull request Jun 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for f0f002a (AI decision).

This commit fixes pagination for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and packages/web-shared/src/components/trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The accompanying change to use-trace-viewer.ts introduces a new auto-load-with-cap behavior (and tests for it) that doesn't exist on stable (stable's hook has no auto-load useEffect), so it isn't fixing a bug present there. The change builds on main-only behavior.

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

f0f002ae05e6b4a66eb72e1b1c48fda1bcd0f412

pranaygp added a commit that referenced this pull request Jun 2, 2026
* origin/main:
[world-vercel] Retry transient response-body parse failures in the HTTP client (#2204)
Add virtualization to the trace viewer (#2205)
Trace viewer: scroll-load events past an auto-load cap (#2200)
fix(core): resolve forwarded stream keys across deployments (#2191)
[e2e] Improve error labeling in event-log-race-repro CI job (#2190)
[core] Harden event pagination response parsing (#2180) (#2179)
Add loading skeleton to the new trace viewer (#2164)
Add tooltip components + apply on up/down detail pane (#2163)
fix(swc-plugin): allow wasm host imports during link (#2174)
[test] Forward-port reused-sleep replay divergence test (#2172)
[e2e] Add `event-log-race-repro` label for triggering CI stress-test (#2159)
Version Packages (beta) (#2162)
fix(world-local): skip Nov 2025 ghost versions on npm (#2168)
fix(core,errors): classify SDK encryption failures as RUNTIME_ERROR (#2145)
[web-shared][web] Fix events tab search (#2107)
Version Packages (beta) (#2147)
Allow setting workflow attributes from steps (#2157)
Better search handling on the trace viewer (#2144)
[docs] Document experimental attributes feature (#2141)
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('^' + ".*" + ' Trace viewer: scroll-load events past an auto-load cap by mitul-s · Pull Request #2200 · vercel/workflow · GitHub
Skip to content

Trace viewer: scroll-load events past an auto-load cap - #2200

Merged
mitul-s merged 4 commits into
mainfrom
ms/loading-spans
Jun 1, 2026
Merged

Trace viewer: scroll-load events past an auto-load cap#2200
mitul-s merged 4 commits into
mainfrom
ms/loading-spans

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

The new trace viewer was getting stuck on the first page for large runs. This re-wires pagination:

  • Auto-load up to a cap, then scroll-load.use-trace-viewer.ts backfills history pages until AUTO_LOAD_MAX_EVENTS (500), then stops; further loading is driven by scrolling.
  • IntersectionObserver scroll-loading. New useLoadMoreOnScroll + useIntersectionObserver hooks (ported from vercel/front's @vercel/hooks, with root threaded as a ref so the observer roots on the viewer's internal scroll container). A sentinel near the bottom of the span list triggers the next page — no per-scroll layout reads.
  • NewTraceViewer gains onLoadMore / hasMore / isLoadingMore props and renders a centered "Loading spans…" footer (Geist spinner) while fetching.
  • SplitPane exposes its scroll container via scrollContainerRef so the observer can root on it.

Notes

  • AUTO_LOAD_MAX_EVENTS is also set in vercel/front's use-workflow-trace-data.ts (the trace viewer's other consumer) — keep them in sync. See vercel/front#72039.
  • The cap governs only hands-free backfill; scroll + live-poll still load beyond it by design.

🤖 Generated with Claude Code

@mitul-s
mitul-s requested a review from a team as a code ownerJune 1, 2026 16:49
@changeset-bot

changeset-botBot commented Jun 1, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 49f0c86

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 Jun 1, 2026

Copy link
Copy Markdown
Contributor

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review notes 1–6 (inline). Overall this fixes the missing pagination wiring; minor follow-ups above.

Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web-shared/src/hooks/use-intersection-observer.ts
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/hooks/use-load-more-on-scroll.ts
@github-actions

github-actionsBot commented Jun 1, 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.041s (-4.4%)1.006s (~)0.965s101.00x
💻 LocalExpress0.043s (-3.8%)1.005s (~)0.962s101.03x
💻 LocalNext.js (Turbopack)0.061s1.005s0.944s101.48x
🐘 PostgresNitro0.062s (-35.2% 🟢)1.013s (-2.8%)0.952s101.50x
🐘 PostgresExpress0.067s (+14.7% 🔺)1.012s (~)0.945s101.61x
🐘 PostgresNext.js (Turbopack)0.069s1.013s0.944s101.68x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.277s (-32.4% 🟢)2.111s (-15.9% 🟢)1.834s101.00x
▲ VercelExpress0.316s (+34.0% 🔺)2.418s (+13.2% 🔺)2.102s101.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.093s (-2.8%)2.006s (~)0.913s101.00x
💻 LocalNitro1.101s (-2.7%)2.006s (~)0.905s101.01x
🐘 PostgresExpress1.102s (-3.9%)2.009s (~)0.907s101.01x
🐘 PostgresNitro1.105s (-3.0%)2.010s (~)0.904s101.01x
💻 LocalNext.js (Turbopack)1.138s2.006s0.868s101.04x
🐘 PostgresNext.js (Turbopack)1.147s2.009s0.863s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express1.672s (-10.8% 🟢)3.778s (-0.8%)2.105s101.00x
▲ VercelNitro1.744s (-55.2% 🟢)3.467s (-41.3% 🟢)1.723s101.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro10.523s (-3.2%)11.019s (~)0.496s31.00x
💻 LocalNitro10.529s (-3.8%)11.021s (~)0.492s31.00x
🐘 PostgresExpress10.546s (-3.8%)11.020s (~)0.474s31.00x
💻 LocalExpress10.559s (-3.3%)11.021s (~)0.462s31.00x
💻 LocalNext.js (Turbopack)10.776s11.020s0.244s31.02x
🐘 PostgresNext.js (Turbopack)10.826s11.018s0.191s31.03x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.703s (-19.3% 🟢)15.514s (-22.5% 🟢)1.812s21.00x
▲ VercelNitro14.294s (-39.8% 🟢)15.860s (-36.9% 🟢)1.565s21.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.734s (-8.3% 🟢)14.025s (-6.7% 🟢)0.292s51.00x
🐘 PostgresNitro13.745s (-5.8% 🟢)14.020s (-6.7% 🟢)0.274s51.00x
💻 LocalNitro13.756s (-8.7% 🟢)14.027s (-12.5% 🟢)0.271s51.00x
🐘 PostgresExpress13.893s (-4.7%)14.220s (-5.3% 🟢)0.327s51.01x
💻 LocalNext.js (Turbopack)14.290s15.029s0.739s41.04x
🐘 PostgresNext.js (Turbopack)14.456s15.018s0.562s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express23.240s (-53.8% 🟢)25.296s (-51.9% 🟢)2.056s31.00x
▲ VercelNitro23.351s (-63.8% 🟢)25.318s (-62.0% 🟢)1.966s31.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express12.370s (-11.7% 🟢)13.016s (-10.8% 🟢)0.646s71.00x
🐘 PostgresNitro12.464s (-10.8% 🟢)13.018s (-9.0% 🟢)0.554s71.01x
💻 LocalNitro12.480s (-25.6% 🟢)13.024s (-23.5% 🟢)0.544s71.01x
💻 LocalExpress12.500s (-24.7% 🟢)13.025s (-23.5% 🟢)0.525s71.01x
💻 LocalNext.js (Turbopack)13.513s14.028s0.515s71.09x
🐘 PostgresNext.js (Turbopack)14.052s14.449s0.396s71.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro32.042s (-92.4% 🟢)33.957s (-92.0% 🟢)1.916s31.00x
▲ VercelExpress33.574s (-72.3% 🟢)36.447s (-70.5% 🟢)2.873s31.05x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.177s (-7.7% 🟢)2.008s (~)0.831s151.00x
💻 LocalExpress1.179s (-20.8% 🟢)2.006s (~)0.828s151.00x
🐘 PostgresExpress1.179s (-6.5% 🟢)2.008s (~)0.829s151.00x
💻 LocalNitro1.188s (-27.2% 🟢)2.006s (-3.3%)0.818s151.01x
🐘 PostgresNext.js (Turbopack)1.253s2.008s0.755s151.06x
💻 LocalNext.js (Turbopack)1.357s2.006s0.648s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.639s (-6.4% 🟢)4.240s (-1.9%)1.601s81.00x
▲ VercelExpress2.983s (+4.3%)4.828s (+4.4%)1.844s71.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.239s (-47.3% 🟢)2.008s (-33.3% 🟢)0.769s151.00x
🐘 PostgresExpress1.253s (-46.9% 🟢)2.007s (-33.3% 🟢)0.754s151.01x
🐘 PostgresNext.js (Turbopack)1.423s2.007s0.584s151.15x
💻 LocalExpress1.627s (-44.9% 🟢)2.006s (-41.9% 🟢)0.379s151.31x
💻 LocalNitro1.765s (-43.9% 🟢)2.073s (-46.6% 🟢)0.308s151.42x
💻 LocalNext.js (Turbopack)1.886s2.391s0.506s131.52x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.571s (-1.3%)5.011s (-2.0%)1.439s61.00x
▲ VercelNitro3.674s (-9.3% 🟢)5.149s (-13.0% 🟢)1.475s61.03x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.383s (-60.3% 🟢)2.007s (-49.9% 🟢)0.624s151.00x
🐘 PostgresNitro1.390s (-60.0% 🟢)2.008s (-49.9% 🟢)0.618s151.01x
🐘 PostgresNext.js (Turbopack)1.724s2.316s0.592s131.25x
💻 LocalExpress4.388s (-47.4% 🟢)4.868s (-46.1% 🟢)0.480s73.17x
💻 LocalNext.js (Turbopack)4.896s5.297s0.401s73.54x
💻 LocalNitro5.436s (-34.9% 🟢)5.845s (-35.2% 🟢)0.409s63.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.577s (+58.2% 🔺)7.509s (+35.7% 🔺)1.932s51.00x
▲ VercelExpress6.337s (+49.4% 🔺)8.535s (+39.3% 🔺)2.199s41.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.172s (-6.8% 🟢)2.009s (~)0.837s151.00x
🐘 PostgresExpress1.184s (-5.8% 🟢)2.008s (~)0.824s151.01x
🐘 PostgresNext.js (Turbopack)1.241s2.008s0.767s151.06x
💻 LocalNext.js (Turbopack)1.368s2.006s0.638s151.17x
💻 LocalNitro1.541s (-17.4% 🟢)2.006s (-14.3% 🟢)0.465s151.31x
💻 LocalExpress1.566s (-17.3% 🟢)2.006s (-15.1% 🟢)0.440s151.34x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.817s (+9.1% 🔺)4.521s (+3.9%)1.704s71.00x
▲ VercelNitro2.821s (+14.7% 🔺)4.519s (+8.4% 🔺)1.698s71.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.250s (-46.5% 🟢)2.008s (-33.3% 🟢)0.757s151.00x
🐘 PostgresExpress1.297s (-44.6% 🟢)2.008s (-33.3% 🟢)0.712s151.04x
🐘 PostgresNext.js (Turbopack)1.389s2.009s0.619s151.11x
💻 LocalExpress1.725s (-44.9% 🟢)2.072s (-44.9% 🟢)0.347s151.38x
💻 LocalNitro2.071s (-32.4% 🟢)2.591s (-33.3% 🟢)0.519s121.66x
💻 LocalNext.js (Turbopack)2.083s2.735s0.652s111.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.321s (+4.0%)5.207s (+8.6% 🔺)1.886s61.00x
▲ VercelNitro3.531s (+9.2% 🔺)5.157s (+1.6%)1.626s61.06x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.388s (-60.3% 🟢)2.008s (-49.9% 🟢)0.620s151.00x
🐘 PostgresNitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresNext.js (Turbopack)1.771s2.317s0.546s131.28x
💻 LocalExpress4.595s (-47.8% 🟢)5.011s (-46.0% 🟢)0.416s63.31x
💻 LocalNext.js (Turbopack)5.255s5.513s0.258s63.79x
💻 LocalNitro6.433s (-29.7% 🟢)7.015s (-30.0% 🟢)0.582s54.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.399s (-15.9% 🟢)7.246s (-11.4% 🟢)1.847s51.00x
▲ VercelNitro6.645s (+30.5% 🔺)8.837s (+29.6% 🔺)2.193s41.23x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.558s (-32.0% 🟢)1.006s (~)0.448s601.00x
🐘 PostgresExpress0.566s (-32.6% 🟢)1.006s (-1.6%)0.441s601.01x
💻 LocalExpress0.591s (-39.9% 🟢)1.021s (-5.1% 🟢)0.431s591.06x
💻 LocalNitro0.601s (-38.7% 🟢)1.005s (-8.2% 🟢)0.404s601.08x
🐘 PostgresNext.js (Turbopack)0.830s1.024s0.194s591.49x
💻 LocalNext.js (Turbopack)0.859s1.021s0.163s591.54x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.370s (-71.8% 🟢)7.214s (-66.2% 🟢)1.844s91.00x
▲ VercelNitro6.041s (-72.6% 🟢)7.729s (-67.8% 🟢)1.688s81.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.323s (-33.0% 🟢)2.030s (-10.1% 🟢)0.707s451.00x
🐘 PostgresNitro1.390s (-27.9% 🟢)2.030s (-3.3%)0.640s451.05x
💻 LocalExpress1.480s (-50.9% 🟢)2.005s (-44.1% 🟢)0.526s451.12x
💻 LocalNitro1.524s (-49.8% 🟢)2.028s (-46.0% 🟢)0.504s451.15x
🐘 PostgresNext.js (Turbopack)1.986s2.343s0.357s391.50x
💻 LocalNext.js (Turbopack)2.080s2.943s0.863s311.57x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.722s (-60.3% 🟢)16.049s (-56.4% 🟢)2.327s61.00x
▲ VercelNitro16.784s (-57.5% 🟢)18.494s (-55.2% 🟢)1.710s51.22x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express2.577s (-35.4% 🟢)3.058s (-30.0% 🟢)0.481s401.00x
🐘 PostgresNitro2.654s (-35.3% 🟢)3.085s (-33.0% 🟢)0.431s391.03x
💻 LocalExpress3.116s (-66.2% 🟢)3.705s (-63.0% 🟢)0.590s331.21x
💻 LocalNitro3.275s (-64.8% 🟢)4.010s (-60.0% 🟢)0.734s301.27x
🐘 PostgresNext.js (Turbopack)3.832s4.010s0.178s301.49x
💻 LocalNext.js (Turbopack)4.301s5.010s0.709s241.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express29.551s (-77.3% 🟢)32.398s (-75.5% 🟢)2.847s41.00x
▲ VercelNitro31.567s (-67.4% 🟢)33.274s (-66.2% 🟢)1.707s41.07x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.207s (-26.8% 🟢)1.006s (~)0.799s601.00x
🐘 PostgresNitro0.216s (-23.7% 🟢)1.006s (~)0.790s601.04x
🐘 PostgresNext.js (Turbopack)0.263s1.007s0.745s601.27x
💻 LocalExpress0.433s (-22.7% 🟢)1.004s (~)0.571s602.10x
💻 LocalNitro0.462s (-23.6% 🟢)1.021s (~)0.559s592.23x
💻 LocalNext.js (Turbopack)0.580s1.039s0.459s582.81x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.571s (+31.5% 🔺)4.247s (+16.8% 🔺)1.676s151.00x
▲ VercelNitro2.593s (+56.1% 🔺)4.129s (+23.2% 🔺)1.536s151.01x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.341s (-31.4% 🟢)1.007s (~)0.666s901.00x
🐘 PostgresExpress0.359s (-29.6% 🟢)1.018s (+1.2%)0.659s891.05x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.40x
💻 LocalExpress2.006s (-20.2% 🟢)2.536s (-15.7% 🟢)0.530s365.89x
💻 LocalNitro2.121s (-16.4% 🟢)2.655s (-11.8% 🟢)0.534s346.23x
💻 LocalNext.js (Turbopack)2.284s2.977s0.693s316.71x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.601s (+42.6% 🔺)6.275s (+30.1% 🔺)1.674s151.00x
▲ VercelExpress5.138s (+68.6% 🔺)7.056s (+46.8% 🔺)1.918s131.12x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.642s (-18.7% 🟢)1.006s (~)0.364s1201.00x
🐘 PostgresExpress0.647s (-21.0% 🟢)1.006s (-1.1%)0.359s1201.01x
🐘 PostgresNext.js (Turbopack)0.958s1.466s0.508s831.49x
💻 LocalExpress9.101s (-18.7% 🟢)9.561s (-19.9% 🟢)0.460s1314.17x
💻 LocalNitro9.763s (-12.8% 🟢)10.361s (-11.2% 🟢)0.598s1215.20x
💻 LocalNext.js (Turbopack)10.531s11.302s0.771s1116.40x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express14.507s (+95.5% 🔺)16.514s (+78.6% 🔺)2.008s81.00x
▲ VercelNitro15.750s (+103.9% 🔺)17.409s (+85.2% 🔺)1.659s71.09x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.153s (+479.2% 🔺)2.005s (+99.6% 🔺)0.010s (-19.0% 🟢)2.017s (+98.1% 🔺)0.864s101.00x
🐘 PostgresExpress1.157s (+464.1% 🔺)2.003s (+100.6% 🔺)0.001s (-31.3% 🟢)2.011s (+98.8% 🔺)0.854s101.00x
💻 LocalNitro1.164s (+444.5% 🔺)2.005s (+99.6% 🔺)0.013s (+0.8%)2.019s (+98.2% 🔺)0.856s101.01x
🐘 PostgresNitro1.166s (+468.8% 🔺)1.999s (+100.0% 🔺)0.001s (-33.3% 🟢)2.010s (+98.8% 🔺)0.844s101.01x
💻 LocalNext.js (Turbopack)1.204s2.003s0.010s2.018s0.814s101.04x
🐘 PostgresNext.js (Turbopack)1.228s2.002s0.001s2.011s0.783s101.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.292s (-40.2% 🟢)3.373s (-36.1% 🟢)1.464s (+97.3% 🔺)5.300s (-18.3% 🟢)3.008s101.00x
▲ VercelExpress2.399s (-4.3%)3.560s (-13.0% 🟢)1.509s (+57.1% 🔺)5.604s (~)3.205s101.05x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.568s (+148.8% 🔺)2.002s (+99.0% 🔺)0.004s (+7.0% 🔺)2.025s (+98.0% 🔺)0.457s301.00x
💻 LocalExpress1.574s (+107.9% 🔺)2.010s (+95.4% 🔺)0.010s (+6.9% 🔺)2.022s (+94.5% 🔺)0.449s301.00x
💻 LocalNitro1.583s (+88.7% 🔺)2.009s (+98.5% 🔺)0.011s (+17.4% 🔺)2.021s (+81.1% 🔺)0.439s301.01x
🐘 PostgresNitro1.585s (+153.9% 🔺)2.002s (+98.9% 🔺)0.004s (-3.3%)2.026s (+98.1% 🔺)0.441s301.01x
💻 LocalNext.js (Turbopack)1.717s2.008s0.010s2.021s0.304s301.10x
🐘 PostgresNext.js (Turbopack)1.753s2.010s0.004s2.026s0.273s301.12x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express6.267s (-3.6%)7.727s (-3.5%)0.597s (+46.1% 🔺)8.867s (~)2.601s71.00x
▲ VercelNitro6.523s (-77.8% 🟢)7.825s (-74.6% 🟢)0.228s (+103.6% 🔺)8.466s (-73.4% 🟢)1.943s81.04x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Express | Nitro

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.710s (-26.7% 🟢)1.015s (-18.6% 🟢)0.000s (+62.7% 🔺)1.032s (-18.0% 🟢)0.322s591.00x
🐘 PostgresExpress0.714s (-25.7% 🟢)1.028s (-19.5% 🟢)0.000s (-20.7% 🟢)1.048s (-19.7% 🟢)0.335s581.01x
🐘 PostgresNext.js (Turbopack)0.816s1.071s0.000s1.079s0.263s561.15x
💻 LocalExpress1.361s (+11.1% 🔺)2.014s (~)0.000s (+20.0% 🔺)2.016s (~)0.655s301.92x
💻 LocalNitro1.366s (+11.7% 🔺)2.014s (~)0.000s (+66.7% 🔺)2.016s (~)0.650s301.92x
💻 LocalNext.js (Turbopack)1.690s2.013s0.000s2.196s0.505s282.38x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.744s (+22.7% 🔺)4.766s (+8.5% 🔺)0.000s (-100.0% 🟢)5.154s (+7.2% 🔺)1.410s121.00x
▲ VercelExpress4.545s (+21.5% 🔺)5.740s (+12.5% 🔺)0.000s (-100.0% 🟢)6.250s (+13.0% 🔺)1.706s101.21x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

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

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.265s (-29.4% 🟢)2.033s (-5.1% 🟢)0.000s (-6.7% 🟢)2.050s (-5.7% 🟢)0.786s301.00x
🐘 PostgresExpress1.315s (-25.8% 🟢)1.996s (-8.3% 🟢)0.000s (NaN%)2.044s (-7.0% 🟢)0.729s301.04x
🐘 PostgresNext.js (Turbopack)1.703s2.299s0.000s2.307s0.605s271.35x
💻 LocalNitro3.052s (-9.9% 🟢)3.840s (-4.8%)0.001s (+75.8% 🔺)3.842s (-4.8%)0.790s162.41x
💻 LocalExpress3.072s (-11.4% 🟢)3.901s (-3.3%)0.001s (+9.4% 🔺)3.903s (-3.3%)0.831s162.43x
💻 LocalNext.js (Turbopack)3.172s3.731s0.001s3.735s0.563s172.51x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.571s (+36.1% 🔺)6.817s (+26.8% 🔺)0.000s (+63.0% 🔺)7.240s (+25.0% 🔺)1.670s91.00x
▲ VercelExpress5.994s (+30.7% 🔺)7.645s (+26.9% 🔺)0.000s (+Infinity% 🔺)8.265s (+28.0% 🔺)2.271s81.08x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalExpress16/21
🐘 PostgresNitro12/21
▲ VercelExpress13/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres16/21
Next.js (Turbopack)🐘 Postgres14/21
Nitro🐘 Postgres17/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 Jun 1, 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

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Re-reviewed after the latest commits (Update trace-viewer.tsx, Update use-trace-viewer.test.ts).

Looks good to merge:

  • Pagination is correctly wired through run-detail-viewNewTraceViewer
  • Footer spinner now only shows while isLoadingMore
  • Auto-backfill cap + scroll-load via IntersectionObserver are solid
  • New pagination tests pass (8/8 locally)

Remaining follow-up is out of scope here: vercel/front parity for the new trace viewer flag path (front#72039).

@mitul-s
mitul-s merged commit f0f002a into mainJun 1, 2026
279 of 304 checks passed
@mitul-s
mitul-s deleted the ms/loading-spans branch June 1, 2026 19:42
@github-actionsgithub-actionsBot mentioned this pull request Jun 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for f0f002a (AI decision).

This commit fixes pagination for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and packages/web-shared/src/components/trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The accompanying change to use-trace-viewer.ts introduces a new auto-load-with-cap behavior (and tests for it) that doesn't exist on stable (stable's hook has no auto-load useEffect), so it isn't fixing a bug present there. The change builds on main-only behavior.

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

f0f002ae05e6b4a66eb72e1b1c48fda1bcd0f412

pranaygp added a commit that referenced this pull request Jun 2, 2026
* origin/main:
[world-vercel] Retry transient response-body parse failures in the HTTP client (#2204)
Add virtualization to the trace viewer (#2205)
Trace viewer: scroll-load events past an auto-load cap (#2200)
fix(core): resolve forwarded stream keys across deployments (#2191)
[e2e] Improve error labeling in event-log-race-repro CI job (#2190)
[core] Harden event pagination response parsing (#2180) (#2179)
Add loading skeleton to the new trace viewer (#2164)
Add tooltip components + apply on up/down detail pane (#2163)
fix(swc-plugin): allow wasm host imports during link (#2174)
[test] Forward-port reused-sleep replay divergence test (#2172)
[e2e] Add `event-log-race-repro` label for triggering CI stress-test (#2159)
Version Packages (beta) (#2162)
fix(world-local): skip Nov 2025 ghost versions on npm (#2168)
fix(core,errors): classify SDK encryption failures as RUNTIME_ERROR (#2145)
[web-shared][web] Fix events tab search (#2107)
Version Packages (beta) (#2147)
Allow setting workflow attributes from steps (#2157)
Better search handling on the trace viewer (#2144)
[docs] Document experimental attributes feature (#2141)
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" + ' Trace viewer: scroll-load events past an auto-load cap by mitul-s · Pull Request #2200 · vercel/workflow · GitHub
Skip to content

Trace viewer: scroll-load events past an auto-load cap - #2200

Merged
mitul-s merged 4 commits into
mainfrom
ms/loading-spans
Jun 1, 2026
Merged

Trace viewer: scroll-load events past an auto-load cap#2200
mitul-s merged 4 commits into
mainfrom
ms/loading-spans

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

The new trace viewer was getting stuck on the first page for large runs. This re-wires pagination:

  • Auto-load up to a cap, then scroll-load.use-trace-viewer.ts backfills history pages until AUTO_LOAD_MAX_EVENTS (500), then stops; further loading is driven by scrolling.
  • IntersectionObserver scroll-loading. New useLoadMoreOnScroll + useIntersectionObserver hooks (ported from vercel/front's @vercel/hooks, with root threaded as a ref so the observer roots on the viewer's internal scroll container). A sentinel near the bottom of the span list triggers the next page — no per-scroll layout reads.
  • NewTraceViewer gains onLoadMore / hasMore / isLoadingMore props and renders a centered "Loading spans…" footer (Geist spinner) while fetching.
  • SplitPane exposes its scroll container via scrollContainerRef so the observer can root on it.

Notes

  • AUTO_LOAD_MAX_EVENTS is also set in vercel/front's use-workflow-trace-data.ts (the trace viewer's other consumer) — keep them in sync. See vercel/front#72039.
  • The cap governs only hands-free backfill; scroll + live-poll still load beyond it by design.

🤖 Generated with Claude Code

@mitul-s
mitul-s requested a review from a team as a code ownerJune 1, 2026 16:49
@changeset-bot

changeset-botBot commented Jun 1, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 49f0c86

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 Jun 1, 2026

Copy link
Copy Markdown
Contributor

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review notes 1–6 (inline). Overall this fixes the missing pagination wiring; minor follow-ups above.

Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web-shared/src/hooks/use-intersection-observer.ts
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/hooks/use-load-more-on-scroll.ts
@github-actions

github-actionsBot commented Jun 1, 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.041s (-4.4%)1.006s (~)0.965s101.00x
💻 LocalExpress0.043s (-3.8%)1.005s (~)0.962s101.03x
💻 LocalNext.js (Turbopack)0.061s1.005s0.944s101.48x
🐘 PostgresNitro0.062s (-35.2% 🟢)1.013s (-2.8%)0.952s101.50x
🐘 PostgresExpress0.067s (+14.7% 🔺)1.012s (~)0.945s101.61x
🐘 PostgresNext.js (Turbopack)0.069s1.013s0.944s101.68x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.277s (-32.4% 🟢)2.111s (-15.9% 🟢)1.834s101.00x
▲ VercelExpress0.316s (+34.0% 🔺)2.418s (+13.2% 🔺)2.102s101.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.093s (-2.8%)2.006s (~)0.913s101.00x
💻 LocalNitro1.101s (-2.7%)2.006s (~)0.905s101.01x
🐘 PostgresExpress1.102s (-3.9%)2.009s (~)0.907s101.01x
🐘 PostgresNitro1.105s (-3.0%)2.010s (~)0.904s101.01x
💻 LocalNext.js (Turbopack)1.138s2.006s0.868s101.04x
🐘 PostgresNext.js (Turbopack)1.147s2.009s0.863s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express1.672s (-10.8% 🟢)3.778s (-0.8%)2.105s101.00x
▲ VercelNitro1.744s (-55.2% 🟢)3.467s (-41.3% 🟢)1.723s101.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro10.523s (-3.2%)11.019s (~)0.496s31.00x
💻 LocalNitro10.529s (-3.8%)11.021s (~)0.492s31.00x
🐘 PostgresExpress10.546s (-3.8%)11.020s (~)0.474s31.00x
💻 LocalExpress10.559s (-3.3%)11.021s (~)0.462s31.00x
💻 LocalNext.js (Turbopack)10.776s11.020s0.244s31.02x
🐘 PostgresNext.js (Turbopack)10.826s11.018s0.191s31.03x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.703s (-19.3% 🟢)15.514s (-22.5% 🟢)1.812s21.00x
▲ VercelNitro14.294s (-39.8% 🟢)15.860s (-36.9% 🟢)1.565s21.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.734s (-8.3% 🟢)14.025s (-6.7% 🟢)0.292s51.00x
🐘 PostgresNitro13.745s (-5.8% 🟢)14.020s (-6.7% 🟢)0.274s51.00x
💻 LocalNitro13.756s (-8.7% 🟢)14.027s (-12.5% 🟢)0.271s51.00x
🐘 PostgresExpress13.893s (-4.7%)14.220s (-5.3% 🟢)0.327s51.01x
💻 LocalNext.js (Turbopack)14.290s15.029s0.739s41.04x
🐘 PostgresNext.js (Turbopack)14.456s15.018s0.562s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express23.240s (-53.8% 🟢)25.296s (-51.9% 🟢)2.056s31.00x
▲ VercelNitro23.351s (-63.8% 🟢)25.318s (-62.0% 🟢)1.966s31.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express12.370s (-11.7% 🟢)13.016s (-10.8% 🟢)0.646s71.00x
🐘 PostgresNitro12.464s (-10.8% 🟢)13.018s (-9.0% 🟢)0.554s71.01x
💻 LocalNitro12.480s (-25.6% 🟢)13.024s (-23.5% 🟢)0.544s71.01x
💻 LocalExpress12.500s (-24.7% 🟢)13.025s (-23.5% 🟢)0.525s71.01x
💻 LocalNext.js (Turbopack)13.513s14.028s0.515s71.09x
🐘 PostgresNext.js (Turbopack)14.052s14.449s0.396s71.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro32.042s (-92.4% 🟢)33.957s (-92.0% 🟢)1.916s31.00x
▲ VercelExpress33.574s (-72.3% 🟢)36.447s (-70.5% 🟢)2.873s31.05x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.177s (-7.7% 🟢)2.008s (~)0.831s151.00x
💻 LocalExpress1.179s (-20.8% 🟢)2.006s (~)0.828s151.00x
🐘 PostgresExpress1.179s (-6.5% 🟢)2.008s (~)0.829s151.00x
💻 LocalNitro1.188s (-27.2% 🟢)2.006s (-3.3%)0.818s151.01x
🐘 PostgresNext.js (Turbopack)1.253s2.008s0.755s151.06x
💻 LocalNext.js (Turbopack)1.357s2.006s0.648s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.639s (-6.4% 🟢)4.240s (-1.9%)1.601s81.00x
▲ VercelExpress2.983s (+4.3%)4.828s (+4.4%)1.844s71.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.239s (-47.3% 🟢)2.008s (-33.3% 🟢)0.769s151.00x
🐘 PostgresExpress1.253s (-46.9% 🟢)2.007s (-33.3% 🟢)0.754s151.01x
🐘 PostgresNext.js (Turbopack)1.423s2.007s0.584s151.15x
💻 LocalExpress1.627s (-44.9% 🟢)2.006s (-41.9% 🟢)0.379s151.31x
💻 LocalNitro1.765s (-43.9% 🟢)2.073s (-46.6% 🟢)0.308s151.42x
💻 LocalNext.js (Turbopack)1.886s2.391s0.506s131.52x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.571s (-1.3%)5.011s (-2.0%)1.439s61.00x
▲ VercelNitro3.674s (-9.3% 🟢)5.149s (-13.0% 🟢)1.475s61.03x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.383s (-60.3% 🟢)2.007s (-49.9% 🟢)0.624s151.00x
🐘 PostgresNitro1.390s (-60.0% 🟢)2.008s (-49.9% 🟢)0.618s151.01x
🐘 PostgresNext.js (Turbopack)1.724s2.316s0.592s131.25x
💻 LocalExpress4.388s (-47.4% 🟢)4.868s (-46.1% 🟢)0.480s73.17x
💻 LocalNext.js (Turbopack)4.896s5.297s0.401s73.54x
💻 LocalNitro5.436s (-34.9% 🟢)5.845s (-35.2% 🟢)0.409s63.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.577s (+58.2% 🔺)7.509s (+35.7% 🔺)1.932s51.00x
▲ VercelExpress6.337s (+49.4% 🔺)8.535s (+39.3% 🔺)2.199s41.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.172s (-6.8% 🟢)2.009s (~)0.837s151.00x
🐘 PostgresExpress1.184s (-5.8% 🟢)2.008s (~)0.824s151.01x
🐘 PostgresNext.js (Turbopack)1.241s2.008s0.767s151.06x
💻 LocalNext.js (Turbopack)1.368s2.006s0.638s151.17x
💻 LocalNitro1.541s (-17.4% 🟢)2.006s (-14.3% 🟢)0.465s151.31x
💻 LocalExpress1.566s (-17.3% 🟢)2.006s (-15.1% 🟢)0.440s151.34x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.817s (+9.1% 🔺)4.521s (+3.9%)1.704s71.00x
▲ VercelNitro2.821s (+14.7% 🔺)4.519s (+8.4% 🔺)1.698s71.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.250s (-46.5% 🟢)2.008s (-33.3% 🟢)0.757s151.00x
🐘 PostgresExpress1.297s (-44.6% 🟢)2.008s (-33.3% 🟢)0.712s151.04x
🐘 PostgresNext.js (Turbopack)1.389s2.009s0.619s151.11x
💻 LocalExpress1.725s (-44.9% 🟢)2.072s (-44.9% 🟢)0.347s151.38x
💻 LocalNitro2.071s (-32.4% 🟢)2.591s (-33.3% 🟢)0.519s121.66x
💻 LocalNext.js (Turbopack)2.083s2.735s0.652s111.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.321s (+4.0%)5.207s (+8.6% 🔺)1.886s61.00x
▲ VercelNitro3.531s (+9.2% 🔺)5.157s (+1.6%)1.626s61.06x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.388s (-60.3% 🟢)2.008s (-49.9% 🟢)0.620s151.00x
🐘 PostgresNitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresNext.js (Turbopack)1.771s2.317s0.546s131.28x
💻 LocalExpress4.595s (-47.8% 🟢)5.011s (-46.0% 🟢)0.416s63.31x
💻 LocalNext.js (Turbopack)5.255s5.513s0.258s63.79x
💻 LocalNitro6.433s (-29.7% 🟢)7.015s (-30.0% 🟢)0.582s54.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.399s (-15.9% 🟢)7.246s (-11.4% 🟢)1.847s51.00x
▲ VercelNitro6.645s (+30.5% 🔺)8.837s (+29.6% 🔺)2.193s41.23x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.558s (-32.0% 🟢)1.006s (~)0.448s601.00x
🐘 PostgresExpress0.566s (-32.6% 🟢)1.006s (-1.6%)0.441s601.01x
💻 LocalExpress0.591s (-39.9% 🟢)1.021s (-5.1% 🟢)0.431s591.06x
💻 LocalNitro0.601s (-38.7% 🟢)1.005s (-8.2% 🟢)0.404s601.08x
🐘 PostgresNext.js (Turbopack)0.830s1.024s0.194s591.49x
💻 LocalNext.js (Turbopack)0.859s1.021s0.163s591.54x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.370s (-71.8% 🟢)7.214s (-66.2% 🟢)1.844s91.00x
▲ VercelNitro6.041s (-72.6% 🟢)7.729s (-67.8% 🟢)1.688s81.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.323s (-33.0% 🟢)2.030s (-10.1% 🟢)0.707s451.00x
🐘 PostgresNitro1.390s (-27.9% 🟢)2.030s (-3.3%)0.640s451.05x
💻 LocalExpress1.480s (-50.9% 🟢)2.005s (-44.1% 🟢)0.526s451.12x
💻 LocalNitro1.524s (-49.8% 🟢)2.028s (-46.0% 🟢)0.504s451.15x
🐘 PostgresNext.js (Turbopack)1.986s2.343s0.357s391.50x
💻 LocalNext.js (Turbopack)2.080s2.943s0.863s311.57x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.722s (-60.3% 🟢)16.049s (-56.4% 🟢)2.327s61.00x
▲ VercelNitro16.784s (-57.5% 🟢)18.494s (-55.2% 🟢)1.710s51.22x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express2.577s (-35.4% 🟢)3.058s (-30.0% 🟢)0.481s401.00x
🐘 PostgresNitro2.654s (-35.3% 🟢)3.085s (-33.0% 🟢)0.431s391.03x
💻 LocalExpress3.116s (-66.2% 🟢)3.705s (-63.0% 🟢)0.590s331.21x
💻 LocalNitro3.275s (-64.8% 🟢)4.010s (-60.0% 🟢)0.734s301.27x
🐘 PostgresNext.js (Turbopack)3.832s4.010s0.178s301.49x
💻 LocalNext.js (Turbopack)4.301s5.010s0.709s241.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express29.551s (-77.3% 🟢)32.398s (-75.5% 🟢)2.847s41.00x
▲ VercelNitro31.567s (-67.4% 🟢)33.274s (-66.2% 🟢)1.707s41.07x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.207s (-26.8% 🟢)1.006s (~)0.799s601.00x
🐘 PostgresNitro0.216s (-23.7% 🟢)1.006s (~)0.790s601.04x
🐘 PostgresNext.js (Turbopack)0.263s1.007s0.745s601.27x
💻 LocalExpress0.433s (-22.7% 🟢)1.004s (~)0.571s602.10x
💻 LocalNitro0.462s (-23.6% 🟢)1.021s (~)0.559s592.23x
💻 LocalNext.js (Turbopack)0.580s1.039s0.459s582.81x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.571s (+31.5% 🔺)4.247s (+16.8% 🔺)1.676s151.00x
▲ VercelNitro2.593s (+56.1% 🔺)4.129s (+23.2% 🔺)1.536s151.01x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.341s (-31.4% 🟢)1.007s (~)0.666s901.00x
🐘 PostgresExpress0.359s (-29.6% 🟢)1.018s (+1.2%)0.659s891.05x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.40x
💻 LocalExpress2.006s (-20.2% 🟢)2.536s (-15.7% 🟢)0.530s365.89x
💻 LocalNitro2.121s (-16.4% 🟢)2.655s (-11.8% 🟢)0.534s346.23x
💻 LocalNext.js (Turbopack)2.284s2.977s0.693s316.71x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.601s (+42.6% 🔺)6.275s (+30.1% 🔺)1.674s151.00x
▲ VercelExpress5.138s (+68.6% 🔺)7.056s (+46.8% 🔺)1.918s131.12x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.642s (-18.7% 🟢)1.006s (~)0.364s1201.00x
🐘 PostgresExpress0.647s (-21.0% 🟢)1.006s (-1.1%)0.359s1201.01x
🐘 PostgresNext.js (Turbopack)0.958s1.466s0.508s831.49x
💻 LocalExpress9.101s (-18.7% 🟢)9.561s (-19.9% 🟢)0.460s1314.17x
💻 LocalNitro9.763s (-12.8% 🟢)10.361s (-11.2% 🟢)0.598s1215.20x
💻 LocalNext.js (Turbopack)10.531s11.302s0.771s1116.40x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express14.507s (+95.5% 🔺)16.514s (+78.6% 🔺)2.008s81.00x
▲ VercelNitro15.750s (+103.9% 🔺)17.409s (+85.2% 🔺)1.659s71.09x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.153s (+479.2% 🔺)2.005s (+99.6% 🔺)0.010s (-19.0% 🟢)2.017s (+98.1% 🔺)0.864s101.00x
🐘 PostgresExpress1.157s (+464.1% 🔺)2.003s (+100.6% 🔺)0.001s (-31.3% 🟢)2.011s (+98.8% 🔺)0.854s101.00x
💻 LocalNitro1.164s (+444.5% 🔺)2.005s (+99.6% 🔺)0.013s (+0.8%)2.019s (+98.2% 🔺)0.856s101.01x
🐘 PostgresNitro1.166s (+468.8% 🔺)1.999s (+100.0% 🔺)0.001s (-33.3% 🟢)2.010s (+98.8% 🔺)0.844s101.01x
💻 LocalNext.js (Turbopack)1.204s2.003s0.010s2.018s0.814s101.04x
🐘 PostgresNext.js (Turbopack)1.228s2.002s0.001s2.011s0.783s101.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.292s (-40.2% 🟢)3.373s (-36.1% 🟢)1.464s (+97.3% 🔺)5.300s (-18.3% 🟢)3.008s101.00x
▲ VercelExpress2.399s (-4.3%)3.560s (-13.0% 🟢)1.509s (+57.1% 🔺)5.604s (~)3.205s101.05x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.568s (+148.8% 🔺)2.002s (+99.0% 🔺)0.004s (+7.0% 🔺)2.025s (+98.0% 🔺)0.457s301.00x
💻 LocalExpress1.574s (+107.9% 🔺)2.010s (+95.4% 🔺)0.010s (+6.9% 🔺)2.022s (+94.5% 🔺)0.449s301.00x
💻 LocalNitro1.583s (+88.7% 🔺)2.009s (+98.5% 🔺)0.011s (+17.4% 🔺)2.021s (+81.1% 🔺)0.439s301.01x
🐘 PostgresNitro1.585s (+153.9% 🔺)2.002s (+98.9% 🔺)0.004s (-3.3%)2.026s (+98.1% 🔺)0.441s301.01x
💻 LocalNext.js (Turbopack)1.717s2.008s0.010s2.021s0.304s301.10x
🐘 PostgresNext.js (Turbopack)1.753s2.010s0.004s2.026s0.273s301.12x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express6.267s (-3.6%)7.727s (-3.5%)0.597s (+46.1% 🔺)8.867s (~)2.601s71.00x
▲ VercelNitro6.523s (-77.8% 🟢)7.825s (-74.6% 🟢)0.228s (+103.6% 🔺)8.466s (-73.4% 🟢)1.943s81.04x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Express | Nitro

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.710s (-26.7% 🟢)1.015s (-18.6% 🟢)0.000s (+62.7% 🔺)1.032s (-18.0% 🟢)0.322s591.00x
🐘 PostgresExpress0.714s (-25.7% 🟢)1.028s (-19.5% 🟢)0.000s (-20.7% 🟢)1.048s (-19.7% 🟢)0.335s581.01x
🐘 PostgresNext.js (Turbopack)0.816s1.071s0.000s1.079s0.263s561.15x
💻 LocalExpress1.361s (+11.1% 🔺)2.014s (~)0.000s (+20.0% 🔺)2.016s (~)0.655s301.92x
💻 LocalNitro1.366s (+11.7% 🔺)2.014s (~)0.000s (+66.7% 🔺)2.016s (~)0.650s301.92x
💻 LocalNext.js (Turbopack)1.690s2.013s0.000s2.196s0.505s282.38x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.744s (+22.7% 🔺)4.766s (+8.5% 🔺)0.000s (-100.0% 🟢)5.154s (+7.2% 🔺)1.410s121.00x
▲ VercelExpress4.545s (+21.5% 🔺)5.740s (+12.5% 🔺)0.000s (-100.0% 🟢)6.250s (+13.0% 🔺)1.706s101.21x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

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

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.265s (-29.4% 🟢)2.033s (-5.1% 🟢)0.000s (-6.7% 🟢)2.050s (-5.7% 🟢)0.786s301.00x
🐘 PostgresExpress1.315s (-25.8% 🟢)1.996s (-8.3% 🟢)0.000s (NaN%)2.044s (-7.0% 🟢)0.729s301.04x
🐘 PostgresNext.js (Turbopack)1.703s2.299s0.000s2.307s0.605s271.35x
💻 LocalNitro3.052s (-9.9% 🟢)3.840s (-4.8%)0.001s (+75.8% 🔺)3.842s (-4.8%)0.790s162.41x
💻 LocalExpress3.072s (-11.4% 🟢)3.901s (-3.3%)0.001s (+9.4% 🔺)3.903s (-3.3%)0.831s162.43x
💻 LocalNext.js (Turbopack)3.172s3.731s0.001s3.735s0.563s172.51x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.571s (+36.1% 🔺)6.817s (+26.8% 🔺)0.000s (+63.0% 🔺)7.240s (+25.0% 🔺)1.670s91.00x
▲ VercelExpress5.994s (+30.7% 🔺)7.645s (+26.9% 🔺)0.000s (+Infinity% 🔺)8.265s (+28.0% 🔺)2.271s81.08x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalExpress16/21
🐘 PostgresNitro12/21
▲ VercelExpress13/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres16/21
Next.js (Turbopack)🐘 Postgres14/21
Nitro🐘 Postgres17/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 Jun 1, 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

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Re-reviewed after the latest commits (Update trace-viewer.tsx, Update use-trace-viewer.test.ts).

Looks good to merge:

  • Pagination is correctly wired through run-detail-viewNewTraceViewer
  • Footer spinner now only shows while isLoadingMore
  • Auto-backfill cap + scroll-load via IntersectionObserver are solid
  • New pagination tests pass (8/8 locally)

Remaining follow-up is out of scope here: vercel/front parity for the new trace viewer flag path (front#72039).

@mitul-s
mitul-s merged commit f0f002a into mainJun 1, 2026
279 of 304 checks passed
@mitul-s
mitul-s deleted the ms/loading-spans branch June 1, 2026 19:42
@github-actionsgithub-actionsBot mentioned this pull request Jun 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for f0f002a (AI decision).

This commit fixes pagination for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and packages/web-shared/src/components/trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The accompanying change to use-trace-viewer.ts introduces a new auto-load-with-cap behavior (and tests for it) that doesn't exist on stable (stable's hook has no auto-load useEffect), so it isn't fixing a bug present there. The change builds on main-only behavior.

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

f0f002ae05e6b4a66eb72e1b1c48fda1bcd0f412

pranaygp added a commit that referenced this pull request Jun 2, 2026
* origin/main:
[world-vercel] Retry transient response-body parse failures in the HTTP client (#2204)
Add virtualization to the trace viewer (#2205)
Trace viewer: scroll-load events past an auto-load cap (#2200)
fix(core): resolve forwarded stream keys across deployments (#2191)
[e2e] Improve error labeling in event-log-race-repro CI job (#2190)
[core] Harden event pagination response parsing (#2180) (#2179)
Add loading skeleton to the new trace viewer (#2164)
Add tooltip components + apply on up/down detail pane (#2163)
fix(swc-plugin): allow wasm host imports during link (#2174)
[test] Forward-port reused-sleep replay divergence test (#2172)
[e2e] Add `event-log-race-repro` label for triggering CI stress-test (#2159)
Version Packages (beta) (#2162)
fix(world-local): skip Nov 2025 ghost versions on npm (#2168)
fix(core,errors): classify SDK encryption failures as RUNTIME_ERROR (#2145)
[web-shared][web] Fix events tab search (#2107)
Version Packages (beta) (#2147)
Allow setting workflow attributes from steps (#2157)
Better search handling on the trace viewer (#2144)
[docs] Document experimental attributes feature (#2141)
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('^' + ".*" + ' Trace viewer: scroll-load events past an auto-load cap by mitul-s · Pull Request #2200 · vercel/workflow · GitHub
Skip to content

Trace viewer: scroll-load events past an auto-load cap - #2200

Merged
mitul-s merged 4 commits into
mainfrom
ms/loading-spans
Jun 1, 2026
Merged

Trace viewer: scroll-load events past an auto-load cap#2200
mitul-s merged 4 commits into
mainfrom
ms/loading-spans

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

The new trace viewer was getting stuck on the first page for large runs. This re-wires pagination:

  • Auto-load up to a cap, then scroll-load.use-trace-viewer.ts backfills history pages until AUTO_LOAD_MAX_EVENTS (500), then stops; further loading is driven by scrolling.
  • IntersectionObserver scroll-loading. New useLoadMoreOnScroll + useIntersectionObserver hooks (ported from vercel/front's @vercel/hooks, with root threaded as a ref so the observer roots on the viewer's internal scroll container). A sentinel near the bottom of the span list triggers the next page — no per-scroll layout reads.
  • NewTraceViewer gains onLoadMore / hasMore / isLoadingMore props and renders a centered "Loading spans…" footer (Geist spinner) while fetching.
  • SplitPane exposes its scroll container via scrollContainerRef so the observer can root on it.

Notes

  • AUTO_LOAD_MAX_EVENTS is also set in vercel/front's use-workflow-trace-data.ts (the trace viewer's other consumer) — keep them in sync. See vercel/front#72039.
  • The cap governs only hands-free backfill; scroll + live-poll still load beyond it by design.

🤖 Generated with Claude Code

@mitul-s
mitul-s requested a review from a team as a code ownerJune 1, 2026 16:49
@changeset-bot

changeset-botBot commented Jun 1, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 49f0c86

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 Jun 1, 2026

Copy link
Copy Markdown
Contributor

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review notes 1–6 (inline). Overall this fixes the missing pagination wiring; minor follow-ups above.

Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web-shared/src/hooks/use-intersection-observer.ts
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/hooks/use-load-more-on-scroll.ts
@github-actions

github-actionsBot commented Jun 1, 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.041s (-4.4%)1.006s (~)0.965s101.00x
💻 LocalExpress0.043s (-3.8%)1.005s (~)0.962s101.03x
💻 LocalNext.js (Turbopack)0.061s1.005s0.944s101.48x
🐘 PostgresNitro0.062s (-35.2% 🟢)1.013s (-2.8%)0.952s101.50x
🐘 PostgresExpress0.067s (+14.7% 🔺)1.012s (~)0.945s101.61x
🐘 PostgresNext.js (Turbopack)0.069s1.013s0.944s101.68x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.277s (-32.4% 🟢)2.111s (-15.9% 🟢)1.834s101.00x
▲ VercelExpress0.316s (+34.0% 🔺)2.418s (+13.2% 🔺)2.102s101.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.093s (-2.8%)2.006s (~)0.913s101.00x
💻 LocalNitro1.101s (-2.7%)2.006s (~)0.905s101.01x
🐘 PostgresExpress1.102s (-3.9%)2.009s (~)0.907s101.01x
🐘 PostgresNitro1.105s (-3.0%)2.010s (~)0.904s101.01x
💻 LocalNext.js (Turbopack)1.138s2.006s0.868s101.04x
🐘 PostgresNext.js (Turbopack)1.147s2.009s0.863s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express1.672s (-10.8% 🟢)3.778s (-0.8%)2.105s101.00x
▲ VercelNitro1.744s (-55.2% 🟢)3.467s (-41.3% 🟢)1.723s101.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro10.523s (-3.2%)11.019s (~)0.496s31.00x
💻 LocalNitro10.529s (-3.8%)11.021s (~)0.492s31.00x
🐘 PostgresExpress10.546s (-3.8%)11.020s (~)0.474s31.00x
💻 LocalExpress10.559s (-3.3%)11.021s (~)0.462s31.00x
💻 LocalNext.js (Turbopack)10.776s11.020s0.244s31.02x
🐘 PostgresNext.js (Turbopack)10.826s11.018s0.191s31.03x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.703s (-19.3% 🟢)15.514s (-22.5% 🟢)1.812s21.00x
▲ VercelNitro14.294s (-39.8% 🟢)15.860s (-36.9% 🟢)1.565s21.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.734s (-8.3% 🟢)14.025s (-6.7% 🟢)0.292s51.00x
🐘 PostgresNitro13.745s (-5.8% 🟢)14.020s (-6.7% 🟢)0.274s51.00x
💻 LocalNitro13.756s (-8.7% 🟢)14.027s (-12.5% 🟢)0.271s51.00x
🐘 PostgresExpress13.893s (-4.7%)14.220s (-5.3% 🟢)0.327s51.01x
💻 LocalNext.js (Turbopack)14.290s15.029s0.739s41.04x
🐘 PostgresNext.js (Turbopack)14.456s15.018s0.562s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express23.240s (-53.8% 🟢)25.296s (-51.9% 🟢)2.056s31.00x
▲ VercelNitro23.351s (-63.8% 🟢)25.318s (-62.0% 🟢)1.966s31.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express12.370s (-11.7% 🟢)13.016s (-10.8% 🟢)0.646s71.00x
🐘 PostgresNitro12.464s (-10.8% 🟢)13.018s (-9.0% 🟢)0.554s71.01x
💻 LocalNitro12.480s (-25.6% 🟢)13.024s (-23.5% 🟢)0.544s71.01x
💻 LocalExpress12.500s (-24.7% 🟢)13.025s (-23.5% 🟢)0.525s71.01x
💻 LocalNext.js (Turbopack)13.513s14.028s0.515s71.09x
🐘 PostgresNext.js (Turbopack)14.052s14.449s0.396s71.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro32.042s (-92.4% 🟢)33.957s (-92.0% 🟢)1.916s31.00x
▲ VercelExpress33.574s (-72.3% 🟢)36.447s (-70.5% 🟢)2.873s31.05x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.177s (-7.7% 🟢)2.008s (~)0.831s151.00x
💻 LocalExpress1.179s (-20.8% 🟢)2.006s (~)0.828s151.00x
🐘 PostgresExpress1.179s (-6.5% 🟢)2.008s (~)0.829s151.00x
💻 LocalNitro1.188s (-27.2% 🟢)2.006s (-3.3%)0.818s151.01x
🐘 PostgresNext.js (Turbopack)1.253s2.008s0.755s151.06x
💻 LocalNext.js (Turbopack)1.357s2.006s0.648s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.639s (-6.4% 🟢)4.240s (-1.9%)1.601s81.00x
▲ VercelExpress2.983s (+4.3%)4.828s (+4.4%)1.844s71.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.239s (-47.3% 🟢)2.008s (-33.3% 🟢)0.769s151.00x
🐘 PostgresExpress1.253s (-46.9% 🟢)2.007s (-33.3% 🟢)0.754s151.01x
🐘 PostgresNext.js (Turbopack)1.423s2.007s0.584s151.15x
💻 LocalExpress1.627s (-44.9% 🟢)2.006s (-41.9% 🟢)0.379s151.31x
💻 LocalNitro1.765s (-43.9% 🟢)2.073s (-46.6% 🟢)0.308s151.42x
💻 LocalNext.js (Turbopack)1.886s2.391s0.506s131.52x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.571s (-1.3%)5.011s (-2.0%)1.439s61.00x
▲ VercelNitro3.674s (-9.3% 🟢)5.149s (-13.0% 🟢)1.475s61.03x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.383s (-60.3% 🟢)2.007s (-49.9% 🟢)0.624s151.00x
🐘 PostgresNitro1.390s (-60.0% 🟢)2.008s (-49.9% 🟢)0.618s151.01x
🐘 PostgresNext.js (Turbopack)1.724s2.316s0.592s131.25x
💻 LocalExpress4.388s (-47.4% 🟢)4.868s (-46.1% 🟢)0.480s73.17x
💻 LocalNext.js (Turbopack)4.896s5.297s0.401s73.54x
💻 LocalNitro5.436s (-34.9% 🟢)5.845s (-35.2% 🟢)0.409s63.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.577s (+58.2% 🔺)7.509s (+35.7% 🔺)1.932s51.00x
▲ VercelExpress6.337s (+49.4% 🔺)8.535s (+39.3% 🔺)2.199s41.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.172s (-6.8% 🟢)2.009s (~)0.837s151.00x
🐘 PostgresExpress1.184s (-5.8% 🟢)2.008s (~)0.824s151.01x
🐘 PostgresNext.js (Turbopack)1.241s2.008s0.767s151.06x
💻 LocalNext.js (Turbopack)1.368s2.006s0.638s151.17x
💻 LocalNitro1.541s (-17.4% 🟢)2.006s (-14.3% 🟢)0.465s151.31x
💻 LocalExpress1.566s (-17.3% 🟢)2.006s (-15.1% 🟢)0.440s151.34x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.817s (+9.1% 🔺)4.521s (+3.9%)1.704s71.00x
▲ VercelNitro2.821s (+14.7% 🔺)4.519s (+8.4% 🔺)1.698s71.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.250s (-46.5% 🟢)2.008s (-33.3% 🟢)0.757s151.00x
🐘 PostgresExpress1.297s (-44.6% 🟢)2.008s (-33.3% 🟢)0.712s151.04x
🐘 PostgresNext.js (Turbopack)1.389s2.009s0.619s151.11x
💻 LocalExpress1.725s (-44.9% 🟢)2.072s (-44.9% 🟢)0.347s151.38x
💻 LocalNitro2.071s (-32.4% 🟢)2.591s (-33.3% 🟢)0.519s121.66x
💻 LocalNext.js (Turbopack)2.083s2.735s0.652s111.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.321s (+4.0%)5.207s (+8.6% 🔺)1.886s61.00x
▲ VercelNitro3.531s (+9.2% 🔺)5.157s (+1.6%)1.626s61.06x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.388s (-60.3% 🟢)2.008s (-49.9% 🟢)0.620s151.00x
🐘 PostgresNitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresNext.js (Turbopack)1.771s2.317s0.546s131.28x
💻 LocalExpress4.595s (-47.8% 🟢)5.011s (-46.0% 🟢)0.416s63.31x
💻 LocalNext.js (Turbopack)5.255s5.513s0.258s63.79x
💻 LocalNitro6.433s (-29.7% 🟢)7.015s (-30.0% 🟢)0.582s54.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.399s (-15.9% 🟢)7.246s (-11.4% 🟢)1.847s51.00x
▲ VercelNitro6.645s (+30.5% 🔺)8.837s (+29.6% 🔺)2.193s41.23x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.558s (-32.0% 🟢)1.006s (~)0.448s601.00x
🐘 PostgresExpress0.566s (-32.6% 🟢)1.006s (-1.6%)0.441s601.01x
💻 LocalExpress0.591s (-39.9% 🟢)1.021s (-5.1% 🟢)0.431s591.06x
💻 LocalNitro0.601s (-38.7% 🟢)1.005s (-8.2% 🟢)0.404s601.08x
🐘 PostgresNext.js (Turbopack)0.830s1.024s0.194s591.49x
💻 LocalNext.js (Turbopack)0.859s1.021s0.163s591.54x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.370s (-71.8% 🟢)7.214s (-66.2% 🟢)1.844s91.00x
▲ VercelNitro6.041s (-72.6% 🟢)7.729s (-67.8% 🟢)1.688s81.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.323s (-33.0% 🟢)2.030s (-10.1% 🟢)0.707s451.00x
🐘 PostgresNitro1.390s (-27.9% 🟢)2.030s (-3.3%)0.640s451.05x
💻 LocalExpress1.480s (-50.9% 🟢)2.005s (-44.1% 🟢)0.526s451.12x
💻 LocalNitro1.524s (-49.8% 🟢)2.028s (-46.0% 🟢)0.504s451.15x
🐘 PostgresNext.js (Turbopack)1.986s2.343s0.357s391.50x
💻 LocalNext.js (Turbopack)2.080s2.943s0.863s311.57x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.722s (-60.3% 🟢)16.049s (-56.4% 🟢)2.327s61.00x
▲ VercelNitro16.784s (-57.5% 🟢)18.494s (-55.2% 🟢)1.710s51.22x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express2.577s (-35.4% 🟢)3.058s (-30.0% 🟢)0.481s401.00x
🐘 PostgresNitro2.654s (-35.3% 🟢)3.085s (-33.0% 🟢)0.431s391.03x
💻 LocalExpress3.116s (-66.2% 🟢)3.705s (-63.0% 🟢)0.590s331.21x
💻 LocalNitro3.275s (-64.8% 🟢)4.010s (-60.0% 🟢)0.734s301.27x
🐘 PostgresNext.js (Turbopack)3.832s4.010s0.178s301.49x
💻 LocalNext.js (Turbopack)4.301s5.010s0.709s241.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express29.551s (-77.3% 🟢)32.398s (-75.5% 🟢)2.847s41.00x
▲ VercelNitro31.567s (-67.4% 🟢)33.274s (-66.2% 🟢)1.707s41.07x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.207s (-26.8% 🟢)1.006s (~)0.799s601.00x
🐘 PostgresNitro0.216s (-23.7% 🟢)1.006s (~)0.790s601.04x
🐘 PostgresNext.js (Turbopack)0.263s1.007s0.745s601.27x
💻 LocalExpress0.433s (-22.7% 🟢)1.004s (~)0.571s602.10x
💻 LocalNitro0.462s (-23.6% 🟢)1.021s (~)0.559s592.23x
💻 LocalNext.js (Turbopack)0.580s1.039s0.459s582.81x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.571s (+31.5% 🔺)4.247s (+16.8% 🔺)1.676s151.00x
▲ VercelNitro2.593s (+56.1% 🔺)4.129s (+23.2% 🔺)1.536s151.01x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.341s (-31.4% 🟢)1.007s (~)0.666s901.00x
🐘 PostgresExpress0.359s (-29.6% 🟢)1.018s (+1.2%)0.659s891.05x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.40x
💻 LocalExpress2.006s (-20.2% 🟢)2.536s (-15.7% 🟢)0.530s365.89x
💻 LocalNitro2.121s (-16.4% 🟢)2.655s (-11.8% 🟢)0.534s346.23x
💻 LocalNext.js (Turbopack)2.284s2.977s0.693s316.71x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.601s (+42.6% 🔺)6.275s (+30.1% 🔺)1.674s151.00x
▲ VercelExpress5.138s (+68.6% 🔺)7.056s (+46.8% 🔺)1.918s131.12x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.642s (-18.7% 🟢)1.006s (~)0.364s1201.00x
🐘 PostgresExpress0.647s (-21.0% 🟢)1.006s (-1.1%)0.359s1201.01x
🐘 PostgresNext.js (Turbopack)0.958s1.466s0.508s831.49x
💻 LocalExpress9.101s (-18.7% 🟢)9.561s (-19.9% 🟢)0.460s1314.17x
💻 LocalNitro9.763s (-12.8% 🟢)10.361s (-11.2% 🟢)0.598s1215.20x
💻 LocalNext.js (Turbopack)10.531s11.302s0.771s1116.40x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express14.507s (+95.5% 🔺)16.514s (+78.6% 🔺)2.008s81.00x
▲ VercelNitro15.750s (+103.9% 🔺)17.409s (+85.2% 🔺)1.659s71.09x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.153s (+479.2% 🔺)2.005s (+99.6% 🔺)0.010s (-19.0% 🟢)2.017s (+98.1% 🔺)0.864s101.00x
🐘 PostgresExpress1.157s (+464.1% 🔺)2.003s (+100.6% 🔺)0.001s (-31.3% 🟢)2.011s (+98.8% 🔺)0.854s101.00x
💻 LocalNitro1.164s (+444.5% 🔺)2.005s (+99.6% 🔺)0.013s (+0.8%)2.019s (+98.2% 🔺)0.856s101.01x
🐘 PostgresNitro1.166s (+468.8% 🔺)1.999s (+100.0% 🔺)0.001s (-33.3% 🟢)2.010s (+98.8% 🔺)0.844s101.01x
💻 LocalNext.js (Turbopack)1.204s2.003s0.010s2.018s0.814s101.04x
🐘 PostgresNext.js (Turbopack)1.228s2.002s0.001s2.011s0.783s101.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.292s (-40.2% 🟢)3.373s (-36.1% 🟢)1.464s (+97.3% 🔺)5.300s (-18.3% 🟢)3.008s101.00x
▲ VercelExpress2.399s (-4.3%)3.560s (-13.0% 🟢)1.509s (+57.1% 🔺)5.604s (~)3.205s101.05x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.568s (+148.8% 🔺)2.002s (+99.0% 🔺)0.004s (+7.0% 🔺)2.025s (+98.0% 🔺)0.457s301.00x
💻 LocalExpress1.574s (+107.9% 🔺)2.010s (+95.4% 🔺)0.010s (+6.9% 🔺)2.022s (+94.5% 🔺)0.449s301.00x
💻 LocalNitro1.583s (+88.7% 🔺)2.009s (+98.5% 🔺)0.011s (+17.4% 🔺)2.021s (+81.1% 🔺)0.439s301.01x
🐘 PostgresNitro1.585s (+153.9% 🔺)2.002s (+98.9% 🔺)0.004s (-3.3%)2.026s (+98.1% 🔺)0.441s301.01x
💻 LocalNext.js (Turbopack)1.717s2.008s0.010s2.021s0.304s301.10x
🐘 PostgresNext.js (Turbopack)1.753s2.010s0.004s2.026s0.273s301.12x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express6.267s (-3.6%)7.727s (-3.5%)0.597s (+46.1% 🔺)8.867s (~)2.601s71.00x
▲ VercelNitro6.523s (-77.8% 🟢)7.825s (-74.6% 🟢)0.228s (+103.6% 🔺)8.466s (-73.4% 🟢)1.943s81.04x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Express | Nitro

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.710s (-26.7% 🟢)1.015s (-18.6% 🟢)0.000s (+62.7% 🔺)1.032s (-18.0% 🟢)0.322s591.00x
🐘 PostgresExpress0.714s (-25.7% 🟢)1.028s (-19.5% 🟢)0.000s (-20.7% 🟢)1.048s (-19.7% 🟢)0.335s581.01x
🐘 PostgresNext.js (Turbopack)0.816s1.071s0.000s1.079s0.263s561.15x
💻 LocalExpress1.361s (+11.1% 🔺)2.014s (~)0.000s (+20.0% 🔺)2.016s (~)0.655s301.92x
💻 LocalNitro1.366s (+11.7% 🔺)2.014s (~)0.000s (+66.7% 🔺)2.016s (~)0.650s301.92x
💻 LocalNext.js (Turbopack)1.690s2.013s0.000s2.196s0.505s282.38x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.744s (+22.7% 🔺)4.766s (+8.5% 🔺)0.000s (-100.0% 🟢)5.154s (+7.2% 🔺)1.410s121.00x
▲ VercelExpress4.545s (+21.5% 🔺)5.740s (+12.5% 🔺)0.000s (-100.0% 🟢)6.250s (+13.0% 🔺)1.706s101.21x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

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

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.265s (-29.4% 🟢)2.033s (-5.1% 🟢)0.000s (-6.7% 🟢)2.050s (-5.7% 🟢)0.786s301.00x
🐘 PostgresExpress1.315s (-25.8% 🟢)1.996s (-8.3% 🟢)0.000s (NaN%)2.044s (-7.0% 🟢)0.729s301.04x
🐘 PostgresNext.js (Turbopack)1.703s2.299s0.000s2.307s0.605s271.35x
💻 LocalNitro3.052s (-9.9% 🟢)3.840s (-4.8%)0.001s (+75.8% 🔺)3.842s (-4.8%)0.790s162.41x
💻 LocalExpress3.072s (-11.4% 🟢)3.901s (-3.3%)0.001s (+9.4% 🔺)3.903s (-3.3%)0.831s162.43x
💻 LocalNext.js (Turbopack)3.172s3.731s0.001s3.735s0.563s172.51x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.571s (+36.1% 🔺)6.817s (+26.8% 🔺)0.000s (+63.0% 🔺)7.240s (+25.0% 🔺)1.670s91.00x
▲ VercelExpress5.994s (+30.7% 🔺)7.645s (+26.9% 🔺)0.000s (+Infinity% 🔺)8.265s (+28.0% 🔺)2.271s81.08x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalExpress16/21
🐘 PostgresNitro12/21
▲ VercelExpress13/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres16/21
Next.js (Turbopack)🐘 Postgres14/21
Nitro🐘 Postgres17/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 Jun 1, 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

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Re-reviewed after the latest commits (Update trace-viewer.tsx, Update use-trace-viewer.test.ts).

Looks good to merge:

  • Pagination is correctly wired through run-detail-viewNewTraceViewer
  • Footer spinner now only shows while isLoadingMore
  • Auto-backfill cap + scroll-load via IntersectionObserver are solid
  • New pagination tests pass (8/8 locally)

Remaining follow-up is out of scope here: vercel/front parity for the new trace viewer flag path (front#72039).

@mitul-s
mitul-s merged commit f0f002a into mainJun 1, 2026
279 of 304 checks passed
@mitul-s
mitul-s deleted the ms/loading-spans branch June 1, 2026 19:42
@github-actionsgithub-actionsBot mentioned this pull request Jun 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for f0f002a (AI decision).

This commit fixes pagination for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and packages/web-shared/src/components/trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The accompanying change to use-trace-viewer.ts introduces a new auto-load-with-cap behavior (and tests for it) that doesn't exist on stable (stable's hook has no auto-load useEffect), so it isn't fixing a bug present there. The change builds on main-only behavior.

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

f0f002ae05e6b4a66eb72e1b1c48fda1bcd0f412

pranaygp added a commit that referenced this pull request Jun 2, 2026
* origin/main:
[world-vercel] Retry transient response-body parse failures in the HTTP client (#2204)
Add virtualization to the trace viewer (#2205)
Trace viewer: scroll-load events past an auto-load cap (#2200)
fix(core): resolve forwarded stream keys across deployments (#2191)
[e2e] Improve error labeling in event-log-race-repro CI job (#2190)
[core] Harden event pagination response parsing (#2180) (#2179)
Add loading skeleton to the new trace viewer (#2164)
Add tooltip components + apply on up/down detail pane (#2163)
fix(swc-plugin): allow wasm host imports during link (#2174)
[test] Forward-port reused-sleep replay divergence test (#2172)
[e2e] Add `event-log-race-repro` label for triggering CI stress-test (#2159)
Version Packages (beta) (#2162)
fix(world-local): skip Nov 2025 ghost versions on npm (#2168)
fix(core,errors): classify SDK encryption failures as RUNTIME_ERROR (#2145)
[web-shared][web] Fix events tab search (#2107)
Version Packages (beta) (#2147)
Allow setting workflow attributes from steps (#2157)
Better search handling on the trace viewer (#2144)
[docs] Document experimental attributes feature (#2141)
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); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' Trace viewer: scroll-load events past an auto-load cap by mitul-s · Pull Request #2200 · vercel/workflow · GitHub
Skip to content

Trace viewer: scroll-load events past an auto-load cap - #2200

Merged
mitul-s merged 4 commits into
mainfrom
ms/loading-spans
Jun 1, 2026
Merged

Trace viewer: scroll-load events past an auto-load cap#2200
mitul-s merged 4 commits into
mainfrom
ms/loading-spans

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

The new trace viewer was getting stuck on the first page for large runs. This re-wires pagination:

  • Auto-load up to a cap, then scroll-load.use-trace-viewer.ts backfills history pages until AUTO_LOAD_MAX_EVENTS (500), then stops; further loading is driven by scrolling.
  • IntersectionObserver scroll-loading. New useLoadMoreOnScroll + useIntersectionObserver hooks (ported from vercel/front's @vercel/hooks, with root threaded as a ref so the observer roots on the viewer's internal scroll container). A sentinel near the bottom of the span list triggers the next page — no per-scroll layout reads.
  • NewTraceViewer gains onLoadMore / hasMore / isLoadingMore props and renders a centered "Loading spans…" footer (Geist spinner) while fetching.
  • SplitPane exposes its scroll container via scrollContainerRef so the observer can root on it.

Notes

  • AUTO_LOAD_MAX_EVENTS is also set in vercel/front's use-workflow-trace-data.ts (the trace viewer's other consumer) — keep them in sync. See vercel/front#72039.
  • The cap governs only hands-free backfill; scroll + live-poll still load beyond it by design.

🤖 Generated with Claude Code

@mitul-s
mitul-s requested a review from a team as a code ownerJune 1, 2026 16:49
@changeset-bot

changeset-botBot commented Jun 1, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 49f0c86

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 Jun 1, 2026

Copy link
Copy Markdown
Contributor

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review notes 1–6 (inline). Overall this fixes the missing pagination wiring; minor follow-ups above.

Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web-shared/src/hooks/use-intersection-observer.ts
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/hooks/use-load-more-on-scroll.ts
@github-actions

github-actionsBot commented Jun 1, 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.041s (-4.4%)1.006s (~)0.965s101.00x
💻 LocalExpress0.043s (-3.8%)1.005s (~)0.962s101.03x
💻 LocalNext.js (Turbopack)0.061s1.005s0.944s101.48x
🐘 PostgresNitro0.062s (-35.2% 🟢)1.013s (-2.8%)0.952s101.50x
🐘 PostgresExpress0.067s (+14.7% 🔺)1.012s (~)0.945s101.61x
🐘 PostgresNext.js (Turbopack)0.069s1.013s0.944s101.68x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.277s (-32.4% 🟢)2.111s (-15.9% 🟢)1.834s101.00x
▲ VercelExpress0.316s (+34.0% 🔺)2.418s (+13.2% 🔺)2.102s101.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.093s (-2.8%)2.006s (~)0.913s101.00x
💻 LocalNitro1.101s (-2.7%)2.006s (~)0.905s101.01x
🐘 PostgresExpress1.102s (-3.9%)2.009s (~)0.907s101.01x
🐘 PostgresNitro1.105s (-3.0%)2.010s (~)0.904s101.01x
💻 LocalNext.js (Turbopack)1.138s2.006s0.868s101.04x
🐘 PostgresNext.js (Turbopack)1.147s2.009s0.863s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express1.672s (-10.8% 🟢)3.778s (-0.8%)2.105s101.00x
▲ VercelNitro1.744s (-55.2% 🟢)3.467s (-41.3% 🟢)1.723s101.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro10.523s (-3.2%)11.019s (~)0.496s31.00x
💻 LocalNitro10.529s (-3.8%)11.021s (~)0.492s31.00x
🐘 PostgresExpress10.546s (-3.8%)11.020s (~)0.474s31.00x
💻 LocalExpress10.559s (-3.3%)11.021s (~)0.462s31.00x
💻 LocalNext.js (Turbopack)10.776s11.020s0.244s31.02x
🐘 PostgresNext.js (Turbopack)10.826s11.018s0.191s31.03x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.703s (-19.3% 🟢)15.514s (-22.5% 🟢)1.812s21.00x
▲ VercelNitro14.294s (-39.8% 🟢)15.860s (-36.9% 🟢)1.565s21.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.734s (-8.3% 🟢)14.025s (-6.7% 🟢)0.292s51.00x
🐘 PostgresNitro13.745s (-5.8% 🟢)14.020s (-6.7% 🟢)0.274s51.00x
💻 LocalNitro13.756s (-8.7% 🟢)14.027s (-12.5% 🟢)0.271s51.00x
🐘 PostgresExpress13.893s (-4.7%)14.220s (-5.3% 🟢)0.327s51.01x
💻 LocalNext.js (Turbopack)14.290s15.029s0.739s41.04x
🐘 PostgresNext.js (Turbopack)14.456s15.018s0.562s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express23.240s (-53.8% 🟢)25.296s (-51.9% 🟢)2.056s31.00x
▲ VercelNitro23.351s (-63.8% 🟢)25.318s (-62.0% 🟢)1.966s31.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express12.370s (-11.7% 🟢)13.016s (-10.8% 🟢)0.646s71.00x
🐘 PostgresNitro12.464s (-10.8% 🟢)13.018s (-9.0% 🟢)0.554s71.01x
💻 LocalNitro12.480s (-25.6% 🟢)13.024s (-23.5% 🟢)0.544s71.01x
💻 LocalExpress12.500s (-24.7% 🟢)13.025s (-23.5% 🟢)0.525s71.01x
💻 LocalNext.js (Turbopack)13.513s14.028s0.515s71.09x
🐘 PostgresNext.js (Turbopack)14.052s14.449s0.396s71.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro32.042s (-92.4% 🟢)33.957s (-92.0% 🟢)1.916s31.00x
▲ VercelExpress33.574s (-72.3% 🟢)36.447s (-70.5% 🟢)2.873s31.05x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.177s (-7.7% 🟢)2.008s (~)0.831s151.00x
💻 LocalExpress1.179s (-20.8% 🟢)2.006s (~)0.828s151.00x
🐘 PostgresExpress1.179s (-6.5% 🟢)2.008s (~)0.829s151.00x
💻 LocalNitro1.188s (-27.2% 🟢)2.006s (-3.3%)0.818s151.01x
🐘 PostgresNext.js (Turbopack)1.253s2.008s0.755s151.06x
💻 LocalNext.js (Turbopack)1.357s2.006s0.648s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.639s (-6.4% 🟢)4.240s (-1.9%)1.601s81.00x
▲ VercelExpress2.983s (+4.3%)4.828s (+4.4%)1.844s71.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.239s (-47.3% 🟢)2.008s (-33.3% 🟢)0.769s151.00x
🐘 PostgresExpress1.253s (-46.9% 🟢)2.007s (-33.3% 🟢)0.754s151.01x
🐘 PostgresNext.js (Turbopack)1.423s2.007s0.584s151.15x
💻 LocalExpress1.627s (-44.9% 🟢)2.006s (-41.9% 🟢)0.379s151.31x
💻 LocalNitro1.765s (-43.9% 🟢)2.073s (-46.6% 🟢)0.308s151.42x
💻 LocalNext.js (Turbopack)1.886s2.391s0.506s131.52x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.571s (-1.3%)5.011s (-2.0%)1.439s61.00x
▲ VercelNitro3.674s (-9.3% 🟢)5.149s (-13.0% 🟢)1.475s61.03x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.383s (-60.3% 🟢)2.007s (-49.9% 🟢)0.624s151.00x
🐘 PostgresNitro1.390s (-60.0% 🟢)2.008s (-49.9% 🟢)0.618s151.01x
🐘 PostgresNext.js (Turbopack)1.724s2.316s0.592s131.25x
💻 LocalExpress4.388s (-47.4% 🟢)4.868s (-46.1% 🟢)0.480s73.17x
💻 LocalNext.js (Turbopack)4.896s5.297s0.401s73.54x
💻 LocalNitro5.436s (-34.9% 🟢)5.845s (-35.2% 🟢)0.409s63.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.577s (+58.2% 🔺)7.509s (+35.7% 🔺)1.932s51.00x
▲ VercelExpress6.337s (+49.4% 🔺)8.535s (+39.3% 🔺)2.199s41.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.172s (-6.8% 🟢)2.009s (~)0.837s151.00x
🐘 PostgresExpress1.184s (-5.8% 🟢)2.008s (~)0.824s151.01x
🐘 PostgresNext.js (Turbopack)1.241s2.008s0.767s151.06x
💻 LocalNext.js (Turbopack)1.368s2.006s0.638s151.17x
💻 LocalNitro1.541s (-17.4% 🟢)2.006s (-14.3% 🟢)0.465s151.31x
💻 LocalExpress1.566s (-17.3% 🟢)2.006s (-15.1% 🟢)0.440s151.34x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.817s (+9.1% 🔺)4.521s (+3.9%)1.704s71.00x
▲ VercelNitro2.821s (+14.7% 🔺)4.519s (+8.4% 🔺)1.698s71.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.250s (-46.5% 🟢)2.008s (-33.3% 🟢)0.757s151.00x
🐘 PostgresExpress1.297s (-44.6% 🟢)2.008s (-33.3% 🟢)0.712s151.04x
🐘 PostgresNext.js (Turbopack)1.389s2.009s0.619s151.11x
💻 LocalExpress1.725s (-44.9% 🟢)2.072s (-44.9% 🟢)0.347s151.38x
💻 LocalNitro2.071s (-32.4% 🟢)2.591s (-33.3% 🟢)0.519s121.66x
💻 LocalNext.js (Turbopack)2.083s2.735s0.652s111.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.321s (+4.0%)5.207s (+8.6% 🔺)1.886s61.00x
▲ VercelNitro3.531s (+9.2% 🔺)5.157s (+1.6%)1.626s61.06x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.388s (-60.3% 🟢)2.008s (-49.9% 🟢)0.620s151.00x
🐘 PostgresNitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresNext.js (Turbopack)1.771s2.317s0.546s131.28x
💻 LocalExpress4.595s (-47.8% 🟢)5.011s (-46.0% 🟢)0.416s63.31x
💻 LocalNext.js (Turbopack)5.255s5.513s0.258s63.79x
💻 LocalNitro6.433s (-29.7% 🟢)7.015s (-30.0% 🟢)0.582s54.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.399s (-15.9% 🟢)7.246s (-11.4% 🟢)1.847s51.00x
▲ VercelNitro6.645s (+30.5% 🔺)8.837s (+29.6% 🔺)2.193s41.23x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.558s (-32.0% 🟢)1.006s (~)0.448s601.00x
🐘 PostgresExpress0.566s (-32.6% 🟢)1.006s (-1.6%)0.441s601.01x
💻 LocalExpress0.591s (-39.9% 🟢)1.021s (-5.1% 🟢)0.431s591.06x
💻 LocalNitro0.601s (-38.7% 🟢)1.005s (-8.2% 🟢)0.404s601.08x
🐘 PostgresNext.js (Turbopack)0.830s1.024s0.194s591.49x
💻 LocalNext.js (Turbopack)0.859s1.021s0.163s591.54x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.370s (-71.8% 🟢)7.214s (-66.2% 🟢)1.844s91.00x
▲ VercelNitro6.041s (-72.6% 🟢)7.729s (-67.8% 🟢)1.688s81.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.323s (-33.0% 🟢)2.030s (-10.1% 🟢)0.707s451.00x
🐘 PostgresNitro1.390s (-27.9% 🟢)2.030s (-3.3%)0.640s451.05x
💻 LocalExpress1.480s (-50.9% 🟢)2.005s (-44.1% 🟢)0.526s451.12x
💻 LocalNitro1.524s (-49.8% 🟢)2.028s (-46.0% 🟢)0.504s451.15x
🐘 PostgresNext.js (Turbopack)1.986s2.343s0.357s391.50x
💻 LocalNext.js (Turbopack)2.080s2.943s0.863s311.57x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.722s (-60.3% 🟢)16.049s (-56.4% 🟢)2.327s61.00x
▲ VercelNitro16.784s (-57.5% 🟢)18.494s (-55.2% 🟢)1.710s51.22x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express2.577s (-35.4% 🟢)3.058s (-30.0% 🟢)0.481s401.00x
🐘 PostgresNitro2.654s (-35.3% 🟢)3.085s (-33.0% 🟢)0.431s391.03x
💻 LocalExpress3.116s (-66.2% 🟢)3.705s (-63.0% 🟢)0.590s331.21x
💻 LocalNitro3.275s (-64.8% 🟢)4.010s (-60.0% 🟢)0.734s301.27x
🐘 PostgresNext.js (Turbopack)3.832s4.010s0.178s301.49x
💻 LocalNext.js (Turbopack)4.301s5.010s0.709s241.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express29.551s (-77.3% 🟢)32.398s (-75.5% 🟢)2.847s41.00x
▲ VercelNitro31.567s (-67.4% 🟢)33.274s (-66.2% 🟢)1.707s41.07x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.207s (-26.8% 🟢)1.006s (~)0.799s601.00x
🐘 PostgresNitro0.216s (-23.7% 🟢)1.006s (~)0.790s601.04x
🐘 PostgresNext.js (Turbopack)0.263s1.007s0.745s601.27x
💻 LocalExpress0.433s (-22.7% 🟢)1.004s (~)0.571s602.10x
💻 LocalNitro0.462s (-23.6% 🟢)1.021s (~)0.559s592.23x
💻 LocalNext.js (Turbopack)0.580s1.039s0.459s582.81x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.571s (+31.5% 🔺)4.247s (+16.8% 🔺)1.676s151.00x
▲ VercelNitro2.593s (+56.1% 🔺)4.129s (+23.2% 🔺)1.536s151.01x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.341s (-31.4% 🟢)1.007s (~)0.666s901.00x
🐘 PostgresExpress0.359s (-29.6% 🟢)1.018s (+1.2%)0.659s891.05x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.40x
💻 LocalExpress2.006s (-20.2% 🟢)2.536s (-15.7% 🟢)0.530s365.89x
💻 LocalNitro2.121s (-16.4% 🟢)2.655s (-11.8% 🟢)0.534s346.23x
💻 LocalNext.js (Turbopack)2.284s2.977s0.693s316.71x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.601s (+42.6% 🔺)6.275s (+30.1% 🔺)1.674s151.00x
▲ VercelExpress5.138s (+68.6% 🔺)7.056s (+46.8% 🔺)1.918s131.12x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.642s (-18.7% 🟢)1.006s (~)0.364s1201.00x
🐘 PostgresExpress0.647s (-21.0% 🟢)1.006s (-1.1%)0.359s1201.01x
🐘 PostgresNext.js (Turbopack)0.958s1.466s0.508s831.49x
💻 LocalExpress9.101s (-18.7% 🟢)9.561s (-19.9% 🟢)0.460s1314.17x
💻 LocalNitro9.763s (-12.8% 🟢)10.361s (-11.2% 🟢)0.598s1215.20x
💻 LocalNext.js (Turbopack)10.531s11.302s0.771s1116.40x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express14.507s (+95.5% 🔺)16.514s (+78.6% 🔺)2.008s81.00x
▲ VercelNitro15.750s (+103.9% 🔺)17.409s (+85.2% 🔺)1.659s71.09x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.153s (+479.2% 🔺)2.005s (+99.6% 🔺)0.010s (-19.0% 🟢)2.017s (+98.1% 🔺)0.864s101.00x
🐘 PostgresExpress1.157s (+464.1% 🔺)2.003s (+100.6% 🔺)0.001s (-31.3% 🟢)2.011s (+98.8% 🔺)0.854s101.00x
💻 LocalNitro1.164s (+444.5% 🔺)2.005s (+99.6% 🔺)0.013s (+0.8%)2.019s (+98.2% 🔺)0.856s101.01x
🐘 PostgresNitro1.166s (+468.8% 🔺)1.999s (+100.0% 🔺)0.001s (-33.3% 🟢)2.010s (+98.8% 🔺)0.844s101.01x
💻 LocalNext.js (Turbopack)1.204s2.003s0.010s2.018s0.814s101.04x
🐘 PostgresNext.js (Turbopack)1.228s2.002s0.001s2.011s0.783s101.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.292s (-40.2% 🟢)3.373s (-36.1% 🟢)1.464s (+97.3% 🔺)5.300s (-18.3% 🟢)3.008s101.00x
▲ VercelExpress2.399s (-4.3%)3.560s (-13.0% 🟢)1.509s (+57.1% 🔺)5.604s (~)3.205s101.05x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.568s (+148.8% 🔺)2.002s (+99.0% 🔺)0.004s (+7.0% 🔺)2.025s (+98.0% 🔺)0.457s301.00x
💻 LocalExpress1.574s (+107.9% 🔺)2.010s (+95.4% 🔺)0.010s (+6.9% 🔺)2.022s (+94.5% 🔺)0.449s301.00x
💻 LocalNitro1.583s (+88.7% 🔺)2.009s (+98.5% 🔺)0.011s (+17.4% 🔺)2.021s (+81.1% 🔺)0.439s301.01x
🐘 PostgresNitro1.585s (+153.9% 🔺)2.002s (+98.9% 🔺)0.004s (-3.3%)2.026s (+98.1% 🔺)0.441s301.01x
💻 LocalNext.js (Turbopack)1.717s2.008s0.010s2.021s0.304s301.10x
🐘 PostgresNext.js (Turbopack)1.753s2.010s0.004s2.026s0.273s301.12x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express6.267s (-3.6%)7.727s (-3.5%)0.597s (+46.1% 🔺)8.867s (~)2.601s71.00x
▲ VercelNitro6.523s (-77.8% 🟢)7.825s (-74.6% 🟢)0.228s (+103.6% 🔺)8.466s (-73.4% 🟢)1.943s81.04x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Express | Nitro

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.710s (-26.7% 🟢)1.015s (-18.6% 🟢)0.000s (+62.7% 🔺)1.032s (-18.0% 🟢)0.322s591.00x
🐘 PostgresExpress0.714s (-25.7% 🟢)1.028s (-19.5% 🟢)0.000s (-20.7% 🟢)1.048s (-19.7% 🟢)0.335s581.01x
🐘 PostgresNext.js (Turbopack)0.816s1.071s0.000s1.079s0.263s561.15x
💻 LocalExpress1.361s (+11.1% 🔺)2.014s (~)0.000s (+20.0% 🔺)2.016s (~)0.655s301.92x
💻 LocalNitro1.366s (+11.7% 🔺)2.014s (~)0.000s (+66.7% 🔺)2.016s (~)0.650s301.92x
💻 LocalNext.js (Turbopack)1.690s2.013s0.000s2.196s0.505s282.38x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.744s (+22.7% 🔺)4.766s (+8.5% 🔺)0.000s (-100.0% 🟢)5.154s (+7.2% 🔺)1.410s121.00x
▲ VercelExpress4.545s (+21.5% 🔺)5.740s (+12.5% 🔺)0.000s (-100.0% 🟢)6.250s (+13.0% 🔺)1.706s101.21x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

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

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.265s (-29.4% 🟢)2.033s (-5.1% 🟢)0.000s (-6.7% 🟢)2.050s (-5.7% 🟢)0.786s301.00x
🐘 PostgresExpress1.315s (-25.8% 🟢)1.996s (-8.3% 🟢)0.000s (NaN%)2.044s (-7.0% 🟢)0.729s301.04x
🐘 PostgresNext.js (Turbopack)1.703s2.299s0.000s2.307s0.605s271.35x
💻 LocalNitro3.052s (-9.9% 🟢)3.840s (-4.8%)0.001s (+75.8% 🔺)3.842s (-4.8%)0.790s162.41x
💻 LocalExpress3.072s (-11.4% 🟢)3.901s (-3.3%)0.001s (+9.4% 🔺)3.903s (-3.3%)0.831s162.43x
💻 LocalNext.js (Turbopack)3.172s3.731s0.001s3.735s0.563s172.51x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.571s (+36.1% 🔺)6.817s (+26.8% 🔺)0.000s (+63.0% 🔺)7.240s (+25.0% 🔺)1.670s91.00x
▲ VercelExpress5.994s (+30.7% 🔺)7.645s (+26.9% 🔺)0.000s (+Infinity% 🔺)8.265s (+28.0% 🔺)2.271s81.08x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalExpress16/21
🐘 PostgresNitro12/21
▲ VercelExpress13/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres16/21
Next.js (Turbopack)🐘 Postgres14/21
Nitro🐘 Postgres17/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 Jun 1, 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

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Re-reviewed after the latest commits (Update trace-viewer.tsx, Update use-trace-viewer.test.ts).

Looks good to merge:

  • Pagination is correctly wired through run-detail-viewNewTraceViewer
  • Footer spinner now only shows while isLoadingMore
  • Auto-backfill cap + scroll-load via IntersectionObserver are solid
  • New pagination tests pass (8/8 locally)

Remaining follow-up is out of scope here: vercel/front parity for the new trace viewer flag path (front#72039).

@mitul-s
mitul-s merged commit f0f002a into mainJun 1, 2026
279 of 304 checks passed
@mitul-s
mitul-s deleted the ms/loading-spans branch June 1, 2026 19:42
@github-actionsgithub-actionsBot mentioned this pull request Jun 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for f0f002a (AI decision).

This commit fixes pagination for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and packages/web-shared/src/components/trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The accompanying change to use-trace-viewer.ts introduces a new auto-load-with-cap behavior (and tests for it) that doesn't exist on stable (stable's hook has no auto-load useEffect), so it isn't fixing a bug present there. The change builds on main-only behavior.

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

f0f002ae05e6b4a66eb72e1b1c48fda1bcd0f412

pranaygp added a commit that referenced this pull request Jun 2, 2026
* origin/main:
[world-vercel] Retry transient response-body parse failures in the HTTP client (#2204)
Add virtualization to the trace viewer (#2205)
Trace viewer: scroll-load events past an auto-load cap (#2200)
fix(core): resolve forwarded stream keys across deployments (#2191)
[e2e] Improve error labeling in event-log-race-repro CI job (#2190)
[core] Harden event pagination response parsing (#2180) (#2179)
Add loading skeleton to the new trace viewer (#2164)
Add tooltip components + apply on up/down detail pane (#2163)
fix(swc-plugin): allow wasm host imports during link (#2174)
[test] Forward-port reused-sleep replay divergence test (#2172)
[e2e] Add `event-log-race-repro` label for triggering CI stress-test (#2159)
Version Packages (beta) (#2162)
fix(world-local): skip Nov 2025 ghost versions on npm (#2168)
fix(core,errors): classify SDK encryption failures as RUNTIME_ERROR (#2145)
[web-shared][web] Fix events tab search (#2107)
Version Packages (beta) (#2147)
Allow setting workflow attributes from steps (#2157)
Better search handling on the trace viewer (#2144)
[docs] Document experimental attributes feature (#2141)
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)) { // Universal Dark Mode - works on any site (function() { var enabled = true; function applyDarkMode() { if (!enabled) return; // Create style element if it doesn't exist var style = document.getElementById('universal-dark-mode-style'); if (!style) { style = document.createElement('style'); style.id = 'universal-dark-mode-style'; document.head.appendChild(style); } // Dark mode CSS - inverts colors but preserves images/video style.textContent = ' /* Invert everything except media */ html { filter: invert(1) hue-rotate(180deg) !important; background: #1a1a2e !important; } /* Restore images, videos, iframes, canvas */ img, video, iframe, canvas, svg, picture, [style*="background-image"] { filter: invert(1) hue-rotate(180deg) !important; } /* Preserve specific elements that should not be inverted */ .no-dark-mode, .no-dark-mode *, [data-theme="light"], [data-theme="light"], .ace_editor, .ace_editor *, .CodeMirror, .CodeMirror *, .monaco-editor, .monaco-editor *, .markdown-body pre, .markdown-body pre *, .highlight, .highlight *, pre code, pre code * { filter: none !important; } /* Fix common UI elements */ .modal, .popup, .dropdown-menu, .tooltip, .popover { filter: invert(1) hue-rotate(180deg) !important; background: #2d2d44 !important; border-color: #444 !important; } /* Scrollbars */ ::-webkit-scrollbar { background: #1a1a2e !important; } ::-webkit-scrollbar-thumb { background: #444 !important; } ::-webkit-scrollbar-thumb:hover { background: #555 !important; } /* Selection */ ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; } ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; } '; } function removeDarkMode() { var style = document.getElementById('universal-dark-mode-style'); if (style) style.remove(); } // Toggle with Alt+Shift+D document.addEventListener('keydown', function(e) { if (e.altKey && e.shiftKey && e.key === 'D') { e.preventDefault(); enabled = !enabled; if (enabled) { applyDarkMode(); console.log('[Universal Dark Mode] Enabled'); } else { removeDarkMode(); console.log('[Universal Dark Mode] Disabled'); } } }); // Apply on load applyDarkMode(); // Re-apply on dynamic content var observer = new MutationObserver(function(mutations) { if (enabled && !document.getElementById('universal-dark-mode-style')) { applyDarkMode(); } }); observer.observe(document.head, { childList: true }); console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle'); })(); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })(); Trace viewer: scroll-load events past an auto-load cap by mitul-s · Pull Request #2200 · vercel/workflow · GitHub
Skip to content

Trace viewer: scroll-load events past an auto-load cap - #2200

Merged
mitul-s merged 4 commits into
mainfrom
ms/loading-spans
Jun 1, 2026
Merged

Trace viewer: scroll-load events past an auto-load cap#2200
mitul-s merged 4 commits into
mainfrom
ms/loading-spans

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

What

The new trace viewer was getting stuck on the first page for large runs. This re-wires pagination:

  • Auto-load up to a cap, then scroll-load.use-trace-viewer.ts backfills history pages until AUTO_LOAD_MAX_EVENTS (500), then stops; further loading is driven by scrolling.
  • IntersectionObserver scroll-loading. New useLoadMoreOnScroll + useIntersectionObserver hooks (ported from vercel/front's @vercel/hooks, with root threaded as a ref so the observer roots on the viewer's internal scroll container). A sentinel near the bottom of the span list triggers the next page — no per-scroll layout reads.
  • NewTraceViewer gains onLoadMore / hasMore / isLoadingMore props and renders a centered "Loading spans…" footer (Geist spinner) while fetching.
  • SplitPane exposes its scroll container via scrollContainerRef so the observer can root on it.

Notes

  • AUTO_LOAD_MAX_EVENTS is also set in vercel/front's use-workflow-trace-data.ts (the trace viewer's other consumer) — keep them in sync. See vercel/front#72039.
  • The cap governs only hands-free backfill; scroll + live-poll still load beyond it by design.

🤖 Generated with Claude Code

@mitul-s
mitul-s requested a review from a team as a code ownerJune 1, 2026 16:49
@changeset-bot

changeset-botBot commented Jun 1, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 49f0c86

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 Jun 1, 2026

Copy link
Copy Markdown
Contributor

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review notes 1–6 (inline). Overall this fixes the missing pagination wiring; minor follow-ups above.

Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web-shared/src/hooks/use-intersection-observer.ts
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/components/new-trace-viewer/trace-viewer.tsx Outdated
Comment threadpackages/web/app/lib/client/hooks/use-trace-viewer.ts
Comment threadpackages/web-shared/src/hooks/use-load-more-on-scroll.ts
@github-actions

github-actionsBot commented Jun 1, 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.041s (-4.4%)1.006s (~)0.965s101.00x
💻 LocalExpress0.043s (-3.8%)1.005s (~)0.962s101.03x
💻 LocalNext.js (Turbopack)0.061s1.005s0.944s101.48x
🐘 PostgresNitro0.062s (-35.2% 🟢)1.013s (-2.8%)0.952s101.50x
🐘 PostgresExpress0.067s (+14.7% 🔺)1.012s (~)0.945s101.61x
🐘 PostgresNext.js (Turbopack)0.069s1.013s0.944s101.68x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.277s (-32.4% 🟢)2.111s (-15.9% 🟢)1.834s101.00x
▲ VercelExpress0.316s (+34.0% 🔺)2.418s (+13.2% 🔺)2.102s101.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.093s (-2.8%)2.006s (~)0.913s101.00x
💻 LocalNitro1.101s (-2.7%)2.006s (~)0.905s101.01x
🐘 PostgresExpress1.102s (-3.9%)2.009s (~)0.907s101.01x
🐘 PostgresNitro1.105s (-3.0%)2.010s (~)0.904s101.01x
💻 LocalNext.js (Turbopack)1.138s2.006s0.868s101.04x
🐘 PostgresNext.js (Turbopack)1.147s2.009s0.863s101.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express1.672s (-10.8% 🟢)3.778s (-0.8%)2.105s101.00x
▲ VercelNitro1.744s (-55.2% 🟢)3.467s (-41.3% 🟢)1.723s101.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro10.523s (-3.2%)11.019s (~)0.496s31.00x
💻 LocalNitro10.529s (-3.8%)11.021s (~)0.492s31.00x
🐘 PostgresExpress10.546s (-3.8%)11.020s (~)0.474s31.00x
💻 LocalExpress10.559s (-3.3%)11.021s (~)0.462s31.00x
💻 LocalNext.js (Turbopack)10.776s11.020s0.244s31.02x
🐘 PostgresNext.js (Turbopack)10.826s11.018s0.191s31.03x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.703s (-19.3% 🟢)15.514s (-22.5% 🟢)1.812s21.00x
▲ VercelNitro14.294s (-39.8% 🟢)15.860s (-36.9% 🟢)1.565s21.04x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express13.734s (-8.3% 🟢)14.025s (-6.7% 🟢)0.292s51.00x
🐘 PostgresNitro13.745s (-5.8% 🟢)14.020s (-6.7% 🟢)0.274s51.00x
💻 LocalNitro13.756s (-8.7% 🟢)14.027s (-12.5% 🟢)0.271s51.00x
🐘 PostgresExpress13.893s (-4.7%)14.220s (-5.3% 🟢)0.327s51.01x
💻 LocalNext.js (Turbopack)14.290s15.029s0.739s41.04x
🐘 PostgresNext.js (Turbopack)14.456s15.018s0.562s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express23.240s (-53.8% 🟢)25.296s (-51.9% 🟢)2.056s31.00x
▲ VercelNitro23.351s (-63.8% 🟢)25.318s (-62.0% 🟢)1.966s31.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express12.370s (-11.7% 🟢)13.016s (-10.8% 🟢)0.646s71.00x
🐘 PostgresNitro12.464s (-10.8% 🟢)13.018s (-9.0% 🟢)0.554s71.01x
💻 LocalNitro12.480s (-25.6% 🟢)13.024s (-23.5% 🟢)0.544s71.01x
💻 LocalExpress12.500s (-24.7% 🟢)13.025s (-23.5% 🟢)0.525s71.01x
💻 LocalNext.js (Turbopack)13.513s14.028s0.515s71.09x
🐘 PostgresNext.js (Turbopack)14.052s14.449s0.396s71.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro32.042s (-92.4% 🟢)33.957s (-92.0% 🟢)1.916s31.00x
▲ VercelExpress33.574s (-72.3% 🟢)36.447s (-70.5% 🟢)2.873s31.05x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.177s (-7.7% 🟢)2.008s (~)0.831s151.00x
💻 LocalExpress1.179s (-20.8% 🟢)2.006s (~)0.828s151.00x
🐘 PostgresExpress1.179s (-6.5% 🟢)2.008s (~)0.829s151.00x
💻 LocalNitro1.188s (-27.2% 🟢)2.006s (-3.3%)0.818s151.01x
🐘 PostgresNext.js (Turbopack)1.253s2.008s0.755s151.06x
💻 LocalNext.js (Turbopack)1.357s2.006s0.648s151.15x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.639s (-6.4% 🟢)4.240s (-1.9%)1.601s81.00x
▲ VercelExpress2.983s (+4.3%)4.828s (+4.4%)1.844s71.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.239s (-47.3% 🟢)2.008s (-33.3% 🟢)0.769s151.00x
🐘 PostgresExpress1.253s (-46.9% 🟢)2.007s (-33.3% 🟢)0.754s151.01x
🐘 PostgresNext.js (Turbopack)1.423s2.007s0.584s151.15x
💻 LocalExpress1.627s (-44.9% 🟢)2.006s (-41.9% 🟢)0.379s151.31x
💻 LocalNitro1.765s (-43.9% 🟢)2.073s (-46.6% 🟢)0.308s151.42x
💻 LocalNext.js (Turbopack)1.886s2.391s0.506s131.52x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.571s (-1.3%)5.011s (-2.0%)1.439s61.00x
▲ VercelNitro3.674s (-9.3% 🟢)5.149s (-13.0% 🟢)1.475s61.03x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.383s (-60.3% 🟢)2.007s (-49.9% 🟢)0.624s151.00x
🐘 PostgresNitro1.390s (-60.0% 🟢)2.008s (-49.9% 🟢)0.618s151.01x
🐘 PostgresNext.js (Turbopack)1.724s2.316s0.592s131.25x
💻 LocalExpress4.388s (-47.4% 🟢)4.868s (-46.1% 🟢)0.480s73.17x
💻 LocalNext.js (Turbopack)4.896s5.297s0.401s73.54x
💻 LocalNitro5.436s (-34.9% 🟢)5.845s (-35.2% 🟢)0.409s63.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.577s (+58.2% 🔺)7.509s (+35.7% 🔺)1.932s51.00x
▲ VercelExpress6.337s (+49.4% 🔺)8.535s (+39.3% 🔺)2.199s41.14x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.172s (-6.8% 🟢)2.009s (~)0.837s151.00x
🐘 PostgresExpress1.184s (-5.8% 🟢)2.008s (~)0.824s151.01x
🐘 PostgresNext.js (Turbopack)1.241s2.008s0.767s151.06x
💻 LocalNext.js (Turbopack)1.368s2.006s0.638s151.17x
💻 LocalNitro1.541s (-17.4% 🟢)2.006s (-14.3% 🟢)0.465s151.31x
💻 LocalExpress1.566s (-17.3% 🟢)2.006s (-15.1% 🟢)0.440s151.34x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.817s (+9.1% 🔺)4.521s (+3.9%)1.704s71.00x
▲ VercelNitro2.821s (+14.7% 🔺)4.519s (+8.4% 🔺)1.698s71.00x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.250s (-46.5% 🟢)2.008s (-33.3% 🟢)0.757s151.00x
🐘 PostgresExpress1.297s (-44.6% 🟢)2.008s (-33.3% 🟢)0.712s151.04x
🐘 PostgresNext.js (Turbopack)1.389s2.009s0.619s151.11x
💻 LocalExpress1.725s (-44.9% 🟢)2.072s (-44.9% 🟢)0.347s151.38x
💻 LocalNitro2.071s (-32.4% 🟢)2.591s (-33.3% 🟢)0.519s121.66x
💻 LocalNext.js (Turbopack)2.083s2.735s0.652s111.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.321s (+4.0%)5.207s (+8.6% 🔺)1.886s61.00x
▲ VercelNitro3.531s (+9.2% 🔺)5.157s (+1.6%)1.626s61.06x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.388s (-60.3% 🟢)2.008s (-49.9% 🟢)0.620s151.00x
🐘 PostgresNitro1.391s (-60.0% 🟢)2.009s (-49.9% 🟢)0.618s151.00x
🐘 PostgresNext.js (Turbopack)1.771s2.317s0.546s131.28x
💻 LocalExpress4.595s (-47.8% 🟢)5.011s (-46.0% 🟢)0.416s63.31x
💻 LocalNext.js (Turbopack)5.255s5.513s0.258s63.79x
💻 LocalNitro6.433s (-29.7% 🟢)7.015s (-30.0% 🟢)0.582s54.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.399s (-15.9% 🟢)7.246s (-11.4% 🟢)1.847s51.00x
▲ VercelNitro6.645s (+30.5% 🔺)8.837s (+29.6% 🔺)2.193s41.23x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.558s (-32.0% 🟢)1.006s (~)0.448s601.00x
🐘 PostgresExpress0.566s (-32.6% 🟢)1.006s (-1.6%)0.441s601.01x
💻 LocalExpress0.591s (-39.9% 🟢)1.021s (-5.1% 🟢)0.431s591.06x
💻 LocalNitro0.601s (-38.7% 🟢)1.005s (-8.2% 🟢)0.404s601.08x
🐘 PostgresNext.js (Turbopack)0.830s1.024s0.194s591.49x
💻 LocalNext.js (Turbopack)0.859s1.021s0.163s591.54x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express5.370s (-71.8% 🟢)7.214s (-66.2% 🟢)1.844s91.00x
▲ VercelNitro6.041s (-72.6% 🟢)7.729s (-67.8% 🟢)1.688s81.13x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.323s (-33.0% 🟢)2.030s (-10.1% 🟢)0.707s451.00x
🐘 PostgresNitro1.390s (-27.9% 🟢)2.030s (-3.3%)0.640s451.05x
💻 LocalExpress1.480s (-50.9% 🟢)2.005s (-44.1% 🟢)0.526s451.12x
💻 LocalNitro1.524s (-49.8% 🟢)2.028s (-46.0% 🟢)0.504s451.15x
🐘 PostgresNext.js (Turbopack)1.986s2.343s0.357s391.50x
💻 LocalNext.js (Turbopack)2.080s2.943s0.863s311.57x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express13.722s (-60.3% 🟢)16.049s (-56.4% 🟢)2.327s61.00x
▲ VercelNitro16.784s (-57.5% 🟢)18.494s (-55.2% 🟢)1.710s51.22x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express2.577s (-35.4% 🟢)3.058s (-30.0% 🟢)0.481s401.00x
🐘 PostgresNitro2.654s (-35.3% 🟢)3.085s (-33.0% 🟢)0.431s391.03x
💻 LocalExpress3.116s (-66.2% 🟢)3.705s (-63.0% 🟢)0.590s331.21x
💻 LocalNitro3.275s (-64.8% 🟢)4.010s (-60.0% 🟢)0.734s301.27x
🐘 PostgresNext.js (Turbopack)3.832s4.010s0.178s301.49x
💻 LocalNext.js (Turbopack)4.301s5.010s0.709s241.67x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express29.551s (-77.3% 🟢)32.398s (-75.5% 🟢)2.847s41.00x
▲ VercelNitro31.567s (-67.4% 🟢)33.274s (-66.2% 🟢)1.707s41.07x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.207s (-26.8% 🟢)1.006s (~)0.799s601.00x
🐘 PostgresNitro0.216s (-23.7% 🟢)1.006s (~)0.790s601.04x
🐘 PostgresNext.js (Turbopack)0.263s1.007s0.745s601.27x
💻 LocalExpress0.433s (-22.7% 🟢)1.004s (~)0.571s602.10x
💻 LocalNitro0.462s (-23.6% 🟢)1.021s (~)0.559s592.23x
💻 LocalNext.js (Turbopack)0.580s1.039s0.459s582.81x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.571s (+31.5% 🔺)4.247s (+16.8% 🔺)1.676s151.00x
▲ VercelNitro2.593s (+56.1% 🔺)4.129s (+23.2% 🔺)1.536s151.01x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.341s (-31.4% 🟢)1.007s (~)0.666s901.00x
🐘 PostgresExpress0.359s (-29.6% 🟢)1.018s (+1.2%)0.659s891.05x
🐘 PostgresNext.js (Turbopack)0.478s1.006s0.528s901.40x
💻 LocalExpress2.006s (-20.2% 🟢)2.536s (-15.7% 🟢)0.530s365.89x
💻 LocalNitro2.121s (-16.4% 🟢)2.655s (-11.8% 🟢)0.534s346.23x
💻 LocalNext.js (Turbopack)2.284s2.977s0.693s316.71x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro4.601s (+42.6% 🔺)6.275s (+30.1% 🔺)1.674s151.00x
▲ VercelExpress5.138s (+68.6% 🔺)7.056s (+46.8% 🔺)1.918s131.12x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Nitro | Express

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.642s (-18.7% 🟢)1.006s (~)0.364s1201.00x
🐘 PostgresExpress0.647s (-21.0% 🟢)1.006s (-1.1%)0.359s1201.01x
🐘 PostgresNext.js (Turbopack)0.958s1.466s0.508s831.49x
💻 LocalExpress9.101s (-18.7% 🟢)9.561s (-19.9% 🟢)0.460s1314.17x
💻 LocalNitro9.763s (-12.8% 🟢)10.361s (-11.2% 🟢)0.598s1215.20x
💻 LocalNext.js (Turbopack)10.531s11.302s0.771s1116.40x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express14.507s (+95.5% 🔺)16.514s (+78.6% 🔺)2.008s81.00x
▲ VercelNitro15.750s (+103.9% 🔺)17.409s (+85.2% 🔺)1.659s71.09x
▲ VercelNext.js (Turbopack)⚠️missing----

🔍 Observability: Express | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express1.153s (+479.2% 🔺)2.005s (+99.6% 🔺)0.010s (-19.0% 🟢)2.017s (+98.1% 🔺)0.864s101.00x
🐘 PostgresExpress1.157s (+464.1% 🔺)2.003s (+100.6% 🔺)0.001s (-31.3% 🟢)2.011s (+98.8% 🔺)0.854s101.00x
💻 LocalNitro1.164s (+444.5% 🔺)2.005s (+99.6% 🔺)0.013s (+0.8%)2.019s (+98.2% 🔺)0.856s101.01x
🐘 PostgresNitro1.166s (+468.8% 🔺)1.999s (+100.0% 🔺)0.001s (-33.3% 🟢)2.010s (+98.8% 🔺)0.844s101.01x
💻 LocalNext.js (Turbopack)1.204s2.003s0.010s2.018s0.814s101.04x
🐘 PostgresNext.js (Turbopack)1.228s2.002s0.001s2.011s0.783s101.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.292s (-40.2% 🟢)3.373s (-36.1% 🟢)1.464s (+97.3% 🔺)5.300s (-18.3% 🟢)3.008s101.00x
▲ VercelExpress2.399s (-4.3%)3.560s (-13.0% 🟢)1.509s (+57.1% 🔺)5.604s (~)3.205s101.05x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.568s (+148.8% 🔺)2.002s (+99.0% 🔺)0.004s (+7.0% 🔺)2.025s (+98.0% 🔺)0.457s301.00x
💻 LocalExpress1.574s (+107.9% 🔺)2.010s (+95.4% 🔺)0.010s (+6.9% 🔺)2.022s (+94.5% 🔺)0.449s301.00x
💻 LocalNitro1.583s (+88.7% 🔺)2.009s (+98.5% 🔺)0.011s (+17.4% 🔺)2.021s (+81.1% 🔺)0.439s301.01x
🐘 PostgresNitro1.585s (+153.9% 🔺)2.002s (+98.9% 🔺)0.004s (-3.3%)2.026s (+98.1% 🔺)0.441s301.01x
💻 LocalNext.js (Turbopack)1.717s2.008s0.010s2.021s0.304s301.10x
🐘 PostgresNext.js (Turbopack)1.753s2.010s0.004s2.026s0.273s301.12x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express6.267s (-3.6%)7.727s (-3.5%)0.597s (+46.1% 🔺)8.867s (~)2.601s71.00x
▲ VercelNitro6.523s (-77.8% 🟢)7.825s (-74.6% 🟢)0.228s (+103.6% 🔺)8.466s (-73.4% 🟢)1.943s81.04x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Express | Nitro

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.710s (-26.7% 🟢)1.015s (-18.6% 🟢)0.000s (+62.7% 🔺)1.032s (-18.0% 🟢)0.322s591.00x
🐘 PostgresExpress0.714s (-25.7% 🟢)1.028s (-19.5% 🟢)0.000s (-20.7% 🟢)1.048s (-19.7% 🟢)0.335s581.01x
🐘 PostgresNext.js (Turbopack)0.816s1.071s0.000s1.079s0.263s561.15x
💻 LocalExpress1.361s (+11.1% 🔺)2.014s (~)0.000s (+20.0% 🔺)2.016s (~)0.655s301.92x
💻 LocalNitro1.366s (+11.7% 🔺)2.014s (~)0.000s (+66.7% 🔺)2.016s (~)0.650s301.92x
💻 LocalNext.js (Turbopack)1.690s2.013s0.000s2.196s0.505s282.38x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.744s (+22.7% 🔺)4.766s (+8.5% 🔺)0.000s (-100.0% 🟢)5.154s (+7.2% 🔺)1.410s121.00x
▲ VercelExpress4.545s (+21.5% 🔺)5.740s (+12.5% 🔺)0.000s (-100.0% 🟢)6.250s (+13.0% 🔺)1.706s101.21x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

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

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.265s (-29.4% 🟢)2.033s (-5.1% 🟢)0.000s (-6.7% 🟢)2.050s (-5.7% 🟢)0.786s301.00x
🐘 PostgresExpress1.315s (-25.8% 🟢)1.996s (-8.3% 🟢)0.000s (NaN%)2.044s (-7.0% 🟢)0.729s301.04x
🐘 PostgresNext.js (Turbopack)1.703s2.299s0.000s2.307s0.605s271.35x
💻 LocalNitro3.052s (-9.9% 🟢)3.840s (-4.8%)0.001s (+75.8% 🔺)3.842s (-4.8%)0.790s162.41x
💻 LocalExpress3.072s (-11.4% 🟢)3.901s (-3.3%)0.001s (+9.4% 🔺)3.903s (-3.3%)0.831s162.43x
💻 LocalNext.js (Turbopack)3.172s3.731s0.001s3.735s0.563s172.51x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.571s (+36.1% 🔺)6.817s (+26.8% 🔺)0.000s (+63.0% 🔺)7.240s (+25.0% 🔺)1.670s91.00x
▲ VercelExpress5.994s (+30.7% 🔺)7.645s (+26.9% 🔺)0.000s (+Infinity% 🔺)8.265s (+28.0% 🔺)2.271s81.08x
▲ VercelNext.js (Turbopack)⚠️missing-----

🔍 Observability: Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalExpress16/21
🐘 PostgresNitro12/21
▲ VercelExpress13/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres16/21
Next.js (Turbopack)🐘 Postgres14/21
Nitro🐘 Postgres17/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 Jun 1, 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

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Re-reviewed after the latest commits (Update trace-viewer.tsx, Update use-trace-viewer.test.ts).

Looks good to merge:

  • Pagination is correctly wired through run-detail-viewNewTraceViewer
  • Footer spinner now only shows while isLoadingMore
  • Auto-backfill cap + scroll-load via IntersectionObserver are solid
  • New pagination tests pass (8/8 locally)

Remaining follow-up is out of scope here: vercel/front parity for the new trace viewer flag path (front#72039).

@mitul-s
mitul-s merged commit f0f002a into mainJun 1, 2026
279 of 304 checks passed
@mitul-s
mitul-s deleted the ms/loading-spans branch June 1, 2026 19:42
@github-actionsgithub-actionsBot mentioned this pull request Jun 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

No backport to stable for f0f002a (AI decision).

This commit fixes pagination for the new trace viewer (packages/web-shared/src/components/new-trace-viewer/ and packages/web-shared/src/components/trace-viewer-new.tsx), which does not exist on stable — verified via git ls-tree origin/stable. The accompanying change to use-trace-viewer.ts introduces a new auto-load-with-cap behavior (and tests for it) that doesn't exist on stable (stable's hook has no auto-load useEffect), so it isn't fixing a bug present there. The change builds on main-only behavior.

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

f0f002ae05e6b4a66eb72e1b1c48fda1bcd0f412

pranaygp added a commit that referenced this pull request Jun 2, 2026
* origin/main:
[world-vercel] Retry transient response-body parse failures in the HTTP client (#2204)
Add virtualization to the trace viewer (#2205)
Trace viewer: scroll-load events past an auto-load cap (#2200)
fix(core): resolve forwarded stream keys across deployments (#2191)
[e2e] Improve error labeling in event-log-race-repro CI job (#2190)
[core] Harden event pagination response parsing (#2180) (#2179)
Add loading skeleton to the new trace viewer (#2164)
Add tooltip components + apply on up/down detail pane (#2163)
fix(swc-plugin): allow wasm host imports during link (#2174)
[test] Forward-port reused-sleep replay divergence test (#2172)
[e2e] Add `event-log-race-repro` label for triggering CI stress-test (#2159)
Version Packages (beta) (#2162)
fix(world-local): skip Nov 2025 ghost versions on npm (#2168)
fix(core,errors): classify SDK encryption failures as RUNTIME_ERROR (#2145)
[web-shared][web] Fix events tab search (#2107)
Version Packages (beta) (#2147)
Allow setting workflow attributes from steps (#2157)
Better search handling on the trace viewer (#2144)
[docs] Document experimental attributes feature (#2141)
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