fix(web-shared): match Geist Button hover, focus, and radius by mitul-s · Pull Request #2143 · vercel/workflow

mitul-s · 2026-05-28T20:38:37Z

Summary

Brings the shared Button (packages/web-shared/src/components/ui/button.tsx) to 1:1 with the Geist Button (verified against the Geist source: packages/geist/src/components/button/button.module.css). Fixes three issues, most visibly on the encrypted-data "Decrypt" overlay (EncryptedDataBlock):

Hover (was broken): the inverted/default button drove its dark-mode hover with a dark-theme:hover: class, but dark-theme is not a registered Tailwind variant in our setup (theming is done by flipping --ds-* tokens), so the class compiled to nothing. In dark mode the white button fell back to the hardcoded light hover (hsl(0,0%,22%)) and turned dark gray; when imported into apps that supply their own Geist tokens (e.g. vercel/front), an earlier token-based attempt resolved to nothing and the background went transparent. Now uses Geist's literal hover fallbacks (hsl(0,0%,22%) / hsl(0,0%,80%)) driven by arbitrary ancestor-theme variants ([.dark-theme_&]: and [[data-theme=dark]_&]:) — no token dependency, so it resolves in any consumer.
Focus (was missing): added Geist's focus ring (outline: 2px solid var(--ds-focus-color) + 2px offset). Also defines --ds-focus-color (blue-700 / blue-900) in web-shared/styles.css, which was referenced but undefined (also fixes icon-button's colorless focus outline).
Radius:xs (24px) now uses Geist's tiny 4px radius instead of inheriting rounded-md (6px).

Tailwind v3 + v4 compatibility

web-shared is consumed by both TW3 and TW4 apps, so the focus ring uses arbitrary properties ([outline:...]) rather than the bare outline / outline-[var()] utilities (which differ between versions). Verified by compiling the exact class string through Tailwind 3.3.6 and 4.2.4 — both emit the correct .dark-theme …:hover, [data-theme=dark] …:hover, focus-ring, and border-radius:4px rules, with literal hsl() fallbacks present (so the background can never resolve to transparent).

Test plan

pnpm build for @workflow/web-shared (button/styles changes typecheck)
Compiled button classes through Tailwind v3.3.6 and v4.2.4 — output verified
Visual check of idle / hover / focus / decrypted states in dark mode
Confirm hover/focus render correctly when web-shared is imported into vercel/front

Note

CI's pnpm turbo run build may flag a pre-existing, unrelatedtsc error on main: attribute-panel.tsx:423 declares an attributes display fn whose key isn't in the AttributeKey type (TS2353). It is independent of this change (resolved separately on the ms/trace-search branch). Not touched here to keep this PR focused.

🤖 Generated with Claude Code

The shared Button's dark-mode hover relied on an unregistered `dark-theme:` Tailwind variant, so the inverted (default) button lost its hover style — and the background resolved to transparent when consumed by apps that supply their own Geist tokens (e.g. vercel/front). Use Geist's literal hover fallbacks driven by arbitrary ancestor-theme variants instead, render the previously missing focus-visible ring, and apply Geist's 4px tiny radius to the xs size. Authored to compile under both Tailwind v3 and v4. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

changeset-bot · 2026-05-28T20:38:44Z

🦋 Changeset detected

Latest commit: e08f2ae

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

This PR includes changesets to release 16 packages

Name	Type
@workflow/web-shared	Patch
@workflow/web	Patch
@workflow/cli	Patch
workflow	Patch
@workflow/world-testing	Patch
@workflow/core	Patch
@workflow/builders	Patch
@workflow/next	Patch
@workflow/nitro	Patch
@workflow/vitest	Patch
@workflow/astro	Patch
@workflow/nest	Patch
@workflow/rollup	Patch
@workflow/sveltekit	Patch
@workflow/vite	Patch
@workflow/nuxt	Patch

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

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

vercel · 2026-05-28T20:38:44Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
example-nextjs-workflow-turbopack	Ready	Preview, Comment	May 28, 2026 8:42pm
example-nextjs-workflow-webpack	Ready	Preview, Comment	May 28, 2026 8:42pm
example-workflow	Ready	Preview, Comment	May 28, 2026 8:42pm
workbench-astro-workflow	Ready	Preview, Comment	May 28, 2026 8:42pm
workbench-express-workflow	Ready	Preview, Comment	May 28, 2026 8:42pm
workbench-fastify-workflow	Ready	Preview, Comment	May 28, 2026 8:42pm
workbench-hono-workflow	Ready	Preview, Comment	May 28, 2026 8:42pm
workbench-nitro-workflow	Ready	Preview, Comment	May 28, 2026 8:42pm
workbench-nuxt-workflow	Ready	Preview, Comment	May 28, 2026 8:42pm
workbench-sveltekit-workflow	Ready	Preview, Comment	May 28, 2026 8:42pm
workbench-tanstack-start-workflow	Ready	Preview, Comment	May 28, 2026 8:42pm
workbench-vite-workflow	Ready	Preview, Comment	May 28, 2026 8:42pm
workflow-docs	Ready	Preview, Comment, Open in v0	May 28, 2026 8:42pm
workflow-swc-playground	Ready	Preview, Comment	May 28, 2026 8:42pm
workflow-tarballs	Ready	Preview, Comment	May 28, 2026 8:42pm
workflow-web	Ready	Preview, Comment	May 28, 2026 8:42pm

