Commit Graph

1243 Commits

Author SHA1 Message Date
Dani 2c276c6fa1 Remove default placeholder from E2B sandbox prompt input 2025-09-06 19:41:55 -04:00
Dani f8a815a866 Change E2B sandbox prompt from editor to simple text input 2025-09-06 19:38:46 -04:00
Dani f17debf682 Add interactive prompt input for E2B sandbox when --prompt not provided
Features:
✅ Interactive Project Requirements Editor:
- Opens when --prompt parameter is not provided in sandbox mode
- Uses inquirer editor type for multi-line text input
- Comprehensive default template with structured guidance
- Input validation (minimum 10 characters)

✅ Enhanced User Experience:
- Clear instructions on how to provide detailed requirements
- Pre-filled template with examples and categories:
  * Feature descriptions
  * Technical requirements (tech stack, styling)
  * Design requirements (colors, layout, UI style)
- Real example at the bottom for reference

✅ Smart Flow:
- Only triggers when prompt is missing in sandbox mode
- Captures user input and continues with normal sandbox execution
- Maintains all existing functionality when --prompt is provided

This allows users to run sandbox mode without specifying --prompt
and get a guided experience to describe their project requirements.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 19:31:24 -04:00
Dani 49513876fd Fix E2B sandbox to download files directly to project root
Changes:
- E2B launcher now downloads files to ./ (project root) instead of ./e2b-outputs/
- Updated confirmation dialog to show "Files will be downloaded to project root directory"
- Updated modal feature text to "Files downloaded to project root"
- Removed timestamp folder organization for simpler file management

This ensures generated files are immediately available in the project root
where users expect them, without needing to navigate to subfolders.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 15:56:38 -04:00
Dani d6c81ff7c5 Add E2B sandbox execution confirmation and ESC cancellation
Features added:
✅ Sandbox Execution Confirmation:
- Beautiful formatted confirmation dialog with execution details
- Shows agent name, truncated prompt, provider (E2B Cloud)
- Displays execution info: real-time logs, file downloads, timeout
- Clear ESC cancellation instructions

✅ ESC Key Cancellation:
- Real-time ESC key detection during sandbox execution
- Graceful process termination with SIGTERM
- Proper stdin cleanup and raw mode handling
- User-friendly cancellation messages

✅ Enhanced User Experience:
- Informative confirmation dialog before execution
- Real-time execution status and instructions
- Safe process cancellation without hanging
- Clear feedback for all execution states

This provides users with full control over sandbox execution and clear
visibility into what will happen during the E2B sandbox process.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 15:46:14 -04:00
Dani 73ca5836e5 Fix unwanted prompt confirmation dialog when using --sandbox
Problem: When using --sandbox with --prompt, the system was showing
"Do you want to execute this prompt in Claude Code?" confirmation dialog
after installing the agent, even though sandbox mode should handle the
prompt execution directly.

Root Cause: The issue existed since the beginning. When --sandbox installs
an agent internally, the installIndividualComponents() function was also
checking for options.prompt and calling handlePromptExecution(), creating
a duplicate prompt handling path.

Solution: Added !options.sandbox condition to all three locations where
handlePromptExecution() is called:
1. Main template installation flow (line 372)
2. Individual components installation (line 1454)
3. Workflow components installation (line 1623)

This ensures prompt execution only happens in regular mode, not sandbox mode.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 14:21:05 -04:00
Dani 7ed71b4a65 Fix agent format to use folder/agent-name structure in E2B sandbox commands
Corrections:
- Modal: Changed --agent=${componentPath} to correctly show folder/agent-name
- Index.html: Updated from --agent=frontend-developer to --agent=development-team/frontend-developer
- Steps section: Added missing agent specification in Cloud Sandbox step
- Tools section: Corrected E2B sandbox command format

This aligns with the CLI requirement where agents must be specified as:
--agent=folder/agent-name (e.g., development-team/frontend-developer)

The componentPath already contains the correct folder/name structure,
so this ensures the modal commands work correctly when copied.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 13:40:24 -04:00
Dani 9510d479b5 Move E2B sandbox outputs to project root with organized folders
Changes:
- E2B outputs now save to ./e2b-outputs/{timestamp}_{prompt}/ in project root
- No longer creates files inside .claude directory
- Added timestamp and sanitized prompt name for unique folder organization
- Improved find command to exclude .claude and node_modules directories
- Enhanced file filtering and organization for better user experience

Structure:
./e2b-outputs/
  └── 20250106_143025_Create-React-app/
      ├── index.html
      ├── app.js
      └── styles.css

This keeps E2B sandbox outputs separate from Claude Code configuration
and makes it easier for users to find and manage their generated files.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 13:33:23 -04:00
Dani 39b8b1f4f2 Restrict E2B sandbox to agents only - improve modal specificity
Changes:
- E2B Sandbox section now only appears for agent components
- Commands, MCPs, settings, hooks, and templates no longer show E2B option
- This aligns with the CLI implementation where --sandbox only works with --agent
- Keeps modal clean and relevant for each component type

