Retheme <DataInspector> to match Node.js util.inspect() colors - #1033

Merged
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors
Feb 13, 2026
Merged

Retheme <DataInspector> to match Node.js util.inspect() colors#1033
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors

Conversation

@TooTallNate

Copy link
Copy Markdown
Member

Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.

@changeset-bot

changeset-botBot commented Feb 13, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b0df9df

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

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

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

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

@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production501038539
✅ 💻 Local Development520068588
❌ 📦 Local Production4754568588
❌ 🐘 Local Postgres4754568588
✅ 🪟 Windows460349
❌ 🌍 Community Worlds104439156
✅ 📋 Other126021147
Total22471332752655

❌ Failed Tests

📦 Local Production (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🐘 Local Postgres (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🌍 Community Worlds (43 failed)

mongodb (1 failed):

  • webhookWorkflow

turso (42 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro4504
✅ example4504
✅ express4504
✅ fastify4504
✅ hono4504
✅ nextjs-turbopack4801
✅ nextjs-webpack4801
✅ nitro4504
✅ nuxt4504
✅ sveltekit4504
✅ vite4504
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
✅ nextjs-turbopack-canary4603
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4603
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4513
✅ redis-dev300
✅ redis4603
✅ turso-dev300
❌ turso4423
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable4207
✅ e2e-local-postgres-nest-stable4207
✅ e2e-local-prod-nest-stable4207

📋 View full workflow run


Some E2E test jobs failed:

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

Check the workflow run for details.

@vercel

vercelBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

@TooTallNateGraphite App

TooTallNate commented Feb 13, 2026

Copy link
Copy Markdown
MemberAuthor

@TooTallNate
TooTallNate marked this pull request as ready for review February 13, 2026 02:32
CopilotAI review requested due to automatic review settings February 13, 2026 02:32

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR rethemes the <DataInspector> component to align its color scheme with Node.js util.inspect() ANSI styling, replacing the previous Chrome DevTools-inspired colors. It also removes the unused color-hash dependency.

Changes:

  • Redesigned color themes (light and dark) to match Node.js conventions (green strings, yellow numbers/booleans, grey undefined, magenta dates, cyan functions, neutral property names)
  • Added extended theme context to support Date instance coloring, which react-inspector doesn't natively support
  • Refactored theme structure to separate shared structural values from theme-specific colors

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

FileDescription
packages/web-shared/src/components/ui/inspector-theme.tsImplements new Node.js-inspired color schemes for light and dark themes, adds extended theme interface for Date colors
packages/web-shared/src/components/ui/data-inspector.tsxIntegrates extended theme context and adds custom Date rendering with magenta color styling
.changeset/legal-ads-shave.mdDocuments the theme change in the changeset

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment threadpackages/web-shared/src/components/ui/data-inspector.tsx

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

looks good as most changes are only applying new styles and colors.

Base automatically changed from 02-12-extract_reusable_datainspector_component_and_fix_class_instance_rendering to mainFebruary 13, 2026 22:20
Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.
@TooTallNate
TooTallNateforce-pushed the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch from bc74e97 to b0df9dfCompareFebruary 13, 2026 22:20
@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

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

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express0.033s (+3.1%)1.005s (~)0.972s101.00x
💻 LocalNitro0.037s (+12.2% 🔺)1.006s (~)0.969s101.11x
💻 LocalNext.js (Turbopack)0.043s1.005s0.962s101.28x
🌐 RedisNext.js (Turbopack)0.050s (+35.2% 🔺)1.005s (~)0.955s101.50x
🐘 PostgresNitro0.098s (-55.9% 🟢)1.010s (-0.6%)0.912s102.95x
🌐 MongoDBNext.js (Turbopack)0.098s (+1.7%)1.008s (~)0.909s102.96x
🐘 PostgresExpress0.102s (-48.0% 🟢)1.013s (~)0.911s103.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.607s (+4.3%)1.738s (-15.4% 🟢)1.130s101.00x
▲ VercelNext.js (Turbopack)0.609s (-5.2% 🟢)1.704s (-9.2% 🟢)1.095s101.00x
▲ VercelExpress0.643s (~)2.003s (-4.3%)1.359s101.06x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)1.104s2.006s0.902s101.00x
💻 LocalExpress1.107s (~)2.005s (~)0.898s101.00x
🌐 RedisNext.js (Turbopack)1.109s (+2.1%)2.007s (~)0.898s101.00x
💻 LocalNitro1.119s (+1.1%)2.005s (~)0.886s101.01x
🌐 MongoDBNext.js (Turbopack)1.296s (-1.3%)2.008s (~)0.712s101.17x
🐘 PostgresExpress2.474s (+42.7% 🔺)3.013s (+30.3% 🔺)0.539s102.24x
🐘 PostgresNitro2.475s (+1.2%)3.013s (~)0.538s102.24x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.280s (-11.1% 🟢)3.048s (-11.7% 🟢)0.768s101.00x
▲ VercelNext.js (Turbopack)2.360s (+1.7%)3.000s (-3.9%)0.640s101.04x
▲ VercelExpress2.624s (+6.3% 🔺)3.495s (+6.0% 🔺)0.871s101.15x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)10.738s11.023s0.286s31.00x
🌐 RedisNext.js (Turbopack)10.742s (+1.4%)11.025s (~)0.283s31.00x
💻 LocalExpress10.857s (~)11.023s (~)0.166s31.01x
💻 LocalNitro10.913s (+0.7%)11.024s (~)0.110s31.02x
🌐 MongoDBNext.js (Turbopack)12.301s (+0.7%)13.024s (~)0.723s31.15x
🐘 PostgresNitro16.080s (-20.8% 🟢)16.547s (-21.4% 🟢)0.467s21.50x
🐘 PostgresExpress20.351s (+31.3% 🔺)21.056s (+31.3% 🔺)0.706s21.90x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)17.524s (-5.3% 🟢)18.663s (-3.8%)1.139s21.00x
▲ VercelNitro18.020s (+0.9%)18.758s (-1.5%)0.739s21.03x
▲ VercelExpress18.111s (~)19.183s (+1.2%)1.072s21.03x

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

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)26.974s (+1.4%)27.052s (~)0.078s31.00x
💻 LocalNext.js (Turbopack)27.225s28.053s0.828s31.01x
💻 LocalExpress27.514s (~)28.051s (~)0.537s31.02x
💻 LocalNitro27.712s (+0.6%)28.054s (~)0.342s31.03x
🌐 MongoDBNext.js (Turbopack)30.595s (~)31.045s (~)0.450s21.13x
🐘 PostgresNitro39.398s (-21.7% 🟢)40.102s (-21.6% 🟢)0.704s21.46x
🐘 PostgresExpress50.149s (+33.4% 🔺)50.626s (+32.9% 🔺)0.477s21.86x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro44.117s (-6.9% 🟢)45.224s (-7.3% 🟢)1.106s21.00x
▲ VercelNext.js (Turbopack)44.224s (-12.6% 🟢)45.044s (-13.1% 🟢)0.821s21.00x
▲ VercelExpress44.525s (-12.9% 🟢)45.887s (-14.0% 🟢)1.362s21.01x

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

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)54.404s (+1.3%)55.100s (+1.8%)0.697s21.00x
💻 LocalNext.js (Turbopack)56.844s57.105s0.261s21.04x
💻 LocalExpress57.347s (~)58.102s (~)0.755s21.05x
💻 LocalNitro57.857s (+0.6%)58.109s (~)0.252s21.06x
🌐 MongoDBNext.js (Turbopack)60.998s (~)61.074s (-0.8%)0.077s21.12x
🐘 PostgresNitro75.570s (-24.6% 🟢)76.179s (-24.0% 🟢)0.609s21.39x
🐘 PostgresExpress100.363s (+36.6% 🔺)101.234s (+37.4% 🔺)0.871s11.84x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro87.852s (-5.3% 🟢)89.127s (-4.9%)1.275s21.00x
▲ VercelExpress88.648s (-3.3%)89.819s (-3.4%)1.171s21.01x
▲ VercelNext.js (Turbopack)88.874s (-3.8%)90.085s (-3.6%)1.211s21.01x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.258s (+5.4% 🔺)2.007s (~)0.749s151.00x
💻 LocalNext.js (Turbopack)1.408s2.006s0.598s151.12x
💻 LocalExpress1.412s (~)2.005s (~)0.593s151.12x
💻 LocalNitro1.435s (-1.0%)2.006s (~)0.571s151.14x
🌐 MongoDBNext.js (Turbopack)2.190s (+2.2%)3.008s (~)0.818s101.74x
🐘 PostgresNitro2.309s (+3.7%)2.681s (-11.0% 🟢)0.372s121.84x
🐘 PostgresExpress2.410s (+24.6% 🔺)3.013s (+19.9% 🔺)0.603s101.92x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.430s (-14.5% 🟢)3.086s (-13.3% 🟢)0.656s101.00x
▲ VercelNitro2.500s (-39.1% 🟢)3.244s (-39.1% 🟢)0.743s101.03x
▲ VercelExpress3.189s (+25.1% 🔺)4.583s (+24.7% 🔺)1.394s71.31x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.487s3.007s0.520s101.00x
🌐 RedisNext.js (Turbopack)2.546s (+6.1% 🔺)3.008s (~)0.462s101.02x
💻 LocalExpress2.615s (-1.0%)3.007s (~)0.392s101.05x
💻 LocalNitro2.679s (~)3.007s (~)0.329s101.08x
🌐 MongoDBNext.js (Turbopack)4.717s (-2.1%)5.178s (-3.1%)0.461s61.90x
🐘 PostgresExpress8.232s (-27.5% 🟢)8.530s (-29.1% 🟢)0.298s43.31x
🐘 PostgresNitro10.454s (+20.5% 🔺)10.699s (+18.3% 🔺)0.245s34.20x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)4.250s (+6.9% 🔺)5.223s (+6.0% 🔺)0.973s61.00x
▲ VercelExpress6.604s (+105.4% 🔺)7.799s (+78.1% 🔺)1.195s51.55x
▲ VercelNitro7.633s (+74.7% 🔺)8.513s (+56.2% 🔺)0.880s41.80x

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

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.155s (+6.5% 🔺)4.582s (+6.7% 🔺)0.427s71.00x
💻 LocalExpress7.515s (~)8.018s (~)0.503s41.81x
💻 LocalNitro7.676s (-4.9%)8.019s (-8.6% 🟢)0.342s41.85x
💻 LocalNext.js (Turbopack)7.885s8.516s0.631s41.90x
🌐 MongoDBNext.js (Turbopack)9.758s (-1.7%)10.352s (~)0.594s32.35x
🐘 PostgresNitro45.104s (-6.8% 🟢)45.127s (-8.2% 🟢)0.023s110.85x
🐘 PostgresExpress47.507s (-5.2% 🟢)48.112s (-5.9% 🟢)0.605s111.43x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express8.949s (-35.7% 🟢)10.046s (-33.5% 🟢)1.097s31.00x
▲ VercelNext.js (Turbopack)14.449s (+53.4% 🔺)15.500s (+47.5% 🔺)1.051s21.61x
▲ VercelNitro15.649s (+18.5% 🔺)16.452s (+14.2% 🔺)0.803s21.75x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.253s (+4.0%)2.006s (~)0.753s151.00x
💻 LocalExpress1.451s (+0.6%)2.005s (~)0.554s151.16x
💻 LocalNitro1.453s (~)2.005s (~)0.552s151.16x
💻 LocalNext.js (Turbopack)1.461s2.005s0.543s151.17x
🐘 PostgresExpress1.969s (-5.5% 🟢)2.514s (-6.2% 🟢)0.545s121.57x
🐘 PostgresNitro2.112s (+20.3% 🔺)3.015s (+45.1% 🔺)0.902s101.69x
🌐 MongoDBNext.js (Turbopack)2.154s (+1.1%)3.008s (~)0.854s101.72x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.358s (-45.9% 🟢)3.006s (-45.5% 🟢)0.647s101.00x
▲ VercelExpress2.991s (-66.9% 🟢)3.912s (-63.3% 🟢)0.921s81.27x
▲ VercelNext.js (Turbopack)4.001s (-12.7% 🟢)4.800s (-11.4% 🟢)0.799s71.70x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)2.514s (+6.1% 🔺)3.008s (~)0.494s101.00x
💻 LocalNext.js (Turbopack)2.601s3.007s0.406s101.03x
💻 LocalExpress2.699s (-1.9%)3.008s (~)0.309s101.07x
💻 LocalNitro2.792s (~)3.009s (~)0.218s101.11x
🌐 MongoDBNext.js (Turbopack)4.712s (~)5.176s (~)0.464s61.87x
🐘 PostgresNitro11.753s (+18.3% 🔺)12.370s (+19.3% 🔺)0.617s34.68x
🐘 PostgresExpress12.758s (-7.9% 🟢)13.369s (-7.0% 🟢)0.610s35.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.492s (-35.2% 🟢)3.393s (-32.5% 🟢)0.901s91.00x
▲ VercelExpress3.408s (-31.2% 🟢)4.358s (-27.2% 🟢)0.950s71.37x
▲ VercelNext.js (Turbopack)3.546s (+7.7% 🔺)4.610s (+5.8% 🔺)1.064s71.42x

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

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.088s (+4.2%)4.724s (+10.0% 🔺)0.636s71.00x
💻 LocalNext.js (Turbopack)8.284s8.519s0.235s42.03x
💻 LocalExpress8.328s (+3.6%)9.018s (+5.9% 🔺)0.690s42.04x
💻 LocalNitro8.425s (+0.8%)9.021s (~)0.596s42.06x
🌐 MongoDBNext.js (Turbopack)9.779s (~)10.348s (~)0.570s32.39x
🐘 PostgresNitro51.112s (+7.1% 🔺)52.128s (+8.3% 🔺)1.016s112.50x
🐘 PostgresExpress53.988s (-2.0%)54.120s (-1.8%)0.132s113.21x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)7.954s (+79.6% 🔺)9.025s (+66.1% 🔺)1.071s51.00x
▲ VercelNitro14.709s (+165.5% 🔺)15.524s (+125.6% 🔺)0.815s31.85x
▲ VercelExpress17.387s (+172.5% 🔺)18.719s (+147.1% 🔺)1.332s22.19x

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

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)0.145s1.002s0.011s1.017s0.872s101.00x
🌐 RedisNext.js (Turbopack)0.155s (+34.8% 🔺)1.000s (~)0.002s (+45.5% 🔺)1.007s (~)0.853s101.06x
💻 LocalExpress0.178s (+3.0%)1.002s (~)0.011s (-2.7%)1.016s (~)0.838s101.23x
💻 LocalNitro0.189s (+7.8% 🔺)1.003s (~)0.011s (+0.9%)1.018s (~)0.829s101.30x
🌐 MongoDBNext.js (Turbopack)0.504s (+2.2%)0.945s (-1.0%)0.001s (-12.5% 🟢)1.009s (~)0.505s103.46x
🐘 PostgresNitro1.385s (-39.9% 🟢)1.655s (-39.6% 🟢)0.001s (+16.7% 🔺)2.012s (-33.3% 🟢)0.628s109.52x
🐘 PostgresExpress2.179s (+223.8% 🔺)2.064s (+95.9% 🔺)0.001s (~)2.514s (+126.4% 🔺)0.335s1014.99x
🐘 PostgresNext.js (Turbopack)⚠️missing-----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)1.973s (-6.6% 🟢)2.446s (-1.6%)0.199s (+26.7% 🔺)3.107s (-3.1%)1.134s101.00x
▲ VercelNitro2.028s (-28.4% 🟢)2.456s (-23.9% 🟢)0.611s (+207.7% 🔺)3.545s (-17.6% 🟢)1.517s101.03x
▲ VercelExpress2.164s (+5.2% 🔺)2.643s (-10.3% 🟢)0.197s (+41.0% 🔺)3.429s (-7.6% 🟢)1.265s101.10x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)9/12
🐘 PostgresNitro9/12
▲ VercelNitro6/12
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local12/12
Next.js (Turbopack)🌐 Redis7/12
Nitro💻 Local11/12
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

@graphite-app

Copy link
Copy Markdown

Merge activity

  • Feb 13, 10:21 PM UTC: Graphite rebased this pull request, because this pull request is set to merge when ready.

@TooTallNate
TooTallNate merged commit 260f77e into mainFeb 13, 2026
28 of 43 checks passed
@TooTallNate
TooTallNate deleted the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch February 13, 2026 22:21
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.

4 participants

@TooTallNate@VaguelySerious@karthikscale3
, '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

Retheme <DataInspector> to match Node.js util.inspect() colors - #1033

Merged
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors
Feb 13, 2026
Merged

Retheme <DataInspector> to match Node.js util.inspect() colors#1033
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors

Conversation

@TooTallNate

Copy link
Copy Markdown
Member

Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.

@changeset-bot

changeset-botBot commented Feb 13, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b0df9df

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

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

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

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

