Skip to content

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar - #805

Merged
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish
Jan 19, 2026
Merged

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar#805
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish

Conversation

@VaguelySerious

@VaguelySeriousVaguelySerious commented Jan 18, 2026

Copy link
Copy Markdown
Member

This PR:

  • Improves error styling across the app
  • Polishes the AI step conversation display in the sidebar
    • Not longer scrolls separately (too many scrollbars)
    • Updated color of tabs to look consistent when web-shared is embedded in other UIs

Before:
Screenshot 2026-01-18 at 11 50 32 AM

After:
Screenshot 2026-01-18 at 12 35 12 PM

…iewer sidebar
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
@vercel

vercelBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

changeset-botBot commented Jan 18, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: a4236cb

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

This PR includes changesets to release 1 package
NameType
@workflow/web-sharedPatch

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

@github-actions

github-actionsBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production424038462
✅ 💻 Local Development388032420
✅ 📦 Local Production388032420
✅ 🐘 Local Postgres388032420
✅ 🪟 Windows420042
❌ 🌍 Community Worlds160200180
Total1790201341944

❌ Failed Tests

🌍 Community Worlds (20 failed)

mongodb (1 failed):

  • webhookWorkflow

starter (18 failed):

  • addTenWorkflow
  • addTenWorkflow
  • error handling error propagation workflow errors nested function calls preserve message and stack trace
  • error handling error propagation workflow errors cross-file imports preserve message and stack trace
  • error handling error propagation step errors basic step error preserves message and stack trace
  • error handling error propagation step errors cross-file step error preserves message and function names in stack
  • error handling retry behavior regular Error retries until success
  • error handling retry behavior FatalError fails immediately without retries
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • pathsAliasWorkflow - TypeScript path aliases resolve correctly
  • Calculator.calculate - static workflow method using static step methods from another class
  • AllInOneService.processNumber - static workflow method using sibling static step methods
  • ChainableService.processWithThis - static step methods using this to reference the class
  • thisSerializationWorkflow - step function invoked with .call() and .apply()

turso (1 failed):

  • webhookWorkflow

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro3804
✅ example3804
✅ express3804
✅ fastify3804
✅ hono3804
✅ nextjs-turbopack4101
✅ nextjs-webpack4101
✅ nitro3804
✅ nuxt3804
✅ sveltekit3804
✅ vite3804
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4200
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4110
✅ redis-dev300
✅ redis4200
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 18, 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
🌐 Starter🥇 Next.js (Turbopack)0.042s (+14.8% 🔺)1.015s (~)0.973s101.00x
💻 LocalNext.js (Turbopack)0.042s (+2.4%)1.018s (~)0.976s101.01x
🌐 RedisNext.js (Turbopack)0.043s (+0.7%)1.018s (~)0.974s101.03x
💻 LocalNitro0.044s (-0.9%)1.006s (~)0.962s101.05x
💻 LocalExpress0.046s (+1.1%)1.007s (-0.6%)0.961s101.10x
🌐 MongoDBNext.js (Turbopack)0.087s (-17.9% 🟢)1.015s (~)0.927s102.09x
🌐 TursoNext.js (Turbopack)0.109s (+12.7% 🔺)1.014s (~)0.906s102.60x
🐘 PostgresNitro0.286s (-11.9% 🟢)1.012s (~)0.726s106.83x
🐘 PostgresExpress0.355s (+9.7% 🔺)1.017s (~)0.662s108.48x
🐘 PostgresNext.js (Turbopack)0.377s (+57.2% 🔺)1.019s (-4.1%)0.642s109.00x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express0.605s (-9.2% 🟢)1.521s (-11.0% 🟢)0.916s101.00x
▲ VercelNext.js (Turbopack)0.629s (-20.3% 🟢)1.622s (-8.6% 🟢)0.993s101.04x
▲ VercelNitro0.649s (+13.0% 🔺)1.475s (-4.5%)0.826s101.07x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.084s (~)2.011s (~)0.927s101.00x
💻 LocalNext.js (Turbopack)1.093s (-0.9%)2.012s (~)0.920s101.01x
🌐 RedisNext.js (Turbopack)1.095s (-0.6%)2.013s (~)0.918s101.01x
💻 LocalExpress1.115s (~)2.006s (~)0.892s101.03x
💻 LocalNitro1.117s (~)2.005s (~)0.889s101.03x
🌐 TursoNext.js (Turbopack)1.297s (~)2.013s (~)0.716s101.20x
🌐 MongoDBNext.js (Turbopack)1.303s (~)2.014s (~)0.711s101.20x
🐘 PostgresNitro2.164s (-0.7%)3.013s (~)0.849s102.00x
🐘 PostgresExpress2.169s (~)3.014s (~)0.845s102.00x
🐘 PostgresNext.js (Turbopack)2.188s (-4.4%)3.019s (~)0.830s102.02x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.773s (+1.2%)3.791s (+5.2% 🔺)1.018s101.00x
▲ VercelNitro2.837s (+1.6%)3.610s (-1.2%)0.773s101.02x
▲ VercelExpress2.857s (+2.7%)3.605s (+0.6%)0.748s101.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.621s (~)11.010s (~)0.389s51.00x
💻 LocalNext.js (Turbopack)10.668s (~)11.018s (~)0.350s51.00x
🌐 RedisNext.js (Turbopack)10.698s (~)11.023s (~)0.325s51.01x
💻 LocalExpress10.797s (~)11.013s (~)0.216s51.02x
💻 LocalNitro10.807s (~)11.013s (~)0.206s51.02x
🌐 TursoNext.js (Turbopack)12.178s (~)13.022s (~)0.845s51.15x
🌐 MongoDBNext.js (Turbopack)12.244s (~)13.025s (~)0.780s51.15x
🐘 PostgresNext.js (Turbopack)20.373s (+14.5% 🔺)21.045s (+14.2% 🔺)0.673s51.92x
🐘 PostgresExpress20.422s (~)21.029s (~)0.607s51.92x
🐘 PostgresNitro20.462s (+0.8%)21.033s (+0.9%)0.570s51.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.732s (~)23.555s (+0.8%)0.823s51.00x
▲ VercelNitro23.041s (+2.7%)23.953s (+2.3%)0.912s51.01x
▲ VercelExpress24.333s (+7.9% 🔺)25.009s (+7.1% 🔺)0.676s51.07x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.360s (+1.5%)2.008s (~)0.648s151.00x
🌐 RedisNext.js (Turbopack)1.375s (~)2.010s (~)0.635s151.01x
💻 LocalNext.js (Turbopack)1.391s (~)2.012s (~)0.621s151.02x
💻 LocalNitro1.419s (~)2.006s (~)0.587s151.04x
💻 LocalExpress1.425s (+0.5%)2.007s (~)0.582s151.05x
🐘 PostgresNext.js (Turbopack)1.971s (+15.9% 🔺)2.325s (+15.5% 🔺)0.354s131.45x
🌐 MongoDBNext.js (Turbopack)2.135s (~)3.016s (~)0.881s101.57x
🌐 TursoNext.js (Turbopack)2.227s (+1.3%)3.013s (~)0.786s101.64x
🐘 PostgresExpress2.448s (+1.9%)3.012s (~)0.564s101.80x
🐘 PostgresNitro2.472s (+4.1%)3.011s (~)0.539s101.82x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.714s (-1.9%)3.614s (~)0.900s91.00x
▲ VercelExpress2.906s (+1.9%)3.698s (-2.0%)0.791s91.07x
▲ VercelNext.js (Turbopack)3.021s (+1.1%)3.916s (+2.7%)0.895s81.11x

🔍 Observability: Nitro | Express | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.098s (+1.4%)2.965s (+3.5%)0.866s111.00x
💻 LocalExpress2.201s (~)3.152s (+0.5%)0.951s101.05x
💻 LocalNitro2.273s (+3.2%)3.223s (+1.9%)0.950s101.08x
🌐 StarterNext.js (Turbopack)2.479s (+0.9%)3.009s (~)0.529s101.18x
🌐 RedisNext.js (Turbopack)2.515s (+0.7%)3.013s (~)0.498s101.20x
🐘 PostgresNext.js (Turbopack)2.625s (-18.8% 🟢)3.025s (-17.2% 🟢)0.400s101.25x
🐘 PostgresNitro2.664s (-2.0%)3.011s (~)0.346s101.27x
🐘 PostgresExpress2.840s (-4.8%)3.017s (-13.1% 🟢)0.178s101.35x
🌐 MongoDBNext.js (Turbopack)4.699s (~)5.182s (~)0.483s62.24x
🌐 TursoNext.js (Turbopack)4.718s (+2.6%)5.186s (~)0.468s62.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.351s (-64.0% 🟢)3.881s (-61.0% 🟢)0.530s81.00x
▲ VercelNitro3.569s (-8.7% 🟢)4.219s (-8.6% 🟢)0.650s81.07x
▲ VercelNext.js (Turbopack)3.748s (+16.0% 🔺)4.530s (+16.5% 🔺)0.782s71.12x

🔍 Observability: Express | Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.354s (-0.6%)2.008s (~)0.654s151.00x
🌐 RedisNext.js (Turbopack)1.384s (~)2.010s (~)0.626s151.02x
💻 LocalNext.js (Turbopack)1.404s (-0.7%)2.012s (~)0.608s151.04x
💻 LocalExpress1.411s (~)2.006s (~)0.595s151.04x
💻 LocalNitro1.430s (~)2.005s (~)0.575s151.06x
🐘 PostgresNext.js (Turbopack)1.692s (+10.4% 🔺)2.012s (~)0.320s151.25x
🐘 PostgresNitro1.833s (-2.2%)2.010s (~)0.177s151.35x
🐘 PostgresExpress1.988s (+1.2%)2.232s (+3.5%)0.244s141.47x
🌐 MongoDBNext.js (Turbopack)2.165s (+0.7%)3.013s (~)0.848s101.60x
🌐 TursoNext.js (Turbopack)2.223s (~)3.015s (~)0.791s101.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.798s (-3.0%)3.821s (+3.1%)1.022s81.00x
▲ VercelNitro2.846s (~)3.580s (-0.9%)0.734s91.02x
▲ VercelExpress2.870s (-58.8% 🟢)3.696s (-53.0% 🟢)0.826s91.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.140s (-1.8%)3.015s (-2.8%)0.874s111.00x
💻 LocalExpress2.220s (~)3.180s (+1.5%)0.960s101.04x
💻 LocalNitro2.264s (-2.7%)3.219s (-1.7%)0.956s101.06x
🌐 StarterNext.js (Turbopack)2.449s (~)3.009s (~)0.559s101.14x
🌐 RedisNext.js (Turbopack)2.499s (-7.9% 🟢)3.012s (-7.0% 🟢)0.512s101.17x
🐘 PostgresNext.js (Turbopack)2.579s (+3.2%)3.024s (~)0.445s101.20x
🐘 PostgresNitro2.607s (-4.8%)3.031s (+0.7%)0.424s101.22x
🐘 PostgresExpress2.874s (+1.4%)3.013s (~)0.139s101.34x
🌐 TursoNext.js (Turbopack)4.753s (+2.3%)5.180s (~)0.427s62.22x
🌐 MongoDBNext.js (Turbopack)4.771s (~)5.345s (+3.1%)0.574s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express4.135s (+29.2% 🔺)4.703s (+24.8% 🔺)0.568s71.00x
▲ VercelNext.js (Turbopack)4.633s (+38.5% 🔺)5.250s (+34.0% 🔺)0.617s61.12x
▲ VercelNitro4.802s (+50.1% 🔺)5.406s (+43.8% 🔺)0.604s61.16x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)0.127s (-1.6%)1.005s (~)0.000s (NaN%)1.010s (~)0.884s101.00x
💻 LocalNext.js (Turbopack)0.137s (-3.9%)1.003s (~)0.017s (+1.8%)1.027s (~)0.890s101.08x
🌐 RedisNext.js (Turbopack)0.151s (+3.7%)1.005s (~)0.000s (~)1.015s (~)0.864s101.19x
💻 LocalExpress0.178s (+1.1%)0.993s (~)0.016s (+2.6%)1.023s (~)0.845s101.40x
💻 LocalNitro0.182s (+3.4%)0.992s (~)0.015s (+7.3% 🔺)1.021s (~)0.840s101.44x
🌐 TursoNext.js (Turbopack)0.455s (-15.3% 🟢)0.995s (+9.5% 🔺)0.000s (~)1.013s (~)0.558s103.59x
🌐 MongoDBNext.js (Turbopack)0.524s (+4.6%)0.925s (-3.1%)0.000s (NaN%)1.012s (~)0.489s104.14x
🐘 PostgresNext.js (Turbopack)1.579s (+70.3% 🔺)2.116s (+67.8% 🔺)0.000s (NaN%)2.317s (+63.8% 🔺)0.738s1012.47x
🐘 PostgresExpress2.357s (+1.9%)2.682s (-1.7%)0.000s (+Infinity% 🔺)3.013s (~)0.655s1018.62x
🐘 PostgresNitro2.423s (+5.6% 🔺)2.621s (-4.5%)0.000s (NaN%)3.014s (~)0.590s1019.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.765s (-4.6%)3.168s (-5.4% 🟢)0.529s (+8.6% 🔺)4.140s (-3.3%)1.375s101.00x
▲ VercelNitro2.773s (-6.0% 🟢)3.183s (-2.2%)0.600s (~)4.236s (-4.5%)1.463s101.00x
▲ VercelExpress2.981s (-2.2%)3.257s (-4.9%)0.741s (+17.5% 🔺)4.523s (-1.1%)1.541s101.08x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)8/8
🐘 PostgresNext.js (Turbopack)6/8
▲ VercelNext.js (Turbopack)4/8
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter6/8
Nitro💻 Local8/8
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
  • 🌐 Starter: Community world (local development)
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

Comment threadpackages/web-shared/src/sidebar/events-list.tsx Outdated
Co-authored-by: vercel[bot] <35613825+vercel[bot]@users.noreply.github.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@vercelvercelBot 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.

Additional Suggestions:

  1. ErrorBoundary components passing removed description prop causing TypeScript type errors
  1. ErrorBoundary component in packages/web/src/app/run/[runId]/page.tsx passes invalid description prop that was removed from ErrorBoundaryProps interface
Fix on Vercel

Comment threadpackages/web/src/components/run-detail-view.tsx Outdated

@vercelvercelBot 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.

🔧 Build Fix:

The ErrorBoundary component is being passed a description prop on line 55, but this prop is not defined in the ErrorBoundaryProps type definition.

Fix on Vercel

Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@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.

Tested it and looks good to me

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

