**task-933.1 완료 보고** (dev5-team) **완료 보고서: 대시보드 팀 카드에 진행 중 작업 제목 표시** (8분 21초) **핵심 결과** TeamCard 컴포넌트에 `runningTasks` prop을 추가하고, 팀명 헤더 아래에 진행 중 작업 제목을 표시하는 UI를 구현했다. 수정 파일 2개, JS 구문 검증 통과(braces/parens/brackets 균형 0-0-0), API 데이터 정합성 확인 완료. ## 수정 파일 목록 - `/home/jay/workspace/dashboard/components/utils.js` — TeamCard 컴포넌트에 runningTasks prop + 작업 제목 표시 영역 추가 (line 115-146) - `/home/jay/workspace/dashboard/components/App.js` — TeamCard 호출부에 runningTasks prop 전달 추가 (line 433) ## 변경 상세 ### 1. App.js (line 433) - `runningTasks={running.filter(t => t.team_id === team.sub_team_id)}` prop 추가 - 기존 `runningCount` 필터와 동일한 조건으로 실제 task 객체 배열 전달 ### 2. utils.js TeamCard (line 115-146) - props에 `runningTasks = []` 추가 - 팀명 헤더(`mb-1.5` div)와 팀원 목록(`space-y-0.5` div) 사이에 작업 제목 영역 삽입 - description 정제: markdown 헤더 제거(`replace(/^#+ /gm, '')`), 첫 줄만 추출(`.split('\n')[0]`), 중복 task_id 제거 - 디자인 **발견/해결 이슈 3건** 1. **API description 필드에 전체 마크다운 포함** — `.replace(/^#+ /gm, '').split('\n')[0]`으로 첫 줄만 추출하고 헤더 마크업 제거 2. **description에 task_id가 중복 포함** — `replace(new RegExp('^' + t.task_id + '[:\\s]*'), '')` 으로 중복 제거 3. **긴 제목 카드 너비 초과 가능성** — CSS `truncate` 클래스로 말줄임표 처리 + `title` 속성에 전문 표시