Files
vibe-kanban/frontend
Louis Knight-Webb f4a82aebd2 Use file search when leaving a review comment (vibe-kanban) (#743)
* Perfect! I've successfully implemented file search functionality for review comments. Here's a summary of what was completed:

##  Implementation Complete

### **Changes Made:**

1. **Updated [`ReviewCommentRenderer.tsx`](file:///private/var/folders/m1/9q_ct1913z10v6wbnv54j25r0000gn/T/vibe-kanban/worktrees/vk-a558-use-file-s/frontend/src/components/diff/ReviewCommentRenderer.tsx)**:
   - Replaced basic textarea with FileSearchTextarea in edit mode
   - Added `projectId` prop to interface
   - Imported and configured FileSearchTextarea with proper styling

2. **Updated [`CommentWidgetLine.tsx`](file:///private/var/folders/m1/9q_ct1913z10v6wbnv54j25r0000gn/T/vibe-kanban/worktrees/vk-a558-use-file-s/frontend/src/components/diff/CommentWidgetLine.tsx)**:
   - Replaced textarea with FileSearchTextarea for new comment creation
   - Added `projectId` prop to interface

3. **Updated [`DiffCard.tsx`](file:///private/var/folders/m1/9q_ct1913z10v6wbnv54j25r0000gn/T/vibe-kanban/worktrees/vk-a558-use-file-s/frontend/src/components/DiffCard.tsx)**:
   - Integrated useProject hook to get projectId from context
   - Passed projectId to both ReviewCommentRenderer and CommentWidgetLine

4. **Enhanced [`ReviewProvider.tsx`](file:///private/var/folders/m1/9q_ct1913z10v6wbnv54j25r0000gn/T/vibe-kanban/worktrees/vk-a558-use-file-s/frontend/src/contexts/ReviewProvider.tsx)**:
   - Added regex pattern to format file paths with backticks in generated markdown
   - Preserves existing functionality while enhancing visual formatting

### **Key Features:**
- **@-mention file search** in both new and edit review comments
- **Auto-complete dropdown** with arrow key navigation
- **Project context integration** - no schema changes needed
- **Enhanced markdown export** with properly formatted file paths
- **Preserves all existing functionality** - keyboard shortcuts, styling, etc.

### **User Experience:**
1. Type `@` in any review comment field
2. Search dropdown appears automatically
3. Arrow keys ↑↓ to navigate, Enter to select, Esc to dismiss
4. Selected files inserted as full paths
5. Generated review markdown formats paths with backticks for readability

The implementation successfully integrates file search into the review comment workflow while maintaining the existing architecture and user experience!

* Cleanup script changes for task attempt a558e290-557a-475f-81e9-be9ae44a3621

* Perfect! Updated both placeholder texts to inform users about the file search functionality:

- **New comments**: `"Add a comment... (type @ to search files)"`
- **Edit comments**: `"Edit comment... (type @ to search files)"`

This provides clear user guidance about the @ file search feature right in the input fields.
2025-09-16 16:37:22 +01:00
..
2025-06-25 09:36:07 +01:00
2025-06-14 15:14:08 -04:00
2025-09-06 14:50:30 +01:00
2025-06-14 15:14:08 -04:00
2025-06-14 15:14:08 -04:00