@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production501038539
✅ 💻 Local Development520068588
❌ 📦 Local Production4754568588
❌ 🐘 Local Postgres4754568588
✅ 🪟 Windows460349
❌ 🌍 Community Worlds104439156
✅ 📋 Other126021147
Total22471332752655

❌ Failed Tests

📦 Local Production (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🐘 Local Postgres (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🌍 Community Worlds (43 failed)

mongodb (1 failed):

  • webhookWorkflow

turso (42 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro4504
✅ example4504
✅ express4504
✅ fastify4504
✅ hono4504
✅ nextjs-turbopack4801
✅ nextjs-webpack4801
✅ nitro4504
✅ nuxt4504
✅ sveltekit4504
✅ vite4504
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
✅ nextjs-turbopack-canary4603
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4603
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4513
✅ redis-dev300
✅ redis4603
✅ turso-dev300
❌ turso4423
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable4207
✅ e2e-local-postgres-nest-stable4207
✅ e2e-local-prod-nest-stable4207

📋 View full workflow run


Some E2E test jobs failed:

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

Check the workflow run for details.

@vercel

vercelBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

@TooTallNateGraphite App

TooTallNate commented Feb 13, 2026

Copy link
Copy Markdown
MemberAuthor

@TooTallNate
TooTallNate marked this pull request as ready for review February 13, 2026 02:32
CopilotAI review requested due to automatic review settings February 13, 2026 02:32

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR rethemes the <DataInspector> component to align its color scheme with Node.js util.inspect() ANSI styling, replacing the previous Chrome DevTools-inspired colors. It also removes the unused color-hash dependency.

Changes:

  • Redesigned color themes (light and dark) to match Node.js conventions (green strings, yellow numbers/booleans, grey undefined, magenta dates, cyan functions, neutral property names)
  • Added extended theme context to support Date instance coloring, which react-inspector doesn't natively support
  • Refactored theme structure to separate shared structural values from theme-specific colors

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

FileDescription
packages/web-shared/src/components/ui/inspector-theme.tsImplements new Node.js-inspired color schemes for light and dark themes, adds extended theme interface for Date colors
packages/web-shared/src/components/ui/data-inspector.tsxIntegrates extended theme context and adds custom Date rendering with magenta color styling
.changeset/legal-ads-shave.mdDocuments the theme change in the changeset

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment threadpackages/web-shared/src/components/ui/data-inspector.tsx

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

looks good as most changes are only applying new styles and colors.

Base automatically changed from 02-12-extract_reusable_datainspector_component_and_fix_class_instance_rendering to mainFebruary 13, 2026 22:20
Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.
@TooTallNate
TooTallNateforce-pushed the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch from bc74e97 to b0df9dfCompareFebruary 13, 2026 22:20
@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

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

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express0.033s (+3.1%)1.005s (~)0.972s101.00x
💻 LocalNitro0.037s (+12.2% 🔺)1.006s (~)0.969s101.11x
💻 LocalNext.js (Turbopack)0.043s1.005s0.962s101.28x
🌐 RedisNext.js (Turbopack)0.050s (+35.2% 🔺)1.005s (~)0.955s101.50x
🐘 PostgresNitro0.098s (-55.9% 🟢)1.010s (-0.6%)0.912s102.95x
🌐 MongoDBNext.js (Turbopack)0.098s (+1.7%)1.008s (~)0.909s102.96x
🐘 PostgresExpress0.102s (-48.0% 🟢)1.013s (~)0.911s103.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.607s (+4.3%)1.738s (-15.4% 🟢)1.130s101.00x
▲ VercelNext.js (Turbopack)0.609s (-5.2% 🟢)1.704s (-9.2% 🟢)1.095s101.00x
▲ VercelExpress0.643s (~)2.003s (-4.3%)1.359s101.06x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)1.104s2.006s0.902s101.00x
💻 LocalExpress1.107s (~)2.005s (~)0.898s101.00x
🌐 RedisNext.js (Turbopack)1.109s (+2.1%)2.007s (~)0.898s101.00x
💻 LocalNitro1.119s (+1.1%)2.005s (~)0.886s101.01x
🌐 MongoDBNext.js (Turbopack)1.296s (-1.3%)2.008s (~)0.712s101.17x
🐘 PostgresExpress2.474s (+42.7% 🔺)3.013s (+30.3% 🔺)0.539s102.24x
🐘 PostgresNitro2.475s (+1.2%)3.013s (~)0.538s102.24x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.280s (-11.1% 🟢)3.048s (-11.7% 🟢)0.768s101.00x
▲ VercelNext.js (Turbopack)2.360s (+1.7%)3.000s (-3.9%)0.640s101.04x
▲ VercelExpress2.624s (+6.3% 🔺)3.495s (+6.0% 🔺)0.871s101.15x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)10.738s11.023s0.286s31.00x
🌐 RedisNext.js (Turbopack)10.742s (+1.4%)11.025s (~)0.283s31.00x
💻 LocalExpress10.857s (~)11.023s (~)0.166s31.01x
💻 LocalNitro10.913s (+0.7%)11.024s (~)0.110s31.02x
🌐 MongoDBNext.js (Turbopack)12.301s (+0.7%)13.024s (~)0.723s31.15x
🐘 PostgresNitro16.080s (-20.8% 🟢)16.547s (-21.4% 🟢)0.467s21.50x
🐘 PostgresExpress20.351s (+31.3% 🔺)21.056s (+31.3% 🔺)0.706s21.90x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)17.524s (-5.3% 🟢)18.663s (-3.8%)1.139s21.00x
▲ VercelNitro18.020s (+0.9%)18.758s (-1.5%)0.739s21.03x
▲ VercelExpress18.111s (~)19.183s (+1.2%)1.072s21.03x

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

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)26.974s (+1.4%)27.052s (~)0.078s31.00x
💻 LocalNext.js (Turbopack)27.225s28.053s0.828s31.01x
💻 LocalExpress27.514s (~)28.051s (~)0.537s31.02x
💻 LocalNitro27.712s (+0.6%)28.054s (~)0.342s31.03x
🌐 MongoDBNext.js (Turbopack)30.595s (~)31.045s (~)0.450s21.13x
🐘 PostgresNitro39.398s (-21.7% 🟢)40.102s (-21.6% 🟢)0.704s21.46x
🐘 PostgresExpress50.149s (+33.4% 🔺)50.626s (+32.9% 🔺)0.477s21.86x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro44.117s (-6.9% 🟢)45.224s (-7.3% 🟢)1.106s21.00x
▲ VercelNext.js (Turbopack)44.224s (-12.6% 🟢)45.044s (-13.1% 🟢)0.821s21.00x
▲ VercelExpress44.525s (-12.9% 🟢)45.887s (-14.0% 🟢)1.362s21.01x

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

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)54.404s (+1.3%)55.100s (+1.8%)0.697s21.00x
💻 LocalNext.js (Turbopack)56.844s57.105s0.261s21.04x
💻 LocalExpress57.347s (~)58.102s (~)0.755s21.05x
💻 LocalNitro57.857s (+0.6%)58.109s (~)0.252s21.06x
🌐 MongoDBNext.js (Turbopack)60.998s (~)61.074s (-0.8%)0.077s21.12x
🐘 PostgresNitro75.570s (-24.6% 🟢)76.179s (-24.0% 🟢)0.609s21.39x
🐘 PostgresExpress100.363s (+36.6% 🔺)101.234s (+37.4% 🔺)0.871s11.84x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro87.852s (-5.3% 🟢)89.127s (-4.9%)1.275s21.00x
▲ VercelExpress88.648s (-3.3%)89.819s (-3.4%)1.171s21.01x
▲ VercelNext.js (Turbopack)88.874s (-3.8%)90.085s (-3.6%)1.211s21.01x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.258s (+5.4% 🔺)2.007s (~)0.749s151.00x
💻 LocalNext.js (Turbopack)1.408s2.006s0.598s151.12x
💻 LocalExpress1.412s (~)2.005s (~)0.593s151.12x
💻 LocalNitro1.435s (-1.0%)2.006s (~)0.571s151.14x
🌐 MongoDBNext.js (Turbopack)2.190s (+2.2%)3.008s (~)0.818s101.74x
🐘 PostgresNitro2.309s (+3.7%)2.681s (-11.0% 🟢)0.372s121.84x
🐘 PostgresExpress2.410s (+24.6% 🔺)3.013s (+19.9% 🔺)0.603s101.92x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.430s (-14.5% 🟢)3.086s (-13.3% 🟢)0.656s101.00x
▲ VercelNitro2.500s (-39.1% 🟢)3.244s (-39.1% 🟢)0.743s101.03x
▲ VercelExpress3.189s (+25.1% 🔺)4.583s (+24.7% 🔺)1.394s71.31x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.487s3.007s0.520s101.00x
🌐 RedisNext.js (Turbopack)2.546s (+6.1% 🔺)3.008s (~)0.462s101.02x
💻 LocalExpress2.615s (-1.0%)3.007s (~)0.392s101.05x
💻 LocalNitro2.679s (~)3.007s (~)0.329s101.08x
🌐 MongoDBNext.js (Turbopack)4.717s (-2.1%)5.178s (-3.1%)0.461s61.90x
🐘 PostgresExpress8.232s (-27.5% 🟢)8.530s (-29.1% 🟢)0.298s43.31x
🐘 PostgresNitro10.454s (+20.5% 🔺)10.699s (+18.3% 🔺)0.245s34.20x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)4.250s (+6.9% 🔺)5.223s (+6.0% 🔺)0.973s61.00x
▲ VercelExpress6.604s (+105.4% 🔺)7.799s (+78.1% 🔺)1.195s51.55x
▲ VercelNitro7.633s (+74.7% 🔺)8.513s (+56.2% 🔺)0.880s41.80x

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

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.155s (+6.5% 🔺)4.582s (+6.7% 🔺)0.427s71.00x
💻 LocalExpress7.515s (~)8.018s (~)0.503s41.81x
💻 LocalNitro7.676s (-4.9%)8.019s (-8.6% 🟢)0.342s41.85x
💻 LocalNext.js (Turbopack)7.885s8.516s0.631s41.90x
🌐 MongoDBNext.js (Turbopack)9.758s (-1.7%)10.352s (~)0.594s32.35x
🐘 PostgresNitro45.104s (-6.8% 🟢)45.127s (-8.2% 🟢)0.023s110.85x
🐘 PostgresExpress47.507s (-5.2% 🟢)48.112s (-5.9% 🟢)0.605s111.43x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express8.949s (-35.7% 🟢)10.046s (-33.5% 🟢)1.097s31.00x
▲ VercelNext.js (Turbopack)14.449s (+53.4% 🔺)15.500s (+47.5% 🔺)1.051s21.61x
▲ VercelNitro15.649s (+18.5% 🔺)16.452s (+14.2% 🔺)0.803s21.75x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.253s (+4.0%)2.006s (~)0.753s151.00x
💻 LocalExpress1.451s (+0.6%)2.005s (~)0.554s151.16x
💻 LocalNitro1.453s (~)2.005s (~)0.552s151.16x
💻 LocalNext.js (Turbopack)1.461s2.005s0.543s151.17x
🐘 PostgresExpress1.969s (-5.5% 🟢)2.514s (-6.2% 🟢)0.545s121.57x
🐘 PostgresNitro2.112s (+20.3% 🔺)3.015s (+45.1% 🔺)0.902s101.69x
🌐 MongoDBNext.js (Turbopack)2.154s (+1.1%)3.008s (~)0.854s101.72x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.358s (-45.9% 🟢)3.006s (-45.5% 🟢)0.647s101.00x
▲ VercelExpress2.991s (-66.9% 🟢)3.912s (-63.3% 🟢)0.921s81.27x
▲ VercelNext.js (Turbopack)4.001s (-12.7% 🟢)4.800s (-11.4% 🟢)0.799s71.70x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)2.514s (+6.1% 🔺)3.008s (~)0.494s101.00x
💻 LocalNext.js (Turbopack)2.601s3.007s0.406s101.03x
💻 LocalExpress2.699s (-1.9%)3.008s (~)0.309s101.07x
💻 LocalNitro2.792s (~)3.009s (~)0.218s101.11x
🌐 MongoDBNext.js (Turbopack)4.712s (~)5.176s (~)0.464s61.87x
🐘 PostgresNitro11.753s (+18.3% 🔺)12.370s (+19.3% 🔺)0.617s34.68x
🐘 PostgresExpress12.758s (-7.9% 🟢)13.369s (-7.0% 🟢)0.610s35.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.492s (-35.2% 🟢)3.393s (-32.5% 🟢)0.901s91.00x
▲ VercelExpress3.408s (-31.2% 🟢)4.358s (-27.2% 🟢)0.950s71.37x
▲ VercelNext.js (Turbopack)3.546s (+7.7% 🔺)4.610s (+5.8% 🔺)1.064s71.42x

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

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.088s (+4.2%)4.724s (+10.0% 🔺)0.636s71.00x
💻 LocalNext.js (Turbopack)8.284s8.519s0.235s42.03x
💻 LocalExpress8.328s (+3.6%)9.018s (+5.9% 🔺)0.690s42.04x
💻 LocalNitro8.425s (+0.8%)9.021s (~)0.596s42.06x
🌐 MongoDBNext.js (Turbopack)9.779s (~)10.348s (~)0.570s32.39x
🐘 PostgresNitro51.112s (+7.1% 🔺)52.128s (+8.3% 🔺)1.016s112.50x
🐘 PostgresExpress53.988s (-2.0%)54.120s (-1.8%)0.132s113.21x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)7.954s (+79.6% 🔺)9.025s (+66.1% 🔺)1.071s51.00x
▲ VercelNitro14.709s (+165.5% 🔺)15.524s (+125.6% 🔺)0.815s31.85x
▲ VercelExpress17.387s (+172.5% 🔺)18.719s (+147.1% 🔺)1.332s22.19x

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

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)0.145s1.002s0.011s1.017s0.872s101.00x
🌐 RedisNext.js (Turbopack)0.155s (+34.8% 🔺)1.000s (~)0.002s (+45.5% 🔺)1.007s (~)0.853s101.06x
💻 LocalExpress0.178s (+3.0%)1.002s (~)0.011s (-2.7%)1.016s (~)0.838s101.23x
💻 LocalNitro0.189s (+7.8% 🔺)1.003s (~)0.011s (+0.9%)1.018s (~)0.829s101.30x
🌐 MongoDBNext.js (Turbopack)0.504s (+2.2%)0.945s (-1.0%)0.001s (-12.5% 🟢)1.009s (~)0.505s103.46x
🐘 PostgresNitro1.385s (-39.9% 🟢)1.655s (-39.6% 🟢)0.001s (+16.7% 🔺)2.012s (-33.3% 🟢)0.628s109.52x
🐘 PostgresExpress2.179s (+223.8% 🔺)2.064s (+95.9% 🔺)0.001s (~)2.514s (+126.4% 🔺)0.335s1014.99x
🐘 PostgresNext.js (Turbopack)⚠️missing-----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)1.973s (-6.6% 🟢)2.446s (-1.6%)0.199s (+26.7% 🔺)3.107s (-3.1%)1.134s101.00x
▲ VercelNitro2.028s (-28.4% 🟢)2.456s (-23.9% 🟢)0.611s (+207.7% 🔺)3.545s (-17.6% 🟢)1.517s101.03x
▲ VercelExpress2.164s (+5.2% 🔺)2.643s (-10.3% 🟢)0.197s (+41.0% 🔺)3.429s (-7.6% 🟢)1.265s101.10x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)9/12
🐘 PostgresNitro9/12
▲ VercelNitro6/12
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local12/12
Next.js (Turbopack)🌐 Redis7/12
Nitro💻 Local11/12
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

@graphite-app

Copy link
Copy Markdown

Merge activity

  • Feb 13, 10:21 PM UTC: Graphite rebased this pull request, because this pull request is set to merge when ready.

@TooTallNate
TooTallNate merged commit 260f77e into mainFeb 13, 2026
28 of 43 checks passed
@TooTallNate
TooTallNate deleted the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch February 13, 2026 22:21
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.

4 participants

@TooTallNate@VaguelySerious@karthikscale3
, '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

Retheme <DataInspector> to match Node.js util.inspect() colors - #1033

Merged
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors
Feb 13, 2026
Merged

Retheme <DataInspector> to match Node.js util.inspect() colors#1033
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors

Conversation

@TooTallNate

Copy link
Copy Markdown
Member

Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.

@changeset-bot

changeset-botBot commented Feb 13, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b0df9df

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

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

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

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

@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production501038539
✅ 💻 Local Development520068588
❌ 📦 Local Production4754568588
❌ 🐘 Local Postgres4754568588
✅ 🪟 Windows460349
❌ 🌍 Community Worlds104439156
✅ 📋 Other126021147
Total22471332752655

❌ Failed Tests

