From bb9ba9d3107a70d850afd73ef20528e43787a07a Mon Sep 17 00:00:00 2001
From: Dev <dev@sharepoint-toolbox.local>
Date: Tue, 7 Apr 2026 12:49:37 +0200
Subject: [PATCH] feat(07-05): create UserAccessAuditView XAML layout

- Two-panel layout (290px left + * right) following PermissionsView pattern
- Left panel: people picker with autocomplete list + removable user pills, site picker button, scan option checkboxes, run/cancel/export buttons
- Right panel: 3-card summary banner (TotalAccessCount, SitesCount, HighPrivilegeCount), filter TextBox, group-by ToggleButton, color-coded DataGrid
- DataGrid: color-coded rows by AccessType (Direct=blue, Group=green, Inherited=gray), warning icon for high privilege, Guest badge for external users, access type icons
- GroupStyle with Expander headers showing group name + item count
- Status bar with ProgressBar + StatusMessage
---
 .../Views/Tabs/UserAccessAuditView.xaml       | 411 ++++++++++++++++++
 1 file changed, 411 insertions(+)
 create mode 100644 SharepointToolbox/Views/Tabs/UserAccessAuditView.xaml

diff --git a/SharepointToolbox/Views/Tabs/UserAccessAuditView.xaml b/SharepointToolbox/Views/Tabs/UserAccessAuditView.xaml
new file mode 100644
index 0000000..931173b
--- /dev/null
+++ b/SharepointToolbox/Views/Tabs/UserAccessAuditView.xaml
@@ -0,0 +1,411 @@
+<UserControl x:Class="SharepointToolbox.Views.Tabs.UserAccessAuditView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:loc="clr-namespace:SharepointToolbox.Localization"
+             xmlns:models="clr-namespace:SharepointToolbox.Core.Models">
+  <Grid>
+    <Grid.ColumnDefinitions>
+      <ColumnDefinition Width="290" />
+      <ColumnDefinition Width="*" />
+    </Grid.ColumnDefinitions>
+    <Grid.RowDefinitions>
+      <RowDefinition Height="*" />
+      <RowDefinition Height="Auto" />
+    </Grid.RowDefinitions>
+
+    <!-- Left panel: Audit configuration -->
+    <DockPanel Grid.Column="0" Grid.Row="0" Margin="8">
+
+      <!-- People Picker GroupBox -->
+      <GroupBox Header="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.grp.users]}"
+                DockPanel.Dock="Top" Margin="0,0,0,8" Padding="8">
+        <StackPanel>
+
+          <!-- Search box -->
+          <TextBox Text="{Binding SearchQuery, UpdateSourceTrigger=PropertyChanged}"
+                   Margin="0,0,0,2" />
+
+          <!-- Search spinner -->
+          <TextBlock Text="Searching..."
+                     Foreground="Gray" FontStyle="Italic" FontSize="11"
+                     Margin="0,0,0,2">
+            <TextBlock.Style>
+              <Style TargetType="TextBlock">
+                <Setter Property="Visibility" Value="Collapsed" />
+                <Style.Triggers>
+                  <DataTrigger Binding="{Binding IsSearching}" Value="True">
+                    <Setter Property="Visibility" Value="Visible" />
+                  </DataTrigger>
+                </Style.Triggers>
+              </Style>
+            </TextBlock.Style>
+          </TextBlock>
+
+          <!-- Autocomplete results list: shown when SearchResults is not empty -->
+          <ListBox x:Name="SearchResultsList"
+                   ItemsSource="{Binding SearchResults}"
+                   MaxHeight="160"
+                   BorderThickness="1"
+                   BorderBrush="#CCCCCC"
+                   Margin="0,0,0,4"
+                   Visibility="Collapsed">
+            <ListBox.ItemTemplate>
+              <DataTemplate>
+                <StackPanel Orientation="Vertical" Margin="2">
+                  <TextBlock Text="{Binding DisplayName}" FontWeight="SemiBold" FontSize="12" />
+                  <TextBlock Text="{Binding Mail}" Foreground="Gray" FontSize="11" />
+                </StackPanel>
+              </DataTemplate>
+            </ListBox.ItemTemplate>
+            <ListBox.ItemContainerStyle>
+              <Style TargetType="ListBoxItem">
+                <EventSetter Event="MouseLeftButtonUp" Handler="OnSearchResultClicked" />
+                <Setter Property="Padding" Value="4,2" />
+              </Style>
+            </ListBox.ItemContainerStyle>
+          </ListBox>
+
+          <!-- Selected users pills (removable) -->
+          <ItemsControl ItemsSource="{Binding SelectedUsers}" Margin="0,0,0,4">
+            <ItemsControl.ItemsPanel>
+              <ItemsPanelTemplate>
+                <WrapPanel />
+              </ItemsPanelTemplate>
+            </ItemsControl.ItemsPanel>
+            <ItemsControl.ItemTemplate>
+              <DataTemplate>
+                <Border Background="#D6EAF8"
+                        BorderBrush="#2980B9"
+                        BorderThickness="1"
+                        CornerRadius="10"
+                        Padding="6,2"
+                        Margin="0,0,4,4">
+                  <StackPanel Orientation="Horizontal">
+                    <TextBlock Text="{Binding DisplayName}" FontSize="11" VerticalAlignment="Center" />
+                    <Button Content="&#x2715;"
+                            Command="{Binding DataContext.RemoveUserCommand, RelativeSource={RelativeSource AncestorType=UserControl}}"
+                            CommandParameter="{Binding}"
+                            Background="Transparent"
+                            BorderThickness="0"
+                            FontSize="10"
+                            Padding="3,0,0,0"
+                            VerticalAlignment="Center"
+                            Cursor="Hand" />
+                  </StackPanel>
+                </Border>
+              </DataTemplate>
+            </ItemsControl.ItemTemplate>
+          </ItemsControl>
+
+          <!-- Selected users label -->
+          <TextBlock Text="{Binding SelectedUsersLabel}"
+                     FontStyle="Italic" Foreground="Gray" FontSize="11" />
+        </StackPanel>
+      </GroupBox>
+
+      <!-- Site Selection GroupBox -->
+      <GroupBox Header="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.grp.sites]}"
+                DockPanel.Dock="Top" Margin="0,0,0,8" Padding="8">
+        <StackPanel>
+          <Button Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[btn.view.sites]}"
+                  Command="{Binding OpenSitePickerCommand}"
+                  HorizontalAlignment="Left" Padding="8,2" Margin="0,0,0,4" />
+          <TextBlock Text="{Binding SitesSelectedLabel}"
+                     FontStyle="Italic" Foreground="Gray" FontSize="11" />
+        </StackPanel>
+      </GroupBox>
+
+      <!-- Scan Options GroupBox -->
+      <GroupBox Header="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.grp.options]}"
+                DockPanel.Dock="Top" Margin="0,0,0,8" Padding="8">
+        <StackPanel>
+          <CheckBox Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[chk.inherited.perms]}"
+                    IsChecked="{Binding IncludeInherited}" Margin="0,0,0,4" />
+          <CheckBox Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[chk.scan.folders]}"
+                    IsChecked="{Binding ScanFolders}" Margin="0,0,0,4" />
+          <CheckBox Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[chk.recursive]}"
+                    IsChecked="{Binding IncludeSubsites}" Margin="0,0,0,4" />
+        </StackPanel>
+      </GroupBox>
+
+      <!-- Action buttons -->
+      <StackPanel DockPanel.Dock="Top" Margin="0,0,0,4">
+        <Grid Margin="0,0,0,4">
+          <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*" />
+            <ColumnDefinition Width="*" />
+          </Grid.ColumnDefinitions>
+          <Button Grid.Column="0"
+                  Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.btn.run]}"
+                  Command="{Binding RunCommand}"
+                  Margin="0,0,4,0" Padding="6,3" />
+          <Button Grid.Column="1"
+                  Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[btn.cancel]}"
+                  Command="{Binding CancelCommand}"
+                  Margin="0,0,0,0" Padding="6,3" />
+        </Grid>
+        <Grid>
+          <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*" />
+            <ColumnDefinition Width="*" />
+          </Grid.ColumnDefinitions>
+          <Button Grid.Column="0"
+                  Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.btn.exportCsv]}"
+                  Command="{Binding ExportCsvCommand}"
+                  Margin="0,0,4,0" Padding="6,3" />
+          <Button Grid.Column="1"
+                  Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.btn.exportHtml]}"
+                  Command="{Binding ExportHtmlCommand}"
+                  Margin="0,0,0,0" Padding="6,3" />
+        </Grid>
+      </StackPanel>
+
+    </DockPanel>
+
+    <!-- Right panel: Summary banner + Results DataGrid -->
+    <Grid Grid.Column="1" Grid.Row="0" Margin="0,8,8,8">
+      <Grid.RowDefinitions>
+        <RowDefinition Height="Auto" />
+        <RowDefinition Height="Auto" />
+        <RowDefinition Height="*" />
+      </Grid.RowDefinitions>
+
+      <!-- Summary banner: 3 stat cards -->
+      <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="0,0,0,8">
+        <!-- Total Accesses -->
+        <Border Background="#EBF5FB" BorderBrush="#2980B9" BorderThickness="1"
+                CornerRadius="4" Padding="12,6" Margin="0,0,8,0" MinWidth="90">
+          <StackPanel HorizontalAlignment="Center">
+            <TextBlock Text="{Binding TotalAccessCount}" FontSize="20" FontWeight="Bold"
+                       Foreground="#1A5276" HorizontalAlignment="Center" />
+            <TextBlock Text="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.summary.total]}"
+                       FontSize="11" Foreground="#2980B9" HorizontalAlignment="Center" />
+          </StackPanel>
+        </Border>
+        <!-- Sites -->
+        <Border Background="#F0F3F4" BorderBrush="#717D7E" BorderThickness="1"
+                CornerRadius="4" Padding="12,6" Margin="0,0,8,0" MinWidth="90">
+          <StackPanel HorizontalAlignment="Center">
+            <TextBlock Text="{Binding SitesCount}" FontSize="20" FontWeight="Bold"
+                       Foreground="#2C3E50" HorizontalAlignment="Center" />
+            <TextBlock Text="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.summary.sites]}"
+                       FontSize="11" Foreground="#717D7E" HorizontalAlignment="Center" />
+          </StackPanel>
+        </Border>
+        <!-- High Privilege -->
+        <Border Background="#FDEDEC" BorderBrush="#E74C3C" BorderThickness="1"
+                CornerRadius="4" Padding="12,6" Margin="0,0,0,0" MinWidth="90">
+          <StackPanel HorizontalAlignment="Center">
+            <TextBlock Text="{Binding HighPrivilegeCount}" FontSize="20" FontWeight="Bold"
+                       Foreground="#922B21" HorizontalAlignment="Center" />
+            <TextBlock Text="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.summary.highPriv]}"
+                       FontSize="11" Foreground="#E74C3C" HorizontalAlignment="Center" />
+          </StackPanel>
+        </Border>
+      </StackPanel>
+
+      <!-- Toolbar: Filter + Group-by toggle -->
+      <Grid Grid.Row="1" Margin="0,0,0,6">
+        <Grid.ColumnDefinitions>
+          <ColumnDefinition Width="*" />
+          <ColumnDefinition Width="Auto" />
+        </Grid.ColumnDefinitions>
+        <TextBox Grid.Column="0"
+                 Text="{Binding FilterText, UpdateSourceTrigger=PropertyChanged}"
+                 Margin="0,0,8,0" />
+        <ToggleButton Grid.Column="1"
+                      IsChecked="{Binding IsGroupByUser}">
+          <ToggleButton.Style>
+            <Style TargetType="ToggleButton">
+              <Setter Property="Content" Value="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.toggle.bySite]}" />
+              <Setter Property="Padding" Value="8,3" />
+              <Style.Triggers>
+                <Trigger Property="IsChecked" Value="True">
+                  <Setter Property="Content" Value="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.toggle.byUser]}" />
+                </Trigger>
+              </Style.Triggers>
+            </Style>
+          </ToggleButton.Style>
+        </ToggleButton>
+      </Grid>
+
+      <!-- Results DataGrid -->
+      <DataGrid Grid.Row="2"
+                ItemsSource="{Binding ResultsView}"
+                AutoGenerateColumns="False"
+                IsReadOnly="True"
+                VirtualizingPanel.IsVirtualizing="True"
+                EnableRowVirtualization="True"
+                CanUserResizeRows="False">
+
+        <!-- Row color-coding by AccessType -->
+        <DataGrid.RowStyle>
+          <Style TargetType="DataGridRow">
+            <Style.Triggers>
+              <DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Direct}">
+                <Setter Property="Background" Value="#EBF5FB" />
+              </DataTrigger>
+              <DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Group}">
+                <Setter Property="Background" Value="#EAFAF1" />
+              </DataTrigger>
+              <DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Inherited}">
+                <Setter Property="Background" Value="#F4F6F6" />
+              </DataTrigger>
+              <DataTrigger Binding="{Binding IsHighPrivilege}" Value="True">
+                <Setter Property="FontWeight" Value="Bold" />
+              </DataTrigger>
+            </Style.Triggers>
+          </Style>
+        </DataGrid.RowStyle>
+
+        <!-- Group headers with expander -->
+        <DataGrid.GroupStyle>
+          <GroupStyle>
+            <GroupStyle.ContainerStyle>
+              <Style TargetType="GroupItem">
+                <Setter Property="Template">
+                  <Setter.Value>
+                    <ControlTemplate TargetType="GroupItem">
+                      <Expander IsExpanded="True">
+                        <Expander.Header>
+                          <StackPanel Orientation="Horizontal" Margin="2,2">
+                            <TextBlock Text="{Binding Name}" FontWeight="SemiBold" Foreground="#2C3E50" />
+                            <TextBlock Text=" (" Foreground="Gray" />
+                            <TextBlock Text="{Binding ItemCount}" Foreground="Gray" />
+                            <TextBlock Text=")" Foreground="Gray" />
+                          </StackPanel>
+                        </Expander.Header>
+                        <ItemsPresenter />
+                      </Expander>
+                    </ControlTemplate>
+                  </Setter.Value>
+                </Setter>
+              </Style>
+            </GroupStyle.ContainerStyle>
+          </GroupStyle>
+        </DataGrid.GroupStyle>
+
+        <DataGrid.Columns>
+
+          <!-- User column with external user badge -->
+          <DataGridTemplateColumn Header="User" Width="160" SortMemberPath="UserDisplayName">
+            <DataGridTemplateColumn.CellTemplate>
+              <DataTemplate>
+                <StackPanel Orientation="Horizontal">
+                  <TextBlock Text="{Binding UserDisplayName}" VerticalAlignment="Center" />
+                  <Border Background="#F0B27A" BorderBrush="#E59866" BorderThickness="1"
+                          CornerRadius="8" Padding="4,0" Margin="4,0,0,0">
+                    <Border.Style>
+                      <Style TargetType="Border">
+                        <Setter Property="Visibility" Value="Collapsed" />
+                        <Style.Triggers>
+                          <DataTrigger Binding="{Binding IsExternalUser}" Value="True">
+                            <Setter Property="Visibility" Value="Visible" />
+                          </DataTrigger>
+                        </Style.Triggers>
+                      </Style>
+                    </Border.Style>
+                    <TextBlock Text="Guest" FontSize="9" Foreground="#784212" />
+                  </Border>
+                </StackPanel>
+              </DataTemplate>
+            </DataGridTemplateColumn.CellTemplate>
+          </DataGridTemplateColumn>
+
+          <!-- Site -->
+          <DataGridTextColumn Header="Site" Binding="{Binding SiteTitle}" Width="120" />
+
+          <!-- Object -->
+          <DataGridTextColumn Header="Object" Binding="{Binding ObjectTitle}" Width="140" />
+
+          <!-- Permission Level with high-privilege warning icon -->
+          <DataGridTemplateColumn Header="Permission Level" Width="130" SortMemberPath="PermissionLevel">
+            <DataGridTemplateColumn.CellTemplate>
+              <DataTemplate>
+                <StackPanel Orientation="Horizontal">
+                  <TextBlock Text="&#x26A0; " Foreground="#E74C3C" FontSize="12" VerticalAlignment="Center">
+                    <TextBlock.Style>
+                      <Style TargetType="TextBlock">
+                        <Setter Property="Visibility" Value="Collapsed" />
+                        <Style.Triggers>
+                          <DataTrigger Binding="{Binding IsHighPrivilege}" Value="True">
+                            <Setter Property="Visibility" Value="Visible" />
+                          </DataTrigger>
+                        </Style.Triggers>
+                      </Style>
+                    </TextBlock.Style>
+                  </TextBlock>
+                  <TextBlock Text="{Binding PermissionLevel}" VerticalAlignment="Center" />
+                </StackPanel>
+              </DataTemplate>
+            </DataGridTemplateColumn.CellTemplate>
+          </DataGridTemplateColumn>
+
+          <!-- Access Type with icon and color -->
+          <DataGridTemplateColumn Header="Access Type" Width="110" SortMemberPath="AccessType">
+            <DataGridTemplateColumn.CellTemplate>
+              <DataTemplate>
+                <StackPanel Orientation="Horizontal">
+                  <!-- Icon based on AccessType -->
+                  <TextBlock VerticalAlignment="Center" FontFamily="Segoe UI Symbol" FontSize="13" Margin="0,0,4,0">
+                    <TextBlock.Style>
+                      <Style TargetType="TextBlock">
+                        <Setter Property="Text" Value="&#x2192;" />
+                        <Setter Property="Foreground" Value="#717D7E" />
+                        <Style.Triggers>
+                          <DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Direct}">
+                            <Setter Property="Text" Value="&#xE192;" />
+                            <Setter Property="Foreground" Value="#2980B9" />
+                          </DataTrigger>
+                          <DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Group}">
+                            <Setter Property="Text" Value="&#xE125;" />
+                            <Setter Property="Foreground" Value="#27AE60" />
+                          </DataTrigger>
+                          <DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Inherited}">
+                            <Setter Property="Text" Value="&#xE19C;" />
+                            <Setter Property="Foreground" Value="#717D7E" />
+                          </DataTrigger>
+                        </Style.Triggers>
+                      </Style>
+                    </TextBlock.Style>
+                  </TextBlock>
+                  <!-- Label with color -->
+                  <TextBlock Text="{Binding AccessType}" VerticalAlignment="Center">
+                    <TextBlock.Style>
+                      <Style TargetType="TextBlock">
+                        <Setter Property="Foreground" Value="#717D7E" />
+                        <Style.Triggers>
+                          <DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Direct}">
+                            <Setter Property="Foreground" Value="#2980B9" />
+                          </DataTrigger>
+                          <DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Group}">
+                            <Setter Property="Foreground" Value="#27AE60" />
+                          </DataTrigger>
+                        </Style.Triggers>
+                      </Style>
+                    </TextBlock.Style>
+                  </TextBlock>
+                </StackPanel>
+              </DataTemplate>
+            </DataGridTemplateColumn.CellTemplate>
+          </DataGridTemplateColumn>
+
+          <!-- Granted Through -->
+          <DataGridTextColumn Header="Granted Through" Binding="{Binding GrantedThrough}" Width="160" />
+
+        </DataGrid.Columns>
+      </DataGrid>
+    </Grid>
+
+    <!-- Bottom: status bar spanning both columns -->
+    <StatusBar Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1">
+      <StatusBarItem>
+        <ProgressBar Width="150" Height="14"
+                     Value="{Binding ProgressValue}"
+                     Minimum="0" Maximum="100" />
+      </StatusBarItem>
+      <StatusBarItem Content="{Binding StatusMessage}" />
+    </StatusBar>
+
+  </Grid>
+</UserControl>