Reasoning:
E2B sandbox execution is specifically designed for agent workflows since
agents provide the AI decision-making needed for complex cloud operations.
Other component types (commands, settings, etc.) are configuration-based
and don't require isolated execution environments.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-05 08:20:23 -04:00
Dani 7855c476ba Reorganize modal structure with clear sections and simplified layout
Modal Structure:
✅ Basic Installation - Install component locally with brief description
✅ Global Agent (Claude Code SDK) - For agents only, with usage and features
✅ Run in E2B Sandbox (Cloud Execution) NEW - Cloud execution with simplified setup

E2B Sandbox Improvements:
- Added NEW badge to highlight the feature
- Simplified API key setup section with .env example
- Cleaner command structure without multiple methods
- Improved API key links styling with hover effects
- Better responsive design for mobile devices

Visual Enhancements:
- Clear section dividers and consistent spacing
- Improved typography and color hierarchy
- Better organized content flow matching the screenshot
- Enhanced readability with proper descriptions

This matches the exact structure requested based on the modal screenshot.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 21:50:38 -04:00
Dani 1ec2031ae7 Improve E2B sandbox API key setup in modals and main page
Modal Improvements:
- Added detailed API key setup section with two methods
- Method 1: Environment variables (.env file) - recommended
- Method 2: Command line parameters - for testing
- Enhanced visual structure with separate sections for each method
- Added responsive design for mobile devices

Main Page Layout:
- E2B sandbox tool card now spans full width (3 columns)
- Improved internal layout with side-by-side .env setup
- Better spacing and organization for the expanded card
- Responsive breakpoints for mobile and tablet

Users now have clear, easy-to-follow instructions for both modal
components and main page examples with API key management.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 21:36:19 -04:00
Dani 7d98c36046 Add E2B Sandbox execution instructions to component modals
- Added E2B sandbox section to all component modal details
- Includes cloud execution command with component-specific parameters
- Features: isolated environment, extended timeouts, file downloads, monitoring
- Added requirements section with E2B and Anthropic API key links
- Styled E2B section with blue gradient background and warning styling
- Handles templates vs other component types correctly in command generation
- Updated components.json with latest component scan (2 sandbox components)

Users can now see E2B sandbox instructions for every component in the modal.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 21:00:21 -04:00
Dani 44063b036f Fix E2B sandbox timeout issues with extended timeouts
- Extended Node.js spawn timeout from default to 15 minutes (900 seconds)
- Increased Python E2B launcher timeout from 5 to 10 minutes (600 seconds)
- Updated monitor script to use same extended timeout
- Added timeout handling with user-friendly error messages
- Added timeout notification to inform users of extended wait times

Resolves timeout issues with complex Claude Code operations in E2B sandboxes.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 20:38:38 -04:00
Dani 198c36288f Complete E2B Sandbox System - Production Ready v1.20.3
🎉 Major Features Added:
✅ Automatic file download from sandbox to local ./e2b-output/
✅ Extended timeouts (15 minutes) with intelligent timeout management
✅ Comprehensive logging with step-by-step execution monitoring
✅ Environment verification (Claude Code installation, permissions)
✅ Advanced debugging tools and comprehensive error handling

📁 New Files:
- e2b-monitor.py: Real-time sandbox monitoring with system resources tracking
- SANDBOX_DEBUGGING.md: Complete troubleshooting and debugging guide

🔧 Enhanced Features:
- E2B SDK v2.0.2 compatibility with Sandbox.create() API
- Automatic download of HTML, CSS, JS, TS, Python, JSON, Markdown files
- Detailed logging of command execution with exit codes and output lengths
- Retry logic for WebSocket/connection issues
- Environment checks (PATH, permissions, Claude Code installation)

🎯 Production Ready:
- Fully functional E2B cloud sandbox integration
- Comprehensive error handling and user guidance
- Advanced debugging capabilities for troubleshooting
- Automatic cleanup and resource management

This completes the E2B sandbox integration as a fully production-ready system
for executing Claude Code in secure isolated cloud environments.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 17:27:36 -04:00
Dani 983c774b71 Fix E2B launcher to use Sandbox.create() API for v2.0.2
- Replace deprecated Sandbox() constructor with Sandbox.create() method
- Use correct v2.0.2 API signature with named parameters
- Based on official E2B v2.0.2 API documentation

Resolves API compatibility issues with E2B SDK v2.0.2.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 14:20:38 -04:00
Dani 9833640d2e Update E2B launcher for SDK v2.0.2 API compatibility
- Fix template parameter to be positional argument instead of keyword
- Change env_vars to envs parameter (v2.0.2 API change)
- Update requirements.txt to use E2B SDK v2.0.2
- Based on official e2b-cookbook example for Anthropic Claude Code

