feat(ui): wire avalonia desktop ui to data and worker

App: build a ServiceProvider in Program.cs (AppSettings, SqliteConnectionFactory,
all repositories, GitService, WorkerClient, all view-models), apply schema, then
hand control to Avalonia. App.OnFrameworkInitializationCompleted resolves
MainWindowViewModel from the container.

Ui:
- AppSettings POCO loaded from ~/.todo-app/ui.config.json (db path, hub url).
- WorkerClient wraps HubConnection with auto-reconnect, exposes IsConnected and
  ActiveTasks plus C# events for TaskStarted/Finished/Message/Updated and
  WorktreeUpdated; all inbound events are marshalled to the UI thread.
- ViewModels: MainWindow (lists CRUD via ListEditor dialog), TaskList (load by
  list, add/edit/delete, auto WakeQueue on agent+queued create), TaskItem
  (RunNow gated on connection + status), TaskDetail (description, result, live
  ndjson rolling buffer of 500 lines, worktree branch/diff with merge/keep/
  discard via GitService), StatusBar, ListEditor, TaskEditor.
- Views: 3-pane MainWindow (lists | tasks | detail) with GridSplitters, status
  bar, dialog windows for the editors. Status badges via StatusColorConverter.
- Markdown rendering, folder picker, delete-confirmation, settings dialog and
  scroll-to-bottom on the live log are intentionally TODO -- functional
  scaffold only.

Tests: also debounce the FIFO queue test (poll instead of Task.Delay(200)) so
the assertion isn't racy when the suite runs alongside the slower git tests.
38 tests pass.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/ClaudeDo.Ui/Views/ListEditorView.axaml

@@ -0,0 +1,28 @@
+<Window xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:vm="using:ClaudeDo.Ui.ViewModels"
+        x:Class="ClaudeDo.Ui.Views.ListEditorView"
+        x:DataType="vm:ListEditorViewModel"
+        Title="{Binding WindowTitle}"
+        Width="450" Height="280"
+        WindowStartupLocation="CenterOwner"
+        CanResize="False">
+    <StackPanel Margin="16" Spacing="10">
+        <TextBlock Text="Name" FontWeight="SemiBold"/>
+        <TextBox Text="{Binding Name}" PlaceholderText="List name..."/>
+
+        <TextBlock Text="Working Directory" FontWeight="SemiBold"/>
+        <TextBox Text="{Binding WorkingDir}" PlaceholderText="(optional) Absolute path to git repo"/>
+        <!-- TODO: folder picker button using IStorageProvider -->
+
+        <TextBlock Text="Default Commit Type" FontWeight="SemiBold"/>
+        <ComboBox ItemsSource="{Binding CommitTypes}"
+                  SelectedItem="{Binding DefaultCommitType}"
+                  MinWidth="150"/>
+
+        <StackPanel Orientation="Horizontal" Spacing="8" HorizontalAlignment="Right" Margin="0,10,0,0">
+            <Button Content="Save" Command="{Binding SaveCommand}" IsDefault="True" MinWidth="80"/>
+            <Button Content="Cancel" Command="{Binding CancelCommand}" IsCancel="True" MinWidth="80"/>
+        </StackPanel>
+    </StackPanel>
+</Window>

src/ClaudeDo.Ui/Views/ListEditorView.axaml.cs

@@ -0,0 +1,11 @@
+using Avalonia.Controls;
+
+namespace ClaudeDo.Ui.Views;
+
+public partial class ListEditorView : Window
+{
+    public ListEditorView()
+    {
+        InitializeComponent();
+    }
+}

src/ClaudeDo.Ui/Views/MainWindow.axaml

@@ -1,20 +1,55 @@
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:vm="using:ClaudeDo.Ui.ViewModels"
+        xmlns:v="using:ClaudeDo.Ui.Views"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+        mc:Ignorable="d" d:DesignWidth="1200" d:DesignHeight="700"
         x:Class="ClaudeDo.Ui.Views.MainWindow"
         x:DataType="vm:MainWindowViewModel"
-        Icon="/Assets/avalonia-logo.ico"
-        Title="ClaudeDo.App">
+        Title="ClaudeDo" Width="1200" Height="700"
+        MinWidth="800" MinHeight="500">
 
