[local-explorer-ui] Fix Workflows page (colors, icons, etc)

[pombosilva]

Fixes WOR-1197.

Expanded workflow steps no longer collapse when new steps arrive via polling. Polling also skips state updates when the response data hasn't changed, avoiding unnecessary re-renders.

The miniflare local explorer API now preserves the internal -N counter suffix on step names, giving the UI naturally unique keys. The suffix is stripped only visually when rendering.

Other instance page improvements:

• Triggering a workflow navigates directly to the new instance's detail page
• Distinct refresh/restart icons
• Filter dropdown and action buttons moved to a toolbar below the stats strip
• Stats strip always visible regardless of filters or instance count
• Unified status colors (reds, greens, wait-for-event violet)
• Error card header matches Input params/Output header sizing

---

• Tests
  • Tests included/updated
  • Automated tests not possible - manual testing has been completed as follows:
  • Additional testing not necessary because:
• Public documentation
  • Cloudflare docs PR(s):
  • Documentation not necessary because: fixes only

A picture of a cute animal (not mandatory, but encouraged)

[changeset-bot]

🦋 Changeset detected

Latest commit: ccb0629

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

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

[ask-bonk]

Review posted successfully on PR #13654 with two actionable findings:

1. getStepKey produces non-unique keys — ${step.type}-${step.name} will collide when a workflow has multiple steps with the same type and name (retries, repeated step names). This breaks React reconciliation and causes the wrong row to expand. Suggested adding the index back as a disambiguator.

2. Unsafe cast in CreateInstanceDialog — (response.data?.result as { id: string }).id will throw if result is undefined. Suggested a safe optional chain with a fallback.

github run

[pkg-pr-new]

create-cloudflare

npm i https://pkg.pr.new/create-cloudflare@13654

@cloudflare/kv-asset-handler

npm i https://pkg.pr.new/@cloudflare/kv-asset-handler@13654

miniflare

npm i https://pkg.pr.new/miniflare@13654

@cloudflare/pages-shared

npm i https://pkg.pr.new/@cloudflare/pages-shared@13654

@cloudflare/unenv-preset

npm i https://pkg.pr.new/@cloudflare/unenv-preset@13654

@cloudflare/vite-plugin

npm i https://pkg.pr.new/@cloudflare/vite-plugin@13654

@cloudflare/vitest-pool-workers

npm i https://pkg.pr.new/@cloudflare/vitest-pool-workers@13654

@cloudflare/workers-editor-shared

npm i https://pkg.pr.new/@cloudflare/workers-editor-shared@13654

@cloudflare/workers-utils

npm i https://pkg.pr.new/@cloudflare/workers-utils@13654

wrangler

npm i https://pkg.pr.new/wrangler@13654

commit: ccb0629

[github-actions]

✅ All changesets look good

Review Summary

.changeset/fix-workflows-instance-ui.md

• Package: @cloudflare/local-explorer-ui
• Version Type: patch (appropriate for bug fix)
• Quality: Good descriptive title and body explaining the UX improvements
• Headers: No forbidden h1/h2/h3 headers

.changeset/fix-workflows-step-name-suffix.md

• Package: miniflare
• Version Type: patch (appropriate for bug fix)
• Quality: Clear description of API behavior change
• Headers: No forbidden h1/h2/h3 headers

Both changesets follow the established format guidelines with proper frontmatter, conventional commit style prefixes, and meaningful descriptions of the user-facing changes.

[workers-devprod]

Codeowners approval required for this PR:

• ✅ @cloudflare/wrangler

Show detailed file reviewers

[devin-ai-integration]

✅ Devin Review: No Issues Found

Devin Review analyzed this PR and found no potential bugs to report.

View in Devin Review to see 5 additional findings.

[workers-devprod]

Codeowners reviews satisfied