gui/components/ProviderBox

The provider's own controls (rendered inside the header provider-settings gear popover, ProviderGear) — capability-driven from the provider's settings.js, each with an info tooltip. What's NOT here: the BYOK API key lives in the header ApiKeyField; the provider label/tier is shown by the gear popover header; and the negative prompt is edited on the composer via its Prompt/Negative switch (so it's filtered out of these controls).

Description:

  • The provider's own controls (rendered inside the header provider-settings gear popover, ProviderGear) — capability-driven from the provider's settings.js, each with an info tooltip. What's NOT here: the BYOK API key lives in the header ApiKeyField; the provider label/tier is shown by the gear popover header; and the negative prompt is edited on the composer via its Prompt/Negative switch (so it's filtered out of these controls).

Source:

(require("gui/components/ProviderBox"))(props) → {JSX.Element|null}

Description:

  • The provider's own controls (rendered inside the header gear popover).

Source:
Parameters:
Name Type Description
props object
Properties
Name Type Attributes Description
settings object

The current settings.
setSettings function

Update the settings.
providerId string <optional>

Which provider's controls to render. Defaults to the active image provider (settings.provider); the gear accordion passes the text / upscale provider id so one box can drive any provider row.
Returns:
Type
JSX.Element | null

Methods

(inner) InfoTip(props) → {JSX.Element|null}

Description:

  • A small info "i" with a tooltip.

Source:
Parameters:
Name Type Description
props object

{ text }.
Returns:
Type
JSX.Element | null

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

Description:

  • Render one capability-driven provider field (with its tooltip).

Source:
Parameters:
Name Type Description
props object

{ f, params, setParam, optionData }.
Returns:
Type
JSX.Element