@VaguelySerious@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" + '
[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar by VaguelySerious · Pull Request #805 · vercel/workflow · GitHub
Skip to content

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar - #805

Merged
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish
Jan 19, 2026
Merged

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar#805
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish

Conversation

@VaguelySerious

@VaguelySeriousVaguelySerious commented Jan 18, 2026

Copy link
Copy Markdown
Member

This PR:

  • Improves error styling across the app
  • Polishes the AI step conversation display in the sidebar
    • Not longer scrolls separately (too many scrollbars)
    • Updated color of tabs to look consistent when web-shared is embedded in other UIs

Before:
Screenshot 2026-01-18 at 11 50 32 AM

After:
Screenshot 2026-01-18 at 12 35 12 PM

…iewer sidebar
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
@vercel

vercelBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

changeset-botBot commented Jan 18, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: a4236cb

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

This PR includes changesets to release 1 package
NameType
@workflow/web-sharedPatch

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

@github-actions

github-actionsBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production424038462
✅ 💻 Local Development388032420
✅ 📦 Local Production388032420
✅ 🐘 Local Postgres388032420
✅ 🪟 Windows420042
❌ 🌍 Community Worlds160200180
Total1790201341944

❌ Failed Tests

🌍 Community Worlds (20 failed)

mongodb (1 failed):

  • webhookWorkflow

starter (18 failed):

  • addTenWorkflow
  • addTenWorkflow
  • error handling error propagation workflow errors nested function calls preserve message and stack trace
  • error handling error propagation workflow errors cross-file imports preserve message and stack trace
  • error handling error propagation step errors basic step error preserves message and stack trace
  • error handling error propagation step errors cross-file step error preserves message and function names in stack
  • error handling retry behavior regular Error retries until success
  • error handling retry behavior FatalError fails immediately without retries
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • pathsAliasWorkflow - TypeScript path aliases resolve correctly
  • Calculator.calculate - static workflow method using static step methods from another class
  • AllInOneService.processNumber - static workflow method using sibling static step methods
  • ChainableService.processWithThis - static step methods using this to reference the class
  • thisSerializationWorkflow - step function invoked with .call() and .apply()

turso (1 failed):

  • webhookWorkflow

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro3804
✅ example3804
✅ express3804
✅ fastify3804
✅ hono3804
✅ nextjs-turbopack4101
✅ nextjs-webpack4101
✅ nitro3804
✅ nuxt3804
✅ sveltekit3804
✅ vite3804
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4200
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4110
✅ redis-dev300
✅ redis4200
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 18, 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
🌐 Starter🥇 Next.js (Turbopack)0.042s (+14.8% 🔺)1.015s (~)0.973s101.00x
💻 LocalNext.js (Turbopack)0.042s (+2.4%)1.018s (~)0.976s101.01x
🌐 RedisNext.js (Turbopack)0.043s (+0.7%)1.018s (~)0.974s101.03x
💻 LocalNitro0.044s (-0.9%)1.006s (~)0.962s101.05x
💻 LocalExpress0.046s (+1.1%)1.007s (-0.6%)0.961s101.10x
🌐 MongoDBNext.js (Turbopack)0.087s (-17.9% 🟢)1.015s (~)0.927s102.09x
🌐 TursoNext.js (Turbopack)0.109s (+12.7% 🔺)1.014s (~)0.906s102.60x
🐘 PostgresNitro0.286s (-11.9% 🟢)1.012s (~)0.726s106.83x
🐘 PostgresExpress0.355s (+9.7% 🔺)1.017s (~)0.662s108.48x
🐘 PostgresNext.js (Turbopack)0.377s (+57.2% 🔺)1.019s (-4.1%)0.642s109.00x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express0.605s (-9.2% 🟢)1.521s (-11.0% 🟢)0.916s101.00x
▲ VercelNext.js (Turbopack)0.629s (-20.3% 🟢)1.622s (-8.6% 🟢)0.993s101.04x
▲ VercelNitro0.649s (+13.0% 🔺)1.475s (-4.5%)0.826s101.07x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.084s (~)2.011s (~)0.927s101.00x
💻 LocalNext.js (Turbopack)1.093s (-0.9%)2.012s (~)0.920s101.01x
🌐 RedisNext.js (Turbopack)1.095s (-0.6%)2.013s (~)0.918s101.01x
💻 LocalExpress1.115s (~)2.006s (~)0.892s101.03x
💻 LocalNitro1.117s (~)2.005s (~)0.889s101.03x
🌐 TursoNext.js (Turbopack)1.297s (~)2.013s (~)0.716s101.20x
🌐 MongoDBNext.js (Turbopack)1.303s (~)2.014s (~)0.711s101.20x
🐘 PostgresNitro2.164s (-0.7%)3.013s (~)0.849s102.00x
🐘 PostgresExpress2.169s (~)3.014s (~)0.845s102.00x
🐘 PostgresNext.js (Turbopack)2.188s (-4.4%)3.019s (~)0.830s102.02x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.773s (+1.2%)3.791s (+5.2% 🔺)1.018s101.00x
▲ VercelNitro2.837s (+1.6%)3.610s (-1.2%)0.773s101.02x
▲ VercelExpress2.857s (+2.7%)3.605s (+0.6%)0.748s101.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.621s (~)11.010s (~)0.389s51.00x
💻 LocalNext.js (Turbopack)10.668s (~)11.018s (~)0.350s51.00x
🌐 RedisNext.js (Turbopack)10.698s (~)11.023s (~)0.325s51.01x
💻 LocalExpress10.797s (~)11.013s (~)0.216s51.02x
💻 LocalNitro10.807s (~)11.013s (~)0.206s51.02x
🌐 TursoNext.js (Turbopack)12.178s (~)13.022s (~)0.845s51.15x
🌐 MongoDBNext.js (Turbopack)12.244s (~)13.025s (~)0.780s51.15x
🐘 PostgresNext.js (Turbopack)20.373s (+14.5% 🔺)21.045s (+14.2% 🔺)0.673s51.92x
🐘 PostgresExpress20.422s (~)21.029s (~)0.607s51.92x
🐘 PostgresNitro20.462s (+0.8%)21.033s (+0.9%)0.570s51.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.732s (~)23.555s (+0.8%)0.823s51.00x
▲ VercelNitro23.041s (+2.7%)23.953s (+2.3%)0.912s51.01x
▲ VercelExpress24.333s (+7.9% 🔺)25.009s (+7.1% 🔺)0.676s51.07x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.360s (+1.5%)2.008s (~)0.648s151.00x
🌐 RedisNext.js (Turbopack)1.375s (~)2.010s (~)0.635s151.01x
💻 LocalNext.js (Turbopack)1.391s (~)2.012s (~)0.621s151.02x
💻 LocalNitro1.419s (~)2.006s (~)0.587s151.04x
💻 LocalExpress1.425s (+0.5%)2.007s (~)0.582s151.05x
🐘 PostgresNext.js (Turbopack)1.971s (+15.9% 🔺)2.325s (+15.5% 🔺)0.354s131.45x
🌐 MongoDBNext.js (Turbopack)2.135s (~)3.016s (~)0.881s101.57x
🌐 TursoNext.js (Turbopack)2.227s (+1.3%)3.013s (~)0.786s101.64x
🐘 PostgresExpress2.448s (+1.9%)3.012s (~)0.564s101.80x
🐘 PostgresNitro2.472s (+4.1%)3.011s (~)0.539s101.82x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.714s (-1.9%)3.614s (~)0.900s91.00x
▲ VercelExpress2.906s (+1.9%)3.698s (-2.0%)0.791s91.07x
▲ VercelNext.js (Turbopack)3.021s (+1.1%)3.916s (+2.7%)0.895s81.11x

🔍 Observability: Nitro | Express | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.098s (+1.4%)2.965s (+3.5%)0.866s111.00x
💻 LocalExpress2.201s (~)3.152s (+0.5%)0.951s101.05x
💻 LocalNitro2.273s (+3.2%)3.223s (+1.9%)0.950s101.08x
🌐 StarterNext.js (Turbopack)2.479s (+0.9%)3.009s (~)0.529s101.18x
🌐 RedisNext.js (Turbopack)2.515s (+0.7%)3.013s (~)0.498s101.20x
🐘 PostgresNext.js (Turbopack)2.625s (-18.8% 🟢)3.025s (-17.2% 🟢)0.400s101.25x
🐘 PostgresNitro2.664s (-2.0%)3.011s (~)0.346s101.27x
🐘 PostgresExpress2.840s (-4.8%)3.017s (-13.1% 🟢)0.178s101.35x
🌐 MongoDBNext.js (Turbopack)4.699s (~)5.182s (~)0.483s62.24x
🌐 TursoNext.js (Turbopack)4.718s (+2.6%)5.186s (~)0.468s62.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.351s (-64.0% 🟢)3.881s (-61.0% 🟢)0.530s81.00x
▲ VercelNitro3.569s (-8.7% 🟢)4.219s (-8.6% 🟢)0.650s81.07x
▲ VercelNext.js (Turbopack)3.748s (+16.0% 🔺)4.530s (+16.5% 🔺)0.782s71.12x

🔍 Observability: Express | Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.354s (-0.6%)2.008s (~)0.654s151.00x
🌐 RedisNext.js (Turbopack)1.384s (~)2.010s (~)0.626s151.02x
💻 LocalNext.js (Turbopack)1.404s (-0.7%)2.012s (~)0.608s151.04x
💻 LocalExpress1.411s (~)2.006s (~)0.595s151.04x
💻 LocalNitro1.430s (~)2.005s (~)0.575s151.06x
🐘 PostgresNext.js (Turbopack)1.692s (+10.4% 🔺)2.012s (~)0.320s151.25x
🐘 PostgresNitro1.833s (-2.2%)2.010s (~)0.177s151.35x
🐘 PostgresExpress1.988s (+1.2%)2.232s (+3.5%)0.244s141.47x
🌐 MongoDBNext.js (Turbopack)2.165s (+0.7%)3.013s (~)0.848s101.60x
🌐 TursoNext.js (Turbopack)2.223s (~)3.015s (~)0.791s101.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.798s (-3.0%)3.821s (+3.1%)1.022s81.00x
▲ VercelNitro2.846s (~)3.580s (-0.9%)0.734s91.02x
▲ VercelExpress2.870s (-58.8% 🟢)3.696s (-53.0% 🟢)0.826s91.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.140s (-1.8%)3.015s (-2.8%)0.874s111.00x
💻 LocalExpress2.220s (~)3.180s (+1.5%)0.960s101.04x
💻 LocalNitro2.264s (-2.7%)3.219s (-1.7%)0.956s101.06x
🌐 StarterNext.js (Turbopack)2.449s (~)3.009s (~)0.559s101.14x
🌐 RedisNext.js (Turbopack)2.499s (-7.9% 🟢)3.012s (-7.0% 🟢)0.512s101.17x
🐘 PostgresNext.js (Turbopack)2.579s (+3.2%)3.024s (~)0.445s101.20x
🐘 PostgresNitro2.607s (-4.8%)3.031s (+0.7%)0.424s101.22x
🐘 PostgresExpress2.874s (+1.4%)3.013s (~)0.139s101.34x
🌐 TursoNext.js (Turbopack)4.753s (+2.3%)5.180s (~)0.427s62.22x
🌐 MongoDBNext.js (Turbopack)4.771s (~)5.345s (+3.1%)0.574s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express4.135s (+29.2% 🔺)4.703s (+24.8% 🔺)0.568s71.00x
▲ VercelNext.js (Turbopack)4.633s (+38.5% 🔺)5.250s (+34.0% 🔺)0.617s61.12x
▲ VercelNitro4.802s (+50.1% 🔺)5.406s (+43.8% 🔺)0.604s61.16x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)0.127s (-1.6%)1.005s (~)0.000s (NaN%)1.010s (~)0.884s101.00x
💻 LocalNext.js (Turbopack)0.137s (-3.9%)1.003s (~)0.017s (+1.8%)1.027s (~)0.890s101.08x
🌐 RedisNext.js (Turbopack)0.151s (+3.7%)1.005s (~)0.000s (~)1.015s (~)0.864s101.19x
💻 LocalExpress0.178s (+1.1%)0.993s (~)0.016s (+2.6%)1.023s (~)0.845s101.40x
💻 LocalNitro0.182s (+3.4%)0.992s (~)0.015s (+7.3% 🔺)1.021s (~)0.840s101.44x
🌐 TursoNext.js (Turbopack)0.455s (-15.3% 🟢)0.995s (+9.5% 🔺)0.000s (~)1.013s (~)0.558s103.59x
🌐 MongoDBNext.js (Turbopack)0.524s (+4.6%)0.925s (-3.1%)0.000s (NaN%)1.012s (~)0.489s104.14x
🐘 PostgresNext.js (Turbopack)1.579s (+70.3% 🔺)2.116s (+67.8% 🔺)0.000s (NaN%)2.317s (+63.8% 🔺)0.738s1012.47x
🐘 PostgresExpress2.357s (+1.9%)2.682s (-1.7%)0.000s (+Infinity% 🔺)3.013s (~)0.655s1018.62x
🐘 PostgresNitro2.423s (+5.6% 🔺)2.621s (-4.5%)0.000s (NaN%)3.014s (~)0.590s1019.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.765s (-4.6%)3.168s (-5.4% 🟢)0.529s (+8.6% 🔺)4.140s (-3.3%)1.375s101.00x
▲ VercelNitro2.773s (-6.0% 🟢)3.183s (-2.2%)0.600s (~)4.236s (-4.5%)1.463s101.00x
▲ VercelExpress2.981s (-2.2%)3.257s (-4.9%)0.741s (+17.5% 🔺)4.523s (-1.1%)1.541s101.08x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)8/8
🐘 PostgresNext.js (Turbopack)6/8
▲ VercelNext.js (Turbopack)4/8
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter6/8
Nitro💻 Local8/8
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
  • 🌐 Starter: Community world (local development)
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

Comment threadpackages/web-shared/src/sidebar/events-list.tsx Outdated
Co-authored-by: vercel[bot] <35613825+vercel[bot]@users.noreply.github.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@vercelvercelBot 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.

Additional Suggestions:

  1. ErrorBoundary components passing removed description prop causing TypeScript type errors
  1. ErrorBoundary component in packages/web/src/app/run/[runId]/page.tsx passes invalid description prop that was removed from ErrorBoundaryProps interface
Fix on Vercel

Comment threadpackages/web/src/components/run-detail-view.tsx Outdated

@vercelvercelBot 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.

🔧 Build Fix:

The ErrorBoundary component is being passed a description prop on line 55, but this prop is not defined in the ErrorBoundaryProps type definition.

Fix on Vercel

Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@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.

Tested it and looks good to me

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