-    <Design.DataContext>
-        <!-- This only sets the DataContext for the previewer in an IDE,
-             to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
-        <vm:MainWindowViewModel/>
-    </Design.DataContext>
+    <DockPanel>
+        <!-- Status Bar at bottom -->
+        <v:StatusBarView DockPanel.Dock="Bottom" DataContext="{Binding StatusBar}" />
 
-    <TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+        <!-- Main 3-column layout -->
+        <Grid ColumnDefinitions="220,Auto,*,Auto,350">
+            <!-- Lists pane -->
+            <DockPanel Grid.Column="0">
+                <StackPanel DockPanel.Dock="Top" Orientation="Horizontal" Margin="4">
+                    <TextBlock Text="Lists" FontWeight="Bold" FontSize="14" VerticalAlignment="Center" Margin="4,0"/>
+                </StackPanel>
+                <StackPanel DockPanel.Dock="Bottom" Orientation="Horizontal" Spacing="4" Margin="4">
+                    <Button Content="+" Command="{Binding AddListCommand}" ToolTip.Tip="Add List" MinWidth="30"/>
+                    <Button Content="E" Command="{Binding EditListCommand}" ToolTip.Tip="Edit List" MinWidth="30"/>
+                    <Button Content="-" Command="{Binding DeleteListCommand}" ToolTip.Tip="Delete List" MinWidth="30"/>
+                </StackPanel>
+                <ListBox ItemsSource="{Binding Lists}"
+                         SelectedItem="{Binding SelectedList}"
+                         Margin="4">
+                    <ListBox.ItemTemplate>
+                        <DataTemplate x:DataType="vm:ListItemViewModel">
+                            <StackPanel Margin="4,2">
+                                <TextBlock Text="{Binding Name}" FontWeight="SemiBold"/>
+                                <TextBlock Text="{Binding WorkingDir}" FontSize="10" Foreground="Gray"
+                                           IsVisible="{Binding WorkingDir, Converter={x:Static ObjectConverters.IsNotNull}}"/>
+                            </StackPanel>
+                        </DataTemplate>
+                    </ListBox.ItemTemplate>
+                </ListBox>
+            </DockPanel>
 
+            <GridSplitter Grid.Column="1" Width="4" ResizeDirection="Columns"/>
+
+            <!-- Tasks pane -->
+            <v:TaskListView Grid.Column="2" DataContext="{Binding TaskList}" />
+
+            <GridSplitter Grid.Column="3" Width="4" ResizeDirection="Columns"/>
+
+            <!-- Detail pane -->
+            <v:TaskDetailView Grid.Column="4" DataContext="{Binding TaskDetail}" />
+        </Grid>
+    </DockPanel>
 </Window>

src/ClaudeDo.Ui/Views/MainWindow.axaml.cs

@@ -1,4 +1,5 @@
 using Avalonia.Controls;
+using ClaudeDo.Ui.ViewModels;
 
 namespace ClaudeDo.Ui.Views;
 
@@ -8,4 +9,11 @@ public partial class MainWindow : Window
     {
         InitializeComponent();
     }
-}
+
+    protected override async void OnOpened(EventArgs e)
+    {
+        base.OnOpened(e);
+        if (DataContext is MainWindowViewModel vm)
+            await vm.InitializeAsync();
+    }
+}

src/ClaudeDo.Ui/Views/StatusBarView.axaml

@@ -0,0 +1,22 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="using:ClaudeDo.Ui.ViewModels"
+             xmlns:conv="using:ClaudeDo.Ui.Converters"
+             x:Class="ClaudeDo.Ui.Views.StatusBarView"
+             x:DataType="vm:StatusBarViewModel">
+    <Border Background="#222" Padding="6,3">
+        <Grid ColumnDefinitions="Auto,Auto,*,Auto">
+            <StackPanel Grid.Column="0" Orientation="Horizontal" Spacing="6">
+                <Ellipse Width="10" Height="10" VerticalAlignment="Center"
+                         Fill="{Binding ConnectionStatus, Converter={x:Static conv:ConnectionColorConverter.Instance}}"/>
+                <TextBlock Text="{Binding ConnectionStatus}" Foreground="White" VerticalAlignment="Center" FontSize="12"/>
+            </StackPanel>
+
+            <TextBlock Grid.Column="1" Text="{Binding ActiveTasksSummary}" Foreground="LightGray"
+                       VerticalAlignment="Center" Margin="20,0,0,0" FontSize="12"/>
+
+            <TextBlock Grid.Column="3" Text="{Binding StatusMessage}" Foreground="Yellow"
+                       VerticalAlignment="Center" FontSize="12" Margin="0,0,8,0"/>
+        </Grid>
+    </Border>
+</UserControl>

