Skip to content

🎨 Palette: Add loading state to Generate button#26

Open
google-labs-jules[bot] wants to merge 1 commit intomainfrom
palette/button-loading-state-10307405014566302834
Open

🎨 Palette: Add loading state to Generate button#26
google-labs-jules[bot] wants to merge 1 commit intomainfrom
palette/button-loading-state-10307405014566302834

Conversation

@google-labs-jules
Copy link
Copy Markdown

💡 What

Replaced the full-screen loading overlay with a more focused, in-button loading spinner on the "Generate Poster" button.

🎯 Why

The previous full-screen overlay was disruptive, blocking the user's view of the entire interface. This change provides feedback directly at the point of interaction, making the experience feel smoother and more responsive. Disabling the button during generation also prevents accidental multiple submissions.

📸 Before/After

Before: A full-screen overlay blocked the entire UI during poster generation.
After: A clean spinner appears inside the button, which is disabled while the poster is being generated. The verification screenshot shows the new loading state.

♿ Accessibility

Added a dynamic aria-label to the button during the loading state ("Generating poster, please wait."). This ensures that screen reader users are informed of the application's status, which was previously silent.


PR created automatically by Jules for task 10307405014566302834 started by @anaxifty

Replaces the full-screen loading overlay with an in-button spinner on the "Generate Poster" button.

This provides a more modern, less disruptive user experience by giving feedback directly at the point of interaction.

The button is now disabled during generation to prevent multiple submissions, and a dynamic aria-label has been added to inform screen reader users about the loading status.
@google-labs-jules
Copy link
Copy Markdown
Author

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

Sign up for free to 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.

0 participants