📦 Local Production (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🐘 Local Postgres (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🌍 Community Worlds (43 failed)

mongodb (1 failed):

  • webhookWorkflow

turso (42 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro4504
✅ example4504
✅ express4504
✅ fastify4504
✅ hono4504
✅ nextjs-turbopack4801
✅ nextjs-webpack4801
✅ nitro4504
✅ nuxt4504
✅ sveltekit4504
✅ vite4504
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
✅ nextjs-turbopack-canary4603
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4603
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4513
✅ redis-dev300
✅ redis4603
✅ turso-dev300
❌ turso4423
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable4207
✅ e2e-local-postgres-nest-stable4207
✅ e2e-local-prod-nest-stable4207

📋 View full workflow run


Some E2E test jobs failed:

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

Check the workflow run for details.

@vercel

vercelBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

@TooTallNateGraphite App

TooTallNate commented Feb 13, 2026

Copy link
Copy Markdown
MemberAuthor

@TooTallNate
TooTallNate marked this pull request as ready for review February 13, 2026 02:32
CopilotAI review requested due to automatic review settings February 13, 2026 02:32

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR rethemes the <DataInspector> component to align its color scheme with Node.js util.inspect() ANSI styling, replacing the previous Chrome DevTools-inspired colors. It also removes the unused color-hash dependency.

Changes:

  • Redesigned color themes (light and dark) to match Node.js conventions (green strings, yellow numbers/booleans, grey undefined, magenta dates, cyan functions, neutral property names)
  • Added extended theme context to support Date instance coloring, which react-inspector doesn't natively support
  • Refactored theme structure to separate shared structural values from theme-specific colors

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

FileDescription
packages/web-shared/src/components/ui/inspector-theme.tsImplements new Node.js-inspired color schemes for light and dark themes, adds extended theme interface for Date colors
packages/web-shared/src/components/ui/data-inspector.tsxIntegrates extended theme context and adds custom Date rendering with magenta color styling
.changeset/legal-ads-shave.mdDocuments the theme change in the changeset

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment threadpackages/web-shared/src/components/ui/data-inspector.tsx

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

looks good as most changes are only applying new styles and colors.

Base automatically changed from 02-12-extract_reusable_datainspector_component_and_fix_class_instance_rendering to mainFebruary 13, 2026 22:20
Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.
@TooTallNate
TooTallNateforce-pushed the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch from bc74e97 to b0df9dfCompareFebruary 13, 2026 22:20
@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

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

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express0.033s (+3.1%)1.005s (~)0.972s101.00x
💻 LocalNitro0.037s (+12.2% 🔺)1.006s (~)0.969s101.11x
💻 LocalNext.js (Turbopack)0.043s1.005s0.962s101.28x
🌐 RedisNext.js (Turbopack)0.050s (+35.2% 🔺)1.005s (~)0.955s101.50x
🐘 PostgresNitro0.098s (-55.9% 🟢)1.010s (-0.6%)0.912s102.95x
🌐 MongoDBNext.js (Turbopack)0.098s (+1.7%)1.008s (~)0.909s102.96x
🐘 PostgresExpress0.102s (-48.0% 🟢)1.013s (~)0.911s103.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.607s (+4.3%)1.738s (-15.4% 🟢)1.130s101.00x
▲ VercelNext.js (Turbopack)0.609s (-5.2% 🟢)1.704s (-9.2% 🟢)1.095s101.00x
▲ VercelExpress0.643s (~)2.003s (-4.3%)1.359s101.06x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)1.104s2.006s0.902s101.00x
💻 LocalExpress1.107s (~)2.005s (~)0.898s101.00x
🌐 RedisNext.js (Turbopack)1.109s (+2.1%)2.007s (~)0.898s101.00x
💻 LocalNitro1.119s (+1.1%)2.005s (~)0.886s101.01x
🌐 MongoDBNext.js (Turbopack)1.296s (-1.3%)2.008s (~)0.712s101.17x
🐘 PostgresExpress2.474s (+42.7% 🔺)3.013s (+30.3% 🔺)0.539s102.24x
🐘 PostgresNitro2.475s (+1.2%)3.013s (~)0.538s102.24x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.280s (-11.1% 🟢)3.048s (-11.7% 🟢)0.768s101.00x
▲ VercelNext.js (Turbopack)2.360s (+1.7%)3.000s (-3.9%)0.640s101.04x
▲ VercelExpress2.624s (+6.3% 🔺)3.495s (+6.0% 🔺)0.871s101.15x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)10.738s11.023s0.286s31.00x
🌐 RedisNext.js (Turbopack)10.742s (+1.4%)11.025s (~)0.283s31.00x
💻 LocalExpress10.857s (~)11.023s (~)0.166s31.01x
💻 LocalNitro10.913s (+0.7%)11.024s (~)0.110s31.02x
🌐 MongoDBNext.js (Turbopack)12.301s (+0.7%)13.024s (~)0.723s31.15x
🐘 PostgresNitro16.080s (-20.8% 🟢)16.547s (-21.4% 🟢)0.467s21.50x
🐘 PostgresExpress20.351s (+31.3% 🔺)21.056s (+31.3% 🔺)0.706s21.90x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)17.524s (-5.3% 🟢)18.663s (-3.8%)1.139s21.00x
▲ VercelNitro18.020s (+0.9%)18.758s (-1.5%)0.739s21.03x
▲ VercelExpress18.111s (~)19.183s (+1.2%)1.072s21.03x

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

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)26.974s (+1.4%)27.052s (~)0.078s31.00x
💻 LocalNext.js (Turbopack)27.225s28.053s0.828s31.01x
💻 LocalExpress27.514s (~)28.051s (~)0.537s31.02x
💻 LocalNitro27.712s (+0.6%)28.054s (~)0.342s31.03x
🌐 MongoDBNext.js (Turbopack)30.595s (~)31.045s (~)0.450s21.13x
🐘 PostgresNitro39.398s (-21.7% 🟢)40.102s (-21.6% 🟢)0.704s21.46x
🐘 PostgresExpress50.149s (+33.4% 🔺)50.626s (+32.9% 🔺)0.477s21.86x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro44.117s (-6.9% 🟢)45.224s (-7.3% 🟢)1.106s21.00x
▲ VercelNext.js (Turbopack)44.224s (-12.6% 🟢)45.044s (-13.1% 🟢)0.821s21.00x
▲ VercelExpress44.525s (-12.9% 🟢)45.887s (-14.0% 🟢)1.362s21.01x

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

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)54.404s (+1.3%)55.100s (+1.8%)0.697s21.00x
💻 LocalNext.js (Turbopack)56.844s57.105s0.261s21.04x
💻 LocalExpress57.347s (~)58.102s (~)0.755s21.05x
💻 LocalNitro57.857s (+0.6%)58.109s (~)0.252s21.06x
🌐 MongoDBNext.js (Turbopack)60.998s (~)61.074s (-0.8%)0.077s21.12x
🐘 PostgresNitro75.570s (-24.6% 🟢)76.179s (-24.0% 🟢)0.609s21.39x
🐘 PostgresExpress100.363s (+36.6% 🔺)101.234s (+37.4% 🔺)0.871s11.84x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro87.852s (-5.3% 🟢)89.127s (-4.9%)1.275s21.00x
▲ VercelExpress88.648s (-3.3%)89.819s (-3.4%)1.171s21.01x
▲ VercelNext.js (Turbopack)88.874s (-3.8%)90.085s (-3.6%)1.211s21.01x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.258s (+5.4% 🔺)2.007s (~)0.749s151.00x
💻 LocalNext.js (Turbopack)1.408s2.006s0.598s151.12x
💻 LocalExpress1.412s (~)2.005s (~)0.593s151.12x
💻 LocalNitro1.435s (-1.0%)2.006s (~)0.571s151.14x
🌐 MongoDBNext.js (Turbopack)2.190s (+2.2%)3.008s (~)0.818s101.74x
🐘 PostgresNitro2.309s (+3.7%)2.681s (-11.0% 🟢)0.372s121.84x
🐘 PostgresExpress2.410s (+24.6% 🔺)3.013s (+19.9% 🔺)0.603s101.92x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.430s (-14.5% 🟢)3.086s (-13.3% 🟢)0.656s101.00x
▲ VercelNitro2.500s (-39.1% 🟢)3.244s (-39.1% 🟢)0.743s101.03x
▲ VercelExpress3.189s (+25.1% 🔺)4.583s (+24.7% 🔺)1.394s71.31x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.487s3.007s0.520s101.00x
🌐 RedisNext.js (Turbopack)2.546s (+6.1% 🔺)3.008s (~)0.462s101.02x
💻 LocalExpress2.615s (-1.0%)3.007s (~)0.392s101.05x
💻 LocalNitro2.679s (~)3.007s (~)0.329s101.08x
🌐 MongoDBNext.js (Turbopack)4.717s (-2.1%)5.178s (-3.1%)0.461s61.90x
🐘 PostgresExpress8.232s (-27.5% 🟢)8.530s (-29.1% 🟢)0.298s43.31x
🐘 PostgresNitro10.454s (+20.5% 🔺)10.699s (+18.3% 🔺)0.245s34.20x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)4.250s (+6.9% 🔺)5.223s (+6.0% 🔺)0.973s61.00x
▲ VercelExpress6.604s (+105.4% 🔺)7.799s (+78.1% 🔺)1.195s51.55x
▲ VercelNitro7.633s (+74.7% 🔺)8.513s (+56.2% 🔺)0.880s41.80x

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

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.155s (+6.5% 🔺)4.582s (+6.7% 🔺)0.427s71.00x
💻 LocalExpress7.515s (~)8.018s (~)0.503s41.81x
💻 LocalNitro7.676s (-4.9%)8.019s (-8.6% 🟢)0.342s41.85x
💻 LocalNext.js (Turbopack)7.885s8.516s0.631s41.90x
🌐 MongoDBNext.js (Turbopack)9.758s (-1.7%)10.352s (~)0.594s32.35x
🐘 PostgresNitro45.104s (-6.8% 🟢)45.127s (-8.2% 🟢)0.023s110.85x
🐘 PostgresExpress47.507s (-5.2% 🟢)48.112s (-5.9% 🟢)0.605s111.43x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express8.949s (-35.7% 🟢)10.046s (-33.5% 🟢)1.097s31.00x
▲ VercelNext.js (Turbopack)14.449s (+53.4% 🔺)15.500s (+47.5% 🔺)1.051s21.61x
▲ VercelNitro15.649s (+18.5% 🔺)16.452s (+14.2% 🔺)0.803s21.75x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.253s (+4.0%)2.006s (~)0.753s151.00x
💻 LocalExpress1.451s (+0.6%)2.005s (~)0.554s151.16x
💻 LocalNitro1.453s (~)2.005s (~)0.552s151.16x
💻 LocalNext.js (Turbopack)1.461s2.005s0.543s151.17x
🐘 PostgresExpress1.969s (-5.5% 🟢)2.514s (-6.2% 🟢)0.545s121.57x
🐘 PostgresNitro2.112s (+20.3% 🔺)3.015s (+45.1% 🔺)0.902s101.69x
🌐 MongoDBNext.js (Turbopack)2.154s (+1.1%)3.008s (~)0.854s101.72x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.358s (-45.9% 🟢)3.006s (-45.5% 🟢)0.647s101.00x
▲ VercelExpress2.991s (-66.9% 🟢)3.912s (-63.3% 🟢)0.921s81.27x
▲ VercelNext.js (Turbopack)4.001s (-12.7% 🟢)4.800s (-11.4% 🟢)0.799s71.70x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)2.514s (+6.1% 🔺)3.008s (~)0.494s101.00x
💻 LocalNext.js (Turbopack)2.601s3.007s0.406s101.03x
💻 LocalExpress2.699s (-1.9%)3.008s (~)0.309s101.07x
💻 LocalNitro2.792s (~)3.009s (~)0.218s101.11x
🌐 MongoDBNext.js (Turbopack)4.712s (~)5.176s (~)0.464s61.87x
🐘 PostgresNitro11.753s (+18.3% 🔺)12.370s (+19.3% 🔺)0.617s34.68x
🐘 PostgresExpress12.758s (-7.9% 🟢)13.369s (-7.0% 🟢)0.610s35.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.492s (-35.2% 🟢)3.393s (-32.5% 🟢)0.901s91.00x
▲ VercelExpress3.408s (-31.2% 🟢)4.358s (-27.2% 🟢)0.950s71.37x
▲ VercelNext.js (Turbopack)3.546s (+7.7% 🔺)4.610s (+5.8% 🔺)1.064s71.42x

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

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.088s (+4.2%)4.724s (+10.0% 🔺)0.636s71.00x
💻 LocalNext.js (Turbopack)8.284s8.519s0.235s42.03x
💻 LocalExpress8.328s (+3.6%)9.018s (+5.9% 🔺)0.690s42.04x
💻 LocalNitro8.425s (+0.8%)9.021s (~)0.596s42.06x
🌐 MongoDBNext.js (Turbopack)9.779s (~)10.348s (~)0.570s32.39x
🐘 PostgresNitro51.112s (+7.1% 🔺)52.128s (+8.3% 🔺)1.016s112.50x
🐘 PostgresExpress53.988s (-2.0%)54.120s (-1.8%)0.132s113.21x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)7.954s (+79.6% 🔺)9.025s (+66.1% 🔺)1.071s51.00x
▲ VercelNitro14.709s (+165.5% 🔺)15.524s (+125.6% 🔺)0.815s31.85x
▲ VercelExpress17.387s (+172.5% 🔺)18.719s (+147.1% 🔺)1.332s22.19x

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

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)0.145s1.002s0.011s1.017s0.872s101.00x
🌐 RedisNext.js (Turbopack)0.155s (+34.8% 🔺)1.000s (~)0.002s (+45.5% 🔺)1.007s (~)0.853s101.06x
💻 LocalExpress0.178s (+3.0%)1.002s (~)0.011s (-2.7%)1.016s (~)0.838s101.23x
💻 LocalNitro0.189s (+7.8% 🔺)1.003s (~)0.011s (+0.9%)1.018s (~)0.829s101.30x
🌐 MongoDBNext.js (Turbopack)0.504s (+2.2%)0.945s (-1.0%)0.001s (-12.5% 🟢)1.009s (~)0.505s103.46x
🐘 PostgresNitro1.385s (-39.9% 🟢)1.655s (-39.6% 🟢)0.001s (+16.7% 🔺)2.012s (-33.3% 🟢)0.628s109.52x
🐘 PostgresExpress2.179s (+223.8% 🔺)2.064s (+95.9% 🔺)0.001s (~)2.514s (+126.4% 🔺)0.335s1014.99x
🐘 PostgresNext.js (Turbopack)⚠️missing-----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)1.973s (-6.6% 🟢)2.446s (-1.6%)0.199s (+26.7% 🔺)3.107s (-3.1%)1.134s101.00x
▲ VercelNitro2.028s (-28.4% 🟢)2.456s (-23.9% 🟢)0.611s (+207.7% 🔺)3.545s (-17.6% 🟢)1.517s101.03x
▲ VercelExpress2.164s (+5.2% 🔺)2.643s (-10.3% 🟢)0.197s (+41.0% 🔺)3.429s (-7.6% 🟢)1.265s101.10x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)9/12
🐘 PostgresNitro9/12
▲ VercelNitro6/12
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local12/12
Next.js (Turbopack)🌐 Redis7/12
Nitro💻 Local11/12
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

@graphite-app

Copy link
Copy Markdown

Merge activity

  • Feb 13, 10:21 PM UTC: Graphite rebased this pull request, because this pull request is set to merge when ready.

@TooTallNate
TooTallNate merged commit 260f77e into mainFeb 13, 2026
28 of 43 checks passed
@TooTallNate
TooTallNate deleted the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch February 13, 2026 22:21
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.

4 participants

@TooTallNate@VaguelySerious@karthikscale3
, '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

Retheme <DataInspector> to match Node.js util.inspect() colors - #1033

Merged
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors
Feb 13, 2026
Merged

Retheme <DataInspector> to match Node.js util.inspect() colors#1033
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors

Conversation

@TooTallNate

Copy link
Copy Markdown
Member

Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.

@changeset-bot

changeset-botBot commented Feb 13, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b0df9df

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

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

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

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

@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production501038539
✅ 💻 Local Development520068588
❌ 📦 Local Production4754568588
❌ 🐘 Local Postgres4754568588
✅ 🪟 Windows460349
❌ 🌍 Community Worlds104439156
✅ 📋 Other126021147
Total22471332752655

❌ Failed Tests

