[FEATURE] Make images pasted into prompts clickable
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 drafting a long prompt, with numerous images, it's easy to lose track of which [Image #X] block is what. Draft image tokens are currently rendered as plain highlighted text, so there's no easy way to verify what images you are submitting.
Proposed Solution
I was able to fix this in 5 minutes by patching the claude binary, but it should really be an official feature. To enable clickable draft images:
-Preserve the image ID when parsing [Image #N] draft ranges.
-Resolve the ID through storedImagePaths.
-Add the resulting pathToFileURL(path).href to the range metadata.
-Render URL-bearing ranges with the existing ink-link component.
Current Claude Behavior:
<img width="1073" height="399" alt="Image" src="https://github.com/user-attachments/assets/4ec63f36-956d-4414-874e-bc471b3c7fac" />
Fixed with Minimal Patch:
<img width="831" height="386" alt="Image" src="https://github.com/user-attachments/assets/31901408-5ae8-4b08-8001-41b46b84c59d" />
Alternative Solutions
_No response_
Priority
High - Significant impact on productivity
Feature Category
Configuration and settings
Use Case Example
_No response_
Additional Context
_No response_