Skip to content

feat: add transcript viewer for Claude Code session files#3

Merged
gdilla merged 1 commit intomainfrom
feat/transcript-viewer
Mar 10, 2026
Merged

feat: add transcript viewer for Claude Code session files#3
gdilla merged 1 commit intomainfrom
feat/transcript-viewer

Conversation

@gdilla
Copy link
Owner

@gdilla gdilla commented Mar 10, 2026

Summary

  • Adds a Transcript Viewer that renders Claude Code .jsonl session files as readable conversations
  • JSONL parser with tool_use/tool_result pairing, infrastructure line filtering, and summary extraction
  • Four Vue components: TranscriptViewer, TranscriptMessage, TranscriptToolCall (collapsible), TranscriptSummary (sticky header)
  • Auto-detection: .jsonl files are sniffed on open; transcripts render in the viewer instead of the editor
  • Integrates as a third view mode in App.vue alongside WYSIWYG and Source

Test plan

  • 33 new tests (26 parser + 7 store), 168 total passing
  • pnpm check passes (typecheck + lint + rust:lint)
  • Manual: Cmd+O → open a .jsonl from ~/.claude/projects/ → renders as conversation
  • Manual: verify tool calls are collapsed by default, expandable on click
  • Manual: verify summary header shows message count, tool calls, files referenced
  • Manual: switch tabs between transcript and markdown files

🤖 Generated with Claude Code

Adds read-only viewer for .jsonl Claude Code transcripts with:
- JSONL parser (tool call pairing, file extraction, duration calc)
- Pinia store for transcript state management
- 4 Vue components (TranscriptViewer, Message, ToolCall, Summary)
- Tab type detection (fileType: 'transcript') in openFile flow
- 33 new tests (26 parser + 7 store), all 168 tests passing

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@gdilla gdilla merged commit 390f87c into main Mar 10, 2026
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant