MainWindow.xaml

<Window x:Class="ChromeBuddy.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ChromeBuddy"
        xmlns:models="clr-namespace:ChromeBuddy.Models"
        xmlns:converters="clr-namespace:ChromeBuddy.Converters"
        mc:Ignorable="d"
        Title="Chrome CYBERBUDDY" Height="800" Width="1200" 
        ResizeMode="CanMinimize"
        WindowStartupLocation="CenterScreen">
    <Window.Resources>
        <converters:BoolToColorConverter x:Key="BoolToColorConverter"/>
        <Style TargetType="Button">
            <Setter Property="Background" Value="#4285F4"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="Padding" Value="10,5"/>
            <Setter Property="Margin" Value="5"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                CornerRadius="5">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        
        <!-- チャットメッセージのスタイル -->
        <Style x:Key="ChatMessageStyle" TargetType="Border">
            <Setter Property="Margin" Value="0,5"/>
            <Setter Property="Padding" Value="15"/>
            <Setter Property="CornerRadius" Value="15"/>
            <Setter Property="MaxWidth" Value="600"/>
            <Setter Property="Effect">
                <Setter.Value>
                    <DropShadowEffect BlurRadius="5" ShadowDepth="1" Opacity="0.2"/>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="400"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <!-- 左側のパネル -->
        <Grid Grid.Column="0" Background="#F5F5F5">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <!-- アバター画像 -->
            <Border Background="White" CornerRadius="10" Margin="20" Padding="10">
                <Grid>
                    <Image x:Name="ChromeImage" 
                           Source="/ChromeBuddy;component/Chrome/Chrome.png" 
                           Width="300" Height="300"
                           Stretch="Uniform"/>
                    <TextBlock x:Name="CharacterName" 
                             Text="Chrome CYBERBUDDY"
                             HorizontalAlignment="Center"
                             VerticalAlignment="Bottom"
                             Margin="0,0,0,10"
                             FontSize="16"
                             FontWeight="Bold"/>
                </Grid>
            </Border>

            <!-- 機能ボタン -->
            <TabControl Grid.Row="1" Margin="10" Background="White">
                <TabItem Header="スケジュール">
                    <Grid Margin="10">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <DatePicker x:Name="ScheduleDate" Margin="0,5"/>
                        <TextBox x:Name="ScheduleDescription" Grid.Row="1" Margin="0,5" Height="60" 
                                TextWrapping="Wrap" AcceptsReturn="True"
                                BorderThickness="1" BorderBrush="#CCCCCC"/>
                        <Button x:Name="AddSchedule" Grid.Row="2" Content="予定を追加" Click="AddSchedule_Click"/>
                        <ListView x:Name="ScheduleList" Grid.Row="3" Margin="0,10,0,0">
                            <ListView.ItemTemplate>
                                <DataTemplate>
                                    <Border Background="#F5F5F5" CornerRadius="5" Padding="10" Margin="0,5">
                                        <StackPanel>
                                            <TextBlock Text="{Binding Time, StringFormat='{}{0:yyyy/MM/dd HH:mm}'}" 
                                                     FontWeight="Bold" Margin="0,0,0,5"/>
                                            <TextBlock Text="{Binding Description}" TextWrapping="Wrap"/>
                                        </StackPanel>
                                    </Border>
                                </DataTemplate>
                            </ListView.ItemTemplate>
                        </ListView>
                    </Grid>
                </TabItem>
                <TabItem Header="メモ">
                    <Grid Margin="10">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <TextBox x:Name="MemoText" TextWrapping="Wrap" AcceptsReturn="True" 
                                Margin="0,5" BorderThickness="1" BorderBrush="#CCCCCC"/>
                        <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="0,5">
                            <Button Content="メモを保存" Click="SaveMemo_Click" Margin="0,0,5,0"/>
                            <Button Content="メモをクリア" Click="ClearMemo_Click"/>
                        </StackPanel>
                        <TextBlock Grid.Row="2" Text="最後の保存: " Margin="0,5">
                            <Run x:Name="LastSavedTime"/>
                        </TextBlock>
                    </Grid>
                </TabItem>
                <TabItem Header="設定">
                    <ScrollViewer VerticalScrollBarVisibility="Auto">
                        <StackPanel Margin="10">
                            <GroupBox Header="通知設定" Margin="0,0,0,10">
                                <StackPanel Margin="5">
                                    <CheckBox x:Name="EnableNotifications" Content="通知を有効にする" Margin="0,5"/>
                                    <CheckBox x:Name="EnableSound" Content="通知音を有効にする" Margin="0,5"/>
                                </StackPanel>
                            </GroupBox>
                            
                            <GroupBox Header="表示設定" Margin="0,0,0,10">
                                <StackPanel Margin="5">
                                    <ComboBox x:Name="ThemeSelector" Margin="0,5">
                                        <ComboBoxItem Content="ライトテーマ"/>
                                        <ComboBoxItem Content="ダークテーマ"/>
                                    </ComboBox>
                                    <CheckBox x:Name="EnableEmoji" Content="絵文字を有効にする" Margin="0,5"/>
                                </StackPanel>
                            </GroupBox>

                            <GroupBox Header="音声設定" Margin="0,0,0,10">
                                <StackPanel Margin="5">
                                    <CheckBox x:Name="EnableVoice" Content="音声を有効にする" Margin="0,5"/>
                                </StackPanel>
                            </GroupBox>

                            <GroupBox Header="キャラクター選択" Margin="0,0,0,10">
                                <StackPanel Margin="5">
                                    <ComboBox x:Name="CharacterSelector" SelectionChanged="CharacterSelector_SelectionChanged">
                                        <ComboBoxItem Content="Chrome"/>
                                        <ComboBoxItem Content="Edge"/>
                                        <ComboBoxItem Content="Firefox"/>
                                    </ComboBox>
                                </StackPanel>
                            </GroupBox>

                            <Button Content="設定を保存" Click="SaveSettings_Click" Margin="0,10"/>
                        </StackPanel>
                    </ScrollViewer>
                </TabItem>
            </TabControl>

            <!-- 天気情報 -->
            <Border Grid.Row="2" Margin="10" Background="White" CornerRadius="5" Padding="10">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock x:Name="WeatherInfo" TextWrapping="Wrap" Margin="0,5"/>
                    <Button Grid.Row="1" Content="天気を更新" Click="UpdateWeather_Click"/>
                </Grid>
            </Border>
        </Grid>

        <!-- 右側のパネル -->
        <Grid Grid.Column="1" Background="White">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <!-- チャットパネル -->
            <ScrollViewer x:Name="ChatScrollViewer" Margin="10">
                <ItemsControl x:Name="ChatMessages" Margin="0,10">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate DataType="{x:Type models:ChatMessage}">
                            <Border Style="{StaticResource ChatMessageStyle}"
                                    Background="{Binding IsUser, Converter={StaticResource BoolToColorConverter}}"
                                    HorizontalAlignment="{Binding IsUser, Converter={StaticResource BoolToColorConverter}, ConverterParameter=Alignment}">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>
                                    <TextBlock Text="{Binding Message}" 
                                             TextWrapping="Wrap"
                                             FontSize="14"
                                             LineHeight="20"/>
                                    <TextBlock Grid.Row="1" 
                                             Text="{Binding Timestamp, StringFormat='{}{0:HH:mm}'}"
                                             FontSize="10"
                                             Foreground="Gray"
                                             HorizontalAlignment="Right"
                                             Margin="0,5,0,0"/>
                                </Grid>
                            </Border>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </ScrollViewer>

            <!-- チャットオプションボタン -->
            <Border Grid.Row="1" Background="#F5F5F5" Padding="10">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <ItemsControl x:Name="ChatOptions">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <WrapPanel/>
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <Button Content="{Binding}" 
                                        Click="ChatOption_Click" 
                                        MinWidth="100"/>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                    <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="0,10,0,0">
                        <Button x:Name="ClearChatButton" Content="会話をクリア" Click="ClearChat_Click" Margin="0,0,5,0"/>
                        <Button x:Name="ExportChatButton" Content="会話をエクスポート" Click="ExportChat_Click"/>
                    </StackPanel>
                </Grid>
            </Border>
        </Grid>
    </Grid>
</Window>