@VaguelySerious@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('^' + ".*" + ' [web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar by VaguelySerious · Pull Request #805 · vercel/workflow · GitHub
Skip to content

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar - #805

Merged
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish
Jan 19, 2026
Merged

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar#805
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish

Conversation

@VaguelySerious

@VaguelySeriousVaguelySerious commented Jan 18, 2026

Copy link
Copy Markdown
Member

This PR:

  • Improves error styling across the app
  • Polishes the AI step conversation display in the sidebar
    • Not longer scrolls separately (too many scrollbars)
    • Updated color of tabs to look consistent when web-shared is embedded in other UIs

Before:
Screenshot 2026-01-18 at 11 50 32 AM

After:
Screenshot 2026-01-18 at 12 35 12 PM

…iewer sidebar
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
@vercel

vercelBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

changeset-botBot commented Jan 18, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: a4236cb

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

This PR includes changesets to release 1 package
NameType
@workflow/web-sharedPatch

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

@github-actions

github-actionsBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production424038462
✅ 💻 Local Development388032420
✅ 📦 Local Production388032420
✅ 🐘 Local Postgres388032420
✅ 🪟 Windows420042
❌ 🌍 Community Worlds160200180
Total1790201341944

❌ Failed Tests

🌍 Community Worlds (20 failed)

mongodb (1 failed):

  • webhookWorkflow

starter (18 failed):

  • addTenWorkflow
  • addTenWorkflow
  • error handling error propagation workflow errors nested function calls preserve message and stack trace
  • error handling error propagation workflow errors cross-file imports preserve message and stack trace
  • error handling error propagation step errors basic step error preserves message and stack trace
  • error handling error propagation step errors cross-file step error preserves message and function names in stack
  • error handling retry behavior regular Error retries until success
  • error handling retry behavior FatalError fails immediately without retries
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • pathsAliasWorkflow - TypeScript path aliases resolve correctly
  • Calculator.calculate - static workflow method using static step methods from another class
  • AllInOneService.processNumber - static workflow method using sibling static step methods
  • ChainableService.processWithThis - static step methods using this to reference the class
  • thisSerializationWorkflow - step function invoked with .call() and .apply()

turso (1 failed):

  • webhookWorkflow

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro3804
✅ example3804
✅ express3804
✅ fastify3804
✅ hono3804
✅ nextjs-turbopack4101
✅ nextjs-webpack4101
✅ nitro3804
✅ nuxt3804
✅ sveltekit3804
✅ vite3804
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4200
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4110
✅ redis-dev300
✅ redis4200
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 18, 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
🌐 Starter🥇 Next.js (Turbopack)0.042s (+14.8% 🔺)1.015s (~)0.973s101.00x
💻 LocalNext.js (Turbopack)0.042s (+2.4%)1.018s (~)0.976s101.01x
🌐 RedisNext.js (Turbopack)0.043s (+0.7%)1.018s (~)0.974s101.03x
💻 LocalNitro0.044s (-0.9%)1.006s (~)0.962s101.05x
💻 LocalExpress0.046s (+1.1%)1.007s (-0.6%)0.961s101.10x
🌐 MongoDBNext.js (Turbopack)0.087s (-17.9% 🟢)1.015s (~)0.927s102.09x
🌐 TursoNext.js (Turbopack)0.109s (+12.7% 🔺)1.014s (~)0.906s102.60x
🐘 PostgresNitro0.286s (-11.9% 🟢)1.012s (~)0.726s106.83x
🐘 PostgresExpress0.355s (+9.7% 🔺)1.017s (~)0.662s108.48x
🐘 PostgresNext.js (Turbopack)0.377s (+57.2% 🔺)1.019s (-4.1%)0.642s109.00x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express0.605s (-9.2% 🟢)1.521s (-11.0% 🟢)0.916s101.00x
▲ VercelNext.js (Turbopack)0.629s (-20.3% 🟢)1.622s (-8.6% 🟢)0.993s101.04x
▲ VercelNitro0.649s (+13.0% 🔺)1.475s (-4.5%)0.826s101.07x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.084s (~)2.011s (~)0.927s101.00x
💻 LocalNext.js (Turbopack)1.093s (-0.9%)2.012s (~)0.920s101.01x
🌐 RedisNext.js (Turbopack)1.095s (-0.6%)2.013s (~)0.918s101.01x
💻 LocalExpress1.115s (~)2.006s (~)0.892s101.03x
💻 LocalNitro1.117s (~)2.005s (~)0.889s101.03x
🌐 TursoNext.js (Turbopack)1.297s (~)2.013s (~)0.716s101.20x
🌐 MongoDBNext.js (Turbopack)1.303s (~)2.014s (~)0.711s101.20x
🐘 PostgresNitro2.164s (-0.7%)3.013s (~)0.849s102.00x
🐘 PostgresExpress2.169s (~)3.014s (~)0.845s102.00x
🐘 PostgresNext.js (Turbopack)2.188s (-4.4%)3.019s (~)0.830s102.02x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.773s (+1.2%)3.791s (+5.2% 🔺)1.018s101.00x
▲ VercelNitro2.837s (+1.6%)3.610s (-1.2%)0.773s101.02x
▲ VercelExpress2.857s (+2.7%)3.605s (+0.6%)0.748s101.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.621s (~)11.010s (~)0.389s51.00x
💻 LocalNext.js (Turbopack)10.668s (~)11.018s (~)0.350s51.00x
🌐 RedisNext.js (Turbopack)10.698s (~)11.023s (~)0.325s51.01x
💻 LocalExpress10.797s (~)11.013s (~)0.216s51.02x
💻 LocalNitro10.807s (~)11.013s (~)0.206s51.02x
🌐 TursoNext.js (Turbopack)12.178s (~)13.022s (~)0.845s51.15x
🌐 MongoDBNext.js (Turbopack)12.244s (~)13.025s (~)0.780s51.15x
🐘 PostgresNext.js (Turbopack)20.373s (+14.5% 🔺)21.045s (+14.2% 🔺)0.673s51.92x
🐘 PostgresExpress20.422s (~)21.029s (~)0.607s51.92x
🐘 PostgresNitro20.462s (+0.8%)21.033s (+0.9%)0.570s51.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.732s (~)23.555s (+0.8%)0.823s51.00x
▲ VercelNitro23.041s (+2.7%)23.953s (+2.3%)0.912s51.01x
▲ VercelExpress24.333s (+7.9% 🔺)25.009s (+7.1% 🔺)0.676s51.07x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.360s (+1.5%)2.008s (~)0.648s151.00x
🌐 RedisNext.js (Turbopack)1.375s (~)2.010s (~)0.635s151.01x
💻 LocalNext.js (Turbopack)1.391s (~)2.012s (~)0.621s151.02x
💻 LocalNitro1.419s (~)2.006s (~)0.587s151.04x
💻 LocalExpress1.425s (+0.5%)2.007s (~)0.582s151.05x
🐘 PostgresNext.js (Turbopack)1.971s (+15.9% 🔺)2.325s (+15.5% 🔺)0.354s131.45x
🌐 MongoDBNext.js (Turbopack)2.135s (~)3.016s (~)0.881s101.57x
🌐 TursoNext.js (Turbopack)2.227s (+1.3%)3.013s (~)0.786s101.64x
🐘 PostgresExpress2.448s (+1.9%)3.012s (~)0.564s101.80x
🐘 PostgresNitro2.472s (+4.1%)3.011s (~)0.539s101.82x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.714s (-1.9%)3.614s (~)0.900s91.00x
▲ VercelExpress2.906s (+1.9%)3.698s (-2.0%)0.791s91.07x
▲ VercelNext.js (Turbopack)3.021s (+1.1%)3.916s (+2.7%)0.895s81.11x

🔍 Observability: Nitro | Express | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.098s (+1.4%)2.965s (+3.5%)0.866s111.00x
💻 LocalExpress2.201s (~)3.152s (+0.5%)0.951s101.05x
💻 LocalNitro2.273s (+3.2%)3.223s (+1.9%)0.950s101.08x
🌐 StarterNext.js (Turbopack)2.479s (+0.9%)3.009s (~)0.529s101.18x
🌐 RedisNext.js (Turbopack)2.515s (+0.7%)3.013s (~)0.498s101.20x
🐘 PostgresNext.js (Turbopack)2.625s (-18.8% 🟢)3.025s (-17.2% 🟢)0.400s101.25x
🐘 PostgresNitro2.664s (-2.0%)3.011s (~)0.346s101.27x
🐘 PostgresExpress2.840s (-4.8%)3.017s (-13.1% 🟢)0.178s101.35x
🌐 MongoDBNext.js (Turbopack)4.699s (~)5.182s (~)0.483s62.24x
🌐 TursoNext.js (Turbopack)4.718s (+2.6%)5.186s (~)0.468s62.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.351s (-64.0% 🟢)3.881s (-61.0% 🟢)0.530s81.00x
▲ VercelNitro3.569s (-8.7% 🟢)4.219s (-8.6% 🟢)0.650s81.07x
▲ VercelNext.js (Turbopack)3.748s (+16.0% 🔺)4.530s (+16.5% 🔺)0.782s71.12x

🔍 Observability: Express | Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.354s (-0.6%)2.008s (~)0.654s151.00x
🌐 RedisNext.js (Turbopack)1.384s (~)2.010s (~)0.626s151.02x
💻 LocalNext.js (Turbopack)1.404s (-0.7%)2.012s (~)0.608s151.04x
💻 LocalExpress1.411s (~)2.006s (~)0.595s151.04x
💻 LocalNitro1.430s (~)2.005s (~)0.575s151.06x
🐘 PostgresNext.js (Turbopack)1.692s (+10.4% 🔺)2.012s (~)0.320s151.25x
🐘 PostgresNitro1.833s (-2.2%)2.010s (~)0.177s151.35x
🐘 PostgresExpress1.988s (+1.2%)2.232s (+3.5%)0.244s141.47x
🌐 MongoDBNext.js (Turbopack)2.165s (+0.7%)3.013s (~)0.848s101.60x
🌐 TursoNext.js (Turbopack)2.223s (~)3.015s (~)0.791s101.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.798s (-3.0%)3.821s (+3.1%)1.022s81.00x
▲ VercelNitro2.846s (~)3.580s (-0.9%)0.734s91.02x
▲ VercelExpress2.870s (-58.8% 🟢)3.696s (-53.0% 🟢)0.826s91.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.140s (-1.8%)3.015s (-2.8%)0.874s111.00x
💻 LocalExpress2.220s (~)3.180s (+1.5%)0.960s101.04x
💻 LocalNitro2.264s (-2.7%)3.219s (-1.7%)0.956s101.06x
🌐 StarterNext.js (Turbopack)2.449s (~)3.009s (~)0.559s101.14x
🌐 RedisNext.js (Turbopack)2.499s (-7.9% 🟢)3.012s (-7.0% 🟢)0.512s101.17x
🐘 PostgresNext.js (Turbopack)2.579s (+3.2%)3.024s (~)0.445s101.20x
🐘 PostgresNitro2.607s (-4.8%)3.031s (+0.7%)0.424s101.22x
🐘 PostgresExpress2.874s (+1.4%)3.013s (~)0.139s101.34x
🌐 TursoNext.js (Turbopack)4.753s (+2.3%)5.180s (~)0.427s62.22x
🌐 MongoDBNext.js (Turbopack)4.771s (~)5.345s (+3.1%)0.574s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express4.135s (+29.2% 🔺)4.703s (+24.8% 🔺)0.568s71.00x
▲ VercelNext.js (Turbopack)4.633s (+38.5% 🔺)5.250s (+34.0% 🔺)0.617s61.12x
▲ VercelNitro4.802s (+50.1% 🔺)5.406s (+43.8% 🔺)0.604s61.16x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)0.127s (-1.6%)1.005s (~)0.000s (NaN%)1.010s (~)0.884s101.00x
💻 LocalNext.js (Turbopack)0.137s (-3.9%)1.003s (~)0.017s (+1.8%)1.027s (~)0.890s101.08x
🌐 RedisNext.js (Turbopack)0.151s (+3.7%)1.005s (~)0.000s (~)1.015s (~)0.864s101.19x
💻 LocalExpress0.178s (+1.1%)0.993s (~)0.016s (+2.6%)1.023s (~)0.845s101.40x
💻 LocalNitro0.182s (+3.4%)0.992s (~)0.015s (+7.3% 🔺)1.021s (~)0.840s101.44x
🌐 TursoNext.js (Turbopack)0.455s (-15.3% 🟢)0.995s (+9.5% 🔺)0.000s (~)1.013s (~)0.558s103.59x
🌐 MongoDBNext.js (Turbopack)0.524s (+4.6%)0.925s (-3.1%)0.000s (NaN%)1.012s (~)0.489s104.14x
🐘 PostgresNext.js (Turbopack)1.579s (+70.3% 🔺)2.116s (+67.8% 🔺)0.000s (NaN%)2.317s (+63.8% 🔺)0.738s1012.47x
🐘 PostgresExpress2.357s (+1.9%)2.682s (-1.7%)0.000s (+Infinity% 🔺)3.013s (~)0.655s1018.62x
🐘 PostgresNitro2.423s (+5.6% 🔺)2.621s (-4.5%)0.000s (NaN%)3.014s (~)0.590s1019.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.765s (-4.6%)3.168s (-5.4% 🟢)0.529s (+8.6% 🔺)4.140s (-3.3%)1.375s101.00x
▲ VercelNitro2.773s (-6.0% 🟢)3.183s (-2.2%)0.600s (~)4.236s (-4.5%)1.463s101.00x
▲ VercelExpress2.981s (-2.2%)3.257s (-4.9%)0.741s (+17.5% 🔺)4.523s (-1.1%)1.541s101.08x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)8/8
🐘 PostgresNext.js (Turbopack)6/8
▲ VercelNext.js (Turbopack)4/8
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter6/8
Nitro💻 Local8/8
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
  • 🌐 Starter: Community world (local development)
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

Comment threadpackages/web-shared/src/sidebar/events-list.tsx Outdated
Co-authored-by: vercel[bot] <35613825+vercel[bot]@users.noreply.github.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@vercelvercelBot 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.

Additional Suggestions:

  1. ErrorBoundary components passing removed description prop causing TypeScript type errors
  1. ErrorBoundary component in packages/web/src/app/run/[runId]/page.tsx passes invalid description prop that was removed from ErrorBoundaryProps interface
Fix on Vercel

Comment threadpackages/web/src/components/run-detail-view.tsx Outdated

@vercelvercelBot 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.

🔧 Build Fix:

The ErrorBoundary component is being passed a description prop on line 55, but this prop is not defined in the ErrorBoundaryProps type definition.

Fix on Vercel

Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@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.

Tested it and looks good to me

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

