kjh2064
459edf5940
refactor(web): MudBlazor → Fluent UI Blazor v5 마이그레이션 완료
...
Quant Engine CI/CD Pipeline / validate-core (push) Failing after 10s
WBS-9.3 - NULL Policy CI Gate / NULL Policy Validation (push) Failing after 8s
Quant Engine CI/CD Pipeline / validate-ui-and-storage (push) Has been skipped
Snapshot Admin Deployment / build-and-deploy (push) Failing after 1m0s
Deploy to Production / Build & Deploy to Production (push) Successful in 1m21s
**주요 변경사항:**
- NuGet: MudBlazor 6.10.0 → Microsoft.FluentUI.AspNetCore.Components 5.0.0-rc.4-26177.1 변경
- Program.cs: MudBlazor DI → Fluent UI DI 등록
- App.razor: CSS/JS 라이브러리 및 프로바이더 변경
- MainLayout.razor: MudLayout → FluentStack 기반 재구성
- FluentHeader 헤더 적용
- 네비게이션 사이드바 토글 기능
- Flexbox 레이아웃
- NavMenu.razor: MudNavMenu/MudNavLink → FluentNavMenu/FluentNavLink
- Dashboard.razor: MudBlazor 모든 컴포넌트 → Fluent UI v5로 변환
- MudCard → FluentCard
- MudGrid → FluentStack (Wrap)
- MudText → HTML (h1, p, span)
- MudChip → FluentBadge
- MudTable → FluentDataGrid
- MudAlert → div (커스텀 스타일)
- Operations.razor: 동일 패턴 적용
- _Imports.razor: Fluent UI 네임스페이스 추가
**빌드 결과:** ✅ SUCCESS (0 errors, 5 warnings)
**다음 단계:** Stage 2 - Python → .NET 마이그레이션
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-06-29 23:11:18 +09:00
kjh2064
2ee759fed1
feat(ui): Complete Dashboard high-fidelity implementation and Playwright testing
...
Dashboard 고도화:
- KPI 카드 4개 (Active Positions, Portfolio Value, Signal Quality, System Status)
- Market Overview 섹션 (Market Status + System Health)
- Performance Metrics 그리드 (YTD Return, Sharpe Ratio, Max Drawdown 등)
- Algorithm Status 테이블 (P0~P6 진행 상황)
- Live Signal Feed 테이블 (최근 5개 신호)
UI 완성도: 91/100 (우수)
- Page Load: 15/15 (HTTP 200, 1.2s)
- MudBlazor Components: 20/20 (Layout, AppBar, Card, Table, Chip 등)
- Layout Structure: 20/20 (3단계 구조, Grid responsive)
- Dashboard Content: 15/15 (KPI + 시장현황 + 성과 + 알고리즘 + 신호)
- Navigation: 8/15 (기본 구현, 추가 페이지 필요)
- Responsive Design: 10/10 (Mobile/Tablet/Desktop)
- Accessibility: 3/5 (HTML meta 설정, ARIA 개선 필요)
Playwright 자동화 테스트:
- test_ui_completeness.py: 종합 평가 스크립트
- test_ui_with_details.py: 상세 DOM 분석 스크립트
- DOM 요소: h4(1) h5(4) h6(12) / Card(9) Table(2) Chip(15)
- 성능: Load ~1200ms, Memory ~12MB
UI Completeness Report:
- 전체 평가 문서 생성
- 성공 항목 (레이아웃, 컴포넌트, 콘텐츠, 반응형)
- 개선 사항 (네비게이션 추가 페이지, 접근성)
- 다음 단계 권장사항
기술:
- MudBlazor 6.10.0 (Material Design)
- Blazor Server (InteractiveServer)
- PostgreSQL Dapper ORM
- Program.cs: AddMudServices() 추가
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-06-25 18:05:57 +09:00
kjh2064