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 --noEmitexit=0npm 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.json0.1.76 → 0.1.77 - --
📦 GitHub 릴리스 노트: v0.1.77