@VaguelySerious@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('^' + ".*" + ' [web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar by VaguelySerious · Pull Request #805 · vercel/workflow · GitHub
Skip to content

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar - #805

Merged
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish
Jan 19, 2026
Merged

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar#805
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish

Conversation

@VaguelySerious

@VaguelySeriousVaguelySerious commented Jan 18, 2026

Copy link
Copy Markdown
Member

This PR:

  • Improves error styling across the app
  • Polishes the AI step conversation display in the sidebar
    • Not longer scrolls separately (too many scrollbars)
    • Updated color of tabs to look consistent when web-shared is embedded in other UIs

Before:
Screenshot 2026-01-18 at 11 50 32 AM

After:
Screenshot 2026-01-18 at 12 35 12 PM

…iewer sidebar
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
@vercel

vercelBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

changeset-botBot commented Jan 18, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: a4236cb

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

This PR includes changesets to release 1 package
NameType
@workflow/web-sharedPatch

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

@github-actions

github-actionsBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production424038462
✅ 💻 Local Development388032420
✅ 📦 Local Production388032420
✅ 🐘 Local Postgres388032420
✅ 🪟 Windows420042
❌ 🌍 Community Worlds160200180
Total1790201341944

❌ Failed Tests

🌍 Community Worlds (20 failed)

mongodb (1 failed):

  • webhookWorkflow

starter (18 failed):

  • addTenWorkflow
  • addTenWorkflow
  • error handling error propagation workflow errors nested function calls preserve message and stack trace
  • error handling error propagation workflow errors cross-file imports preserve message and stack trace
  • error handling error propagation step errors basic step error preserves message and stack trace
  • error handling error propagation step errors cross-file step error preserves message and function names in stack
  • error handling retry behavior regular Error retries until success
  • error handling retry behavior FatalError fails immediately without retries
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • pathsAliasWorkflow - TypeScript path aliases resolve correctly
  • Calculator.calculate - static workflow method using static step methods from another class
  • AllInOneService.processNumber - static workflow method using sibling static step methods
  • ChainableService.processWithThis - static step methods using this to reference the class
  • thisSerializationWorkflow - step function invoked with .call() and .apply()

turso (1 failed):

  • webhookWorkflow

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro3804
✅ example3804
✅ express3804
✅ fastify3804
✅ hono3804
✅ nextjs-turbopack4101
✅ nextjs-webpack4101
✅ nitro3804
✅ nuxt3804
✅ sveltekit3804
✅ vite3804
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4200
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4110
✅ redis-dev300
✅ redis4200
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 18, 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
🌐 Starter🥇 Next.js (Turbopack)0.042s (+14.8% 🔺)1.015s (~)0.973s101.00x
💻 LocalNext.js (Turbopack)0.042s (+2.4%)1.018s (~)0.976s101.01x
🌐 RedisNext.js (Turbopack)0.043s (+0.7%)1.018s (~)0.974s101.03x
💻 LocalNitro0.044s (-0.9%)1.006s (~)0.962s101.05x
💻 LocalExpress0.046s (+1.1%)1.007s (-0.6%)0.961s101.10x
🌐 MongoDBNext.js (Turbopack)0.087s (-17.9% 🟢)1.015s (~)0.927s102.09x
🌐 TursoNext.js (Turbopack)0.109s (+12.7% 🔺)1.014s (~)0.906s102.60x
🐘 PostgresNitro0.286s (-11.9% 🟢)1.012s (~)0.726s106.83x
🐘 PostgresExpress0.355s (+9.7% 🔺)1.017s (~)0.662s108.48x
🐘 PostgresNext.js (Turbopack)0.377s (+57.2% 🔺)1.019s (-4.1%)0.642s109.00x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express0.605s (-9.2% 🟢)1.521s (-11.0% 🟢)0.916s101.00x
▲ VercelNext.js (Turbopack)0.629s (-20.3% 🟢)1.622s (-8.6% 🟢)0.993s101.04x
▲ VercelNitro0.649s (+13.0% 🔺)1.475s (-4.5%)0.826s101.07x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.084s (~)2.011s (~)0.927s101.00x
💻 LocalNext.js (Turbopack)1.093s (-0.9%)2.012s (~)0.920s101.01x
🌐 RedisNext.js (Turbopack)1.095s (-0.6%)2.013s (~)0.918s101.01x
💻 LocalExpress1.115s (~)2.006s (~)0.892s101.03x
💻 LocalNitro1.117s (~)2.005s (~)0.889s101.03x
🌐 TursoNext.js (Turbopack)1.297s (~)2.013s (~)0.716s101.20x
🌐 MongoDBNext.js (Turbopack)1.303s (~)2.014s (~)0.711s101.20x
🐘 PostgresNitro2.164s (-0.7%)3.013s (~)0.849s102.00x
🐘 PostgresExpress2.169s (~)3.014s (~)0.845s102.00x
🐘 PostgresNext.js (Turbopack)2.188s (-4.4%)3.019s (~)0.830s102.02x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.773s (+1.2%)3.791s (+5.2% 🔺)1.018s101.00x
▲ VercelNitro2.837s (+1.6%)3.610s (-1.2%)0.773s101.02x
▲ VercelExpress2.857s (+2.7%)3.605s (+0.6%)0.748s101.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.621s (~)11.010s (~)0.389s51.00x
💻 LocalNext.js (Turbopack)10.668s (~)11.018s (~)0.350s51.00x
🌐 RedisNext.js (Turbopack)10.698s (~)11.023s (~)0.325s51.01x
💻 LocalExpress10.797s (~)11.013s (~)0.216s51.02x
💻 LocalNitro10.807s (~)11.013s (~)0.206s51.02x
🌐 TursoNext.js (Turbopack)12.178s (~)13.022s (~)0.845s51.15x
🌐 MongoDBNext.js (Turbopack)12.244s (~)13.025s (~)0.780s51.15x
🐘 PostgresNext.js (Turbopack)20.373s (+14.5% 🔺)21.045s (+14.2% 🔺)0.673s51.92x
🐘 PostgresExpress20.422s (~)21.029s (~)0.607s51.92x
🐘 PostgresNitro20.462s (+0.8%)21.033s (+0.9%)0.570s51.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.732s (~)23.555s (+0.8%)0.823s51.00x
▲ VercelNitro23.041s (+2.7%)23.953s (+2.3%)0.912s51.01x
▲ VercelExpress24.333s (+7.9% 🔺)25.009s (+7.1% 🔺)0.676s51.07x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.360s (+1.5%)2.008s (~)0.648s151.00x
🌐 RedisNext.js (Turbopack)1.375s (~)2.010s (~)0.635s151.01x
💻 LocalNext.js (Turbopack)1.391s (~)2.012s (~)0.621s151.02x
💻 LocalNitro1.419s (~)2.006s (~)0.587s151.04x
💻 LocalExpress1.425s (+0.5%)2.007s (~)0.582s151.05x
🐘 PostgresNext.js (Turbopack)1.971s (+15.9% 🔺)2.325s (+15.5% 🔺)0.354s131.45x
🌐 MongoDBNext.js (Turbopack)2.135s (~)3.016s (~)0.881s101.57x
🌐 TursoNext.js (Turbopack)2.227s (+1.3%)3.013s (~)0.786s101.64x
🐘 PostgresExpress2.448s (+1.9%)3.012s (~)0.564s101.80x
🐘 PostgresNitro2.472s (+4.1%)3.011s (~)0.539s101.82x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.714s (-1.9%)3.614s (~)0.900s91.00x
▲ VercelExpress2.906s (+1.9%)3.698s (-2.0%)0.791s91.07x
▲ VercelNext.js (Turbopack)3.021s (+1.1%)3.916s (+2.7%)0.895s81.11x

🔍 Observability: Nitro | Express | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.098s (+1.4%)2.965s (+3.5%)0.866s111.00x
💻 LocalExpress2.201s (~)3.152s (+0.5%)0.951s101.05x
💻 LocalNitro2.273s (+3.2%)3.223s (+1.9%)0.950s101.08x
🌐 StarterNext.js (Turbopack)2.479s (+0.9%)3.009s (~)0.529s101.18x
🌐 RedisNext.js (Turbopack)2.515s (+0.7%)3.013s (~)0.498s101.20x
🐘 PostgresNext.js (Turbopack)2.625s (-18.8% 🟢)3.025s (-17.2% 🟢)0.400s101.25x
🐘 PostgresNitro2.664s (-2.0%)3.011s (~)0.346s101.27x
🐘 PostgresExpress2.840s (-4.8%)3.017s (-13.1% 🟢)0.178s101.35x
🌐 MongoDBNext.js (Turbopack)4.699s (~)5.182s (~)0.483s62.24x
🌐 TursoNext.js (Turbopack)4.718s (+2.6%)5.186s (~)0.468s62.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.351s (-64.0% 🟢)3.881s (-61.0% 🟢)0.530s81.00x
▲ VercelNitro3.569s (-8.7% 🟢)4.219s (-8.6% 🟢)0.650s81.07x
▲ VercelNext.js (Turbopack)3.748s (+16.0% 🔺)4.530s (+16.5% 🔺)0.782s71.12x

🔍 Observability: Express | Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.354s (-0.6%)2.008s (~)0.654s151.00x
🌐 RedisNext.js (Turbopack)1.384s (~)2.010s (~)0.626s151.02x
💻 LocalNext.js (Turbopack)1.404s (-0.7%)2.012s (~)0.608s151.04x
💻 LocalExpress1.411s (~)2.006s (~)0.595s151.04x
💻 LocalNitro1.430s (~)2.005s (~)0.575s151.06x
🐘 PostgresNext.js (Turbopack)1.692s (+10.4% 🔺)2.012s (~)0.320s151.25x
🐘 PostgresNitro1.833s (-2.2%)2.010s (~)0.177s151.35x
🐘 PostgresExpress1.988s (+1.2%)2.232s (+3.5%)0.244s141.47x
🌐 MongoDBNext.js (Turbopack)2.165s (+0.7%)3.013s (~)0.848s101.60x
🌐 TursoNext.js (Turbopack)2.223s (~)3.015s (~)0.791s101.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.798s (-3.0%)3.821s (+3.1%)1.022s81.00x
▲ VercelNitro2.846s (~)3.580s (-0.9%)0.734s91.02x
▲ VercelExpress2.870s (-58.8% 🟢)3.696s (-53.0% 🟢)0.826s91.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.140s (-1.8%)3.015s (-2.8%)0.874s111.00x
💻 LocalExpress2.220s (~)3.180s (+1.5%)0.960s101.04x
💻 LocalNitro2.264s (-2.7%)3.219s (-1.7%)0.956s101.06x
🌐 StarterNext.js (Turbopack)2.449s (~)3.009s (~)0.559s101.14x
🌐 RedisNext.js (Turbopack)2.499s (-7.9% 🟢)3.012s (-7.0% 🟢)0.512s101.17x
🐘 PostgresNext.js (Turbopack)2.579s (+3.2%)3.024s (~)0.445s101.20x
🐘 PostgresNitro2.607s (-4.8%)3.031s (+0.7%)0.424s101.22x
🐘 PostgresExpress2.874s (+1.4%)3.013s (~)0.139s101.34x
🌐 TursoNext.js (Turbopack)4.753s (+2.3%)5.180s (~)0.427s62.22x
🌐 MongoDBNext.js (Turbopack)4.771s (~)5.345s (+3.1%)0.574s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express4.135s (+29.2% 🔺)4.703s (+24.8% 🔺)0.568s71.00x
▲ VercelNext.js (Turbopack)4.633s (+38.5% 🔺)5.250s (+34.0% 🔺)0.617s61.12x
▲ VercelNitro4.802s (+50.1% 🔺)5.406s (+43.8% 🔺)0.604s61.16x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)0.127s (-1.6%)1.005s (~)0.000s (NaN%)1.010s (~)0.884s101.00x
💻 LocalNext.js (Turbopack)0.137s (-3.9%)1.003s (~)0.017s (+1.8%)1.027s (~)0.890s101.08x
🌐 RedisNext.js (Turbopack)0.151s (+3.7%)1.005s (~)0.000s (~)1.015s (~)0.864s101.19x
💻 LocalExpress0.178s (+1.1%)0.993s (~)0.016s (+2.6%)1.023s (~)0.845s101.40x
💻 LocalNitro0.182s (+3.4%)0.992s (~)0.015s (+7.3% 🔺)1.021s (~)0.840s101.44x
🌐 TursoNext.js (Turbopack)0.455s (-15.3% 🟢)0.995s (+9.5% 🔺)0.000s (~)1.013s (~)0.558s103.59x
🌐 MongoDBNext.js (Turbopack)0.524s (+4.6%)0.925s (-3.1%)0.000s (NaN%)1.012s (~)0.489s104.14x
🐘 PostgresNext.js (Turbopack)1.579s (+70.3% 🔺)2.116s (+67.8% 🔺)0.000s (NaN%)2.317s (+63.8% 🔺)0.738s1012.47x
🐘 PostgresExpress2.357s (+1.9%)2.682s (-1.7%)0.000s (+Infinity% 🔺)3.013s (~)0.655s1018.62x
🐘 PostgresNitro2.423s (+5.6% 🔺)2.621s (-4.5%)0.000s (NaN%)3.014s (~)0.590s1019.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.765s (-4.6%)3.168s (-5.4% 🟢)0.529s (+8.6% 🔺)4.140s (-3.3%)1.375s101.00x
▲ VercelNitro2.773s (-6.0% 🟢)3.183s (-2.2%)0.600s (~)4.236s (-4.5%)1.463s101.00x
▲ VercelExpress2.981s (-2.2%)3.257s (-4.9%)0.741s (+17.5% 🔺)4.523s (-1.1%)1.541s101.08x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)8/8
🐘 PostgresNext.js (Turbopack)6/8
▲ VercelNext.js (Turbopack)4/8
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter6/8
Nitro💻 Local8/8
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
  • 🌐 Starter: Community world (local development)
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

Comment threadpackages/web-shared/src/sidebar/events-list.tsx Outdated
Co-authored-by: vercel[bot] <35613825+vercel[bot]@users.noreply.github.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@vercelvercelBot 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.

Additional Suggestions:

  1. ErrorBoundary components passing removed description prop causing TypeScript type errors
  1. ErrorBoundary component in packages/web/src/app/run/[runId]/page.tsx passes invalid description prop that was removed from ErrorBoundaryProps interface
Fix on Vercel

Comment threadpackages/web/src/components/run-detail-view.tsx Outdated

@vercelvercelBot 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.

🔧 Build Fix:

The ErrorBoundary component is being passed a description prop on line 55, but this prop is not defined in the ErrorBoundaryProps type definition.

Fix on Vercel

Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@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.

Tested it and looks good to me

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

@VaguelySerious@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" + ' [web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar by VaguelySerious · Pull Request #805 · vercel/workflow · GitHub
Skip to content

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar - #805

Merged
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish
Jan 19, 2026
Merged

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar#805
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish

Conversation

@VaguelySerious

@VaguelySeriousVaguelySerious commented Jan 18, 2026

Copy link
Copy Markdown
Member

