Effect idea modal: keep preview busy UI open, show community params, and block accidental close during generation

[smcga]

Motivation

• Improve the UX of the effect generator while a generation is in progress by keeping the busy panel visible and preventing accidental modal closure.
• Surface approved community effects and their adjustable params during generation so users can continue to explore and tweak previews without interrupting generation.
• Factor close/visibility logic into small helpers to make close-blocking behavior testable.

Description

• Add a dedicated busy panel to the effect idea preview that keeps community carousel controls available while generation runs and provides a compact expandable Community params toggle with live param controls.
• Prevent backdrop clicks and Escape from closing the effect idea modal while generation is active and show a busy-block message via getEffectIdeaCloseBlockedMessage.
• Extract close/block and carousel visibility logic into src/effectIdeaModalClose.ts with functions getEffectIdeaCloseBlockedMessage and shouldShowCommunityCarouselButtons and add unit tests in src/effectIdeaModalClose.test.ts.
• Render community param controls (renderEffectIdeaParamControls) and wire them into the busy panel (renderBusyCommunityEffectControls), hydrate carousel entries with paramDefs, and keep carousel nav buttons visible per the new visibility logic.
• Update DOM (index.html) to include the busy controls toggle and preview stage wrapper, and add corresponding styles in src/style.css.
• Update src/main.ts to manage new state (effectIdeaBusyControlsExpanded), wire up event handlers for the new toggle, and replace direct modal-close calls with closeEffectIdeaModalIfAllowed.

Testing

• Ran unit tests with vitest, including the new effectIdeaModalClose tests and existing style.test.ts assertions, and the suite passed.
• Verified CSS expectations via the existing style.test.ts checks for new classes and layout attributes, which succeeded.
• No automated end-to-end tests were changed in this PR.

---

Codex Task

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
codexperimental	Ready	Preview, Comment	Apr 8, 2026 0:44am