Give the window its v5b chrome and each session surface its own shell

2026-08-08 00:49:59 +02:00
parent 1b76c51fbb
commit 43c939b697
30 changed files with 4433 additions and 1772 deletions
@@ -0,0 +1,108 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="using:DodoSSH.Client.Shell.ViewModels"
+             x:Class="DodoSSH.Client.App.Views.SessionSidebar"
+             x:Name="Root"
+             x:DataType="vm:MainWindowViewModel">
+
+  <!--
+    ── v5b's session sidebar ────────────────────────────────────────────────────────────────────────────────
+    300 pixels, Sidebar background, a 1px left border — the design's own right-hand column on both the
+    terminal and the SFTP screen. It replaces the pin chip strip that used to sit above the terminal: see
+    MainWindowViewModel.ActiveTabPinnedPaths and OpenPinnedPathCommand, both reused here unchanged, and
+    MainWindow.axaml for where the old strip's Border used to live.
+
+    QUICK ACCESS is on both surfaces. SNIPS is the terminal's own — gated on <see cref="ShowsSnips"/>, which
+    the terminal usage in MainWindow.axaml sets true and the SFTP usage leaves false, rather than a second
+    copy of this file: the two sections share nothing surface-specific except which one is drawn at all.
+
+    Every row here is a command the shell already exposes for exactly this purpose — see
+    MainWindowViewModel.PinFolderFromSidebarCommand, AddSnippetFromSidebarCommand and InsertSnippetCommand —
+    so this control carries no logic of its own beyond the list it draws and the click it forwards.
+  -->
+
+  <Border Width="300" Background="{StaticResource Sidebar}"
+          BorderBrush="{StaticResource Border}" BorderThickness="1,0,0,0">
+    <ScrollViewer VerticalScrollBarVisibility="Auto">
+      <StackPanel Spacing="6" Margin="16,20">
+
+        <!-- ============ QUICK ACCESS ============ -->
+        <Grid ColumnDefinitions="*,Auto" Margin="8,0">
+          <TextBlock Grid.Column="0" Classes="label" Text="QUICK ACCESS" FontSize="10" />
+          <TextBlock Grid.Column="1" Classes="mono" FontSize="10"
+                     Foreground="{StaticResource TextGhost}"
+                     Text="{Binding SelectedTab.Label}" TextTrimming="CharacterEllipsis" MaxWidth="130" />
+        </Grid>
+
+        <ItemsControl ItemsSource="{Binding ActiveTabPinnedPaths}">
+          <ItemsControl.ItemTemplate>
+            <DataTemplate x:DataType="x:String">
+              <!--
+                A single level of $parent[ItemsControl] reaches the shell directly, the same way the old pin
+                strip's chips did: this ItemsControl's own DataContext is MainWindowViewModel, so one hop up
+                from the path's string DataContext lands on it.
+              -->
+              <Button Classes="sidebarrow"
+                      Command="{Binding $parent[ItemsControl].((vm:MainWindowViewModel)DataContext).OpenPinnedPathCommand}"
+                      CommandParameter="{Binding}"
+                      ToolTip.Tip="{Binding}">
+                <StackPanel Orientation="Horizontal" Spacing="10">
+                  <TextBlock Text="&#xE2C7;" FontFamily="{StaticResource IconFont}" FontSize="15"
+                             Foreground="{StaticResource AccentText}" VerticalAlignment="Center" />
+                  <TextBlock FontFamily="{StaticResource MonoFont}" FontSize="12.5" Text="{Binding}"
+                             TextTrimming="CharacterEllipsis" VerticalAlignment="Center" />
+                </StackPanel>
+              </Button>
+            </DataTemplate>
+          </ItemsControl.ItemTemplate>
+        </ItemsControl>
+
+        <Button Classes="sidebaradd" Command="{Binding PinFolderFromSidebarCommand}"
+                ToolTip.Tip="Opens the active tab's host for editing, at QUICK ACCESS.">
+          <StackPanel Orientation="Horizontal" Spacing="10">
+            <TextBlock Text="&#xE145;" FontFamily="{StaticResource IconFont}" FontSize="14"
+                       VerticalAlignment="Center" />
+            <TextBlock Text="Pin folder" VerticalAlignment="Center" />
+          </StackPanel>
+        </Button>
+
+        <!-- ============ SNIPS (the terminal surface only) ============ -->
+        <StackPanel Spacing="6" Margin="0,16,0,0" IsVisible="{Binding #Root.ShowsSnips}">
+
+          <TextBlock Classes="label" Text="SNIPS" FontSize="10" Margin="8,0" />
+
+          <ItemsControl ItemsSource="{Binding SnippetsScreen.Visible}">
+            <ItemsControl.ItemTemplate>
+              <DataTemplate x:DataType="vm:SnippetRowViewModel">
+                <Button Classes="sidebarrow"
+                        Command="{Binding $parent[ItemsControl].((vm:MainWindowViewModel)DataContext).InsertSnippetCommand}"
+                        CommandParameter="{Binding}"
+                        ToolTip.Tip="{Binding Snippet.Command}">
+                  <StackPanel Orientation="Horizontal" Spacing="10">
+                    <TextBlock Text="{}{ }" FontFamily="{StaticResource MonoFont}" FontWeight="Bold"
+                               FontSize="11" Foreground="{StaticResource AccentText}"
+                               VerticalAlignment="Center" />
+                    <TextBlock FontFamily="{StaticResource MonoFont}" FontSize="12.5" Text="{Binding Label}"
+                               TextTrimming="CharacterEllipsis" VerticalAlignment="Center" />
+                  </StackPanel>
+                </Button>
+              </DataTemplate>
+            </ItemsControl.ItemTemplate>
+          </ItemsControl>
+
+          <Button Classes="sidebaradd" Command="{Binding AddSnippetFromSidebarCommand}"
+                  ToolTip.Tip="Opens the snippet editor.">
+            <StackPanel Orientation="Horizontal" Spacing="10">
+              <TextBlock Text="&#xE145;" FontFamily="{StaticResource IconFont}" FontSize="14"
+                         VerticalAlignment="Center" />
+              <TextBlock Text="Add Snip" VerticalAlignment="Center" />
+            </StackPanel>
+          </Button>
+
+        </StackPanel>
+
+      </StackPanel>
+    </ScrollViewer>
+  </Border>
+
+</UserControl>