github-actions · 2026-05-28T20:38:47Z

🧪 E2E Test Results

✅ All tests passed

Summary

	Passed	Skipped	Total
✅ ▲ Vercel Production	1255	219	1474
✅ 💻 Local Development	1657	219	1876
✅ 📦 Local Production	1657	219	1876
✅ 🐘 Local Postgres	1657	219	1876
✅ 🪟 Windows	134	0	134
✅ 📋 Other	762	176	938
Total	7122	1052	8174

Details by Category

✅ ▲ Vercel Production

App	Passed	Skipped
✅ astro	108	26
✅ example	108	26
✅ express	108	26
✅ fastify	108	26
✅ hono	108	26
✅ nextjs-turbopack	132	2
✅ nextjs-webpack	132	2
✅ nitro	108	26
✅ nuxt	108	26
✅ sveltekit	127	7
✅ vite	108	26

✅ 💻 Local Development

App	Passed	Skipped
✅ astro-stable	109	25
✅ express-stable	109	25
✅ fastify-stable	109	25
✅ hono-stable	109	25
✅ nextjs-turbopack-canary	115	19
✅ nextjs-turbopack-stable-lazy-discovery-disabled	134	0
✅ nextjs-turbopack-stable-lazy-discovery-enabled	134	0
✅ nextjs-webpack-canary	115	19
✅ nextjs-webpack-stable-lazy-discovery-disabled	134	0
✅ nextjs-webpack-stable-lazy-discovery-enabled	134	0
✅ nitro-stable	109	25
✅ nuxt-stable	109	25
✅ sveltekit-stable	128	6
✅ vite-stable	109	25

✅ 📦 Local Production

App	Passed	Skipped
✅ astro-stable	109	25
✅ express-stable	109	25
✅ fastify-stable	109	25
✅ hono-stable	109	25
✅ nextjs-turbopack-canary	115	19
✅ nextjs-turbopack-stable-lazy-discovery-disabled	134	0
✅ nextjs-turbopack-stable-lazy-discovery-enabled	134	0
✅ nextjs-webpack-canary	115	19
✅ nextjs-webpack-stable-lazy-discovery-disabled	134	0
✅ nextjs-webpack-stable-lazy-discovery-enabled	134	0
✅ nitro-stable	109	25
✅ nuxt-stable	109	25
✅ sveltekit-stable	128	6
✅ vite-stable	109	25

✅ 🐘 Local Postgres

App	Passed	Skipped
✅ astro-stable	109	25
✅ express-stable	109	25
✅ fastify-stable	109	25
✅ hono-stable	109	25
✅ nextjs-turbopack-canary	115	19
✅ nextjs-turbopack-stable-lazy-discovery-disabled	134	0
✅ nextjs-turbopack-stable-lazy-discovery-enabled	134	0
✅ nextjs-webpack-canary	115	19
✅ nextjs-webpack-stable-lazy-discovery-disabled	134	0
✅ nextjs-webpack-stable-lazy-discovery-enabled	134	0
✅ nitro-stable	109	25
✅ nuxt-stable	109	25
✅ sveltekit-stable	128	6
✅ vite-stable	109	25

✅ 🪟 Windows

App	Passed	Failed	Skipped
✅ nextjs-turbopack	134	0	0

✅ 📋 Other

App	Passed	Skipped
✅ e2e-local-dev-nest-stable	109	25
✅ e2e-local-dev-tanstack-start-	109	25
✅ e2e-local-postgres-nest-stable	109	25
✅ e2e-local-postgres-tanstack-start-	109	25
✅ e2e-local-prod-nest-stable	109	25
✅ e2e-local-prod-tanstack-start-	109	25
✅ e2e-vercel-prod-tanstack-start	108	26

📋 View full workflow run

github-actions · 2026-05-28T20:38:49Z

📊 Benchmark Results

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

workflow with no steps

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
💻 Local	🥇 Nitro	0.039s (-10.0% 🟢)	1.005s (~)	0.966s	10	1.00x
💻 Local	Express	0.044s (-1.6%)	1.006s (~)	0.962s	10	1.12x
💻 Local	Next.js (Turbopack)	0.051s	1.005s	0.954s	10	1.30x
🐘 Postgres	Express	0.062s (+7.4% 🔺)	1.013s (~)	0.950s	10	1.61x
🐘 Postgres	Nitro	0.064s (-33.3% 🟢)	1.011s (-3.0%)	0.948s	10	1.64x
🐘 Postgres	Next.js (Turbopack)	0.067s	1.011s	0.944s	10	1.73x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Express	0.272s (+15.7% 🔺)	2.006s (-6.1% 🟢)	1.733s	10	1.00x
▲ Vercel	Next.js (Turbopack)	0.286s (+13.6% 🔺)	2.469s (+5.8% 🔺)	2.183s	10	1.05x
▲ Vercel	Nitro	0.286s (-30.2% 🟢)	2.658s (+5.9% 🔺)	2.372s	10	1.05x

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

