Enhance UX with Timed Progress Indicator for Image Generation

[FaheemOnHub]

Currently, when a user clicks the "Generate Image" button, the application displays a simple loader animation. This provides feedback that the process has started, but it doesn't give users any sense of progress or estimated completion time. For tasks that can take a variable amount of time, such as AI-based image generation, providing more informative progress feedback can significantly improve user experience by setting expectations and reducing uncertainty.
Proposed Enhancement
Implement a timed progress indicator that runs from 0% to 100% over a maximum duration of one minute when generating an image. This will provide users with a visual and quantitative sense of progress, making the waiting experience more engaging and less frustrating.
Key Features:

Timed Progress Bar: Replace the current loader with a progress bar that advances from 0% to 100% over 60 seconds.

Adaptive Behavior:

If the image is generated before one minute elapses, stop and hide the progress bar.
If generation takes longer than a minute, keep the bar at 100% with a "Finalizing..." message.

Visual and Textual Feedback:

Show percentage (e.g., "35%") alongside the bar.
Display status messages like "Interpreting prompt...", "Generating concepts...", "Refining details...".

Benefits:

Better User Experience: Users feel more in control when they can see progress.
Reduced Perceived Wait Time: Visual progress makes waiting feel shorter.
Set Expectations: A one-minute max sets a clear expectation, even if it sometimes overshoots.
Educational: Status messages teach users about the AI's process.