- Add Shopify-style cart sidebar with drag-from-right animation
- Implement Add to Stack buttons for all component cards
- Create dynamic command generation for agents, commands, and MCPs
- Add cart state management with localStorage persistence
- Implement notification system with auto-dismiss
- Add social sharing for X/Twitter and Threads
- Create overlay copy buttons for command text in cards and cart
- Optimize card layout grid system (4 columns desktop, 2 tablet, 1 mobile)
- Add cart floating button with item count badge
- Fix scroll prevention and notification persistence issues
- Remove quotes from agent parameters in generated commands
- Implement compact cart item design with Clear All repositioning
- Add comprehensive cart styling with responsive design
- Include share functionality with proper URL encoding
- Update CLI package version to 1.14.16 for npm compatibility
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
## 🔧 Workflow Builder Web Interface
- **Drag-and-Drop Canvas**: Visual workflow building with sortable steps
- **Component Library**: Browse and search all agents, commands, and MCPs
- **Real-time Preview**: Live workflow statistics and step management
- **Hash Generation**: Secure workflow encoding with CryptoJS
- **YAML Export**: Generate executable workflow files
- **Modal Interface**: Professional workflow generation dialog
## ⚡ CLI Workflow Installation
- **--workflow option**: Install workflows from hash (format: #hash)
- **Batch Installation**: Download all workflow components automatically
- **Silent Mode**: Clean output when installing multiple components
- **YAML Generation**: Create step-by-step execution files
- **Error Handling**: Comprehensive validation and user guidance
## 🎨 UI/UX Features
- **Responsive Design**: Works on desktop and mobile devices
- **Professional Styling**: Clean, modern interface with proper theming
- **Interactive Components**: Hover effects, drag feedback, and animations
- **Search Functionality**: Filter components by name and category
- **Navigation Integration**: Added workflows link to main header
## 🔗 Architecture
- **Modular Frontend**: Separate CSS and JS files for maintainability
- **GitHub Integration**: Dynamic component loading from organized categories
- **Local Storage**: Workflow state management for hash generation
- **Component Tracking**: Analytics integration for usage monitoring
## 🚀 Workflow Execution Flow
1. **Build**: Create workflows in drag-and-drop interface
2. **Generate**: Export hash and YAML configuration
3. **Install**: Use CLI with generated hash to download all components
4. **Execute**: Use YAML file with Claude Code for step-by-step automation
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
## Major Changes
### 🔄 GitHub Download System
- All templates now download directly from GitHub instead of local files
- Components (agents, commands, MCPs) download from `components/` directory
- Templates download from `templates/` directory
- Added download caching to avoid repeated requests
- Show clear GitHub URLs for transparency
### 🆕 New --template Parameter
- Added `--template` parameter as modern replacement for `--language`/`--framework`
- Maintains backward compatibility with deprecated `--language`/`--framework`
- Updated web interface to use new syntax: `npx claude-code-templates@latest --template=python --yes`
### 🎯 Component vs Template Separation
- `--agent=name`: Downloads individual component to `.claude/agents/`
- `--command=name`: Downloads individual component to `.claude/commands/`
- `--mcp=name`: Downloads individual component to `.mcp.json`
- `--template=name`: Downloads complete template with full configuration
### 📦 Web Interface Updates
- Updated installation commands to use `npx` with latest version
- Changed from `--language`/`--framework` to `--template` syntax
- Made global installation optional in step 1
- All template cards now show correct download commands
### ✅ Benefits
- Always up-to-date content from GitHub main branch
- No need to republish npm package for content updates
- Clear distinction between individual components and full templates
- Improved user experience with transparent download sources
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
* feat: Enhanced analytics dashboard with custom tool modals
- Implemented custom modals for all Claude Code tools (Read, Edit, Write, Bash, Glob, Grep, TodoWrite)
- Added intelligent diff viewer for Edit tool with dual modes (By Lines vs Smart Diff)
- Enhanced tool parameter visualization with project-specific insights
- Improved modal consistency with unified design patterns
- Added comprehensive CSS styling for all tool modals
- Fixed modal functionality and error handling across all tools
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
* feat: improve startup screen and fix framework structure
- Redesign compact ASCII art for better terminal usage
- Add version info and documentation links to startup screen
- Fix frameworks → examples directory structure consistency
- Update all code references to use examples/ instead of frameworks/
- Fix Jest configuration typo (moduleNameMapping → moduleNameMapper)
- Add new agents.js module for agent management
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
* chore: bump version to 1.12.1 for release
---------
Co-authored-by: Claude <noreply@anthropic.com>
* feat: Enhance DataService with paginated conversations and improved error handling
- Added `getConversationsPaginated` method to fetch conversations with pagination support.
- Improved error handling in `cachedFetch` to provide clearer messages and fallback behavior.
- Updated WebSocket integration to handle connection failures with fallback polling.
- Reduced WebSocket auto-reconnect attempts and disabled auto-reconnect to minimize console noise.
- Added CORS middleware to the web server for better API accessibility.
- Implemented paginated conversations endpoint in the server.
- Added conversation messages endpoint to retrieve messages for a specific conversation.
- Enhanced conversation analysis to include detailed session data and compatibility with original dashboard.
* feat: Implement real-time conversation change handling and notifications
- Added handleConversationChange method to ClaudeAnalytics for processing updates to conversation files.
- Integrated WebSocket notifications for new messages in conversations.
- Enhanced setupFileWatchers to include conversation change callbacks.
- Updated conversation state API to calculate states for all conversations, improving performance and accuracy.
- Introduced pagination for conversation messages endpoint to support large message sets.
- Implemented cache management endpoint for clearing specific cache types.
- Enhanced DataCache and ConversationAnalyzer to support tool correlation in message parsing.
- Created ToolDisplay component for safe rendering of tool uses and results in the analytics dashboard.
- Added comprehensive documentation for Claude data structures and formats.
* feat: Enhance real-time messaging and dashboard features
- Improved logging for new messages in DataService to include message data.
- Increased WebSocket reconnection attempts for better reliability.
- Enabled auto-reconnect in WebSocketService for real-time updates.
- Updated conversation change handling in ClaudeAnalytics to include file path.
- Enhanced error handling and logging in ConversationAnalyzer and DataCache.
- Added new settings file for local permissions.
- Introduced a new Chats Dashboard option in the main menu.
- Created detailed architecture documentation for the analytics web application.
- Deprecated old main.js and Dashboard.js files in favor of a modular structure.
* feat: Implement real-time message handling and improve logging in DataService and AgentsPage
* feat: Implement comprehensive conversation state detection improvements
- Enhanced frontend message analysis for tool execution and content analysis.
- Introduced file activity detection to accurately identify user typing.
- Adopted a WebSocket-first approach for real-time state updates.
- Expanded state vocabulary with new contextual states and visual indicators.
- Improved state banner display with new CSS classes.
- Integrated system components for cohesive state management.
- Added health check feature to validate system requirements and configurations.
- Developed ConsoleBridge for web-based interaction with Claude Code processes.
- Created test script for ConsoleBridge to facilitate integration testing.
- Add Health Check as second menu option in CLI
- Comprehensive system validation:
* System requirements (OS, Node.js, memory, network)
* Claude Code setup (installation, auth, permissions)
* Project configuration (structure, settings files)
* Custom commands and hooks validation
* Settings.json analysis (user/project/local)
- Interactive UX with ora spinners and immediate results
- 3-second pacing between categories for better visual flow
- Detailed health score with actionable recommendations
- Settings validation with security checks and best practices
- Enhanced navigation flow returning to main menu
- Fix Project Setup flow from both health check and direct menu selection
- Update README documentation with Health Check feature
- Add CLI aliases: --health-check, --health, --check, --verify
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Remove automatic help output when no arguments provided
- Allow interactive welcome screen to show cleanly
- Users can still access help with --help flag
- Fixes clean onboarding experience
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Added --command-stats CLI option to analyze existing Claude Code commands
- Created command-stats.js module with comprehensive analysis functions
- Displays command statistics in formatted table (name, size, lines, words, last modified)
- Calculates totals and provides project overview
- Interactive prompt for command optimization using Claude Code
- Generates intelligent optimization prompts based on project structure
- Integrates with existing CLI workflow and error handling
- Helps users optimize their .claude/commands for their specific project setup
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Fixed version command to show correct version (1.3.5)
- Changed bin/create-claude-config.js to read version from package.json
- Version 1.3.4 was published but showed wrong version number
- Now --version will show the actual published version
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Fix ASCII art to properly display "CLAUDE CODE TEMPLATES"
- Add back navigation functionality to CLI prompts
- Implement framework-specific configurations (React, Vue, Angular, Node.js)
- Mark Python, Rust, Go as "Coming Soon" for first release
- Fix .mcp.json file copying during installation
- Remove non-functional "additional features" prompts
- Translate all Spanish content to English for open-source publication
- Add comprehensive template synchronization system
- Enhance file operations with framework-specific command copying
- Update documentation and README files
- Add new command scanner and utility modules
- Create framework-specific example configurations
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Introduced CLAUDE.md with universal development guidelines, project structure, and best practices for JavaScript/TypeScript and Python.
- Created README.md files for common Claude Code templates, Go, JavaScript/TypeScript, and Python projects.
- Added specific command templates for JavaScript/TypeScript, including API endpoint, debug, lint, npm scripts, React component, refactor, test, and TypeScript migration commands.
- Implemented hooks for formatting and linting on save in JavaScript/TypeScript projects.
- Established settings.json for JavaScript/TypeScript projects with permissions and environment variables.
- Developed project structure guidelines for JavaScript/TypeScript and Python projects.
- Created example projects for React and Node.js APIs with corresponding CLAUDE.md files.
- Laid groundwork for future Rust and Go templates with placeholder README.md files.
- Set up package.json for test setup with React dependencies.
daniel