workflow with 1 step

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
💻 Local	🥇 Express	1.091s (-3.1%)	2.006s (~)	0.915s	10	1.00x
💻 Local	Nitro	1.092s (-3.5%)	2.007s (~)	0.915s	10	1.00x
💻 Local	Next.js (Turbopack)	1.099s	2.005s	0.907s	10	1.01x
🐘 Postgres	Express	1.101s (-3.9%)	2.011s (~)	0.910s	10	1.01x
🐘 Postgres	Nitro	1.106s (-3.0%)	2.010s (~)	0.904s	10	1.01x
🐘 Postgres	Next.js (Turbopack)	1.147s	2.008s	0.861s	10	1.05x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Express	1.609s (-14.2% 🟢)	3.201s (-15.9% 🟢)	1.593s	10	1.00x
▲ Vercel	Nitro	1.767s (-54.6% 🟢)	3.548s (-40.0% 🟢)	1.782s	10	1.10x
▲ Vercel	Next.js (Turbopack)	1.782s (-12.4% 🟢)	4.124s (+7.7% 🔺)	2.342s	10	1.11x

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

workflow with 10 sequential steps

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
💻 Local	🥇 Nitro	10.499s (-4.1%)	11.021s (~)	0.522s	3	1.00x
💻 Local	Express	10.522s (-3.7%)	11.023s (~)	0.501s	3	1.00x
🐘 Postgres	Nitro	10.555s (-2.9%)	11.022s (~)	0.466s	3	1.01x
🐘 Postgres	Express	10.587s (-3.4%)	11.021s (~)	0.434s	3	1.01x
💻 Local	Next.js (Turbopack)	10.620s	11.021s	0.401s	3	1.01x
🐘 Postgres	Next.js (Turbopack)	10.881s	11.020s	0.139s	3	1.04x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Next.js (Turbopack)	13.594s (-21.5% 🟢)	15.402s (-20.6% 🟢)	1.808s	2	1.00x
▲ Vercel	Express	13.815s (-18.6% 🟢)	15.331s (-23.4% 🟢)	1.517s	3	1.02x
▲ Vercel	Nitro	14.802s (-37.6% 🟢)	16.567s (-34.0% 🟢)	1.765s	2	1.09x

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

workflow with 25 sequential steps

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
💻 Local	🥇 Nitro	13.691s (-9.1% 🟢)	14.027s (-12.5% 🟢)	0.336s	5	1.00x
💻 Local	Express	13.707s (-8.4% 🟢)	14.029s (-6.7% 🟢)	0.322s	5	1.00x
🐘 Postgres	Nitro	13.726s (-6.0% 🟢)	14.018s (-6.7% 🟢)	0.291s	5	1.00x
🐘 Postgres	Express	13.744s (-5.8% 🟢)	14.020s (-6.7% 🟢)	0.277s	5	1.00x
💻 Local	Next.js (Turbopack)	13.922s	14.023s	0.101s	5	1.02x
🐘 Postgres	Next.js (Turbopack)	14.501s	15.018s	0.517s	4	1.06x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Express	22.733s (-54.8% 🟢)	24.583s (-53.2% 🟢)	1.850s	3	1.00x
▲ Vercel	Nitro	23.339s (-63.8% 🟢)	25.144s (-62.3% 🟢)	1.805s	3	1.03x
▲ Vercel	Next.js (Turbopack)	23.645s (-55.0% 🟢)	26.823s (-50.9% 🟢)	3.178s	3	1.04x

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

workflow with 50 sequential steps

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
💻 Local	🥇 Nitro	12.325s (-26.6% 🟢)	13.025s (-23.5% 🟢)	0.699s	7	1.00x
💻 Local	Express	12.395s (-25.3% 🟢)	13.025s (-23.5% 🟢)	0.630s	7	1.01x
🐘 Postgres	Express	12.428s (-11.3% 🟢)	13.019s (-10.8% 🟢)	0.591s	7	1.01x
🐘 Postgres	Nitro	12.652s (-9.4% 🟢)	13.020s (-9.0% 🟢)	0.368s	7	1.03x
💻 Local	Next.js (Turbopack)	12.813s	13.165s	0.352s	7	1.04x
🐘 Postgres	Next.js (Turbopack)	13.605s	14.018s	0.413s	7	1.10x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Nitro	28.306s (-93.3% 🟢)	30.504s (-92.8% 🟢)	2.198s	3	1.00x
▲ Vercel	Express	28.994s (-76.1% 🟢)	30.896s (-75.0% 🟢)	1.902s	3	1.02x
▲ Vercel	Next.js (Turbopack)	31.012s (-92.1% 🟢)	33.853s (-91.4% 🟢)	2.841s	3	1.10x

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

