[✨ Feat] 다중 서비스 Trace 탐색 UX 개선 (#71)

[dlwldn30]

변경 사항

• Workspace 분석·Agent profile API를 frontend에 연결하고 서비스 → 도메인 → API 선택 계층을 추가했습니다.
• 서비스별 API ID와 Agent 상태를 분리해 Order·Product 상태가 섞이지 않게 했습니다.
• Waterfall에 서비스 열과 실제 parent-child 기반 서비스 경계를 추가했습니다.
• Trace 그래프에 서비스 영역과 cross-service edge 라벨을 추가하고 실패 edge의 빨간색을 우선했습니다.
• 결과 요약과 오류 전파 경로에 진입·참여 서비스와 서비스명을 표시했습니다.
• Docker 기본 분석 경로를 distributed workspace 루트로 전환했습니다.

UX 보정

• Order API 기본 ID는 2001, Product 상세 API는 1001로 설정됩니다.
• 1280px에서는 탐색·작업 2열과 전체 너비 근거 패널을 사용합니다.
• 390px에서는 페이지 가로 overflow 없이 서비스 선택과 Waterfall 내부 스크롤을 유지합니다.

검증

• frontend: 16 files, 75 tests
• npm run lint
• npm run build
• backend: ./gradlew test --rerun-tasks
• Order·Product Lab: ./gradlew test
• docker compose config --quiet
• ./scripts/verify-demo.sh 6개 시나리오
• 실제 정상 분산 Trace: 2개 서비스, 경계 1회, 10개 span
• 1280×720, 390×844 브라우저 확인 및 console error 없음

Closes #71