AX Agent 계획 카드와 타임라인 카드 밀도 추가 축소

- 계획 카드의 라운드, 패딩, 헤더, 진행률 텍스트, 단계 행 폰트를 더 줄여 claw-code 쪽 카드 밀도로 정리 - 컨텍스트 압축 pill과 이전 대화 로드 카드도 함께 축소해 본문 대비 존재감을 낮춤 - README와 DEVELOPMENT 문서에 2026-04-05 18:01 (KST) 기준 이력 반영 - 검증: dotnet build src/AxCopilot/AxCopilot.csproj -c Release -v minimal -p:OutputPath=bin\\verify\\ -p:IntermediateOutputPath=obj\\verify\\ (경고 0 / 오류 0)
2026-04-05 15:38:25 +09:00
parent 3ea497f10a
commit e4fddca53c
3 changed files with 33 additions and 26 deletions
--- a/README.md
+++ b/README.md
@@ -830,6 +830,9 @@ ow + toggle 시각 언어로 통일했습니다.
 - 좌측 사이드바도 한 번에 더 `claw-code` 쪽 비율로 줄였습니다. [ChatWindow.xaml](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml) 에서 헤더, 새 대화/검색 액션, 검색 편집기, 필터 드롭다운, 탭별 메뉴, 전체 삭제, 하단 사용자/설정 영역까지 패딩·폰트·아이콘·배지 크기를 전반적으로 낮췄습니다.
 - [ChatWindow.xaml.cs](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml.cs) 에서는 실제 사이드바 폭을 `270 -> 248`로 줄이고, 대화 목록 카드의 패딩, 코너, 아이콘 열 폭, 제목/날짜/실행 메타 폰트, 편집 버튼 규격, 선택 액센트 바 두께도 함께 축소해 목록이 더 차분하게 보이도록 맞췄습니다.
 - 업데이트: 2026-04-05 17:53 (KST)
+- 큰 카드형 요소도 더 `claw-code` 쪽으로 눌렀습니다. [ChatWindow.xaml.cs](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml.cs)의 `AddPlanningCard(...)` 에서 계획 카드 라운드, 패딩, 헤더 아이콘/텍스트, 진행률 텍스트, 단계 행 폰트를 전반적으로 줄였고, 계획 헤더 문구도 더 짧게 정리했습니다.
+- 같은 변경에서 `CreateCompactEventPill(...)`, `CreateTimelineLoadMoreCard(...)`도 함께 축소해 컨텍스트 압축 pill과 “이전 대화 더 보기” 카드가 본문보다 과하게 두껍게 보이지 않도록 맞췄습니다.
+- 업데이트: 2026-04-05 18:01 (KST)
 - 좌측 패널과 하단 바도 `claw-code` 쪽 밀도로 다시 맞췄습니다. [ChatWindow.xaml](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml) 에서 사이드바 폭을 줄이고, 헤더 앱 배지를 강조색 채운 정사각형 대신 `HintBackground + BorderColor` 기반의 작은 배지형으로 바꿨습니다.
 - `새 대화`, `검색`, `작업 유형/워크스페이스`, 하단 사용자 영역, 삭제 영역까지 패딩과 폰트, 아이콘 크기를 함께 낮췄고, 하단 상태바는 다이아몬드 아이콘을 작은 원형 점으로 바꿔 더 단순한 상태선처럼 보이게 정리했습니다.
 - 실행 로그 배너도 본문 침범을 더 줄였습니다. [ChatWindow.xaml.cs](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml.cs)의 `AddAgentEventBanner(...)` 에서 debug 전용 `ToolInput` 카드 길이를 더 짧게 줄였고, `FilePath`는 일반 로그에서는 빠른 액션이 붙은 카드형 대신 파일명 한 줄만 약하게 표시하도록 바꿨습니다.
