claudecodeui
claudecodeui copied to clipboard
feat: Claude.md file detection for projects and adds a comprehensive icon guide to improve user experience and onboarding
- Claude.md Detection (server/projects.js)
- Added automatic detection of CLAUDE.md files in project directories
- Projects now include a hasClaudeFile property to indicate presence/absence
- Applies to both session-based and manually added projects
- Icon Guide UI (src/components/MainContent.jsx)
- Added a visual icon guide section below the welcome message
- Explains the purpose of each icon in the interface:
- Folder+: Create a new project
- Refresh: Reload projects and sessions
- Star: Mark project as favorite
- Edit: Rename project
- Info: Indicates project missing CLAUDE.md file (suggests running /init)
- Sidebar Enhancement (src/components/Sidebar.jsx)
- Integrated Claude.md detection to display info icon for projects without the file
- Improved visual feedback for better project management
Benefits
- Better Onboarding: New users immediately understand what each icon does
- Claude.md Awareness: Users can quickly identify which projects need initialization
- Improved UX: Clear visual indicators help users navigate the interface more efficiently
@lvalics I can see the icon but hovering does not show anything..
I will check...
@lvalics did you check this one by any chance?
No, sorry, not yet. Vacation :-)