This PR:

  • Improves error styling across the app
  • Polishes the AI step conversation display in the sidebar
    • Not longer scrolls separately (too many scrollbars)
    • Updated color of tabs to look consistent when web-shared is embedded in other UIs

Before:
Screenshot 2026-01-18 at 11 50 32 AM

After:
Screenshot 2026-01-18 at 12 35 12 PM

…iewer sidebar
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
@vercel

vercelBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

changeset-botBot commented Jan 18, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: a4236cb

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

This PR includes changesets to release 1 package
NameType
@workflow/web-sharedPatch

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

@github-actions

github-actionsBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production424038462
✅ 💻 Local Development388032420
✅ 📦 Local Production388032420
✅ 🐘 Local Postgres388032420
✅ 🪟 Windows420042
❌ 🌍 Community Worlds160200180
Total1790201341944

❌ Failed Tests

🌍 Community Worlds (20 failed)

mongodb (1 failed):

  • webhookWorkflow

starter (18 failed):

  • addTenWorkflow
  • addTenWorkflow
  • error handling error propagation workflow errors nested function calls preserve message and stack trace
  • error handling error propagation workflow errors cross-file imports preserve message and stack trace
  • error handling error propagation step errors basic step error preserves message and stack trace
  • error handling error propagation step errors cross-file step error preserves message and function names in stack
  • error handling retry behavior regular Error retries until success
  • error handling retry behavior FatalError fails immediately without retries
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • pathsAliasWorkflow - TypeScript path aliases resolve correctly
  • Calculator.calculate - static workflow method using static step methods from another class
  • AllInOneService.processNumber - static workflow method using sibling static step methods
  • ChainableService.processWithThis - static step methods using this to reference the class
  • thisSerializationWorkflow - step function invoked with .call() and .apply()

turso (1 failed):

  • webhookWorkflow

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro3804
✅ example3804
✅ express3804
✅ fastify3804
✅ hono3804
✅ nextjs-turbopack4101
✅ nextjs-webpack4101
✅ nitro3804
✅ nuxt3804
✅ sveltekit3804
✅ vite3804
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4200
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4110
✅ redis-dev300
✅ redis4200
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 18, 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
🌐 Starter🥇 Next.js (Turbopack)0.042s (+14.8% 🔺)1.015s (~)0.973s101.00x
💻 LocalNext.js (Turbopack)0.042s (+2.4%)1.018s (~)0.976s101.01x
🌐 RedisNext.js (Turbopack)0.043s (+0.7%)1.018s (~)0.974s101.03x
💻 LocalNitro0.044s (-0.9%)1.006s (~)0.962s101.05x
💻 LocalExpress0.046s (+1.1%)1.007s (-0.6%)0.961s101.10x
🌐 MongoDBNext.js (Turbopack)0.087s (-17.9% 🟢)1.015s (~)0.927s102.09x
🌐 TursoNext.js (Turbopack)0.109s (+12.7% 🔺)1.014s (~)0.906s102.60x
🐘 PostgresNitro0.286s (-11.9% 🟢)1.012s (~)0.726s106.83x
🐘 PostgresExpress0.355s (+9.7% 🔺)1.017s (~)0.662s108.48x
🐘 PostgresNext.js (Turbopack)0.377s (+57.2% 🔺)1.019s (-4.1%)0.642s109.00x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express0.605s (-9.2% 🟢)1.521s (-11.0% 🟢)0.916s101.00x
▲ VercelNext.js (Turbopack)0.629s (-20.3% 🟢)1.622s (-8.6% 🟢)0.993s101.04x
▲ VercelNitro0.649s (+13.0% 🔺)1.475s (-4.5%)0.826s101.07x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.084s (~)2.011s (~)0.927s101.00x
💻 LocalNext.js (Turbopack)1.093s (-0.9%)2.012s (~)0.920s101.01x
🌐 RedisNext.js (Turbopack)1.095s (-0.6%)2.013s (~)0.918s101.01x
💻 LocalExpress1.115s (~)2.006s (~)0.892s101.03x
💻 LocalNitro1.117s (~)2.005s (~)0.889s101.03x
🌐 TursoNext.js (Turbopack)1.297s (~)2.013s (~)0.716s101.20x
🌐 MongoDBNext.js (Turbopack)1.303s (~)2.014s (~)0.711s101.20x
🐘 PostgresNitro2.164s (-0.7%)3.013s (~)0.849s102.00x
🐘 PostgresExpress2.169s (~)3.014s (~)0.845s102.00x
🐘 PostgresNext.js (Turbopack)2.188s (-4.4%)3.019s (~)0.830s102.02x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.773s (+1.2%)3.791s (+5.2% 🔺)1.018s101.00x
▲ VercelNitro2.837s (+1.6%)3.610s (-1.2%)0.773s101.02x
▲ VercelExpress2.857s (+2.7%)3.605s (+0.6%)0.748s101.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.621s (~)11.010s (~)0.389s51.00x
💻 LocalNext.js (Turbopack)10.668s (~)11.018s (~)0.350s51.00x
🌐 RedisNext.js (Turbopack)10.698s (~)11.023s (~)0.325s51.01x
💻 LocalExpress10.797s (~)11.013s (~)0.216s51.02x
💻 LocalNitro10.807s (~)11.013s (~)0.206s51.02x
🌐 TursoNext.js (Turbopack)12.178s (~)13.022s (~)0.845s51.15x
🌐 MongoDBNext.js (Turbopack)12.244s (~)13.025s (~)0.780s51.15x
🐘 PostgresNext.js (Turbopack)20.373s (+14.5% 🔺)21.045s (+14.2% 🔺)0.673s51.92x
🐘 PostgresExpress20.422s (~)21.029s (~)0.607s51.92x
🐘 PostgresNitro20.462s (+0.8%)21.033s (+0.9%)0.570s51.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.732s (~)23.555s (+0.8%)0.823s51.00x
▲ VercelNitro23.041s (+2.7%)23.953s (+2.3%)0.912s51.01x
▲ VercelExpress24.333s (+7.9% 🔺)25.009s (+7.1% 🔺)0.676s51.07x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.360s (+1.5%)2.008s (~)0.648s151.00x
🌐 RedisNext.js (Turbopack)1.375s (~)2.010s (~)0.635s151.01x
💻 LocalNext.js (Turbopack)1.391s (~)2.012s (~)0.621s151.02x
💻 LocalNitro1.419s (~)2.006s (~)0.587s151.04x
💻 LocalExpress1.425s (+0.5%)2.007s (~)0.582s151.05x
🐘 PostgresNext.js (Turbopack)1.971s (+15.9% 🔺)2.325s (+15.5% 🔺)0.354s131.45x
🌐 MongoDBNext.js (Turbopack)2.135s (~)3.016s (~)0.881s101.57x
🌐 TursoNext.js (Turbopack)2.227s (+1.3%)3.013s (~)0.786s101.64x
🐘 PostgresExpress2.448s (+1.9%)3.012s (~)0.564s101.80x
🐘 PostgresNitro2.472s (+4.1%)3.011s (~)0.539s101.82x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.714s (-1.9%)3.614s (~)0.900s91.00x
▲ VercelExpress2.906s (+1.9%)3.698s (-2.0%)0.791s91.07x
▲ VercelNext.js (Turbopack)3.021s (+1.1%)3.916s (+2.7%)0.895s81.11x

🔍 Observability: Nitro | Express | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.098s (+1.4%)2.965s (+3.5%)0.866s111.00x
💻 LocalExpress2.201s (~)3.152s (+0.5%)0.951s101.05x
💻 LocalNitro2.273s (+3.2%)3.223s (+1.9%)0.950s101.08x
🌐 StarterNext.js (Turbopack)2.479s (+0.9%)3.009s (~)0.529s101.18x
🌐 RedisNext.js (Turbopack)2.515s (+0.7%)3.013s (~)0.498s101.20x
🐘 PostgresNext.js (Turbopack)2.625s (-18.8% 🟢)3.025s (-17.2% 🟢)0.400s101.25x
🐘 PostgresNitro2.664s (-2.0%)3.011s (~)0.346s101.27x
🐘 PostgresExpress2.840s (-4.8%)3.017s (-13.1% 🟢)0.178s101.35x
🌐 MongoDBNext.js (Turbopack)4.699s (~)5.182s (~)0.483s62.24x
🌐 TursoNext.js (Turbopack)4.718s (+2.6%)5.186s (~)0.468s62.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.351s (-64.0% 🟢)3.881s (-61.0% 🟢)0.530s81.00x
▲ VercelNitro3.569s (-8.7% 🟢)4.219s (-8.6% 🟢)0.650s81.07x
▲ VercelNext.js (Turbopack)3.748s (+16.0% 🔺)4.530s (+16.5% 🔺)0.782s71.12x

🔍 Observability: Express | Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.354s (-0.6%)2.008s (~)0.654s151.00x
🌐 RedisNext.js (Turbopack)1.384s (~)2.010s (~)0.626s151.02x
💻 LocalNext.js (Turbopack)1.404s (-0.7%)2.012s (~)0.608s151.04x
💻 LocalExpress1.411s (~)2.006s (~)0.595s151.04x
💻 LocalNitro1.430s (~)2.005s (~)0.575s151.06x
🐘 PostgresNext.js (Turbopack)1.692s (+10.4% 🔺)2.012s (~)0.320s151.25x
🐘 PostgresNitro1.833s (-2.2%)2.010s (~)0.177s151.35x
🐘 PostgresExpress1.988s (+1.2%)2.232s (+3.5%)0.244s141.47x
🌐 MongoDBNext.js (Turbopack)2.165s (+0.7%)3.013s (~)0.848s101.60x
🌐 TursoNext.js (Turbopack)2.223s (~)3.015s (~)0.791s101.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.798s (-3.0%)3.821s (+3.1%)1.022s81.00x
▲ VercelNitro2.846s (~)3.580s (-0.9%)0.734s91.02x
▲ VercelExpress2.870s (-58.8% 🟢)3.696s (-53.0% 🟢)0.826s91.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.140s (-1.8%)3.015s (-2.8%)0.874s111.00x
💻 LocalExpress2.220s (~)3.180s (+1.5%)0.960s101.04x
💻 LocalNitro2.264s (-2.7%)3.219s (-1.7%)0.956s101.06x
🌐 StarterNext.js (Turbopack)2.449s (~)3.009s (~)0.559s101.14x
🌐 RedisNext.js (Turbopack)2.499s (-7.9% 🟢)3.012s (-7.0% 🟢)0.512s101.17x
🐘 PostgresNext.js (Turbopack)2.579s (+3.2%)3.024s (~)0.445s101.20x
🐘 PostgresNitro2.607s (-4.8%)3.031s (+0.7%)0.424s101.22x
🐘 PostgresExpress2.874s (+1.4%)3.013s (~)0.139s101.34x
🌐 TursoNext.js (Turbopack)4.753s (+2.3%)5.180s (~)0.427s62.22x
🌐 MongoDBNext.js (Turbopack)4.771s (~)5.345s (+3.1%)0.574s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express4.135s (+29.2% 🔺)4.703s (+24.8% 🔺)0.568s71.00x
▲ VercelNext.js (Turbopack)4.633s (+38.5% 🔺)5.250s (+34.0% 🔺)0.617s61.12x
▲ VercelNitro4.802s (+50.1% 🔺)5.406s (+43.8% 🔺)0.604s61.16x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)0.127s (-1.6%)1.005s (~)0.000s (NaN%)1.010s (~)0.884s101.00x
💻 LocalNext.js (Turbopack)0.137s (-3.9%)1.003s (~)0.017s (+1.8%)1.027s (~)0.890s101.08x
🌐 RedisNext.js (Turbopack)0.151s (+3.7%)1.005s (~)0.000s (~)1.015s (~)0.864s101.19x
💻 LocalExpress0.178s (+1.1%)0.993s (~)0.016s (+2.6%)1.023s (~)0.845s101.40x
💻 LocalNitro0.182s (+3.4%)0.992s (~)0.015s (+7.3% 🔺)1.021s (~)0.840s101.44x
🌐 TursoNext.js (Turbopack)0.455s (-15.3% 🟢)0.995s (+9.5% 🔺)0.000s (~)1.013s (~)0.558s103.59x
🌐 MongoDBNext.js (Turbopack)0.524s (+4.6%)0.925s (-3.1%)0.000s (NaN%)1.012s (~)0.489s104.14x
🐘 PostgresNext.js (Turbopack)1.579s (+70.3% 🔺)2.116s (+67.8% 🔺)0.000s (NaN%)2.317s (+63.8% 🔺)0.738s1012.47x
🐘 PostgresExpress2.357s (+1.9%)2.682s (-1.7%)0.000s (+Infinity% 🔺)3.013s (~)0.655s1018.62x
🐘 PostgresNitro2.423s (+5.6% 🔺)2.621s (-4.5%)0.000s (NaN%)3.014s (~)0.590s1019.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.765s (-4.6%)3.168s (-5.4% 🟢)0.529s (+8.6% 🔺)4.140s (-3.3%)1.375s101.00x
▲ VercelNitro2.773s (-6.0% 🟢)3.183s (-2.2%)0.600s (~)4.236s (-4.5%)1.463s101.00x
▲ VercelExpress2.981s (-2.2%)3.257s (-4.9%)0.741s (+17.5% 🔺)4.523s (-1.1%)1.541s101.08x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)8/8
🐘 PostgresNext.js (Turbopack)6/8
▲ VercelNext.js (Turbopack)4/8
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter6/8
Nitro💻 Local8/8
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
  • 🌐 Starter: Community world (local development)
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

Comment threadpackages/web-shared/src/sidebar/events-list.tsx Outdated
Co-authored-by: vercel[bot] <35613825+vercel[bot]@users.noreply.github.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@vercelvercelBot 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.

Additional Suggestions:

  1. ErrorBoundary components passing removed description prop causing TypeScript type errors
  1. ErrorBoundary component in packages/web/src/app/run/[runId]/page.tsx passes invalid description prop that was removed from ErrorBoundaryProps interface
Fix on Vercel

Comment threadpackages/web/src/components/run-detail-view.tsx Outdated

@vercelvercelBot 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.

🔧 Build Fix:

The ErrorBoundary component is being passed a description prop on line 55, but this prop is not defined in the ErrorBoundaryProps type definition.

Fix on Vercel

Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@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.

Tested it and looks good to me

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