Promise.all with 10 concurrent steps

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Nitro	1.194s (-6.3% 🟢)	2.008s (~)	0.814s	15	1.00x
🐘 Postgres	Express	1.195s (-5.2% 🟢)	2.008s (~)	0.813s	15	1.00x
💻 Local	Express	1.225s (-17.7% 🟢)	2.006s (~)	0.781s	15	1.03x
🐘 Postgres	Next.js (Turbopack)	1.245s	2.007s	0.762s	15	1.04x
💻 Local	Nitro	1.299s (-20.4% 🟢)	2.006s (-3.3%)	0.707s	15	1.09x
💻 Local	Next.js (Turbopack)	1.338s	2.005s	0.667s	15	1.12x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Express	2.515s (-12.1% 🟢)	3.810s (-17.6% 🟢)	1.295s	8	1.00x
▲ Vercel	Nitro	2.714s (-3.7%)	4.649s (+7.6% 🔺)	1.936s	7	1.08x
▲ Vercel	Next.js (Turbopack)	3.063s (-9.9% 🟢)	4.759s (-3.5%)	1.696s	7	1.22x

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

Promise.all with 25 concurrent steps

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Express	1.242s (-47.4% 🟢)	2.008s (-33.3% 🟢)	0.765s	15	1.00x
🐘 Postgres	Nitro	1.263s (-46.3% 🟢)	2.007s (-33.3% 🟢)	0.744s	15	1.02x
🐘 Postgres	Next.js (Turbopack)	1.361s	2.007s	0.646s	15	1.10x
💻 Local	Next.js (Turbopack)	1.611s	2.005s	0.394s	15	1.30x
💻 Local	Express	1.713s (-42.0% 🟢)	2.005s (-41.9% 🟢)	0.292s	15	1.38x
💻 Local	Nitro	1.739s (-44.7% 🟢)	2.005s (-48.4% 🟢)	0.267s	15	1.40x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Nitro	3.542s (-12.6% 🟢)	5.492s (-7.2% 🟢)	1.950s	6	1.00x
▲ Vercel	Express	3.915s (+8.2% 🔺)	5.554s (+8.7% 🔺)	1.639s	6	1.11x
▲ Vercel	Next.js (Turbopack)	3.939s (-44.5% 🟢)	5.730s (-35.7% 🟢)	1.791s	6	1.11x

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

Promise.all with 50 concurrent steps

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Express	1.383s (-60.3% 🟢)	2.008s (-49.9% 🟢)	0.625s	15	1.00x
🐘 Postgres	Nitro	1.417s (-59.3% 🟢)	2.008s (-49.9% 🟢)	0.592s	15	1.02x
🐘 Postgres	Next.js (Turbopack)	1.672s	2.152s	0.480s	14	1.21x
💻 Local	Next.js (Turbopack)	3.777s	4.438s	0.661s	7	2.73x
💻 Local	Nitro	4.388s (-47.4% 🟢)	5.012s (-44.4% 🟢)	0.624s	6	3.17x
💻 Local	Express	4.926s (-40.9% 🟢)	5.345s (-40.8% 🟢)	0.419s	6	3.56x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Express	5.090s (+20.0% 🔺)	6.683s (+9.1% 🔺)	1.593s	5	1.00x
▲ Vercel	Nitro	5.393s (+53.0% 🔺)	7.105s (+28.4% 🔺)	1.711s	5	1.06x
▲ Vercel	Next.js (Turbopack)	5.726s (-35.8% 🟢)	8.078s (-26.3% 🟢)	2.352s	4	1.13x

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

Promise.race with 10 concurrent steps

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Nitro	1.178s (-6.3% 🟢)	2.009s (~)	0.831s	15	1.00x
🐘 Postgres	Express	1.183s (-5.9% 🟢)	2.009s (~)	0.826s	15	1.00x
🐘 Postgres	Next.js (Turbopack)	1.226s	2.008s	0.781s	15	1.04x
💻 Local	Next.js (Turbopack)	1.296s	2.005s	0.709s	15	1.10x
💻 Local	Nitro	1.490s (-20.2% 🟢)	2.006s (-14.3% 🟢)	0.516s	15	1.26x
💻 Local	Express	1.560s (-17.6% 🟢)	2.006s (-15.1% 🟢)	0.446s	15	1.32x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Express	2.807s (+8.8% 🔺)	4.406s (+1.3%)	1.598s	7	1.00x
▲ Vercel	Next.js (Turbopack)	3.199s (+9.1% 🔺)	5.271s (+13.6% 🔺)	2.072s	6	1.14x
▲ Vercel	Nitro	4.085s (+66.1% 🔺)	5.747s (+37.8% 🔺)	1.662s	6	1.46x

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

Promise.race with 25 concurrent steps

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Express	1.247s (-46.8% 🟢)	2.009s (-33.3% 🟢)	0.762s	15	1.00x
🐘 Postgres	Nitro	1.251s (-46.5% 🟢)	2.011s (-33.2% 🟢)	0.760s	15	1.00x
🐘 Postgres	Next.js (Turbopack)	1.388s	2.008s	0.620s	15	1.11x
💻 Local	Next.js (Turbopack)	1.692s	2.071s	0.379s	15	1.36x
💻 Local	Nitro	1.811s (-40.9% 🟢)	2.151s (-44.7% 🟢)	0.340s	14	1.45x
💻 Local	Express	2.087s (-33.4% 🟢)	2.591s (-31.1% 🟢)	0.504s	12	1.67x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Nitro	3.368s (+4.2%)	4.827s (-4.9%)	1.459s	7	1.00x
▲ Vercel	Express	3.655s (+14.5% 🔺)	5.117s (+6.8% 🔺)	1.462s	6	1.09x
▲ Vercel	Next.js (Turbopack)	3.792s (+20.7% 🔺)	5.880s (+30.0% 🔺)	2.088s	6	1.13x

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

