releases/ClaudeDo
2
0
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Projects Releases 12 Wiki Activity

style(ui): polish islands and remove terminal traffic-light dots

Browse Source
This commit is contained in:
Mika Kuns
2026-04-21 15:56:07 +02:00
parent e6b37624a1
commit 0406d35b61
12 changed files with 330 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/ClaudeDo.Ui/Views/Islands/SessionTerminalView.axaml
View File

@@ -10,13 +10,6 @@
<Grid DockPanel.Dock="Top" ColumnDefinitions="Auto,*,Auto"
Background="{DynamicResource Surface2Brush}"
Height="28">
<!-- Traffic-light dots -->
<StackPanel Grid.Column="0" Orientation="Horizontal" Spacing="4"
VerticalAlignment="Center" Margin="10,0,0,0">
<Ellipse Classes="dot-red"/>
<Ellipse Classes="dot-yellow"/>
<Ellipse Classes="dot-green"/>
</StackPanel>
<!-- Session label -->
<TextBlock Grid.Column="1"
Text="{Binding BranchLine, StringFormat='claude-session · {0}'}"
@@ -26,36 +19,34 @@
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
<!-- LIVE chip -->
<Border Grid.Column="2" Classes="live-chip"
Classes.pulsing="{Binding IsRunning}"
<Border Grid.Column="2" Classes="live-chip pulsing"
IsVisible="{Binding IsRunning}"
Margin="0,0,8,0" VerticalAlignment="Center">
<StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
<Ellipse VerticalAlignment="Center"/>
<TextBlock Text="LIVE" VerticalAlignment="Center"/>
</StackPanel>
</Border>
</Grid>
<!-- ── Prompt input (docked bottom) ── -->
<Grid DockPanel.Dock="Bottom" ColumnDefinitions="Auto,*"
Margin="0,0,0,0"
Background="{DynamicResource Surface2Brush}">
<Border Grid.ColumnSpan="2"
BorderBrush="{DynamicResource LineBrush}"
BorderThickness="0,1,0,0"/>
<TextBlock Grid.Column="0" Text="›"
FontFamily="{DynamicResource MonoFont}"
FontSize="11" Foreground="{DynamicResource MossBrush}"
VerticalAlignment="Center" Margin="10,0,8,0"/>
<TextBox Grid.Column="1"
Text="{Binding PromptInput, Mode=TwoWay}"
FontFamily="{DynamicResource MonoFont}" FontSize="11"
Background="Transparent" BorderThickness="0"
Padding="0,6">
<TextBox.KeyBindings>
<KeyBinding Gesture="Enter" Command="{Binding SendPromptCommand}"/>
</TextBox.KeyBindings>
</TextBox>
<!-- DONE chip -->
<Border Grid.Column="2" Classes="live-chip done"
IsVisible="{Binding IsDone}"
Margin="0,0,8,0" VerticalAlignment="Center">
<StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
<Ellipse VerticalAlignment="Center" Fill="{DynamicResource MossBrush}"/>
<TextBlock Text="DONE" VerticalAlignment="Center"
Foreground="{DynamicResource MossBrush}"/>
</StackPanel>
</Border>
<!-- FAILED chip -->
<Border Grid.Column="2" Classes="live-chip failed"
IsVisible="{Binding IsFailed}"
Margin="0,0,8,0" VerticalAlignment="Center">
<StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
<Ellipse VerticalAlignment="Center" Fill="{DynamicResource BloodBrush}"/>
<TextBlock Text="FAILED" VerticalAlignment="Center"
Foreground="{DynamicResource BloodBrush}"/>
</StackPanel>
</Border>
</Grid>
<!-- ── Log output ── -->
@@ -74,12 +65,12 @@
Classes="log-kind"
Tag="{Binding ClassName}"
Text="{Binding KindMarker}"/>
<!-- Message text — inherits terminal TextBlock color from parent selector -->
<TextBlock Grid.Column="2"
Text="{Binding Text}" Tag="{Binding ClassName}"
FontFamily="{DynamicResource MonoFont}" FontSize="11"
Foreground="{DynamicResource TextDimBrush}"
TextWrapping="Wrap"/>
<!-- Message text — selectable so the user can copy raw output -->
<SelectableTextBlock Grid.Column="2"
Text="{Binding Text}" Tag="{Binding ClassName}"
FontFamily="{DynamicResource MonoFont}" FontSize="11"
Foreground="{DynamicResource TextDimBrush}"
TextWrapping="Wrap"/>
</Grid>
</DataTemplate>
</ItemsControl.ItemTemplate>