Wino-Mail/Wino.Mail.WinUI/Controls/AiActionsPanel.xaml

<UserControl
    x:Class="Wino.Mail.WinUI.Controls.AiActionsPanel"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:CommunityToolkit.WinUI.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:domain="using:Wino.Core.Domain"
    xmlns:models="using:Wino.Core.Domain.Models.Ai"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    x:Name="root"
    Loaded="OnLoaded"
    Unloaded="OnUnloaded"
    mc:Ignorable="d">

    <Border
        Padding="14"
        Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
        BorderBrush="{StaticResource CardStrokeColorDefaultBrush}"
        BorderThickness="1"
        CornerRadius="10">
        <Grid>
            <StackPanel Spacing="14">
                <ProgressBar x:Name="BusyProgressBar" IsIndeterminate="True" Visibility="Collapsed" />

                <StackPanel x:Name="LoadingPanel" Spacing="12">
                    <StackPanel Orientation="Horizontal" Spacing="10">
                        <ProgressRing Width="20" Height="20" IsActive="True" />
                        <TextBlock
                            VerticalAlignment="Center"
                            Style="{StaticResource BodyStrongTextBlockStyle}"
                            Text="{x:Bind domain:Translator.AiActions_CheckingStatus, Mode=OneWay}" />
                    </StackPanel>
                </StackPanel>

                <StackPanel x:Name="SignedOutPanel" Spacing="14" Visibility="Collapsed">
                    <Border Height="120" Padding="18" CornerRadius="12">
                        <Border.Background>
                            <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                                <GradientStop Offset="0" Color="#1A6EE7B7" />
                                <GradientStop Offset="0.55" Color="#2038BDF8" />
                                <GradientStop Offset="1" Color="#1A818CF8" />
                            </LinearGradientBrush>
                        </Border.Background>
                        <Grid ColumnSpacing="14">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <Border Width="56" Height="56" VerticalAlignment="Top" Background="#22FFFFFF" CornerRadius="28">
                                <FontIcon
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    FontFamily="{StaticResource SymbolThemeFontFamily}"
                                    FontSize="26"
                                    Foreground="White"
                                    Glyph="&#xE945;" />
                            </Border>

                            <StackPanel Grid.Column="1" Spacing="6">
                                <TextBlock
                                    Style="{StaticResource SubtitleTextBlockStyle}"
                                    Text="{x:Bind domain:Translator.AiActions_SignedOutTitle, Mode=OneWay}"
                                    TextWrapping="WrapWholeWords" />
                                <TextBlock
                                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                    Style="{StaticResource CaptionTextBlockStyle}"
                                    Text="{x:Bind domain:Translator.AiActions_SignedOutDescription, Mode=OneWay}"
                                    TextWrapping="WrapWholeWords" />
                            </StackPanel>
                        </Grid>
                    </Border>

                    <Grid ColumnSpacing="8">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <Button
                            Click="SignInButton_Click"
                            Content="{x:Bind domain:Translator.Buttons_SignIn, Mode=OneWay}"
                            Style="{StaticResource AccentButtonStyle}" />
                        <Button
                            Grid.Column="1"
                            Click="CreateAccountButton_Click"
                            Content="{x:Bind domain:Translator.Buttons_CreateAccount, Mode=OneWay}" />
                    </Grid>
                </StackPanel>

                <StackPanel x:Name="PurchasePanel" Spacing="14" Visibility="Collapsed">
                    <Border Padding="16" Background="{ThemeResource CardBackgroundFillColorTertiaryBrush}" CornerRadius="12">
                        <StackPanel Spacing="8">
                            <TextBlock
                                Style="{StaticResource BodyStrongTextBlockStyle}"
                                Text="{x:Bind domain:Translator.AiActions_NoPackTitle, Mode=OneWay}" />
                            <TextBlock
                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                Style="{StaticResource BodyTextBlockStyle}"
                                Text="{x:Bind domain:Translator.AiActions_NoPackDescription, Mode=OneWay}"
                                TextWrapping="WrapWholeWords" />
                            <StackPanel Orientation="Horizontal" Spacing="8">
                                <Border Padding="8,2" Background="{ThemeResource AccentFillColorDefaultBrush}" CornerRadius="8">
                                    <TextBlock Foreground="White" Text="{x:Bind domain:Translator.WinoAccount_Management_AiPackPromoPrice, Mode=OneWay}" />
                                </Border>
                                <Border Padding="8,2" Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}" CornerRadius="8">
                                    <TextBlock Text="{x:Bind domain:Translator.WinoAccount_Management_AiPackPromoRequests, Mode=OneWay}" />
                                </Border>
                            </StackPanel>
                        </StackPanel>
                    </Border>

                    <Button
                        Click="PurchaseButton_Click"
                        Content="{x:Bind domain:Translator.WinoAccount_Management_AiPackGetButton, Mode=OneWay}"
                        HorizontalAlignment="Left"
                        Style="{StaticResource AccentButtonStyle}" />
                </StackPanel>

                <StackPanel x:Name="ReadyPanel" Spacing="12" Visibility="Collapsed">
                    <Border Padding="12" Background="{ThemeResource CardBackgroundFillColorTertiaryBrush}" CornerRadius="10">
                        <Grid ColumnSpacing="10">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <Border
                                Width="36"
                                Height="36"
                                Background="{ThemeResource AccentFillColorDefaultBrush}"
                                CornerRadius="18"
                                Opacity="0.18" />
                            <FontIcon
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="{StaticResource SymbolThemeFontFamily}"
                                Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}"
                                Glyph="&#xE945;" />

                            <StackPanel Grid.Column="1" Spacing="3">
                                <TextBlock
                                    Style="{StaticResource BodyStrongTextBlockStyle}"
                                    Text="{x:Bind domain:Translator.Composer_AiActions, Mode=OneWay}" />
                                <TextBlock
                                    x:Name="UsageSummaryTextBlock"
                                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                    Style="{StaticResource CaptionTextBlockStyle}"
                                    TextWrapping="WrapWholeWords" />
                                <TextBlock
                                    x:Name="UsageResetTextBlock"
                                    Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                    Style="{StaticResource CaptionTextBlockStyle}"
                                    TextWrapping="WrapWholeWords" />
                            </StackPanel>
                        </Grid>
                    </Border>

                    <controls:Segmented x:Name="ActionSelector" SelectionChanged="ActionSelector_SelectionChanged">
                        <controls:SegmentedItem x:Name="TranslateSegment" Content="{x:Bind domain:Translator.WinoAccount_Management_AiPackFeatureTranslate, Mode=OneWay}">
                            <controls:SegmentedItem.Icon>
                                <SymbolIcon Symbol="Switch" />
                            </controls:SegmentedItem.Icon>
                        </controls:SegmentedItem>
                        <controls:SegmentedItem x:Name="RewriteSegment" Content="{x:Bind domain:Translator.WinoAccount_Management_AiPackFeatureRewrite, Mode=OneWay}">
                            <controls:SegmentedItem.Icon>
                                <SymbolIcon Symbol="Edit" />
                            </controls:SegmentedItem.Icon>
                        </controls:SegmentedItem>
                        <controls:SegmentedItem x:Name="SummarizeSegment" Content="{x:Bind domain:Translator.WinoAccount_Management_AiPackFeatureSummarize, Mode=OneWay}">
                            <controls:SegmentedItem.Icon>
                                <SymbolIcon Symbol="Bullets" />
                            </controls:SegmentedItem.Icon>
                        </controls:SegmentedItem>
                    </controls:Segmented>

                    <StackPanel x:Name="TranslateOptionsPanel" Spacing="8" Visibility="Collapsed">
                        <TextBlock
                            Style="{StaticResource CaptionTextBlockStyle}"
                            Text="{x:Bind domain:Translator.Composer_AiTranslateLanguage, Mode=OneWay}" />
                        <ComboBox
                            x:Name="TranslateLanguageComboBox"
                            SelectedItem="{x:Bind SelectedTranslateLanguageOption, Mode=TwoWay}"
                            SelectionChanged="TranslateLanguageComboBox_SelectionChanged">
                            <ComboBox.ItemTemplate>
                                <DataTemplate x:DataType="models:AiTranslateLanguageOption">
                                    <TextBlock Text="{x:Bind Label}" />
                                </DataTemplate>
                            </ComboBox.ItemTemplate>
                        </ComboBox>
                        <Button
                            x:Name="RunTranslateButton"
                            Click="RunTranslateButton_Click"
                            Content="{x:Bind domain:Translator.Composer_AiTranslateApply, Mode=OneWay}"
                            HorizontalAlignment="Left"
                            Style="{StaticResource AccentButtonStyle}" />
                    </StackPanel>

                    <StackPanel x:Name="RewriteOptionsPanel" Spacing="8" Visibility="Collapsed">
                        <TextBlock
                            Style="{StaticResource CaptionTextBlockStyle}"
                            Text="{x:Bind domain:Translator.Composer_AiRewriteMode, Mode=OneWay}" />
                        <ComboBox
                            x:Name="RewriteModeComboBox"
                            SelectedItem="{x:Bind SelectedRewriteModeOption, Mode=TwoWay}"
                            SelectionChanged="RewriteModeComboBox_SelectionChanged">
                            <ComboBox.ItemTemplate>
                                <DataTemplate x:DataType="models:AiRewriteModeOption">
                                    <TextBlock Text="{x:Bind Label}" />
                                </DataTemplate>
                            </ComboBox.ItemTemplate>
                        </ComboBox>
                        <TextBlock
                            x:Name="RewriteDescriptionTextBlock"
                            Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                            Style="{StaticResource CaptionTextBlockStyle}"
                            TextWrapping="WrapWholeWords" />
                        <TextBox
                            x:Name="CustomRewriteTextBox"
                            PlaceholderText="{x:Bind domain:Translator.Composer_AiRewriteCustomPlaceholder, Mode=OneWay}"
                            Visibility="Collapsed" />
                        <Button
                            x:Name="RunRewriteButton"
                            Click="RunRewriteButton_Click"
                            Content="{x:Bind domain:Translator.Composer_AiRewriteApply, Mode=OneWay}"
                            HorizontalAlignment="Left"
                            Style="{StaticResource AccentButtonStyle}" />
                    </StackPanel>
                </StackPanel>
            </StackPanel>
        </Grid>
    </Border>
</UserControl>