AX Agent 좌측 패널과 하단 상태바 형태 정리

- ChatWindow 사이드바 폭을 줄이고 헤더 배지, 새 대화/검색/카테고리 메뉴 행의 패딩과 아이콘 크기를 낮춰 claw-code 방향의 얇은 내비게이션으로 조정함 - 아이콘 바 사용자 배지, 하단 계정 영역, 삭제 버튼, 상태바 높이와 상태 아이콘 형태를 함께 단순화해 전체 시각 언어를 더 중립적으로 통일함 - README와 DEVELOPMENT 문서에 2026-04-05 14:43 (KST) 기준 작업 이력을 반영하고 Release 빌드 경고 0 오류 0을 확인함
2026-04-05 13:27:58 +09:00
parent 2d7ede357e
commit cec4b75999
3 changed files with 80 additions and 67 deletions
--- a/src/AxCopilot/Views/ChatWindow.xaml
+++ b/src/AxCopilot/Views/ChatWindow.xaml
@@ -406,7 +406,7 @@
                <!-- 축소 아이콘 바 (사이드바 닫힘 시 표시) -->
                <ColumnDefinition x:Name="IconBarColumn" Width="0"/>
                <!-- 사이드바 (열림 시 표시) -->
-                <ColumnDefinition x:Name="SidebarColumn" Width="270" MinWidth="0"/>
+                <ColumnDefinition x:Name="SidebarColumn" Width="256" MinWidth="0"/>
                <ColumnDefinition Width="*"/>
                <!-- 미리보기 스플리터 -->
                <ColumnDefinition x:Name="SplitterColumn" Width="0"/>
@@ -416,7 +416,9 @@

            <!-- ══ 축소 아이콘 바 (사이드바 닫힘 시) ══ -->
            <Border x:Name="IconBarPanel" Grid.Column="0"
-                    Background="{DynamicResource ItemBackground}"
+                    Background="{DynamicResource LauncherBackground}"
+                    BorderBrush="{DynamicResource BorderColor}"
+                    BorderThickness="0,0,1,0"
                    Visibility="Collapsed">
                <Grid>
                    <Grid.RowDefinitions>
@@ -427,25 +429,25 @@

                    <!-- 상단 아이콘들 -->
                    <StackPanel Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <Button Style="{StaticResource GhostBtn}" Padding="10,8"
+                        <Button Style="{StaticResource GhostBtn}" Padding="8,7"
                                Click="BtnNewChat_Click" ToolTip="새 대화"
                                WindowChrome.IsHitTestVisibleInChrome="True">
-                            <TextBlock Text="&#xE710;" FontFamily="Segoe MDL2 Assets" FontSize="15"
+                            <TextBlock Text="&#xE710;" FontFamily="Segoe MDL2 Assets" FontSize="14"
                                       Foreground="{DynamicResource SecondaryText}"/>
                        </Button>
                    </StackPanel>

                    <StackPanel Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Center" Margin="0,8,0,0">
-                        <Button Style="{StaticResource GhostBtn}" Padding="10,8"
+                        <Button Style="{StaticResource GhostBtn}" Padding="8,7"
                                Click="BtnToggleSidebar_Click" ToolTip="검색"
                                WindowChrome.IsHitTestVisibleInChrome="True">
-                            <TextBlock Text="&#xE721;" FontFamily="Segoe MDL2 Assets" FontSize="14"
+                            <TextBlock Text="&#xE721;" FontFamily="Segoe MDL2 Assets" FontSize="13"
                                       Foreground="{DynamicResource SecondaryText}"/>
                        </Button>
-                        <Button Style="{StaticResource GhostBtn}" Padding="10,8"
+                        <Button Style="{StaticResource GhostBtn}" Padding="8,7"
                                Click="BtnCategoryDrop_Click" ToolTip="대화 필터"
                                WindowChrome.IsHitTestVisibleInChrome="True">
-                            <TextBlock Text="&#xE8BD;" FontFamily="Segoe MDL2 Assets" FontSize="14"
+                            <TextBlock Text="&#xE8BD;" FontFamily="Segoe MDL2 Assets" FontSize="13"
                                       Foreground="{DynamicResource SecondaryText}"/>
                        </Button>
                    </StackPanel>
@@ -455,10 +457,12 @@
                            HorizontalAlignment="Center" VerticalAlignment="Center"
                            ToolTip="" Padding="0"
                            WindowChrome.IsHitTestVisibleInChrome="True">
