Skip to content

feat(ui): show progress bar animation while models are loading#9058

Merged
lstein merged 3 commits intoinvoke-ai:mainfrom
Pfannkuchensack:model-loading-progress
Apr 22, 2026
Merged

feat(ui): show progress bar animation while models are loading#9058
lstein merged 3 commits intoinvoke-ai:mainfrom
Pfannkuchensack:model-loading-progress

Conversation

@Pfannkuchensack
Copy link
Copy Markdown
Collaborator

Summary

Model load events are already emitted by the backend but were only logged in the frontend. Track a loading counter via model_load_started / model_load_complete and flip the existing ProgressBar into indeterminate mode while any model is loading, so users get visual feedback that something is happening.

Related Issues / Discussions

https://discord.com/channels/1020123559063990373/1493251617636749443

QA Instructions

  1. Start the app with a fresh backend (so the model cache is empty).
  2. Trigger a generation that requires loading a model from disk (e.g. switch to a model that isn't currently in the RAM cache).
  3. Observe the progress bar under the Invoke button:
    • Before load: idle (value 0, not animated).
    • While the backend is loading the model(s): indeterminate animation.
    • Once generation starts: normal step-progress behavior as before.
  4. Verify behavior with multiple submodels (e.g. SDXL / FLUX) — the counter handles parallel loads.
  5. Disconnect/reconnect the socket mid-load: the counter resets to 0, no stuck animation.

Merge Plan

Standard merge. No DB / schema / redux slice changes.

Checklist

  • The PR has a short but descriptive title, suitable for a changelog
  • Tests added / updated (if applicable) — no unit-testable logic, UI-only change
  • ❗Changes to a redux slice have a corresponding migration — N/A (nanostore atom, not redux)
  • Documentation added / updated (if applicable) — N/A
  • Updated What's New copy (if doing a release after this PR)

Model load events are already emitted by the backend but were only
logged in the frontend. Track a loading counter via
model_load_started / model_load_complete and flip the existing
ProgressBar into indeterminate mode while any model is loading, so
users get visual feedback that something is happening.
@github-actions github-actions Bot added the frontend PRs that change frontend files label Apr 15, 2026
@lstein lstein self-assigned this Apr 22, 2026
@lstein lstein added the v6.13.x label Apr 22, 2026
@lstein lstein moved this to 6.13.x Theme: MODELS in Invoke - Community Roadmap Apr 22, 2026
Copy link
Copy Markdown
Collaborator

@lstein lstein left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works as advertised. Nice UI improvement.

@lstein lstein merged commit 4546b5f into invoke-ai:main Apr 22, 2026
16 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend PRs that change frontend files v6.13.x

Projects

Status: 6.13.x Theme: MODELS

Development

Successfully merging this pull request may close these issues.

2 participants