Hold Shift and drag tabs into the input box to add references.

[NyxJae]

PixPin_2025-04-12_10-34-09.mp4

Context

Implementation

The front-end ChatTextArea.tsx captures the drag-and-drop event to obtain the file URI, then uses useEffect and the pendingInsertions state to trigger sending a getMentionPathsFromUris message to the back-end. The back-end webviewMessageHandler.ts calls uriToMentionPath from pathUtils.ts to convert the URI into Markdown mention format and returns the result to the front-end via the mentionPathsResponse message. Upon receiving the response, the front-end updates the text area and uses requestAnimationFrame to ensure accurate cursor positioning. Communication relies on the VSCode PostMessage API.

Screenshots

before	after

How to Test

Get in Touch

---

Important

Adds URI to mention path conversion and handling in chat text area with new message types and utilities.

• Behavior:
  • Adds getMentionPathsFromUris case in webviewMessageHandler.ts to convert URIs to mention paths using uriToMentionPath().
  • Handles mentionPathsResponse in ChatTextArea.tsx to insert mention paths into the text area.
• Messages:
  • Adds GetMentionPathsFromUrisMessage and MentionPathsResponseMessage interfaces in WebviewMessage.ts.
  • Updates ExtensionMessage.ts to include mentionPathsResponse type.
• Utilities:
  • Adds uriToMentionPath() in pathUtils.ts to convert URIs to mention-friendly paths relative to the workspace.
• UI:
  • Updates ChatTextArea.tsx to handle drag-and-drop of URIs, sending getMentionPathsFromUris message, and processing mentionPathsResponse.

^{This description was created by for 99de283. It will automatically update as commits are pushed.}

[changeset-bot]

⚠️ No Changeset found

Latest commit: 163972b

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[ellipsis-dev]

After reviewing the changes in this pull request, it appears that all modifications are related to enhancing the handling of URIs and mentions within the application. The changes across different files contribute to a cohesive feature enhancement, focusing on improving messaging and URI conversion. Therefore, it seems appropriate to keep these changes within a single pull request, as they are interconnected and contribute to a unified improvement.

[mrubens]

Awesome that you got this working! I don't 100% follow all of the changes though. Do you mind giving an overview of how this fits together? Thank you!

[NyxJae]

Awesome that you got this working! I don't 100% follow all of the changes though. Do you mind giving an overview of how this fits together? Thank you!

The front-end ChatTextArea.tsx captures the drag-and-drop event to obtain the file URI, then uses useEffect and the pendingInsertions state to trigger sending a getMentionPathsFromUris message to the back-end. The back-end webviewMessageHandler.ts calls uriToMentionPath from pathUtils.ts to convert the URI into Markdown mention format and returns the result to the front-end via the mentionPathsResponse message. Upon receiving the response, the front-end updates the text area and uses requestAnimationFrame to ensure accurate cursor positioning. Communication relies on the VSCode PostMessage API.

Sorry, I submitted the PR remotely through my phone to control the computer, so the information was not detailed enough.

[cte]

Very cool @NyxJae - do you mind taking a look at the failing test(s) and the conflicts? I'd love to get this in to the next release.

[NyxJae]

Very cool @NyxJae - do you mind taking a look at the failing test(s) and the conflicts? I'd love to get this in to the next release.

Thank you for your review. Of course, I'm working on fixing it.

[NyxJae]

By the way, I referred to this Cline's PR cline/cline#2676

[mrubens]

I think I found a simpler way to leverage the drag-and-drop we have from the explorer: #2698

[NyxJae]

I think I found a simpler way to leverage the drag-and-drop we have from the explorer: #2698

Brilliant!!!