-                        <Border Width="32" Height="32" CornerRadius="16"
-                                Background="{DynamicResource AccentColor}">
-                            <TextBlock x:Name="UserInitialIconBar" Text="U" FontSize="13" FontWeight="Bold"
-                                       Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+                        <Border Width="30" Height="30" CornerRadius="15"
+                                Background="{DynamicResource HintBackground}"
+                                BorderBrush="{DynamicResource BorderColor}"
+                                BorderThickness="1">
+                            <TextBlock x:Name="UserInitialIconBar" Text="U" FontSize="12.5" FontWeight="SemiBold"
+                                       Foreground="{DynamicResource PrimaryText}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Border>
                    </Button>
                </Grid>
@@ -483,26 +487,28 @@
                    </Grid.RowDefinitions>

                    <!-- 헤더 -->
-                    <Grid Grid.Row="0" Margin="16,0">
+                    <Grid Grid.Row="0" Margin="14,0">
                        <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
-                            <Border Background="{DynamicResource AccentColor}" CornerRadius="8"
-                                    Width="28" Height="28">
-                                <TextBlock Text="&#xE8BD;" FontFamily="Segoe MDL2 Assets" FontSize="14"
-                                           Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+                            <Border Background="{DynamicResource HintBackground}" CornerRadius="7"
+                                    BorderBrush="{DynamicResource BorderColor}"
+                                    BorderThickness="1"
+                                    Width="24" Height="24">
+                                <TextBlock Text="&#xE8BD;" FontFamily="Segoe MDL2 Assets" FontSize="12"
+                                           Foreground="{DynamicResource AccentColor}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            </Border>
-                            <TextBlock Text="AX Agent" FontSize="14.5" FontWeight="SemiBold"
+                            <TextBlock Text="AX Agent" FontSize="13.5" FontWeight="SemiBold"
                                       Foreground="{DynamicResource PrimaryText}"
-                                       VerticalAlignment="Center" Margin="10,0,0,0"/>
+                                       VerticalAlignment="Center" Margin="9,0,0,0"/>
                        </StackPanel>
                    </Grid>

                    <!-- 상단 액션 -->
-                    <Grid Grid.Row="1" Margin="12,2,12,8">
+                    <Grid Grid.Row="1" Margin="12,2,12,6">
                        <StackPanel>
                            <Border x:Name="SidebarNewChatTrigger"
                                    Background="Transparent"
-                                    CornerRadius="10"
-                                    Padding="10,8"
+                                    CornerRadius="8"
+                                    Padding="9,7"
                                    Cursor="Hand"
                                    MouseEnter="SidebarNewChatTrigger_MouseEnter"
                                    MouseLeave="SidebarNewChatTrigger_MouseLeave"
@@ -513,11 +519,11 @@
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>
-                                    <TextBlock Text="&#xE710;" FontFamily="Segoe MDL2 Assets" FontSize="12"
+                                    <TextBlock Text="&#xE710;" FontFamily="Segoe MDL2 Assets" FontSize="11"
                                               Foreground="{DynamicResource SecondaryText}" VerticalAlignment="Center"/>
                                    <TextBlock Grid.Column="1" Text="새 대화"
                                               Foreground="{DynamicResource PrimaryText}"
-                                               FontSize="11.5" Margin="8,0,0,0" VerticalAlignment="Center"/>
+                                               FontSize="11" Margin="7,0,0,0" VerticalAlignment="Center"/>
                                    <TextBlock x:Name="SidebarNewChatShortcutHint"
                                               Grid.Column="2"
                                               Text="Ctrl+N"
@@ -530,8 +536,8 @@

                            <Border x:Name="SidebarSearchTrigger"
                                    Background="Transparent"
-                                    CornerRadius="10"
-                                    Padding="10,8"
+                                    CornerRadius="8"
+                                    Padding="9,7"
                                    Cursor="Hand"
                                    MouseEnter="SidebarSearchTrigger_MouseEnter"
                                    MouseLeave="SidebarSearchTrigger_MouseLeave"
@@ -542,11 +548,11 @@
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>
-                                    <TextBlock Text="&#xE721;" FontFamily="Segoe MDL2 Assets" FontSize="12"
+                                    <TextBlock Text="&#xE721;" FontFamily="Segoe MDL2 Assets" FontSize="11"
                                               Foreground="{DynamicResource SecondaryText}" VerticalAlignment="Center"/>
                                    <TextBlock Grid.Column="1" Text="검색"
                                               Foreground="{DynamicResource PrimaryText}"
-                                               FontSize="11.5" Margin="8,0,0,0" VerticalAlignment="Center"/>
+                                               FontSize="11" Margin="7,0,0,0" VerticalAlignment="Center"/>
                                    <TextBlock x:Name="SidebarSearchShortcutHint"
                                               Grid.Column="2"
                                               Text="Ctrl+K"