@VaguelySerious@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('^' + ".*" + ' [web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar by VaguelySerious · Pull Request #805 · vercel/workflow · GitHub
Skip to content

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar - #805

Merged
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish
Jan 19, 2026
Merged

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar#805
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish

Conversation

@VaguelySerious

@VaguelySeriousVaguelySerious commented Jan 18, 2026

Copy link
Copy Markdown
Member

This PR:

  • Improves error styling across the app
  • Polishes the AI step conversation display in the sidebar
    • Not longer scrolls separately (too many scrollbars)
    • Updated color of tabs to look consistent when web-shared is embedded in other UIs

Before:
Screenshot 2026-01-18 at 11 50 32 AM

After:
Screenshot 2026-01-18 at 12 35 12 PM

…iewer sidebar
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
@vercel

vercelBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

changeset-botBot commented Jan 18, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: a4236cb

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

This PR includes changesets to release 1 package
NameType
@workflow/web-sharedPatch

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

@github-actions

github-actionsBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production424038462
✅ 💻 Local Development388032420
✅ 📦 Local Production388032420
✅ 🐘 Local Postgres388032420
✅ 🪟 Windows420042
❌ 🌍 Community Worlds160200180
Total1790201341944

❌ Failed Tests

🌍 Community Worlds (20 failed)

mongodb (1 failed):

  • webhookWorkflow

starter (18 failed):

  • addTenWorkflow
  • addTenWorkflow
  • error handling error propagation workflow errors nested function calls preserve message and stack trace
  • error handling error propagation workflow errors cross-file imports preserve message and stack trace
  • error handling error propagation step errors basic step error preserves message and stack trace
  • error handling error propagation step errors cross-file step error preserves message and function names in stack
  • error handling retry behavior regular Error retries until success
  • error handling retry behavior FatalError fails immediately without retries
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • pathsAliasWorkflow - TypeScript path aliases resolve correctly
  • Calculator.calculate - static workflow method using static step methods from another class
  • AllInOneService.processNumber - static workflow method using sibling static step methods
  • ChainableService.processWithThis - static step methods using this to reference the class
  • thisSerializationWorkflow - step function invoked with .call() and .apply()

turso (1 failed):

  • webhookWorkflow

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro3804
✅ example3804
✅ express3804
✅ fastify3804
✅ hono3804
✅ nextjs-turbopack4101
✅ nextjs-webpack4101
✅ nitro3804
✅ nuxt3804
✅ sveltekit3804
✅ vite3804
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4200
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4110
✅ redis-dev300
✅ redis4200
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 18, 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
🌐 Starter🥇 Next.js (Turbopack)0.042s (+14.8% 🔺)1.015s (~)0.973s101.00x
💻 LocalNext.js (Turbopack)0.042s (+2.4%)1.018s (~)0.976s101.01x
🌐 RedisNext.js (Turbopack)0.043s (+0.7%)1.018s (~)0.974s101.03x
💻 LocalNitro0.044s (-0.9%)1.006s (~)0.962s101.05x
💻 LocalExpress0.046s (+1.1%)1.007s (-0.6%)0.961s101.10x
🌐 MongoDBNext.js (Turbopack)0.087s (-17.9% 🟢)1.015s (~)0.927s102.09x
🌐 TursoNext.js (Turbopack)0.109s (+12.7% 🔺)1.014s (~)0.906s102.60x
🐘 PostgresNitro0.286s (-11.9% 🟢)1.012s (~)0.726s106.83x
🐘 PostgresExpress0.355s (+9.7% 🔺)1.017s (~)0.662s108.48x
🐘 PostgresNext.js (Turbopack)0.377s (+57.2% 🔺)1.019s (-4.1%)0.642s109.00x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express0.605s (-9.2% 🟢)1.521s (-11.0% 🟢)0.916s101.00x
▲ VercelNext.js (Turbopack)0.629s (-20.3% 🟢)1.622s (-8.6% 🟢)0.993s101.04x
▲ VercelNitro0.649s (+13.0% 🔺)1.475s (-4.5%)0.826s101.07x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.084s (~)2.011s (~)0.927s101.00x
💻 LocalNext.js (Turbopack)1.093s (-0.9%)2.012s (~)0.920s101.01x
🌐 RedisNext.js (Turbopack)1.095s (-0.6%)2.013s (~)0.918s101.01x
💻 LocalExpress1.115s (~)2.006s (~)0.892s101.03x
💻 LocalNitro1.117s (~)2.005s (~)0.889s101.03x
🌐 TursoNext.js (Turbopack)1.297s (~)2.013s (~)0.716s101.20x
🌐 MongoDBNext.js (Turbopack)1.303s (~)2.014s (~)0.711s101.20x
🐘 PostgresNitro2.164s (-0.7%)3.013s (~)0.849s102.00x
🐘 PostgresExpress2.169s (~)3.014s (~)0.845s102.00x
🐘 PostgresNext.js (Turbopack)2.188s (-4.4%)3.019s (~)0.830s102.02x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.773s (+1.2%)3.791s (+5.2% 🔺)1.018s101.00x
▲ VercelNitro2.837s (+1.6%)3.610s (-1.2%)0.773s101.02x
▲ VercelExpress2.857s (+2.7%)3.605s (+0.6%)0.748s101.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.621s (~)11.010s (~)0.389s51.00x
💻 LocalNext.js (Turbopack)10.668s (~)11.018s (~)0.350s51.00x
🌐 RedisNext.js (Turbopack)10.698s (~)11.023s (~)0.325s51.01x
💻 LocalExpress10.797s (~)11.013s (~)0.216s51.02x
💻 LocalNitro10.807s (~)11.013s (~)0.206s51.02x
🌐 TursoNext.js (Turbopack)12.178s (~)13.022s (~)0.845s51.15x
🌐 MongoDBNext.js (Turbopack)12.244s (~)13.025s (~)0.780s51.15x
🐘 PostgresNext.js (Turbopack)20.373s (+14.5% 🔺)21.045s (+14.2% 🔺)0.673s51.92x
🐘 PostgresExpress20.422s (~)21.029s (~)0.607s51.92x
🐘 PostgresNitro20.462s (+0.8%)21.033s (+0.9%)0.570s51.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.732s (~)23.555s (+0.8%)0.823s51.00x
▲ VercelNitro23.041s (+2.7%)23.953s (+2.3%)0.912s51.01x
▲ VercelExpress24.333s (+7.9% 🔺)25.009s (+7.1% 🔺)0.676s51.07x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.360s (+1.5%)2.008s (~)0.648s151.00x
🌐 RedisNext.js (Turbopack)1.375s (~)2.010s (~)0.635s151.01x
💻 LocalNext.js (Turbopack)1.391s (~)2.012s (~)0.621s151.02x
💻 LocalNitro1.419s (~)2.006s (~)0.587s151.04x
💻 LocalExpress1.425s (+0.5%)2.007s (~)0.582s151.05x
🐘 PostgresNext.js (Turbopack)1.971s (+15.9% 🔺)2.325s (+15.5% 🔺)0.354s131.45x
🌐 MongoDBNext.js (Turbopack)2.135s (~)3.016s (~)0.881s101.57x
🌐 TursoNext.js (Turbopack)2.227s (+1.3%)3.013s (~)0.786s101.64x
🐘 PostgresExpress2.448s (+1.9%)3.012s (~)0.564s101.80x
🐘 PostgresNitro2.472s (+4.1%)3.011s (~)0.539s101.82x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.714s (-1.9%)3.614s (~)0.900s91.00x
▲ VercelExpress2.906s (+1.9%)3.698s (-2.0%)0.791s91.07x
▲ VercelNext.js (Turbopack)3.021s (+1.1%)3.916s (+2.7%)0.895s81.11x

🔍 Observability: Nitro | Express | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.098s (+1.4%)2.965s (+3.5%)0.866s111.00x
💻 LocalExpress2.201s (~)3.152s (+0.5%)0.951s101.05x
💻 LocalNitro2.273s (+3.2%)3.223s (+1.9%)0.950s101.08x
🌐 StarterNext.js (Turbopack)2.479s (+0.9%)3.009s (~)0.529s101.18x
🌐 RedisNext.js (Turbopack)2.515s (+0.7%)3.013s (~)0.498s101.20x
🐘 PostgresNext.js (Turbopack)2.625s (-18.8% 🟢)3.025s (-17.2% 🟢)0.400s101.25x
🐘 PostgresNitro2.664s (-2.0%)3.011s (~)0.346s101.27x
🐘 PostgresExpress2.840s (-4.8%)3.017s (-13.1% 🟢)0.178s101.35x
🌐 MongoDBNext.js (Turbopack)4.699s (~)5.182s (~)0.483s62.24x
🌐 TursoNext.js (Turbopack)4.718s (+2.6%)5.186s (~)0.468s62.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.351s (-64.0% 🟢)3.881s (-61.0% 🟢)0.530s81.00x
▲ VercelNitro3.569s (-8.7% 🟢)4.219s (-8.6% 🟢)0.650s81.07x
▲ VercelNext.js (Turbopack)3.748s (+16.0% 🔺)4.530s (+16.5% 🔺)0.782s71.12x

🔍 Observability: Express | Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.354s (-0.6%)2.008s (~)0.654s151.00x
🌐 RedisNext.js (Turbopack)1.384s (~)2.010s (~)0.626s151.02x
💻 LocalNext.js (Turbopack)1.404s (-0.7%)2.012s (~)0.608s151.04x
💻 LocalExpress1.411s (~)2.006s (~)0.595s151.04x
💻 LocalNitro1.430s (~)2.005s (~)0.575s151.06x
🐘 PostgresNext.js (Turbopack)1.692s (+10.4% 🔺)2.012s (~)0.320s151.25x
🐘 PostgresNitro1.833s (-2.2%)2.010s (~)0.177s151.35x
🐘 PostgresExpress1.988s (+1.2%)2.232s (+3.5%)0.244s141.47x
🌐 MongoDBNext.js (Turbopack)2.165s (+0.7%)3.013s (~)0.848s101.60x
🌐 TursoNext.js (Turbopack)2.223s (~)3.015s (~)0.791s101.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.798s (-3.0%)3.821s (+3.1%)1.022s81.00x
▲ VercelNitro2.846s (~)3.580s (-0.9%)0.734s91.02x
▲ VercelExpress2.870s (-58.8% 🟢)3.696s (-53.0% 🟢)0.826s91.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.140s (-1.8%)3.015s (-2.8%)0.874s111.00x
💻 LocalExpress2.220s (~)3.180s (+1.5%)0.960s101.04x
💻 LocalNitro2.264s (-2.7%)3.219s (-1.7%)0.956s101.06x
🌐 StarterNext.js (Turbopack)2.449s (~)3.009s (~)0.559s101.14x
🌐 RedisNext.js (Turbopack)2.499s (-7.9% 🟢)3.012s (-7.0% 🟢)0.512s101.17x
🐘 PostgresNext.js (Turbopack)2.579s (+3.2%)3.024s (~)0.445s101.20x
🐘 PostgresNitro2.607s (-4.8%)3.031s (+0.7%)0.424s101.22x
🐘 PostgresExpress2.874s (+1.4%)3.013s (~)0.139s101.34x
🌐 TursoNext.js (Turbopack)4.753s (+2.3%)5.180s (~)0.427s62.22x
🌐 MongoDBNext.js (Turbopack)4.771s (~)5.345s (+3.1%)0.574s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express4.135s (+29.2% 🔺)4.703s (+24.8% 🔺)0.568s71.00x
▲ VercelNext.js (Turbopack)4.633s (+38.5% 🔺)5.250s (+34.0% 🔺)0.617s61.12x
▲ VercelNitro4.802s (+50.1% 🔺)5.406s (+43.8% 🔺)0.604s61.16x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)0.127s (-1.6%)1.005s (~)0.000s (NaN%)1.010s (~)0.884s101.00x
💻 LocalNext.js (Turbopack)0.137s (-3.9%)1.003s (~)0.017s (+1.8%)1.027s (~)0.890s101.08x
🌐 RedisNext.js (Turbopack)0.151s (+3.7%)1.005s (~)0.000s (~)1.015s (~)0.864s101.19x
💻 LocalExpress0.178s (+1.1%)0.993s (~)0.016s (+2.6%)1.023s (~)0.845s101.40x
💻 LocalNitro0.182s (+3.4%)0.992s (~)0.015s (+7.3% 🔺)1.021s (~)0.840s101.44x
🌐 TursoNext.js (Turbopack)0.455s (-15.3% 🟢)0.995s (+9.5% 🔺)0.000s (~)1.013s (~)0.558s103.59x
🌐 MongoDBNext.js (Turbopack)0.524s (+4.6%)0.925s (-3.1%)0.000s (NaN%)1.012s (~)0.489s104.14x
🐘 PostgresNext.js (Turbopack)1.579s (+70.3% 🔺)2.116s (+67.8% 🔺)0.000s (NaN%)2.317s (+63.8% 🔺)0.738s1012.47x
🐘 PostgresExpress2.357s (+1.9%)2.682s (-1.7%)0.000s (+Infinity% 🔺)3.013s (~)0.655s1018.62x
🐘 PostgresNitro2.423s (+5.6% 🔺)2.621s (-4.5%)0.000s (NaN%)3.014s (~)0.590s1019.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.765s (-4.6%)3.168s (-5.4% 🟢)0.529s (+8.6% 🔺)4.140s (-3.3%)1.375s101.00x
▲ VercelNitro2.773s (-6.0% 🟢)3.183s (-2.2%)0.600s (~)4.236s (-4.5%)1.463s101.00x
▲ VercelExpress2.981s (-2.2%)3.257s (-4.9%)0.741s (+17.5% 🔺)4.523s (-1.1%)1.541s101.08x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)8/8
🐘 PostgresNext.js (Turbopack)6/8
▲ VercelNext.js (Turbopack)4/8
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter6/8
Nitro💻 Local8/8
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
  • 🌐 Starter: Community world (local development)
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

Comment threadpackages/web-shared/src/sidebar/events-list.tsx Outdated
Co-authored-by: vercel[bot] <35613825+vercel[bot]@users.noreply.github.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@vercelvercelBot 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.

Additional Suggestions:

  1. ErrorBoundary components passing removed description prop causing TypeScript type errors
  1. ErrorBoundary component in packages/web/src/app/run/[runId]/page.tsx passes invalid description prop that was removed from ErrorBoundaryProps interface
Fix on Vercel

Comment threadpackages/web/src/components/run-detail-view.tsx Outdated

@vercelvercelBot 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.

🔧 Build Fix:

The ErrorBoundary component is being passed a description prop on line 55, but this prop is not defined in the ErrorBoundaryProps type definition.

Fix on Vercel

Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@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.

Tested it and looks good to me

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

