@inherits MSGComponentBase

@*
    The confidence belongs to the provider chosen right next to it, so both share one row. It uses the icon trigger,
    like the chat does, so the row ends in a field followed by one compact icon button.
    Do not add a margin to that button to "correct" its height: a dense outlined select with a label carries
    margin-top 8px and margin-bottom 4px of its own, so centring the boxes already lands within a few pixels of the
    visible frame, and any added margin makes it worse. Baseline alignment does not work here either, because the
    wrapper below takes its baseline from its last line box, which sits under the input.
*@
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2" Wrap="Wrap.NoWrap">
    @* ProviderSelection marks its select as flex-grow-0, and that utility is declared !important, so StretchItems
       cannot widen it. The width has to come from here. *@
    <div class="flex-grow-1">
        <ProviderSelection ProviderSettings="@this.ProviderSettings" ProviderSettingsChanged="@this.ProviderSettingsChanged" ValidateProvider="@this.ValidateProvider" ExplicitMinimumConfidence="@this.ExplicitMinimumConfidence" Disabled="@this.Disabled"/>
    </div>
    @if (this.SettingsManager.ConfigurationData.Confidence.ShowProviderConfidence)
    {
        <ConfidenceInfo LLMProvider="@this.ProviderSettings.UsedLLMProvider"/>
    }
</MudStack>