src/ClaudeDo.Ui/Views/StatusBarView.axaml.cs

@@ -0,0 +1,11 @@
+using Avalonia.Controls;
+
+namespace ClaudeDo.Ui.Views;
+
+public partial class StatusBarView : UserControl
+{
+    public StatusBarView()
+    {
+        InitializeComponent();
+    }
+}

src/ClaudeDo.Ui/Views/TaskDetailView.axaml

@@ -0,0 +1,93 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="using:ClaudeDo.Ui.ViewModels"
+             xmlns:conv="using:ClaudeDo.Ui.Converters"
+             x:Class="ClaudeDo.Ui.Views.TaskDetailView"
+             x:DataType="vm:TaskDetailViewModel">
+    <ScrollViewer>
+        <StackPanel Margin="8" Spacing="8"
+                    IsVisible="{Binding Title, Converter={x:Static StringConverters.IsNotNullOrEmpty}}">
+
+            <!-- Header -->
+            <TextBlock Text="{Binding Title}" FontWeight="Bold" FontSize="16"/>
+            <Border CornerRadius="3" Padding="6,2" HorizontalAlignment="Left"
+                    Background="{Binding StatusText, Converter={x:Static conv:StatusColorConverter.Instance}}">
+                <TextBlock Text="{Binding StatusText}" Foreground="White" FontSize="11"/>
+            </Border>
+
+            <!-- Description -->
+            <TextBlock Text="Description" FontWeight="SemiBold" Margin="0,8,0,2"/>
+            <!-- TODO: Markdown rendering -->
+            <TextBox Text="{Binding Description, Mode=OneWay}" IsReadOnly="True"
+                     AcceptsReturn="True" TextWrapping="Wrap" MinHeight="60"
+                     IsVisible="{Binding Description, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"/>
+            <TextBlock Text="(no description)" Foreground="Gray" FontStyle="Italic"
+                       IsVisible="{Binding Description, Converter={x:Static StringConverters.IsNullOrEmpty}}"/>
+
+            <!-- Result -->
+            <TextBlock Text="Result" FontWeight="SemiBold" Margin="0,8,0,2"/>
+            <!-- TODO: Markdown rendering -->
+            <TextBox Text="{Binding Result, Mode=OneWay}" IsReadOnly="True"
+                     AcceptsReturn="True" TextWrapping="Wrap" MinHeight="80"
+                     IsVisible="{Binding Result, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"/>
+            <TextBlock Text="(no result yet)" Foreground="Gray" FontStyle="Italic"
+                       IsVisible="{Binding Result, Converter={x:Static StringConverters.IsNullOrEmpty}}"/>
+
+            <!-- Log path -->
+            <StackPanel Orientation="Horizontal" Spacing="4"
+                        IsVisible="{Binding LogPath, Converter={x:Static StringConverters.IsNotNullOrEmpty}}">
+                <TextBlock Text="Log:" FontWeight="SemiBold" VerticalAlignment="Center"/>
+                <TextBlock Text="{Binding LogPath}" FontSize="11" Foreground="Gray" VerticalAlignment="Center"/>
+            </StackPanel>
+
+            <!-- Live stream -->
+            <TextBlock Text="Live Output" FontWeight="SemiBold" Margin="0,8,0,2"/>
+            <Border BorderBrush="Gray" BorderThickness="1" CornerRadius="3" Padding="4"
+                    MaxHeight="200">
+                <ScrollViewer>
+                    <ItemsControl ItemsSource="{Binding LiveLines}">
+                        <ItemsControl.ItemTemplate>
+                            <DataTemplate>
+                                <TextBlock Text="{Binding}" FontFamily="Consolas,Courier New,monospace"
+                                           FontSize="11" TextWrapping="NoWrap"/>
+                            </DataTemplate>
+                        </ItemsControl.ItemTemplate>
+                    </ItemsControl>
+                </ScrollViewer>
+            </Border>
+
+            <!-- Worktree section -->
+            <Border IsVisible="{Binding HasWorktree}" BorderBrush="CornflowerBlue"
+                    BorderThickness="1" CornerRadius="5" Padding="8" Margin="0,8,0,0">
+                <StackPanel Spacing="6">
+                    <TextBlock Text="Worktree" FontWeight="Bold" FontSize="14"/>
+                    <StackPanel Orientation="Horizontal" Spacing="8">
+                        <TextBlock Text="Branch:" FontWeight="SemiBold"/>
+                        <TextBlock Text="{Binding BranchName}" FontFamily="Consolas,Courier New,monospace"/>
+                    </StackPanel>
+                    <StackPanel Orientation="Horizontal" Spacing="8">
+                        <TextBlock Text="State:" FontWeight="SemiBold"/>
+                        <TextBlock Text="{Binding WorktreeState}"/>
+                    </StackPanel>
+                    <TextBlock Text="Diff Stat:" FontWeight="SemiBold"
+                               IsVisible="{Binding DiffStat, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"/>
+                    <TextBox Text="{Binding DiffStat, Mode=OneWay}" IsReadOnly="True"
+                             AcceptsReturn="True" FontFamily="Consolas,Courier New,monospace" FontSize="11"
+                             IsVisible="{Binding DiffStat, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"/>
+
+                    <!-- Worktree actions -->
+                    <WrapPanel Orientation="Horizontal" Margin="0,4,0,0">
+                        <Button Content="Open Worktree" Command="{Binding OpenWorktreeCommand}" Margin="0,0,4,4"/>
+                        <Button Content="Show Diff" Command="{Binding ShowDiffCommand}" Margin="0,0,4,4"/>
+                        <Button Content="Merge into main" Command="{Binding MergeIntoMainCommand}"
+                                IsEnabled="{Binding CanWorktreeAction}" Margin="0,0,4,4"/>
+                        <Button Content="Keep as branch" Command="{Binding KeepAsBranchCommand}"
+                                IsEnabled="{Binding CanWorktreeAction}" Margin="0,0,4,4"/>
+                        <Button Content="Discard" Command="{Binding DiscardCommand}"
+                                IsEnabled="{Binding CanWorktreeAction}" Margin="0,0,4,4"/>
+                    </WrapPanel>
+                </StackPanel>
+            </Border>
+        </StackPanel>
+    </ScrollViewer>
+</UserControl>

