Haru Utils
📜

BROWSER UTILITY · AGENT READY

에이전트 사고과정(CoT) 트리 뷰어 & 리플레이

Cursor, Claude, OpenAI 트랜스크립트 JSONL을 파싱해 에이전트의 사고(Thinking), 도구 호출(Tool Call), 에러 분기를 시각적 타임라인과 트리로 딥 인스펙션해요 (CoT 시각화, 에이전트 디버깅, Transcript 뷰어, 바이브 코딩)

llms.txt
내 기기에서 처리입력·파일 자동 업로드 없음영구 저장 없음민감한 원문을 기록하지 않음PWA 확인 중방문·준비한 도구 자원 재사용
다운로드 파일명 agent-trajectory-viewer-result.txt
입력값은 이 브라우저의 메모리에서만 처리됩니다.
고급 기능 · 공유·연결·단축키

입력 데이터는 저장하거나 주소에 넣지 않습니다. 공유 기능은 선택·체크·범위 같은 옵션만 다룹니다.

⌘/Ctrl + K
도구 빠른 검색
Alt + S / R / W
샘플 · 초기화 · 좌우 교환
⌘/Ctrl + Shift + C / D
결과 복사 · 다운로드
Esc
진행 중인 대용량 작업 취소
도구를 준비하고 있습니다…

✓브라우저 안에서 안전하게 입력한 데이터와 파일은 서버로 전송하거나 저장하지 않고 현재 브라우저에서만 처리합니다.

FRIENDLY GUIDE

에이전트 사고과정(CoT) 트리 뷰어 & 리플레이, 이렇게 사용해 보세요

Cursor, Claude, OpenAI 트랜스크립트 JSONL을 파싱해 에이전트의 사고(Thinking), 도구 호출(Tool Call), 에러 분기를 시각적 타임라인과 트리로 딥 인스펙션해요 (CoT 시각화, 에이전트 디버깅, Transcript 뷰어, 바이브 코딩) 처음 사용하는 분도 아래 순서대로 진행하면 쉽게 결과를 만들 수 있어요.
01

언제 사용하나요?

Cursor, Claude Code, Antigravity, AutoGPT 등 에이전트 작업 히스토리를 시각적으로 복기하고 감사(Audit)할 때 이상적입니다.

02

어떻게 사용하나요?

  1. 1트랜스크립트 JSONL 파일 내용을 입력창에 붙여넣으세요.
  2. 2왼쪽 타임라인에서 단계별 실행 목록을 탐색하세요.
  3. 3원하는 스텝을 클릭하면 오른쪽에서 해당 단계의 상세 페이로드를 즉시 확인하세요.
03

주요 기능과 옵션

  • Cursor, Claude, OpenAI 트랜스크립트 JSONL을 파싱해 에이전트의 사고(Thinking), 도구 호출(Tool Call), 에러 분기를 시각적 타임라인과 트리로 딥 인스펙션해요 (CoT 시각화, 에이전트 디버깅, Transcript 뷰어, 바이브 코딩)
  • AI 에이전트의 실행 트랜스크립트(JSONL)를 파싱하여 생각(Thinking), 도구 호출(Tool Call), 결과 반환, 최종 답변의 흐름을 시각적 트리 타임라인으로 재생하고 분석합니다.
  • 입력값은 네트워크로 보내지 않고 현재 브라우저에서만 계산합니다.

GLOSSARY

알아두면 좋은 용어

사고 과정(Chain-of-Thought)
에이전트가 문제를 해결하기 위해 내부적으로 추론한 생각의 연속 흐름
도구 호출(Tool Call)
파일 읽기, 코드 수정, 터미널 실행 등 에이전트가 실제로 실행한 액션
트랜스크립트(Transcript)
에이전트와 사용자, 시스템 간의 주고받은 전체 단계가 기록된 구조화된 로그 파일

TIP에이전트가 예상과 다른 엉뚱한 결론을 냈거나 무한 루프에 빠졌을 때, 어떤 도구 호출 단계에서 문제가 시작되었는지 쉽게 추적할 수 있습니다.

LIMIT대용량 트랜스크립트 로그도 브라우저 메모리 상에서 초고속으로 파싱되어 즉시 인터랙티브하게 탐색할 수 있습니다.

도구 빠른 검색

최근 사용한 도구를 다시 열거나, 이름과 기능으로 검색하세요.

검색어와 도구의 입력·결과는 저장하지 않습니다.

↑↓ 이동 · Enter 열기 · Esc 닫기