📦 Local Production (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🐘 Local Postgres (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🌍 Community Worlds (43 failed)

mongodb (1 failed):

  • webhookWorkflow

turso (42 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro4504
✅ example4504
✅ express4504
✅ fastify4504
✅ hono4504
✅ nextjs-turbopack4801
✅ nextjs-webpack4801
✅ nitro4504
✅ nuxt4504
✅ sveltekit4504
✅ vite4504
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
✅ nextjs-turbopack-canary4603
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4603
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4513
✅ redis-dev300
✅ redis4603
✅ turso-dev300
❌ turso4423
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable4207
✅ e2e-local-postgres-nest-stable4207
✅ e2e-local-prod-nest-stable4207

📋 View full workflow run


Some E2E test jobs failed:

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

Check the workflow run for details.

@vercel

vercelBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

@TooTallNateGraphite App

TooTallNate commented Feb 13, 2026

Copy link
Copy Markdown
MemberAuthor

@TooTallNate
TooTallNate marked this pull request as ready for review February 13, 2026 02:32
CopilotAI review requested due to automatic review settings February 13, 2026 02:32

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR rethemes the <DataInspector> component to align its color scheme with Node.js util.inspect() ANSI styling, replacing the previous Chrome DevTools-inspired colors. It also removes the unused color-hash dependency.

Changes:

  • Redesigned color themes (light and dark) to match Node.js conventions (green strings, yellow numbers/booleans, grey undefined, magenta dates, cyan functions, neutral property names)
  • Added extended theme context to support Date instance coloring, which react-inspector doesn't natively support
  • Refactored theme structure to separate shared structural values from theme-specific colors

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

FileDescription
packages/web-shared/src/components/ui/inspector-theme.tsImplements new Node.js-inspired color schemes for light and dark themes, adds extended theme interface for Date colors
packages/web-shared/src/components/ui/data-inspector.tsxIntegrates extended theme context and adds custom Date rendering with magenta color styling
.changeset/legal-ads-shave.mdDocuments the theme change in the changeset

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment threadpackages/web-shared/src/components/ui/data-inspector.tsx

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

looks good as most changes are only applying new styles and colors.

Base automatically changed from 02-12-extract_reusable_datainspector_component_and_fix_class_instance_rendering to mainFebruary 13, 2026 22:20
Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.
@TooTallNate
TooTallNateforce-pushed the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch from bc74e97 to b0df9dfCompareFebruary 13, 2026 22:20
@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

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

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express0.033s (+3.1%)1.005s (~)0.972s101.00x
💻 LocalNitro0.037s (+12.2% 🔺)1.006s (~)0.969s101.11x
💻 LocalNext.js (Turbopack)0.043s1.005s0.962s101.28x
🌐 RedisNext.js (Turbopack)0.050s (+35.2% 🔺)1.005s (~)0.955s101.50x
🐘 PostgresNitro0.098s (-55.9% 🟢)1.010s (-0.6%)0.912s102.95x
🌐 MongoDBNext.js (Turbopack)0.098s (+1.7%)1.008s (~)0.909s102.96x
🐘 PostgresExpress0.102s (-48.0% 🟢)1.013s (~)0.911s103.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.607s (+4.3%)1.738s (-15.4% 🟢)1.130s101.00x
▲ VercelNext.js (Turbopack)0.609s (-5.2% 🟢)1.704s (-9.2% 🟢)1.095s101.00x
▲ VercelExpress0.643s (~)2.003s (-4.3%)1.359s101.06x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)1.104s2.006s0.902s101.00x
💻 LocalExpress1.107s (~)2.005s (~)0.898s101.00x
🌐 RedisNext.js (Turbopack)1.109s (+2.1%)2.007s (~)0.898s101.00x
💻 LocalNitro1.119s (+1.1%)2.005s (~)0.886s101.01x
🌐 MongoDBNext.js (Turbopack)1.296s (-1.3%)2.008s (~)0.712s101.17x
🐘 PostgresExpress2.474s (+42.7% 🔺)3.013s (+30.3% 🔺)0.539s102.24x
🐘 PostgresNitro2.475s (+1.2%)3.013s (~)0.538s102.24x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.280s (-11.1% 🟢)3.048s (-11.7% 🟢)0.768s101.00x
▲ VercelNext.js (Turbopack)2.360s (+1.7%)3.000s (-3.9%)0.640s101.04x
▲ VercelExpress2.624s (+6.3% 🔺)3.495s (+6.0% 🔺)0.871s101.15x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)10.738s11.023s0.286s31.00x
🌐 RedisNext.js (Turbopack)10.742s (+1.4%)11.025s (~)0.283s31.00x
💻 LocalExpress10.857s (~)11.023s (~)0.166s31.01x
💻 LocalNitro10.913s (+0.7%)11.024s (~)0.110s31.02x
🌐 MongoDBNext.js (Turbopack)12.301s (+0.7%)13.024s (~)0.723s31.15x
🐘 PostgresNitro16.080s (-20.8% 🟢)16.547s (-21.4% 🟢)0.467s21.50x
🐘 PostgresExpress20.351s (+31.3% 🔺)21.056s (+31.3% 🔺)0.706s21.90x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)17.524s (-5.3% 🟢)18.663s (-3.8%)1.139s21.00x
▲ VercelNitro18.020s (+0.9%)18.758s (-1.5%)0.739s21.03x
▲ VercelExpress18.111s (~)19.183s (+1.2%)1.072s21.03x

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

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)26.974s (+1.4%)27.052s (~)0.078s31.00x
💻 LocalNext.js (Turbopack)27.225s28.053s0.828s31.01x
💻 LocalExpress27.514s (~)28.051s (~)0.537s31.02x
💻 LocalNitro27.712s (+0.6%)28.054s (~)0.342s31.03x
🌐 MongoDBNext.js (Turbopack)30.595s (~)31.045s (~)0.450s21.13x
🐘 PostgresNitro39.398s (-21.7% 🟢)40.102s (-21.6% 🟢)0.704s21.46x
🐘 PostgresExpress50.149s (+33.4% 🔺)50.626s (+32.9% 🔺)0.477s21.86x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro44.117s (-6.9% 🟢)45.224s (-7.3% 🟢)1.106s21.00x
▲ VercelNext.js (Turbopack)44.224s (-12.6% 🟢)45.044s (-13.1% 🟢)0.821s21.00x
▲ VercelExpress44.525s (-12.9% 🟢)45.887s (-14.0% 🟢)1.362s21.01x

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

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)54.404s (+1.3%)55.100s (+1.8%)0.697s21.00x
💻 LocalNext.js (Turbopack)56.844s57.105s0.261s21.04x
💻 LocalExpress57.347s (~)58.102s (~)0.755s21.05x
💻 LocalNitro57.857s (+0.6%)58.109s (~)0.252s21.06x
🌐 MongoDBNext.js (Turbopack)60.998s (~)61.074s (-0.8%)0.077s21.12x
🐘 PostgresNitro75.570s (-24.6% 🟢)76.179s (-24.0% 🟢)0.609s21.39x
🐘 PostgresExpress100.363s (+36.6% 🔺)101.234s (+37.4% 🔺)0.871s11.84x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro87.852s (-5.3% 🟢)89.127s (-4.9%)1.275s21.00x
▲ VercelExpress88.648s (-3.3%)89.819s (-3.4%)1.171s21.01x
▲ VercelNext.js (Turbopack)88.874s (-3.8%)90.085s (-3.6%)1.211s21.01x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.258s (+5.4% 🔺)2.007s (~)0.749s151.00x
💻 LocalNext.js (Turbopack)1.408s2.006s0.598s151.12x
💻 LocalExpress1.412s (~)2.005s (~)0.593s151.12x
💻 LocalNitro1.435s (-1.0%)2.006s (~)0.571s151.14x
🌐 MongoDBNext.js (Turbopack)2.190s (+2.2%)3.008s (~)0.818s101.74x
🐘 PostgresNitro2.309s (+3.7%)2.681s (-11.0% 🟢)0.372s121.84x
🐘 PostgresExpress2.410s (+24.6% 🔺)3.013s (+19.9% 🔺)0.603s101.92x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.430s (-14.5% 🟢)3.086s (-13.3% 🟢)0.656s101.00x
▲ VercelNitro2.500s (-39.1% 🟢)3.244s (-39.1% 🟢)0.743s101.03x
▲ VercelExpress3.189s (+25.1% 🔺)4.583s (+24.7% 🔺)1.394s71.31x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.487s3.007s0.520s101.00x
🌐 RedisNext.js (Turbopack)2.546s (+6.1% 🔺)3.008s (~)0.462s101.02x
💻 LocalExpress2.615s (-1.0%)3.007s (~)0.392s101.05x
💻 LocalNitro2.679s (~)3.007s (~)0.329s101.08x
🌐 MongoDBNext.js (Turbopack)4.717s (-2.1%)5.178s (-3.1%)0.461s61.90x
🐘 PostgresExpress8.232s (-27.5% 🟢)8.530s (-29.1% 🟢)0.298s43.31x
🐘 PostgresNitro10.454s (+20.5% 🔺)10.699s (+18.3% 🔺)0.245s34.20x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)4.250s (+6.9% 🔺)5.223s (+6.0% 🔺)0.973s61.00x
▲ VercelExpress6.604s (+105.4% 🔺)7.799s (+78.1% 🔺)1.195s51.55x
▲ VercelNitro7.633s (+74.7% 🔺)8.513s (+56.2% 🔺)0.880s41.80x

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

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.155s (+6.5% 🔺)4.582s (+6.7% 🔺)0.427s71.00x
💻 LocalExpress7.515s (~)8.018s (~)0.503s41.81x
💻 LocalNitro7.676s (-4.9%)8.019s (-8.6% 🟢)0.342s41.85x
💻 LocalNext.js (Turbopack)7.885s8.516s0.631s41.90x
🌐 MongoDBNext.js (Turbopack)9.758s (-1.7%)10.352s (~)0.594s32.35x
🐘 PostgresNitro45.104s (-6.8% 🟢)45.127s (-8.2% 🟢)0.023s110.85x
🐘 PostgresExpress47.507s (-5.2% 🟢)48.112s (-5.9% 🟢)0.605s111.43x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express8.949s (-35.7% 🟢)10.046s (-33.5% 🟢)1.097s31.00x
▲ VercelNext.js (Turbopack)14.449s (+53.4% 🔺)15.500s (+47.5% 🔺)1.051s21.61x
▲ VercelNitro15.649s (+18.5% 🔺)16.452s (+14.2% 🔺)0.803s21.75x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.253s (+4.0%)2.006s (~)0.753s151.00x
💻 LocalExpress1.451s (+0.6%)2.005s (~)0.554s151.16x
💻 LocalNitro1.453s (~)2.005s (~)0.552s151.16x
💻 LocalNext.js (Turbopack)1.461s2.005s0.543s151.17x
🐘 PostgresExpress1.969s (-5.5% 🟢)2.514s (-6.2% 🟢)0.545s121.57x
🐘 PostgresNitro2.112s (+20.3% 🔺)3.015s (+45.1% 🔺)0.902s101.69x
🌐 MongoDBNext.js (Turbopack)2.154s (+1.1%)3.008s (~)0.854s101.72x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.358s (-45.9% 🟢)3.006s (-45.5% 🟢)0.647s101.00x
▲ VercelExpress2.991s (-66.9% 🟢)3.912s (-63.3% 🟢)0.921s81.27x
▲ VercelNext.js (Turbopack)4.001s (-12.7% 🟢)4.800s (-11.4% 🟢)0.799s71.70x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)2.514s (+6.1% 🔺)3.008s (~)0.494s101.00x
💻 LocalNext.js (Turbopack)2.601s3.007s0.406s101.03x
💻 LocalExpress2.699s (-1.9%)3.008s (~)0.309s101.07x
💻 LocalNitro2.792s (~)3.009s (~)0.218s101.11x
🌐 MongoDBNext.js (Turbopack)4.712s (~)5.176s (~)0.464s61.87x
🐘 PostgresNitro11.753s (+18.3% 🔺)12.370s (+19.3% 🔺)0.617s34.68x
🐘 PostgresExpress12.758s (-7.9% 🟢)13.369s (-7.0% 🟢)0.610s35.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.492s (-35.2% 🟢)3.393s (-32.5% 🟢)0.901s91.00x
▲ VercelExpress3.408s (-31.2% 🟢)4.358s (-27.2% 🟢)0.950s71.37x
▲ VercelNext.js (Turbopack)3.546s (+7.7% 🔺)4.610s (+5.8% 🔺)1.064s71.42x

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

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.088s (+4.2%)4.724s (+10.0% 🔺)0.636s71.00x
💻 LocalNext.js (Turbopack)8.284s8.519s0.235s42.03x
💻 LocalExpress8.328s (+3.6%)9.018s (+5.9% 🔺)0.690s42.04x
💻 LocalNitro8.425s (+0.8%)9.021s (~)0.596s42.06x
🌐 MongoDBNext.js (Turbopack)9.779s (~)10.348s (~)0.570s32.39x
🐘 PostgresNitro51.112s (+7.1% 🔺)52.128s (+8.3% 🔺)1.016s112.50x
🐘 PostgresExpress53.988s (-2.0%)54.120s (-1.8%)0.132s113.21x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)7.954s (+79.6% 🔺)9.025s (+66.1% 🔺)1.071s51.00x
▲ VercelNitro14.709s (+165.5% 🔺)15.524s (+125.6% 🔺)0.815s31.85x
▲ VercelExpress17.387s (+172.5% 🔺)18.719s (+147.1% 🔺)1.332s22.19x

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

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)0.145s1.002s0.011s1.017s0.872s101.00x
🌐 RedisNext.js (Turbopack)0.155s (+34.8% 🔺)1.000s (~)0.002s (+45.5% 🔺)1.007s (~)0.853s101.06x
💻 LocalExpress0.178s (+3.0%)1.002s (~)0.011s (-2.7%)1.016s (~)0.838s101.23x
💻 LocalNitro0.189s (+7.8% 🔺)1.003s (~)0.011s (+0.9%)1.018s (~)0.829s101.30x
🌐 MongoDBNext.js (Turbopack)0.504s (+2.2%)0.945s (-1.0%)0.001s (-12.5% 🟢)1.009s (~)0.505s103.46x
🐘 PostgresNitro1.385s (-39.9% 🟢)1.655s (-39.6% 🟢)0.001s (+16.7% 🔺)2.012s (-33.3% 🟢)0.628s109.52x
🐘 PostgresExpress2.179s (+223.8% 🔺)2.064s (+95.9% 🔺)0.001s (~)2.514s (+126.4% 🔺)0.335s1014.99x
🐘 PostgresNext.js (Turbopack)⚠️missing-----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)1.973s (-6.6% 🟢)2.446s (-1.6%)0.199s (+26.7% 🔺)3.107s (-3.1%)1.134s101.00x
▲ VercelNitro2.028s (-28.4% 🟢)2.456s (-23.9% 🟢)0.611s (+207.7% 🔺)3.545s (-17.6% 🟢)1.517s101.03x
▲ VercelExpress2.164s (+5.2% 🔺)2.643s (-10.3% 🟢)0.197s (+41.0% 🔺)3.429s (-7.6% 🟢)1.265s101.10x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)9/12
🐘 PostgresNitro9/12
▲ VercelNitro6/12
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local12/12
Next.js (Turbopack)🌐 Redis7/12
Nitro💻 Local11/12
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

@graphite-app

Copy link
Copy Markdown

Merge activity

  • Feb 13, 10:21 PM UTC: Graphite rebased this pull request, because this pull request is set to merge when ready.

@TooTallNate
TooTallNate merged commit 260f77e into mainFeb 13, 2026
28 of 43 checks passed
@TooTallNate
TooTallNate deleted the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch February 13, 2026 22:21
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.

4 participants

@TooTallNate@VaguelySerious@karthikscale3
, '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

Retheme <DataInspector> to match Node.js util.inspect() colors - #1033

Merged
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors
Feb 13, 2026
Merged

Retheme <DataInspector> to match Node.js util.inspect() colors#1033
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors

Conversation

@TooTallNate

Copy link
Copy Markdown
Member

Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.

@changeset-bot

changeset-botBot commented Feb 13, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b0df9df

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

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

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

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

@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production501038539
✅ 💻 Local Development520068588
❌ 📦 Local Production4754568588
❌ 🐘 Local Postgres4754568588
✅ 🪟 Windows460349
❌ 🌍 Community Worlds104439156
✅ 📋 Other126021147
Total22471332752655

❌ Failed Tests

