From 05404f46f2901827a773be784aec6487eac5f363 Mon Sep 17 00:00:00 2001
From: mika kuns <mika.kuns@fb-tuning.de>
Date: Mon, 20 Apr 2026 10:17:20 +0200
Subject: [PATCH] feat(ui): chromeless three-island shell

---
 src/ClaudeDo.App/App.axaml.cs                 |   2 +-
 .../Views/Islands/DetailsIslandView.axaml     |   8 ++
 .../Views/Islands/DetailsIslandView.axaml.cs  |   8 ++
 .../Views/Islands/ListsIslandView.axaml       |   8 ++
 .../Views/Islands/ListsIslandView.axaml.cs    |   8 ++
 .../Views/Islands/TasksIslandView.axaml       |   8 ++
 .../Views/Islands/TasksIslandView.axaml.cs    |   8 ++
 src/ClaudeDo.Ui/Views/MainWindow.axaml        | 132 +++++-------------
 src/ClaudeDo.Ui/Views/MainWindow.axaml.cs     |  74 ++--------
 9 files changed, 97 insertions(+), 159 deletions(-)
 create mode 100644 src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml
 create mode 100644 src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml.cs
 create mode 100644 src/ClaudeDo.Ui/Views/Islands/ListsIslandView.axaml
 create mode 100644 src/ClaudeDo.Ui/Views/Islands/ListsIslandView.axaml.cs
 create mode 100644 src/ClaudeDo.Ui/Views/Islands/TasksIslandView.axaml
 create mode 100644 src/ClaudeDo.Ui/Views/Islands/TasksIslandView.axaml.cs

diff --git a/src/ClaudeDo.App/App.axaml.cs b/src/ClaudeDo.App/App.axaml.cs
index f50916f..f38700c 100644
--- a/src/ClaudeDo.App/App.axaml.cs
+++ b/src/ClaudeDo.App/App.axaml.cs
@@ -22,7 +22,7 @@ public partial class App : Application
         {
             desktop.MainWindow = new MainWindow
             {
-                DataContext = Services.GetRequiredService<MainWindowViewModel>(),
+                DataContext = Services.GetRequiredService<IslandsShellViewModel>(),
             };
         }
 
diff --git a/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml b/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml
new file mode 100644
index 0000000..fdfb66f
--- /dev/null
+++ b/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml
@@ -0,0 +1,8 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="using:ClaudeDo.Ui.ViewModels.Islands"
+             x:Class="ClaudeDo.Ui.Views.Islands.DetailsIslandView"
+             x:DataType="vm:DetailsIslandViewModel">
+  <TextBlock Margin="14" Text="Details (placeholder)"
+             Foreground="{DynamicResource TextDimBrush}"/>
+</UserControl>
diff --git a/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml.cs b/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml.cs
new file mode 100644
index 0000000..5585bed
--- /dev/null
+++ b/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml.cs
@@ -0,0 +1,8 @@
+using Avalonia.Controls;
+
+namespace ClaudeDo.Ui.Views.Islands;
+
+public partial class DetailsIslandView : UserControl
+{
+    public DetailsIslandView() { InitializeComponent(); }
+}
diff --git a/src/ClaudeDo.Ui/Views/Islands/ListsIslandView.axaml b/src/ClaudeDo.Ui/Views/Islands/ListsIslandView.axaml
new file mode 100644
index 0000000..9b57b82
--- /dev/null
+++ b/src/ClaudeDo.Ui/Views/Islands/ListsIslandView.axaml
@@ -0,0 +1,8 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="using:ClaudeDo.Ui.ViewModels.Islands"
+             x:Class="ClaudeDo.Ui.Views.Islands.ListsIslandView"
+             x:DataType="vm:ListsIslandViewModel">
+  <TextBlock Margin="14" Text="Lists (placeholder)"
+             Foreground="{DynamicResource TextDimBrush}"/>
+</UserControl>
diff --git a/src/ClaudeDo.Ui/Views/Islands/ListsIslandView.axaml.cs b/src/ClaudeDo.Ui/Views/Islands/ListsIslandView.axaml.cs
new file mode 100644
index 0000000..ca5f790
--- /dev/null
+++ b/src/ClaudeDo.Ui/Views/Islands/ListsIslandView.axaml.cs
@@ -0,0 +1,8 @@
+using Avalonia.Controls;
+
+namespace ClaudeDo.Ui.Views.Islands;
+
+public partial class ListsIslandView : UserControl
+{
+    public ListsIslandView() { InitializeComponent(); }
+}
diff --git a/src/ClaudeDo.Ui/Views/Islands/TasksIslandView.axaml b/src/ClaudeDo.Ui/Views/Islands/TasksIslandView.axaml
new file mode 100644
index 0000000..d0d86bb
--- /dev/null
+++ b/src/ClaudeDo.Ui/Views/Islands/TasksIslandView.axaml
@@ -0,0 +1,8 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="using:ClaudeDo.Ui.ViewModels.Islands"
+             x:Class="ClaudeDo.Ui.Views.Islands.TasksIslandView"
+             x:DataType="vm:TasksIslandViewModel">
+  <TextBlock Margin="14" Text="Tasks (placeholder)"
+             Foreground="{DynamicResource TextDimBrush}"/>
+</UserControl>
diff --git a/src/ClaudeDo.Ui/Views/Islands/TasksIslandView.axaml.cs b/src/ClaudeDo.Ui/Views/Islands/TasksIslandView.axaml.cs
new file mode 100644
index 0000000..5b7d959
--- /dev/null
+++ b/src/ClaudeDo.Ui/Views/Islands/TasksIslandView.axaml.cs
@@ -0,0 +1,8 @@
+using Avalonia.Controls;
+
+namespace ClaudeDo.Ui.Views.Islands;
+
+public partial class TasksIslandView : UserControl
+{
+    public TasksIslandView() { InitializeComponent(); }
+}
diff --git a/src/ClaudeDo.Ui/Views/MainWindow.axaml b/src/ClaudeDo.Ui/Views/MainWindow.axaml
index 51edb05..e929199 100644
--- a/src/ClaudeDo.Ui/Views/MainWindow.axaml
+++ b/src/ClaudeDo.Ui/Views/MainWindow.axaml
@@ -1,104 +1,42 @@
 <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="1200" d:DesignHeight="700"