@VaguelySerious@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('^' + ".*" + ' [web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar by VaguelySerious · Pull Request #805 · vercel/workflow · GitHub
Skip to content

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar - #805

Merged
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish
Jan 19, 2026
Merged

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar#805
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish

Conversation

@VaguelySerious

@VaguelySeriousVaguelySerious commented Jan 18, 2026

Copy link
Copy Markdown
Member

This PR:

  • Improves error styling across the app
  • Polishes the AI step conversation display in the sidebar
    • Not longer scrolls separately (too many scrollbars)
    • Updated color of tabs to look consistent when web-shared is embedded in other UIs

Before:
Screenshot 2026-01-18 at 11 50 32 AM

After:
Screenshot 2026-01-18 at 12 35 12 PM

…iewer sidebar
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
@vercel

vercelBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

changeset-botBot commented Jan 18, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: a4236cb

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

This PR includes changesets to release 1 package
NameType
@workflow/web-sharedPatch

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

@github-actions

github-actionsBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production424038462
✅ 💻 Local Development388032420
✅ 📦 Local Production388032420
✅ 🐘 Local Postgres388032420
✅ 🪟 Windows420042
❌ 🌍 Community Worlds160200180
Total1790201341944

❌ Failed Tests

🌍 Community Worlds (20 failed)

mongodb (1 failed):

  • webhookWorkflow

starter (18 failed):

  • addTenWorkflow
  • addTenWorkflow
  • error handling error propagation workflow errors nested function calls preserve message and stack trace
  • error handling error propagation workflow errors cross-file imports preserve message and stack trace
  • error handling error propagation step errors basic step error preserves message and stack trace
  • error handling error propagation step errors cross-file step error preserves message and function names in stack
  • error handling retry behavior regular Error retries until success
  • error handling retry behavior FatalError fails immediately without retries
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • pathsAliasWorkflow - TypeScript path aliases resolve correctly
  • Calculator.calculate - static workflow method using static step methods from another class
  • AllInOneService.processNumber - static workflow method using sibling static step methods
  • ChainableService.processWithThis - static step methods using this to reference the class
  • thisSerializationWorkflow - step function invoked with .call() and .apply()

turso (1 failed):

  • webhookWorkflow

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro3804
✅ example3804
✅ express3804
✅ fastify3804
✅ hono3804
✅ nextjs-turbopack4101
✅ nextjs-webpack4101
✅ nitro3804
✅ nuxt3804
✅ sveltekit3804
✅ vite3804
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4200
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4110
✅ redis-dev300
✅ redis4200
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 18, 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
🌐 Starter🥇 Next.js (Turbopack)0.042s (+14.8% 🔺)1.015s (~)0.973s101.00x
💻 LocalNext.js (Turbopack)0.042s (+2.4%)1.018s (~)0.976s101.01x
🌐 RedisNext.js (Turbopack)0.043s (+0.7%)1.018s (~)0.974s101.03x
💻 LocalNitro0.044s (-0.9%)1.006s (~)0.962s101.05x
💻 LocalExpress0.046s (+1.1%)1.007s (-0.6%)0.961s101.10x
🌐 MongoDBNext.js (Turbopack)0.087s (-17.9% 🟢)1.015s (~)0.927s102.09x
🌐 TursoNext.js (Turbopack)0.109s (+12.7% 🔺)1.014s (~)0.906s102.60x
🐘 PostgresNitro0.286s (-11.9% 🟢)1.012s (~)0.726s106.83x
🐘 PostgresExpress0.355s (+9.7% 🔺)1.017s (~)0.662s108.48x
🐘 PostgresNext.js (Turbopack)0.377s (+57.2% 🔺)1.019s (-4.1%)0.642s109.00x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express0.605s (-9.2% 🟢)1.521s (-11.0% 🟢)0.916s101.00x
▲ VercelNext.js (Turbopack)0.629s (-20.3% 🟢)1.622s (-8.6% 🟢)0.993s101.04x
▲ VercelNitro0.649s (+13.0% 🔺)1.475s (-4.5%)0.826s101.07x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.084s (~)2.011s (~)0.927s101.00x
💻 LocalNext.js (Turbopack)1.093s (-0.9%)2.012s (~)0.920s101.01x
🌐 RedisNext.js (Turbopack)1.095s (-0.6%)2.013s (~)0.918s101.01x
💻 LocalExpress1.115s (~)2.006s (~)0.892s101.03x
💻 LocalNitro1.117s (~)2.005s (~)0.889s101.03x
🌐 TursoNext.js (Turbopack)1.297s (~)2.013s (~)0.716s101.20x
🌐 MongoDBNext.js (Turbopack)1.303s (~)2.014s (~)0.711s101.20x
🐘 PostgresNitro2.164s (-0.7%)3.013s (~)0.849s102.00x
🐘 PostgresExpress2.169s (~)3.014s (~)0.845s102.00x
🐘 PostgresNext.js (Turbopack)2.188s (-4.4%)3.019s (~)0.830s102.02x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.773s (+1.2%)3.791s (+5.2% 🔺)1.018s101.00x
▲ VercelNitro2.837s (+1.6%)3.610s (-1.2%)0.773s101.02x
▲ VercelExpress2.857s (+2.7%)3.605s (+0.6%)0.748s101.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.621s (~)11.010s (~)0.389s51.00x
💻 LocalNext.js (Turbopack)10.668s (~)11.018s (~)0.350s51.00x
🌐 RedisNext.js (Turbopack)10.698s (~)11.023s (~)0.325s51.01x
💻 LocalExpress10.797s (~)11.013s (~)0.216s51.02x
💻 LocalNitro10.807s (~)11.013s (~)0.206s51.02x
🌐 TursoNext.js (Turbopack)12.178s (~)13.022s (~)0.845s51.15x
🌐 MongoDBNext.js (Turbopack)12.244s (~)13.025s (~)0.780s51.15x
🐘 PostgresNext.js (Turbopack)20.373s (+14.5% 🔺)21.045s (+14.2% 🔺)0.673s51.92x
🐘 PostgresExpress20.422s (~)21.029s (~)0.607s51.92x
🐘 PostgresNitro20.462s (+0.8%)21.033s (+0.9%)0.570s51.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.732s (~)23.555s (+0.8%)0.823s51.00x
▲ VercelNitro23.041s (+2.7%)23.953s (+2.3%)0.912s51.01x
▲ VercelExpress24.333s (+7.9% 🔺)25.009s (+7.1% 🔺)0.676s51.07x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.360s (+1.5%)2.008s (~)0.648s151.00x
🌐 RedisNext.js (Turbopack)1.375s (~)2.010s (~)0.635s151.01x
💻 LocalNext.js (Turbopack)1.391s (~)2.012s (~)0.621s151.02x
💻 LocalNitro1.419s (~)2.006s (~)0.587s151.04x
💻 LocalExpress1.425s (+0.5%)2.007s (~)0.582s151.05x
🐘 PostgresNext.js (Turbopack)1.971s (+15.9% 🔺)2.325s (+15.5% 🔺)0.354s131.45x
🌐 MongoDBNext.js (Turbopack)2.135s (~)3.016s (~)0.881s101.57x
🌐 TursoNext.js (Turbopack)2.227s (+1.3%)3.013s (~)0.786s101.64x
🐘 PostgresExpress2.448s (+1.9%)3.012s (~)0.564s101.80x
🐘 PostgresNitro2.472s (+4.1%)3.011s (~)0.539s101.82x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.714s (-1.9%)3.614s (~)0.900s91.00x
▲ VercelExpress2.906s (+1.9%)3.698s (-2.0%)0.791s91.07x
▲ VercelNext.js (Turbopack)3.021s (+1.1%)3.916s (+2.7%)0.895s81.11x

🔍 Observability: Nitro | Express | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.098s (+1.4%)2.965s (+3.5%)0.866s111.00x
💻 LocalExpress2.201s (~)3.152s (+0.5%)0.951s101.05x
💻 LocalNitro2.273s (+3.2%)3.223s (+1.9%)0.950s101.08x
🌐 StarterNext.js (Turbopack)2.479s (+0.9%)3.009s (~)0.529s101.18x
🌐 RedisNext.js (Turbopack)2.515s (+0.7%)3.013s (~)0.498s101.20x
🐘 PostgresNext.js (Turbopack)2.625s (-18.8% 🟢)3.025s (-17.2% 🟢)0.400s101.25x
🐘 PostgresNitro2.664s (-2.0%)3.011s (~)0.346s101.27x
🐘 PostgresExpress2.840s (-4.8%)3.017s (-13.1% 🟢)0.178s101.35x
🌐 MongoDBNext.js (Turbopack)4.699s (~)5.182s (~)0.483s62.24x
🌐 TursoNext.js (Turbopack)4.718s (+2.6%)5.186s (~)0.468s62.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.351s (-64.0% 🟢)3.881s (-61.0% 🟢)0.530s81.00x
▲ VercelNitro3.569s (-8.7% 🟢)4.219s (-8.6% 🟢)0.650s81.07x
▲ VercelNext.js (Turbopack)3.748s (+16.0% 🔺)4.530s (+16.5% 🔺)0.782s71.12x

🔍 Observability: Express | Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.354s (-0.6%)2.008s (~)0.654s151.00x
🌐 RedisNext.js (Turbopack)1.384s (~)2.010s (~)0.626s151.02x
💻 LocalNext.js (Turbopack)1.404s (-0.7%)2.012s (~)0.608s151.04x
💻 LocalExpress1.411s (~)2.006s (~)0.595s151.04x
💻 LocalNitro1.430s (~)2.005s (~)0.575s151.06x
🐘 PostgresNext.js (Turbopack)1.692s (+10.4% 🔺)2.012s (~)0.320s151.25x
🐘 PostgresNitro1.833s (-2.2%)2.010s (~)0.177s151.35x
🐘 PostgresExpress1.988s (+1.2%)2.232s (+3.5%)0.244s141.47x
🌐 MongoDBNext.js (Turbopack)2.165s (+0.7%)3.013s (~)0.848s101.60x
🌐 TursoNext.js (Turbopack)2.223s (~)3.015s (~)0.791s101.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.798s (-3.0%)3.821s (+3.1%)1.022s81.00x
▲ VercelNitro2.846s (~)3.580s (-0.9%)0.734s91.02x
▲ VercelExpress2.870s (-58.8% 🟢)3.696s (-53.0% 🟢)0.826s91.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.140s (-1.8%)3.015s (-2.8%)0.874s111.00x
💻 LocalExpress2.220s (~)3.180s (+1.5%)0.960s101.04x
💻 LocalNitro2.264s (-2.7%)3.219s (-1.7%)0.956s101.06x
🌐 StarterNext.js (Turbopack)2.449s (~)3.009s (~)0.559s101.14x
🌐 RedisNext.js (Turbopack)2.499s (-7.9% 🟢)3.012s (-7.0% 🟢)0.512s101.17x
🐘 PostgresNext.js (Turbopack)2.579s (+3.2%)3.024s (~)0.445s101.20x
🐘 PostgresNitro2.607s (-4.8%)3.031s (+0.7%)0.424s101.22x
🐘 PostgresExpress2.874s (+1.4%)3.013s (~)0.139s101.34x
🌐 TursoNext.js (Turbopack)4.753s (+2.3%)5.180s (~)0.427s62.22x
🌐 MongoDBNext.js (Turbopack)4.771s (~)5.345s (+3.1%)0.574s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express4.135s (+29.2% 🔺)4.703s (+24.8% 🔺)0.568s71.00x
▲ VercelNext.js (Turbopack)4.633s (+38.5% 🔺)5.250s (+34.0% 🔺)0.617s61.12x
▲ VercelNitro4.802s (+50.1% 🔺)5.406s (+43.8% 🔺)0.604s61.16x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)0.127s (-1.6%)1.005s (~)0.000s (NaN%)1.010s (~)0.884s101.00x
💻 LocalNext.js (Turbopack)0.137s (-3.9%)1.003s (~)0.017s (+1.8%)1.027s (~)0.890s101.08x
🌐 RedisNext.js (Turbopack)0.151s (+3.7%)1.005s (~)0.000s (~)1.015s (~)0.864s101.19x
💻 LocalExpress0.178s (+1.1%)0.993s (~)0.016s (+2.6%)1.023s (~)0.845s101.40x
💻 LocalNitro0.182s (+3.4%)0.992s (~)0.015s (+7.3% 🔺)1.021s (~)0.840s101.44x
🌐 TursoNext.js (Turbopack)0.455s (-15.3% 🟢)0.995s (+9.5% 🔺)0.000s (~)1.013s (~)0.558s103.59x
🌐 MongoDBNext.js (Turbopack)0.524s (+4.6%)0.925s (-3.1%)0.000s (NaN%)1.012s (~)0.489s104.14x
🐘 PostgresNext.js (Turbopack)1.579s (+70.3% 🔺)2.116s (+67.8% 🔺)0.000s (NaN%)2.317s (+63.8% 🔺)0.738s1012.47x
🐘 PostgresExpress2.357s (+1.9%)2.682s (-1.7%)0.000s (+Infinity% 🔺)3.013s (~)0.655s1018.62x
🐘 PostgresNitro2.423s (+5.6% 🔺)2.621s (-4.5%)0.000s (NaN%)3.014s (~)0.590s1019.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.765s (-4.6%)3.168s (-5.4% 🟢)0.529s (+8.6% 🔺)4.140s (-3.3%)1.375s101.00x
▲ VercelNitro2.773s (-6.0% 🟢)3.183s (-2.2%)0.600s (~)4.236s (-4.5%)1.463s101.00x
▲ VercelExpress2.981s (-2.2%)3.257s (-4.9%)0.741s (+17.5% 🔺)4.523s (-1.1%)1.541s101.08x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)8/8
🐘 PostgresNext.js (Turbopack)6/8
▲ VercelNext.js (Turbopack)4/8
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter6/8
Nitro💻 Local8/8
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
  • 🌐 Starter: Community world (local development)
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

Comment threadpackages/web-shared/src/sidebar/events-list.tsx Outdated
Co-authored-by: vercel[bot] <35613825+vercel[bot]@users.noreply.github.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@vercelvercelBot 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.

Additional Suggestions:

  1. ErrorBoundary components passing removed description prop causing TypeScript type errors
  1. ErrorBoundary component in packages/web/src/app/run/[runId]/page.tsx passes invalid description prop that was removed from ErrorBoundaryProps interface
Fix on Vercel

Comment threadpackages/web/src/components/run-detail-view.tsx Outdated

@vercelvercelBot 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.

🔧 Build Fix:

The ErrorBoundary component is being passed a description prop on line 55, but this prop is not defined in the ErrorBoundaryProps type definition.

Fix on Vercel

Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@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.

Tested it and looks good to me

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

