Add detail pane to the new trace viewer + cleanup

[mitul-s]

• Replacing the previous trace viewer with the new one
• Fix colours and typography to use geist
• Clean up detail pane (remove attributes that are already shown on page, fix typography)
• Introduce sidebar provider

[changeset-bot]

⚠️ No Changeset found

Latest commit: 697afd1

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
example-nextjs-workflow-turbopack	Error		Apr 13, 2026 11:40pm
example-nextjs-workflow-webpack	Error		Apr 13, 2026 11:40pm
example-workflow	Error		Apr 13, 2026 11:40pm
workbench-astro-workflow	Error		Apr 13, 2026 11:40pm
workbench-express-workflow	Error		Apr 13, 2026 11:40pm
workbench-fastify-workflow	Error		Apr 13, 2026 11:40pm
workbench-hono-workflow	Error		Apr 13, 2026 11:40pm
workbench-nitro-workflow	Error		Apr 13, 2026 11:40pm
workbench-nuxt-workflow	Error		Apr 13, 2026 11:40pm
workbench-sveltekit-workflow	Error		Apr 13, 2026 11:40pm
workbench-vite-workflow	Error		Apr 13, 2026 11:40pm
workflow-docs	Error		Apr 13, 2026 11:40pm
workflow-swc-playground	Error		Apr 13, 2026 11:40pm

[github-actions]

🧪 E2E Test Results

❌ Some tests failed

Summary

	Passed	Failed	Skipped	Total
✅ ▲ Vercel Production	912	0	67	979
✅ 💻 Local Development	612	0	100	712
✅ 📦 Local Production	762	0	128	890
✅ 🐘 Local Postgres	762	0	128	890
✅ 🪟 Windows	81	0	8	89
❌ 🌍 Community Worlds	136	65	24	225
✅ 📋 Other	225	0	42	267
Total	3490	65	497	4052

❌ Failed Tests

🌍 Community Worlds (65 failed)

mongodb (4 failed):

• hookWorkflow is not resumable via public webhook endpoint | wrun_01KP4KT94CPHERQADHSFGNP9PK
• webhookWorkflow | wrun_01KP4KTHA31487MGCFTABW3JR1
• concurrent hook token conflict - two workflows cannot use the same hook token simultaneously | wrun_01KP4M26RQCF96ZS7ECRYTE6VD
• resilient start: addTenWorkflow completes when run_created returns 500 | wrun_01KP4M8WWV8EV3S6GE894W48VJ

redis (3 failed):

• hookWorkflow is not resumable via public webhook endpoint | wrun_01KP4KT94CPHERQADHSFGNP9PK
• concurrent hook token conflict - two workflows cannot use the same hook token simultaneously | wrun_01KP4M26RQCF96ZS7ECRYTE6VD
• resilient start: addTenWorkflow completes when run_created returns 500 | wrun_01KP4M8WWV8EV3S6GE894W48VJ

turso (58 failed):