+        xmlns:islands="using:ClaudeDo.Ui.Views.Islands"
         x:Class="ClaudeDo.Ui.Views.MainWindow"
-        x:DataType="vm:MainWindowViewModel"
+        x:DataType="vm:IslandsShellViewModel"
         Title="ClaudeDo"
-        Icon="avares://ClaudeDo.App/Assets/ClaudeTask.ico"
-        MinWidth="800" MinHeight="500"
-        KeyDown="OnGlobalKeyDown">
+        Width="1280" Height="820" MinWidth="780" MinHeight="600"
+        Background="{DynamicResource VoidBrush}"
+        SystemDecorations="None"
+        ExtendClientAreaToDecorationsHint="True"
+        ExtendClientAreaTitleBarHeightHint="-1">
+  <Grid RowDefinitions="36,*">
+    <!-- Custom title bar -->
+    <Border Grid.Row="0" Background="{DynamicResource DeepBrush}" PointerPressed="OnTitleBarPressed">
+      <Grid ColumnDefinitions="*,Auto">
+        <TextBlock Grid.Column="0" Margin="14,0" VerticalAlignment="Center"
+                   FontFamily="{DynamicResource SansFamily}" FontSize="12"
+                   Foreground="{DynamicResource TextDimBrush}" Text="ClaudeDo"/>
+        <StackPanel Grid.Column="1" Orientation="Horizontal" Spacing="0">
+          <Button Classes="title-btn" Click="OnMinimize" Content="—"/>
+          <Button Classes="title-btn" Click="OnToggleMax" Content="▢"/>
+          <Button Classes="title-btn close" Click="OnClose" Content="✕"/>
+        </StackPanel>
+      </Grid>
+    </Border>
 
