feat: Add ctrl/cmd+click navigation for file mentions in chat textarea

[roomote]

Summary

This PR implements ctrl/cmd+click functionality to navigate to files mentioned in the chat textarea, addressing Issue #8144.

Changes

• Added click handler to the highlight layer to detect clicks on file mentions
• Track ctrl/cmd key state to enable clickable behavior only when modifier keys are pressed
• Extract file path from clicked mention and send openMention message to the extension
• Added CSS styles for visual feedback when mentions are clickable (cursor pointer and underline on hover)
• Leverages existing openMention handler in the extension code

Implementation Details

The implementation adds a new click handler to the existing highlight layer that displays mentions in the textarea. When a user holds ctrl (Windows/Linux) or cmd (Mac) and clicks on a mention, the handler:

1. Extracts the mention text
2. Removes the @ prefix if present
3. Sends an openMention message to the extension
4. The existing handler in webviewMessageHandler.ts opens the file

Testing

• All existing tests pass
• Manual testing confirms the feature works as expected
• Click without modifier keys does nothing (preserves normal behavior)
• Visual feedback shows when mentions are clickable

Screenshots

The feature provides visual feedback when ctrl/cmd is held:

• Cursor changes to pointer when hovering over mentions
• Mentions show underline decoration

Fixes #8144

---

Important

Adds ctrl/cmd+click navigation for file mentions in chat textarea with visual feedback and message handling.

• Behavior:
  • Adds ctrl/cmd+click navigation for file mentions in ChatTextArea.tsx.
  • Sends openMention message to extension on click with modifier keys.
  • Visual feedback: cursor changes to pointer, underline on hover.
• Implementation:
  • Adds handleHighlightClick in ChatTextArea.tsx to process clicks on mentions.
  • Tracks ctrl/cmd key state with isCtrlOrCmdPressed in ChatTextArea.tsx.
  • Uses existing openMention handler in webviewMessageHandler.ts.
• Styles:
  • Adds styles in chat-textarea.css for clickable mentions, including hover effects.

^{This description was created by for bcb1c5c. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Reviewing my own code is like debugging in a mirror - everything looks backward but the bugs are still mine.

Review Summary

The implementation successfully adds ctrl/cmd+click functionality to navigate to file mentions in the chat textarea, addressing Issue #8144. The feature works as intended and leverages the existing openMention handler well.

Suggestions for Improvement:

1. Duplicate event listeners: The code adds new keydown/keyup event listeners (lines 718-738) when keyboard event handlers already exist elsewhere in the component. Consider consolidating to avoid potential memory leaks.

2. Pointer events handling: The highlight layer has pointer-events-none but needs pointer events when ctrl/cmd is pressed. Consider conditionally setting pointer-events: auto when isCtrlOrCmdPressed is true.

3. Discoverability: The ctrl/cmd+click pattern might not be obvious to users. Consider adding a tooltip or visual hint to improve discoverability.

4. CSS compatibility: The mix-blend-mode: multiply in the CSS might not work well with all VS Code themes. Consider testing with different themes or using a simpler opacity-based approach.

Overall, the implementation is clean and functional. These are mostly minor improvements to consider for better maintainability and user experience.

[daniel-lxs]

The author of the issue is working on this