AI-Studio/app/MindWork AI Studio/Dialogs/DataSourceERI-V1InfoDialog.razor

@using AIStudio.Tools.ERIClient.DataModel
<MudDialog>
    <DialogContent>

        <MudText Typo="Typo.h5">
            Common data source information
        </MudText>
        
        <TextInfoLine Icon="@Icons.Material.Filled.Tag" Label="Data source name" Value="@this.DataSource.Name" ClipboardTooltipSubject="the data source name"/>
        <TextInfoLine Icon="@Icons.Material.Filled.NetworkCheck" Label="ERI server hostname" Value="@this.DataSource.Hostname" ClipboardTooltipSubject="the ERI server hostname"/>
        <TextInfoLine Icon="@Icons.Material.Filled.Tag" Label="ERI server port" Value="@this.Port" ClipboardTooltipSubject="the ERI server port"/>

        @if (!this.IsConnectionEncrypted())
        {
            <MudJustifiedText Typo="Typo.body1" Color="Color.Error" Class="mb-3">
                Please note: the connection to the ERI v1 server is not encrypted. This means that all
                data sent to the server is transmitted in plain text. Please ask the ERI server administrator
                to enable encryption.
            </MudJustifiedText>
        }

        @if (this.DataSource.AuthMethod is AuthMethod.USERNAME_PASSWORD)
        {
            <TextInfoLine Icon="@Icons.Material.Filled.Person2" Label="Username" Value="@this.DataSource.Username" ClipboardTooltipSubject="the username"/>
        }

        <TextInfoLines Label="Server description" MaxLines="14" Value="@this.serverDescription" ClipboardTooltipSubject="the server description"/>
        <TextInfoLines Label="Security requirements" MaxLines="3" Value="@this.securityRequirements.Explain()" ClipboardTooltipSubject="the security requirements"/>

        <MudText Typo="Typo.h5" Class="mt-6">
            Retrieval information
        </MudText>
        @if (!this.retrievalInfoformation.Any())
        {
            <MudJustifiedText Typo="Typo.body1" Color="Color.Info" Class="mb-3">
                The data source does not provide any retrieval information.
            </MudJustifiedText>
        }
        else
        {
            <MudExpansionPanels Class="mb-3">
                @for (var index = 0; index < this.retrievalInfoformation.Count; index++)
                {
                    var info = this.retrievalInfoformation[index];
                    <ExpansionPanel HeaderText="@this.RetrievalName(info)" HeaderIcon="@Icons.Material.Filled.Info" IsExpanded="index == 0">
                        <TextInfoLines Label="Description" MaxLines="14" Value="@info.Description" ClipboardTooltipSubject="the retrieval description"/>
                        <TextInfoLines Label="Parameters" MaxLines="14" Value="@this.RetrievalParameters(info)" ClipboardTooltipSubject="the retrieval parameters"/>
                        
                        @if (!string.IsNullOrWhiteSpace(info.Link))
                        {
                            <MudButton Href="@info.Link" Target="_blank" Class="mt-3" Color="Color.Primary" StartIcon="@Icons.Material.Filled.OpenInNew">
                                Open web link, show more information
                            </MudButton>
                        }

                        <MudText Typo="Typo.h6" Class="mt-3">
                            Embeddings
                        </MudText>
                        @if (!info.Embeddings.Any())
                        {
                            <MudJustifiedText Typo="Typo.body1" Color="Color.Info" Class="mb-3">
                                The data source does not provide any embedding information.
                            </MudJustifiedText>
                        }
                        else
                        {
                            <MudExpansionPanels>
                                @for (var embeddingIndex = 0; embeddingIndex < info.Embeddings.Count; embeddingIndex++)
                                {
                                    var embedding = info.Embeddings[embeddingIndex];
                                    <ExpansionPanel HeaderText="@embedding.EmbeddingName" HeaderIcon="@Icons.Material.Filled.Info" IsExpanded="embeddingIndex == 0">
                                        <TextInfoLine Icon="@Icons.Material.Filled.FormatShapes" Label="Type" Value="@embedding.EmbeddingType" ClipboardTooltipSubject="the embedding type"/>
                                        <TextInfoLines Label="Description" MaxLines="14" Value="@embedding.Description" ClipboardTooltipSubject="the embedding description"/>
                                        <TextInfoLines Label="When to use" MaxLines="3" Value="@embedding.UsedWhen" ClipboardTooltipSubject="when is the embedding used"/>
                                        
                                        @if (!string.IsNullOrWhiteSpace(embedding.Link))
                                        {
                                            <MudButton Href="@embedding.Link" Target="_blank" Class="mt-3" Color="Color.Primary" StartIcon="@Icons.Material.Filled.OpenInNew">
                                                Open web link, show more information
                                            </MudButton>
                                        }
                                    </ExpansionPanel>
                                }
                            </MudExpansionPanels>
                        }
                    </ExpansionPanel>
                }
            </MudExpansionPanels>
        }

        <Issues IssuesData="@this.dataIssues"/>
    </DialogContent>
    <DialogActions>
        @if (this.IsOperationInProgress)
        {
            <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="ml-5 mr-5"/>
        }
        <MudButton OnClick="@this.GetERIMetadata" Variant="Variant.Filled" Color="Color.Info">Reload</MudButton>
        <MudButton OnClick="@this.Close" Variant="Variant.Filled">Close</MudButton>
    </DialogActions>
</MudDialog>