v0.1.59
v0.1.59 — 작업 추적 패널 너비 overflow fix + 채팅 통합 + 플로팅 너비 조절
요청 1
- "AI에이전트 작업추적 패널을 우측 사이드 탭에 위치해있을때 너비가 초과하여 화면 밖으로 나간거같아"
요청 2
- "ollama, OpenClaw, … 채팅과 연동되어서 ViewWork에서도 채팅을 전송하는 기능은 작업 추적 패널과 같은 패널에 표시"
요청 3
- "작업 추적 패널이 뷰포트에 있을때 너비 조절 가능하게"
Fix #1 — 너비 overflow
AgentFollowPanel.tsxroot (embedded) 에min-w-0추가 — flex 자식이 강제 확장 차단.- 헤더 / 채팅 영역 / 누적 diff / 라벨 등 잠재적 overflow 지점 ~8곳에
min-w-0+truncate+shrink-0보강. ChatPanel.tsx의 wrapper 와 헤더 / 미니 bar 에도min-w-0추가.
Feature #2 — 채팅을 작업 추적 패널 안 탭으로 통합
AgentFollowPanel.tsx— 신규panelTab: 'activity' | 'chat'로컬 상태.- 헤더 아래
<PanelTabBtn>2개 — "활동" (ActivityIcon) / "AI 채팅" (MessageSquare). - 'activity' 탭: 기존 ChatBubble / 채팅 영역 / 드래그-리사이즈 / PaginatedHistory 모두 유지.
- 'chat' 탭:
<ChatPanel embedded hideHeader />렌더. ChatPanel 의hideHeader신규 prop — 헤더 (Bot icon + AI 채팅 + dropdown) 숨기고 provider dropdown 만 미니 bar 로 인라인. RightSidebar.tsx— 'chat' 별도 사이드바 탭 제거.viewStore.rightSidebarActiveTab타입에서 'chat' 제거.- 결과: 사용자가 작업 추적 탭을 열면 한 화면에서 (a) 추적 중 에이전트의 파일 활동, (b) 외부 LLM 과 채팅을 같이 사용.
`followedAgent` 없을 때 embedded 모드
- panel 항상 렌더 + 활동 탭은 empty state ("추적 중인 에이전트가 없습니다" + 채팅 탭 추천 버튼) / 채팅 탭은 정상 사용 가능.
Feature #3 — 플로팅 패널 너비 조절
AgentFollowPanel.tsxfloating 모드에useResizable({ key: 'agent-follow-floating', defaultWidth: 360, min: 320, max: 720, side: 'right' }).- 왼쪽 가장자리에
<GripVertical>핸들 (w-1.5, hover 시 표시 + 드래그 시 강조). - localStorage
viewwork:width:agent-follow-floating자동 영속.
검증
npx tsc --noEmitexit=0.npm run build통과 (renderer 3,158kB, +7kB 탭 + resize 추가).
📦 GitHub 릴리스 노트: v0.1.59