📦 Local Production (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🐘 Local Postgres (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🌍 Community Worlds (43 failed)

mongodb (1 failed):

  • webhookWorkflow

turso (42 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro4504
✅ example4504
✅ express4504
✅ fastify4504
✅ hono4504
✅ nextjs-turbopack4801
✅ nextjs-webpack4801
✅ nitro4504
✅ nuxt4504
✅ sveltekit4504
✅ vite4504
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
✅ nextjs-turbopack-canary4603
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4603
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4513
✅ redis-dev300
✅ redis4603
✅ turso-dev300
❌ turso4423
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable4207
✅ e2e-local-postgres-nest-stable4207
✅ e2e-local-prod-nest-stable4207

📋 View full workflow run


Some E2E test jobs failed:

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

Check the workflow run for details.

@vercel

vercelBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

@TooTallNateGraphite App

TooTallNate commented Feb 13, 2026

Copy link
Copy Markdown
MemberAuthor

@TooTallNate
TooTallNate marked this pull request as ready for review February 13, 2026 02:32
CopilotAI review requested due to automatic review settings February 13, 2026 02:32

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR rethemes the <DataInspector> component to align its color scheme with Node.js util.inspect() ANSI styling, replacing the previous Chrome DevTools-inspired colors. It also removes the unused color-hash dependency.

Changes:

  • Redesigned color themes (light and dark) to match Node.js conventions (green strings, yellow numbers/booleans, grey undefined, magenta dates, cyan functions, neutral property names)
  • Added extended theme context to support Date instance coloring, which react-inspector doesn't natively support
  • Refactored theme structure to separate shared structural values from theme-specific colors

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

FileDescription
packages/web-shared/src/components/ui/inspector-theme.tsImplements new Node.js-inspired color schemes for light and dark themes, adds extended theme interface for Date colors
packages/web-shared/src/components/ui/data-inspector.tsxIntegrates extended theme context and adds custom Date rendering with magenta color styling
.changeset/legal-ads-shave.mdDocuments the theme change in the changeset

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment threadpackages/web-shared/src/components/ui/data-inspector.tsx

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

looks good as most changes are only applying new styles and colors.

Base automatically changed from 02-12-extract_reusable_datainspector_component_and_fix_class_instance_rendering to mainFebruary 13, 2026 22:20
Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.
@TooTallNate
TooTallNateforce-pushed the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch from bc74e97 to b0df9dfCompareFebruary 13, 2026 22:20
@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

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

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express0.033s (+3.1%)1.005s (~)0.972s101.00x
💻 LocalNitro0.037s (+12.2% 🔺)1.006s (~)0.969s101.11x
💻 LocalNext.js (Turbopack)0.043s1.005s0.962s101.28x
🌐 RedisNext.js (Turbopack)0.050s (+35.2% 🔺)1.005s (~)0.955s101.50x
🐘 PostgresNitro0.098s (-55.9% 🟢)1.010s (-0.6%)0.912s102.95x
🌐 MongoDBNext.js (Turbopack)0.098s (+1.7%)1.008s (~)0.909s102.96x
🐘 PostgresExpress0.102s (-48.0% 🟢)1.013s (~)0.911s103.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.607s (+4.3%)1.738s (-15.4% 🟢)1.130s101.00x
▲ VercelNext.js (Turbopack)0.609s (-5.2% 🟢)1.704s (-9.2% 🟢)1.095s101.00x
▲ VercelExpress0.643s (~)2.003s (-4.3%)1.359s101.06x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)1.104s2.006s0.902s101.00x
💻 LocalExpress1.107s (~)2.005s (~)0.898s101.00x
🌐 RedisNext.js (Turbopack)1.109s (+2.1%)2.007s (~)0.898s101.00x
💻 LocalNitro1.119s (+1.1%)2.005s (~)0.886s101.01x
🌐 MongoDBNext.js (Turbopack)1.296s (-1.3%)2.008s (~)0.712s101.17x
🐘 PostgresExpress2.474s (+42.7% 🔺)3.013s (+30.3% 🔺)0.539s102.24x
🐘 PostgresNitro2.475s (+1.2%)3.013s (~)0.538s102.24x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.280s (-11.1% 🟢)3.048s (-11.7% 🟢)0.768s101.00x
▲ VercelNext.js (Turbopack)2.360s (+1.7%)3.000s (-3.9%)0.640s101.04x
▲ VercelExpress2.624s (+6.3% 🔺)3.495s (+6.0% 🔺)0.871s101.15x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)10.738s11.023s0.286s31.00x
🌐 RedisNext.js (Turbopack)10.742s (+1.4%)11.025s (~)0.283s31.00x
💻 LocalExpress10.857s (~)11.023s (~)0.166s31.01x
💻 LocalNitro10.913s (+0.7%)11.024s (~)0.110s31.02x
🌐 MongoDBNext.js (Turbopack)12.301s (+0.7%)13.024s (~)0.723s31.15x
🐘 PostgresNitro16.080s (-20.8% 🟢)16.547s (-21.4% 🟢)0.467s21.50x
🐘 PostgresExpress20.351s (+31.3% 🔺)21.056s (+31.3% 🔺)0.706s21.90x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)17.524s (-5.3% 🟢)18.663s (-3.8%)1.139s21.00x
▲ VercelNitro18.020s (+0.9%)18.758s (-1.5%)0.739s21.03x
▲ VercelExpress18.111s (~)19.183s (+1.2%)1.072s21.03x

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

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)26.974s (+1.4%)27.052s (~)0.078s31.00x
💻 LocalNext.js (Turbopack)27.225s28.053s0.828s31.01x
💻 LocalExpress27.514s (~)28.051s (~)0.537s31.02x
💻 LocalNitro27.712s (+0.6%)28.054s (~)0.342s31.03x
🌐 MongoDBNext.js (Turbopack)30.595s (~)31.045s (~)0.450s21.13x
🐘 PostgresNitro39.398s (-21.7% 🟢)40.102s (-21.6% 🟢)0.704s21.46x
🐘 PostgresExpress50.149s (+33.4% 🔺)50.626s (+32.9% 🔺)0.477s21.86x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro44.117s (-6.9% 🟢)45.224s (-7.3% 🟢)1.106s21.00x
▲ VercelNext.js (Turbopack)44.224s (-12.6% 🟢)45.044s (-13.1% 🟢)0.821s21.00x
▲ VercelExpress44.525s (-12.9% 🟢)45.887s (-14.0% 🟢)1.362s21.01x

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

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)54.404s (+1.3%)55.100s (+1.8%)0.697s21.00x
💻 LocalNext.js (Turbopack)56.844s57.105s0.261s21.04x
💻 LocalExpress57.347s (~)58.102s (~)0.755s21.05x
💻 LocalNitro57.857s (+0.6%)58.109s (~)0.252s21.06x
🌐 MongoDBNext.js (Turbopack)60.998s (~)61.074s (-0.8%)0.077s21.12x
🐘 PostgresNitro75.570s (-24.6% 🟢)76.179s (-24.0% 🟢)0.609s21.39x
🐘 PostgresExpress100.363s (+36.6% 🔺)101.234s (+37.4% 🔺)0.871s11.84x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro87.852s (-5.3% 🟢)89.127s (-4.9%)1.275s21.00x
▲ VercelExpress88.648s (-3.3%)89.819s (-3.4%)1.171s21.01x
▲ VercelNext.js (Turbopack)88.874s (-3.8%)90.085s (-3.6%)1.211s21.01x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.258s (+5.4% 🔺)2.007s (~)0.749s151.00x
💻 LocalNext.js (Turbopack)1.408s2.006s0.598s151.12x
💻 LocalExpress1.412s (~)2.005s (~)0.593s151.12x
💻 LocalNitro1.435s (-1.0%)2.006s (~)0.571s151.14x
🌐 MongoDBNext.js (Turbopack)2.190s (+2.2%)3.008s (~)0.818s101.74x
🐘 PostgresNitro2.309s (+3.7%)2.681s (-11.0% 🟢)0.372s121.84x
🐘 PostgresExpress2.410s (+24.6% 🔺)3.013s (+19.9% 🔺)0.603s101.92x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.430s (-14.5% 🟢)3.086s (-13.3% 🟢)0.656s101.00x
▲ VercelNitro2.500s (-39.1% 🟢)3.244s (-39.1% 🟢)0.743s101.03x
▲ VercelExpress3.189s (+25.1% 🔺)4.583s (+24.7% 🔺)1.394s71.31x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.487s3.007s0.520s101.00x
🌐 RedisNext.js (Turbopack)2.546s (+6.1% 🔺)3.008s (~)0.462s101.02x
💻 LocalExpress2.615s (-1.0%)3.007s (~)0.392s101.05x
💻 LocalNitro2.679s (~)3.007s (~)0.329s101.08x
🌐 MongoDBNext.js (Turbopack)4.717s (-2.1%)5.178s (-3.1%)0.461s61.90x
🐘 PostgresExpress8.232s (-27.5% 🟢)8.530s (-29.1% 🟢)0.298s43.31x
🐘 PostgresNitro10.454s (+20.5% 🔺)10.699s (+18.3% 🔺)0.245s34.20x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)4.250s (+6.9% 🔺)5.223s (+6.0% 🔺)0.973s61.00x
▲ VercelExpress6.604s (+105.4% 🔺)7.799s (+78.1% 🔺)1.195s51.55x
▲ VercelNitro7.633s (+74.7% 🔺)8.513s (+56.2% 🔺)0.880s41.80x

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

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.155s (+6.5% 🔺)4.582s (+6.7% 🔺)0.427s71.00x
💻 LocalExpress7.515s (~)8.018s (~)0.503s41.81x
💻 LocalNitro7.676s (-4.9%)8.019s (-8.6% 🟢)0.342s41.85x
💻 LocalNext.js (Turbopack)7.885s8.516s0.631s41.90x
🌐 MongoDBNext.js (Turbopack)9.758s (-1.7%)10.352s (~)0.594s32.35x
🐘 PostgresNitro45.104s (-6.8% 🟢)45.127s (-8.2% 🟢)0.023s110.85x
🐘 PostgresExpress47.507s (-5.2% 🟢)48.112s (-5.9% 🟢)0.605s111.43x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express8.949s (-35.7% 🟢)10.046s (-33.5% 🟢)1.097s31.00x
▲ VercelNext.js (Turbopack)14.449s (+53.4% 🔺)15.500s (+47.5% 🔺)1.051s21.61x
▲ VercelNitro15.649s (+18.5% 🔺)16.452s (+14.2% 🔺)0.803s21.75x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.253s (+4.0%)2.006s (~)0.753s151.00x
💻 LocalExpress1.451s (+0.6%)2.005s (~)0.554s151.16x
💻 LocalNitro1.453s (~)2.005s (~)0.552s151.16x
💻 LocalNext.js (Turbopack)1.461s2.005s0.543s151.17x
🐘 PostgresExpress1.969s (-5.5% 🟢)2.514s (-6.2% 🟢)0.545s121.57x
🐘 PostgresNitro2.112s (+20.3% 🔺)3.015s (+45.1% 🔺)0.902s101.69x
🌐 MongoDBNext.js (Turbopack)2.154s (+1.1%)3.008s (~)0.854s101.72x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.358s (-45.9% 🟢)3.006s (-45.5% 🟢)0.647s101.00x
▲ VercelExpress2.991s (-66.9% 🟢)3.912s (-63.3% 🟢)0.921s81.27x
▲ VercelNext.js (Turbopack)4.001s (-12.7% 🟢)4.800s (-11.4% 🟢)0.799s71.70x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)2.514s (+6.1% 🔺)3.008s (~)0.494s101.00x
💻 LocalNext.js (Turbopack)2.601s3.007s0.406s101.03x
💻 LocalExpress2.699s (-1.9%)3.008s (~)0.309s101.07x
💻 LocalNitro2.792s (~)3.009s (~)0.218s101.11x
🌐 MongoDBNext.js (Turbopack)4.712s (~)5.176s (~)0.464s61.87x
🐘 PostgresNitro11.753s (+18.3% 🔺)12.370s (+19.3% 🔺)0.617s34.68x
🐘 PostgresExpress12.758s (-7.9% 🟢)13.369s (-7.0% 🟢)0.610s35.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.492s (-35.2% 🟢)3.393s (-32.5% 🟢)0.901s91.00x
▲ VercelExpress3.408s (-31.2% 🟢)4.358s (-27.2% 🟢)0.950s71.37x
▲ VercelNext.js (Turbopack)3.546s (+7.7% 🔺)4.610s (+5.8% 🔺)1.064s71.42x

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

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.088s (+4.2%)4.724s (+10.0% 🔺)0.636s71.00x
💻 LocalNext.js (Turbopack)8.284s8.519s0.235s42.03x
💻 LocalExpress8.328s (+3.6%)9.018s (+5.9% 🔺)0.690s42.04x
💻 LocalNitro8.425s (+0.8%)9.021s (~)0.596s42.06x
🌐 MongoDBNext.js (Turbopack)9.779s (~)10.348s (~)0.570s32.39x
🐘 PostgresNitro51.112s (+7.1% 🔺)52.128s (+8.3% 🔺)1.016s112.50x
🐘 PostgresExpress53.988s (-2.0%)54.120s (-1.8%)0.132s113.21x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)7.954s (+79.6% 🔺)9.025s (+66.1% 🔺)1.071s51.00x
▲ VercelNitro14.709s (+165.5% 🔺)15.524s (+125.6% 🔺)0.815s31.85x
▲ VercelExpress17.387s (+172.5% 🔺)18.719s (+147.1% 🔺)1.332s22.19x

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

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)0.145s1.002s0.011s1.017s0.872s101.00x
🌐 RedisNext.js (Turbopack)0.155s (+34.8% 🔺)1.000s (~)0.002s (+45.5% 🔺)1.007s (~)0.853s101.06x
💻 LocalExpress0.178s (+3.0%)1.002s (~)0.011s (-2.7%)1.016s (~)0.838s101.23x
💻 LocalNitro0.189s (+7.8% 🔺)1.003s (~)0.011s (+0.9%)1.018s (~)0.829s101.30x
🌐 MongoDBNext.js (Turbopack)0.504s (+2.2%)0.945s (-1.0%)0.001s (-12.5% 🟢)1.009s (~)0.505s103.46x
🐘 PostgresNitro1.385s (-39.9% 🟢)1.655s (-39.6% 🟢)0.001s (+16.7% 🔺)2.012s (-33.3% 🟢)0.628s109.52x
🐘 PostgresExpress2.179s (+223.8% 🔺)2.064s (+95.9% 🔺)0.001s (~)2.514s (+126.4% 🔺)0.335s1014.99x
🐘 PostgresNext.js (Turbopack)⚠️missing-----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)1.973s (-6.6% 🟢)2.446s (-1.6%)0.199s (+26.7% 🔺)3.107s (-3.1%)1.134s101.00x
▲ VercelNitro2.028s (-28.4% 🟢)2.456s (-23.9% 🟢)0.611s (+207.7% 🔺)3.545s (-17.6% 🟢)1.517s101.03x
▲ VercelExpress2.164s (+5.2% 🔺)2.643s (-10.3% 🟢)0.197s (+41.0% 🔺)3.429s (-7.6% 🟢)1.265s101.10x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)9/12
🐘 PostgresNitro9/12
▲ VercelNitro6/12
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local12/12
Next.js (Turbopack)🌐 Redis7/12
Nitro💻 Local11/12
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

@graphite-app

Copy link
Copy Markdown

Merge activity

  • Feb 13, 10:21 PM UTC: Graphite rebased this pull request, because this pull request is set to merge when ready.

@TooTallNate
TooTallNate merged commit 260f77e into mainFeb 13, 2026
28 of 43 checks passed
@TooTallNate
TooTallNate deleted the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch February 13, 2026 22:21
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.

4 participants

@TooTallNate@VaguelySerious@karthikscale3
, '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

Retheme <DataInspector> to match Node.js util.inspect() colors - #1033

Merged
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors
Feb 13, 2026
Merged

Retheme <DataInspector> to match Node.js util.inspect() colors#1033
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors

Conversation

@TooTallNate

Copy link
Copy Markdown
Member

Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.

@changeset-bot

changeset-botBot commented Feb 13, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b0df9df

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

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

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

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

@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production501038539
✅ 💻 Local Development520068588
❌ 📦 Local Production4754568588
❌ 🐘 Local Postgres4754568588
✅ 🪟 Windows460349
❌ 🌍 Community Worlds104439156
✅ 📋 Other126021147
Total22471332752655

❌ Failed Tests

