AX Agent 계획 카드와 타임라인 카드 밀도 추가 축소
Some checks failed
Release Gate / gate (push) Has been cancelled

- 계획 카드의 라운드, 패딩, 헤더, 진행률 텍스트, 단계 행 폰트를 더 줄여 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)
This commit is contained in:
2026-04-05 15:38:25 +09:00
parent 3ea497f10a
commit e4fddca53c
3 changed files with 33 additions and 26 deletions

View File

@@ -830,6 +830,9 @@ ow + toggle 시각 언어로 통일했습니다.
- 좌측 사이드바도 한 번에 더 `claw-code` 쪽 비율로 줄였습니다. [ChatWindow.xaml](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml) 에서 헤더, 새 대화/검색 액션, 검색 편집기, 필터 드롭다운, 탭별 메뉴, 전체 삭제, 하단 사용자/설정 영역까지 패딩·폰트·아이콘·배지 크기를 전반적으로 낮췄습니다. - 좌측 사이드바도 한 번에 더 `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`로 줄이고, 대화 목록 카드의 패딩, 코너, 아이콘 열 폭, 제목/날짜/실행 메타 폰트, 편집 버튼 규격, 선택 액센트 바 두께도 함께 축소해 목록이 더 차분하게 보이도록 맞췄습니다. - [ChatWindow.xaml.cs](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml.cs) 에서는 실제 사이드바 폭을 `270 -> 248`로 줄이고, 대화 목록 카드의 패딩, 코너, 아이콘 열 폭, 제목/날짜/실행 메타 폰트, 편집 버튼 규격, 선택 액센트 바 두께도 함께 축소해 목록이 더 차분하게 보이도록 맞췄습니다.
- 업데이트: 2026-04-05 17:53 (KST) - 업데이트: 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` 기반의 작은 배지형으로 바꿨습니다. - 좌측 패널과 하단 바도 `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`는 일반 로그에서는 빠른 액션이 붙은 카드형 대신 파일명 한 줄만 약하게 표시하도록 바꿨습니다. - 실행 로그 배너도 본문 침범을 더 줄였습니다. [ChatWindow.xaml.cs](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml.cs)의 `AddAgentEventBanner(...)` 에서 debug 전용 `ToolInput` 카드 길이를 더 짧게 줄였고, `FilePath`는 일반 로그에서는 빠른 액션이 붙은 카드형 대신 파일명 한 줄만 약하게 표시하도록 바꿨습니다.

View File

@@ -4608,3 +4608,7 @@ ow + toggle ?쒓컖 ?몄뼱濡??ㅼ떆 ?뺣젹?덈떎.
- [ChatWindow.xaml.cs](/E:/AX%20Copilot%20-%20Codex/src/AxCopilot/Views/ChatWindow.xaml.cs) 에서는 실제 사이드바 폭을 `270 -> 248`로 줄이고, `AddConversationItem(...)`의 대화 목록 카드 패딩, 코너, 아이콘 열 폭, 제목/날짜/실행 메타 폰트, 편집 버튼 규격, 선택 액센트 바 두께도 함께 축소해 목록 전체가 더 차분한 레이어로 보이게 맞췄습니다. - [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\` - 검증 예정: `dotnet build src/AxCopilot/AxCopilot.csproj -c Release -v minimal -p:OutputPath=bin\verify\ -p:IntermediateOutputPath=obj\verify\`
- 업데이트: 2026-04-05 17:53 (KST) - 업데이트: 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)

View File

@@ -4161,7 +4161,7 @@ public partial class ChatWindow : Window
Background = Brushes.Transparent, Background = Brushes.Transparent,
BorderBrush = borderBrush, BorderBrush = borderBrush,
BorderThickness = new Thickness(1), BorderThickness = new Thickness(1),
Padding = new Thickness(10, 5, 10, 5), Padding = new Thickness(8, 4, 8, 4),
Cursor = System.Windows.Input.Cursors.Hand, Cursor = System.Windows.Input.Cursors.Hand,
Foreground = primaryText, Foreground = primaryText,
HorizontalAlignment = HorizontalAlignment.Center, HorizontalAlignment = HorizontalAlignment.Center,
@@ -4176,15 +4176,15 @@ public partial class ChatWindow : Window
{ {
Text = "\uE70D", Text = "\uE70D",
FontFamily = new FontFamily("Segoe MDL2 Assets"), FontFamily = new FontFamily("Segoe MDL2 Assets"),
FontSize = 10, FontSize = 9,
Foreground = secondaryText, Foreground = secondaryText,
Margin = new Thickness(0, 0, 6, 0), Margin = new Thickness(0, 0, 5, 0),
VerticalAlignment = VerticalAlignment.Center, VerticalAlignment = VerticalAlignment.Center,
}, },
new TextBlock new TextBlock
{ {
Text = $"이전 대화 {hiddenCount:N0}개 더 보기", Text = $"이전 대화 {hiddenCount:N0}개",
FontSize = 11.5, FontSize = 10,
FontWeight = FontWeights.SemiBold, FontWeight = FontWeights.SemiBold,
Foreground = primaryText, Foreground = primaryText,
VerticalAlignment = VerticalAlignment.Center, VerticalAlignment = VerticalAlignment.Center,
@@ -4201,8 +4201,8 @@ public partial class ChatWindow : Window
return new Border return new Border
{ {
CornerRadius = new CornerRadius(16), CornerRadius = new CornerRadius(12),
Margin = new Thickness(0, 2, 0, 12), Margin = new Thickness(0, 2, 0, 10),
Padding = new Thickness(0), Padding = new Thickness(0),
Background = Brushes.Transparent, Background = Brushes.Transparent,
BorderBrush = Brushes.Transparent, BorderBrush = Brushes.Transparent,
@@ -4336,8 +4336,8 @@ public partial class ChatWindow : Window
BorderBrush = borderBrush, BorderBrush = borderBrush,
BorderThickness = new Thickness(1), BorderThickness = new Thickness(1),
CornerRadius = new CornerRadius(999), CornerRadius = new CornerRadius(999),
Padding = new Thickness(10, 5, 10, 5), Padding = new Thickness(8, 4, 8, 4),
Margin = new Thickness(10, 4, 150, 4), Margin = new Thickness(10, 3, 170, 3),
HorizontalAlignment = HorizontalAlignment.Left, HorizontalAlignment = HorizontalAlignment.Left,
Child = new StackPanel Child = new StackPanel
{ {
@@ -4348,16 +4348,16 @@ public partial class ChatWindow : Window
{ {
Text = "\uE9CE", Text = "\uE9CE",
FontFamily = new FontFamily("Segoe MDL2 Assets"), FontFamily = new FontFamily("Segoe MDL2 Assets"),
FontSize = 10, FontSize = 9,
Foreground = accentBrush, Foreground = accentBrush,
VerticalAlignment = VerticalAlignment.Center, VerticalAlignment = VerticalAlignment.Center,
}, },
new TextBlock new TextBlock
{ {
Text = summary, Text = summary,
FontSize = 10.5, FontSize = 9.5,
Foreground = secondaryText, Foreground = secondaryText,
Margin = new Thickness(6, 0, 0, 0), Margin = new Thickness(5, 0, 0, 0),
VerticalAlignment = VerticalAlignment.Center, VerticalAlignment = VerticalAlignment.Center,
} }
} }
@@ -9364,9 +9364,9 @@ public partial class ChatWindow : Window
Background = itemBg, Background = itemBg,
BorderBrush = borderBrush, BorderBrush = borderBrush,
BorderThickness = new Thickness(1), BorderThickness = new Thickness(1),
CornerRadius = new CornerRadius(18), CornerRadius = new CornerRadius(14),
Padding = new Thickness(16, 14, 16, 14), Padding = new Thickness(12, 10, 12, 10),
Margin = new Thickness(20, 6, 170, 10), Margin = new Thickness(14, 4, 180, 8),
HorizontalAlignment = HorizontalAlignment.Left, HorizontalAlignment = HorizontalAlignment.Left,
MaxWidth = GetMessageMaxWidth(), MaxWidth = GetMessageMaxWidth(),
}; };
@@ -9374,27 +9374,27 @@ public partial class ChatWindow : Window
var sp = new StackPanel(); 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 header.Children.Add(new TextBlock
{ {
Text = "\uE9D5", // plan icon Text = "\uE9D5", // plan icon
FontFamily = new FontFamily("Segoe MDL2 Assets"), FontFamily = new FontFamily("Segoe MDL2 Assets"),
FontSize = 12, FontSize = 10.5,
Foreground = accentBrush, Foreground = accentBrush,
VerticalAlignment = VerticalAlignment.Center, VerticalAlignment = VerticalAlignment.Center,
Margin = new Thickness(0, 0, 6, 0), Margin = new Thickness(0, 0, 5, 0),
}); });
header.Children.Add(new TextBlock header.Children.Add(new TextBlock
{ {
Text = $"{steps.Count}개의 작업 완료 중 0", Text = $"작업 {steps.Count}개 · 0 완료",
FontSize = 11.5, FontWeight = FontWeights.SemiBold, FontSize = 10.25, FontWeight = FontWeights.SemiBold,
Foreground = secondaryText, Foreground = secondaryText,
VerticalAlignment = VerticalAlignment.Center, VerticalAlignment = VerticalAlignment.Center,
}); });
sp.Children.Add(header); 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 = new GridLength(1, GridUnitType.Star) });
progressGrid.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Auto }); progressGrid.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Auto });
@@ -9416,9 +9416,9 @@ public partial class ChatWindow : Window
_planProgressText = new TextBlock _planProgressText = new TextBlock
{ {
Text = "0%", Text = "0%",
FontSize = 10.5, FontWeight = FontWeights.SemiBold, FontSize = 9.25, FontWeight = FontWeights.SemiBold,
Foreground = secondaryText, Foreground = secondaryText,
Margin = new Thickness(8, 0, 0, 0), Margin = new Thickness(6, 0, 0, 0),
VerticalAlignment = VerticalAlignment.Center, VerticalAlignment = VerticalAlignment.Center,
}; };
Grid.SetColumn(_planProgressText, 1); Grid.SetColumn(_planProgressText, 1);
@@ -9439,16 +9439,16 @@ public partial class ChatWindow : Window
stepRow.Children.Add(new TextBlock stepRow.Children.Add(new TextBlock
{ {
Text = "○", // 빈 원 (미완료) Text = "○", // 빈 원 (미완료)
FontSize = 11, FontSize = 10,
Foreground = secondaryText, Foreground = secondaryText,
VerticalAlignment = VerticalAlignment.Center, VerticalAlignment = VerticalAlignment.Center,
Margin = new Thickness(0, 0, 6, 0), Margin = new Thickness(0, 0, 5, 0),
Tag = "status", Tag = "status",
}); });
stepRow.Children.Add(new TextBlock stepRow.Children.Add(new TextBlock
{ {
Text = $"{i + 1}. {steps[i]}", Text = $"{i + 1}. {steps[i]}",
FontSize = 11.5, FontSize = 10,
Foreground = primaryText, Foreground = primaryText,
TextWrapping = TextWrapping.Wrap, TextWrapping = TextWrapping.Wrap,
MaxWidth = Math.Max(320, GetMessageMaxWidth() - 60), MaxWidth = Math.Max(320, GetMessageMaxWidth() - 60),