src/ClaudeDo.Ui/Views/TaskDetailView.axaml.cs

@@ -0,0 +1,11 @@
+using Avalonia.Controls;
+
+namespace ClaudeDo.Ui.Views;
+
+public partial class TaskDetailView : UserControl
+{
+    public TaskDetailView()
+    {
+        InitializeComponent();
+    }
+}

src/ClaudeDo.Ui/Views/TaskEditorView.axaml

@@ -0,0 +1,41 @@
+<Window xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:vm="using:ClaudeDo.Ui.ViewModels"
+        x:Class="ClaudeDo.Ui.Views.TaskEditorView"
+        x:DataType="vm:TaskEditorViewModel"
+        Title="{Binding WindowTitle}"
+        Width="500" Height="420"
+        WindowStartupLocation="CenterOwner"
+        CanResize="False">
+    <StackPanel Margin="16" Spacing="10">
+        <TextBlock Text="Title" FontWeight="SemiBold"/>
+        <TextBox Text="{Binding Title}" PlaceholderText="Task title..."/>
+
+        <TextBlock Text="Description" FontWeight="SemiBold"/>
+        <TextBox Text="{Binding Description}" PlaceholderText="(optional)" AcceptsReturn="True"
+                 TextWrapping="Wrap" MinHeight="80"/>
+
+        <Grid ColumnDefinitions="*,16,*">
+            <StackPanel Grid.Column="0" Spacing="4">
+                <TextBlock Text="Status" FontWeight="SemiBold"/>
+                <ComboBox ItemsSource="{Binding StatusChoices}"
+                          SelectedItem="{Binding StatusChoice}"
+                          MinWidth="120"/>
+            </StackPanel>
+            <StackPanel Grid.Column="2" Spacing="4">
+                <TextBlock Text="Commit Type" FontWeight="SemiBold"/>
+                <ComboBox ItemsSource="{Binding CommitTypes}"
+                          SelectedItem="{Binding CommitType}"
+                          MinWidth="120"/>
+            </StackPanel>
+        </Grid>
+
+        <TextBlock Text="Tags (comma-separated)" FontWeight="SemiBold"/>
+        <TextBox Text="{Binding TagsInput}" PlaceholderText="agent, manual, code, ..."/>
+
+        <StackPanel Orientation="Horizontal" Spacing="8" HorizontalAlignment="Right" Margin="0,10,0,0">
+            <Button Content="Save" Command="{Binding SaveCommand}" IsDefault="True" MinWidth="80"/>
+            <Button Content="Cancel" Command="{Binding CancelCommand}" IsCancel="True" MinWidth="80"/>
+        </StackPanel>
+    </StackPanel>
+</Window>