-    <DockPanel Background="{StaticResource WindowBgBrush}">
-        <v:StatusBarView DockPanel.Dock="Bottom" DataContext="{Binding StatusBar}" />
-
-        <Grid ColumnDefinitions="1*,2*,1.5*" Margin="8,8,8,0">
-
-            <!-- Lists island -->
-            <Border Grid.Column="0" CornerRadius="12" Background="{StaticResource IslandBgBrush}"
-                    MinWidth="180" Margin="0,0,4,8" ClipToBounds="True">
-                <DockPanel>
-                    <TextBlock DockPanel.Dock="Top"
-                               Text="Lists" FontWeight="SemiBold" FontSize="13"
-                               Foreground="{StaticResource TextSecondaryBrush}"
-                               Margin="16,14,16,10"/>
-
-                    <Border DockPanel.Dock="Bottom" Padding="8,8"
-                            BorderThickness="0,1,0,0" BorderBrush="{StaticResource BorderSubtleBrush}">
-                        <Button Content="+ New List"
-                                Command="{Binding AddListCommand}"
-                                Background="Transparent"
-                                Foreground="{StaticResource AccentBrush}"
-                                BorderThickness="0"
-                                Padding="12,8"
-                                HorizontalAlignment="Stretch"
-                                HorizontalContentAlignment="Left"
-                                FontSize="13"
-                                Cursor="Hand"/>
-                    </Border>
-
-                    <ListBox x:Name="ListsBox"
-                             ItemsSource="{Binding Lists}"
-                             SelectedItem="{Binding SelectedList}"
-                             Background="Transparent"
-                             Margin="4,0">
-                        <ListBox.ItemTemplate>
-                            <DataTemplate x:DataType="vm:ListItemViewModel">
-                                <Grid ColumnDefinitions="Auto,*" Margin="8,6"
-                                      Background="Transparent"
-                                      DoubleTapped="OnListItemDoubleTapped"
-                                      PointerPressed="OnListItemPointerPressed">
-                                    <Grid.ContextFlyout>
-                                        <MenuFlyout>
-                                            <MenuItem Header="Edit"
-                                                      Command="{Binding $parent[Window].((vm:MainWindowViewModel)DataContext).EditListCommand}"/>
-                                            <MenuItem Header="Delete"
-                                                      Command="{Binding $parent[Window].((vm:MainWindowViewModel)DataContext).DeleteListCommand}"/>
-                                            <Separator/>
-                                            <MenuItem Header="New Task"
-                                                      Command="{Binding $parent[Window].((vm:MainWindowViewModel)DataContext).TaskList.AddTaskCommand}"/>
-                                        </MenuFlyout>
-                                    </Grid.ContextFlyout>
-
-                                    <Ellipse Grid.Column="0" Width="8" Height="8"
-                                             Fill="{Binding DotBrush}"
-                                             VerticalAlignment="Center" Margin="0,0,10,0"/>
-
-                                    <StackPanel Grid.Column="1">
-                                        <TextBlock Text="{Binding Name}" FontWeight="Medium"
-                                                   Foreground="{StaticResource TextSecondaryBrush}"/>
-                                        <TextBlock Text="{Binding WorkingDir}" FontSize="10"
-                                                   Foreground="{StaticResource TextDimBrush}"
-                                                   IsVisible="{Binding WorkingDir, Converter={x:Static ObjectConverters.IsNotNull}}"/>
-                                    </StackPanel>
-                                </Grid>
-                            </DataTemplate>
-                        </ListBox.ItemTemplate>
-                    </ListBox>
-                </DockPanel>
-            </Border>
-
-            <!-- Tasks island -->
-            <Border Grid.Column="1" CornerRadius="12" Background="{StaticResource IslandBgBrush}"
-                    Margin="4,0,4,8" ClipToBounds="True">
-                <DockPanel>
-                    <TextBlock DockPanel.Dock="Top"
-                               Text="{Binding TaskList.ListName, FallbackValue='Tasks'}"
-                               FontWeight="SemiBold" FontSize="16"
-                               Foreground="{StaticResource TextPrimaryBrush}"
-                               Margin="16,14,16,10"/>
-                    <v:TaskListView DataContext="{Binding TaskList}" />
-                </DockPanel>
-            </Border>
-
-            <!-- Detail island -->
-            <Border Grid.Column="2" CornerRadius="12" Background="{StaticResource IslandBgBrush}"
-                    MinWidth="280" Margin="4,0,0,8" ClipToBounds="True">
-                <v:TaskDetailView DataContext="{Binding TaskDetail}" />
-            </Border>
-        </Grid>
-    </DockPanel>
+    <!-- Three islands -->
+    <Grid Grid.Row="1" Margin="7" ColumnDefinitions="260,*,320">
+      <Border Grid.Column="0" Classes="island" Margin="7">
+        <islands:ListsIslandView DataContext="{Binding Lists}"/>
+      </Border>
+      <Border Grid.Column="1" Classes="island" Margin="7">
+        <islands:TasksIslandView DataContext="{Binding Tasks}"/>
+      </Border>
+      <Border Grid.Column="2" Classes="island" Margin="7"
+              IsVisible="{Binding ShowDetails}">
+        <islands:DetailsIslandView DataContext="{Binding Details}"/>
+      </Border>
+    </Grid>
+  </Grid>
 </Window>
