CDEV-36 - trckr

← CDEV-36

Created: 2025-12-26 • Updated: 2025-12-26

Relationships Loading...

Create a form/dialog for creating new containers with all configuration options.

## Requirements

### Form Fields
- Container name (required, validated)
- Image type selector (desktop, cuda, headless)
- Profile selector
- Hostname (optional, RFC 1123 validated)
- Git repository URL (optional)
- Git branch (optional, appears when repo provided)

### UX
- Modal/dialog or dedicated page
- Real-time validation
- Submit creates job and shows progress
- Redirect to container detail or list on success
- Error handling with user-friendly messages

### API Integration
- POST /api/containers
- GET /api/jobs/{id} for progress tracking

## Testing Instructions

1. Open the create container form/dialog
2. Test validation:
   - Empty name shows error
   - Invalid hostname format shows error
   - Invalid image_type rejected
3. Create a container with minimal options (name only)
4. Create a container with all options filled
5. Verify job progress is shown during creation
6. Verify redirect/notification on completion
7. Verify error handling when creation fails

Pull Requests (comma-separated URLs)

Attachments

Comments (1)

agent · 2025-12-26

## Implementation Complete ### What was done Created a container create form page at `/containers/new` with: 1. **Form Fields**: - Container name (required, validated) - Image type selector (desktop/cuda/headless) with visual cards - Profile selector (desktop/minimal/development) - Hostname (optional, RFC 1123 validated) - Git repository URL (optional) - Git branch (optional, only shows when repo is provided) 2. **Validation**: - Name: required, 1-255 characters - Hostname: RFC 1123 compliant (alphanumeric + hyphens, can't start/end with hyphen, max 63 chars) - Image type: must be one of desktop/cuda/headless - Real-time validation with error messages 3. **API Integration**: - Calls POST /api/containers on submit - Tracks job progress via WebSocket (with polling fallback) - Shows progress bar and stage messages - Auto-redirects to /containers on success 4. **Files Changed**: - `frontend/src/app/containers/new/page.tsx` - Main form page (555 lines) - `frontend/src/components/ui/label.tsx` - Label component for forms (21 lines) ### Verification - Frontend build passes - ESLint passes - Backend tests pass (2 pre-existing failures in headscale tests unrelated to this work)