📦 Local Production (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🐘 Local Postgres (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🌍 Community Worlds (43 failed)

mongodb (1 failed):

  • webhookWorkflow

turso (42 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro4504
✅ example4504
✅ express4504
✅ fastify4504
✅ hono4504
✅ nextjs-turbopack4801
✅ nextjs-webpack4801
✅ nitro4504
✅ nuxt4504
✅ sveltekit4504
✅ vite4504
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
✅ nextjs-turbopack-canary4603
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4603
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4513
✅ redis-dev300
✅ redis4603
✅ turso-dev300
❌ turso4423
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable4207
✅ e2e-local-postgres-nest-stable4207
✅ e2e-local-prod-nest-stable4207

📋 View full workflow run


Some E2E test jobs failed:

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

Check the workflow run for details.

@vercel

vercelBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

@TooTallNateGraphite App

TooTallNate commented Feb 13, 2026

Copy link
Copy Markdown
MemberAuthor

@TooTallNate
TooTallNate marked this pull request as ready for review February 13, 2026 02:32
CopilotAI review requested due to automatic review settings February 13, 2026 02:32

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR rethemes the <DataInspector> component to align its color scheme with Node.js util.inspect() ANSI styling, replacing the previous Chrome DevTools-inspired colors. It also removes the unused color-hash dependency.

Changes:

  • Redesigned color themes (light and dark) to match Node.js conventions (green strings, yellow numbers/booleans, grey undefined, magenta dates, cyan functions, neutral property names)
  • Added extended theme context to support Date instance coloring, which react-inspector doesn't natively support
  • Refactored theme structure to separate shared structural values from theme-specific colors

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

FileDescription
packages/web-shared/src/components/ui/inspector-theme.tsImplements new Node.js-inspired color schemes for light and dark themes, adds extended theme interface for Date colors
packages/web-shared/src/components/ui/data-inspector.tsxIntegrates extended theme context and adds custom Date rendering with magenta color styling
.changeset/legal-ads-shave.mdDocuments the theme change in the changeset

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment threadpackages/web-shared/src/components/ui/data-inspector.tsx

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

looks good as most changes are only applying new styles and colors.

Base automatically changed from 02-12-extract_reusable_datainspector_component_and_fix_class_instance_rendering to mainFebruary 13, 2026 22:20
Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.
@TooTallNate
TooTallNateforce-pushed the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch from bc74e97 to b0df9dfCompareFebruary 13, 2026 22:20
@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

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

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express0.033s (+3.1%)1.005s (~)0.972s101.00x
💻 LocalNitro0.037s (+12.2% 🔺)1.006s (~)0.969s101.11x
💻 LocalNext.js (Turbopack)0.043s1.005s0.962s101.28x
🌐 RedisNext.js (Turbopack)0.050s (+35.2% 🔺)1.005s (~)0.955s101.50x
🐘 PostgresNitro0.098s (-55.9% 🟢)1.010s (-0.6%)0.912s102.95x
🌐 MongoDBNext.js (Turbopack)0.098s (+1.7%)1.008s (~)0.909s102.96x
🐘 PostgresExpress0.102s (-48.0% 🟢)1.013s (~)0.911s103.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.607s (+4.3%)1.738s (-15.4% 🟢)1.130s101.00x
▲ VercelNext.js (Turbopack)0.609s (-5.2% 🟢)1.704s (-9.2% 🟢)1.095s101.00x
▲ VercelExpress0.643s (~)2.003s (-4.3%)1.359s101.06x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)1.104s2.006s0.902s101.00x
💻 LocalExpress1.107s (~)2.005s (~)0.898s101.00x
🌐 RedisNext.js (Turbopack)1.109s (+2.1%)2.007s (~)0.898s101.00x
💻 LocalNitro1.119s (+1.1%)2.005s (~)0.886s101.01x
🌐 MongoDBNext.js (Turbopack)1.296s (-1.3%)2.008s (~)0.712s101.17x
🐘 PostgresExpress2.474s (+42.7% 🔺)3.013s (+30.3% 🔺)0.539s102.24x
🐘 PostgresNitro2.475s (+1.2%)3.013s (~)0.538s102.24x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.280s (-11.1% 🟢)3.048s (-11.7% 🟢)0.768s101.00x
▲ VercelNext.js (Turbopack)2.360s (+1.7%)3.000s (-3.9%)0.640s101.04x
▲ VercelExpress2.624s (+6.3% 🔺)3.495s (+6.0% 🔺)0.871s101.15x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)10.738s11.023s0.286s31.00x
🌐 RedisNext.js (Turbopack)10.742s (+1.4%)11.025s (~)0.283s31.00x
💻 LocalExpress10.857s (~)11.023s (~)0.166s31.01x
💻 LocalNitro10.913s (+0.7%)11.024s (~)0.110s31.02x
🌐 MongoDBNext.js (Turbopack)12.301s (+0.7%)13.024s (~)0.723s31.15x
🐘 PostgresNitro16.080s (-20.8% 🟢)16.547s (-21.4% 🟢)0.467s21.50x
🐘 PostgresExpress20.351s (+31.3% 🔺)21.056s (+31.3% 🔺)0.706s21.90x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)17.524s (-5.3% 🟢)18.663s (-3.8%)1.139s21.00x
▲ VercelNitro18.020s (+0.9%)18.758s (-1.5%)0.739s21.03x
▲ VercelExpress18.111s (~)19.183s (+1.2%)1.072s21.03x

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

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)26.974s (+1.4%)27.052s (~)0.078s31.00x
💻 LocalNext.js (Turbopack)27.225s28.053s0.828s31.01x
💻 LocalExpress27.514s (~)28.051s (~)0.537s31.02x
💻 LocalNitro27.712s (+0.6%)28.054s (~)0.342s31.03x
🌐 MongoDBNext.js (Turbopack)30.595s (~)31.045s (~)0.450s21.13x
🐘 PostgresNitro39.398s (-21.7% 🟢)40.102s (-21.6% 🟢)0.704s21.46x
🐘 PostgresExpress50.149s (+33.4% 🔺)50.626s (+32.9% 🔺)0.477s21.86x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro44.117s (-6.9% 🟢)45.224s (-7.3% 🟢)1.106s21.00x
▲ VercelNext.js (Turbopack)44.224s (-12.6% 🟢)45.044s (-13.1% 🟢)0.821s21.00x
▲ VercelExpress44.525s (-12.9% 🟢)45.887s (-14.0% 🟢)1.362s21.01x

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

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)54.404s (+1.3%)55.100s (+1.8%)0.697s21.00x
💻 LocalNext.js (Turbopack)56.844s57.105s0.261s21.04x
💻 LocalExpress57.347s (~)58.102s (~)0.755s21.05x
💻 LocalNitro57.857s (+0.6%)58.109s (~)0.252s21.06x
🌐 MongoDBNext.js (Turbopack)60.998s (~)61.074s (-0.8%)0.077s21.12x
🐘 PostgresNitro75.570s (-24.6% 🟢)76.179s (-24.0% 🟢)0.609s21.39x
🐘 PostgresExpress100.363s (+36.6% 🔺)101.234s (+37.4% 🔺)0.871s11.84x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro87.852s (-5.3% 🟢)89.127s (-4.9%)1.275s21.00x
▲ VercelExpress88.648s (-3.3%)89.819s (-3.4%)1.171s21.01x
▲ VercelNext.js (Turbopack)88.874s (-3.8%)90.085s (-3.6%)1.211s21.01x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.258s (+5.4% 🔺)2.007s (~)0.749s151.00x
💻 LocalNext.js (Turbopack)1.408s2.006s0.598s151.12x
💻 LocalExpress1.412s (~)2.005s (~)0.593s151.12x
💻 LocalNitro1.435s (-1.0%)2.006s (~)0.571s151.14x
🌐 MongoDBNext.js (Turbopack)2.190s (+2.2%)3.008s (~)0.818s101.74x
🐘 PostgresNitro2.309s (+3.7%)2.681s (-11.0% 🟢)0.372s121.84x
🐘 PostgresExpress2.410s (+24.6% 🔺)3.013s (+19.9% 🔺)0.603s101.92x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.430s (-14.5% 🟢)3.086s (-13.3% 🟢)0.656s101.00x
▲ VercelNitro2.500s (-39.1% 🟢)3.244s (-39.1% 🟢)0.743s101.03x
▲ VercelExpress3.189s (+25.1% 🔺)4.583s (+24.7% 🔺)1.394s71.31x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.487s3.007s0.520s101.00x
🌐 RedisNext.js (Turbopack)2.546s (+6.1% 🔺)3.008s (~)0.462s101.02x
💻 LocalExpress2.615s (-1.0%)3.007s (~)0.392s101.05x
💻 LocalNitro2.679s (~)3.007s (~)0.329s101.08x
🌐 MongoDBNext.js (Turbopack)4.717s (-2.1%)5.178s (-3.1%)0.461s61.90x
🐘 PostgresExpress8.232s (-27.5% 🟢)8.530s (-29.1% 🟢)0.298s43.31x
🐘 PostgresNitro10.454s (+20.5% 🔺)10.699s (+18.3% 🔺)0.245s34.20x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)4.250s (+6.9% 🔺)5.223s (+6.0% 🔺)0.973s61.00x
▲ VercelExpress6.604s (+105.4% 🔺)7.799s (+78.1% 🔺)1.195s51.55x
▲ VercelNitro7.633s (+74.7% 🔺)8.513s (+56.2% 🔺)0.880s41.80x

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

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.155s (+6.5% 🔺)4.582s (+6.7% 🔺)0.427s71.00x
💻 LocalExpress7.515s (~)8.018s (~)0.503s41.81x
💻 LocalNitro7.676s (-4.9%)8.019s (-8.6% 🟢)0.342s41.85x
💻 LocalNext.js (Turbopack)7.885s8.516s0.631s41.90x
🌐 MongoDBNext.js (Turbopack)9.758s (-1.7%)10.352s (~)0.594s32.35x
🐘 PostgresNitro45.104s (-6.8% 🟢)45.127s (-8.2% 🟢)0.023s110.85x
🐘 PostgresExpress47.507s (-5.2% 🟢)48.112s (-5.9% 🟢)0.605s111.43x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express8.949s (-35.7% 🟢)10.046s (-33.5% 🟢)1.097s31.00x
▲ VercelNext.js (Turbopack)14.449s (+53.4% 🔺)15.500s (+47.5% 🔺)1.051s21.61x
▲ VercelNitro15.649s (+18.5% 🔺)16.452s (+14.2% 🔺)0.803s21.75x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.253s (+4.0%)2.006s (~)0.753s151.00x
💻 LocalExpress1.451s (+0.6%)2.005s (~)0.554s151.16x
💻 LocalNitro1.453s (~)2.005s (~)0.552s151.16x
💻 LocalNext.js (Turbopack)1.461s2.005s0.543s151.17x
🐘 PostgresExpress1.969s (-5.5% 🟢)2.514s (-6.2% 🟢)0.545s121.57x
🐘 PostgresNitro2.112s (+20.3% 🔺)3.015s (+45.1% 🔺)0.902s101.69x
🌐 MongoDBNext.js (Turbopack)2.154s (+1.1%)3.008s (~)0.854s101.72x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.358s (-45.9% 🟢)3.006s (-45.5% 🟢)0.647s101.00x
▲ VercelExpress2.991s (-66.9% 🟢)3.912s (-63.3% 🟢)0.921s81.27x
▲ VercelNext.js (Turbopack)4.001s (-12.7% 🟢)4.800s (-11.4% 🟢)0.799s71.70x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)2.514s (+6.1% 🔺)3.008s (~)0.494s101.00x
💻 LocalNext.js (Turbopack)2.601s3.007s0.406s101.03x
💻 LocalExpress2.699s (-1.9%)3.008s (~)0.309s101.07x
💻 LocalNitro2.792s (~)3.009s (~)0.218s101.11x
🌐 MongoDBNext.js (Turbopack)4.712s (~)5.176s (~)0.464s61.87x
🐘 PostgresNitro11.753s (+18.3% 🔺)12.370s (+19.3% 🔺)0.617s34.68x
🐘 PostgresExpress12.758s (-7.9% 🟢)13.369s (-7.0% 🟢)0.610s35.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.492s (-35.2% 🟢)3.393s (-32.5% 🟢)0.901s91.00x
▲ VercelExpress3.408s (-31.2% 🟢)4.358s (-27.2% 🟢)0.950s71.37x
▲ VercelNext.js (Turbopack)3.546s (+7.7% 🔺)4.610s (+5.8% 🔺)1.064s71.42x

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

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.088s (+4.2%)4.724s (+10.0% 🔺)0.636s71.00x
💻 LocalNext.js (Turbopack)8.284s8.519s0.235s42.03x
💻 LocalExpress8.328s (+3.6%)9.018s (+5.9% 🔺)0.690s42.04x
💻 LocalNitro8.425s (+0.8%)9.021s (~)0.596s42.06x
🌐 MongoDBNext.js (Turbopack)9.779s (~)10.348s (~)0.570s32.39x
🐘 PostgresNitro51.112s (+7.1% 🔺)52.128s (+8.3% 🔺)1.016s112.50x
🐘 PostgresExpress53.988s (-2.0%)54.120s (-1.8%)0.132s113.21x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)7.954s (+79.6% 🔺)9.025s (+66.1% 🔺)1.071s51.00x
▲ VercelNitro14.709s (+165.5% 🔺)15.524s (+125.6% 🔺)0.815s31.85x
▲ VercelExpress17.387s (+172.5% 🔺)18.719s (+147.1% 🔺)1.332s22.19x

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

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)0.145s1.002s0.011s1.017s0.872s101.00x
🌐 RedisNext.js (Turbopack)0.155s (+34.8% 🔺)1.000s (~)0.002s (+45.5% 🔺)1.007s (~)0.853s101.06x
💻 LocalExpress0.178s (+3.0%)1.002s (~)0.011s (-2.7%)1.016s (~)0.838s101.23x
💻 LocalNitro0.189s (+7.8% 🔺)1.003s (~)0.011s (+0.9%)1.018s (~)0.829s101.30x
🌐 MongoDBNext.js (Turbopack)0.504s (+2.2%)0.945s (-1.0%)0.001s (-12.5% 🟢)1.009s (~)0.505s103.46x
🐘 PostgresNitro1.385s (-39.9% 🟢)1.655s (-39.6% 🟢)0.001s (+16.7% 🔺)2.012s (-33.3% 🟢)0.628s109.52x
🐘 PostgresExpress2.179s (+223.8% 🔺)2.064s (+95.9% 🔺)0.001s (~)2.514s (+126.4% 🔺)0.335s1014.99x
🐘 PostgresNext.js (Turbopack)⚠️missing-----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)1.973s (-6.6% 🟢)2.446s (-1.6%)0.199s (+26.7% 🔺)3.107s (-3.1%)1.134s101.00x
▲ VercelNitro2.028s (-28.4% 🟢)2.456s (-23.9% 🟢)0.611s (+207.7% 🔺)3.545s (-17.6% 🟢)1.517s101.03x
▲ VercelExpress2.164s (+5.2% 🔺)2.643s (-10.3% 🟢)0.197s (+41.0% 🔺)3.429s (-7.6% 🟢)1.265s101.10x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)9/12
🐘 PostgresNitro9/12
▲ VercelNitro6/12
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local12/12
Next.js (Turbopack)🌐 Redis7/12
Nitro💻 Local11/12
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

@graphite-app

Copy link
Copy Markdown

Merge activity

  • Feb 13, 10:21 PM UTC: Graphite rebased this pull request, because this pull request is set to merge when ready.

@TooTallNate
TooTallNate merged commit 260f77e into mainFeb 13, 2026
28 of 43 checks passed
@TooTallNate
TooTallNate deleted the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch February 13, 2026 22:21
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.

4 participants

@TooTallNate@VaguelySerious@karthikscale3
, '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

Retheme <DataInspector> to match Node.js util.inspect() colors - #1033

Merged
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors
Feb 13, 2026
Merged

Retheme <DataInspector> to match Node.js util.inspect() colors#1033
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors

Conversation

@TooTallNate

Copy link
Copy Markdown
Member

Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.

@changeset-bot

changeset-botBot commented Feb 13, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b0df9df

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

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

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

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

@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production501038539
✅ 💻 Local Development520068588
❌ 📦 Local Production4754568588
❌ 🐘 Local Postgres4754568588
✅ 🪟 Windows460349
❌ 🌍 Community Worlds104439156
✅ 📋 Other126021147
Total22471332752655

❌ Failed Tests