@@ -559,8 +565,8 @@

                            <Border x:Name="SidebarSearchEditor"
                                    Background="{DynamicResource ItemBackground}"
-                                    CornerRadius="12"
-                                    Padding="10,7"
+                                    CornerRadius="10"
+                                    Padding="9,6"
                                    Visibility="Collapsed"
                                    Opacity="0"
                                    RenderTransformOrigin="0,0.5">
@@ -637,18 +643,18 @@
                    </Grid>

                    <!-- 상단 필터 드롭다운 -->
-                    <Border Grid.Row="2" Margin="12,0,12,4">
+                    <Border Grid.Row="2" Margin="12,0,12,3">
                        <Button x:Name="BtnCategoryDrop" Style="{StaticResource GhostBtn}"
-                                HorizontalAlignment="Stretch" Padding="10,5"
+                                HorizontalAlignment="Stretch" Padding="8,4"
                                Click="BtnCategoryDrop_Click">
                            <Grid HorizontalAlignment="Stretch">
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock x:Name="CategoryIcon" Text="&#xE8BD;"
-                                               FontFamily="Segoe MDL2 Assets" FontSize="12"
+                                               FontFamily="Segoe MDL2 Assets" FontSize="11"
                                               Foreground="{DynamicResource AccentColor}"
                                               VerticalAlignment="Center" Margin="0,0,8,0"/>
                                    <TextBlock x:Name="CategoryLabel" Text="모든 주제"
-                                               FontSize="11.5" FontWeight="SemiBold"
+                                               FontSize="11" FontWeight="SemiBold"
                                               Foreground="{DynamicResource PrimaryText}"
                                               VerticalAlignment="Center"/>
                                </StackPanel>
@@ -660,7 +666,7 @@
                    </Border>

                    <!-- 탭별 좌측 메뉴 -->
-                    <Border Grid.Row="3" Margin="12,0,12,8"
+                    <Border Grid.Row="3" Margin="12,0,12,6"
                            Background="Transparent"
                            BorderBrush="Transparent"
                            BorderThickness="0"
@@ -680,7 +686,7 @@

                            <StackPanel x:Name="SidebarChatMenu" Visibility="Visible">
                                <Border Cursor="Hand" Background="Transparent" CornerRadius="8"
-                                        Padding="8,5" Margin="0,0,0,3"
+                                        Padding="8,4" Margin="0,0,0,2"
                                        MouseLeftButtonUp="SidebarChatAll_MouseLeftButtonUp">
                                    <Grid>
                                        <Grid.ColumnDefinitions>
@@ -688,17 +694,17 @@
                                            <ColumnDefinition Width="*"/>
                                            <ColumnDefinition Width="Auto"/>
                                        </Grid.ColumnDefinitions>
-                                        <TextBlock Text="&#xE8BD;" FontFamily="Segoe MDL2 Assets" FontSize="12"
+                                        <TextBlock Text="&#xE8BD;" FontFamily="Segoe MDL2 Assets" FontSize="11"
                                                   Foreground="{DynamicResource AccentColor}" VerticalAlignment="Center"/>
                                        <TextBlock Grid.Column="1" Text="주제"
                                                   Foreground="{DynamicResource PrimaryText}"
-                                                   FontSize="11.5" Margin="8,0,0,0" VerticalAlignment="Center"/>
+                                                   FontSize="11" Margin="7,0,0,0" VerticalAlignment="Center"/>
                                        <TextBlock Grid.Column="2" Text="&#xE70D;" FontFamily="Segoe MDL2 Assets" FontSize="9"
                                                   Foreground="{DynamicResource SecondaryText}" VerticalAlignment="Center"/>
                                    </Grid>
                                </Border>
                                <Border x:Name="SidebarChatRunningRow" Cursor="Hand" Background="Transparent" CornerRadius="8"
-                                        Padding="8,5"
+                                        Padding="8,4"
                                        MouseLeftButtonUp="SidebarChatRunning_MouseLeftButtonUp"
                                        Visibility="Collapsed">
                                    <Grid>
@@ -707,21 +713,21 @@
                                            <ColumnDefinition Width="*"/>
                                            <ColumnDefinition Width="Auto"/>
                                        </Grid.ColumnDefinitions>
-                                        <TextBlock Text="&#xE768;" FontFamily="Segoe MDL2 Assets" FontSize="12"
+                                        <TextBlock Text="&#xE768;" FontFamily="Segoe MDL2 Assets" FontSize="11"
                                                   Foreground="#22C55E" VerticalAlignment="Center"/>
                                        <TextBlock Grid.Column="1" Text="진행 중 대화만 보기"
                                                   Foreground="{DynamicResource PrimaryText}"
