이랑이
837ab28d07
자기야 피드백: 드로어가 너무 길어서 보기 힘듦. LLM 응답 + 전체 이벤트 로그 + 자식 노드 다 펼쳐져 있어서 하나 클릭하면 화면 한 페이지가 다 차버림. 수정: - LLM 응답: 280 자 미리보기 + "더 보기 (+N chars)" 토글. 긴 마크다운이 디폴트로 화면을 먹지 않음. 응답 길이를 헤더 옆 배지로 미리 표시 - 하위 노드: 디폴트 접힘. 헤더에 개수 배지, 클릭하면 펼침 - 이벤트 로그: 디폴트 접힘. 펼치면 두 칩 (milestones / all) 으로 필터링 - milestones: spawned/completed/failed/escalated 만 - all: started/progress/output 까지 전부 대부분 디버깅엔 milestones 만 보면 충분 - 새 sub-task 클릭 시 expanded 상태 전부 리셋 새 styled components: CollapsibleHeader, ChevronIcon, SectionCount, ChipRow, Chip, ShowMoreButton (재사용 가능) 대시보드 한 화면이 디폴트로 절반 이하로 줄어듦. 정보 손실 0 — 클릭으로 다 볼 수 있음.
하나랑 대시보드
4자매 멀티에이전트 파이프라인 관제 대시보드. 자기야가 한눈에 전체 현황, 프로젝트 흐름, QA 상태, 배포 상태를 파악하고 관리하는 화면.
기술 스택
- Frontend: Next.js 16 + styled-components
- Backend: Nest.js + Prisma
- DB: MariaDB
- Realtime: Socket.IO
- FE:
https://hanarang.nabomhalang.co.kr - BE:
https://hanarang-api.nabomhalang.co.kr
표준 저장소 구조
hanarang-dashboard/
├── ARCHITECTURE.md
├── README.md
├── .plans/
│ ├── OVERVIEW.md
│ ├── design/
│ ├── sprints/
│ ├── hotfix/
│ ├── qa/
│ └── deploy/
├── docs/
│ ├── product-specs/
│ ├── references/
│ ├── tech-debt-tracker.md
│ └── QUALITY_SCORE.md
├── frontend/
└── backend/
작업 파이프라인
- 하랑이 문서 작성 및 선 push
- 나랑이 구현 branch 작업
- 다랑이 QA +
.plans/qa/결과 문서 push - 하랑이 QA 확인 후
mainmerge - 이랑이 최신
mainpull + 재배포
main은 항상 배포 가능 상태를 유지해.
실행 방법
사전 준비
- 루트
.env.example참고 backend/.env작성SSH_KEY_PATH설정
Backend
cd backend
npm install
npx prisma migrate dev
npx prisma db seed
npm run dev
Frontend
cd frontend
npm install
npm run dev
참고 문서
- 아키텍처:
ARCHITECTURE.md - 실행 문서:
.plans/OVERVIEW.md - 구조 기준:
docs/references/repo-structure.md - 프로젝트 IA:
docs/product-specs/project-information-architecture.md