이랑이
9addaba626
자기야 요청: 대시보드의 LLM 응답 본문을 드래그해서 복사하고 싶음. 수정: - LlmOutput 에 user-select: text + cursor: text 를 명시. 부모 어딘가에서 상속받을 가능성을 차단. ::selection 색상도 추가해 선택 영역이 가시적 - LlmOutput 내부의 button (더보기 토글) 만 user-select: none 로 예외 처리 - Backdrop click 핸들러 개선: 사용자가 drawer 내부에서 drag-select 시작 하다가 mouseup 이 backdrop 위에서 끝나면 기존 코드는 drawer 를 닫아 버려 selection 이 사라졌음. 이제 mousedown 도 backdrop 에서 시작했을 때만 close 를 실행 (data-backdrop-down attr 로 추적)
하나랑 대시보드
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