🖼️ Gestión de Assets

async function uploadAsset(file, metadata = {}) {
    const formData = new FormData();
    formData.append('file', file);
    
    // Metadata opcional
    if (metadata.tags) formData.append('tags', metadata.tags);
    if (metadata.alt_text) formData.append('alt_text', metadata.alt_text);
    if (metadata.force_webp !== undefined) formData.append('force_webp', metadata.force_webp);
    if (metadata.generate_variants !== undefined) formData.append('generate_variants', metadata.generate_variants);

    try {
        const response = await fetch('/api/assets', {
            method: 'POST',
            headers: {
                'Authorization': `Bearer ${await getAuthToken()}`
            },
            body: formData
        });

        if (!response.ok) {
            throw new Error(`Upload failed: ${response.statusText}`);
        }

        const result = await response.json();
        console.log('Asset uploaded:', result);
        return result;
        
    } catch (error) {
        console.error('Upload error:', error);
        throw error;
    }
}

// Uso con drag & drop
const dropZone = document.getElementById('drop-zone');

dropZone.addEventListener('drop', async (e) => {
    e.preventDefault();
    const files = Array.from(e.dataTransfer.files);
    
    for (const file of files) {
        if (file.type.startsWith('image/')) {
            try {
                const result = await uploadAsset(file, {
                    title: file.name.split('.')[0],
                    is_public: true,
                    tags: 'galeria,nuevo'
                });
                
                // Actualizar UI
                addAssetToGallery(result.data);
                
            } catch (error) {
                showErrorNotification(`Error subiendo ${file.name}: ${error.message}`);
            }
        }
    }
});

httpClient = $httpClient;
        $this->authService = $authService;
        $this->apiUrl = $apiUrl;
    }

    public function uploadAsset(
        string $filePath,
        array $metadata = []
    ): array {
        $token = $this->authService->getValidToken();
        
        $formData = [
            'file' => DataPart::fromPath($filePath)
        ];
        
        // Agregar metadata
        if (isset($metadata['title'])) {
            $formData['title'] = $metadata['title'];
        }
        if (isset($metadata['description'])) {
            $formData['description'] = $metadata['description'];
        }
        if (isset($metadata['tags'])) {
            $formData['tags'] = $metadata['tags'];
        }
        if (isset($metadata['is_public'])) {
            $formData['is_public'] = $metadata['is_public'] ? 'true' : 'false';
        }

        $formDataPart = new FormDataPart($formData);

        $response = $this->httpClient->request('POST', $this->apiUrl . '/assets', [
            'headers' => [
                'Authorization' => 'Bearer ' . $token,
            ] + $formDataPart->getPreparedHeaders()->toArray(),
            'body' => $formDataPart->bodyToIterable()
        ]);

        if ($response->getStatusCode() !== 201) {
            throw new \Exception('Asset upload failed: ' . $response->getContent(false));
        }

        return $response->toArray();
    }

    public function uploadFromUrl(string $imageUrl, array $metadata = []): array
    {
        // Descargar imagen
        $tempFile = tempnam(sys_get_temp_dir(), 'limbo_asset_');
        file_put_contents($tempFile, file_get_contents($imageUrl));
        
        try {
            $result = $this->uploadAsset($tempFile, $metadata);
            return $result;
        } finally {
            unlink($tempFile);
        }
    }
}

// Uso
$assetService = new LimboAssetService($httpClient, $authService, $apiUrl);

try {
    $result = $assetService->uploadAsset('/path/to/image.jpg', [
        'title' => 'Producto Hero',
        'description' => 'Imagen principal del producto',
        'tags' => 'producto,hero,principal',
        'is_public' => true
    ]);
    
    echo "Asset subido: " . $result['data']['id'] . "\n";
    echo "URL: " . $result['data']['url'] . "\n";
    
} catch (\Exception $e) {
    echo "Error: " . $e->getMessage() . "\n";
}

public function getAssetDetails(string $assetId): array
{
    $token = $this->authService->getValidToken();
    
    $response = $this->httpClient->request('GET', $this->apiUrl . '/assets/' . $assetId, [
        'headers' => [
            'Authorization' => 'Bearer ' . $token,
            'Content-Type' => 'application/json'
        ]
    ]);

    if ($response->getStatusCode() !== 200) {
        throw new \Exception('Failed to get asset details: ' . $response->getContent(false));
    }

    return $response->toArray();
}

public function renderAssetGallery(array $assets): string
{
    $html = '<div class="assets-gallery">';
    
    foreach ($assets as $asset) {
        $html .= sprintf(
            '<div class="asset-card" data-id="%s">
                <div class="asset-thumbnail">
                    <img src="%s" alt="%s" loading="lazy">
                </div>
                <div class="asset-details">
                    <h4>%s</h4>
                    <p>%s</p>
                    <div class="asset-meta">
                        <span>%s</span>
                        <span>%dx%d</span>
                    </div>
                    <div class="asset-actions">
                        <a href="%s" target="_blank" class="btn btn-sm">Ver</a>
                        <a href="%s" download class="btn btn-sm">Descargar</a>
                    </div>
                </div>
            </div>',
            htmlspecialchars($asset['id']),
            htmlspecialchars($asset['thumbnail_url']),
            htmlspecialchars($asset['title']),
            htmlspecialchars($asset['title']),
            htmlspecialchars($asset['description']),
            $this->formatFileSize($asset['size']),
            $asset['dimensions']['width'],
            $asset['dimensions']['height'],
            htmlspecialchars($asset['url']),
            htmlspecialchars($asset['download_url'])
        );
    }
    
    $html .= '</div>';
    return $html;
}