📦 Local Production (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🐘 Local Postgres (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🌍 Community Worlds (43 failed)

mongodb (1 failed):

  • webhookWorkflow

turso (42 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro4504
✅ example4504
✅ express4504
✅ fastify4504
✅ hono4504
✅ nextjs-turbopack4801
✅ nextjs-webpack4801
✅ nitro4504
✅ nuxt4504
✅ sveltekit4504
✅ vite4504
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
✅ nextjs-turbopack-canary4603
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4603
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4513
✅ redis-dev300
✅ redis4603
✅ turso-dev300
❌ turso4423
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable4207
✅ e2e-local-postgres-nest-stable4207
✅ e2e-local-prod-nest-stable4207

📋 View full workflow run


Some E2E test jobs failed:

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

Check the workflow run for details.

@vercel

vercelBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

@TooTallNateGraphite App

TooTallNate commented Feb 13, 2026

Copy link
Copy Markdown
MemberAuthor

@TooTallNate
TooTallNate marked this pull request as ready for review February 13, 2026 02:32
CopilotAI review requested due to automatic review settings February 13, 2026 02:32

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR rethemes the <DataInspector> component to align its color scheme with Node.js util.inspect() ANSI styling, replacing the previous Chrome DevTools-inspired colors. It also removes the unused color-hash dependency.

Changes:

  • Redesigned color themes (light and dark) to match Node.js conventions (green strings, yellow numbers/booleans, grey undefined, magenta dates, cyan functions, neutral property names)
  • Added extended theme context to support Date instance coloring, which react-inspector doesn't natively support
  • Refactored theme structure to separate shared structural values from theme-specific colors

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

FileDescription
packages/web-shared/src/components/ui/inspector-theme.tsImplements new Node.js-inspired color schemes for light and dark themes, adds extended theme interface for Date colors
packages/web-shared/src/components/ui/data-inspector.tsxIntegrates extended theme context and adds custom Date rendering with magenta color styling
.changeset/legal-ads-shave.mdDocuments the theme change in the changeset

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment threadpackages/web-shared/src/components/ui/data-inspector.tsx

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

looks good as most changes are only applying new styles and colors.

Base automatically changed from 02-12-extract_reusable_datainspector_component_and_fix_class_instance_rendering to mainFebruary 13, 2026 22:20
Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.
@TooTallNate
TooTallNateforce-pushed the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch from bc74e97 to b0df9dfCompareFebruary 13, 2026 22:20
@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

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

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express0.033s (+3.1%)1.005s (~)0.972s101.00x
💻 LocalNitro0.037s (+12.2% 🔺)1.006s (~)0.969s101.11x
💻 LocalNext.js (Turbopack)0.043s1.005s0.962s101.28x
🌐 RedisNext.js (Turbopack)0.050s (+35.2% 🔺)1.005s (~)0.955s101.50x
🐘 PostgresNitro0.098s (-55.9% 🟢)1.010s (-0.6%)0.912s102.95x
🌐 MongoDBNext.js (Turbopack)0.098s (+1.7%)1.008s (~)0.909s102.96x
🐘 PostgresExpress0.102s (-48.0% 🟢)1.013s (~)0.911s103.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.607s (+4.3%)1.738s (-15.4% 🟢)1.130s101.00x
▲ VercelNext.js (Turbopack)0.609s (-5.2% 🟢)1.704s (-9.2% 🟢)1.095s101.00x
▲ VercelExpress0.643s (~)2.003s (-4.3%)1.359s101.06x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)1.104s2.006s0.902s101.00x
💻 LocalExpress1.107s (~)2.005s (~)0.898s101.00x
🌐 RedisNext.js (Turbopack)1.109s (+2.1%)2.007s (~)0.898s101.00x
💻 LocalNitro1.119s (+1.1%)2.005s (~)0.886s101.01x
🌐 MongoDBNext.js (Turbopack)1.296s (-1.3%)2.008s (~)0.712s101.17x
🐘 PostgresExpress2.474s (+42.7% 🔺)3.013s (+30.3% 🔺)0.539s102.24x
🐘 PostgresNitro2.475s (+1.2%)3.013s (~)0.538s102.24x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.280s (-11.1% 🟢)3.048s (-11.7% 🟢)0.768s101.00x
▲ VercelNext.js (Turbopack)2.360s (+1.7%)3.000s (-3.9%)0.640s101.04x
▲ VercelExpress2.624s (+6.3% 🔺)3.495s (+6.0% 🔺)0.871s101.15x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)10.738s11.023s0.286s31.00x
🌐 RedisNext.js (Turbopack)10.742s (+1.4%)11.025s (~)0.283s31.00x
💻 LocalExpress10.857s (~)11.023s (~)0.166s31.01x
💻 LocalNitro10.913s (+0.7%)11.024s (~)0.110s31.02x
🌐 MongoDBNext.js (Turbopack)12.301s (+0.7%)13.024s (~)0.723s31.15x
🐘 PostgresNitro16.080s (-20.8% 🟢)16.547s (-21.4% 🟢)0.467s21.50x
🐘 PostgresExpress20.351s (+31.3% 🔺)21.056s (+31.3% 🔺)0.706s21.90x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)17.524s (-5.3% 🟢)18.663s (-3.8%)1.139s21.00x
▲ VercelNitro18.020s (+0.9%)18.758s (-1.5%)0.739s21.03x
▲ VercelExpress18.111s (~)19.183s (+1.2%)1.072s21.03x

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

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)26.974s (+1.4%)27.052s (~)0.078s31.00x
💻 LocalNext.js (Turbopack)27.225s28.053s0.828s31.01x
💻 LocalExpress27.514s (~)28.051s (~)0.537s31.02x
💻 LocalNitro27.712s (+0.6%)28.054s (~)0.342s31.03x
🌐 MongoDBNext.js (Turbopack)30.595s (~)31.045s (~)0.450s21.13x
🐘 PostgresNitro39.398s (-21.7% 🟢)40.102s (-21.6% 🟢)0.704s21.46x
🐘 PostgresExpress50.149s (+33.4% 🔺)50.626s (+32.9% 🔺)0.477s21.86x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro44.117s (-6.9% 🟢)45.224s (-7.3% 🟢)1.106s21.00x
▲ VercelNext.js (Turbopack)44.224s (-12.6% 🟢)45.044s (-13.1% 🟢)0.821s21.00x
▲ VercelExpress44.525s (-12.9% 🟢)45.887s (-14.0% 🟢)1.362s21.01x

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

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)54.404s (+1.3%)55.100s (+1.8%)0.697s21.00x
💻 LocalNext.js (Turbopack)56.844s57.105s0.261s21.04x
💻 LocalExpress57.347s (~)58.102s (~)0.755s21.05x
💻 LocalNitro57.857s (+0.6%)58.109s (~)0.252s21.06x
🌐 MongoDBNext.js (Turbopack)60.998s (~)61.074s (-0.8%)0.077s21.12x
🐘 PostgresNitro75.570s (-24.6% 🟢)76.179s (-24.0% 🟢)0.609s21.39x
🐘 PostgresExpress100.363s (+36.6% 🔺)101.234s (+37.4% 🔺)0.871s11.84x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro87.852s (-5.3% 🟢)89.127s (-4.9%)1.275s21.00x
▲ VercelExpress88.648s (-3.3%)89.819s (-3.4%)1.171s21.01x
▲ VercelNext.js (Turbopack)88.874s (-3.8%)90.085s (-3.6%)1.211s21.01x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.258s (+5.4% 🔺)2.007s (~)0.749s151.00x
💻 LocalNext.js (Turbopack)1.408s2.006s0.598s151.12x
💻 LocalExpress1.412s (~)2.005s (~)0.593s151.12x
💻 LocalNitro1.435s (-1.0%)2.006s (~)0.571s151.14x
🌐 MongoDBNext.js (Turbopack)2.190s (+2.2%)3.008s (~)0.818s101.74x
🐘 PostgresNitro2.309s (+3.7%)2.681s (-11.0% 🟢)0.372s121.84x
🐘 PostgresExpress2.410s (+24.6% 🔺)3.013s (+19.9% 🔺)0.603s101.92x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.430s (-14.5% 🟢)3.086s (-13.3% 🟢)0.656s101.00x
▲ VercelNitro2.500s (-39.1% 🟢)3.244s (-39.1% 🟢)0.743s101.03x
▲ VercelExpress3.189s (+25.1% 🔺)4.583s (+24.7% 🔺)1.394s71.31x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.487s3.007s0.520s101.00x
🌐 RedisNext.js (Turbopack)2.546s (+6.1% 🔺)3.008s (~)0.462s101.02x
💻 LocalExpress2.615s (-1.0%)3.007s (~)0.392s101.05x
💻 LocalNitro2.679s (~)3.007s (~)0.329s101.08x
🌐 MongoDBNext.js (Turbopack)4.717s (-2.1%)5.178s (-3.1%)0.461s61.90x
🐘 PostgresExpress8.232s (-27.5% 🟢)8.530s (-29.1% 🟢)0.298s43.31x
🐘 PostgresNitro10.454s (+20.5% 🔺)10.699s (+18.3% 🔺)0.245s34.20x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)4.250s (+6.9% 🔺)5.223s (+6.0% 🔺)0.973s61.00x
▲ VercelExpress6.604s (+105.4% 🔺)7.799s (+78.1% 🔺)1.195s51.55x
▲ VercelNitro7.633s (+74.7% 🔺)8.513s (+56.2% 🔺)0.880s41.80x

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

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.155s (+6.5% 🔺)4.582s (+6.7% 🔺)0.427s71.00x
💻 LocalExpress7.515s (~)8.018s (~)0.503s41.81x
💻 LocalNitro7.676s (-4.9%)8.019s (-8.6% 🟢)0.342s41.85x
💻 LocalNext.js (Turbopack)7.885s8.516s0.631s41.90x
🌐 MongoDBNext.js (Turbopack)9.758s (-1.7%)10.352s (~)0.594s32.35x
🐘 PostgresNitro45.104s (-6.8% 🟢)45.127s (-8.2% 🟢)0.023s110.85x
🐘 PostgresExpress47.507s (-5.2% 🟢)48.112s (-5.9% 🟢)0.605s111.43x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express8.949s (-35.7% 🟢)10.046s (-33.5% 🟢)1.097s31.00x
▲ VercelNext.js (Turbopack)14.449s (+53.4% 🔺)15.500s (+47.5% 🔺)1.051s21.61x
▲ VercelNitro15.649s (+18.5% 🔺)16.452s (+14.2% 🔺)0.803s21.75x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.253s (+4.0%)2.006s (~)0.753s151.00x
💻 LocalExpress1.451s (+0.6%)2.005s (~)0.554s151.16x
💻 LocalNitro1.453s (~)2.005s (~)0.552s151.16x
💻 LocalNext.js (Turbopack)1.461s2.005s0.543s151.17x
🐘 PostgresExpress1.969s (-5.5% 🟢)2.514s (-6.2% 🟢)0.545s121.57x
🐘 PostgresNitro2.112s (+20.3% 🔺)3.015s (+45.1% 🔺)0.902s101.69x
🌐 MongoDBNext.js (Turbopack)2.154s (+1.1%)3.008s (~)0.854s101.72x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.358s (-45.9% 🟢)3.006s (-45.5% 🟢)0.647s101.00x
▲ VercelExpress2.991s (-66.9% 🟢)3.912s (-63.3% 🟢)0.921s81.27x
▲ VercelNext.js (Turbopack)4.001s (-12.7% 🟢)4.800s (-11.4% 🟢)0.799s71.70x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)2.514s (+6.1% 🔺)3.008s (~)0.494s101.00x
💻 LocalNext.js (Turbopack)2.601s3.007s0.406s101.03x
💻 LocalExpress2.699s (-1.9%)3.008s (~)0.309s101.07x
💻 LocalNitro2.792s (~)3.009s (~)0.218s101.11x
🌐 MongoDBNext.js (Turbopack)4.712s (~)5.176s (~)0.464s61.87x
🐘 PostgresNitro11.753s (+18.3% 🔺)12.370s (+19.3% 🔺)0.617s34.68x
🐘 PostgresExpress12.758s (-7.9% 🟢)13.369s (-7.0% 🟢)0.610s35.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.492s (-35.2% 🟢)3.393s (-32.5% 🟢)0.901s91.00x
▲ VercelExpress3.408s (-31.2% 🟢)4.358s (-27.2% 🟢)0.950s71.37x
▲ VercelNext.js (Turbopack)3.546s (+7.7% 🔺)4.610s (+5.8% 🔺)1.064s71.42x

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

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.088s (+4.2%)4.724s (+10.0% 🔺)0.636s71.00x
💻 LocalNext.js (Turbopack)8.284s8.519s0.235s42.03x
💻 LocalExpress8.328s (+3.6%)9.018s (+5.9% 🔺)0.690s42.04x
💻 LocalNitro8.425s (+0.8%)9.021s (~)0.596s42.06x
🌐 MongoDBNext.js (Turbopack)9.779s (~)10.348s (~)0.570s32.39x
🐘 PostgresNitro51.112s (+7.1% 🔺)52.128s (+8.3% 🔺)1.016s112.50x
🐘 PostgresExpress53.988s (-2.0%)54.120s (-1.8%)0.132s113.21x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)7.954s (+79.6% 🔺)9.025s (+66.1% 🔺)1.071s51.00x
▲ VercelNitro14.709s (+165.5% 🔺)15.524s (+125.6% 🔺)0.815s31.85x
▲ VercelExpress17.387s (+172.5% 🔺)18.719s (+147.1% 🔺)1.332s22.19x

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

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)0.145s1.002s0.011s1.017s0.872s101.00x
🌐 RedisNext.js (Turbopack)0.155s (+34.8% 🔺)1.000s (~)0.002s (+45.5% 🔺)1.007s (~)0.853s101.06x
💻 LocalExpress0.178s (+3.0%)1.002s (~)0.011s (-2.7%)1.016s (~)0.838s101.23x
💻 LocalNitro0.189s (+7.8% 🔺)1.003s (~)0.011s (+0.9%)1.018s (~)0.829s101.30x
🌐 MongoDBNext.js (Turbopack)0.504s (+2.2%)0.945s (-1.0%)0.001s (-12.5% 🟢)1.009s (~)0.505s103.46x
🐘 PostgresNitro1.385s (-39.9% 🟢)1.655s (-39.6% 🟢)0.001s (+16.7% 🔺)2.012s (-33.3% 🟢)0.628s109.52x
🐘 PostgresExpress2.179s (+223.8% 🔺)2.064s (+95.9% 🔺)0.001s (~)2.514s (+126.4% 🔺)0.335s1014.99x
🐘 PostgresNext.js (Turbopack)⚠️missing-----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)1.973s (-6.6% 🟢)2.446s (-1.6%)0.199s (+26.7% 🔺)3.107s (-3.1%)1.134s101.00x
▲ VercelNitro2.028s (-28.4% 🟢)2.456s (-23.9% 🟢)0.611s (+207.7% 🔺)3.545s (-17.6% 🟢)1.517s101.03x
▲ VercelExpress2.164s (+5.2% 🔺)2.643s (-10.3% 🟢)0.197s (+41.0% 🔺)3.429s (-7.6% 🟢)1.265s101.10x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)9/12
🐘 PostgresNitro9/12
▲ VercelNitro6/12
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local12/12
Next.js (Turbopack)🌐 Redis7/12
Nitro💻 Local11/12
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

@graphite-app

Copy link
Copy Markdown

Merge activity

  • Feb 13, 10:21 PM UTC: Graphite rebased this pull request, because this pull request is set to merge when ready.

@TooTallNate
TooTallNate merged commit 260f77e into mainFeb 13, 2026
28 of 43 checks passed
@TooTallNate
TooTallNate deleted the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch February 13, 2026 22:21
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.

4 participants

@TooTallNate@VaguelySerious@karthikscale3
, '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

Retheme <DataInspector> to match Node.js util.inspect() colors - #1033

Merged
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors
Feb 13, 2026
Merged

Retheme <DataInspector> to match Node.js util.inspect() colors#1033
TooTallNate merged 1 commit into
mainfrom
02-12-retheme_datainspector_to_match_node.js_util.inspect_colors

Conversation

@TooTallNate

Copy link
Copy Markdown
Member

Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.

@changeset-bot

changeset-botBot commented Feb 13, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b0df9df

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

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

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

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

@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

Some tests failed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production501038539
✅ 💻 Local Development520068588
❌ 📦 Local Production4754568588
❌ 🐘 Local Postgres4754568588
✅ 🪟 Windows460349
❌ 🌍 Community Worlds104439156
✅ 📋 Other126021147
Total22471332752655

❌ Failed Tests

