@using AIStudio.Chat
<MudText Typo="Typo.h3" Class="mb-2 mr-3">
    @this.Title
</MudText>

<InnerScrolling HeaderHeight="12.3em">
    <ChildContent>
        <MudForm @ref="@this.form" @bind-IsValid="@this.inputIsValid" @bind-Errors="@this.inputIssues" Class="pr-2">
            <MudText Typo="Typo.body1" Align="Align.Justify" Class="mb-6">
                @this.Description
            </MudText>

            @if (this.Body is not null)
            {
                @this.Body
            }
        </MudForm>
        <Issues IssuesData="@this.inputIssues"/>

        @if (this.isProcessing)
        {
            <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="mb-6" />
        }
        <div id="@ASSISTANT_RESULT_DIV_ID" class="mr-2 mt-3">
            @if (this.ShowResult && this.resultingContentBlock is not null)
            {
                <ContentBlockComponent Role="@this.resultingContentBlock.Role" Type="@this.resultingContentBlock.ContentType" Time="@this.resultingContentBlock.Time" Content="@this.resultingContentBlock.Content"/>
            }
        </div>
        
        <div id="@AFTER_RESULT_DIV_ID" class="mt-3">
        </div>
        }
    </ChildContent>
</InnerScrolling>