invoke-ai/InvokeAI

[enhancement]: Refiner Controls

Open

#5468 opened on Jan 10, 2024

View on GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (20,358 stars) (2,164 forks)batch import
enhancementgood first issueui/ux overhaul

Description

Is there an existing issue for this?

  • I have searched the existing issues

Contact Details

empessah@gmail.com

What should this feature add?

For the refiner section on SDXL, can we get a toggle or trash can icon to show that you are removing the model so it's clearer beside the small X next to the model name? We could have it next to the enabled label because there can only be one refiner model. image

Alternatives

No response

Additional Content

No response

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
React basicsTypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
Start by finding the UI component that renders the refiner model section. Look in the frontend code for files related to 'refiner' or 'SDXL'. The issue asks for a toggle or trash icon next to the enabled label. Examine the existing layout (see screenshot) and decide on the best placement. The change is localized to a single component, so understanding the component's props and state is key. No linked PRs or maintainer comments provide additional constraints.