• addTenWorkflow | wrun_01KP4KS0HYBWWC09EH6C5246AT
• addTenWorkflow | wrun_01KP4KS0HYBWWC09EH6C5246AT
• wellKnownAgentWorkflow (.well-known/agent) | wrun_01KP4KSA8HAAFCS3J0P2V80SBZ
• should work with react rendering in step
• promiseAllWorkflow | wrun_01KP4KS7S47RMXCSZEAAB5VMN1
• promiseRaceWorkflow | wrun_01KP4KSFHK5YM4M2G483GPEN8R
• promiseAnyWorkflow | wrun_01KP4KSHT9YARMKHX52627VKS6
• importedStepOnlyWorkflow | wrun_01KP4KSM6RFS96HP6354QC0N4H
• hookWorkflow | wrun_01KP4KSY1ZMJH8CM1JCN1PYD66
• hookWorkflow is not resumable via public webhook endpoint | wrun_01KP4KT94CPHERQADHSFGNP9PK
• webhookWorkflow | wrun_01KP4KTHA31487MGCFTABW3JR1
• sleepingWorkflow | wrun_01KP4KTPDJ9YAPN8FAW9PXZWEP
• parallelSleepWorkflow | wrun_01KP4KV2CBJ3XE1Z9XQZ69F3EW
• nullByteWorkflow | wrun_01KP4KV5V7DCPKFCEBCKJF7ZS6
• workflowAndStepMetadataWorkflow | wrun_01KP4KV83BJ388M59RYZN3PCMW
• fetchWorkflow | wrun_01KP4KXVMTPDNGJP0CDT53HKJC
• promiseRaceStressTestWorkflow | wrun_01KP4KXZ96XETT82Y6K4MC59TW
• 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 retry behavior RetryableError respects custom retryAfter delay
• error handling retry behavior maxRetries=0 disables retries
• error handling catchability FatalError can be caught and detected with FatalError.is()
• error handling not registered WorkflowNotRegisteredError fails the run when workflow does not exist
• error handling not registered StepNotRegisteredError fails the step but workflow can catch it
• error handling not registered StepNotRegisteredError fails the run when not caught in workflow
• hookCleanupTestWorkflow - hook token reuse after workflow completion | wrun_01KP4M1HFFZ17C592SM69BH7HM
• concurrent hook token conflict - two workflows cannot use the same hook token simultaneously | wrun_01KP4M26RQCF96ZS7ECRYTE6VD
• hookDisposeTestWorkflow - hook token reuse after explicit disposal while workflow still running | wrun_01KP4M2YJZ1ZQ4H2MQC5GDQRQD
• stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars) | wrun_01KP4M3KQEYP3Y7NP47KNS7Q0G
• stepFunctionWithClosureWorkflow - step function with closure variables passed as argument | wrun_01KP4M3XRRPBVK0WP0HRF16RH5
• closureVariableWorkflow - nested step functions with closure variables | wrun_01KP4M43RTM0A31G4CMX8PQ5WV
• spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step | wrun_01KP4M46CDFGKQ410QY2QH59PM
• health check (queue-based) - workflow and step endpoints respond to health check messages
• pathsAliasWorkflow - TypeScript path aliases resolve correctly | wrun_01KP4M4NSMW01C2ACYKB4NN6JC
• Calculator.calculate - static workflow method using static step methods from another class | wrun_01KP4M4VT5DKG7VV039KYQQR5M
• AllInOneService.processNumber - static workflow method using sibling static step methods | wrun_01KP4M51X00QPJ086C7PCMGFXB
• ChainableService.processWithThis - static step methods using this to reference the class | wrun_01KP4M58ZKKKVPBF46N3A858NX
• thisSerializationWorkflow - step function invoked with .call() and .apply() | wrun_01KP4M5F7BPP3C82RNBA03EKAP
• customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE | wrun_01KP4M5P8PR2SQMGNGHJ5S073E
• instanceMethodStepWorkflow - instance methods with "use step" directive | wrun_01KP4M5XBAS1GTVGBCQQX5NRK6
• crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context | wrun_01KP4M69A9W2QM49HAWM1F5KM2
• stepFunctionAsStartArgWorkflow - step function reference passed as start() argument | wrun_01KP4M6HPCAVHRP8M85NEZP9FE
• cancelRun - cancelling a running workflow | wrun_01KP4M6T5SFRF63NC2V8XZ16H1
• cancelRun via CLI - cancelling a running workflow | wrun_01KP4M74030GN1JD785Y0MAFR5
• pages router addTenWorkflow via pages router
• pages router promiseAllWorkflow via pages router
• pages router sleepingWorkflow via pages router
• hookWithSleepWorkflow - hook payloads delivered correctly with concurrent sleep | wrun_01KP4M7GHKAMZERZPJDFTXC6D9
• sleepInLoopWorkflow - sleep inside loop with steps actually delays each iteration | wrun_01KP4M86C8SKB6YP0ZQE328WBD
• sleepWithSequentialStepsWorkflow - sequential steps work with concurrent sleep (control) | wrun_01KP4M8H935EZ5YQ01T3JHKW08
• importMetaUrlWorkflow - import.meta.url is available in step bundles | wrun_01KP4M8RAGVFNA5KRG4RBQPVEM
• metadataFromHelperWorkflow - getWorkflowMetadata/getStepMetadata work from module-level helper (#1577) | wrun_01KP4M8TM8PA2169XE4QD7E484
• resilient start: addTenWorkflow completes when run_created returns 500 | wrun_01KP4M8WWV8EV3S6GE894W48VJ
• getterStepWorkflow - getter functions with "use step" directive | wrun_01KP4M90JA8D8XKWCCTZ8MWV04

Details by Category

✅ ▲ Vercel Production

App	Passed	Failed	Skipped
✅ astro	82	0	7
✅ example	82	0	7
✅ express	82	0	7
✅ fastify	82	0	7
✅ hono	82	0	7
✅ nextjs-turbopack	87	0	2
✅ nextjs-webpack	87	0	2
✅ nitro	82	0	7
✅ nuxt	82	0	7
✅ sveltekit	82	0	7
✅ vite	82	0	7

✅ 💻 Local Development

App	Passed	Failed	Skipped
✅ astro-stable	75	0	14
✅ fastify-stable	75	0	14
✅ nextjs-turbopack-stable	81	0	8
✅ nextjs-webpack-stable	81	0	8
✅ nitro-stable	75	0	14
✅ nuxt-stable	75	0	14
✅ sveltekit-stable	75	0	14
✅ vite-stable	75	0	14

✅ 📦 Local Production

App	Passed	Failed	Skipped
✅ astro-stable	75	0	14
✅ express-stable	75	0	14
✅ fastify-stable	75	0	14
✅ hono-stable	75	0	14
✅ nextjs-turbopack-stable	81	0	8
✅ nextjs-webpack-stable	81	0	8
✅ nitro-stable	75	0	14
✅ nuxt-stable	75	0	14
✅ sveltekit-stable	75	0	14
✅ vite-stable	75	0	14

✅ 🐘 Local Postgres

App	Passed	Failed	Skipped
✅ astro-stable	75	0	14
✅ express-stable	75	0	14
✅ fastify-stable	75	0	14
✅ hono-stable	75	0	14
✅ nextjs-turbopack-stable	81	0	8
✅ nextjs-webpack-stable	81	0	8
✅ nitro-stable	75	0	14
✅ nuxt-stable	75	0	14
✅ sveltekit-stable	75	0	14
✅ vite-stable	75	0	14

✅ 🪟 Windows

App	Passed	Failed	Skipped
✅ nextjs-turbopack	81	0	8

❌ 🌍 Community Worlds

App	Passed	Failed	Skipped
✅ mongodb-dev	5	0	0
❌ mongodb	58	4	8
✅ redis-dev	5	0	0
❌ redis	59	3	8
✅ turso-dev	5	0	0
❌ turso	4	58	8

✅ 📋 Other

App	Passed	Failed	Skipped
✅ e2e-local-dev-nest-stable	75	0	14
✅ e2e-local-postgres-nest-stable	75	0	14
✅ e2e-local-prod-nest-stable	75	0	14

---

📋 View full workflow run

---

❌ Some E2E test jobs failed:

• Vercel Prod: success
• Local Dev: failure
• Local Prod: failure
• Local Postgres: failure
• Windows: success

Check the workflow run for details.