Promise.race with 50 concurrent steps

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Express	1.379s (-60.6% 🟢)	2.009s (-49.9% 🟢)	0.631s	15	1.00x
🐘 Postgres	Nitro	1.393s (-60.0% 🟢)	2.009s (-49.9% 🟢)	0.615s	15	1.01x
🐘 Postgres	Next.js (Turbopack)	1.678s	2.076s	0.398s	15	1.22x
💻 Local	Next.js (Turbopack)	4.093s	4.440s	0.347s	7	2.97x
💻 Local	Nitro	5.417s (-40.8% 🟢)	5.848s (-41.7% 🟢)	0.431s	6	3.93x
💻 Local	Express	5.923s (-32.7% 🟢)	6.215s (-33.0% 🟢)	0.292s	5	4.30x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Nitro	4.910s (-3.6%)	6.414s (-5.9% 🟢)	1.503s	5	1.00x
▲ Vercel	Express	5.204s (-18.9% 🟢)	7.221s (-11.7% 🟢)	2.017s	5	1.06x
▲ Vercel	Next.js (Turbopack)	5.597s (-17.2% 🟢)	7.635s (-10.6% 🟢)	2.037s	4	1.14x

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

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Express	0.573s (-31.7% 🟢)	1.024s (~)	0.451s	59	1.00x
🐘 Postgres	Nitro	0.583s (-29.0% 🟢)	1.024s (+1.8%)	0.441s	59	1.02x
💻 Local	Nitro	0.670s (-31.6% 🟢)	1.096s (~)	0.425s	55	1.17x
💻 Local	Express	0.690s (-29.9% 🟢)	1.096s (+1.8%)	0.406s	55	1.20x
💻 Local	Next.js (Turbopack)	0.739s	1.056s	0.317s	57	1.29x
🐘 Postgres	Next.js (Turbopack)	0.810s	1.007s	0.197s	60	1.41x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Nitro	5.949s (-73.0% 🟢)	7.255s (-69.8% 🟢)	1.306s	9	1.00x
▲ Vercel	Next.js (Turbopack)	6.083s (-58.1% 🟢)	7.967s (-50.5% 🟢)	1.884s	8	1.02x
▲ Vercel	Express	6.348s (-66.6% 🟢)	8.017s (-62.4% 🟢)	1.669s	8	1.07x

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

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Express	1.335s (-32.4% 🟢)	2.007s (-11.1% 🟢)	0.672s	45	1.00x
🐘 Postgres	Nitro	1.379s (-28.4% 🟢)	2.030s (-3.3%)	0.651s	45	1.03x
💻 Local	Nitro	1.452s (-52.2% 🟢)	2.005s (-46.6% 🟢)	0.554s	45	1.09x
💻 Local	Express	1.506s (-50.1% 🟢)	2.006s (-44.1% 🟢)	0.500s	45	1.13x
💻 Local	Next.js (Turbopack)	1.738s	2.050s	0.313s	44	1.30x
🐘 Postgres	Next.js (Turbopack)	1.886s	2.052s	0.167s	44	1.41x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Nitro	14.124s (-64.2% 🟢)	16.579s (-59.9% 🟢)	2.455s	6	1.00x
▲ Vercel	Express	14.353s (-58.4% 🟢)	16.396s (-55.5% 🟢)	2.043s	6	1.02x
▲ Vercel	Next.js (Turbopack)	14.586s (-70.7% 🟢)	16.747s (-67.6% 🟢)	2.161s	6	1.03x

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

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Nitro	2.610s (-36.4% 🟢)	3.034s (-34.1% 🟢)	0.424s	40	1.00x
🐘 Postgres	Express	2.630s (-34.1% 🟢)	3.033s (-30.6% 🟢)	0.403s	40	1.01x
💻 Local	Nitro	3.210s (-65.5% 🟢)	3.911s (-61.0% 🟢)	0.701s	31	1.23x
💻 Local	Express	3.257s (-64.6% 🟢)	4.009s (-60.0% 🟢)	0.751s	30	1.25x
💻 Local	Next.js (Turbopack)	3.760s	4.180s	0.420s	29	1.44x
🐘 Postgres	Next.js (Turbopack)	3.793s	4.044s	0.250s	30	1.45x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Nitro	28.002s (-71.1% 🟢)	30.090s (-69.4% 🟢)	2.089s	4	1.00x
▲ Vercel	Express	30.707s (-76.4% 🟢)	32.853s (-75.1% 🟢)	2.146s	4	1.10x
▲ Vercel	Next.js (Turbopack)	33.075s (-69.1% 🟢)	35.180s (-67.7% 🟢)	2.104s	4	1.18x

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

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Express	0.240s (-15.2% 🟢)	1.006s (~)	0.767s	60	1.00x
🐘 Postgres	Nitro	0.243s (-14.3% 🟢)	1.007s (~)	0.764s	60	1.01x
🐘 Postgres	Next.js (Turbopack)	0.264s	1.007s	0.742s	60	1.10x
💻 Local	Nitro	0.430s (-28.9% 🟢)	1.004s (-1.7%)	0.574s	60	1.80x
💻 Local	Express	0.440s (-21.5% 🟢)	1.004s (~)	0.564s	60	1.84x
💻 Local	Next.js (Turbopack)	0.535s	1.004s	0.469s	60	2.23x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Next.js (Turbopack)	2.258s (+11.6% 🔺)	3.931s (+3.6%)	1.674s	16	1.00x
▲ Vercel	Nitro	2.317s (+39.5% 🔺)	3.793s (+13.2% 🔺)	1.476s	17	1.03x
▲ Vercel	Express	2.867s (+46.7% 🔺)	4.528s (+24.5% 🔺)	1.661s	14	1.27x

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

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Express	0.348s (-31.8% 🟢)	1.007s (~)	0.659s	90	1.00x
🐘 Postgres	Nitro	0.366s (-26.2% 🟢)	1.006s (~)	0.640s	90	1.05x
🐘 Postgres	Next.js (Turbopack)	0.462s	1.006s	0.544s	90	1.33x
💻 Local	Next.js (Turbopack)	1.970s	2.535s	0.565s	36	5.66x
💻 Local	Nitro	2.153s (-15.2% 🟢)	2.686s (-10.7% 🟢)	0.533s	34	6.19x
💻 Local	Express	2.157s (-14.2% 🟢)	2.736s (-9.1% 🟢)	0.579s	33	6.20x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Nitro	5.036s (+56.1% 🔺)	6.840s (+41.9% 🔺)	1.804s	14	1.00x
▲ Vercel	Express	5.719s (+87.7% 🔺)	6.943s (+44.4% 🔺)	1.224s	13	1.14x
▲ Vercel	Next.js (Turbopack)	5.909s (+67.1% 🔺)	7.860s (+51.3% 🔺)	1.951s	12	1.17x

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

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Express	0.666s (-18.7% 🟢)	1.006s (-1.1%)	0.340s	120	1.00x
🐘 Postgres	Nitro	0.667s (-15.6% 🟢)	1.006s (~)	0.339s	120	1.00x
🐘 Postgres	Next.js (Turbopack)	0.948s	1.356s	0.408s	89	1.42x
💻 Local	Next.js (Turbopack)	8.599s	9.328s	0.729s	13	12.91x
💻 Local	Nitro	9.341s (-16.5% 🟢)	10.025s (-14.0% 🟢)	0.684s	12	14.03x
💻 Local	Express	9.552s (-14.6% 🟢)	10.029s (-16.0% 🟢)	0.478s	12	14.34x

