✅ ERRORES SOLUCIONADOS:
1. **Conteo de items en filter-buttons**:
- Agregada función updateFilterCounts() que muestra (X) items en cada botón
- Se actualiza automáticamente cuando cambian los datos
2. **Descripción de cards acortada**:
- getComponentDescription() ahora trunca a 120 caracteres máximo
- Mantiene las cards con el tamaño correcto para el layout
3. **Cards "Add New" restauradas**:
- createAddComponentCard() genera cards de "Add New" por tipo
- Se muestran al inicio de cada filtro (agents, commands, mcps)
- Incluyen iconos y colores específicos por tipo
4. **Lógica compleja de Templates restaurada**:
- displayTemplates() usa la lógica original de script.js
- createTemplateCard() y createAddTemplateCard() para templates
- fetchTemplatesConfig() y parseTemplatesConfig() para GitHub data
- Framework icons mapping completo
- Cards con flip animation y estructura compleja
📋 FUNCIONALIDAD COMPLETA RESTAURADA:
- ✅ Subcategory filters (category-filter-row)
- ✅ Card styling con flip animations
- ✅ Available categories system
- ✅ Filter button counts
- ✅ Short descriptions for proper display
- ✅ Add New cards por cada tipo
- ✅ Complex Templates logic con GitHub integration
- Add updateCategorySubFilters() method to dynamically generate category filter buttons
- Restore availableCategories system to track component categories
- Implement setCategoryFilter() for category-specific filtering
- Update generateComponentCard() to use template-card structure with flip functionality
- Add collectAvailableCategories() to populate category sets
- Add global setCategoryFilter function for onclick events
- Restore card flip event listeners and ESC key handling
- Update grid class names for proper CSS styling
## 🎨 Professional Header Design
- **Elegant Layout**: Gradient background with proper spacing and shadows
- **Logo Section**: Enhanced icon and gradient text styling
- **Navigation**: Clean nav buttons with icons and active states
- **Responsive**: Proper container and mobile-friendly design
## 🗂️ Accordion Component Organization
- **Main Categories**: Agents, Commands, MCPs with collapsible sections
- **Subcategory Accordions**: Each component type organized by functionality
- **Component Counts**: Real-time counters for each section and subcategory
- **Visual Hierarchy**: Clear nested structure with proper indentation
## 📋 Component Details Modal
- **Info Button**: Clean "ℹ️" button on each component item
- **Comprehensive Details**: Type, category, path, and usage information
- **Dynamic Description**: Fetches and displays component descriptions from GitHub
- **Usage Commands**: Copy-to-clipboard functionality for CLI commands
- **Add to Workflow**: Direct addition from modal to workflow canvas
## 🔧 GitHub API Error Handling
- **Rate Limit Protection**: Graceful handling of 403 errors
- **Fallback Behavior**: Continue loading other components if one fails
- **User-Friendly**: No more console errors for API limitations
- **Robust Loading**: Better error handling throughout the app
## 🎯 UI/UX Improvements
- **Clean Component Cards**: Removed category badges, added details button
- **Smooth Animations**: Accordion open/close with arrow rotation
- **Better Typography**: Improved font sizes and spacing
- **Professional Modals**: Enhanced modal design with proper structure
- **Consistent Styling**: Unified color scheme and spacing
## 📱 Responsive Features
- **Mobile-Friendly**: Accordions work well on smaller screens
- **Touch-Friendly**: Proper button sizes and touch targets
- **Flexible Layout**: Adapts to different screen sizes
- **Accessible**: Proper keyboard navigation and ARIA attributes
The workflow builder now provides a professional, intuitive interface for creating complex automation workflows with a clean, organized component library.
🤖 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>
* feat: add support for agent subcategories with dynamic GitHub discovery
- Support agent installation from subcategories (e.g., deep-research-team/academic-researcher)
- Add dynamic GitHub API integration to discover available agents in real-time
- Automatically organize agents by category folders
- Preserve folder structure when installing categorized agents
- Add comprehensive agent teams from merged PR #46:
- Deep Research Team (9 specialized research agents)
- FFmpeg Clip Team (6 media processing agents)
- MCP Development Team (5 MCP server agents)
- Obsidian Operations Team (5 knowledge management agents)
- OCR Extraction Team (5 text processing agents)
- Podcast Creator Team (9 content creation agents)
- Plus individual specialized agents
Technical improvements:
- Remove hardcoded agent lists in favor of GitHub repository scanning
- Support both 'agent-name' and 'category/agent-name' formats
- Fallback mechanism when GitHub API is unavailable
- Maintains backward compatibility with existing CLI usage
- Real-time agent discovery without requiring CLI updates
Usage examples:
- cct --agent api-security-audit (existing agents)
- cct --agent deep-research-team/academic-researcher (new categorized agents)
- cct --agent help (shows all available agents dynamically)
Co-authored-by: Cam10001110101 <cameron@cameronrohn.com>
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
* feat: add support for new DeepGraph components and enhance filtering functionality
---------
Co-authored-by: Claude <noreply@anthropic.com>
- ✨ Add comprehensive download tracking infrastructure
- 📊 Create detailed analytics dashboard at /download-stats.html
- 🔧 Implement GitHub Actions workflow for stats processing
- 🎨 Add elegant footer link instead of main page widget
- 📈 Support interactive charts with Chart.js integration
- 🔒 Maintain privacy-first approach with anonymous tracking
- 📱 Responsive design for mobile and desktop
- 🚀 Ready for production deployment
Components added:
- GitHub Actions workflow for manual tracking triggers
- Analytics JSON data structure and processing
- Interactive dashboard with doughnut and line charts
- Progress bars and detailed component metrics
- Terminal-style design consistent with site theme
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add track.html endpoint for visible tracking
- Add api/track.html for silent tracking with 1x1 pixel
- Create GitHub Action to process tracking logs
- Use GitHub Pages infrastructure for anonymous tracking
- No external dependencies or authentication required
## 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>
- Reorder HTML sections to show downloadStatsSection before unified-filter-section
- Community downloads statistics now appear above component filter buttons
- Maintains proper visual hierarchy as requested
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Disable hideStatisticsSection function to prevent hiding stats
- Add CSS !important rule to ensure section stays visible
- Maintain download statistics display even when data is not available
- Keep section positioned above the component filters as requested
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Comment out documentation button link to /docu/
- Prevents users from accessing broken documentation page
- Will restore once Docusaurus deployment is fixed
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Fix tsconfig.json by removing invalid @docusaurus/tsconfig extends
- Add proper TypeScript configuration for Docusaurus
- Complete download count badges for template, agent, command, and MCP cards
- Add analytics data integration with card regeneration
- Include tracking service and GitHub Actions workflow for analytics processing
- Update web interface with download statistics display
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Remove install-note sections from component cards to match template design
- Fix commands installation to include mkdir -p for .claude/commands
- Simplify card back to show only Installation Command title
- Remove unused CSS for install-note styling
- Clean up unused getInstallationTitle function
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Added a new SVG file `undraw_docusaurus_tree.svg` to the static images directory for enhanced visual representation.
- Introduced a new TypeScript configuration file `tsconfig.json` to improve editor experience and project structure.
- Change View Files and Copy Command buttons to neutral dark colors
- Use bg-tertiary background with text-secondary color
- Reduce padding from 8px 16px to 6px 12px for smaller buttons
- Reduce font-size from 0.8rem to 0.75rem for thinner appearance
- Reduce min-width from 100px to 80px
- Add subtle hover effects with transform and color transitions
- Remove bright colors in favor of consistent dark theme
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add flexbox layout to step cards with min-height
- Make step content flexible with flex: 1 on description text
- Position command-line and highlight sections at bottom with margin-top: auto
- Ensures consistent visual alignment across all 3 installation steps
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add timestamp parameter to force fresh fetch from GitHub
- Remove debug console logging
- This ensures settings.json appears in Installation Files modal
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Convert first template card to green 'Add New Template' card with direct modal access
- Remove redundant 'Add New Template' button from intro section
- Add comprehensive contribution modal with step-by-step workflow
- Make Installation Files modal files clickable links to GitHub
- Update button text to 'View all files on GitHub'
- Add file link hover effects and proper styling
- Include complete Claude Code prompt for template generation
- Add responsive design for contribution modal components
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Created responsive web interface for browsing available templates
- Dynamic template loading from GitHub repository's templates.js file
- Interactive card design with flip animation to show installation commands
- Integration with Devicon CDN for professional framework logos
- Copy-to-clipboard functionality with visual feedback
- Mobile-responsive design with modern UI/UX
- GitHub Pages configuration for automatic deployment
- Auto-refresh every 5 minutes to stay synchronized with repository
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Dani