Code Browser

The Code Browser lets you browse your repository's source code directly inside SprintVibe with syntax highlighting, search, and AI context integration.

Accessing the Code Browser

1. Navigate to your project
2. Click the Code tab (requires Pro or Teams plan with a linked repository)

The Code Browser opens in a split-pane layout: file tree on the left, source viewer on the right.

Viewing files

Click any file in the tree to load its contents in the viewer. The viewer shows:

• Breadcrumb path — Full file path displayed as a breadcrumb navigation
• Line numbers — Clickable line numbers in the gutter
• Syntax highlighting — Language-specific coloring for 100+ languages (Ruby, JavaScript, Python, TypeScript, Go, and more)
• File info — Line count and file size
• Copy button — One-click copy of the full file content to your clipboard
• View on GitHub — Direct link to the file on GitHub

Searching files

Use the search input at the top of the file tree to filter files by name or path. The tree automatically expands directories that contain matching files and hides non-matching entries. Clear the search to show all files again.

File limits

• Files up to 1 MB are displayed with full syntax highlighting
• Files larger than 1 MB show a message with a link to view on GitHub
• The file tree indexes up to 500 files from your repository

Plan requirements

The Code tab requires a Pro or Teams subscription. Hobby users see a "PRO" badge on the tab and a locked state with an upgrade prompt inside.