생각/도구 사용/응답을 별도의 뷰로 분리하기
Split thoughts/tools usage/responses in separate views
핵심 요약
Pi 코딩 에이전트의 복잡한 UI를 생각, 도구, 파일 변경 내역별로 분리해 깔끔하게 보여주는 플러그인을 개발했습니다.
- UI 분리 — 생각, 도구 사용, 파일 변경 내역을 별도 패널로 분리하여 가독성 향상
- 커스텀 명령어 — /split, /split-thinking, /split-tools 등 명령어로 패널 제어
- 유연한 레이아웃 — 패널 너비와 높이 조절 및 콤팩트/확장 뷰 전환 지원
- 오픈 소스 공유 — 개발한 플러그인을 커뮤니티에 공개하고 개선 참여 독려
다들 안녕!
그냥 간단한 아이디어인데, 너무 복잡하게 UI 다 뜯어고치는 방식 말고는 딱히 마음에 드는 게 없길래 그냥 내가 직접 하나 만들었어 (+물론 pi도 썼지).
난 AI가 생각하는 과정이랑 어떤 툴을 쓰는지 훑어보는 걸 좋아하는데, 대화 속도가 너무 빠르니까 일일이 위로 스크롤해서 확인하기가 너무 귀찮더라고. 그렇다고 껐다 켰다(ctrl+T, Ctrl+O) 하자니 툴이 너무 길게 늘어지면(수정이나 검색 같은 거 할 때) 대화창이 밀려버려서 또 스크롤해야 하고... 생각(thoughts)도 마찬가지야. 꺼버리면 얘가 뭘 하는지 아예 안 보이고, 켜두면 대화창이 너무 밀려버리니까. 난 그냥 AI가 대화 도중에 어떤 과정을 거치는지, 혹시 딴길로 새거나 이상한 짓 안 하는지 실시간으로 확인하고 싶었거든. 중간에 끊어야 할 때도 있으니까. 그리고 대화는 그냥 대화답게, 나머지는 다 접어두고 깔끔하게 보고 싶었어.
어쨌든 결론은, 생각 과정이랑 툴 사용 내역이 대화창에 섞이는 게 싫어서 pi 플러그인을 하나 대충(아직 개발 중?) 만들어봤어. UI를 살짝 손봐서 두 마리 토끼를 다 잡으려는 거지. 생각 과정은 한쪽 패널에 실시간으로 띄우고, 툴 사용 내역은 다른 패널에 띄워서 실행 중인지, 성공했는지, 실패했는지 간단하게 보여주는 방식이야. 여기에 패널 하나를 더 추가해서 파일 작업 내역(조회, 읽기, 수정 등)을 리스트로 보여주고, 마지막으로 수정한 파일은 diff 뷰로 볼 수 있게 만들었어. 툴 패널이 너무 길어지는 걸 막으려고 이렇게 한 건데, 원래 수정 툴 결과값이 제일 길기도 하고, 뭐가 바뀌었는지 한눈에 보는 게 편하더라고.
각 패널은 아래 명령어로 껐다 켰다 할 수 있어:
-
/split: 기본 pi 뷰랑 내가 설정한 분할 뷰 모드 전환 -
/split-thinking: 생각 패널 토글 -
/split-tools: 툴 패널 토글; 툴 패널 안에서 리스트를 간략하게 볼지, 펼쳐서 볼지 정하는 추가 명령어도 있어 -
마지막으로 파일 패널은
/files로 껐다 켰다 하면 돼.
툴/생각 패널 너비랑 높이도 조절 가능해.
메인 대화창에 전체 기록을 다 띄울지, 아니면 생각이나 툴 내역을 뺀 깔끔한 버전으로 볼지 전환하는 명령어도 있어(가끔 특정 툴 결과값만 자세히 보고 싶을 때 유용하더라고).
난 보통 파일 패널은 꺼두고, 파일 수정된 거 확인하고 싶을 때만 잠깐씩 켜서 봐. 생각 패널이랑 툴 패널은 거의 항상 띄워놓고 쓰고 있고.
아까도 말했듯이 좀 조잡해. 파일 패널 스크롤 기능 같은 건 더 개선할 여지가 많거든. 그래도 지금 상태로도 난 잘 쓰고 있어서 아이디어 공유 차원에서 올리는 거야. 관심 있으면 한번 써봐: pi-split-view. 레포지토리에 직접 개선 사항 올려주는 것도 환영이야.