@VaguelySerious@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); } })(); })(); [web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar by VaguelySerious · Pull Request #805 · vercel/workflow · GitHub
Skip to content

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar - #805

Merged
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish
Jan 19, 2026
Merged

[web-shared] Improve spacing, styling, and scroll behavior of trace viewer sidebar#805
VaguelySerious merged 10 commits into
mainfrom
peter/web-shared-minor-polish

Conversation

@VaguelySerious

@VaguelySeriousVaguelySerious commented Jan 18, 2026

Copy link
Copy Markdown
Member

This PR:

  • Improves error styling across the app
  • Polishes the AI step conversation display in the sidebar
    • Not longer scrolls separately (too many scrollbars)
    • Updated color of tabs to look consistent when web-shared is embedded in other UIs

Before:
Screenshot 2026-01-18 at 11 50 32 AM

After:
Screenshot 2026-01-18 at 12 35 12 PM

…iewer sidebar
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
@vercel

vercelBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

changeset-botBot commented Jan 18, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: a4236cb

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

This PR includes changesets to release 1 package
NameType
@workflow/web-sharedPatch

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

@github-actions

github-actionsBot commented Jan 18, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production424038462
✅ 💻 Local Development388032420
✅ 📦 Local Production388032420
✅ 🐘 Local Postgres388032420
✅ 🪟 Windows420042
❌ 🌍 Community Worlds160200180
Total1790201341944

❌ Failed Tests

🌍 Community Worlds (20 failed)

mongodb (1 failed):

  • webhookWorkflow

starter (18 failed):

  • addTenWorkflow
  • addTenWorkflow
  • error handling error propagation workflow errors nested function calls preserve message and stack trace
  • error handling error propagation workflow errors cross-file imports preserve message and stack trace
  • error handling error propagation step errors basic step error preserves message and stack trace
  • error handling error propagation step errors cross-file step error preserves message and function names in stack
  • error handling retry behavior regular Error retries until success
  • error handling retry behavior FatalError fails immediately without retries
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • pathsAliasWorkflow - TypeScript path aliases resolve correctly
  • Calculator.calculate - static workflow method using static step methods from another class
  • AllInOneService.processNumber - static workflow method using sibling static step methods
  • ChainableService.processWithThis - static step methods using this to reference the class
  • thisSerializationWorkflow - step function invoked with .call() and .apply()

turso (1 failed):

  • webhookWorkflow

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro3804
✅ example3804
✅ express3804
✅ fastify3804
✅ hono3804
✅ nextjs-turbopack4101
✅ nextjs-webpack4101
✅ nitro3804
✅ nuxt3804
✅ sveltekit3804
✅ vite3804
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable3804
✅ express-stable3804
✅ fastify-stable3804
✅ hono-stable3804
✅ nextjs-turbopack-stable4200
✅ nextjs-webpack-stable4200
✅ nitro-stable3804
✅ nuxt-stable3804
✅ sveltekit-stable3804
✅ vite-stable3804
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4200
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4110
✅ redis-dev300
✅ redis4200
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 18, 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
🌐 Starter🥇 Next.js (Turbopack)0.042s (+14.8% 🔺)1.015s (~)0.973s101.00x
💻 LocalNext.js (Turbopack)0.042s (+2.4%)1.018s (~)0.976s101.01x
🌐 RedisNext.js (Turbopack)0.043s (+0.7%)1.018s (~)0.974s101.03x
💻 LocalNitro0.044s (-0.9%)1.006s (~)0.962s101.05x
💻 LocalExpress0.046s (+1.1%)1.007s (-0.6%)0.961s101.10x
🌐 MongoDBNext.js (Turbopack)0.087s (-17.9% 🟢)1.015s (~)0.927s102.09x
🌐 TursoNext.js (Turbopack)0.109s (+12.7% 🔺)1.014s (~)0.906s102.60x
🐘 PostgresNitro0.286s (-11.9% 🟢)1.012s (~)0.726s106.83x
🐘 PostgresExpress0.355s (+9.7% 🔺)1.017s (~)0.662s108.48x
🐘 PostgresNext.js (Turbopack)0.377s (+57.2% 🔺)1.019s (-4.1%)0.642s109.00x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express0.605s (-9.2% 🟢)1.521s (-11.0% 🟢)0.916s101.00x
▲ VercelNext.js (Turbopack)0.629s (-20.3% 🟢)1.622s (-8.6% 🟢)0.993s101.04x
▲ VercelNitro0.649s (+13.0% 🔺)1.475s (-4.5%)0.826s101.07x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.084s (~)2.011s (~)0.927s101.00x
💻 LocalNext.js (Turbopack)1.093s (-0.9%)2.012s (~)0.920s101.01x
🌐 RedisNext.js (Turbopack)1.095s (-0.6%)2.013s (~)0.918s101.01x
💻 LocalExpress1.115s (~)2.006s (~)0.892s101.03x
💻 LocalNitro1.117s (~)2.005s (~)0.889s101.03x
🌐 TursoNext.js (Turbopack)1.297s (~)2.013s (~)0.716s101.20x
🌐 MongoDBNext.js (Turbopack)1.303s (~)2.014s (~)0.711s101.20x
🐘 PostgresNitro2.164s (-0.7%)3.013s (~)0.849s102.00x
🐘 PostgresExpress2.169s (~)3.014s (~)0.845s102.00x
🐘 PostgresNext.js (Turbopack)2.188s (-4.4%)3.019s (~)0.830s102.02x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.773s (+1.2%)3.791s (+5.2% 🔺)1.018s101.00x
▲ VercelNitro2.837s (+1.6%)3.610s (-1.2%)0.773s101.02x
▲ VercelExpress2.857s (+2.7%)3.605s (+0.6%)0.748s101.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.621s (~)11.010s (~)0.389s51.00x
💻 LocalNext.js (Turbopack)10.668s (~)11.018s (~)0.350s51.00x
🌐 RedisNext.js (Turbopack)10.698s (~)11.023s (~)0.325s51.01x
💻 LocalExpress10.797s (~)11.013s (~)0.216s51.02x
💻 LocalNitro10.807s (~)11.013s (~)0.206s51.02x
🌐 TursoNext.js (Turbopack)12.178s (~)13.022s (~)0.845s51.15x
🌐 MongoDBNext.js (Turbopack)12.244s (~)13.025s (~)0.780s51.15x
🐘 PostgresNext.js (Turbopack)20.373s (+14.5% 🔺)21.045s (+14.2% 🔺)0.673s51.92x
🐘 PostgresExpress20.422s (~)21.029s (~)0.607s51.92x
🐘 PostgresNitro20.462s (+0.8%)21.033s (+0.9%)0.570s51.93x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.732s (~)23.555s (+0.8%)0.823s51.00x
▲ VercelNitro23.041s (+2.7%)23.953s (+2.3%)0.912s51.01x
▲ VercelExpress24.333s (+7.9% 🔺)25.009s (+7.1% 🔺)0.676s51.07x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.360s (+1.5%)2.008s (~)0.648s151.00x
🌐 RedisNext.js (Turbopack)1.375s (~)2.010s (~)0.635s151.01x
💻 LocalNext.js (Turbopack)1.391s (~)2.012s (~)0.621s151.02x
💻 LocalNitro1.419s (~)2.006s (~)0.587s151.04x
💻 LocalExpress1.425s (+0.5%)2.007s (~)0.582s151.05x
🐘 PostgresNext.js (Turbopack)1.971s (+15.9% 🔺)2.325s (+15.5% 🔺)0.354s131.45x
🌐 MongoDBNext.js (Turbopack)2.135s (~)3.016s (~)0.881s101.57x
🌐 TursoNext.js (Turbopack)2.227s (+1.3%)3.013s (~)0.786s101.64x
🐘 PostgresExpress2.448s (+1.9%)3.012s (~)0.564s101.80x
🐘 PostgresNitro2.472s (+4.1%)3.011s (~)0.539s101.82x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.714s (-1.9%)3.614s (~)0.900s91.00x
▲ VercelExpress2.906s (+1.9%)3.698s (-2.0%)0.791s91.07x
▲ VercelNext.js (Turbopack)3.021s (+1.1%)3.916s (+2.7%)0.895s81.11x

🔍 Observability: Nitro | Express | Next.js (Turbopack)

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.098s (+1.4%)2.965s (+3.5%)0.866s111.00x
💻 LocalExpress2.201s (~)3.152s (+0.5%)0.951s101.05x
💻 LocalNitro2.273s (+3.2%)3.223s (+1.9%)0.950s101.08x
🌐 StarterNext.js (Turbopack)2.479s (+0.9%)3.009s (~)0.529s101.18x
🌐 RedisNext.js (Turbopack)2.515s (+0.7%)3.013s (~)0.498s101.20x
🐘 PostgresNext.js (Turbopack)2.625s (-18.8% 🟢)3.025s (-17.2% 🟢)0.400s101.25x
🐘 PostgresNitro2.664s (-2.0%)3.011s (~)0.346s101.27x
🐘 PostgresExpress2.840s (-4.8%)3.017s (-13.1% 🟢)0.178s101.35x
🌐 MongoDBNext.js (Turbopack)4.699s (~)5.182s (~)0.483s62.24x
🌐 TursoNext.js (Turbopack)4.718s (+2.6%)5.186s (~)0.468s62.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.351s (-64.0% 🟢)3.881s (-61.0% 🟢)0.530s81.00x
▲ VercelNitro3.569s (-8.7% 🟢)4.219s (-8.6% 🟢)0.650s81.07x
▲ VercelNext.js (Turbopack)3.748s (+16.0% 🔺)4.530s (+16.5% 🔺)0.782s71.12x

🔍 Observability: Express | Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.354s (-0.6%)2.008s (~)0.654s151.00x
🌐 RedisNext.js (Turbopack)1.384s (~)2.010s (~)0.626s151.02x
💻 LocalNext.js (Turbopack)1.404s (-0.7%)2.012s (~)0.608s151.04x
💻 LocalExpress1.411s (~)2.006s (~)0.595s151.04x
💻 LocalNitro1.430s (~)2.005s (~)0.575s151.06x
🐘 PostgresNext.js (Turbopack)1.692s (+10.4% 🔺)2.012s (~)0.320s151.25x
🐘 PostgresNitro1.833s (-2.2%)2.010s (~)0.177s151.35x
🐘 PostgresExpress1.988s (+1.2%)2.232s (+3.5%)0.244s141.47x
🌐 MongoDBNext.js (Turbopack)2.165s (+0.7%)3.013s (~)0.848s101.60x
🌐 TursoNext.js (Turbopack)2.223s (~)3.015s (~)0.791s101.64x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.798s (-3.0%)3.821s (+3.1%)1.022s81.00x
▲ VercelNitro2.846s (~)3.580s (-0.9%)0.734s91.02x
▲ VercelExpress2.870s (-58.8% 🟢)3.696s (-53.0% 🟢)0.826s91.03x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.140s (-1.8%)3.015s (-2.8%)0.874s111.00x
💻 LocalExpress2.220s (~)3.180s (+1.5%)0.960s101.04x
💻 LocalNitro2.264s (-2.7%)3.219s (-1.7%)0.956s101.06x
🌐 StarterNext.js (Turbopack)2.449s (~)3.009s (~)0.559s101.14x
🌐 RedisNext.js (Turbopack)2.499s (-7.9% 🟢)3.012s (-7.0% 🟢)0.512s101.17x
🐘 PostgresNext.js (Turbopack)2.579s (+3.2%)3.024s (~)0.445s101.20x
🐘 PostgresNitro2.607s (-4.8%)3.031s (+0.7%)0.424s101.22x
🐘 PostgresExpress2.874s (+1.4%)3.013s (~)0.139s101.34x
🌐 TursoNext.js (Turbopack)4.753s (+2.3%)5.180s (~)0.427s62.22x
🌐 MongoDBNext.js (Turbopack)4.771s (~)5.345s (+3.1%)0.574s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express4.135s (+29.2% 🔺)4.703s (+24.8% 🔺)0.568s71.00x
▲ VercelNext.js (Turbopack)4.633s (+38.5% 🔺)5.250s (+34.0% 🔺)0.617s61.12x
▲ VercelNitro4.802s (+50.1% 🔺)5.406s (+43.8% 🔺)0.604s61.16x

🔍 Observability: Express | Next.js (Turbopack) | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)0.127s (-1.6%)1.005s (~)0.000s (NaN%)1.010s (~)0.884s101.00x
💻 LocalNext.js (Turbopack)0.137s (-3.9%)1.003s (~)0.017s (+1.8%)1.027s (~)0.890s101.08x
🌐 RedisNext.js (Turbopack)0.151s (+3.7%)1.005s (~)0.000s (~)1.015s (~)0.864s101.19x
💻 LocalExpress0.178s (+1.1%)0.993s (~)0.016s (+2.6%)1.023s (~)0.845s101.40x
💻 LocalNitro0.182s (+3.4%)0.992s (~)0.015s (+7.3% 🔺)1.021s (~)0.840s101.44x
🌐 TursoNext.js (Turbopack)0.455s (-15.3% 🟢)0.995s (+9.5% 🔺)0.000s (~)1.013s (~)0.558s103.59x
🌐 MongoDBNext.js (Turbopack)0.524s (+4.6%)0.925s (-3.1%)0.000s (NaN%)1.012s (~)0.489s104.14x
🐘 PostgresNext.js (Turbopack)1.579s (+70.3% 🔺)2.116s (+67.8% 🔺)0.000s (NaN%)2.317s (+63.8% 🔺)0.738s1012.47x
🐘 PostgresExpress2.357s (+1.9%)2.682s (-1.7%)0.000s (+Infinity% 🔺)3.013s (~)0.655s1018.62x
🐘 PostgresNitro2.423s (+5.6% 🔺)2.621s (-4.5%)0.000s (NaN%)3.014s (~)0.590s1019.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.765s (-4.6%)3.168s (-5.4% 🟢)0.529s (+8.6% 🔺)4.140s (-3.3%)1.375s101.00x
▲ VercelNitro2.773s (-6.0% 🟢)3.183s (-2.2%)0.600s (~)4.236s (-4.5%)1.463s101.00x
▲ VercelExpress2.981s (-2.2%)3.257s (-4.9%)0.741s (+17.5% 🔺)4.523s (-1.1%)1.541s101.08x

🔍 Observability: Next.js (Turbopack) | Nitro | Express

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)8/8
🐘 PostgresNext.js (Turbopack)6/8
▲ VercelNext.js (Turbopack)4/8
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter6/8
Nitro💻 Local8/8
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
  • 🌐 Starter: Community world (local development)
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

Comment threadpackages/web-shared/src/sidebar/events-list.tsx Outdated
Co-authored-by: vercel[bot] <35613825+vercel[bot]@users.noreply.github.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@vercelvercelBot 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.

Additional Suggestions:

  1. ErrorBoundary components passing removed description prop causing TypeScript type errors
  1. ErrorBoundary component in packages/web/src/app/run/[runId]/page.tsx passes invalid description prop that was removed from ErrorBoundaryProps interface
Fix on Vercel

Comment threadpackages/web/src/components/run-detail-view.tsx Outdated

@vercelvercelBot 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.

🔧 Build Fix:

The ErrorBoundary component is being passed a description prop on line 55, but this prop is not defined in the ErrorBoundaryProps type definition.

Fix on Vercel

Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Peter Wielander <mittgfu@gmail.com>

@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.

Tested it and looks good to me

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

@VaguelySerious@karthikscale3