Repository navigation
feat: FE UI/UX 개선 — 대화 화면 · 룸 구성 · 온보딩 · 초대 흐름 · 설정 통합 · 사이드바 정리 - #61
Merged
Merged
Conversation
- 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>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
- 가입 흐름을 계정 → 연결 키 → 에이전트 연결 → GitHub 연동 4단계로 표시 - 프로젝트 목록 헤더의 설정 버튼을 아이콘으로 바꿔 로그아웃 왼쪽에 둔다 (AccountMenu children 슬롯) - 계정 메뉴 둘째 줄에 조직 아이콘과 내 역할(대표/팀원)을 붙여 닉네임과 구분 - html scrollbar-gutter: stable — 스크롤바 유무로 설정 탭 전환 시 화면이 좌우로 흔들리던 문제 - 레포 연결 폼을 entities/repo ConnectRepos로 옮기고 새 프로젝트 레포 단계에서 바로 연결 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🔀 Pull Request Title
feat: FE UI/UX 개선 — 대화 화면 · 룸 구성 · 온보딩 · 초대 흐름 · 설정 통합 · 사이드바 정리
🎞️ 주요 코드 설명
룸 대화 배치 (
widgets/room/RoleRoomView.tsx)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로 redirectOrgView·AccountSettingsView는 내용만 그리고, 탭 조합은page.tsx가 한다온보딩 · 초대
/connect) → 4 GitHub 연동(/connect/github, 건너뛰기 없음).SignupForm표시줄과StepLabel이 같은 번호를 쓴다. GitHub UI는entities/user/ui/GithubConnect로 옮겨 계정 설정과 공용entities/repo/ui/ConnectRepos로 내려 조직 설정(RepoSection)과 공용. 연결 후 소유 역할이 있는 레포는 자동 체크헤더 · 계정 메뉴
AccountMenu에children슬롯 — 프로젝트 목록에서 설정 아이콘을 로그아웃 왼쪽에 둔다(글자 버튼 제거)🏢 조직명 · 대표|팀원으로 — 닉네임과 조직이 구분되지 않던 문제html { scrollbar-gutter: stable }— 스크롤바 유무로 설정 탭 전환 시 화면이 좌우로 흔들리던 문제뒤로가기 상태 보존
shared/lib/useQueryParam: 탭·필터를?key=에 둔다(replace). 활동 탭·노트 종류, 대시보드 역할 필터에 적용📌 PR 설명
이번 PR에서 어떤 작업을 했는지 요약해주세요.
<details>)확인:
pnpm format·pnpm lint·pnpm typecheck통과, 로컬 BE(테스트 대표 계정)로 FE 룸 · 설정 탭 · 프로젝트 생성 초대 단계 · 온보딩 2단계 · 목록 헤더 확인.미확인: 사람이 답한 질문의 오른쪽 말풍선(테스트 데이터에 없음), GitHub 미연동 상태의 다음 버튼 비활성, 2685d42 변경분의 브라우저 확인(lint·typecheck만).
📷 스크린샷
추가 예정
🤖 Generated with Claude Code