Fixes WebSocket connection issues by using latest E2B SDK that no longer relies on WebSockets.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 14:15:39 -04:00
Dani 8ec8fb819e Fix WebSocket connection issues in E2B sandbox launcher
- Add retry logic with up to 3 attempts for WebSocket failures
- Implement shorter connection timeouts to fail fast
- Add detailed troubleshooting messages for common issues
- Handle network/firewall restriction errors gracefully

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 13:50:53 -04:00
Dani de73b1eb4f Fix E2B Sandbox constructor parameters
- Change 'envs' to 'env_vars' parameter
- Add explicit 'template' and 'api_key' parameters
- Use correct E2B API v2 syntax
- System now successfully creates sandbox (tested with fake keys)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 12:20:29 -04:00
Dani 1e9debfb83 Add debugging info to E2B launcher script
- Print Python executable and path information
- Auto-install E2B if import fails
- Better error messages for troubleshooting

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 12:17:38 -04:00
Dani 589c7a47a9 Remove E2B verification step that was causing installation hang
- Remove complex verification process that was causing sequence issues
- Simplify installation flow to: download → install → execute
- E2B functionality verified manually and works correctly

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 12:14:08 -04:00
Dani 5659ca0836 Improve E2B sandbox installation with better error handling and verification
- Add comprehensive pip output capture and error reporting
- Add E2B module import verification after installation
- Show detailed error messages when installation fails
- Provide clear manual installation instructions

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 12:07:43 -04:00
Dani 587ae2e66e Add E2B Claude Code Sandbox integration with CLI API key support
- Add E2B sandbox component with Python launcher script
- Support CLI parameters for E2B and Anthropic API keys (--e2b-api-key, --anthropic-api-key)
- Add comprehensive error handling for file downloads
- Make dotenv import optional in launcher script
- Add complete blog post with sandbox usage guide
- Update component generation system to support sandbox category

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 11:37:33 -04:00
Dani d7cc99e945 add .env.example 2025-09-04 11:31:20 -04:00
Dani 3f5400acc7 add e2b sandbox 2025-09-04 11:13:42 -04:00
Dani 4d3e2521d1 add package version and trending json 2025-09-03 10:18:27 -04:00
Dani a6efceb6f8 activity heatmap 2025-09-03 09:01:17 -04:00
Dani d51072672d fix next blog 2025-09-02 11:51:38 -04:00
Dani cf1d914624 fix blog title 2025-09-02 09:40:03 -04:00
Dani 62357c87dd fix blog 2025-09-02 09:20:49 -04:00
Dani 41042d499f new CLAUDE.md and blog vercel routes 2025-09-02 09:15:15 -04:00
Dani 5f47678ecb feat: Add statusline context monitor with Python script support
- Add new statusline/context-monitor component with real-time context usage monitoring
- Implement automatic Python script download for statusline components
- Update installIndividualSetting to support additional files installation
- Add context-monitor.py with visual progress bars, color-coded alerts, and session analytics
- Modify generate_components_json.py to exclude .py files from component listings
- Use relative paths (.claude/scripts/) instead of hardcoded paths
- Support executable file permissions for Python scripts
- Version bump to 1.20.2

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-01 14:57:09 -04:00
Dani 75eed8e8de fixing vercel blog y add statusline components 2025-09-01 14:47:13 -04:00
Dani eb19e71952 new blog new vercel components 2025-08-31 18:35:52 -04:00
Dani 1c6323d296 fix SEO 2025-08-28 17:18:16 -04:00
Dani 732949d9d8 fix email success 2025-08-28 16:01:32 -04:00
Dani df29131c86 add email newsletter form 2025-08-28 15:42:02 -04:00
Dani a491e25479 code-copy script blog 2025-08-28 13:43:38 -04:00
Dani af7d311d72 fix blog list 2025-08-28 00:01:41 -04:00
Dani 3a88de9e45 fix json 2025-08-27 23:53:13 -04:00
Dani e48f61e620 fix function vercel 2025-08-27 23:35:24 -04:00
Dani bf43cd68a4 vercel fix 2025-08-27 23:34:22 -04:00
Dani 7ad9eca197 add blog 2025-08-27 23:29:36 -04:00
Dani 593cb4b955 add browsermcp y trending data 2025-08-27 18:13:48 -04:00
Dani 4f7048b0e6 supabase en componentes 2025-08-27 18:01:29 -04:00
Dani 616c8b2de5 commands and agents 2025-08-27 17:55:12 -04:00
Dani 82a3855a05 update command and components.json 2025-08-27 14:44:59 -04:00
Dani 2a94d09f86 fix command and supabase mcp 2025-08-27 11:40:10 -04:00
Dani 4828eccc22 new search layout 2025-08-26 20:21:31 -04:00
Dani 2552fa978b add ui cli designer and components.json 2025-08-25 20:24:59 -04:00
Dani aa7fbf3151 fix command 2025-08-25 20:15:05 -04:00