▲ Production (Vercel)

World	Framework	Workflow Time	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Next.js (Turbopack)	16.273s (+57.6% 🔺)	18.507s (+50.6% 🔺)	2.234s	7	1.00x
▲ Vercel	Nitro	17.364s (+124.8% 🔺)	18.882s (+100.9% 🔺)	1.518s	8	1.07x
▲ Vercel	Express	17.612s (+137.4% 🔺)	19.312s (+108.9% 🔺)	1.700s	7	1.08x

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

Stream Benchmarks(includes TTFB metrics)

workflow with stream

💻 Local Development

World	Framework	Workflow Time	TTFB	Slurp	Wall Time	Overhead	Samples	vs Fastest
💻 Local	🥇 Express	1.160s (+482.6% 🔺)	2.005s (+99.6% 🔺)	0.011s (-11.6% 🟢)	2.018s (+98.2% 🔺)	0.858s	10	1.00x
💻 Local	Next.js (Turbopack)	1.161s	2.002s	0.008s	2.014s	0.853s	10	1.00x
🐘 Postgres	Express	1.166s (+468.4% 🔺)	1.996s (+99.9% 🔺)	0.001s (-31.3% 🟢)	2.010s (+98.7% 🔺)	0.844s	10	1.01x
🐘 Postgres	Nitro	1.167s (+469.3% 🔺)	1.999s (+100.0% 🔺)	0.001s (-33.3% 🟢)	2.012s (+99.0% 🔺)	0.845s	10	1.01x
💻 Local	Nitro	1.168s (+446.4% 🔺)	2.005s (+99.6% 🔺)	0.010s (-18.4% 🟢)	2.018s (+98.0% 🔺)	0.850s	10	1.01x
🐘 Postgres	Next.js (Turbopack)	1.254s	2.001s	0.002s	2.011s	0.756s	10	1.08x

▲ Production (Vercel)

World	Framework	Workflow Time	TTFB	Slurp	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Express	2.287s (-8.7% 🟢)	3.123s (-23.6% 🟢)	1.846s (+92.2% 🔺)	5.490s (-1.8%)	3.203s	10	1.00x
▲ Vercel	Nitro	2.406s (-37.2% 🟢)	3.481s (-34.0% 🟢)	2.459s (+231.3% 🔺)	6.467s (~)	4.061s	10	1.05x
▲ Vercel	Next.js (Turbopack)	2.503s (-63.5% 🟢)	3.970s (-54.1% 🟢)	6.701s (+960.4% 🔺)	11.246s (+14.9% 🔺)	8.743s	10	1.09x

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

