# Site Builder Features (2026-02-22) ## 1. Anchor Points & Link System - **Anchor Point block**: Drag-and-drop anchor points with configurable `id` attribute - **Link Type Selector**: When selecting a link/button element, choose between: - External URL (manual input) - Page Link (dropdown of all pages) - Anchor on Page (dropdown of all anchors on current page) - Anchors automatically populate in the dropdown ## 2. Asset Manager - **New "Assets" tab** in left panel - **File upload**: Upload images, videos, PDFs via file picker (stored as data URLs in localStorage) - **URL-based assets**: Add assets by pasting URLs - **Asset grid**: Visual grid showing thumbnails for images, icons for other file types - **Click to copy**: Click any asset to copy its URL to clipboard - **Delete assets**: Remove with × button - Assets are also registered in GrapesJS's built-in asset manager for image selection ## 3. Image Resize/Crop (PHP Backend) - **API endpoint**: `api/image-resize.php` - **Modes**: `resize`, `crop`, `fit` - **Input**: File upload or URL - **Parameters**: width, height, quality (1-100), format (jpg/png/webp/auto) - **Output**: JSON with resized image path, dimensions, and file size - Requires PHP with GD extension on the server ## 4. Video Element Fix - **Video block** has properly registered `video-wrapper` component type - **Video URL trait**: Enter YouTube, Vimeo, or direct video file URLs - **Apply Video button**: Click to apply the video URL - **Video Section (BG)**: Separate component type for video background sections - Both component types (`video-wrapper` and `video-section`) are registered and functional ## 5. Element Deletion Improvement - **"Delete Section" context menu option**: Right-click any element → "Delete Section" - Walks up the component tree to find the topmost parent (before the wrapper) - Deletes the entire section including all child components - Confirmation dialog before deletion ## 6. Header/Site-wide Elements - **New "Head" tab** in right panel - **Page `` Code**: Add scripts, meta tags, and other `` elements - **Site-wide CSS**: Add CSS that applies to all pages - Both are saved to localStorage and included in exports - Site-wide CSS is applied live to the canvas editor ## 7. PDF/File Display Element - **"File / PDF" block** in Media category - Uses `