Fix layout shift flicker in runs table by using refresh hook instead of reload - #808

Merged
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups
Jan 20, 2026
Merged

Fix layout shift flicker in runs table by using refresh hook instead of reload#808
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups

Conversation

@karthikscale3

Copy link
Copy Markdown
Contributor

Description

Replaces reload() with a new refresh() method in the runs table polling logic to prevent layout shift flicker. The refresh() method refetches the current page data without resetting pagination state, preserving the existing UI while loading fresh data.

Changes

  • Added refresh() method to useWorkflowRuns and useWorkflowHooks hooks that refetches current page without resetting state
  • Updated runs table polling to use refresh() instead of reload() for periodic updates
  • Prevents flicker by maintaining existing data during refresh operations

Testing

Verified that runs table updates smoothly without layout shifts when polling for new data.

…ding the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
@changeset-bot

changeset-botBot commented Jan 19, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 1278226

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

This PR includes changesets to release 6 packages
NameType
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/aiPatch
@workflow/docs-typecheckPatch

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

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

@vercel

vercelBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

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

❌ Failed Tests

🌍 Community Worlds (21 failed)

mongodb (1 failed):

  • webhookWorkflow

redis (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
❌ redis4110
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 19, 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.038s (-3.8%)1.014s (~)0.976s101.00x
💻 LocalNext.js (Turbopack)0.039s (+1.0%)1.017s (~)0.978s101.02x
🌐 RedisNext.js (Turbopack)0.041s (-5.1% 🟢)1.018s (~)0.977s101.06x
💻 LocalExpress0.043s (+2.1%)1.007s (~)0.964s101.13x
💻 LocalNitro0.045s (-2.6%)1.007s (~)0.962s101.16x
🌐 MongoDBNext.js (Turbopack)0.090s (+52.2% 🔺)1.014s (~)0.924s102.36x
🌐 TursoNext.js (Turbopack)0.095s (-12.8% 🟢)1.013s (~)0.918s102.47x
🐘 PostgresNext.js (Turbopack)0.171s (-57.7% 🟢)1.021s (-1.9%)0.850s104.46x
🐘 PostgresNitro0.246s (+12.8% 🔺)1.031s (+1.6%)0.785s106.43x
🐘 PostgresExpress0.319s (+4.8%)1.016s (~)0.697s108.33x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.608s (-30.7% 🟢)1.426s (-23.7% 🟢)0.817s101.00x
▲ VercelNitro0.679s (+2.6%)1.788s (+14.2% 🔺)1.109s101.12x
▲ VercelExpress0.745s (+14.2% 🔺)1.651s (-5.2% 🟢)0.906s101.23x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.081s (-0.9%)2.011s (~)0.929s101.00x
💻 LocalNext.js (Turbopack)1.095s (~)2.011s (~)0.916s101.01x
🌐 RedisNext.js (Turbopack)1.104s (~)2.013s (~)0.909s101.02x
💻 LocalExpress1.112s (~)2.006s (~)0.894s101.03x
💻 LocalNitro1.113s (~)2.007s (~)0.893s101.03x
🌐 TursoNext.js (Turbopack)1.293s (-0.9%)2.010s (~)0.717s101.20x
🌐 MongoDBNext.js (Turbopack)1.294s (-1.2%)2.014s (~)0.720s101.20x
🐘 PostgresNext.js (Turbopack)1.874s (+2.5%)2.117s (+5.0% 🔺)0.243s101.73x
🐘 PostgresExpress2.154s (~)3.015s (~)0.861s101.99x
🐘 PostgresNitro2.229s (-1.1%)3.013s (~)0.784s102.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.784s (+3.0%)3.677s (-2.8%)0.893s101.00x
▲ VercelNitro2.845s (+6.3% 🔺)3.702s (+3.1%)0.857s101.02x
▲ VercelNext.js (Turbopack)2.880s (+1.4%)3.691s (~)0.811s101.03x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.593s (~)11.011s (~)0.418s51.00x
💻 LocalNext.js (Turbopack)10.671s (~)11.015s (~)0.344s51.01x
🌐 RedisNext.js (Turbopack)10.684s (~)11.015s (~)0.331s51.01x
💻 LocalNitro10.796s (~)11.015s (~)0.218s51.02x
💻 LocalExpress10.802s (~)11.013s (~)0.211s51.02x
🌐 TursoNext.js (Turbopack)12.177s (~)13.021s (~)0.844s51.15x
🌐 MongoDBNext.js (Turbopack)12.249s (~)13.026s (~)0.778s51.16x
🐘 PostgresNext.js (Turbopack)15.334s (+1.0%)16.035s (~)0.700s51.45x
🐘 PostgresNitro20.345s (~)21.036s (~)0.691s51.92x
🐘 PostgresExpress20.538s (~)21.035s (~)0.498s51.94x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.005s (-3.4%)22.549s (-4.1%)0.543s51.00x
▲ VercelNitro22.399s (+1.1%)23.286s (+2.2%)0.887s51.02x
▲ VercelExpress22.402s (-0.9%)23.111s (-1.7%)0.709s51.02x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.343s (~)2.008s (~)0.665s151.00x
🌐 RedisNext.js (Turbopack)1.353s (~)2.010s (~)0.657s151.01x
💻 LocalNext.js (Turbopack)1.382s (~)2.012s (~)0.630s151.03x
💻 LocalNitro1.425s (+0.7%)2.006s (~)0.581s151.06x
💻 LocalExpress1.426s (+1.2%)2.006s (~)0.580s151.06x
🌐 MongoDBNext.js (Turbopack)2.150s (~)3.013s (~)0.863s101.60x
🌐 TursoNext.js (Turbopack)2.215s (~)3.014s (~)0.799s101.65x
🐘 PostgresNext.js (Turbopack)2.412s (+26.4% 🔺)3.027s (+35.8% 🔺)0.615s101.80x
🐘 PostgresNitro2.451s (+5.2% 🔺)3.013s (~)0.562s101.82x
🐘 PostgresExpress2.469s (+5.5% 🔺)3.013s (~)0.544s101.84x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.937s (-9.2% 🟢)3.886s (-3.6%)0.949s81.00x
▲ VercelExpress2.974s (+4.3%)3.692s (-4.9%)0.719s91.01x
▲ VercelNext.js (Turbopack)3.094s (+4.4%)3.822s (+3.3%)0.728s81.05x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.091s (-1.8%)2.952s (-3.2%)0.861s111.00x
💻 LocalNitro2.211s (-1.8%)3.177s (~)0.966s101.06x
💻 LocalExpress2.231s (~)3.198s (+0.9%)0.967s101.07x
🌐 StarterNext.js (Turbopack)2.457s (~)3.008s (~)0.551s101.18x
🌐 RedisNext.js (Turbopack)2.461s (-1.0%)3.012s (~)0.551s101.18x
🐘 PostgresNext.js (Turbopack)2.768s (+6.8% 🔺)3.019s (~)0.251s101.32x
🐘 PostgresNitro2.902s (-4.6%)3.222s (-10.3% 🟢)0.319s101.39x
🐘 PostgresExpress2.945s (-4.9%)3.124s (-12.9% 🟢)0.179s101.41x
🌐 MongoDBNext.js (Turbopack)4.622s (-3.5%)5.183s (~)0.561s62.21x
🌐 TursoNext.js (Turbopack)4.656s (-1.3%)5.181s (~)0.525s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.386s (+5.3% 🔺)4.041s (+9.3% 🔺)0.656s81.00x
▲ VercelExpress3.758s (~)4.834s (+12.1% 🔺)1.076s71.11x
▲ VercelNext.js (Turbopack)5.962s (+62.3% 🔺)6.571s (+48.6% 🔺)0.609s51.76x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.342s (-1.7%)2.010s (~)0.668s151.00x
🌐 StarterNext.js (Turbopack)1.359s (+1.4%)2.007s (~)0.648s151.01x
💻 LocalNext.js (Turbopack)1.397s (~)2.015s (~)0.618s151.04x
💻 LocalExpress1.428s (~)2.006s (~)0.578s151.06x
💻 LocalNitro1.434s (~)2.006s (~)0.572s151.07x
🐘 PostgresNext.js (Turbopack)1.713s (-5.3% 🟢)2.014s (~)0.301s151.28x
🐘 PostgresExpress1.994s (+13.0% 🔺)2.233s (+11.1% 🔺)0.239s141.49x
🐘 PostgresNitro2.045s (+15.6% 🔺)2.399s (+19.4% 🔺)0.354s131.52x
🌐 MongoDBNext.js (Turbopack)2.146s (+0.7%)3.013s (~)0.867s101.60x
🌐 TursoNext.js (Turbopack)2.219s (~)3.014s (~)0.795s101.65x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.820s (-5.2% 🟢)3.582s (-3.5%)0.763s91.00x
▲ VercelExpress2.825s (+4.4%)3.732s (+2.4%)0.907s91.00x
▲ VercelNitro2.887s (-5.3% 🟢)3.902s (+3.0%)1.015s81.02x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.244s (+3.8%)3.205s (+6.4% 🔺)0.962s101.00x
💻 LocalNitro2.271s (+2.0%)3.226s (+1.1%)0.955s101.01x
💻 LocalExpress2.279s (~)3.214s (-0.6%)0.935s101.02x
🌐 RedisNext.js (Turbopack)2.462s (-2.4%)3.011s (~)0.548s101.10x
🌐 StarterNext.js (Turbopack)2.478s (+1.3%)3.021s (~)0.543s101.10x
🐘 PostgresExpress2.709s (+2.7%)3.213s (+6.1% 🔺)0.504s101.21x
🐘 PostgresNitro2.842s (+8.6% 🔺)3.012s (~)0.170s101.27x
🐘 PostgresNext.js (Turbopack)3.074s (+17.0% 🔺)3.454s (+14.6% 🔺)0.380s91.37x
🌐 MongoDBNext.js (Turbopack)4.618s (-1.1%)5.178s (~)0.560s62.06x
🌐 TursoNext.js (Turbopack)4.774s (+2.2%)5.185s (~)0.410s62.13x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.297s (+3.1%)4.109s (+5.8% 🔺)0.812s81.00x
▲ VercelNext.js (Turbopack)3.312s (-13.6% 🟢)3.916s (-9.9% 🟢)0.605s81.00x
▲ VercelNitro3.393s (+4.3%)4.069s (+8.1% 🔺)0.676s81.03x

🔍 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.130s (+1.2%)1.006s (~)0.000s (NaN%)1.011s (~)0.881s101.00x
💻 LocalNext.js (Turbopack)0.137s (+1.9%)1.003s (~)0.016s (+1.3%)1.027s (~)0.890s101.06x
🌐 RedisNext.js (Turbopack)0.141s (-3.8%)1.005s (~)0.000s (NaN%)1.014s (~)0.873s101.08x
💻 LocalNitro0.176s (-3.2%)0.993s (~)0.017s (+14.2% 🔺)1.023s (~)0.847s101.36x
💻 LocalExpress0.180s (+2.5%)0.992s (~)0.017s (+3.1%)1.023s (~)0.843s101.38x
🌐 MongoDBNext.js (Turbopack)0.475s (-8.0% 🟢)0.974s (+4.1%)0.000s (-100.0% 🟢)1.013s (~)0.539s103.65x
🌐 TursoNext.js (Turbopack)0.489s (-1.2%)0.959s (~)0.000s (NaN%)1.012s (~)0.523s103.76x
🐘 PostgresNext.js (Turbopack)1.135s (-18.1% 🟢)1.909s (+14.9% 🔺)0.000s (-100.0% 🟢)2.018s (~)0.882s108.74x
🐘 PostgresNitro2.343s (+4.7%)2.702s (-3.5%)0.000s (+Infinity% 🔺)3.014s (~)0.671s1018.04x
🐘 PostgresExpress2.370s (+4.7%)2.675s (-3.8%)0.000s (NaN%)3.015s (~)0.645s1018.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.869s (+1.5%)3.513s (+5.3% 🔺)0.368s (-7.9% 🟢)4.410s (+3.9%)1.541s101.00x
▲ VercelNitro2.891s (+4.8%)3.369s (+7.8% 🔺)0.412s (+19.1% 🔺)4.340s (+11.2% 🔺)1.449s101.01x
▲ VercelNext.js (Turbopack)2.926s (+4.0%)3.124s (-2.4%)0.557s (+6.8% 🔺)4.139s (~)1.213s101.02x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

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

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter5/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 thread.changeset/pretty-teeth-brush.md Outdated
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
…ading the entire page. This prevents the layout shift flicker that was happening previously.
@karthikscale3
karthikscale3 merged commit ee7b1fd into mainJan 20, 2026
92 checks passed
@karthikscale3
karthikscale3 deleted the karthik/cleanups branch January 20, 2026 01:57
VaguelySerious added a commit that referenced this pull request Jan 23, 2026
…of reload (#808)
* Made a minor fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
* Update .changeset/pretty-teeth-brush.md
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
* Hooks table - fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
---------
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
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.

3 participants

@karthikscale3@TooTallNate@VaguelySerious
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n 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;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Fix layout shift flicker in runs table by using refresh hook instead of reload - #808

Merged
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups
Jan 20, 2026
Merged

Fix layout shift flicker in runs table by using refresh hook instead of reload#808
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups

Conversation

@karthikscale3

Copy link
Copy Markdown
Contributor

Description

Replaces reload() with a new refresh() method in the runs table polling logic to prevent layout shift flicker. The refresh() method refetches the current page data without resetting pagination state, preserving the existing UI while loading fresh data.

Changes

  • Added refresh() method to useWorkflowRuns and useWorkflowHooks hooks that refetches current page without resetting state
  • Updated runs table polling to use refresh() instead of reload() for periodic updates
  • Prevents flicker by maintaining existing data during refresh operations

Testing

Verified that runs table updates smoothly without layout shifts when polling for new data.

…ding the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
@changeset-bot

changeset-botBot commented Jan 19, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 1278226

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

This PR includes changesets to release 6 packages
NameType
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/aiPatch
@workflow/docs-typecheckPatch

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

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

@vercel

vercelBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

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

❌ Failed Tests

🌍 Community Worlds (21 failed)

mongodb (1 failed):

  • webhookWorkflow

redis (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
❌ redis4110
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 19, 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.038s (-3.8%)1.014s (~)0.976s101.00x
💻 LocalNext.js (Turbopack)0.039s (+1.0%)1.017s (~)0.978s101.02x
🌐 RedisNext.js (Turbopack)0.041s (-5.1% 🟢)1.018s (~)0.977s101.06x
💻 LocalExpress0.043s (+2.1%)1.007s (~)0.964s101.13x
💻 LocalNitro0.045s (-2.6%)1.007s (~)0.962s101.16x
🌐 MongoDBNext.js (Turbopack)0.090s (+52.2% 🔺)1.014s (~)0.924s102.36x
🌐 TursoNext.js (Turbopack)0.095s (-12.8% 🟢)1.013s (~)0.918s102.47x
🐘 PostgresNext.js (Turbopack)0.171s (-57.7% 🟢)1.021s (-1.9%)0.850s104.46x
🐘 PostgresNitro0.246s (+12.8% 🔺)1.031s (+1.6%)0.785s106.43x
🐘 PostgresExpress0.319s (+4.8%)1.016s (~)0.697s108.33x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.608s (-30.7% 🟢)1.426s (-23.7% 🟢)0.817s101.00x
▲ VercelNitro0.679s (+2.6%)1.788s (+14.2% 🔺)1.109s101.12x
▲ VercelExpress0.745s (+14.2% 🔺)1.651s (-5.2% 🟢)0.906s101.23x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.081s (-0.9%)2.011s (~)0.929s101.00x
💻 LocalNext.js (Turbopack)1.095s (~)2.011s (~)0.916s101.01x
🌐 RedisNext.js (Turbopack)1.104s (~)2.013s (~)0.909s101.02x
💻 LocalExpress1.112s (~)2.006s (~)0.894s101.03x
💻 LocalNitro1.113s (~)2.007s (~)0.893s101.03x
🌐 TursoNext.js (Turbopack)1.293s (-0.9%)2.010s (~)0.717s101.20x
🌐 MongoDBNext.js (Turbopack)1.294s (-1.2%)2.014s (~)0.720s101.20x
🐘 PostgresNext.js (Turbopack)1.874s (+2.5%)2.117s (+5.0% 🔺)0.243s101.73x
🐘 PostgresExpress2.154s (~)3.015s (~)0.861s101.99x
🐘 PostgresNitro2.229s (-1.1%)3.013s (~)0.784s102.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.784s (+3.0%)3.677s (-2.8%)0.893s101.00x
▲ VercelNitro2.845s (+6.3% 🔺)3.702s (+3.1%)0.857s101.02x
▲ VercelNext.js (Turbopack)2.880s (+1.4%)3.691s (~)0.811s101.03x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.593s (~)11.011s (~)0.418s51.00x
💻 LocalNext.js (Turbopack)10.671s (~)11.015s (~)0.344s51.01x
🌐 RedisNext.js (Turbopack)10.684s (~)11.015s (~)0.331s51.01x
💻 LocalNitro10.796s (~)11.015s (~)0.218s51.02x
💻 LocalExpress10.802s (~)11.013s (~)0.211s51.02x
🌐 TursoNext.js (Turbopack)12.177s (~)13.021s (~)0.844s51.15x
🌐 MongoDBNext.js (Turbopack)12.249s (~)13.026s (~)0.778s51.16x
🐘 PostgresNext.js (Turbopack)15.334s (+1.0%)16.035s (~)0.700s51.45x
🐘 PostgresNitro20.345s (~)21.036s (~)0.691s51.92x
🐘 PostgresExpress20.538s (~)21.035s (~)0.498s51.94x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.005s (-3.4%)22.549s (-4.1%)0.543s51.00x
▲ VercelNitro22.399s (+1.1%)23.286s (+2.2%)0.887s51.02x
▲ VercelExpress22.402s (-0.9%)23.111s (-1.7%)0.709s51.02x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.343s (~)2.008s (~)0.665s151.00x
🌐 RedisNext.js (Turbopack)1.353s (~)2.010s (~)0.657s151.01x
💻 LocalNext.js (Turbopack)1.382s (~)2.012s (~)0.630s151.03x
💻 LocalNitro1.425s (+0.7%)2.006s (~)0.581s151.06x
💻 LocalExpress1.426s (+1.2%)2.006s (~)0.580s151.06x
🌐 MongoDBNext.js (Turbopack)2.150s (~)3.013s (~)0.863s101.60x
🌐 TursoNext.js (Turbopack)2.215s (~)3.014s (~)0.799s101.65x
🐘 PostgresNext.js (Turbopack)2.412s (+26.4% 🔺)3.027s (+35.8% 🔺)0.615s101.80x
🐘 PostgresNitro2.451s (+5.2% 🔺)3.013s (~)0.562s101.82x
🐘 PostgresExpress2.469s (+5.5% 🔺)3.013s (~)0.544s101.84x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.937s (-9.2% 🟢)3.886s (-3.6%)0.949s81.00x
▲ VercelExpress2.974s (+4.3%)3.692s (-4.9%)0.719s91.01x
▲ VercelNext.js (Turbopack)3.094s (+4.4%)3.822s (+3.3%)0.728s81.05x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.091s (-1.8%)2.952s (-3.2%)0.861s111.00x
💻 LocalNitro2.211s (-1.8%)3.177s (~)0.966s101.06x
💻 LocalExpress2.231s (~)3.198s (+0.9%)0.967s101.07x
🌐 StarterNext.js (Turbopack)2.457s (~)3.008s (~)0.551s101.18x
🌐 RedisNext.js (Turbopack)2.461s (-1.0%)3.012s (~)0.551s101.18x
🐘 PostgresNext.js (Turbopack)2.768s (+6.8% 🔺)3.019s (~)0.251s101.32x
🐘 PostgresNitro2.902s (-4.6%)3.222s (-10.3% 🟢)0.319s101.39x
🐘 PostgresExpress2.945s (-4.9%)3.124s (-12.9% 🟢)0.179s101.41x
🌐 MongoDBNext.js (Turbopack)4.622s (-3.5%)5.183s (~)0.561s62.21x
🌐 TursoNext.js (Turbopack)4.656s (-1.3%)5.181s (~)0.525s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.386s (+5.3% 🔺)4.041s (+9.3% 🔺)0.656s81.00x
▲ VercelExpress3.758s (~)4.834s (+12.1% 🔺)1.076s71.11x
▲ VercelNext.js (Turbopack)5.962s (+62.3% 🔺)6.571s (+48.6% 🔺)0.609s51.76x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.342s (-1.7%)2.010s (~)0.668s151.00x
🌐 StarterNext.js (Turbopack)1.359s (+1.4%)2.007s (~)0.648s151.01x
💻 LocalNext.js (Turbopack)1.397s (~)2.015s (~)0.618s151.04x
💻 LocalExpress1.428s (~)2.006s (~)0.578s151.06x
💻 LocalNitro1.434s (~)2.006s (~)0.572s151.07x
🐘 PostgresNext.js (Turbopack)1.713s (-5.3% 🟢)2.014s (~)0.301s151.28x
🐘 PostgresExpress1.994s (+13.0% 🔺)2.233s (+11.1% 🔺)0.239s141.49x
🐘 PostgresNitro2.045s (+15.6% 🔺)2.399s (+19.4% 🔺)0.354s131.52x
🌐 MongoDBNext.js (Turbopack)2.146s (+0.7%)3.013s (~)0.867s101.60x
🌐 TursoNext.js (Turbopack)2.219s (~)3.014s (~)0.795s101.65x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.820s (-5.2% 🟢)3.582s (-3.5%)0.763s91.00x
▲ VercelExpress2.825s (+4.4%)3.732s (+2.4%)0.907s91.00x
▲ VercelNitro2.887s (-5.3% 🟢)3.902s (+3.0%)1.015s81.02x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.244s (+3.8%)3.205s (+6.4% 🔺)0.962s101.00x
💻 LocalNitro2.271s (+2.0%)3.226s (+1.1%)0.955s101.01x
💻 LocalExpress2.279s (~)3.214s (-0.6%)0.935s101.02x
🌐 RedisNext.js (Turbopack)2.462s (-2.4%)3.011s (~)0.548s101.10x
🌐 StarterNext.js (Turbopack)2.478s (+1.3%)3.021s (~)0.543s101.10x
🐘 PostgresExpress2.709s (+2.7%)3.213s (+6.1% 🔺)0.504s101.21x
🐘 PostgresNitro2.842s (+8.6% 🔺)3.012s (~)0.170s101.27x
🐘 PostgresNext.js (Turbopack)3.074s (+17.0% 🔺)3.454s (+14.6% 🔺)0.380s91.37x
🌐 MongoDBNext.js (Turbopack)4.618s (-1.1%)5.178s (~)0.560s62.06x
🌐 TursoNext.js (Turbopack)4.774s (+2.2%)5.185s (~)0.410s62.13x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.297s (+3.1%)4.109s (+5.8% 🔺)0.812s81.00x
▲ VercelNext.js (Turbopack)3.312s (-13.6% 🟢)3.916s (-9.9% 🟢)0.605s81.00x
▲ VercelNitro3.393s (+4.3%)4.069s (+8.1% 🔺)0.676s81.03x

🔍 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.130s (+1.2%)1.006s (~)0.000s (NaN%)1.011s (~)0.881s101.00x
💻 LocalNext.js (Turbopack)0.137s (+1.9%)1.003s (~)0.016s (+1.3%)1.027s (~)0.890s101.06x
🌐 RedisNext.js (Turbopack)0.141s (-3.8%)1.005s (~)0.000s (NaN%)1.014s (~)0.873s101.08x
💻 LocalNitro0.176s (-3.2%)0.993s (~)0.017s (+14.2% 🔺)1.023s (~)0.847s101.36x
💻 LocalExpress0.180s (+2.5%)0.992s (~)0.017s (+3.1%)1.023s (~)0.843s101.38x
🌐 MongoDBNext.js (Turbopack)0.475s (-8.0% 🟢)0.974s (+4.1%)0.000s (-100.0% 🟢)1.013s (~)0.539s103.65x
🌐 TursoNext.js (Turbopack)0.489s (-1.2%)0.959s (~)0.000s (NaN%)1.012s (~)0.523s103.76x
🐘 PostgresNext.js (Turbopack)1.135s (-18.1% 🟢)1.909s (+14.9% 🔺)0.000s (-100.0% 🟢)2.018s (~)0.882s108.74x
🐘 PostgresNitro2.343s (+4.7%)2.702s (-3.5%)0.000s (+Infinity% 🔺)3.014s (~)0.671s1018.04x
🐘 PostgresExpress2.370s (+4.7%)2.675s (-3.8%)0.000s (NaN%)3.015s (~)0.645s1018.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.869s (+1.5%)3.513s (+5.3% 🔺)0.368s (-7.9% 🟢)4.410s (+3.9%)1.541s101.00x
▲ VercelNitro2.891s (+4.8%)3.369s (+7.8% 🔺)0.412s (+19.1% 🔺)4.340s (+11.2% 🔺)1.449s101.01x
▲ VercelNext.js (Turbopack)2.926s (+4.0%)3.124s (-2.4%)0.557s (+6.8% 🔺)4.139s (~)1.213s101.02x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

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

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter5/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 thread.changeset/pretty-teeth-brush.md Outdated
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
…ading the entire page. This prevents the layout shift flicker that was happening previously.
@karthikscale3
karthikscale3 merged commit ee7b1fd into mainJan 20, 2026
92 checks passed
@karthikscale3
karthikscale3 deleted the karthik/cleanups branch January 20, 2026 01:57
VaguelySerious added a commit that referenced this pull request Jan 23, 2026
…of reload (#808)
* Made a minor fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
* Update .changeset/pretty-teeth-brush.md
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
* Hooks table - fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
---------
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
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.

3 participants

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

Fix layout shift flicker in runs table by using refresh hook instead of reload - #808

Merged
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups
Jan 20, 2026
Merged

Fix layout shift flicker in runs table by using refresh hook instead of reload#808
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups

Conversation

@karthikscale3

Copy link
Copy Markdown
Contributor

Description

Replaces reload() with a new refresh() method in the runs table polling logic to prevent layout shift flicker. The refresh() method refetches the current page data without resetting pagination state, preserving the existing UI while loading fresh data.

Changes

  • Added refresh() method to useWorkflowRuns and useWorkflowHooks hooks that refetches current page without resetting state
  • Updated runs table polling to use refresh() instead of reload() for periodic updates
  • Prevents flicker by maintaining existing data during refresh operations

Testing

Verified that runs table updates smoothly without layout shifts when polling for new data.

…ding the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
@changeset-bot

changeset-botBot commented Jan 19, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 1278226

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

This PR includes changesets to release 6 packages
NameType
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/aiPatch
@workflow/docs-typecheckPatch

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

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

@vercel

vercelBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

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

❌ Failed Tests

🌍 Community Worlds (21 failed)

mongodb (1 failed):

  • webhookWorkflow

redis (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
❌ redis4110
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 19, 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.038s (-3.8%)1.014s (~)0.976s101.00x
💻 LocalNext.js (Turbopack)0.039s (+1.0%)1.017s (~)0.978s101.02x
🌐 RedisNext.js (Turbopack)0.041s (-5.1% 🟢)1.018s (~)0.977s101.06x
💻 LocalExpress0.043s (+2.1%)1.007s (~)0.964s101.13x
💻 LocalNitro0.045s (-2.6%)1.007s (~)0.962s101.16x
🌐 MongoDBNext.js (Turbopack)0.090s (+52.2% 🔺)1.014s (~)0.924s102.36x
🌐 TursoNext.js (Turbopack)0.095s (-12.8% 🟢)1.013s (~)0.918s102.47x
🐘 PostgresNext.js (Turbopack)0.171s (-57.7% 🟢)1.021s (-1.9%)0.850s104.46x
🐘 PostgresNitro0.246s (+12.8% 🔺)1.031s (+1.6%)0.785s106.43x
🐘 PostgresExpress0.319s (+4.8%)1.016s (~)0.697s108.33x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.608s (-30.7% 🟢)1.426s (-23.7% 🟢)0.817s101.00x
▲ VercelNitro0.679s (+2.6%)1.788s (+14.2% 🔺)1.109s101.12x
▲ VercelExpress0.745s (+14.2% 🔺)1.651s (-5.2% 🟢)0.906s101.23x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.081s (-0.9%)2.011s (~)0.929s101.00x
💻 LocalNext.js (Turbopack)1.095s (~)2.011s (~)0.916s101.01x
🌐 RedisNext.js (Turbopack)1.104s (~)2.013s (~)0.909s101.02x
💻 LocalExpress1.112s (~)2.006s (~)0.894s101.03x
💻 LocalNitro1.113s (~)2.007s (~)0.893s101.03x
🌐 TursoNext.js (Turbopack)1.293s (-0.9%)2.010s (~)0.717s101.20x
🌐 MongoDBNext.js (Turbopack)1.294s (-1.2%)2.014s (~)0.720s101.20x
🐘 PostgresNext.js (Turbopack)1.874s (+2.5%)2.117s (+5.0% 🔺)0.243s101.73x
🐘 PostgresExpress2.154s (~)3.015s (~)0.861s101.99x
🐘 PostgresNitro2.229s (-1.1%)3.013s (~)0.784s102.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.784s (+3.0%)3.677s (-2.8%)0.893s101.00x
▲ VercelNitro2.845s (+6.3% 🔺)3.702s (+3.1%)0.857s101.02x
▲ VercelNext.js (Turbopack)2.880s (+1.4%)3.691s (~)0.811s101.03x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.593s (~)11.011s (~)0.418s51.00x
💻 LocalNext.js (Turbopack)10.671s (~)11.015s (~)0.344s51.01x
🌐 RedisNext.js (Turbopack)10.684s (~)11.015s (~)0.331s51.01x
💻 LocalNitro10.796s (~)11.015s (~)0.218s51.02x
💻 LocalExpress10.802s (~)11.013s (~)0.211s51.02x
🌐 TursoNext.js (Turbopack)12.177s (~)13.021s (~)0.844s51.15x
🌐 MongoDBNext.js (Turbopack)12.249s (~)13.026s (~)0.778s51.16x
🐘 PostgresNext.js (Turbopack)15.334s (+1.0%)16.035s (~)0.700s51.45x
🐘 PostgresNitro20.345s (~)21.036s (~)0.691s51.92x
🐘 PostgresExpress20.538s (~)21.035s (~)0.498s51.94x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.005s (-3.4%)22.549s (-4.1%)0.543s51.00x
▲ VercelNitro22.399s (+1.1%)23.286s (+2.2%)0.887s51.02x
▲ VercelExpress22.402s (-0.9%)23.111s (-1.7%)0.709s51.02x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.343s (~)2.008s (~)0.665s151.00x
🌐 RedisNext.js (Turbopack)1.353s (~)2.010s (~)0.657s151.01x
💻 LocalNext.js (Turbopack)1.382s (~)2.012s (~)0.630s151.03x
💻 LocalNitro1.425s (+0.7%)2.006s (~)0.581s151.06x
💻 LocalExpress1.426s (+1.2%)2.006s (~)0.580s151.06x
🌐 MongoDBNext.js (Turbopack)2.150s (~)3.013s (~)0.863s101.60x
🌐 TursoNext.js (Turbopack)2.215s (~)3.014s (~)0.799s101.65x
🐘 PostgresNext.js (Turbopack)2.412s (+26.4% 🔺)3.027s (+35.8% 🔺)0.615s101.80x
🐘 PostgresNitro2.451s (+5.2% 🔺)3.013s (~)0.562s101.82x
🐘 PostgresExpress2.469s (+5.5% 🔺)3.013s (~)0.544s101.84x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.937s (-9.2% 🟢)3.886s (-3.6%)0.949s81.00x
▲ VercelExpress2.974s (+4.3%)3.692s (-4.9%)0.719s91.01x
▲ VercelNext.js (Turbopack)3.094s (+4.4%)3.822s (+3.3%)0.728s81.05x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.091s (-1.8%)2.952s (-3.2%)0.861s111.00x
💻 LocalNitro2.211s (-1.8%)3.177s (~)0.966s101.06x
💻 LocalExpress2.231s (~)3.198s (+0.9%)0.967s101.07x
🌐 StarterNext.js (Turbopack)2.457s (~)3.008s (~)0.551s101.18x
🌐 RedisNext.js (Turbopack)2.461s (-1.0%)3.012s (~)0.551s101.18x
🐘 PostgresNext.js (Turbopack)2.768s (+6.8% 🔺)3.019s (~)0.251s101.32x
🐘 PostgresNitro2.902s (-4.6%)3.222s (-10.3% 🟢)0.319s101.39x
🐘 PostgresExpress2.945s (-4.9%)3.124s (-12.9% 🟢)0.179s101.41x
🌐 MongoDBNext.js (Turbopack)4.622s (-3.5%)5.183s (~)0.561s62.21x
🌐 TursoNext.js (Turbopack)4.656s (-1.3%)5.181s (~)0.525s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.386s (+5.3% 🔺)4.041s (+9.3% 🔺)0.656s81.00x
▲ VercelExpress3.758s (~)4.834s (+12.1% 🔺)1.076s71.11x
▲ VercelNext.js (Turbopack)5.962s (+62.3% 🔺)6.571s (+48.6% 🔺)0.609s51.76x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.342s (-1.7%)2.010s (~)0.668s151.00x
🌐 StarterNext.js (Turbopack)1.359s (+1.4%)2.007s (~)0.648s151.01x
💻 LocalNext.js (Turbopack)1.397s (~)2.015s (~)0.618s151.04x
💻 LocalExpress1.428s (~)2.006s (~)0.578s151.06x
💻 LocalNitro1.434s (~)2.006s (~)0.572s151.07x
🐘 PostgresNext.js (Turbopack)1.713s (-5.3% 🟢)2.014s (~)0.301s151.28x
🐘 PostgresExpress1.994s (+13.0% 🔺)2.233s (+11.1% 🔺)0.239s141.49x
🐘 PostgresNitro2.045s (+15.6% 🔺)2.399s (+19.4% 🔺)0.354s131.52x
🌐 MongoDBNext.js (Turbopack)2.146s (+0.7%)3.013s (~)0.867s101.60x
🌐 TursoNext.js (Turbopack)2.219s (~)3.014s (~)0.795s101.65x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.820s (-5.2% 🟢)3.582s (-3.5%)0.763s91.00x
▲ VercelExpress2.825s (+4.4%)3.732s (+2.4%)0.907s91.00x
▲ VercelNitro2.887s (-5.3% 🟢)3.902s (+3.0%)1.015s81.02x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.244s (+3.8%)3.205s (+6.4% 🔺)0.962s101.00x
💻 LocalNitro2.271s (+2.0%)3.226s (+1.1%)0.955s101.01x
💻 LocalExpress2.279s (~)3.214s (-0.6%)0.935s101.02x
🌐 RedisNext.js (Turbopack)2.462s (-2.4%)3.011s (~)0.548s101.10x
🌐 StarterNext.js (Turbopack)2.478s (+1.3%)3.021s (~)0.543s101.10x
🐘 PostgresExpress2.709s (+2.7%)3.213s (+6.1% 🔺)0.504s101.21x
🐘 PostgresNitro2.842s (+8.6% 🔺)3.012s (~)0.170s101.27x
🐘 PostgresNext.js (Turbopack)3.074s (+17.0% 🔺)3.454s (+14.6% 🔺)0.380s91.37x
🌐 MongoDBNext.js (Turbopack)4.618s (-1.1%)5.178s (~)0.560s62.06x
🌐 TursoNext.js (Turbopack)4.774s (+2.2%)5.185s (~)0.410s62.13x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.297s (+3.1%)4.109s (+5.8% 🔺)0.812s81.00x
▲ VercelNext.js (Turbopack)3.312s (-13.6% 🟢)3.916s (-9.9% 🟢)0.605s81.00x
▲ VercelNitro3.393s (+4.3%)4.069s (+8.1% 🔺)0.676s81.03x

🔍 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.130s (+1.2%)1.006s (~)0.000s (NaN%)1.011s (~)0.881s101.00x
💻 LocalNext.js (Turbopack)0.137s (+1.9%)1.003s (~)0.016s (+1.3%)1.027s (~)0.890s101.06x
🌐 RedisNext.js (Turbopack)0.141s (-3.8%)1.005s (~)0.000s (NaN%)1.014s (~)0.873s101.08x
💻 LocalNitro0.176s (-3.2%)0.993s (~)0.017s (+14.2% 🔺)1.023s (~)0.847s101.36x
💻 LocalExpress0.180s (+2.5%)0.992s (~)0.017s (+3.1%)1.023s (~)0.843s101.38x
🌐 MongoDBNext.js (Turbopack)0.475s (-8.0% 🟢)0.974s (+4.1%)0.000s (-100.0% 🟢)1.013s (~)0.539s103.65x
🌐 TursoNext.js (Turbopack)0.489s (-1.2%)0.959s (~)0.000s (NaN%)1.012s (~)0.523s103.76x
🐘 PostgresNext.js (Turbopack)1.135s (-18.1% 🟢)1.909s (+14.9% 🔺)0.000s (-100.0% 🟢)2.018s (~)0.882s108.74x
🐘 PostgresNitro2.343s (+4.7%)2.702s (-3.5%)0.000s (+Infinity% 🔺)3.014s (~)0.671s1018.04x
🐘 PostgresExpress2.370s (+4.7%)2.675s (-3.8%)0.000s (NaN%)3.015s (~)0.645s1018.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.869s (+1.5%)3.513s (+5.3% 🔺)0.368s (-7.9% 🟢)4.410s (+3.9%)1.541s101.00x
▲ VercelNitro2.891s (+4.8%)3.369s (+7.8% 🔺)0.412s (+19.1% 🔺)4.340s (+11.2% 🔺)1.449s101.01x
▲ VercelNext.js (Turbopack)2.926s (+4.0%)3.124s (-2.4%)0.557s (+6.8% 🔺)4.139s (~)1.213s101.02x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

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

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter5/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 thread.changeset/pretty-teeth-brush.md Outdated
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
…ading the entire page. This prevents the layout shift flicker that was happening previously.
@karthikscale3
karthikscale3 merged commit ee7b1fd into mainJan 20, 2026
92 checks passed
@karthikscale3
karthikscale3 deleted the karthik/cleanups branch January 20, 2026 01:57
VaguelySerious added a commit that referenced this pull request Jan 23, 2026
…of reload (#808)
* Made a minor fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
* Update .changeset/pretty-teeth-brush.md
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
* Hooks table - fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
---------
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
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.

3 participants

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

Fix layout shift flicker in runs table by using refresh hook instead of reload - #808

Merged
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups
Jan 20, 2026
Merged

Fix layout shift flicker in runs table by using refresh hook instead of reload#808
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups

Conversation

@karthikscale3

Copy link
Copy Markdown
Contributor

Description

Replaces reload() with a new refresh() method in the runs table polling logic to prevent layout shift flicker. The refresh() method refetches the current page data without resetting pagination state, preserving the existing UI while loading fresh data.

Changes

  • Added refresh() method to useWorkflowRuns and useWorkflowHooks hooks that refetches current page without resetting state
  • Updated runs table polling to use refresh() instead of reload() for periodic updates
  • Prevents flicker by maintaining existing data during refresh operations

Testing

Verified that runs table updates smoothly without layout shifts when polling for new data.

…ding the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
@changeset-bot

changeset-botBot commented Jan 19, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 1278226

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

This PR includes changesets to release 6 packages
NameType
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/aiPatch
@workflow/docs-typecheckPatch

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

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

@vercel

vercelBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

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

❌ Failed Tests

🌍 Community Worlds (21 failed)

mongodb (1 failed):

  • webhookWorkflow

redis (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
❌ redis4110
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 19, 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.038s (-3.8%)1.014s (~)0.976s101.00x
💻 LocalNext.js (Turbopack)0.039s (+1.0%)1.017s (~)0.978s101.02x
🌐 RedisNext.js (Turbopack)0.041s (-5.1% 🟢)1.018s (~)0.977s101.06x
💻 LocalExpress0.043s (+2.1%)1.007s (~)0.964s101.13x
💻 LocalNitro0.045s (-2.6%)1.007s (~)0.962s101.16x
🌐 MongoDBNext.js (Turbopack)0.090s (+52.2% 🔺)1.014s (~)0.924s102.36x
🌐 TursoNext.js (Turbopack)0.095s (-12.8% 🟢)1.013s (~)0.918s102.47x
🐘 PostgresNext.js (Turbopack)0.171s (-57.7% 🟢)1.021s (-1.9%)0.850s104.46x
🐘 PostgresNitro0.246s (+12.8% 🔺)1.031s (+1.6%)0.785s106.43x
🐘 PostgresExpress0.319s (+4.8%)1.016s (~)0.697s108.33x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.608s (-30.7% 🟢)1.426s (-23.7% 🟢)0.817s101.00x
▲ VercelNitro0.679s (+2.6%)1.788s (+14.2% 🔺)1.109s101.12x
▲ VercelExpress0.745s (+14.2% 🔺)1.651s (-5.2% 🟢)0.906s101.23x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.081s (-0.9%)2.011s (~)0.929s101.00x
💻 LocalNext.js (Turbopack)1.095s (~)2.011s (~)0.916s101.01x
🌐 RedisNext.js (Turbopack)1.104s (~)2.013s (~)0.909s101.02x
💻 LocalExpress1.112s (~)2.006s (~)0.894s101.03x
💻 LocalNitro1.113s (~)2.007s (~)0.893s101.03x
🌐 TursoNext.js (Turbopack)1.293s (-0.9%)2.010s (~)0.717s101.20x
🌐 MongoDBNext.js (Turbopack)1.294s (-1.2%)2.014s (~)0.720s101.20x
🐘 PostgresNext.js (Turbopack)1.874s (+2.5%)2.117s (+5.0% 🔺)0.243s101.73x
🐘 PostgresExpress2.154s (~)3.015s (~)0.861s101.99x
🐘 PostgresNitro2.229s (-1.1%)3.013s (~)0.784s102.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.784s (+3.0%)3.677s (-2.8%)0.893s101.00x
▲ VercelNitro2.845s (+6.3% 🔺)3.702s (+3.1%)0.857s101.02x
▲ VercelNext.js (Turbopack)2.880s (+1.4%)3.691s (~)0.811s101.03x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.593s (~)11.011s (~)0.418s51.00x
💻 LocalNext.js (Turbopack)10.671s (~)11.015s (~)0.344s51.01x
🌐 RedisNext.js (Turbopack)10.684s (~)11.015s (~)0.331s51.01x
💻 LocalNitro10.796s (~)11.015s (~)0.218s51.02x
💻 LocalExpress10.802s (~)11.013s (~)0.211s51.02x
🌐 TursoNext.js (Turbopack)12.177s (~)13.021s (~)0.844s51.15x
🌐 MongoDBNext.js (Turbopack)12.249s (~)13.026s (~)0.778s51.16x
🐘 PostgresNext.js (Turbopack)15.334s (+1.0%)16.035s (~)0.700s51.45x
🐘 PostgresNitro20.345s (~)21.036s (~)0.691s51.92x
🐘 PostgresExpress20.538s (~)21.035s (~)0.498s51.94x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.005s (-3.4%)22.549s (-4.1%)0.543s51.00x
▲ VercelNitro22.399s (+1.1%)23.286s (+2.2%)0.887s51.02x
▲ VercelExpress22.402s (-0.9%)23.111s (-1.7%)0.709s51.02x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.343s (~)2.008s (~)0.665s151.00x
🌐 RedisNext.js (Turbopack)1.353s (~)2.010s (~)0.657s151.01x
💻 LocalNext.js (Turbopack)1.382s (~)2.012s (~)0.630s151.03x
💻 LocalNitro1.425s (+0.7%)2.006s (~)0.581s151.06x
💻 LocalExpress1.426s (+1.2%)2.006s (~)0.580s151.06x
🌐 MongoDBNext.js (Turbopack)2.150s (~)3.013s (~)0.863s101.60x
🌐 TursoNext.js (Turbopack)2.215s (~)3.014s (~)0.799s101.65x
🐘 PostgresNext.js (Turbopack)2.412s (+26.4% 🔺)3.027s (+35.8% 🔺)0.615s101.80x
🐘 PostgresNitro2.451s (+5.2% 🔺)3.013s (~)0.562s101.82x
🐘 PostgresExpress2.469s (+5.5% 🔺)3.013s (~)0.544s101.84x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.937s (-9.2% 🟢)3.886s (-3.6%)0.949s81.00x
▲ VercelExpress2.974s (+4.3%)3.692s (-4.9%)0.719s91.01x
▲ VercelNext.js (Turbopack)3.094s (+4.4%)3.822s (+3.3%)0.728s81.05x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.091s (-1.8%)2.952s (-3.2%)0.861s111.00x
💻 LocalNitro2.211s (-1.8%)3.177s (~)0.966s101.06x
💻 LocalExpress2.231s (~)3.198s (+0.9%)0.967s101.07x
🌐 StarterNext.js (Turbopack)2.457s (~)3.008s (~)0.551s101.18x
🌐 RedisNext.js (Turbopack)2.461s (-1.0%)3.012s (~)0.551s101.18x
🐘 PostgresNext.js (Turbopack)2.768s (+6.8% 🔺)3.019s (~)0.251s101.32x
🐘 PostgresNitro2.902s (-4.6%)3.222s (-10.3% 🟢)0.319s101.39x
🐘 PostgresExpress2.945s (-4.9%)3.124s (-12.9% 🟢)0.179s101.41x
🌐 MongoDBNext.js (Turbopack)4.622s (-3.5%)5.183s (~)0.561s62.21x
🌐 TursoNext.js (Turbopack)4.656s (-1.3%)5.181s (~)0.525s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.386s (+5.3% 🔺)4.041s (+9.3% 🔺)0.656s81.00x
▲ VercelExpress3.758s (~)4.834s (+12.1% 🔺)1.076s71.11x
▲ VercelNext.js (Turbopack)5.962s (+62.3% 🔺)6.571s (+48.6% 🔺)0.609s51.76x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.342s (-1.7%)2.010s (~)0.668s151.00x
🌐 StarterNext.js (Turbopack)1.359s (+1.4%)2.007s (~)0.648s151.01x
💻 LocalNext.js (Turbopack)1.397s (~)2.015s (~)0.618s151.04x
💻 LocalExpress1.428s (~)2.006s (~)0.578s151.06x
💻 LocalNitro1.434s (~)2.006s (~)0.572s151.07x
🐘 PostgresNext.js (Turbopack)1.713s (-5.3% 🟢)2.014s (~)0.301s151.28x
🐘 PostgresExpress1.994s (+13.0% 🔺)2.233s (+11.1% 🔺)0.239s141.49x
🐘 PostgresNitro2.045s (+15.6% 🔺)2.399s (+19.4% 🔺)0.354s131.52x
🌐 MongoDBNext.js (Turbopack)2.146s (+0.7%)3.013s (~)0.867s101.60x
🌐 TursoNext.js (Turbopack)2.219s (~)3.014s (~)0.795s101.65x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.820s (-5.2% 🟢)3.582s (-3.5%)0.763s91.00x
▲ VercelExpress2.825s (+4.4%)3.732s (+2.4%)0.907s91.00x
▲ VercelNitro2.887s (-5.3% 🟢)3.902s (+3.0%)1.015s81.02x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.244s (+3.8%)3.205s (+6.4% 🔺)0.962s101.00x
💻 LocalNitro2.271s (+2.0%)3.226s (+1.1%)0.955s101.01x
💻 LocalExpress2.279s (~)3.214s (-0.6%)0.935s101.02x
🌐 RedisNext.js (Turbopack)2.462s (-2.4%)3.011s (~)0.548s101.10x
🌐 StarterNext.js (Turbopack)2.478s (+1.3%)3.021s (~)0.543s101.10x
🐘 PostgresExpress2.709s (+2.7%)3.213s (+6.1% 🔺)0.504s101.21x
🐘 PostgresNitro2.842s (+8.6% 🔺)3.012s (~)0.170s101.27x
🐘 PostgresNext.js (Turbopack)3.074s (+17.0% 🔺)3.454s (+14.6% 🔺)0.380s91.37x
🌐 MongoDBNext.js (Turbopack)4.618s (-1.1%)5.178s (~)0.560s62.06x
🌐 TursoNext.js (Turbopack)4.774s (+2.2%)5.185s (~)0.410s62.13x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.297s (+3.1%)4.109s (+5.8% 🔺)0.812s81.00x
▲ VercelNext.js (Turbopack)3.312s (-13.6% 🟢)3.916s (-9.9% 🟢)0.605s81.00x
▲ VercelNitro3.393s (+4.3%)4.069s (+8.1% 🔺)0.676s81.03x

🔍 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.130s (+1.2%)1.006s (~)0.000s (NaN%)1.011s (~)0.881s101.00x
💻 LocalNext.js (Turbopack)0.137s (+1.9%)1.003s (~)0.016s (+1.3%)1.027s (~)0.890s101.06x
🌐 RedisNext.js (Turbopack)0.141s (-3.8%)1.005s (~)0.000s (NaN%)1.014s (~)0.873s101.08x
💻 LocalNitro0.176s (-3.2%)0.993s (~)0.017s (+14.2% 🔺)1.023s (~)0.847s101.36x
💻 LocalExpress0.180s (+2.5%)0.992s (~)0.017s (+3.1%)1.023s (~)0.843s101.38x
🌐 MongoDBNext.js (Turbopack)0.475s (-8.0% 🟢)0.974s (+4.1%)0.000s (-100.0% 🟢)1.013s (~)0.539s103.65x
🌐 TursoNext.js (Turbopack)0.489s (-1.2%)0.959s (~)0.000s (NaN%)1.012s (~)0.523s103.76x
🐘 PostgresNext.js (Turbopack)1.135s (-18.1% 🟢)1.909s (+14.9% 🔺)0.000s (-100.0% 🟢)2.018s (~)0.882s108.74x
🐘 PostgresNitro2.343s (+4.7%)2.702s (-3.5%)0.000s (+Infinity% 🔺)3.014s (~)0.671s1018.04x
🐘 PostgresExpress2.370s (+4.7%)2.675s (-3.8%)0.000s (NaN%)3.015s (~)0.645s1018.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.869s (+1.5%)3.513s (+5.3% 🔺)0.368s (-7.9% 🟢)4.410s (+3.9%)1.541s101.00x
▲ VercelNitro2.891s (+4.8%)3.369s (+7.8% 🔺)0.412s (+19.1% 🔺)4.340s (+11.2% 🔺)1.449s101.01x
▲ VercelNext.js (Turbopack)2.926s (+4.0%)3.124s (-2.4%)0.557s (+6.8% 🔺)4.139s (~)1.213s101.02x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

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

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter5/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 thread.changeset/pretty-teeth-brush.md Outdated
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
…ading the entire page. This prevents the layout shift flicker that was happening previously.
@karthikscale3
karthikscale3 merged commit ee7b1fd into mainJan 20, 2026
92 checks passed
@karthikscale3
karthikscale3 deleted the karthik/cleanups branch January 20, 2026 01:57
VaguelySerious added a commit that referenced this pull request Jan 23, 2026
…of reload (#808)
* Made a minor fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
* Update .changeset/pretty-teeth-brush.md
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
* Hooks table - fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
---------
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
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.

3 participants

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

Fix layout shift flicker in runs table by using refresh hook instead of reload - #808

Merged
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups
Jan 20, 2026
Merged

Fix layout shift flicker in runs table by using refresh hook instead of reload#808
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups

Conversation

@karthikscale3

Copy link
Copy Markdown
Contributor

Description

Replaces reload() with a new refresh() method in the runs table polling logic to prevent layout shift flicker. The refresh() method refetches the current page data without resetting pagination state, preserving the existing UI while loading fresh data.

Changes

  • Added refresh() method to useWorkflowRuns and useWorkflowHooks hooks that refetches current page without resetting state
  • Updated runs table polling to use refresh() instead of reload() for periodic updates
  • Prevents flicker by maintaining existing data during refresh operations

Testing

Verified that runs table updates smoothly without layout shifts when polling for new data.

…ding the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
@changeset-bot

changeset-botBot commented Jan 19, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 1278226

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

This PR includes changesets to release 6 packages
NameType
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/aiPatch
@workflow/docs-typecheckPatch

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

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

@vercel

vercelBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

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

❌ Failed Tests

🌍 Community Worlds (21 failed)

mongodb (1 failed):

  • webhookWorkflow

redis (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
❌ redis4110
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 19, 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.038s (-3.8%)1.014s (~)0.976s101.00x
💻 LocalNext.js (Turbopack)0.039s (+1.0%)1.017s (~)0.978s101.02x
🌐 RedisNext.js (Turbopack)0.041s (-5.1% 🟢)1.018s (~)0.977s101.06x
💻 LocalExpress0.043s (+2.1%)1.007s (~)0.964s101.13x
💻 LocalNitro0.045s (-2.6%)1.007s (~)0.962s101.16x
🌐 MongoDBNext.js (Turbopack)0.090s (+52.2% 🔺)1.014s (~)0.924s102.36x
🌐 TursoNext.js (Turbopack)0.095s (-12.8% 🟢)1.013s (~)0.918s102.47x
🐘 PostgresNext.js (Turbopack)0.171s (-57.7% 🟢)1.021s (-1.9%)0.850s104.46x
🐘 PostgresNitro0.246s (+12.8% 🔺)1.031s (+1.6%)0.785s106.43x
🐘 PostgresExpress0.319s (+4.8%)1.016s (~)0.697s108.33x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.608s (-30.7% 🟢)1.426s (-23.7% 🟢)0.817s101.00x
▲ VercelNitro0.679s (+2.6%)1.788s (+14.2% 🔺)1.109s101.12x
▲ VercelExpress0.745s (+14.2% 🔺)1.651s (-5.2% 🟢)0.906s101.23x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.081s (-0.9%)2.011s (~)0.929s101.00x
💻 LocalNext.js (Turbopack)1.095s (~)2.011s (~)0.916s101.01x
🌐 RedisNext.js (Turbopack)1.104s (~)2.013s (~)0.909s101.02x
💻 LocalExpress1.112s (~)2.006s (~)0.894s101.03x
💻 LocalNitro1.113s (~)2.007s (~)0.893s101.03x
🌐 TursoNext.js (Turbopack)1.293s (-0.9%)2.010s (~)0.717s101.20x
🌐 MongoDBNext.js (Turbopack)1.294s (-1.2%)2.014s (~)0.720s101.20x
🐘 PostgresNext.js (Turbopack)1.874s (+2.5%)2.117s (+5.0% 🔺)0.243s101.73x
🐘 PostgresExpress2.154s (~)3.015s (~)0.861s101.99x
🐘 PostgresNitro2.229s (-1.1%)3.013s (~)0.784s102.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.784s (+3.0%)3.677s (-2.8%)0.893s101.00x
▲ VercelNitro2.845s (+6.3% 🔺)3.702s (+3.1%)0.857s101.02x
▲ VercelNext.js (Turbopack)2.880s (+1.4%)3.691s (~)0.811s101.03x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.593s (~)11.011s (~)0.418s51.00x
💻 LocalNext.js (Turbopack)10.671s (~)11.015s (~)0.344s51.01x
🌐 RedisNext.js (Turbopack)10.684s (~)11.015s (~)0.331s51.01x
💻 LocalNitro10.796s (~)11.015s (~)0.218s51.02x
💻 LocalExpress10.802s (~)11.013s (~)0.211s51.02x
🌐 TursoNext.js (Turbopack)12.177s (~)13.021s (~)0.844s51.15x
🌐 MongoDBNext.js (Turbopack)12.249s (~)13.026s (~)0.778s51.16x
🐘 PostgresNext.js (Turbopack)15.334s (+1.0%)16.035s (~)0.700s51.45x
🐘 PostgresNitro20.345s (~)21.036s (~)0.691s51.92x
🐘 PostgresExpress20.538s (~)21.035s (~)0.498s51.94x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.005s (-3.4%)22.549s (-4.1%)0.543s51.00x
▲ VercelNitro22.399s (+1.1%)23.286s (+2.2%)0.887s51.02x
▲ VercelExpress22.402s (-0.9%)23.111s (-1.7%)0.709s51.02x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.343s (~)2.008s (~)0.665s151.00x
🌐 RedisNext.js (Turbopack)1.353s (~)2.010s (~)0.657s151.01x
💻 LocalNext.js (Turbopack)1.382s (~)2.012s (~)0.630s151.03x
💻 LocalNitro1.425s (+0.7%)2.006s (~)0.581s151.06x
💻 LocalExpress1.426s (+1.2%)2.006s (~)0.580s151.06x
🌐 MongoDBNext.js (Turbopack)2.150s (~)3.013s (~)0.863s101.60x
🌐 TursoNext.js (Turbopack)2.215s (~)3.014s (~)0.799s101.65x
🐘 PostgresNext.js (Turbopack)2.412s (+26.4% 🔺)3.027s (+35.8% 🔺)0.615s101.80x
🐘 PostgresNitro2.451s (+5.2% 🔺)3.013s (~)0.562s101.82x
🐘 PostgresExpress2.469s (+5.5% 🔺)3.013s (~)0.544s101.84x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.937s (-9.2% 🟢)3.886s (-3.6%)0.949s81.00x
▲ VercelExpress2.974s (+4.3%)3.692s (-4.9%)0.719s91.01x
▲ VercelNext.js (Turbopack)3.094s (+4.4%)3.822s (+3.3%)0.728s81.05x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.091s (-1.8%)2.952s (-3.2%)0.861s111.00x
💻 LocalNitro2.211s (-1.8%)3.177s (~)0.966s101.06x
💻 LocalExpress2.231s (~)3.198s (+0.9%)0.967s101.07x
🌐 StarterNext.js (Turbopack)2.457s (~)3.008s (~)0.551s101.18x
🌐 RedisNext.js (Turbopack)2.461s (-1.0%)3.012s (~)0.551s101.18x
🐘 PostgresNext.js (Turbopack)2.768s (+6.8% 🔺)3.019s (~)0.251s101.32x
🐘 PostgresNitro2.902s (-4.6%)3.222s (-10.3% 🟢)0.319s101.39x
🐘 PostgresExpress2.945s (-4.9%)3.124s (-12.9% 🟢)0.179s101.41x
🌐 MongoDBNext.js (Turbopack)4.622s (-3.5%)5.183s (~)0.561s62.21x
🌐 TursoNext.js (Turbopack)4.656s (-1.3%)5.181s (~)0.525s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.386s (+5.3% 🔺)4.041s (+9.3% 🔺)0.656s81.00x
▲ VercelExpress3.758s (~)4.834s (+12.1% 🔺)1.076s71.11x
▲ VercelNext.js (Turbopack)5.962s (+62.3% 🔺)6.571s (+48.6% 🔺)0.609s51.76x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.342s (-1.7%)2.010s (~)0.668s151.00x
🌐 StarterNext.js (Turbopack)1.359s (+1.4%)2.007s (~)0.648s151.01x
💻 LocalNext.js (Turbopack)1.397s (~)2.015s (~)0.618s151.04x
💻 LocalExpress1.428s (~)2.006s (~)0.578s151.06x
💻 LocalNitro1.434s (~)2.006s (~)0.572s151.07x
🐘 PostgresNext.js (Turbopack)1.713s (-5.3% 🟢)2.014s (~)0.301s151.28x
🐘 PostgresExpress1.994s (+13.0% 🔺)2.233s (+11.1% 🔺)0.239s141.49x
🐘 PostgresNitro2.045s (+15.6% 🔺)2.399s (+19.4% 🔺)0.354s131.52x
🌐 MongoDBNext.js (Turbopack)2.146s (+0.7%)3.013s (~)0.867s101.60x
🌐 TursoNext.js (Turbopack)2.219s (~)3.014s (~)0.795s101.65x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.820s (-5.2% 🟢)3.582s (-3.5%)0.763s91.00x
▲ VercelExpress2.825s (+4.4%)3.732s (+2.4%)0.907s91.00x
▲ VercelNitro2.887s (-5.3% 🟢)3.902s (+3.0%)1.015s81.02x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.244s (+3.8%)3.205s (+6.4% 🔺)0.962s101.00x
💻 LocalNitro2.271s (+2.0%)3.226s (+1.1%)0.955s101.01x
💻 LocalExpress2.279s (~)3.214s (-0.6%)0.935s101.02x
🌐 RedisNext.js (Turbopack)2.462s (-2.4%)3.011s (~)0.548s101.10x
🌐 StarterNext.js (Turbopack)2.478s (+1.3%)3.021s (~)0.543s101.10x
🐘 PostgresExpress2.709s (+2.7%)3.213s (+6.1% 🔺)0.504s101.21x
🐘 PostgresNitro2.842s (+8.6% 🔺)3.012s (~)0.170s101.27x
🐘 PostgresNext.js (Turbopack)3.074s (+17.0% 🔺)3.454s (+14.6% 🔺)0.380s91.37x
🌐 MongoDBNext.js (Turbopack)4.618s (-1.1%)5.178s (~)0.560s62.06x
🌐 TursoNext.js (Turbopack)4.774s (+2.2%)5.185s (~)0.410s62.13x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.297s (+3.1%)4.109s (+5.8% 🔺)0.812s81.00x
▲ VercelNext.js (Turbopack)3.312s (-13.6% 🟢)3.916s (-9.9% 🟢)0.605s81.00x
▲ VercelNitro3.393s (+4.3%)4.069s (+8.1% 🔺)0.676s81.03x

🔍 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.130s (+1.2%)1.006s (~)0.000s (NaN%)1.011s (~)0.881s101.00x
💻 LocalNext.js (Turbopack)0.137s (+1.9%)1.003s (~)0.016s (+1.3%)1.027s (~)0.890s101.06x
🌐 RedisNext.js (Turbopack)0.141s (-3.8%)1.005s (~)0.000s (NaN%)1.014s (~)0.873s101.08x
💻 LocalNitro0.176s (-3.2%)0.993s (~)0.017s (+14.2% 🔺)1.023s (~)0.847s101.36x
💻 LocalExpress0.180s (+2.5%)0.992s (~)0.017s (+3.1%)1.023s (~)0.843s101.38x
🌐 MongoDBNext.js (Turbopack)0.475s (-8.0% 🟢)0.974s (+4.1%)0.000s (-100.0% 🟢)1.013s (~)0.539s103.65x
🌐 TursoNext.js (Turbopack)0.489s (-1.2%)0.959s (~)0.000s (NaN%)1.012s (~)0.523s103.76x
🐘 PostgresNext.js (Turbopack)1.135s (-18.1% 🟢)1.909s (+14.9% 🔺)0.000s (-100.0% 🟢)2.018s (~)0.882s108.74x
🐘 PostgresNitro2.343s (+4.7%)2.702s (-3.5%)0.000s (+Infinity% 🔺)3.014s (~)0.671s1018.04x
🐘 PostgresExpress2.370s (+4.7%)2.675s (-3.8%)0.000s (NaN%)3.015s (~)0.645s1018.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.869s (+1.5%)3.513s (+5.3% 🔺)0.368s (-7.9% 🟢)4.410s (+3.9%)1.541s101.00x
▲ VercelNitro2.891s (+4.8%)3.369s (+7.8% 🔺)0.412s (+19.1% 🔺)4.340s (+11.2% 🔺)1.449s101.01x
▲ VercelNext.js (Turbopack)2.926s (+4.0%)3.124s (-2.4%)0.557s (+6.8% 🔺)4.139s (~)1.213s101.02x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

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

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter5/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 thread.changeset/pretty-teeth-brush.md Outdated
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
…ading the entire page. This prevents the layout shift flicker that was happening previously.
@karthikscale3
karthikscale3 merged commit ee7b1fd into mainJan 20, 2026
92 checks passed
@karthikscale3
karthikscale3 deleted the karthik/cleanups branch January 20, 2026 01:57
VaguelySerious added a commit that referenced this pull request Jan 23, 2026
…of reload (#808)
* Made a minor fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
* Update .changeset/pretty-teeth-brush.md
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
* Hooks table - fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
---------
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
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.

3 participants

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

Fix layout shift flicker in runs table by using refresh hook instead of reload - #808

Merged
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups
Jan 20, 2026
Merged

Fix layout shift flicker in runs table by using refresh hook instead of reload#808
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups

Conversation

@karthikscale3

Copy link
Copy Markdown
Contributor

Description

Replaces reload() with a new refresh() method in the runs table polling logic to prevent layout shift flicker. The refresh() method refetches the current page data without resetting pagination state, preserving the existing UI while loading fresh data.

Changes

  • Added refresh() method to useWorkflowRuns and useWorkflowHooks hooks that refetches current page without resetting state
  • Updated runs table polling to use refresh() instead of reload() for periodic updates
  • Prevents flicker by maintaining existing data during refresh operations

Testing

Verified that runs table updates smoothly without layout shifts when polling for new data.

…ding the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
@changeset-bot

changeset-botBot commented Jan 19, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 1278226

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

This PR includes changesets to release 6 packages
NameType
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/aiPatch
@workflow/docs-typecheckPatch

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

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

@vercel

vercelBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

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

❌ Failed Tests

🌍 Community Worlds (21 failed)

mongodb (1 failed):

  • webhookWorkflow

redis (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
❌ redis4110
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 19, 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.038s (-3.8%)1.014s (~)0.976s101.00x
💻 LocalNext.js (Turbopack)0.039s (+1.0%)1.017s (~)0.978s101.02x
🌐 RedisNext.js (Turbopack)0.041s (-5.1% 🟢)1.018s (~)0.977s101.06x
💻 LocalExpress0.043s (+2.1%)1.007s (~)0.964s101.13x
💻 LocalNitro0.045s (-2.6%)1.007s (~)0.962s101.16x
🌐 MongoDBNext.js (Turbopack)0.090s (+52.2% 🔺)1.014s (~)0.924s102.36x
🌐 TursoNext.js (Turbopack)0.095s (-12.8% 🟢)1.013s (~)0.918s102.47x
🐘 PostgresNext.js (Turbopack)0.171s (-57.7% 🟢)1.021s (-1.9%)0.850s104.46x
🐘 PostgresNitro0.246s (+12.8% 🔺)1.031s (+1.6%)0.785s106.43x
🐘 PostgresExpress0.319s (+4.8%)1.016s (~)0.697s108.33x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.608s (-30.7% 🟢)1.426s (-23.7% 🟢)0.817s101.00x
▲ VercelNitro0.679s (+2.6%)1.788s (+14.2% 🔺)1.109s101.12x
▲ VercelExpress0.745s (+14.2% 🔺)1.651s (-5.2% 🟢)0.906s101.23x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.081s (-0.9%)2.011s (~)0.929s101.00x
💻 LocalNext.js (Turbopack)1.095s (~)2.011s (~)0.916s101.01x
🌐 RedisNext.js (Turbopack)1.104s (~)2.013s (~)0.909s101.02x
💻 LocalExpress1.112s (~)2.006s (~)0.894s101.03x
💻 LocalNitro1.113s (~)2.007s (~)0.893s101.03x
🌐 TursoNext.js (Turbopack)1.293s (-0.9%)2.010s (~)0.717s101.20x
🌐 MongoDBNext.js (Turbopack)1.294s (-1.2%)2.014s (~)0.720s101.20x
🐘 PostgresNext.js (Turbopack)1.874s (+2.5%)2.117s (+5.0% 🔺)0.243s101.73x
🐘 PostgresExpress2.154s (~)3.015s (~)0.861s101.99x
🐘 PostgresNitro2.229s (-1.1%)3.013s (~)0.784s102.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.784s (+3.0%)3.677s (-2.8%)0.893s101.00x
▲ VercelNitro2.845s (+6.3% 🔺)3.702s (+3.1%)0.857s101.02x
▲ VercelNext.js (Turbopack)2.880s (+1.4%)3.691s (~)0.811s101.03x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.593s (~)11.011s (~)0.418s51.00x
💻 LocalNext.js (Turbopack)10.671s (~)11.015s (~)0.344s51.01x
🌐 RedisNext.js (Turbopack)10.684s (~)11.015s (~)0.331s51.01x
💻 LocalNitro10.796s (~)11.015s (~)0.218s51.02x
💻 LocalExpress10.802s (~)11.013s (~)0.211s51.02x
🌐 TursoNext.js (Turbopack)12.177s (~)13.021s (~)0.844s51.15x
🌐 MongoDBNext.js (Turbopack)12.249s (~)13.026s (~)0.778s51.16x
🐘 PostgresNext.js (Turbopack)15.334s (+1.0%)16.035s (~)0.700s51.45x
🐘 PostgresNitro20.345s (~)21.036s (~)0.691s51.92x
🐘 PostgresExpress20.538s (~)21.035s (~)0.498s51.94x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.005s (-3.4%)22.549s (-4.1%)0.543s51.00x
▲ VercelNitro22.399s (+1.1%)23.286s (+2.2%)0.887s51.02x
▲ VercelExpress22.402s (-0.9%)23.111s (-1.7%)0.709s51.02x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.343s (~)2.008s (~)0.665s151.00x
🌐 RedisNext.js (Turbopack)1.353s (~)2.010s (~)0.657s151.01x
💻 LocalNext.js (Turbopack)1.382s (~)2.012s (~)0.630s151.03x
💻 LocalNitro1.425s (+0.7%)2.006s (~)0.581s151.06x
💻 LocalExpress1.426s (+1.2%)2.006s (~)0.580s151.06x
🌐 MongoDBNext.js (Turbopack)2.150s (~)3.013s (~)0.863s101.60x
🌐 TursoNext.js (Turbopack)2.215s (~)3.014s (~)0.799s101.65x
🐘 PostgresNext.js (Turbopack)2.412s (+26.4% 🔺)3.027s (+35.8% 🔺)0.615s101.80x
🐘 PostgresNitro2.451s (+5.2% 🔺)3.013s (~)0.562s101.82x
🐘 PostgresExpress2.469s (+5.5% 🔺)3.013s (~)0.544s101.84x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.937s (-9.2% 🟢)3.886s (-3.6%)0.949s81.00x
▲ VercelExpress2.974s (+4.3%)3.692s (-4.9%)0.719s91.01x
▲ VercelNext.js (Turbopack)3.094s (+4.4%)3.822s (+3.3%)0.728s81.05x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.091s (-1.8%)2.952s (-3.2%)0.861s111.00x
💻 LocalNitro2.211s (-1.8%)3.177s (~)0.966s101.06x
💻 LocalExpress2.231s (~)3.198s (+0.9%)0.967s101.07x
🌐 StarterNext.js (Turbopack)2.457s (~)3.008s (~)0.551s101.18x
🌐 RedisNext.js (Turbopack)2.461s (-1.0%)3.012s (~)0.551s101.18x
🐘 PostgresNext.js (Turbopack)2.768s (+6.8% 🔺)3.019s (~)0.251s101.32x
🐘 PostgresNitro2.902s (-4.6%)3.222s (-10.3% 🟢)0.319s101.39x
🐘 PostgresExpress2.945s (-4.9%)3.124s (-12.9% 🟢)0.179s101.41x
🌐 MongoDBNext.js (Turbopack)4.622s (-3.5%)5.183s (~)0.561s62.21x
🌐 TursoNext.js (Turbopack)4.656s (-1.3%)5.181s (~)0.525s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.386s (+5.3% 🔺)4.041s (+9.3% 🔺)0.656s81.00x
▲ VercelExpress3.758s (~)4.834s (+12.1% 🔺)1.076s71.11x
▲ VercelNext.js (Turbopack)5.962s (+62.3% 🔺)6.571s (+48.6% 🔺)0.609s51.76x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.342s (-1.7%)2.010s (~)0.668s151.00x
🌐 StarterNext.js (Turbopack)1.359s (+1.4%)2.007s (~)0.648s151.01x
💻 LocalNext.js (Turbopack)1.397s (~)2.015s (~)0.618s151.04x
💻 LocalExpress1.428s (~)2.006s (~)0.578s151.06x
💻 LocalNitro1.434s (~)2.006s (~)0.572s151.07x
🐘 PostgresNext.js (Turbopack)1.713s (-5.3% 🟢)2.014s (~)0.301s151.28x
🐘 PostgresExpress1.994s (+13.0% 🔺)2.233s (+11.1% 🔺)0.239s141.49x
🐘 PostgresNitro2.045s (+15.6% 🔺)2.399s (+19.4% 🔺)0.354s131.52x
🌐 MongoDBNext.js (Turbopack)2.146s (+0.7%)3.013s (~)0.867s101.60x
🌐 TursoNext.js (Turbopack)2.219s (~)3.014s (~)0.795s101.65x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.820s (-5.2% 🟢)3.582s (-3.5%)0.763s91.00x
▲ VercelExpress2.825s (+4.4%)3.732s (+2.4%)0.907s91.00x
▲ VercelNitro2.887s (-5.3% 🟢)3.902s (+3.0%)1.015s81.02x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.244s (+3.8%)3.205s (+6.4% 🔺)0.962s101.00x
💻 LocalNitro2.271s (+2.0%)3.226s (+1.1%)0.955s101.01x
💻 LocalExpress2.279s (~)3.214s (-0.6%)0.935s101.02x
🌐 RedisNext.js (Turbopack)2.462s (-2.4%)3.011s (~)0.548s101.10x
🌐 StarterNext.js (Turbopack)2.478s (+1.3%)3.021s (~)0.543s101.10x
🐘 PostgresExpress2.709s (+2.7%)3.213s (+6.1% 🔺)0.504s101.21x
🐘 PostgresNitro2.842s (+8.6% 🔺)3.012s (~)0.170s101.27x
🐘 PostgresNext.js (Turbopack)3.074s (+17.0% 🔺)3.454s (+14.6% 🔺)0.380s91.37x
🌐 MongoDBNext.js (Turbopack)4.618s (-1.1%)5.178s (~)0.560s62.06x
🌐 TursoNext.js (Turbopack)4.774s (+2.2%)5.185s (~)0.410s62.13x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.297s (+3.1%)4.109s (+5.8% 🔺)0.812s81.00x
▲ VercelNext.js (Turbopack)3.312s (-13.6% 🟢)3.916s (-9.9% 🟢)0.605s81.00x
▲ VercelNitro3.393s (+4.3%)4.069s (+8.1% 🔺)0.676s81.03x

🔍 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.130s (+1.2%)1.006s (~)0.000s (NaN%)1.011s (~)0.881s101.00x
💻 LocalNext.js (Turbopack)0.137s (+1.9%)1.003s (~)0.016s (+1.3%)1.027s (~)0.890s101.06x
🌐 RedisNext.js (Turbopack)0.141s (-3.8%)1.005s (~)0.000s (NaN%)1.014s (~)0.873s101.08x
💻 LocalNitro0.176s (-3.2%)0.993s (~)0.017s (+14.2% 🔺)1.023s (~)0.847s101.36x
💻 LocalExpress0.180s (+2.5%)0.992s (~)0.017s (+3.1%)1.023s (~)0.843s101.38x
🌐 MongoDBNext.js (Turbopack)0.475s (-8.0% 🟢)0.974s (+4.1%)0.000s (-100.0% 🟢)1.013s (~)0.539s103.65x
🌐 TursoNext.js (Turbopack)0.489s (-1.2%)0.959s (~)0.000s (NaN%)1.012s (~)0.523s103.76x
🐘 PostgresNext.js (Turbopack)1.135s (-18.1% 🟢)1.909s (+14.9% 🔺)0.000s (-100.0% 🟢)2.018s (~)0.882s108.74x
🐘 PostgresNitro2.343s (+4.7%)2.702s (-3.5%)0.000s (+Infinity% 🔺)3.014s (~)0.671s1018.04x
🐘 PostgresExpress2.370s (+4.7%)2.675s (-3.8%)0.000s (NaN%)3.015s (~)0.645s1018.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.869s (+1.5%)3.513s (+5.3% 🔺)0.368s (-7.9% 🟢)4.410s (+3.9%)1.541s101.00x
▲ VercelNitro2.891s (+4.8%)3.369s (+7.8% 🔺)0.412s (+19.1% 🔺)4.340s (+11.2% 🔺)1.449s101.01x
▲ VercelNext.js (Turbopack)2.926s (+4.0%)3.124s (-2.4%)0.557s (+6.8% 🔺)4.139s (~)1.213s101.02x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

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

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter5/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 thread.changeset/pretty-teeth-brush.md Outdated
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
…ading the entire page. This prevents the layout shift flicker that was happening previously.
@karthikscale3
karthikscale3 merged commit ee7b1fd into mainJan 20, 2026
92 checks passed
@karthikscale3
karthikscale3 deleted the karthik/cleanups branch January 20, 2026 01:57
VaguelySerious added a commit that referenced this pull request Jan 23, 2026
…of reload (#808)
* Made a minor fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
* Update .changeset/pretty-teeth-brush.md
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
* Hooks table - fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
---------
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
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.

3 participants

@karthikscale3@TooTallNate@VaguelySerious
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Fix layout shift flicker in runs table by using refresh hook instead of reload - #808

Merged
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups
Jan 20, 2026
Merged

Fix layout shift flicker in runs table by using refresh hook instead of reload#808
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups

Conversation

@karthikscale3

Copy link
Copy Markdown
Contributor

Description

Replaces reload() with a new refresh() method in the runs table polling logic to prevent layout shift flicker. The refresh() method refetches the current page data without resetting pagination state, preserving the existing UI while loading fresh data.

Changes

  • Added refresh() method to useWorkflowRuns and useWorkflowHooks hooks that refetches current page without resetting state
  • Updated runs table polling to use refresh() instead of reload() for periodic updates
  • Prevents flicker by maintaining existing data during refresh operations

Testing

Verified that runs table updates smoothly without layout shifts when polling for new data.

…ding the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
@changeset-bot

changeset-botBot commented Jan 19, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 1278226

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

This PR includes changesets to release 6 packages
NameType
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/aiPatch
@workflow/docs-typecheckPatch

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

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

@vercel

vercelBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

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

❌ Failed Tests

🌍 Community Worlds (21 failed)

mongodb (1 failed):

  • webhookWorkflow

redis (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
❌ redis4110
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 19, 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.038s (-3.8%)1.014s (~)0.976s101.00x
💻 LocalNext.js (Turbopack)0.039s (+1.0%)1.017s (~)0.978s101.02x
🌐 RedisNext.js (Turbopack)0.041s (-5.1% 🟢)1.018s (~)0.977s101.06x
💻 LocalExpress0.043s (+2.1%)1.007s (~)0.964s101.13x
💻 LocalNitro0.045s (-2.6%)1.007s (~)0.962s101.16x
🌐 MongoDBNext.js (Turbopack)0.090s (+52.2% 🔺)1.014s (~)0.924s102.36x
🌐 TursoNext.js (Turbopack)0.095s (-12.8% 🟢)1.013s (~)0.918s102.47x
🐘 PostgresNext.js (Turbopack)0.171s (-57.7% 🟢)1.021s (-1.9%)0.850s104.46x
🐘 PostgresNitro0.246s (+12.8% 🔺)1.031s (+1.6%)0.785s106.43x
🐘 PostgresExpress0.319s (+4.8%)1.016s (~)0.697s108.33x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.608s (-30.7% 🟢)1.426s (-23.7% 🟢)0.817s101.00x
▲ VercelNitro0.679s (+2.6%)1.788s (+14.2% 🔺)1.109s101.12x
▲ VercelExpress0.745s (+14.2% 🔺)1.651s (-5.2% 🟢)0.906s101.23x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.081s (-0.9%)2.011s (~)0.929s101.00x
💻 LocalNext.js (Turbopack)1.095s (~)2.011s (~)0.916s101.01x
🌐 RedisNext.js (Turbopack)1.104s (~)2.013s (~)0.909s101.02x
💻 LocalExpress1.112s (~)2.006s (~)0.894s101.03x
💻 LocalNitro1.113s (~)2.007s (~)0.893s101.03x
🌐 TursoNext.js (Turbopack)1.293s (-0.9%)2.010s (~)0.717s101.20x
🌐 MongoDBNext.js (Turbopack)1.294s (-1.2%)2.014s (~)0.720s101.20x
🐘 PostgresNext.js (Turbopack)1.874s (+2.5%)2.117s (+5.0% 🔺)0.243s101.73x
🐘 PostgresExpress2.154s (~)3.015s (~)0.861s101.99x
🐘 PostgresNitro2.229s (-1.1%)3.013s (~)0.784s102.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.784s (+3.0%)3.677s (-2.8%)0.893s101.00x
▲ VercelNitro2.845s (+6.3% 🔺)3.702s (+3.1%)0.857s101.02x
▲ VercelNext.js (Turbopack)2.880s (+1.4%)3.691s (~)0.811s101.03x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.593s (~)11.011s (~)0.418s51.00x
💻 LocalNext.js (Turbopack)10.671s (~)11.015s (~)0.344s51.01x
🌐 RedisNext.js (Turbopack)10.684s (~)11.015s (~)0.331s51.01x
💻 LocalNitro10.796s (~)11.015s (~)0.218s51.02x
💻 LocalExpress10.802s (~)11.013s (~)0.211s51.02x
🌐 TursoNext.js (Turbopack)12.177s (~)13.021s (~)0.844s51.15x
🌐 MongoDBNext.js (Turbopack)12.249s (~)13.026s (~)0.778s51.16x
🐘 PostgresNext.js (Turbopack)15.334s (+1.0%)16.035s (~)0.700s51.45x
🐘 PostgresNitro20.345s (~)21.036s (~)0.691s51.92x
🐘 PostgresExpress20.538s (~)21.035s (~)0.498s51.94x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.005s (-3.4%)22.549s (-4.1%)0.543s51.00x
▲ VercelNitro22.399s (+1.1%)23.286s (+2.2%)0.887s51.02x
▲ VercelExpress22.402s (-0.9%)23.111s (-1.7%)0.709s51.02x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.343s (~)2.008s (~)0.665s151.00x
🌐 RedisNext.js (Turbopack)1.353s (~)2.010s (~)0.657s151.01x
💻 LocalNext.js (Turbopack)1.382s (~)2.012s (~)0.630s151.03x
💻 LocalNitro1.425s (+0.7%)2.006s (~)0.581s151.06x
💻 LocalExpress1.426s (+1.2%)2.006s (~)0.580s151.06x
🌐 MongoDBNext.js (Turbopack)2.150s (~)3.013s (~)0.863s101.60x
🌐 TursoNext.js (Turbopack)2.215s (~)3.014s (~)0.799s101.65x
🐘 PostgresNext.js (Turbopack)2.412s (+26.4% 🔺)3.027s (+35.8% 🔺)0.615s101.80x
🐘 PostgresNitro2.451s (+5.2% 🔺)3.013s (~)0.562s101.82x
🐘 PostgresExpress2.469s (+5.5% 🔺)3.013s (~)0.544s101.84x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.937s (-9.2% 🟢)3.886s (-3.6%)0.949s81.00x
▲ VercelExpress2.974s (+4.3%)3.692s (-4.9%)0.719s91.01x
▲ VercelNext.js (Turbopack)3.094s (+4.4%)3.822s (+3.3%)0.728s81.05x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.091s (-1.8%)2.952s (-3.2%)0.861s111.00x
💻 LocalNitro2.211s (-1.8%)3.177s (~)0.966s101.06x
💻 LocalExpress2.231s (~)3.198s (+0.9%)0.967s101.07x
🌐 StarterNext.js (Turbopack)2.457s (~)3.008s (~)0.551s101.18x
🌐 RedisNext.js (Turbopack)2.461s (-1.0%)3.012s (~)0.551s101.18x
🐘 PostgresNext.js (Turbopack)2.768s (+6.8% 🔺)3.019s (~)0.251s101.32x
🐘 PostgresNitro2.902s (-4.6%)3.222s (-10.3% 🟢)0.319s101.39x
🐘 PostgresExpress2.945s (-4.9%)3.124s (-12.9% 🟢)0.179s101.41x
🌐 MongoDBNext.js (Turbopack)4.622s (-3.5%)5.183s (~)0.561s62.21x
🌐 TursoNext.js (Turbopack)4.656s (-1.3%)5.181s (~)0.525s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.386s (+5.3% 🔺)4.041s (+9.3% 🔺)0.656s81.00x
▲ VercelExpress3.758s (~)4.834s (+12.1% 🔺)1.076s71.11x
▲ VercelNext.js (Turbopack)5.962s (+62.3% 🔺)6.571s (+48.6% 🔺)0.609s51.76x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.342s (-1.7%)2.010s (~)0.668s151.00x
🌐 StarterNext.js (Turbopack)1.359s (+1.4%)2.007s (~)0.648s151.01x
💻 LocalNext.js (Turbopack)1.397s (~)2.015s (~)0.618s151.04x
💻 LocalExpress1.428s (~)2.006s (~)0.578s151.06x
💻 LocalNitro1.434s (~)2.006s (~)0.572s151.07x
🐘 PostgresNext.js (Turbopack)1.713s (-5.3% 🟢)2.014s (~)0.301s151.28x
🐘 PostgresExpress1.994s (+13.0% 🔺)2.233s (+11.1% 🔺)0.239s141.49x
🐘 PostgresNitro2.045s (+15.6% 🔺)2.399s (+19.4% 🔺)0.354s131.52x
🌐 MongoDBNext.js (Turbopack)2.146s (+0.7%)3.013s (~)0.867s101.60x
🌐 TursoNext.js (Turbopack)2.219s (~)3.014s (~)0.795s101.65x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.820s (-5.2% 🟢)3.582s (-3.5%)0.763s91.00x
▲ VercelExpress2.825s (+4.4%)3.732s (+2.4%)0.907s91.00x
▲ VercelNitro2.887s (-5.3% 🟢)3.902s (+3.0%)1.015s81.02x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.244s (+3.8%)3.205s (+6.4% 🔺)0.962s101.00x
💻 LocalNitro2.271s (+2.0%)3.226s (+1.1%)0.955s101.01x
💻 LocalExpress2.279s (~)3.214s (-0.6%)0.935s101.02x
🌐 RedisNext.js (Turbopack)2.462s (-2.4%)3.011s (~)0.548s101.10x
🌐 StarterNext.js (Turbopack)2.478s (+1.3%)3.021s (~)0.543s101.10x
🐘 PostgresExpress2.709s (+2.7%)3.213s (+6.1% 🔺)0.504s101.21x
🐘 PostgresNitro2.842s (+8.6% 🔺)3.012s (~)0.170s101.27x
🐘 PostgresNext.js (Turbopack)3.074s (+17.0% 🔺)3.454s (+14.6% 🔺)0.380s91.37x
🌐 MongoDBNext.js (Turbopack)4.618s (-1.1%)5.178s (~)0.560s62.06x
🌐 TursoNext.js (Turbopack)4.774s (+2.2%)5.185s (~)0.410s62.13x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.297s (+3.1%)4.109s (+5.8% 🔺)0.812s81.00x
▲ VercelNext.js (Turbopack)3.312s (-13.6% 🟢)3.916s (-9.9% 🟢)0.605s81.00x
▲ VercelNitro3.393s (+4.3%)4.069s (+8.1% 🔺)0.676s81.03x

🔍 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.130s (+1.2%)1.006s (~)0.000s (NaN%)1.011s (~)0.881s101.00x
💻 LocalNext.js (Turbopack)0.137s (+1.9%)1.003s (~)0.016s (+1.3%)1.027s (~)0.890s101.06x
🌐 RedisNext.js (Turbopack)0.141s (-3.8%)1.005s (~)0.000s (NaN%)1.014s (~)0.873s101.08x
💻 LocalNitro0.176s (-3.2%)0.993s (~)0.017s (+14.2% 🔺)1.023s (~)0.847s101.36x
💻 LocalExpress0.180s (+2.5%)0.992s (~)0.017s (+3.1%)1.023s (~)0.843s101.38x
🌐 MongoDBNext.js (Turbopack)0.475s (-8.0% 🟢)0.974s (+4.1%)0.000s (-100.0% 🟢)1.013s (~)0.539s103.65x
🌐 TursoNext.js (Turbopack)0.489s (-1.2%)0.959s (~)0.000s (NaN%)1.012s (~)0.523s103.76x
🐘 PostgresNext.js (Turbopack)1.135s (-18.1% 🟢)1.909s (+14.9% 🔺)0.000s (-100.0% 🟢)2.018s (~)0.882s108.74x
🐘 PostgresNitro2.343s (+4.7%)2.702s (-3.5%)0.000s (+Infinity% 🔺)3.014s (~)0.671s1018.04x
🐘 PostgresExpress2.370s (+4.7%)2.675s (-3.8%)0.000s (NaN%)3.015s (~)0.645s1018.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.869s (+1.5%)3.513s (+5.3% 🔺)0.368s (-7.9% 🟢)4.410s (+3.9%)1.541s101.00x
▲ VercelNitro2.891s (+4.8%)3.369s (+7.8% 🔺)0.412s (+19.1% 🔺)4.340s (+11.2% 🔺)1.449s101.01x
▲ VercelNext.js (Turbopack)2.926s (+4.0%)3.124s (-2.4%)0.557s (+6.8% 🔺)4.139s (~)1.213s101.02x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

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

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter5/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 thread.changeset/pretty-teeth-brush.md Outdated
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
…ading the entire page. This prevents the layout shift flicker that was happening previously.
@karthikscale3
karthikscale3 merged commit ee7b1fd into mainJan 20, 2026
92 checks passed
@karthikscale3
karthikscale3 deleted the karthik/cleanups branch January 20, 2026 01:57
VaguelySerious added a commit that referenced this pull request Jan 23, 2026
…of reload (#808)
* Made a minor fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
* Update .changeset/pretty-teeth-brush.md
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
* Hooks table - fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
---------
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
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.

3 participants

@karthikscale3@TooTallNate@VaguelySerious
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Fix layout shift flicker in runs table by using refresh hook instead of reload - #808

Merged
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups
Jan 20, 2026
Merged

Fix layout shift flicker in runs table by using refresh hook instead of reload#808
karthikscale3 merged 4 commits into
mainfrom
karthik/cleanups

Conversation

@karthikscale3

Copy link
Copy Markdown
Contributor

Description

Replaces reload() with a new refresh() method in the runs table polling logic to prevent layout shift flicker. The refresh() method refetches the current page data without resetting pagination state, preserving the existing UI while loading fresh data.

Changes

  • Added refresh() method to useWorkflowRuns and useWorkflowHooks hooks that refetches current page without resetting state
  • Updated runs table polling to use refresh() instead of reload() for periodic updates
  • Prevents flicker by maintaining existing data during refresh operations

Testing

Verified that runs table updates smoothly without layout shifts when polling for new data.

…ding the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
@changeset-bot

changeset-botBot commented Jan 19, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 1278226

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

This PR includes changesets to release 6 packages
NameType
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/aiPatch
@workflow/docs-typecheckPatch

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

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

@vercel

vercelBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actionsBot commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

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

❌ Failed Tests

🌍 Community Worlds (21 failed)

mongodb (1 failed):

  • webhookWorkflow

redis (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
❌ redis4110
✅ starter-dev300
❌ starter24180
✅ turso-dev300
❌ turso4110

📋 View full workflow run

@github-actions

github-actionsBot commented Jan 19, 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.038s (-3.8%)1.014s (~)0.976s101.00x
💻 LocalNext.js (Turbopack)0.039s (+1.0%)1.017s (~)0.978s101.02x
🌐 RedisNext.js (Turbopack)0.041s (-5.1% 🟢)1.018s (~)0.977s101.06x
💻 LocalExpress0.043s (+2.1%)1.007s (~)0.964s101.13x
💻 LocalNitro0.045s (-2.6%)1.007s (~)0.962s101.16x
🌐 MongoDBNext.js (Turbopack)0.090s (+52.2% 🔺)1.014s (~)0.924s102.36x
🌐 TursoNext.js (Turbopack)0.095s (-12.8% 🟢)1.013s (~)0.918s102.47x
🐘 PostgresNext.js (Turbopack)0.171s (-57.7% 🟢)1.021s (-1.9%)0.850s104.46x
🐘 PostgresNitro0.246s (+12.8% 🔺)1.031s (+1.6%)0.785s106.43x
🐘 PostgresExpress0.319s (+4.8%)1.016s (~)0.697s108.33x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.608s (-30.7% 🟢)1.426s (-23.7% 🟢)0.817s101.00x
▲ VercelNitro0.679s (+2.6%)1.788s (+14.2% 🔺)1.109s101.12x
▲ VercelExpress0.745s (+14.2% 🔺)1.651s (-5.2% 🟢)0.906s101.23x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.081s (-0.9%)2.011s (~)0.929s101.00x
💻 LocalNext.js (Turbopack)1.095s (~)2.011s (~)0.916s101.01x
🌐 RedisNext.js (Turbopack)1.104s (~)2.013s (~)0.909s101.02x
💻 LocalExpress1.112s (~)2.006s (~)0.894s101.03x
💻 LocalNitro1.113s (~)2.007s (~)0.893s101.03x
🌐 TursoNext.js (Turbopack)1.293s (-0.9%)2.010s (~)0.717s101.20x
🌐 MongoDBNext.js (Turbopack)1.294s (-1.2%)2.014s (~)0.720s101.20x
🐘 PostgresNext.js (Turbopack)1.874s (+2.5%)2.117s (+5.0% 🔺)0.243s101.73x
🐘 PostgresExpress2.154s (~)3.015s (~)0.861s101.99x
🐘 PostgresNitro2.229s (-1.1%)3.013s (~)0.784s102.06x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.784s (+3.0%)3.677s (-2.8%)0.893s101.00x
▲ VercelNitro2.845s (+6.3% 🔺)3.702s (+3.1%)0.857s101.02x
▲ VercelNext.js (Turbopack)2.880s (+1.4%)3.691s (~)0.811s101.03x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)10.593s (~)11.011s (~)0.418s51.00x
💻 LocalNext.js (Turbopack)10.671s (~)11.015s (~)0.344s51.01x
🌐 RedisNext.js (Turbopack)10.684s (~)11.015s (~)0.331s51.01x
💻 LocalNitro10.796s (~)11.015s (~)0.218s51.02x
💻 LocalExpress10.802s (~)11.013s (~)0.211s51.02x
🌐 TursoNext.js (Turbopack)12.177s (~)13.021s (~)0.844s51.15x
🌐 MongoDBNext.js (Turbopack)12.249s (~)13.026s (~)0.778s51.16x
🐘 PostgresNext.js (Turbopack)15.334s (+1.0%)16.035s (~)0.700s51.45x
🐘 PostgresNitro20.345s (~)21.036s (~)0.691s51.92x
🐘 PostgresExpress20.538s (~)21.035s (~)0.498s51.94x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)22.005s (-3.4%)22.549s (-4.1%)0.543s51.00x
▲ VercelNitro22.399s (+1.1%)23.286s (+2.2%)0.887s51.02x
▲ VercelExpress22.402s (-0.9%)23.111s (-1.7%)0.709s51.02x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Starter🥇 Next.js (Turbopack)1.343s (~)2.008s (~)0.665s151.00x
🌐 RedisNext.js (Turbopack)1.353s (~)2.010s (~)0.657s151.01x
💻 LocalNext.js (Turbopack)1.382s (~)2.012s (~)0.630s151.03x
💻 LocalNitro1.425s (+0.7%)2.006s (~)0.581s151.06x
💻 LocalExpress1.426s (+1.2%)2.006s (~)0.580s151.06x
🌐 MongoDBNext.js (Turbopack)2.150s (~)3.013s (~)0.863s101.60x
🌐 TursoNext.js (Turbopack)2.215s (~)3.014s (~)0.799s101.65x
🐘 PostgresNext.js (Turbopack)2.412s (+26.4% 🔺)3.027s (+35.8% 🔺)0.615s101.80x
🐘 PostgresNitro2.451s (+5.2% 🔺)3.013s (~)0.562s101.82x
🐘 PostgresExpress2.469s (+5.5% 🔺)3.013s (~)0.544s101.84x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.937s (-9.2% 🟢)3.886s (-3.6%)0.949s81.00x
▲ VercelExpress2.974s (+4.3%)3.692s (-4.9%)0.719s91.01x
▲ VercelNext.js (Turbopack)3.094s (+4.4%)3.822s (+3.3%)0.728s81.05x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.091s (-1.8%)2.952s (-3.2%)0.861s111.00x
💻 LocalNitro2.211s (-1.8%)3.177s (~)0.966s101.06x
💻 LocalExpress2.231s (~)3.198s (+0.9%)0.967s101.07x
🌐 StarterNext.js (Turbopack)2.457s (~)3.008s (~)0.551s101.18x
🌐 RedisNext.js (Turbopack)2.461s (-1.0%)3.012s (~)0.551s101.18x
🐘 PostgresNext.js (Turbopack)2.768s (+6.8% 🔺)3.019s (~)0.251s101.32x
🐘 PostgresNitro2.902s (-4.6%)3.222s (-10.3% 🟢)0.319s101.39x
🐘 PostgresExpress2.945s (-4.9%)3.124s (-12.9% 🟢)0.179s101.41x
🌐 MongoDBNext.js (Turbopack)4.622s (-3.5%)5.183s (~)0.561s62.21x
🌐 TursoNext.js (Turbopack)4.656s (-1.3%)5.181s (~)0.525s62.23x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.386s (+5.3% 🔺)4.041s (+9.3% 🔺)0.656s81.00x
▲ VercelExpress3.758s (~)4.834s (+12.1% 🔺)1.076s71.11x
▲ VercelNext.js (Turbopack)5.962s (+62.3% 🔺)6.571s (+48.6% 🔺)0.609s51.76x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.342s (-1.7%)2.010s (~)0.668s151.00x
🌐 StarterNext.js (Turbopack)1.359s (+1.4%)2.007s (~)0.648s151.01x
💻 LocalNext.js (Turbopack)1.397s (~)2.015s (~)0.618s151.04x
💻 LocalExpress1.428s (~)2.006s (~)0.578s151.06x
💻 LocalNitro1.434s (~)2.006s (~)0.572s151.07x
🐘 PostgresNext.js (Turbopack)1.713s (-5.3% 🟢)2.014s (~)0.301s151.28x
🐘 PostgresExpress1.994s (+13.0% 🔺)2.233s (+11.1% 🔺)0.239s141.49x
🐘 PostgresNitro2.045s (+15.6% 🔺)2.399s (+19.4% 🔺)0.354s131.52x
🌐 MongoDBNext.js (Turbopack)2.146s (+0.7%)3.013s (~)0.867s101.60x
🌐 TursoNext.js (Turbopack)2.219s (~)3.014s (~)0.795s101.65x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.820s (-5.2% 🟢)3.582s (-3.5%)0.763s91.00x
▲ VercelExpress2.825s (+4.4%)3.732s (+2.4%)0.907s91.00x
▲ VercelNitro2.887s (-5.3% 🟢)3.902s (+3.0%)1.015s81.02x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.244s (+3.8%)3.205s (+6.4% 🔺)0.962s101.00x
💻 LocalNitro2.271s (+2.0%)3.226s (+1.1%)0.955s101.01x
💻 LocalExpress2.279s (~)3.214s (-0.6%)0.935s101.02x
🌐 RedisNext.js (Turbopack)2.462s (-2.4%)3.011s (~)0.548s101.10x
🌐 StarterNext.js (Turbopack)2.478s (+1.3%)3.021s (~)0.543s101.10x
🐘 PostgresExpress2.709s (+2.7%)3.213s (+6.1% 🔺)0.504s101.21x
🐘 PostgresNitro2.842s (+8.6% 🔺)3.012s (~)0.170s101.27x
🐘 PostgresNext.js (Turbopack)3.074s (+17.0% 🔺)3.454s (+14.6% 🔺)0.380s91.37x
🌐 MongoDBNext.js (Turbopack)4.618s (-1.1%)5.178s (~)0.560s62.06x
🌐 TursoNext.js (Turbopack)4.774s (+2.2%)5.185s (~)0.410s62.13x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express3.297s (+3.1%)4.109s (+5.8% 🔺)0.812s81.00x
▲ VercelNext.js (Turbopack)3.312s (-13.6% 🟢)3.916s (-9.9% 🟢)0.605s81.00x
▲ VercelNitro3.393s (+4.3%)4.069s (+8.1% 🔺)0.676s81.03x

🔍 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.130s (+1.2%)1.006s (~)0.000s (NaN%)1.011s (~)0.881s101.00x
💻 LocalNext.js (Turbopack)0.137s (+1.9%)1.003s (~)0.016s (+1.3%)1.027s (~)0.890s101.06x
🌐 RedisNext.js (Turbopack)0.141s (-3.8%)1.005s (~)0.000s (NaN%)1.014s (~)0.873s101.08x
💻 LocalNitro0.176s (-3.2%)0.993s (~)0.017s (+14.2% 🔺)1.023s (~)0.847s101.36x
💻 LocalExpress0.180s (+2.5%)0.992s (~)0.017s (+3.1%)1.023s (~)0.843s101.38x
🌐 MongoDBNext.js (Turbopack)0.475s (-8.0% 🟢)0.974s (+4.1%)0.000s (-100.0% 🟢)1.013s (~)0.539s103.65x
🌐 TursoNext.js (Turbopack)0.489s (-1.2%)0.959s (~)0.000s (NaN%)1.012s (~)0.523s103.76x
🐘 PostgresNext.js (Turbopack)1.135s (-18.1% 🟢)1.909s (+14.9% 🔺)0.000s (-100.0% 🟢)2.018s (~)0.882s108.74x
🐘 PostgresNitro2.343s (+4.7%)2.702s (-3.5%)0.000s (+Infinity% 🔺)3.014s (~)0.671s1018.04x
🐘 PostgresExpress2.370s (+4.7%)2.675s (-3.8%)0.000s (NaN%)3.015s (~)0.645s1018.25x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express2.869s (+1.5%)3.513s (+5.3% 🔺)0.368s (-7.9% 🟢)4.410s (+3.9%)1.541s101.00x
▲ VercelNitro2.891s (+4.8%)3.369s (+7.8% 🔺)0.412s (+19.1% 🔺)4.340s (+11.2% 🔺)1.449s101.01x
▲ VercelNext.js (Turbopack)2.926s (+4.0%)3.124s (-2.4%)0.557s (+6.8% 🔺)4.139s (~)1.213s101.02x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

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

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local8/8
Next.js (Turbopack)🌐 Starter5/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 thread.changeset/pretty-teeth-brush.md Outdated
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Comment threadpackages/web-shared/src/api/workflow-api-client.ts
…ading the entire page. This prevents the layout shift flicker that was happening previously.
@karthikscale3
karthikscale3 merged commit ee7b1fd into mainJan 20, 2026
92 checks passed
@karthikscale3
karthikscale3 deleted the karthik/cleanups branch January 20, 2026 01:57
VaguelySerious added a commit that referenced this pull request Jan 23, 2026
…of reload (#808)
* Made a minor fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
* Update .changeset/pretty-teeth-brush.md
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
* Hooks table - fix to use the hook to refresh the runs instead of reloading the entire page. This prevents the layout shift flicker that was happening previously.
---------
Signed-off-by: Karthik Kalyanaraman <karthik.kalyanaraman@vercel.com>
Signed-off-by: Karthik Kalyan <105607645+karthikscale3@users.noreply.github.com>
Co-authored-by: Peter Wielander <mittgfu@gmail.com>
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.

3 participants

@karthikscale3@TooTallNate@VaguelySerious