📦 Local Production (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🐘 Local Postgres (45 failed)

nextjs-turbopack-canary (45 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • webhook route with invalid token
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check endpoint (HTTP) - workflow and step endpoints respond to __health query parameter
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • health check (CLI) - workflow health command reports healthy endpoints
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router
🌍 Community Worlds (43 failed)

mongodb (1 failed):

  • webhookWorkflow

turso (42 failed):

  • addTenWorkflow
  • addTenWorkflow
  • should work with react rendering in step
  • promiseAllWorkflow
  • promiseRaceWorkflow
  • promiseAnyWorkflow
  • hookWorkflow
  • webhookWorkflow
  • sleepingWorkflow
  • nullByteWorkflow
  • workflowAndStepMetadataWorkflow
  • fetchWorkflow
  • promiseRaceStressTestWorkflow
  • 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 retry behavior workflow completes despite transient 5xx on step_completed
  • error handling catchability FatalError can be caught and detected with FatalError.is()
  • hookCleanupTestWorkflow - hook token reuse after workflow completion
  • concurrent hook token conflict - two workflows cannot use the same hook token simultaneously
  • stepFunctionPassingWorkflow - step function references can be passed as arguments (without closure vars)
  • stepFunctionWithClosureWorkflow - step function with closure variables passed as argument
  • closureVariableWorkflow - nested step functions with closure variables
  • spawnWorkflowFromStepWorkflow - spawning a child workflow using start() inside a step
  • health check (queue-based) - workflow and step endpoints respond to health check messages
  • 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()
  • customSerializationWorkflow - custom class serialization with WORKFLOW_SERIALIZE/WORKFLOW_DESERIALIZE
  • instanceMethodStepWorkflow - instance methods with "use step" directive
  • crossContextSerdeWorkflow - classes defined in step code are deserializable in workflow context
  • stepFunctionAsStartArgWorkflow - step function reference passed as start() argument
  • pages router addTenWorkflow via pages router
  • pages router promiseAllWorkflow via pages router
  • pages router sleepingWorkflow via pages router

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro4504
✅ example4504
✅ express4504
✅ fastify4504
✅ hono4504
✅ nextjs-turbopack4801
✅ nextjs-webpack4801
✅ nitro4504
✅ nuxt4504
✅ sveltekit4504
✅ vite4504
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
✅ nextjs-turbopack-canary4603
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
❌ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable4207
✅ express-stable4207
✅ fastify-stable4207
✅ hono-stable4207
❌ nextjs-turbopack-canary1453
✅ nextjs-turbopack-stable4603
✅ nextjs-webpack-canary4603
✅ nextjs-webpack-stable4603
✅ nitro-stable4207
✅ nuxt-stable4207
✅ sveltekit-stable4207
✅ vite-stable4207
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack4603
❌ 🌍 Community Worlds
AppPassedFailedSkipped
✅ mongodb-dev300
❌ mongodb4513
✅ redis-dev300
✅ redis4603
✅ turso-dev300
❌ turso4423
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable4207
✅ e2e-local-postgres-nest-stable4207
✅ e2e-local-prod-nest-stable4207

📋 View full workflow run


Some E2E test jobs failed:

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

Check the workflow run for details.

@vercel

vercelBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

@TooTallNateGraphite App

TooTallNate commented Feb 13, 2026

Copy link
Copy Markdown
MemberAuthor

@TooTallNate
TooTallNate marked this pull request as ready for review February 13, 2026 02:32
CopilotAI review requested due to automatic review settings February 13, 2026 02:32

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR rethemes the <DataInspector> component to align its color scheme with Node.js util.inspect() ANSI styling, replacing the previous Chrome DevTools-inspired colors. It also removes the unused color-hash dependency.

Changes:

  • Redesigned color themes (light and dark) to match Node.js conventions (green strings, yellow numbers/booleans, grey undefined, magenta dates, cyan functions, neutral property names)
  • Added extended theme context to support Date instance coloring, which react-inspector doesn't natively support
  • Refactored theme structure to separate shared structural values from theme-specific colors

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

FileDescription
packages/web-shared/src/components/ui/inspector-theme.tsImplements new Node.js-inspired color schemes for light and dark themes, adds extended theme interface for Date colors
packages/web-shared/src/components/ui/data-inspector.tsxIntegrates extended theme context and adds custom Date rendering with magenta color styling
.changeset/legal-ads-shave.mdDocuments the theme change in the changeset

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment threadpackages/web-shared/src/components/ui/data-inspector.tsx

@karthikscale3karthikscale3 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

looks good as most changes are only applying new styles and colors.

Base automatically changed from 02-12-extract_reusable_datainspector_component_and_fix_class_instance_rendering to mainFebruary 13, 2026 22:20
Replaces the Chrome DevTools color scheme with one inspired by
Node.js util.inspect() ANSI stylizing: green strings, yellow
numbers/booleans, grey undefined, magenta dates, cyan functions,
and neutral property names. Adds an extended theme context to
color Date instances (react-inspector has no built-in theme key
for dates). Removes color-hash dependency which is no longer used.
@TooTallNate
TooTallNateforce-pushed the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch from bc74e97 to b0df9dfCompareFebruary 13, 2026 22:20
@github-actions

github-actionsBot commented Feb 13, 2026

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

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

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Express0.033s (+3.1%)1.005s (~)0.972s101.00x
💻 LocalNitro0.037s (+12.2% 🔺)1.006s (~)0.969s101.11x
💻 LocalNext.js (Turbopack)0.043s1.005s0.962s101.28x
🌐 RedisNext.js (Turbopack)0.050s (+35.2% 🔺)1.005s (~)0.955s101.50x
🐘 PostgresNitro0.098s (-55.9% 🟢)1.010s (-0.6%)0.912s102.95x
🌐 MongoDBNext.js (Turbopack)0.098s (+1.7%)1.008s (~)0.909s102.96x
🐘 PostgresExpress0.102s (-48.0% 🟢)1.013s (~)0.911s103.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro0.607s (+4.3%)1.738s (-15.4% 🟢)1.130s101.00x
▲ VercelNext.js (Turbopack)0.609s (-5.2% 🟢)1.704s (-9.2% 🟢)1.095s101.00x
▲ VercelExpress0.643s (~)2.003s (-4.3%)1.359s101.06x

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

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)1.104s2.006s0.902s101.00x
💻 LocalExpress1.107s (~)2.005s (~)0.898s101.00x
🌐 RedisNext.js (Turbopack)1.109s (+2.1%)2.007s (~)0.898s101.00x
💻 LocalNitro1.119s (+1.1%)2.005s (~)0.886s101.01x
🌐 MongoDBNext.js (Turbopack)1.296s (-1.3%)2.008s (~)0.712s101.17x
🐘 PostgresExpress2.474s (+42.7% 🔺)3.013s (+30.3% 🔺)0.539s102.24x
🐘 PostgresNitro2.475s (+1.2%)3.013s (~)0.538s102.24x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.280s (-11.1% 🟢)3.048s (-11.7% 🟢)0.768s101.00x
▲ VercelNext.js (Turbopack)2.360s (+1.7%)3.000s (-3.9%)0.640s101.04x
▲ VercelExpress2.624s (+6.3% 🔺)3.495s (+6.0% 🔺)0.871s101.15x

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

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)10.738s11.023s0.286s31.00x
🌐 RedisNext.js (Turbopack)10.742s (+1.4%)11.025s (~)0.283s31.00x
💻 LocalExpress10.857s (~)11.023s (~)0.166s31.01x
💻 LocalNitro10.913s (+0.7%)11.024s (~)0.110s31.02x
🌐 MongoDBNext.js (Turbopack)12.301s (+0.7%)13.024s (~)0.723s31.15x
🐘 PostgresNitro16.080s (-20.8% 🟢)16.547s (-21.4% 🟢)0.467s21.50x
🐘 PostgresExpress20.351s (+31.3% 🔺)21.056s (+31.3% 🔺)0.706s21.90x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)17.524s (-5.3% 🟢)18.663s (-3.8%)1.139s21.00x
▲ VercelNitro18.020s (+0.9%)18.758s (-1.5%)0.739s21.03x
▲ VercelExpress18.111s (~)19.183s (+1.2%)1.072s21.03x

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

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)26.974s (+1.4%)27.052s (~)0.078s31.00x
💻 LocalNext.js (Turbopack)27.225s28.053s0.828s31.01x
💻 LocalExpress27.514s (~)28.051s (~)0.537s31.02x
💻 LocalNitro27.712s (+0.6%)28.054s (~)0.342s31.03x
🌐 MongoDBNext.js (Turbopack)30.595s (~)31.045s (~)0.450s21.13x
🐘 PostgresNitro39.398s (-21.7% 🟢)40.102s (-21.6% 🟢)0.704s21.46x
🐘 PostgresExpress50.149s (+33.4% 🔺)50.626s (+32.9% 🔺)0.477s21.86x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro44.117s (-6.9% 🟢)45.224s (-7.3% 🟢)1.106s21.00x
▲ VercelNext.js (Turbopack)44.224s (-12.6% 🟢)45.044s (-13.1% 🟢)0.821s21.00x
▲ VercelExpress44.525s (-12.9% 🟢)45.887s (-14.0% 🟢)1.362s21.01x

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

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)54.404s (+1.3%)55.100s (+1.8%)0.697s21.00x
💻 LocalNext.js (Turbopack)56.844s57.105s0.261s21.04x
💻 LocalExpress57.347s (~)58.102s (~)0.755s21.05x
💻 LocalNitro57.857s (+0.6%)58.109s (~)0.252s21.06x
🌐 MongoDBNext.js (Turbopack)60.998s (~)61.074s (-0.8%)0.077s21.12x
🐘 PostgresNitro75.570s (-24.6% 🟢)76.179s (-24.0% 🟢)0.609s21.39x
🐘 PostgresExpress100.363s (+36.6% 🔺)101.234s (+37.4% 🔺)0.871s11.84x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro87.852s (-5.3% 🟢)89.127s (-4.9%)1.275s21.00x
▲ VercelExpress88.648s (-3.3%)89.819s (-3.4%)1.171s21.01x
▲ VercelNext.js (Turbopack)88.874s (-3.8%)90.085s (-3.6%)1.211s21.01x

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

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.258s (+5.4% 🔺)2.007s (~)0.749s151.00x
💻 LocalNext.js (Turbopack)1.408s2.006s0.598s151.12x
💻 LocalExpress1.412s (~)2.005s (~)0.593s151.12x
💻 LocalNitro1.435s (-1.0%)2.006s (~)0.571s151.14x
🌐 MongoDBNext.js (Turbopack)2.190s (+2.2%)3.008s (~)0.818s101.74x
🐘 PostgresNitro2.309s (+3.7%)2.681s (-11.0% 🟢)0.372s121.84x
🐘 PostgresExpress2.410s (+24.6% 🔺)3.013s (+19.9% 🔺)0.603s101.92x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.430s (-14.5% 🟢)3.086s (-13.3% 🟢)0.656s101.00x
▲ VercelNitro2.500s (-39.1% 🟢)3.244s (-39.1% 🟢)0.743s101.03x
▲ VercelExpress3.189s (+25.1% 🔺)4.583s (+24.7% 🔺)1.394s71.31x

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

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)2.487s3.007s0.520s101.00x
🌐 RedisNext.js (Turbopack)2.546s (+6.1% 🔺)3.008s (~)0.462s101.02x
💻 LocalExpress2.615s (-1.0%)3.007s (~)0.392s101.05x
💻 LocalNitro2.679s (~)3.007s (~)0.329s101.08x
🌐 MongoDBNext.js (Turbopack)4.717s (-2.1%)5.178s (-3.1%)0.461s61.90x
🐘 PostgresExpress8.232s (-27.5% 🟢)8.530s (-29.1% 🟢)0.298s43.31x
🐘 PostgresNitro10.454s (+20.5% 🔺)10.699s (+18.3% 🔺)0.245s34.20x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)4.250s (+6.9% 🔺)5.223s (+6.0% 🔺)0.973s61.00x
▲ VercelExpress6.604s (+105.4% 🔺)7.799s (+78.1% 🔺)1.195s51.55x
▲ VercelNitro7.633s (+74.7% 🔺)8.513s (+56.2% 🔺)0.880s41.80x

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

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.155s (+6.5% 🔺)4.582s (+6.7% 🔺)0.427s71.00x
💻 LocalExpress7.515s (~)8.018s (~)0.503s41.81x
💻 LocalNitro7.676s (-4.9%)8.019s (-8.6% 🟢)0.342s41.85x
💻 LocalNext.js (Turbopack)7.885s8.516s0.631s41.90x
🌐 MongoDBNext.js (Turbopack)9.758s (-1.7%)10.352s (~)0.594s32.35x
🐘 PostgresNitro45.104s (-6.8% 🟢)45.127s (-8.2% 🟢)0.023s110.85x
🐘 PostgresExpress47.507s (-5.2% 🟢)48.112s (-5.9% 🟢)0.605s111.43x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Express8.949s (-35.7% 🟢)10.046s (-33.5% 🟢)1.097s31.00x
▲ VercelNext.js (Turbopack)14.449s (+53.4% 🔺)15.500s (+47.5% 🔺)1.051s21.61x
▲ VercelNitro15.649s (+18.5% 🔺)16.452s (+14.2% 🔺)0.803s21.75x

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

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)1.253s (+4.0%)2.006s (~)0.753s151.00x
💻 LocalExpress1.451s (+0.6%)2.005s (~)0.554s151.16x
💻 LocalNitro1.453s (~)2.005s (~)0.552s151.16x
💻 LocalNext.js (Turbopack)1.461s2.005s0.543s151.17x
🐘 PostgresExpress1.969s (-5.5% 🟢)2.514s (-6.2% 🟢)0.545s121.57x
🐘 PostgresNitro2.112s (+20.3% 🔺)3.015s (+45.1% 🔺)0.902s101.69x
🌐 MongoDBNext.js (Turbopack)2.154s (+1.1%)3.008s (~)0.854s101.72x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.358s (-45.9% 🟢)3.006s (-45.5% 🟢)0.647s101.00x
▲ VercelExpress2.991s (-66.9% 🟢)3.912s (-63.3% 🟢)0.921s81.27x
▲ VercelNext.js (Turbopack)4.001s (-12.7% 🟢)4.800s (-11.4% 🟢)0.799s71.70x

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

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)2.514s (+6.1% 🔺)3.008s (~)0.494s101.00x
💻 LocalNext.js (Turbopack)2.601s3.007s0.406s101.03x
💻 LocalExpress2.699s (-1.9%)3.008s (~)0.309s101.07x
💻 LocalNitro2.792s (~)3.009s (~)0.218s101.11x
🌐 MongoDBNext.js (Turbopack)4.712s (~)5.176s (~)0.464s61.87x
🐘 PostgresNitro11.753s (+18.3% 🔺)12.370s (+19.3% 🔺)0.617s34.68x
🐘 PostgresExpress12.758s (-7.9% 🟢)13.369s (-7.0% 🟢)0.610s35.08x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.492s (-35.2% 🟢)3.393s (-32.5% 🟢)0.901s91.00x
▲ VercelExpress3.408s (-31.2% 🟢)4.358s (-27.2% 🟢)0.950s71.37x
▲ VercelNext.js (Turbopack)3.546s (+7.7% 🔺)4.610s (+5.8% 🔺)1.064s71.42x

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

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🌐 Redis🥇 Next.js (Turbopack)4.088s (+4.2%)4.724s (+10.0% 🔺)0.636s71.00x
💻 LocalNext.js (Turbopack)8.284s8.519s0.235s42.03x
💻 LocalExpress8.328s (+3.6%)9.018s (+5.9% 🔺)0.690s42.04x
💻 LocalNitro8.425s (+0.8%)9.021s (~)0.596s42.06x
🌐 MongoDBNext.js (Turbopack)9.779s (~)10.348s (~)0.570s32.39x
🐘 PostgresNitro51.112s (+7.1% 🔺)52.128s (+8.3% 🔺)1.016s112.50x
🐘 PostgresExpress53.988s (-2.0%)54.120s (-1.8%)0.132s113.21x
🐘 PostgresNext.js (Turbopack)⚠️missing----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)7.954s (+79.6% 🔺)9.025s (+66.1% 🔺)1.071s51.00x
▲ VercelNitro14.709s (+165.5% 🔺)15.524s (+125.6% 🔺)0.815s31.85x
▲ VercelExpress17.387s (+172.5% 🔺)18.719s (+147.1% 🔺)1.332s22.19x

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

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Next.js (Turbopack)0.145s1.002s0.011s1.017s0.872s101.00x
🌐 RedisNext.js (Turbopack)0.155s (+34.8% 🔺)1.000s (~)0.002s (+45.5% 🔺)1.007s (~)0.853s101.06x
💻 LocalExpress0.178s (+3.0%)1.002s (~)0.011s (-2.7%)1.016s (~)0.838s101.23x
💻 LocalNitro0.189s (+7.8% 🔺)1.003s (~)0.011s (+0.9%)1.018s (~)0.829s101.30x
🌐 MongoDBNext.js (Turbopack)0.504s (+2.2%)0.945s (-1.0%)0.001s (-12.5% 🟢)1.009s (~)0.505s103.46x
🐘 PostgresNitro1.385s (-39.9% 🟢)1.655s (-39.6% 🟢)0.001s (+16.7% 🔺)2.012s (-33.3% 🟢)0.628s109.52x
🐘 PostgresExpress2.179s (+223.8% 🔺)2.064s (+95.9% 🔺)0.001s (~)2.514s (+126.4% 🔺)0.335s1014.99x
🐘 PostgresNext.js (Turbopack)⚠️missing-----

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)1.973s (-6.6% 🟢)2.446s (-1.6%)0.199s (+26.7% 🔺)3.107s (-3.1%)1.134s101.00x
▲ VercelNitro2.028s (-28.4% 🟢)2.456s (-23.9% 🟢)0.611s (+207.7% 🔺)3.545s (-17.6% 🟢)1.517s101.03x
▲ VercelExpress2.164s (+5.2% 🔺)2.643s (-10.3% 🟢)0.197s (+41.0% 🔺)3.429s (-7.6% 🟢)1.265s101.10x

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

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNext.js (Turbopack)9/12
🐘 PostgresNitro9/12
▲ VercelNitro6/12
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express💻 Local12/12
Next.js (Turbopack)🌐 Redis7/12
Nitro💻 Local11/12
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)

📋 View full workflow run

@graphite-app

Copy link
Copy Markdown

Merge activity

  • Feb 13, 10:21 PM UTC: Graphite rebased this pull request, because this pull request is set to merge when ready.

@TooTallNate
TooTallNate merged commit 260f77e into mainFeb 13, 2026
28 of 43 checks passed
@TooTallNate
TooTallNate deleted the 02-12-retheme_datainspector_to_match_node.js_util.inspect_colors branch February 13, 2026 22:21
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.

4 participants

@TooTallNate@VaguelySerious@karthikscale3