AIDashboard Development

Set up Rails project

Initialize Rails 8.1.2 with SQLite, Tailwind, and Hotwire

MCP 기능을 개선해야 할 것

MCP 기능을 개선해야 할 것을 제대로 에이젼트가 함께 논의해서 계획을 세우고 알려줘.

백로그에 + 버튼

백로그에 쉽게 티켓을 생성할 수 있게 + 버튼이 있었으면 좋겠어. 백로그 만드는 것이 좀 더 쉽게

팀리드의 에이젼트 관리

팀리드가 에이젼트에게 일을 시킬 때, 어떤 명령을 내렸는지 기록하고, 팀원들이 다 완료했을 때, 어떤 작업을 기다리고, 어떤 작업을 할 것인지도 기록해서 팀리드의 티켓이 생겨났으면 좋겠어.

부모 티켓별로 볼 수 있도록 목록을 선택할 수 있게 해줘.

티켓에 이미지를 붙여넣을 수 있으면 좋겠어.

사이드 패널에 티켓 편집 폼 추가

board_controller.js의 buildTicketDetailHTML()을 수정하여 제목, 설명, 상태, 우선순위, 담당자를 수정할 수 있는 인라인 편집 폼을 추가. PATCH /projects/:project_id/tickets/:id 엔드포인트 활용.

Active Storage 마이그레이션 + Ticket 모델 설정

1. rails active_storage:install로 마이그레이션 생성 및 실행 2. Ticket 모델에 has_many_attached :images 추가 3. 이미지 variant 설정 (썸네일: 200x200, 미디엄: 800x600) 4. 이미지 개수 제한 validate (최대 5개) 5. 이미지 타입 제한 (JPEG, PNG, GIF, WebP) 6. 파일 크기 제한 (10MB 이하) 완료 기준: rails db:migrate 성공, Ticket.new.images 동작 확인

Create data models

Project, Ticket, and ActivityLog models with UUID primary keys

MCP 아키텍처 분석 및 개선 설계

누락된 MCP 도구 식별, 팀 워크플로우 개선안 설계, CLAUDE.md 가이드라인 추가안 도출

MCP 개선 구현 및 배포

architect, mcp-dev 분석 결과를 종합하여 MCP 도구 추가, 코드 품질 개선, 팀 워크플로우 가이드라인 작성 후 배포

백로그에 추척

백로그에서 하달된 팀리드와 팀원들의 티켓이 연결되어서 볼 수 있는 필드가 있으면 좋겟어. 어떤 일을 함께 한 것인지 연결된 티켓을 볼 수 있어야해.

프로젝트 세팅

MCP 서버 설정할 때, 처음 이 MCP를 프로젝트에 연결하면 프로젝트 생성을 먼저 하고 그거를 CLAUDE.md에 기록하게 하면 어떨까?

티켓을 수정할 수 있는 기능 필요

편집 저장 시 보드 동기화 및 활동 로그 기록

폼 제출 시 API 호출, 성공 시 보드 실시간 갱신(ActionCable), 에러 핸들링. 티켓 카드 데이터 속성도 업데이트.

웹 컨트롤러 이미지 업로드/삭제 처리

1. TicketsController#update에 images 파라미터 허용 2. 이미지 삭제 액션 추가 (DELETE /tickets/:id/images/:image_id) 3. routes.rb에 이미지 삭제 라우트 추가 4. Strong params에 images: [] 추가 5. Turbo Stream 응답으로 실시간 업데이트 완료 기준: 웹 UI에서 이미지 업로드/삭제 가능, ActionCable 브로드캐스트 동작

한글 로그

한글로 에이젼트가 한 일을 로그로 기록에 남기는 기능을 구현

MCP 코드 분석 및 도구 설계

MCP 도구 코드 품질 분석, 추가 도구 Ruby 코드 설계, API 클라이언트 개선, 팀 활동 로그 자동화 방안

티켓을 눌렀을 때, 상세로그를 그 아래 보이기

지금은 상세로그를 또 이동해야 보이게 되어 있음

사이드 패널에서 활동 로그 API 로드 및 타임라인 표시

사이드 패널 열릴 때 GET /api/v1/tickets/:id/activity_logs로 로그 로드. tickets/show.html.erb의 타임라인 스타일을 JS로 재현. 빈 상태 처리.

API 컨트롤러 이미지 업로드/삭제 처리

1. Api::V1::TicketsController에 이미지 업로드 처리 (multipart/form-data) 2. 이미지 삭제 엔드포인트 추가 3. API 라우트 추가 4. 이미지 URL을 JSON 응답에 포함 5. flat ticket routes에도 이미지 관련 라우트 추가 완료 기준: curl로 이미지 업로드/삭제/조회 가능

Design kanban board UI

Tailwind CSS based kanban board with 4 columns and ticket cards

사이드 패널에 서브 티켓 목록 및 부모 티켓 링크 표시

GET /api/v1/tickets/:id로 ticket detail을 가져와 sub_ticket_count, parent_title 표시. 서브 티켓이 있으면 GET /api/v1/tickets/:id/sub_tickets로 목록 로드.

Stimulus 이미지 업로드 컨트롤러 (클립보드+파일선택)

1. app/javascript/controllers/image_upload_controller.js 생성 2. 클립보드 붙여넣기 (paste 이벤트) 처리 - 이미지 데이터 감지 및 업로드 3. 파일 선택 버튼 클릭 시 file input 트리거 4. 업로드 미리보기 (FileReader로 로컬 프리뷰) 5. fetch API로 서버에 업로드 (FormData 사용) 6. 업로드 진행 중 로딩 표시 7. 5개 제한 클라이언트 검증 8. Turbo와 통합 (업로드 후 페이지 갱신) 완료 기준: 클립보드 붙여넣기와 파일 선택으로 이미지 업로드 동작

Write system tests

Add Capybara system tests for kanban board interactions

티켓 상세 페이지 이미지 갤러리 UI

1. app/views/tickets/show.html.erb에 이미지 갤러리 섹션 추가 2. 첨부된 이미지들을 그리드 레이아웃으로 표시 3. 각 이미지에 삭제 버튼 (X) 추가 4. 이미지 업로드 영역 UI (드롭존 스타일) 5. "이미지 추가" 버튼 + 숨겨진 file input 6. 클립보드 붙여넣기 안내 텍스트 7. Tailwind CSS로 반응형 디자인 8. 이미지 클릭 시 라이트박스 (선택사항) 완료 기준: 티켓 상세 페이지에서 이미지 표시/업로드/삭제 UI 완성

Build MCP server tools

Implement all 7 MCP tools: create_project, create_ticket, list_tickets, claim_ticket, update_ticket_status, add_activity_log, get_board_summary

칸반 보드 티켓 카드에 이미지 썸네일 표시

1. app/views/projects/show.html.erb의 티켓 카드에 첫 이미지 썸네일 추가 2. 썸네일 크기: 가로 전체폭, 높이 auto (카드 상단) 3. 이미지가 없는 티켓은 기존대로 표시 4. 다중 이미지인 경우 개수 뱃지 표시 (예: +3) 5. Tailwind CSS로 깔끔한 디자인 6. N+1 쿼리 방지 (includes/preload 사용) 완료 기준: 칸반 보드에서 이미지 있는 티켓에 썸네일이 표시됨

Implement drag-and-drop

Use Sortable.js with Stimulus for kanban card movement between columns

Add ticket search/filter

Allow filtering tickets by assignee, priority, or keyword

Add user authentication

Implement basic auth with API tokens for MCP server security