--- a/docs/DEVELOPMENT.md
+++ b/docs/DEVELOPMENT.md
@@ -4608,3 +4608,7 @@ ow + toggle ?쒓컖 ?몄뼱濡??ㅼ떆 ?뺣젹?덈떎.
 - [ChatWindow.xaml.cs](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml.cs) 에서는 실제 사이드바 폭을 `270 -> 248`로 줄이고, `AddConversationItem(...)`의 대화 목록 카드 패딩, 코너, 아이콘 열 폭, 제목/날짜/실행 메타 폰트, 편집 버튼 규격, 선택 액센트 바 두께도 함께 축소해 목록 전체가 더 차분한 레이어로 보이게 맞췄습니다.
 - 검증 예정: `dotnet build src/AxCopilot/AxCopilot.csproj -c Release -v minimal -p:OutputPath=bin\verify\ -p:IntermediateOutputPath=obj\verify\`
 - 업데이트: 2026-04-05 17:53 (KST)
+- 큰 카드형 요소도 더 `claw-code` 쪽으로 눌렀습니다. [ChatWindow.xaml.cs](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml.cs)의 `AddPlanningCard(...)` 에서 계획 카드 라운드, 패딩, 헤더 아이콘/텍스트, 진행률 텍스트, 단계 행 폰트를 전반적으로 줄이고, 계획 헤더 문구도 더 짧게 정리했습니다.
+- 같은 변경에서 `CreateCompactEventPill(...)`, `CreateTimelineLoadMoreCard(...)`도 함께 축소해 컨텍스트 압축 pill과 “이전 대화 더 보기” 카드가 본문보다 과하게 두껍게 보이지 않도록 맞췄습니다.
+- 검증 예정: `dotnet build src/AxCopilot/AxCopilot.csproj -c Release -v minimal -p:OutputPath=bin\verify\ -p:IntermediateOutputPath=obj\verify\`
+- 업데이트: 2026-04-05 18:01 (KST)
--- a/src/AxCopilot/Views/ChatWindow.xaml.cs
+++ b/src/AxCopilot/Views/ChatWindow.xaml.cs
@@ -4161,7 +4161,7 @@ public partial class ChatWindow : Window
            Background = Brushes.Transparent,
            BorderBrush = borderBrush,
            BorderThickness = new Thickness(1),
-            Padding = new Thickness(10, 5, 10, 5),
+            Padding = new Thickness(8, 4, 8, 4),
            Cursor = System.Windows.Input.Cursors.Hand,
            Foreground = primaryText,
            HorizontalAlignment = HorizontalAlignment.Center,
@@ -4176,15 +4176,15 @@ public partial class ChatWindow : Window
                {
                    Text = "\uE70D",
                    FontFamily = new FontFamily("Segoe MDL2 Assets"),
-                    FontSize = 10,
+                    FontSize = 9,
                    Foreground = secondaryText,
-                    Margin = new Thickness(0, 0, 6, 0),
+                    Margin = new Thickness(0, 0, 5, 0),
                    VerticalAlignment = VerticalAlignment.Center,
                },
                new TextBlock
                {
-                    Text = $"이전 대화 {hiddenCount:N0}개 더 보기",
-                    FontSize = 11.5,
+                    Text = $"이전 대화 {hiddenCount:N0}개",
+                    FontSize = 10,
                    FontWeight = FontWeights.SemiBold,
                    Foreground = primaryText,
                    VerticalAlignment = VerticalAlignment.Center,
@@ -4201,8 +4201,8 @@ public partial class ChatWindow : Window

        return new Border
        {
-            CornerRadius = new CornerRadius(16),
-            Margin = new Thickness(0, 2, 0, 12),
+            CornerRadius = new CornerRadius(12),
+            Margin = new Thickness(0, 2, 0, 10),
            Padding = new Thickness(0),
            Background = Brushes.Transparent,
            BorderBrush = Brushes.Transparent,
@@ -4336,8 +4336,8 @@ public partial class ChatWindow : Window
            BorderBrush = borderBrush,
            BorderThickness = new Thickness(1),
            CornerRadius = new CornerRadius(999),
-            Padding = new Thickness(10, 5, 10, 5),
-            Margin = new Thickness(10, 4, 150, 4),
+            Padding = new Thickness(8, 4, 8, 4),
+            Margin = new Thickness(10, 3, 170, 3),
            HorizontalAlignment = HorizontalAlignment.Left,
            Child = new StackPanel
            {
@@ -4348,16 +4348,16 @@ public partial class ChatWindow : Window
                    {
                        Text = "\uE9CE",
                        FontFamily = new FontFamily("Segoe MDL2 Assets"),
-                        FontSize = 10,
+                        FontSize = 9,
                        Foreground = accentBrush,
                        VerticalAlignment = VerticalAlignment.Center,
                    },
                    new TextBlock
                    {
                        Text = summary,
-                        FontSize = 10.5,
+                        FontSize = 9.5,
                        Foreground = secondaryText,
-                        Margin = new Thickness(6, 0, 0, 0),
+                        Margin = new Thickness(5, 0, 0, 0),
                        VerticalAlignment = VerticalAlignment.Center,
                    }
                }
@@ -9364,9 +9364,9 @@ public partial class ChatWindow : Window
            Background = itemBg,
            BorderBrush = borderBrush,
            BorderThickness = new Thickness(1),
-            CornerRadius = new CornerRadius(18),
-            Padding = new Thickness(16, 14, 16, 14),
-            Margin = new Thickness(20, 6, 170, 10),
+            CornerRadius = new CornerRadius(14),
+            Padding = new Thickness(12, 10, 12, 10),
+            Margin = new Thickness(14, 4, 180, 8),
            HorizontalAlignment = HorizontalAlignment.Left,
            MaxWidth = GetMessageMaxWidth(),
        };
@@ -9374,27 +9374,27 @@ public partial class ChatWindow : Window
        var sp = new StackPanel();

        // 헤더
-        var header = new StackPanel { Orientation = Orientation.Horizontal, Margin = new Thickness(0, 0, 0, 6) };
+        var header = new StackPanel { Orientation = Orientation.Horizontal, Margin = new Thickness(0, 0, 0, 5) };
        header.Children.Add(new TextBlock
        {
            Text = "\uE9D5", // plan icon
            FontFamily = new FontFamily("Segoe MDL2 Assets"),
-            FontSize = 12,
+            FontSize = 10.5,
            Foreground = accentBrush,
            VerticalAlignment = VerticalAlignment.Center,
-            Margin = new Thickness(0, 0, 6, 0),
+            Margin = new Thickness(0, 0, 5, 0),
        });
        header.Children.Add(new TextBlock
        {
-            Text = $"{steps.Count}개의 작업 완료 중 0",
-            FontSize = 11.5, FontWeight = FontWeights.SemiBold,
+            Text = $"작업 {steps.Count}개 · 0 완료",
+            FontSize = 10.25, FontWeight = FontWeights.SemiBold,
            Foreground = secondaryText,
            VerticalAlignment = VerticalAlignment.Center,
        });
        sp.Children.Add(header);

        // 진행률 바
-        var progressGrid = new Grid { Margin = new Thickness(0, 0, 0, 8) };
+        var progressGrid = new Grid { Margin = new Thickness(0, 0, 0, 6) };
        progressGrid.ColumnDefinitions.Add(new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) });
        progressGrid.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Auto });

@@ -9416,9 +9416,9 @@ public partial class ChatWindow : Window
        _planProgressText = new TextBlock
        {
            Text = "0%",
-            FontSize = 10.5, FontWeight = FontWeights.SemiBold,
+            FontSize = 9.25, FontWeight = FontWeights.SemiBold,
            Foreground = secondaryText,
-            Margin = new Thickness(8, 0, 0, 0),
+            Margin = new Thickness(6, 0, 0, 0),
            VerticalAlignment = VerticalAlignment.Center,
        };
        Grid.SetColumn(_planProgressText, 1);
@@ -9439,16 +9439,16 @@ public partial class ChatWindow : Window
            stepRow.Children.Add(new TextBlock
            {
                Text = "○", // 빈 원 (미완료)
-                FontSize = 11,
+                FontSize = 10,
                Foreground = secondaryText,
                VerticalAlignment = VerticalAlignment.Center,
-                Margin = new Thickness(0, 0, 6, 0),
+                Margin = new Thickness(0, 0, 5, 0),
                Tag = "status",
            });
            stepRow.Children.Add(new TextBlock
            {
                Text = $"{i + 1}. {steps[i]}",
-                FontSize = 11.5,
+                FontSize = 10,
                Foreground = primaryText,
                TextWrapping = TextWrapping.Wrap,
                MaxWidth = Math.Max(320, GetMessageMaxWidth() - 60),