-                                                   FontSize="11.5" Margin="8,0,0,0" VerticalAlignment="Center"/>
+                                                   FontSize="11" Margin="7,0,0,0" VerticalAlignment="Center"/>
                                        <TextBlock Grid.Column="2" x:Name="SidebarChatRunningState" Text="OFF"
                                                   Foreground="{DynamicResource SecondaryText}"
-                                                   FontSize="11" VerticalAlignment="Center"/>
+                                                   FontSize="10.5" VerticalAlignment="Center"/>
                                    </Grid>
                                </Border>
                            </StackPanel>

                            <StackPanel x:Name="SidebarCoworkMenu" Visibility="Collapsed">
                                <Border Cursor="Hand" Background="Transparent" CornerRadius="8"
-                                        Padding="8,5" Margin="0,0,0,3"
+                                        Padding="8,4" Margin="0,0,0,2"
                                        MouseLeftButtonUp="SidebarCoworkCategory_MouseLeftButtonUp">
                                    <Grid>
                                        <Grid.ColumnDefinitions>
@@ -729,11 +735,11 @@
                                            <ColumnDefinition Width="*"/>
                                            <ColumnDefinition Width="Auto"/>
                                        </Grid.ColumnDefinitions>
-                                        <TextBlock Text="&#xE8FD;" FontFamily="Segoe MDL2 Assets" FontSize="12"
+                                        <TextBlock Text="&#xE8FD;" FontFamily="Segoe MDL2 Assets" FontSize="11"
                                                   Foreground="#3B82F6" VerticalAlignment="Center"/>
                                        <TextBlock Grid.Column="1" Text="작업 유형"
                                                   Foreground="{DynamicResource PrimaryText}"
-                                                   FontSize="11.5" Margin="8,0,0,0" VerticalAlignment="Center"/>
+                                                   FontSize="11" Margin="7,0,0,0" VerticalAlignment="Center"/>
                                        <TextBlock Grid.Column="2" Text="&#xE70D;" FontFamily="Segoe MDL2 Assets" FontSize="9"
                                                   Foreground="{DynamicResource SecondaryText}" VerticalAlignment="Center"/>
                                    </Grid>
@@ -742,7 +748,7 @@

                            <StackPanel x:Name="SidebarCodeMenu" Visibility="Collapsed">
                                <Border Cursor="Hand" Background="Transparent" CornerRadius="8"
-                                        Padding="8,5" Margin="0,0,0,3"
+                                        Padding="8,4" Margin="0,0,0,2"
                                        MouseLeftButtonUp="SidebarCodeCategory_MouseLeftButtonUp">
                                    <Grid>
                                        <Grid.ColumnDefinitions>
@@ -750,11 +756,11 @@
                                            <ColumnDefinition Width="*"/>
                                            <ColumnDefinition Width="Auto"/>
                                        </Grid.ColumnDefinitions>
-                                        <TextBlock Text="&#xE943;" FontFamily="Segoe MDL2 Assets" FontSize="12"
+                                        <TextBlock Text="&#xE943;" FontFamily="Segoe MDL2 Assets" FontSize="11"
                                                   Foreground="#3B82F6" VerticalAlignment="Center"/>
                                        <TextBlock Grid.Column="1" Text="워크스페이스"
                                                   Foreground="{DynamicResource PrimaryText}"
-                                                   FontSize="11.5" Margin="8,0,0,0" VerticalAlignment="Center"/>
+                                                   FontSize="11" Margin="7,0,0,0" VerticalAlignment="Center"/>
                                        <TextBlock Grid.Column="2" Text="&#xE70D;" FontFamily="Segoe MDL2 Assets" FontSize="9"
                                                   Foreground="{DynamicResource SecondaryText}" VerticalAlignment="Center"/>
                                    </Grid>
@@ -766,19 +772,19 @@
                    <!-- 대화 목록 -->
                    <ScrollViewer Grid.Row="4" VerticalScrollBarVisibility="Auto"
                                  HorizontalScrollBarVisibility="Disabled">
-                        <StackPanel x:Name="ConversationPanel" Margin="8,0"/>
+                        <StackPanel x:Name="ConversationPanel" Margin="8,0,8,0"/>
                    </ScrollViewer>

                    <!-- 하단: 삭제 -->
                    <Border Grid.Row="5" BorderBrush="{DynamicResource SeparatorColor}" BorderThickness="0,1,0,0"
