fix: add scrollviewer around the connect error display (#158)

Long error messages when connecting to a Coder deployment could cause
the window to overflow. Simmilar issue as: #146.

Errors are now limited to 500px by the ScrollViewer component.

<img width="325" height="913" alt="image"
src="https://github.com/user-attachments/assets/571503c5-9c6f-4d33-b9f8-1ae3530f72fa"
/>

---------

Co-authored-by: Dean Sheather <[email protected]>

Author: ibetitsmike

App/Views/Pages/DirectoryPickerMainPage.xaml

@@ -39,6 +39,7 @@
             <ScrollView Grid.Row="0">
                 <TextBlock
                     Margin="0,0,0,20"
+                    IsTextSelectionEnabled="True"
                     Foreground="Red"
                     TextWrapping="Wrap"
                     Text="{x:Bind ViewModel.InitialLoadError, Mode=OneWay}" />

App/Views/Pages/FileSyncListMainPage.xaml

@@ -50,6 +50,7 @@
                 <TextBlock
                     Margin="0,0,0,20"
                     Foreground="Red"
+                    IsTextSelectionEnabled="True"
                     TextWrapping="Wrap"
                     Text="{x:Bind ViewModel.Error, Mode=OneWay}" />
             </ScrollView>

App/Views/Pages/SignInUrlPage.xaml

@@ -53,6 +53,7 @@
             <TextBlock
                 Grid.Column="1"
                 Grid.Row="1"
+                IsTextSelectionEnabled="True"
                 Text="{x:Bind ViewModel.CoderUrlError, Mode=OneWay}"
                 Foreground="Red" />
         </Grid>

App/Views/Pages/TrayWindowDisconnectedPage.xaml

@@ -45,6 +45,7 @@
                 TextWrapping="Wrap"
                 Margin="0,0,0,10"
                 Foreground="Red"
+                IsTextSelectionEnabled="True"
                 Text="{x:Bind ViewModel.ErrorMessage, Mode=OneWay}" />
         </ScrollViewer>
 

App/Views/Pages/TrayWindowMainPage.xaml

@@ -62,13 +62,18 @@
 
         <controls:HorizontalRule />
 
-        <TextBlock
-            Text="{x:Bind ViewModel.VpnFailedMessage, Mode=OneWay}"
-            Foreground="Red"
-            Margin="0,6,0,6"
-            TextWrapping="Wrap"
-            Visibility="{x:Bind ViewModel.ShowFailedSection, Converter={StaticResource BoolToVisibilityConverter}, Mode=OneWay}" />
+        <ScrollViewer
+            VerticalScrollBarVisibility="Auto"
+            MaxHeight="500"
+            Visibility="{x:Bind ViewModel.ShowFailedSection, Converter={StaticResource BoolToVisibilityConverter}, Mode=OneWay}" >
 
+            <TextBlock
+                Text="{x:Bind ViewModel.VpnFailedMessage, Mode=OneWay}"
+                Foreground="Red"
+                IsTextSelectionEnabled="True"
+                Margin="0,6,0,6"
+                TextWrapping="Wrap" />
+        </ScrollViewer>
         <TextBlock
             Text="Enable Coder Connect to view your workspaces."
             TextWrapping="Wrap"