SettingsShell.xaml

<UserControl x:Class="DotPilot.Presentation.Controls.SettingsShell"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:controls="using:DotPilot.Presentation.Controls"
             xmlns:presentation="using:DotPilot.Presentation"
             x:Name="Root"
             SelectProviderCommand="{Binding SelectProviderCommand}"
             ToggleSelectedProviderCommand="{Binding ToggleSelectedProviderCommand}"
             ExecuteProviderActionCommand="{Binding ExecuteProviderActionCommand}"
             AutomationProperties.AutomationId="SettingsShell">
  <Grid ColumnSpacing="18">
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="252" />
      <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>

    <Border Style="{StaticResource SettingsSurfacePanelStyle}">
      <Grid>
        <Grid.RowDefinitions>
          <RowDefinition Height="Auto" />
          <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <StackPanel Margin="18,18,18,14"
                    Spacing="4">
          <TextBlock Style="{StaticResource ChatSectionTitleTextStyle}"
                     Text="Customize" />
          <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                     Text="Adjust providers and message flow for this desktop operator." />
        </StackPanel>

        <StackPanel Grid.Row="1"
                    Margin="18,0,18,18"
                    Spacing="10">
          <Button AutomationProperties.AutomationId="SettingsSectionProvidersButton"
                  Command="{Binding SelectSectionCommand}"
                  CommandParameter="Providers"
                  Style="{StaticResource SettingsNavButtonStyle}">
            <Grid ColumnSpacing="10">
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>

              <Border Width="4"
                      CornerRadius="2"
                      Background="{StaticResource AppPrimaryTextBrush}"
                      Visibility="{Binding IsProvidersSectionSelected}" />

              <Border Grid.Column="1"
                      Style="{StaticResource SettingsCategoryCardStyle}">
                <Grid ColumnSpacing="10">
                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                  </Grid.ColumnDefinitions>

                  <StackPanel Spacing="4">
                    <TextBlock FontSize="13"
                               FontWeight="SemiBold"
                               Text="Providers" />
                    <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                               Text="Enable CLIs, inspect readiness, and copy install commands." />
                  </StackPanel>

                  <Border Grid.Column="1"
                          Style="{StaticResource StatusChipStyle}"
                          Visibility="{Binding IsProvidersSectionSelected}">
                    <TextBlock FontSize="10"
                               FontWeight="SemiBold"
                               Text="Open" />
                  </Border>
                </Grid>
              </Border>
            </Grid>
          </Button>

          <Button AutomationProperties.AutomationId="SettingsSectionMessagesButton"
                  Command="{Binding SelectSectionCommand}"
                  CommandParameter="Messages"
                  Style="{StaticResource SettingsNavButtonStyle}">
            <Grid ColumnSpacing="10">
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>

              <Border Width="4"
                      CornerRadius="2"
                      Background="{StaticResource AppPrimaryTextBrush}"
                      Visibility="{Binding IsMessagesSectionSelected}" />

              <Border Grid.Column="1"
                      Style="{StaticResource SettingsCategoryCardStyle}">
                <Grid ColumnSpacing="10">
                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                  </Grid.ColumnDefinitions>

                  <StackPanel Spacing="4">
                    <TextBlock FontSize="13"
                               FontWeight="SemiBold"
                               Text="Messages" />
                    <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                               Text="Choose how Enter behaves when you write in chat." />
                  </StackPanel>

                  <Border Grid.Column="1"
                          Style="{StaticResource StatusChipStyle}"
                          Visibility="{Binding IsMessagesSectionSelected}">
                    <TextBlock FontSize="10"
                               FontWeight="SemiBold"
                               Text="Open" />
                  </Border>
                </Grid>
              </Border>
            </Grid>
          </Button>

          <Button AutomationProperties.AutomationId="SettingsSectionProfileButton"
                  Command="{Binding SelectSectionCommand}"
                  CommandParameter="Profile"
                  Style="{StaticResource SettingsNavButtonStyle}">
            <Grid ColumnSpacing="10">
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>

              <Border Width="4"
                      CornerRadius="2"
                      Background="{StaticResource AppPrimaryTextBrush}"
                      Visibility="{Binding IsProfileSectionSelected}" />

              <Border Grid.Column="1"
                      Style="{StaticResource SettingsCategoryCardStyle}">
                <Grid ColumnSpacing="10">
                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                  </Grid.ColumnDefinitions>

                  <StackPanel Spacing="4">
                    <TextBlock FontSize="13"
                               FontWeight="SemiBold"
                               Text="Profile" />
                    <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                               Text="Reset the local operator profile and clear persisted app data." />
                  </StackPanel>

                  <Border Grid.Column="1"
                          Style="{StaticResource StatusChipStyle}"
                          Visibility="{Binding IsProfileSectionSelected}">
                    <TextBlock FontSize="10"
                               FontWeight="SemiBold"
                               Text="Open" />
                  </Border>
                </Grid>
              </Border>
            </Grid>
          </Button>
        </StackPanel>
      </Grid>
    </Border>

    <Border Grid.Column="1"
            Style="{StaticResource SettingsSurfacePanelStyle}">
      <ScrollViewer HorizontalScrollBarVisibility="Disabled"
                    VerticalScrollBarVisibility="Auto">
        <StackPanel Margin="20"
                    Spacing="18">
          <StackPanel Visibility="{Binding ShowProvidersSection}"
                      Spacing="18">
            <StackPanel Spacing="4">
              <TextBlock Style="{StaticResource SettingsSectionTitleTextStyle}"
                         Text="Provider settings" />
              <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                         Text="Select a local provider, review readiness, and manage enablement before creating agents." />
            </StackPanel>

            <Grid ColumnSpacing="18">
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="292" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>

              <Border Style="{StaticResource SettingsCategoryCardStyle}"
                      Padding="0">
                <Grid>
                  <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                  </Grid.RowDefinitions>

                  <StackPanel Margin="18,18,18,14"
                              Spacing="4">
                    <TextBlock Style="{StaticResource ChatSectionTitleTextStyle}"
                               Text="Available providers" />
                    <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                               Text="Pick one provider to inspect its local runtime state." />
                  </StackPanel>

                  <ScrollViewer Grid.Row="1"
                                HorizontalScrollBarVisibility="Disabled"
                                VerticalScrollBarVisibility="Auto">
                    <StackPanel Margin="18,0,18,18">
                      <ItemsControl AutomationProperties.AutomationId="ProviderList"
                                    ItemsSource="{Binding Providers}">
                        <ItemsControl.ItemTemplate>
                          <DataTemplate x:DataType="presentation:ProviderStatusItem">
                            <Button AutomationProperties.AutomationId="{x:Bind AutomationId}"
                                    Click="OnProviderButtonClick"
                                    Tag="{x:Bind}"
                                    Margin="0,0,0,10"
                                    Style="{StaticResource SettingsNavButtonStyle}">
                              <Grid ColumnSpacing="10">
                                <Grid.ColumnDefinitions>
                                  <ColumnDefinition Width="Auto" />
                                  <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>

                                <Border Width="4"
                                        CornerRadius="2"
                                        Background="{StaticResource AppPrimaryTextBrush}"
                                        Visibility="{x:Bind IsSelected}" />

                                <Border Grid.Column="1"
                                        Style="{StaticResource SettingsCategoryCardStyle}">
                                  <Grid ColumnSpacing="8">
                                    <Grid.ColumnDefinitions>
                                      <ColumnDefinition Width="*" />
                                      <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>

                                    <StackPanel Spacing="4">
                                      <TextBlock FontSize="13"
                                                 FontWeight="SemiBold"
                                                 Text="{x:Bind DisplayName}" />
                                      <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                                                 Text="{x:Bind StatusSummary}" />
                                    </StackPanel>

                                    <Border Grid.Column="1"
                                            Style="{StaticResource StatusChipStyle}"
                                            Visibility="{x:Bind IsSelected}">
                                      <TextBlock FontSize="10"
                                                 FontWeight="SemiBold"
                                                 Text="Selected" />
                                    </Border>
                                  </Grid>
                                </Border>
                              </Grid>
                            </Button>
                          </DataTemplate>
                        </ItemsControl.ItemTemplate>
                      </ItemsControl>
                    </StackPanel>
                  </ScrollViewer>
                </Grid>
              </Border>

              <Border Grid.Column="1"
                      Style="{StaticResource SettingsCategoryCardStyle}">
                <StackPanel Spacing="16">
                  <StackPanel Spacing="4">
                    <TextBlock Style="{StaticResource ChatComposerLabelTextStyle}"
                               Text="Selected provider" />
                    <TextBlock AutomationProperties.AutomationId="SelectedProviderTitle"
                               Style="{StaticResource SettingsSectionTitleTextStyle}"
                               Text="{Binding SelectedProviderTitle}" />
                    <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                               Text="{Binding SelectedProviderSummary}" />
                    <TextBlock FontSize="11.5"
                               Foreground="{StaticResource AppSecondaryTextBrush}"
                               Text="{Binding SelectedProviderCommandName}" />
                  </StackPanel>

                  <Rectangle Style="{StaticResource SectionDividerStyle}" />

                  <StackPanel Spacing="10"
                              Visibility="{Binding HasSelectedProviderDetails}">
                    <TextBlock Style="{StaticResource ChatComposerLabelTextStyle}"
                               Text="Runtime details" />
                    <ItemsControl ItemsSource="{Binding SelectedProviderDetails}">
                      <ItemsControl.ItemTemplate>
                        <DataTemplate x:DataType="presentation:ProviderDetailItem">
                          <Border Style="{StaticResource SettingsOptionCardStyle}"
                                  Margin="0,0,0,10">
                            <StackPanel Spacing="8">
                              <TextBlock FontSize="12"
                                         FontWeight="SemiBold"
                                         Text="{x:Bind Label}" />
                              <TextBlock FontSize="12"
                                         FontFamily="{StaticResource AppAccentFontFamily}"
                                         Foreground="{StaticResource AppSecondaryTextBrush}"
                                         Text="{x:Bind Value}"
                                         TextWrapping="WrapWholeWords" />
                            </StackPanel>
                          </Border>
                        </DataTemplate>
                      </ItemsControl.ItemTemplate>
                    </ItemsControl>
                  </StackPanel>

                  <StackPanel Spacing="10"
                              Visibility="{Binding HasSelectedProviderActions}">
                    <TextBlock Style="{StaticResource ChatComposerLabelTextStyle}"
                               Text="Actions" />
                    <ItemsControl ItemsSource="{Binding SelectedProviderActions}">
                      <ItemsControl.ItemTemplate>
                        <DataTemplate x:DataType="presentation:ProviderActionItem">
                          <Border Style="{StaticResource SettingsOptionCardStyle}"
                                  Margin="0,0,0,10">
                            <Grid ColumnSpacing="14">
                              <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                              </Grid.ColumnDefinitions>

                              <StackPanel Spacing="4">
                                <TextBlock FontSize="13"
                                           FontWeight="SemiBold"
                                           Text="{x:Bind Label}" />
                                <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                                           Text="{x:Bind Summary}" />
                              </StackPanel>

                              <Button Grid.Column="1"
                                      AutomationProperties.AutomationId="ProviderActionButton"
                                      Click="OnProviderActionButtonClick"
                                      Tag="{x:Bind}"
                                      Style="{StaticResource InlineActionButtonStyle}"
                                      VerticalAlignment="Center">
                                <TextBlock Text="{x:Bind ButtonText}" />
                              </Button>
                            </Grid>
                          </Border>
                        </DataTemplate>
                      </ItemsControl.ItemTemplate>
                    </ItemsControl>
                  </StackPanel>

                  <Grid ColumnSpacing="12">
                    <Grid.ColumnDefinitions>
                      <ColumnDefinition Width="Auto" />
                      <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>

                    <Button AutomationProperties.AutomationId="ToggleProviderButton"
                            Click="OnToggleProviderButtonClick"
                            IsEnabled="{Binding CanToggleSelectedProvider}"
                            Style="{StaticResource AccentActionButtonStyle}">
                      <TextBlock Text="{Binding ToggleActionLabel}" />
                    </Button>

                    <Button Grid.Column="1"
                            AutomationProperties.AutomationId="RefreshProvidersButton"
                            Command="{Binding RefreshCommand}"
                            Style="{StaticResource SecondaryActionButtonStyle}">
                      <TextBlock Text="Refresh status" />
                    </Button>
                  </Grid>
                </StackPanel>
              </Border>
            </Grid>
          </StackPanel>

          <StackPanel AutomationProperties.AutomationId="ComposerBehaviorSection"
                      Visibility="{Binding ShowMessagesSection}"
                      Spacing="18">
            <StackPanel Spacing="4">
              <TextBlock Style="{StaticResource SettingsSectionTitleTextStyle}"
                         Text="Message behavior" />
              <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                         Text="Choose how the chat composer treats Enter when you draft multi-line prompts." />
            </StackPanel>

            <Border Style="{StaticResource SettingsOptionCardStyle}">
              <StackPanel Spacing="6">
                <TextBlock Style="{StaticResource ChatComposerLabelTextStyle}"
                           Text="Current behavior" />
                <TextBlock AutomationProperties.AutomationId="ComposerBehaviorCurrentHint"
                           Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                           Text="{Binding ComposerSendBehaviorHint}" />
              </StackPanel>
            </Border>

            <Button AutomationProperties.AutomationId="ComposerBehaviorEnterSendsButton"
                    Command="{Binding SelectComposerSendBehaviorCommand}"
                    CommandParameter="EnterSends"
                    Style="{StaticResource SettingsNavButtonStyle}">
              <Border Style="{StaticResource SettingsOptionCardStyle}">
                <Grid ColumnSpacing="12">
                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                  </Grid.ColumnDefinitions>

                  <StackPanel Spacing="4">
                    <TextBlock FontSize="14"
                               FontWeight="SemiBold"
                               Text="{Binding EnterSendsOptionTitle}" />
                    <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                               Text="{Binding EnterSendsOptionSummary}" />
                  </StackPanel>

                  <Border Grid.Column="1"
                          Style="{StaticResource StatusChipStyle}"
                          Visibility="{Binding IsEnterSendsSelected}">
                    <TextBlock FontSize="10"
                               FontWeight="SemiBold"
                               Text="Selected" />
                  </Border>
                </Grid>
              </Border>
            </Button>

            <Button AutomationProperties.AutomationId="ComposerBehaviorEnterInsertsNewLineButton"
                    Command="{Binding SelectComposerSendBehaviorCommand}"
                    CommandParameter="EnterInsertsNewLine"
                    Style="{StaticResource SettingsNavButtonStyle}">
              <Border Style="{StaticResource SettingsOptionCardStyle}">
                <Grid ColumnSpacing="12">
                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                  </Grid.ColumnDefinitions>

                  <StackPanel Spacing="4">
                    <TextBlock FontSize="14"
                               FontWeight="SemiBold"
                               Text="{Binding EnterInsertsNewLineOptionTitle}" />
                    <TextBlock Style="{StaticResource SettingsSectionSubtitleTextStyle}"
                               Text="{Binding EnterInsertsNewLineOptionSummary}" />
                  </StackPanel>

                  <Border Grid.Column="1"
                          Style="{StaticResource StatusChipStyle}"
                          Visibility="{Binding IsEnterInsertsNewLineSelected}">
                    <TextBlock FontSize="10"
                               FontWeight="SemiBold"
                               Text="Selected" />
                  </Border>
                </Grid>
              </Border>
            </Button>
          </StackPanel>

          <controls:ProfileSettingsSection />

          <Border Style="{StaticResource SettingsOptionCardStyle}">
            <TextBlock AutomationProperties.AutomationId="ProviderStatusMessage"
                       FontSize="12"
                       Foreground="{StaticResource AppMutedTextBrush}"
                       Text="{Binding StatusMessage}"
                       TextWrapping="WrapWholeWords" />
          </Border>
        </StackPanel>
      </ScrollViewer>
    </Border>
  </Grid>
</UserControl>