-                            Padding="0,4">
+                            Padding="0,3">
                        <Button x:Name="BtnDeleteAll" Style="{StaticResource GhostBtn}"
                                HorizontalAlignment="Center" VerticalAlignment="Center"
                                Click="BtnDeleteAll_Click">
                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Text="&#xE74D;" FontFamily="Segoe MDL2 Assets" FontSize="11"
-                                           Foreground="#AA5555" VerticalAlignment="Center" Margin="0,0,6,0"/>
-                                <TextBlock Text="전체 삭제" FontSize="11" Foreground="#AA5555"/>
+                                <TextBlock Text="&#xE74D;" FontFamily="Segoe MDL2 Assets" FontSize="10.5"
+                                           Foreground="#AA5555" VerticalAlignment="Center" Margin="0,0,5,0"/>
+                                <TextBlock Text="전체 삭제" FontSize="10.5" Foreground="#AA5555"/>
                            </StackPanel>
                        </Button>
                    </Border>
@@ -791,29 +797,32 @@
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
-                            <Border Grid.Column="0" Width="34" Height="34" CornerRadius="17"
-                                    Background="{DynamicResource AccentColor}" Margin="0,0,10,0">
-                                <TextBlock x:Name="UserInitialSidebar" Text="U" FontSize="14" FontWeight="Bold"
-                                           Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+                            <Border Grid.Column="0" Width="32" Height="32" CornerRadius="16"
+                                    Background="{DynamicResource HintBackground}"
+                                    BorderBrush="{DynamicResource BorderColor}"
+                                    BorderThickness="1"
+                                    Margin="0,0,10,0">
+                                <TextBlock x:Name="UserInitialSidebar" Text="U" FontSize="13" FontWeight="SemiBold"
+                                           Foreground="{DynamicResource PrimaryText}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            </Border>
                            <StackPanel Grid.Column="1" VerticalAlignment="Center">
-                                <TextBlock x:Name="UserNameText" Text="" FontSize="12" FontWeight="SemiBold"
+                                <TextBlock x:Name="UserNameText" Text="" FontSize="11.5" FontWeight="SemiBold"
                                           Foreground="{DynamicResource PrimaryText}"
                                           TextTrimming="CharacterEllipsis"/>
-                                <TextBlock x:Name="UserPcText" Text="" FontSize="10"
+                                <TextBlock x:Name="UserPcText" Text="" FontSize="9.5"
                                           Foreground="{DynamicResource SecondaryText}"/>
                            </StackPanel>
                            <Button x:Name="BtnSidebarSettings"
                                    Grid.Column="2"
                                    Style="{StaticResource GhostBtn}"
-                                    Width="32" Height="32"
+                                    Width="28" Height="28"
                                    Margin="8,0,0,0"
                                    VerticalAlignment="Center"
                                    Click="BtnSettings_Click"
                                    ToolTip="AX Agent 설정">
                                <TextBlock Text="&#xE713;"
                                           FontFamily="Segoe MDL2 Assets"
-                                           FontSize="13"
+                                           FontSize="12"
                                           Foreground="{DynamicResource SecondaryText}"
                                           HorizontalAlignment="Center"
                                           VerticalAlignment="Center"/>
@@ -2280,20 +2289,20 @@
                <!-- ── 하단 상태바 (AX Agent 스타일) ── -->
                <Border Grid.Row="6" Background="{DynamicResource LauncherBackground}"
                        BorderBrush="{DynamicResource SeparatorColor}" BorderThickness="0,1,0,0"
-                        Padding="12,4,12,4" Height="28">
+                        Padding="10,3,10,3" Height="26">
                    <Grid>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left"
                                    VerticalAlignment="Center">
                            <!-- 상태 아이콘 (다이아몬드 + 애니메이션) -->
-                            <TextBlock x:Name="StatusDiamond" Text="◆" FontSize="10"
+                            <TextBlock x:Name="StatusDiamond" Text="●" FontSize="8.5"
                                       Foreground="{DynamicResource AccentColor}"
-                                       VerticalAlignment="Center" Margin="0,0,6,0"
+                                       VerticalAlignment="Center" Margin="0,0,5,0"
                                       RenderTransformOrigin="0.5,0.5">
                                <TextBlock.RenderTransform>
                                    <RotateTransform x:Name="StatusDiamondRotate" Angle="0"/>
                                </TextBlock.RenderTransform>
                            </TextBlock>
-                            <TextBlock x:Name="StatusLabel" Text="대기 중" FontSize="11"
+                            <TextBlock x:Name="StatusLabel" Text="대기 중" FontSize="10"
                                       Foreground="{DynamicResource SecondaryText}"
                                       VerticalAlignment="Center"/>
                        </StackPanel>