feat(ui): complete Avalonia UI port with 7 main pages, tool settings & top MenuBar

2026-08-10 10:48:34 +02:00
parent a0e18d2a57
commit b5bf97ae74
187 changed files with 20054 additions and 882 deletions
@@ -0,0 +1,74 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             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:vm="using:ClawdDotNet.Desktop.ViewModels"
+             xmlns:conv="using:ClawdDotNet.Desktop.Converters"
+             mc:Ignorable="d" d:DesignWidth="900" d:DesignHeight="700"
+             Padding="16"
+             x:Class="ClawdDotNet.Desktop.Views.ChatPageView"
+             x:DataType="vm:ChatPageViewModel">
+
+  <DockPanel>
+
+    <!-- Statusleiste am unteren Rand -->
+    <Border Classes="statusbar" DockPanel.Dock="Bottom">
+      <TextBlock Text="{Binding StatusText}" VerticalAlignment="Center" />
+    </Border>
+
+    <!-- Top Toolbar -->
+    <StackPanel Classes="toolbar" DockPanel.Dock="Top">
+      <TextBlock Text="Agent:" VerticalAlignment="Center" FontWeight="Bold" />
+      <ComboBox ItemsSource="{Binding AvailableAgents}" SelectedItem="{Binding SelectedAgent}" MinWidth="200">
+        <ComboBox.ItemTemplate>
+          <DataTemplate>
+            <TextBlock Text="{Binding DisplayName}" />
+          </DataTemplate>
+        </ComboBox.ItemTemplate>
+      </ComboBox>
+
+      <Button Content="Verlauf leeren" Command="{Binding ClearHistoryCommand}" Margin="12,0,0,0" />
+      <Button Content="Abbrechen" Command="{Binding AbortCommand}" IsEnabled="{Binding IsSending}" />
+    </StackPanel>
+
+    <!-- Eingabezeile unten -->
+    <Grid DockPanel.Dock="Bottom" ColumnDefinitions="*,Auto" Margin="0,8,0,0">
+      <TextBox Text="{Binding InputPrompt}" PlaceholderText="Nachricht eingeben... (Strg+Eingabe zum Senden)"
+               AcceptsReturn="True" Height="60" TextWrapping="Wrap" Grid.Column="0" KeyDown="OnInputKeyDown" />
+      <Button Content="Senden" Command="{Binding SendMessageCommand}" IsEnabled="{Binding !IsSending}"
+              Classes="accent" VerticalAlignment="Stretch" Margin="8,0,0,0" Grid.Column="1" Width="90" />
+    </Grid>
+
+    <!-- Nachrichtenverlauf (Mitte) -->
+    <ScrollViewer x:Name="ChatScroller">
+      <ItemsControl ItemsSource="{Binding ChatEntries}">
+        <ItemsControl.ItemsPanel>
+          <ItemsPanelTemplate>
+            <StackPanel Spacing="10" />
+          </ItemsPanelTemplate>
+        </ItemsControl.ItemsPanel>
+
+        <ItemsControl.ItemTemplate>
+          <DataTemplate DataType="vm:ChatEntryItemViewModel">
+            <!-- Distinct styling: User right-aligned bubble vs Assistant left-aligned card -->
+            <DockPanel HorizontalAlignment="{Binding IsUser, Converter={x:Static conv:ChatAlignmentConverter.Instance}}">
+              <Border Classes="card" CornerRadius="8" MaxWidth="680"
+                      Background="{Binding IsUser, Converter={x:Static conv:ChatBubbleBrushConverter.Instance}, TargetNullValue={x:Null}}">
+                <StackPanel Spacing="4">
+                  <DockPanel>
+                    <TextBlock Text="{Binding Sender}" FontWeight="Bold" FontSize="12" />
+                    <TextBlock Text="{Binding Timestamp, StringFormat='{}{0:HH:mm}'}" Classes="caption" HorizontalAlignment="Right" Margin="8,0,0,0" />
+                  </DockPanel>
+
+                  <SelectableTextBlock Text="{Binding Text}" TextWrapping="Wrap" FontSize="13" />
+                </StackPanel>
+              </Border>
+            </DockPanel>
+          </DataTemplate>
+        </ItemsControl.ItemTemplate>
+      </ItemsControl>
+    </ScrollViewer>
+
+  </DockPanel>
+
+</UserControl>