[FEATURE] Add clickable code block links to jump directly to source location in VSCode
Preflight Checklist
- [x] I have searched existing requests and this feature hasn't been requested yet
- [x] This is a single feature request (not multiple features)
Problem Statement
When Claude Code displays code blocks from my repository, I cannot directly navigate to that code's location in VSCode. I have to manually search for the file and scroll to find the relevant lines. This breaks flow when reviewing suggestions or debugging -- I see the code in Claude Code but need multiple steps to locate it in my actual codebase.
Proposed Solution
Add clickable elements (header button or overlay) on code blocks that:
- Display the file path and line range (e.g.,
src/parser.py:45-67) - When clicked, open VSCode to that exact file and highlight the line range
- Use VSCode's URI handler:
vscode://file/{absolute_path}:{line}:{column} - Optional: Show hover tooltip with full path before clicking
Alternative Solutions
Currently using:
- Manual file search in VSCode
- Copy-pasting file names from Claude Code output
- Using Ctrl+Shift+F to search for code snippets
- Keeping multiple VSCode tabs open preemptively
None provide the instant navigation/strong connection to my actual codebase.
Priority
Low - Nice to have
Feature Category
Developer tools/SDK
Use Case Example
- Ask Claude Code to analyze a function's performance
- Claude displays the function code block from
src/utils/optimizer.py:120-145 - Click the code block header link
- VSCode opens, jumps to optimizer.py line 120, highlights through line 145
- Make edits based on Claude's suggestions without manual navigation
- Return to Claude Code for next task
This would reduce a 15-30 second navigation to a single click. More importantly (for me anyway), it helps the user connect the code from CC with their actual codebase.
Additional Context
Similar implementations:
- GitHub PR reviews link to code locations
This issue has 6 comments on GitHub. Read the full discussion on GitHub ↗