gui/components/ProviderGear

The header provider-settings gear — a small gear button next to the provider picker that opens a popover holding an accordion of the chosen providers' own controls (ProviderBox): one section per role — Image (always), Text (when a rewrite AI is set), and Upscale (when an upscaler is set). This keeps every provider's knobs (model / size / sampler / negative prompt / …) out of the main prompt area while staying one click from the provider selection. Each section header shows that provider's label + tier and toggles its body open/closed.

Description:

  • The header provider-settings gear — a small gear button next to the provider picker that opens a popover holding an accordion of the chosen providers' own controls (ProviderBox): one section per role — Image (always), Text (when a rewrite AI is set), and Upscale (when an upscaler is set). This keeps every provider's knobs (model / size / sampler / negative prompt / …) out of the main prompt area while staying one click from the provider selection. Each section header shows that provider's label + tier and toggles its body open/closed.

Source:

Methods

(inner) GearIcon() → {JSX.Element}

Description:

  • The gear cog icon.

Source:
Returns:
Type
JSX.Element

(inner) GearSection(props) → {JSX.Element}

Description:

  • One accordion section: a provider role's header (label + tier) over its collapsible ProviderBox.

Source:
Parameters:
Name Type Description
props object
Properties
Name Type Description
role string

Localized role name (Image / Text / Upscale).
provider object

The provider manifest.
open boolean

Whether the section body is expanded.
onToggle function

Toggle this section.
settings object

The current settings.
setSettings function

Update the settings.
Returns:
Type
JSX.Element