claudecodeui icon indicating copy to clipboard operation
claudecodeui copied to clipboard

feat: Claude.md file detection for projects and adds a comprehensive icon guide to improve user experience and onboarding

Open lvalics opened this issue 6 months ago • 4 comments

  1. 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
  1. 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)
  1. 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 avatar Jul 14 '25 16:07 lvalics

@lvalics I can see the icon but hovering does not show anything..

viper151 avatar Jul 23 '25 13:07 viper151

I will check...

lvalics avatar Jul 24 '25 06:07 lvalics

@lvalics did you check this one by any chance?

viper151 avatar Aug 01 '25 20:08 viper151

No, sorry, not yet. Vacation :-)

lvalics avatar Aug 03 '25 05:08 lvalics