diff --git a/src/ClaudeDo.Ui/Views/MainWindow.axaml.cs b/src/ClaudeDo.Ui/Views/MainWindow.axaml.cs
index df92e56..282e67b 100644
--- a/src/ClaudeDo.Ui/Views/MainWindow.axaml.cs
+++ b/src/ClaudeDo.Ui/Views/MainWindow.axaml.cs
@@ -1,75 +1,27 @@
-using System;
-using System.Linq;
 using Avalonia.Controls;
 using Avalonia.Input;
-using Avalonia.Interactivity;
-using Avalonia.VisualTree;
 using ClaudeDo.Ui.ViewModels;
 
 namespace ClaudeDo.Ui.Views;
 
 public partial class MainWindow : Window
 {
-    public MainWindow()
+    public MainWindow() { InitializeComponent(); }
+
+    private void OnTitleBarPressed(object? sender, PointerPressedEventArgs e)
     {
-        InitializeComponent();
+        if (e.GetCurrentPoint(this).Properties.IsLeftButtonPressed)
+            BeginMoveDrag(e);
     }
+    private void OnMinimize(object? s, Avalonia.Interactivity.RoutedEventArgs e) =>
+        WindowState = WindowState.Minimized;
+    private void OnToggleMax(object? s, Avalonia.Interactivity.RoutedEventArgs e) =>
+        WindowState = WindowState == WindowState.Maximized ? WindowState.Normal : WindowState.Maximized;
+    private void OnClose(object? s, Avalonia.Interactivity.RoutedEventArgs e) => Close();
 
-    protected override async void OnOpened(EventArgs e)
+    protected override void OnSizeChanged(SizeChangedEventArgs e)
     {
-        base.OnOpened(e);
-        if (DataContext is MainWindowViewModel vm)
-            await vm.InitializeAsync();
-    }
-
-    private void OnGlobalKeyDown(object? sender, KeyEventArgs e)
-    {
-        if (DataContext is not MainWindowViewModel vm) return;
-
-        var ctrl = e.KeyModifiers.HasFlag(KeyModifiers.Control);
-        var shift = e.KeyModifiers.HasFlag(KeyModifiers.Shift);
-
-        if (ctrl && shift && e.Key == Key.N)
-        {
-            vm.AddListCommand.Execute(null);
-            e.Handled = true;
-        }
-        else if (ctrl && e.Key == Key.N)
-        {
-            var taskListView = this.GetVisualDescendants().OfType<TaskListView>().FirstOrDefault();
-            taskListView?.FocusInlineAdd();
-            e.Handled = true;
-        }
-        else if (ctrl && e.Key == Key.L)
-        {
-            this.FindControl<ListBox>("ListsBox")?.Focus();
-            e.Handled = true;
-        }
-        else if (ctrl && e.Key == Key.R)
-        {
-            if (vm.TaskList.SelectedTask is { } task)
-            {
-                task.RunNowCommand.Execute(null);
-                e.Handled = true;
-            }
-        }
-    }
-
-    private void OnListItemDoubleTapped(object? sender, TappedEventArgs e)
-    {
-        if (DataContext is MainWindowViewModel vm)
-            vm.EditListCommand.Execute(null);
-    }
-
-    private void OnListItemPointerPressed(object? sender, PointerPressedEventArgs e)
-    {
-        var props = e.GetCurrentPoint(this).Properties;
-        if (!props.IsRightButtonPressed) return;
-
-        if (sender is Grid { DataContext: ListItemViewModel item }
-            && DataContext is MainWindowViewModel vm)
-        {
-            vm.SelectedList = item;
-        }
+        base.OnSizeChanged(e);
+        if (DataContext is IslandsShellViewModel vm) vm.WindowWidth = Bounds.Width;
     }
 }