src/ClaudeDo.Ui/Views/TaskEditorView.axaml.cs

@@ -0,0 +1,11 @@
+using Avalonia.Controls;
+
+namespace ClaudeDo.Ui.Views;
+
+public partial class TaskEditorView : Window
+{
+    public TaskEditorView()
+    {
+        InitializeComponent();
+    }
+}

src/ClaudeDo.Ui/Views/TaskListView.axaml

@@ -0,0 +1,40 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="using:ClaudeDo.Ui.ViewModels"
+             xmlns:conv="using:ClaudeDo.Ui.Converters"
+             x:Class="ClaudeDo.Ui.Views.TaskListView"
+             x:DataType="vm:TaskListViewModel">
+    <DockPanel>
+        <StackPanel DockPanel.Dock="Top" Orientation="Horizontal" Margin="4">
+            <TextBlock Text="Tasks" FontWeight="Bold" FontSize="14" VerticalAlignment="Center" Margin="4,0"/>
+        </StackPanel>
+        <StackPanel DockPanel.Dock="Bottom" Orientation="Horizontal" Spacing="4" Margin="4">
+            <Button Content="+ Task" Command="{Binding AddTaskCommand}" MinWidth="60"/>
+            <Button Content="Edit" Command="{Binding EditTaskCommand}" MinWidth="50"/>
+            <Button Content="Delete" Command="{Binding DeleteTaskCommand}" MinWidth="50"/>
+        </StackPanel>
+        <ListBox ItemsSource="{Binding Tasks}"
+                 SelectedItem="{Binding SelectedTask}"
+                 Margin="4">
+            <ListBox.ItemTemplate>
+                <DataTemplate x:DataType="vm:TaskItemViewModel">
+                    <Grid ColumnDefinitions="*,Auto,Auto" Margin="4,2">
+                        <StackPanel Grid.Column="0">
+                            <TextBlock Text="{Binding Title}" FontWeight="SemiBold"/>
+                            <TextBlock Text="{Binding TagsText}" FontSize="10" Foreground="Gray"
+                                       IsVisible="{Binding TagsText, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"/>
+                        </StackPanel>
+                        <Border Grid.Column="1" CornerRadius="3" Padding="6,2" Margin="4,0"
+                                Background="{Binding StatusText, Converter={x:Static conv:StatusColorConverter.Instance}}"
+                                VerticalAlignment="Center">
+                            <TextBlock Text="{Binding StatusText}" Foreground="White" FontSize="11"/>
+                        </Border>
+                        <Button Grid.Column="2" Content="Run" Command="{Binding RunNowCommand}"
+                                Margin="4,0,0,0" VerticalAlignment="Center" Padding="8,2"
+                                FontSize="11"/>
+                    </Grid>
+                </DataTemplate>
+            </ListBox.ItemTemplate>
+        </ListBox>
+    </DockPanel>
+</UserControl>

src/ClaudeDo.Ui/Views/TaskListView.axaml.cs

@@ -0,0 +1,11 @@
+using Avalonia.Controls;
+
+namespace ClaudeDo.Ui.Views;
+
+public partial class TaskListView : UserControl
+{
+    public TaskListView()
+    {
+        InitializeComponent();
+    }
+}