stream pipeline with 5 transform steps (1MB)

💻 Local Development

World	Framework	Workflow Time	TTFB	Slurp	Wall Time	Overhead	Samples	vs Fastest
💻 Local	🥇 Nitro	1.569s (+87.1% 🔺)	2.012s (+98.9% 🔺)	0.010s (+2.8%)	2.024s (+81.4% 🔺)	0.455s	30	1.00x
💻 Local	Next.js (Turbopack)	1.584s	2.009s	0.008s	2.019s	0.435s	30	1.01x
💻 Local	Express	1.586s (+109.5% 🔺)	2.010s (+95.4% 🔺)	0.010s (+2.3%)	2.022s (+94.5% 🔺)	0.436s	30	1.01x
🐘 Postgres	Express	1.589s (+152.2% 🔺)	2.000s (+98.7% 🔺)	0.004s (+4.4%)	2.025s (+98.0% 🔺)	0.436s	30	1.01x
🐘 Postgres	Nitro	1.610s (+157.9% 🔺)	2.005s (+99.2% 🔺)	0.004s (-4.1%)	2.026s (+98.1% 🔺)	0.416s	30	1.03x
🐘 Postgres	Next.js (Turbopack)	1.722s	2.011s	0.004s	2.027s	0.304s	30	1.10x

▲ Production (Vercel)

World	Framework	Workflow Time	TTFB	Slurp	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Nitro	6.101s (-79.3% 🟢)	7.626s (-75.2% 🟢)	0.341s (+204.6% 🔺)	8.371s (-73.7% 🟢)	2.270s	8	1.00x
▲ Vercel	Express	6.786s (+4.3%)	8.192s (+2.3%)	0.209s (-48.8% 🟢)	8.763s (-0.8%)	1.977s	7	1.11x
▲ Vercel	Next.js (Turbopack)	7.665s (-54.7% 🟢)	9.196s (-49.6% 🟢)	0.326s (+54.5% 🔺)	10.168s (-46.3% 🟢)	2.503s	7	1.26x

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

10 parallel streams (1MB each)

💻 Local Development

World	Framework	Workflow Time	TTFB	Slurp	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Nitro	0.698s (-27.9% 🟢)	1.031s (-17.4% 🟢)	0.000s (+24.1% 🔺)	1.048s (-16.6% 🟢)	0.350s	58	1.00x
🐘 Postgres	Express	0.724s (-24.7% 🟢)	1.050s (-17.8% 🟢)	0.000s (+61.4% 🔺)	1.062s (-18.7% 🟢)	0.338s	57	1.04x
🐘 Postgres	Next.js (Turbopack)	0.809s	1.053s	0.000s	1.059s	0.250s	57	1.16x
💻 Local	Next.js (Turbopack)	1.302s	1.948s	0.000s	1.951s	0.649s	31	1.87x
💻 Local	Nitro	1.448s (+18.5% 🔺)	2.015s (~)	0.000s (~)	2.017s (~)	0.568s	30	2.07x
💻 Local	Express	1.500s (+22.4% 🔺)	2.016s (~)	0.000s (-20.0% 🟢)	2.018s (~)	0.518s	30	2.15x

▲ Production (Vercel)

World	Framework	Workflow Time	TTFB	Slurp	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Express	3.741s (~)	5.040s (-1.2%)	0.000s (-54.2% 🟢)	5.454s (-1.4%)	1.713s	12	1.00x
▲ Vercel	Next.js (Turbopack)	4.081s (-59.9% 🟢)	5.397s (-53.1% 🟢)	0.001s (+Infinity% 🔺)	5.909s (-51.0% 🟢)	1.828s	11	1.09x
▲ Vercel	Nitro	4.159s (+36.4% 🔺)	5.444s (+23.9% 🔺)	0.000s (+136.4% 🔺)	5.989s (+24.5% 🔺)	1.830s	11	1.11x

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

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

💻 Local Development

World	Framework	Workflow Time	TTFB	Slurp	Wall Time	Overhead	Samples	vs Fastest
🐘 Postgres	🥇 Nitro	1.314s (-26.7% 🟢)	2.068s (-3.4%)	0.000s (-3.4%)	2.079s (-4.4%)	0.765s	29	1.00x
🐘 Postgres	Express	1.403s (-20.8% 🟢)	2.102s (-3.5%)	0.000s (+Infinity% 🔺)	2.113s (-3.9%)	0.711s	29	1.07x
🐘 Postgres	Next.js (Turbopack)	1.626s	2.216s	0.000s	2.223s	0.597s	28	1.24x
💻 Local	Next.js (Turbopack)	2.651s	3.184s	0.001s	3.187s	0.536s	19	2.02x
💻 Local	Express	3.346s (-3.5%)	3.907s (-3.1%)	0.001s (-14.1% 🟢)	3.910s (-3.1%)	0.564s	16	2.55x
💻 Local	Nitro	3.359s (-0.9%)	4.031s (~)	0.001s (+25.0% 🔺)	4.034s (~)	0.675s	15	2.56x

