[local-explorer-ui] Add restart from step button to local explorer UI

[pombosilva]

Fixes WOR-1265.

Add restart from step button to local explorer UI.

---

• 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: just adding a button and docs for this feature already exist

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

---

[changeset-bot]

🦋 Changeset detected

Latest commit: 3a47398

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

This PR includes changesets to release 1 package

Name	Type
@cloudflare/local-explorer-ui	Patch

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

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

[ask-bonk]

UnknownError: ProviderInitError

github run

[ask-bonk]

@pombosilva Bonk workflow failed. Check the logs for details.

View workflow run · To retry, trigger Bonk again.

[workers-devprod]

Codeowners approval required for this PR:

• @cloudflare/wrangler

Show detailed file reviewers

• .changeset/local-explorer-workflows-restart-from-step.md: [@cloudflare/wrangler]
• packages/local-explorer-ui/src/e2e/workflows/workflow.spec.ts: [@cloudflare/wrangler]
• packages/local-explorer-ui/src/tests/workflows/step-helpers.test.ts: [@cloudflare/wrangler]
• packages/local-explorer-ui/src/components/workflows/StepRow.tsx: [@cloudflare/wrangler]
• packages/local-explorer-ui/src/components/workflows/types.ts: [@cloudflare/wrangler]
• packages/local-explorer-ui/src/routes/workflows/$workflowName/$instanceId.tsx: [@cloudflare/wrangler]

[pkg-pr-new]

create-cloudflare

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

@cloudflare/deploy-helpers

npm i https://pkg.pr.new/@cloudflare/deploy-helpers@14154

@cloudflare/kv-asset-handler

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

miniflare

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

@cloudflare/pages-shared

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

@cloudflare/unenv-preset

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

@cloudflare/vite-plugin

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

@cloudflare/vitest-pool-workers

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

@cloudflare/workers-editor-shared

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

@cloudflare/workers-utils

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

wrangler

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

@cloudflare/wrangler-bundler

npm i https://pkg.pr.new/@cloudflare/wrangler-bundler@14154

commit: d552660

[github-actions]

✅ All changesets look good

[devin-ai-integration]

Devin Review found 1 new potential issue.

View 7 additional findings in Devin Review.

[devin-ai-integration]

🔴 Corrupted JSX in restart-from-step dialog renders duplicate text

The dialog body at $instanceId.tsx:798-807 contains garbled JSX from what appears to be a copy-paste or merge error. The text "This will rerun the instance from" appears twice (lines 799 and 800), and there is an extra orphan </span> closing tag on line 804. Even if the structural JSX issue is resolved, the duplicate text on line 800 would cause the dialog to display "This will rerun the instance from This will rerun the instance from stepName…" — doubling the message shown to users.

Corrupted JSX block (lines 798–807)

<p className="text-sm text-kumo-subtle">
	This will rerun the instance from{" "}
This will rerun the instance from{" "}        // ← duplicate line
<span className="font-medium text-kumo-default">
	{getStepDisplayName(restartFromStepTarget?.name)}
</span>
	</span>                                       // ← orphan closing tag
	. Saved state for this step and later steps will be cleared,
	while earlier completed steps are kept.
</p>

Suggested change

	<p className="text-sm text-kumo-subtle">
	This will rerun the instance from{" "}
	This will rerun the instance from{" "}
	<span className="font-medium text-kumo-default">
	{getStepDisplayName(restartFromStepTarget?.name)}
	</span>
	</span>
	. Saved state for this step and later steps will be cleared,
	while earlier completed steps are kept.
	</p>
	<p className="text-sm text-kumo-subtle">
	This will rerun the instance from{" "}
	<span className="font-medium text-kumo-default">
	{getStepDisplayName(restartFromStepTarget?.name)}
	</span>
	. Saved state for this step and later steps will be cleared,
	while earlier completed steps are kept.
	</p>

---

Was this helpful? React with 👍 or 👎 to provide feedback.

[james-elicx]

Suggested change

</span>

[james-elicx]

i think you might want to put this in the finally block as well so that it sets to null if the function throws an error so that the dialog can close and it can show the error properly?