gui/components/InlineImageControls

The active image provider's common image knobs, surfaced inline at the bottom-left of the prompt box (next to the Prompts counter) instead of being buried in the provider gear: the batch count ("Images") and the output size (a Size / Ratio select, or a Width × Height pair — whichever the provider exposes). Capability-driven: it reads the provider's own settings schema and renders only the controls that exist, so providers without image knobs (plain text, the copy-prompt syntax providers like Midjourney) render nothing. Values are written to the same providerParams[id] namespace the provider gear (ProviderBox) uses, so the two stay in sync.

Compact width (<=768px): Images stays inline, but Size tucks behind a small cog popover — on a narrow phone the Prompts + Images + Size(W×H) cluster would otherwise overflow the box's right edge. Prompts-only and Prompts+Images stay fully inline; only the wider Size control moves behind the cog. Desktop renders everything inline (unchanged) — the split is driven by the hydration-safe useCompact.

Description:

  • The active image provider's common image knobs, surfaced inline at the bottom-left of the prompt box (next to the Prompts counter) instead of being buried in the provider gear: the batch count ("Images") and the output size (a Size / Ratio select, or a Width × Height pair — whichever the provider exposes). Capability-driven: it reads the provider's own settings schema and renders only the controls that exist, so providers without image knobs (plain text, the copy-prompt syntax providers like Midjourney) render nothing. Values are written to the same providerParams[id] namespace the provider gear (ProviderBox) uses, so the two stay in sync.

    Compact width (<=768px): Images stays inline, but Size tucks behind a small cog popover — on a narrow phone the Prompts + Images + Size(W×H) cluster would otherwise overflow the box's right edge. Prompts-only and Prompts+Images stay fully inline; only the wider Size control moves behind the cog. Desktop renders everything inline (unchanged) — the split is driven by the hydration-safe useCompact.

Source:

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

Description:

  • Inline provider image controls (Images + Size).

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

The current settings.
setSettings function

Update the settings.
Returns:
Type
JSX.Element | null