Skip to content

feat: FE UI/UX 개선 — 대화 화면 · 룸 구성 · 온보딩 · 초대 흐름 · 설정 통합 · 사이드바 정리 - #61

Open
jeonbinggu wants to merge 1 commit into
developfrom
feat/ui-ux-polish
Open

jeonbinggu wants to merge 1 commit into
developfrom
feat/ui-ux-polish

Conversation

@jeonbinggu

Copy link
Copy Markdown
Member

🔀 Pull Request Title

feat: FE UI/UX 개선 — 대화 화면 · 룸 구성 · 온보딩 · 초대 흐름 · 설정 통합 · 사이드바 정리


🎞️ 주요 코드 설명

룸 대화 배치 (widgets/room/RoleRoomView.tsx)

  • 에이전트·PM·NOMOS 줄은 왼쪽(LeftRow, 마크 + 이름 + 시각), 사람이 질문에 단 답은 오른쪽 말풍선(RightRow). 룸에서 사람이 말하는 곳은 질문 답뿐이라 answerSource가 human·agent_confirmed·human_override일 때만 오른쪽에 그린다
  • 같은 화자가 이어지면 머리(마크·이름)는 한 번만. useThinking이 마지막 줄 뒤 경과 초를 돌려 생각 중 · 12초로 보여 준다
  • 참여자 칩: entities/room/ui/RoomParticipants (PM · 에이전트 · 담당자 · 대표(보기만))

설정 통합 (app/p/[projectId]/settings/page.tsx, app/settings/*)

  • 프로젝트 안: ?tab=project|org|account 탭, 밖: /settings/account|org + SettingsFrame. /org는 /settings/org로 redirect
  • 위젯끼리 import가 금지라 OrgView·AccountSettingsView는 내용만 그리고, 탭 조합은 page.tsx가 한다

온보딩 · 초대

  • /connect(1/2 에이전트 연결) → /connect/github(2/2 GitHub 연동, 건너뛰기 없음). GitHub UI는 entities/user/ui/GithubConnect로 옮겨 계정 설정과 공용
  • 프로젝트 생성: 이름 → 레포 → 초대(FE·BE 링크, 건너뛰기 가능) → 레벨 → PM 예산 → 선택

뒤로가기 상태 보존

  • shared/lib/useQueryParam: 탭·필터를 ?key=에 둔다(replace). 활동 탭·노트 종류, 대시보드 역할 필터에 적용

📌 PR 설명

이번 PR에서 어떤 작업을 했는지 요약해주세요.

  • 1. FE·BE 룸 좌우 대화 배치 + 생각 중 경과 초
  • 2. Room 1·2·3 → 대표 룸 / FE 룸 / BE 룸, 참여자 칩
  • 3. 온보딩 에이전트 연결 → GitHub 연동(다음 단계, 필수)
  • 4·8. 프로젝트 생성에서 레포 다음에 FE·BE 초대 링크 + "나중엔 설정 › 조직" 안내
  • 5. 설정 한 곳으로(탭), 목록의 조직 링크 → 설정 버튼, 계정 메뉴 톱니 제거(설정 진입점 하나)
  • 6. 설정 탭 · 활동 탭 · 대시보드 필터 뒤로가기 보존
  • 7. 생성 채팅의 레포 지정 링크를 새 탭으로(대화 상태 유지, 돌아오면 목록 재조회)
  • 9·10·11. 검색(⌘K) · 문서(MCP) 목업 배지 · Rooms 사람 아이콘 제거
  • 12. 사이드바 Rooms · 문서 묶음 접기(<details>)
  • ADR 0011

확인: pnpm format · pnpm lint · pnpm typecheck 통과, 로컬 BE(테스트 대표 계정)로 FE 룸 · 설정 탭 · 프로젝트 생성 초대 단계 · 온보딩 2단계 · 목록 헤더 확인.
미확인: 사람이 답한 질문의 오른쪽 말풍선(테스트 데이터에 없음), GitHub 미연동 상태의 다음 버튼 비활성.


📷 스크린샷

추가 예정

🤖 Generated with Claude Code

- FE·BE 룸: 에이전트·PM은 왼쪽, 사람(질문에 단 답)은 오른쪽 대화 배치. 같은 화자는 이름 한 번, 생각 중 경과 초 표시
- Room 1·2·3 표시를 대표 룸 / FE 룸 / BE 룸으로, 룸 머리에 참여자(사람·에이전트) 칩
- 온보딩: 에이전트 연결(1/2) → GitHub 연동(2/2, /connect/github, 건너뛰기 없음). GitHub UI는 entities/user GithubConnect로 공용화
- 프로젝트 생성: 레포 다음에 FE·BE 초대 링크 단계(건너뛰기 가능, 나중엔 설정 › 조직 안내). 레포 지정 링크는 새 탭으로
- 설정 통합: 프로젝트 설정에 프로젝트·조직·계정 탭(?tab=), 밖에서는 /settings/account|org, /org는 /settings/org로. 목록의 조직 링크를 설정 버튼으로, 계정 메뉴 톱니 제거
- 뒤로가기 상태 보존: 설정 탭 · 활동 탭·노트 종류 · 대시보드 역할 필터를 주소에 둔다 (useQueryParam)
- 사이드바: 검색(⌘K) 제거, 문서(MCP) 목업 배지 · Rooms 사람 아이콘 제거, 조직 메뉴 제거, Rooms·문서 묶음 접기
- ADR 0011

Closes #60

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@vercel

vercel Bot commented Oct 16, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
frontend Ready Ready Preview Oct 16, 2026 6:59am UTC

This branch was successfully deployed

1 active deployment
Preview — a7489d94 Deployed Oct 16, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEAT] FE UI/UX 개선 — 대화 화면 · 룸 구성 · 온보딩 · 초대 흐름 · 사이드바 정리

1 participant