▲ Production (Vercel)

World	Framework	Workflow Time	TTFB	Slurp	Wall Time	Overhead	Samples	vs Fastest
▲ Vercel	🥇 Nitro	5.662s (+38.3% 🔺)	7.236s (+34.6% 🔺)	0.000s (-54.2% 🟢)	7.657s (+32.2% 🔺)	1.995s	8	1.00x
▲ Vercel	Next.js (Turbopack)	6.228s (+10.9% 🔺)	7.643s (+9.5% 🔺)	0.000s (+100.0% 🔺)	8.158s (+8.2% 🔺)	1.930s	8	1.10x
▲ Vercel	Express	⚠️missing	-	-	-	-	-

🔍 Observability: Nitro | Next.js (Turbopack)

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World	🥇 Fastest Framework	Wins
💻 Local	Nitro	9/21
🐘 Postgres	Express	14/21
▲ Vercel	Nitro	10/21

Fastest World by Framework

Winner determined by most benchmark wins

Framework	🥇 Fastest World	Wins
Express	🐘 Postgres	14/21
Next.js (Turbopack)	🐘 Postgres	11/21
Nitro	🐘 Postgres	15/21

Column Definitions

Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
Wall Time: Total testbench time (trigger workflow + poll for result)
Overhead: Testbench overhead (Wall Time - Workflow Time)
Samples: Number of benchmark iterations run
vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

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

📋 View full workflow run

github-actions · 2026-05-28T23:25:00Z

No backport to stable for e8e5292 (AI decision).

The primary file changed (packages/web-shared/src/components/ui/button.tsx) does not exist on stable — the shared Button component is main-only. The accompanying --ds-focus-color additions in styles.css exist solely to support that Button (and an icon-button also absent on stable), so backporting only the CSS variable wouldn't fix any user-visible behavior on stable.

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

e8e52925ad9603b6d613a5bb94d7c17e4a7f26be

mitul-s requested a review from a team as a code owner May 28, 2026 20:38

vercelBotdeployed to Preview – workflow-web May 28, 2026 20:39 View deployment

karthikscale3 approved these changes May 28, 2026
View reviewed changes

vercelBotdeployed to Preview – workbench-express-workflow May 28, 2026 20:39 View deployment

vercelBotdeployed to Preview – workflow-tarballs May 28, 2026 20:39 View deployment

vercelBotdeployed to Preview – workbench-fastify-workflow May 28, 2026 20:39 View deployment

vercelBotdeployed to Preview – workbench-nitro-workflow May 28, 2026 20:39 View deployment

vercelBotdeployed to Preview – workbench-hono-workflow May 28, 2026 20:39 View deployment

vercelBotdeployed to Preview – workbench-astro-workflow May 28, 2026 20:39 View deployment

vercelBotdeployed to Preview – workbench-sveltekit-workflow May 28, 2026 20:39 View deployment

vercelBotdeployed to Preview – workbench-vite-workflow May 28, 2026 20:39 View deployment

vercelBotdeployed to Preview – example-workflow May 28, 2026 20:40 View deployment

vercelBotdeployed to Preview – workbench-tanstack-start-workflow May 28, 2026 20:40 View deployment

vercelBotdeployed to Preview – workbench-nuxt-workflow May 28, 2026 20:40 View deployment

mitul-s enabled auto-merge (squash) May 28, 2026 20:40

vercelBotdeployed to Preview – example-nextjs-workflow-webpack May 28, 2026 20:40 View deployment

vercelBotdeployed to Preview – example-nextjs-workflow-turbopack May 28, 2026 20:40 View deployment

vercelBotdeployed to Preview – workflow-docs May 28, 2026 20:40 View deployment

vercelBotdeployed to Preview – workflow-swc-playground May 28, 2026 20:42 View deployment

mitul-s merged commit e8e5292 into mainMay 28, 2026
277 of 301 checks passed

mitul-s deleted the ms/geist-button-states branch May 28, 2026 23:24

This was referenced May 28, 2026
Version Packages (beta) #2147
Merged
Version Packages (beta) ben-vargas/workflow#104
Open
Version Packages (beta) Jokacar10/jkworkflow#332
Closed

This was referenced May 29, 2026
Version Packages (beta) Thegreatsura/workflow#1
Open
Version Packages (beta) erickirt/workflow#340
Closed

Uh oh!

Conversation

mitul-s commented May 28, 2026

Summary

Tailwind v3 + v4 compatibility

Test plan

Uh oh!

changeset-botBot commented May 28, 2026

🦋 Changeset detected

Uh oh!

vercelBot commented May 28, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actionsBot commented May 28, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🧪 E2E Test Results

Summary

Details by Category

Uh oh!

github-actionsBot commented May 28, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📊 Benchmark Results

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

💻 Local Development

▲ Production (Vercel)

Summary

Uh oh!

Uh oh!

github-actionsBot commented May 28, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

vercelBot commented May 28, 2026•
edited
Loading

github-actionsBot commented May 28, 2026•
edited
Loading

github-actionsBot commented May 28, 2026•
edited
Loading