v0.1.77

v0.1.77 — 작업 추적 패널 보기 모드 3단계 (요약 / 일반 / 자세히)

사용자 요청

• "작업 추적 패널에서 보기방식 설정 가능하게 — 요약 / 일반 (생략된 내용 더보기로 펼치기) / 자세히"
• #### 1) viewStore.ts 신규 필드
• followPanelDensity: 'summary' | 'normal' | 'detailed' (기본 'normal')
• setFollowPanelDensity 액션 + persist key 등록.
• #### 2) 신규 헬퍼 ExpandableText (AgentFollowPanel.tsx 안)
• summary : 첫 줄만 + 80자 트림 (text-truncate). 토글 없음.
• normal : 첫 N (기본 2~3) 줄 표시. 길면 "더보기 (N줄)" / "접기" 토글 button. 토글 클릭 시 stopPropagation.
• detailed : 전체 표시. 토글 없음.
• #### 3) 통합 채팅 헤더 segmented toggle
• 요약 / 일반 / 자세히 3-button 인접 group. 활성 시 accent-primary 배경.
• 각 버튼에 title 로 동작 설명.
• #### 4) 각 Bubble 에 density prop 전달 + 분기
• | Bubble | summary | normal | detailed |
• |---|---|---|---|
• | **ChatBubble** (file activity) | 메타 라인만 (icon + action + 파일명 + 시각) | + note 첫 2줄 + 더보기 / output 동일 | 전체 (note, output, diff) |
• | **SessionTurnBubble** (Claude/Codex CLI turn) | 라벨 + "N자" 카운트만 + 첫 줄 | 첫 3줄 + 더보기 | 전체 |
• | **ChatMessageBubble** (ViewWork chat) | 라벨 + "N자" + 첫 줄 | 첫 3줄 + 더보기 | 전체 |
• | **PaginatedHistory** | note 한 줄도 숨김 (메타만) | note 1줄 truncate | note 전체 |
• #### 5) 검증
• npx tsc --noEmit exit=0
• npm run build 성공 (renderer 3,242 KB, +5 KB).
• 사용자 시나리오:

요약

• 658건 같이 많은 활동이 있을 때 메타만 보고 빠르게 스크롤. bash 명령 본문 / output 같은 노이즈 제거.

일반

• (기본) : 짧은 note 는 자동 표시, 긴 패치/output 은 "더보기" 클릭으로 펼침.

자세히

• 모든 정보 (v0.1.76 이전 동작) — 디버깅 모드.
• #### 6) 파일 변경
• 수정: src/store/viewStore.ts (followPanelDensity 필드 + setter + persist)
• 수정: src/components/Avatars/AgentFollowPanel.tsx (+95 lines: ExpandableText + segmented toggle + 4 Bubble 분기)
• 수정: package.json 0.1.76 → 0.1.77
• --

📦 GitHub 릴리스 노트: v0.1.77