Render progress tooltip for async effects and expose activeAsyncEffects to preview

[seveibar]

Motivation

• Provide more detailed runtime feedback in the preview header by showing currently running async effects and their durations.
• Surface the list of active async effects from the run/frame layer to the preview UI so the progress UI can display richer information.

Description

• Added an ActiveAsyncEffect type and activeAsyncEffects?: ActiveAsyncEffect[] to PreviewContentProps in PreviewContentProps.ts to describe running async effects.
• Implemented a new RenderProgressTooltip component (RenderProgressTooltip.tsx) that renders the progress percentage, the active phase/name, and a tooltip listing running async effects with durations and component context.
• Replaced the inline render-progress header UI in CircuitJsonPreview.tsx with the new RenderProgressTooltip and wired activeAsyncEffects and isRunningCode props to it.
• Updated RunFrame.tsx to use the ActiveAsyncEffect type for its activeAsyncEffects state, expose a sorted activeAsyncEffectsList, and pass that list into CircuitJsonPreview as activeAsyncEffects along with activeEffectName and isRunningCode.

Testing

• Performed TypeScript type-checking with tsc --noEmit to validate API and prop changes, which succeeded.
• Performed a project build (yarn build) to ensure the new component and imports compile, which succeeded.
• Ran the test suite (yarn test) and unit tests (where present), and they passed.

---

Codex Task

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
runframe	Ready	Preview, Comment	Apr 4, 2026 4:44pm

[github-actions]

This PR has been automatically marked as stale because it has had no recent activity. It will be closed if no further activity occurs.