webscout 8.3.1__py3-none-any.whl → 8.3.2__py3-none-any.whl

webscout/auth/templates/static/api.js

@@ -0,0 +1,455 @@
+/**
+ * WebScout API Documentation - API Interaction Functions
+ * Handles all API requests and responses
+ */
+
+// API interaction utilities
+window.WebScoutAPI = {
+    baseUrl: '',
+    
+    init(baseUrl) {
+        this.baseUrl = baseUrl || window.WEBSCOUT_CONFIG?.baseUrl || '';
+    },
+    
+    // Generic API request function
+    async makeRequest(endpoint, method = 'GET', body = null, requireAuth = true) {
+        const url = `${this.baseUrl}${endpoint}`;
+        const startTime = Date.now();
+        
+        const headers = {
+            'Content-Type': 'application/json'
+        };
+        
+        if (requireAuth && WebScoutApp.currentApiKey) {
+            headers['Authorization'] = `Bearer ${WebScoutApp.currentApiKey}`;
+        }
+        
+        const options = {
+            method,
+            headers
+        };
+        
+        if (body && method !== 'GET') {
+            options.body = JSON.stringify(body);
+        }
+        
+        try {
+            const response = await fetch(url, options);
+            const endTime = Date.now();
+            const responseTime = endTime - startTime;
+            
+            let data;
+            const contentType = response.headers.get('content-type');
+            
+            if (contentType && contentType.includes('application/json')) {
+                data = await response.json();
+            } else {
+                data = await response.text();
+            }
+            
+            return {
+                status: response.status,
+                statusText: response.statusText,
+                data,
+                responseTime,
+                headers: Object.fromEntries(response.headers.entries())
+            };
+        } catch (error) {
+            return {
+                status: 0,
+                statusText: 'Network Error',
+                data: { error: error.message },
+                responseTime: Date.now() - startTime,
+                headers: {}
+            };
+        }
+    },
+    
+    // Streaming request handler
+    async makeStreamingRequest(endpoint, body, onChunk, onComplete, onError) {
+        const url = `${this.baseUrl}${endpoint}`;
+        
+        const headers = {
+            'Content-Type': 'application/json'
+        };
+        
+        if (WebScoutApp.currentApiKey) {
+            headers['Authorization'] = `Bearer ${WebScoutApp.currentApiKey}`;
+        }
+        
+        try {
+            const response = await fetch(url, {
+                method: 'POST',
+                headers,
+                body: JSON.stringify(body)
+            });
+            
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            }
+            
+            const reader = response.body.getReader();
+            const decoder = new TextDecoder();
+            
+            while (true) {
+                const { done, value } = await reader.read();
+                
+                if (done) {
+                    onComplete?.();
+                    break;
+                }
+                
+                const chunk = decoder.decode(value);
+                const lines = chunk.split('\n');
+                
+                for (const line of lines) {
+                    if (line.startsWith('data: ')) {
+                        const data = line.slice(6);
+                        if (data === '[DONE]') {
+                            onComplete?.();
+                            return;
+                        }
+                        
+                        try {
+                            const parsed = JSON.parse(data);
+                            onChunk?.(parsed);
+                        } catch (e) {
+                            // Skip invalid JSON
+                        }
+                    }
+                }
+            }
+        } catch (error) {
+            onError?.(error);
+        }
+    }
+};
+
+// API test functions
+async function testChatCompletion(event) {
+    const button = event?.target || event;
+    const originalText = showLoading(button);
+    
+    const model = document.getElementById('chat-model').value;
+    const messagesText = document.getElementById('chat-messages').value;
+    const temperature = parseFloat(document.getElementById('chat-temperature').value);
+    const maxTokens = parseInt(document.getElementById('chat-max-tokens').value);
+    const stream = document.getElementById('chat-stream').checked;
+    
+    let messages;
+    try {
+        messages = JSON.parse(messagesText || '[{"role": "user", "content": "Hello!"}]');
+    } catch (e) {
+        WebScoutApp.showToast('Invalid JSON in messages field', 'error');
+        hideLoading(button, originalText);
+        return;
+    }
+    
+    const body = {
+        model,
+        messages,
+        temperature,
+        max_tokens: maxTokens,
+        stream
+    };
+    
+    if (stream) {
+        await handleStreamingChatCompletion(body, button, originalText);
+    } else {
+        const response = await WebScoutAPI.makeRequest('/v1/chat/completions', 'POST', body);
+        displayResponse('chat-response', response);
+        hideLoading(button, originalText);
+    }
+}
+
+async function handleStreamingChatCompletion(body, button, originalText) {
+    const responseDiv = document.getElementById('chat-response');
+    responseDiv.innerHTML = '';
+    responseDiv.classList.add('show');
+    
+    const statusDiv = document.createElement('div');
+    statusDiv.className = 'response-header';
+    statusDiv.innerHTML = `
+        <div class="response-status">
+            <span class="status-code status-200">STREAMING</span>
+            <span class="response-time">Connecting...</span>
+        </div>
+    `;
+    responseDiv.appendChild(statusDiv);
+    
+    const contentDiv = document.createElement('div');
+    contentDiv.className = 'response-body';
+    const preElement = document.createElement('pre');
+    contentDiv.appendChild(preElement);
+    responseDiv.appendChild(contentDiv);
+    
+    let fullContent = '';
+    const startTime = Date.now();
+    
+    await WebScoutAPI.makeStreamingRequest(
+        '/v1/chat/completions',
+        body,
+        (chunk) => {
+            if (chunk.choices && chunk.choices[0]?.delta?.content) {
+                const content = chunk.choices[0].delta.content;
+                fullContent += content;
+                preElement.textContent = fullContent;
+            }
+        },
+        () => {
+            const endTime = Date.now();
+            statusDiv.querySelector('.response-time').textContent = `${endTime - startTime}ms`;
+            hideLoading(button, originalText);
+        },
+        (error) => {
+            preElement.textContent = `Error: ${error.message}`;
+            statusDiv.querySelector('.status-code').className = 'status-code status-500';
+            statusDiv.querySelector('.status-code').textContent = 'ERROR';
+            hideLoading(button, originalText);
+        }
+    );
+}
+
+async function testImageGeneration(event) {
+    const button = event?.target || event;
+    const originalText = showLoading(button);
+    
+    const prompt = document.getElementById('image-prompt').value;
+    const model = document.getElementById('image-model').value;
+    const size = document.getElementById('image-size').value;
+    const n = parseInt(document.getElementById('image-count').value);
+    
+    if (!prompt.trim()) {
+        WebScoutApp.showToast('Please enter a prompt', 'error');
+        hideLoading(button, originalText);
+        return;
+    }
+    
+    const body = { prompt, model, size, n };
+    const response = await WebScoutAPI.makeRequest('/v1/images/generations', 'POST', body);
+    
+    displayImageResponse('image-response', response);
+    hideLoading(button, originalText);
+}
+
+async function testListModels(event) {
+    const button = event?.target || event;
+    const originalText = showLoading(button);
+
+    const response = await WebScoutAPI.makeRequest('/v1/models', 'GET');
+    displayResponse('models-response', response);
+    hideLoading(button, originalText);
+}
+
+async function testListTTIModels(event) {
+    const button = event?.target || event;
+    const originalText = showLoading(button);
+
+    const response = await WebScoutAPI.makeRequest('/v1/TTI/models', 'GET');
+    displayResponse('tti-models-response', response);
+    hideLoading(button, originalText);
+}
+
+async function testGetModel(event) {
+    const button = event?.target || event;
+    const originalText = showLoading(button);
+    
+    const modelId = document.getElementById('model-id-input').value;
+    
+    if (!modelId.trim()) {
+        WebScoutApp.showToast('Please enter a model ID', 'error');
+        hideLoading(button, originalText);
+        return;
+    }
+    
+    const response = await WebScoutAPI.makeRequest(`/v1/models/${modelId}`, 'GET');
+    displayResponse('model-info-response', response);
+    hideLoading(button, originalText);
+}
+
+async function testGenerateApiKey(event) {
+    const button = event?.target || event;
+    const originalText = showLoading(button);
+
+    const username = document.getElementById('auth-username').value;
+    const name = document.getElementById('auth-name').value;
+    const rateLimit = parseInt(document.getElementById('auth-rate-limit').value);
+    const expiresInDays = parseInt(document.getElementById('auth-expires').value) || null;
+
+    if (!username.trim()) {
+        WebScoutApp.showToast('Please enter a username', 'error');
+        hideLoading(button, originalText);
+        return;
+    }
+
+    const body = {
+        username,
+        name: name || null,
+        rate_limit: rateLimit,
+        expires_in_days: expiresInDays
+    };
+    const response = await WebScoutAPI.makeRequest('/v1/auth/generate-key', 'POST', body, false);
+
+    if (response.status === 200 && response.data.api_key) {
+        WebScoutApp.currentApiKey = response.data.api_key;
+        localStorage.setItem('webscout_api_key', WebScoutApp.currentApiKey);
+        WebScoutApp.showToast('API key generated and saved!', 'success');
+    }
+
+    displayResponse('auth-response', response);
+    hideLoading(button, originalText);
+}
+
+async function testValidateApiKey(event) {
+    const button = event?.target || event;
+    const originalText = showLoading(button);
+
+    const apiKey = document.getElementById('validate-api-key').value;
+
+    if (!apiKey.trim()) {
+        WebScoutApp.showToast('Please enter an API key', 'error');
+        hideLoading(button, originalText);
+        return;
+    }
+
+    // Temporarily use the provided key for validation
+    const originalKey = WebScoutApp.currentApiKey;
+    WebScoutApp.currentApiKey = apiKey;
+
+    const response = await WebScoutAPI.makeRequest('/v1/auth/validate', 'GET');
+
+    // Restore original key
+    WebScoutApp.currentApiKey = originalKey;
+
+    displayResponse('validate-response', response);
+    hideLoading(button, originalText);
+}
+
+async function testWebSearch(event) {
+    const button = event?.target || event;
+    const originalText = showLoading(button);
+
+    const query = document.getElementById('search-query').value;
+    const engine = document.getElementById('search-engine').value;
+    const type = document.getElementById('search-type').value;
+    const maxResults = parseInt(document.getElementById('search-max-results').value);
+    const region = document.getElementById('search-region').value;
+    const safesearch = document.getElementById('search-safesearch').value;
+
+    if (!query.trim()) {
+        WebScoutApp.showToast('Please enter a search query', 'error');
+        hideLoading(button, originalText);
+        return;
+    }
+
+    const params = new URLSearchParams({
+        q: query,
+        engine,
+        type,
+        max_results: maxResults,
+        region,
+        safesearch
+    });
+
+    const response = await WebScoutAPI.makeRequest(`/search?${params}`, 'GET', null, false);
+    displayResponse('search-response', response);
+    hideLoading(button, originalText);
+}
+
+async function testHealthCheck(event) {
+    const button = event?.target || event;
+    const originalText = showLoading(button);
+
+    const response = await WebScoutAPI.makeRequest('/health', 'GET', null, false);
+    displayResponse('health-response', response);
+    hideLoading(button, originalText);
+}
+
+// Load models for the models tab
+async function loadModels() {
+    const container = document.getElementById('models-container');
+    const loading = document.getElementById('models-loading');
+    const error = document.getElementById('models-error');
+    
+    if (!container) return;
+    
+    // Show loading state
+    loading.style.display = 'block';
+    error.style.display = 'none';
+    container.innerHTML = '';
+    
+    try {
+        const response = await WebScoutAPI.makeRequest('/v1/models', 'GET', null, false);
+        
+        if (response.status === 200 && response.data.data) {
+            const models = response.data.data;
+            displayModels(models);
+            updateModelStats(models);
+        } else {
+            throw new Error('Failed to load models');
+        }
+    } catch (err) {
+        error.style.display = 'block';
+        WebScoutApp.showToast('Failed to load models', 'error');
+    } finally {
+        loading.style.display = 'none';
+    }
+}
+
+function displayModels(models) {
+    const container = document.getElementById('models-container');
+    if (!container) return;
+    
+    container.innerHTML = models.map(model => `
+        <div class="model-card" data-model-type="${model.object}" data-model-name="${model.id.toLowerCase()}">
+            <div class="model-header">
+                <div>
+                    <div class="model-name">${model.id}</div>
+                    <div class="model-provider">by ${model.owned_by}</div>
+                </div>
+                <div class="model-type">${model.object}</div>
+            </div>
+            <div class="model-description">
+                ${getModelDescription(model.id)}
+            </div>
+            <div class="model-meta">
+                <span class="model-created">Created: ${formatTimestamp(model.created * 1000)}</span>
+                <span class="model-id">ID: ${model.id}</span>
+            </div>
+        </div>
+    `).join('');
+}
+
+function getModelDescription(modelId) {
+    const descriptions = {
+        'gpt-4': 'Most capable GPT model, great for complex tasks requiring deep understanding.',
+        'gpt-3.5-turbo': 'Fast and efficient model, perfect for most conversational tasks.',
+        'claude-3-sonnet': 'Anthropic\'s balanced model with strong reasoning capabilities.',
+        'dall-e-2': 'AI image generation model that creates images from text descriptions.',
+        'dall-e-3': 'Latest image generation model with improved quality and prompt adherence.'
+    };
+    
+    return descriptions[modelId] || 'Advanced AI model for various tasks and applications.';
+}
+
+function updateModelStats(models) {
+    const totalModels = document.getElementById('total-models');
+    const chatModels = document.getElementById('chat-models');
+    const imageModels = document.getElementById('image-models');
+    const providersCount = document.getElementById('providers-count');
+    
+    if (totalModels) totalModels.textContent = models.length;
+    
+    const chatCount = models.filter(m => m.object === 'model' || m.id.includes('gpt') || m.id.includes('claude')).length;
+    const imageCount = models.filter(m => m.id.includes('dall-e') || m.id.includes('stable')).length;
+    const providers = new Set(models.map(m => m.owned_by)).size;
+    
+    if (chatModels) chatModels.textContent = chatCount;
+    if (imageModels) imageModels.textContent = imageCount;
+    if (providersCount) providersCount.textContent = providers;
+}
+
+// Initialize API module
+document.addEventListener('DOMContentLoaded', () => {
+    WebScoutAPI.init();
+});

webscout/auth/templates/static/icons.js

@@ -0,0 +1,168 @@
+/**
+ * Modern SVG Icon System for WebScout
+ * Replaces emoji icons with scalable, professional SVG icons
+ */
+
+const WebScoutIcons = {
+    // API & Technical Icons
+    api: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
+    </svg>`,
+    
+    rocket: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/>
+        <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/>
+        <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/>
+        <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/>
+    </svg>`,
+    
+    shield: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
+    </svg>`,
+    
+    bot: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <rect x="3" y="11" width="18" height="10" rx="2" ry="2"/>
+        <circle cx="12" cy="5" r="2"/>
+        <path d="M12 7v4"/>
+        <line x1="8" y1="16" x2="8" y2="16"/>
+        <line x1="16" y1="16" x2="16" y2="16"/>
+    </svg>`,
+    
+    code: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <polyline points="16,18 22,12 16,6"/>
+        <polyline points="8,6 2,12 8,18"/>
+    </svg>`,
+    
+    database: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <ellipse cx="12" cy="5" rx="9" ry="3"/>
+        <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/>
+        <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/>
+    </svg>`,
+    
+    // Status & UI Icons
+    check: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <polyline points="20,6 9,17 4,12"/>
+    </svg>`,
+    
+    x: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <line x1="18" y1="6" x2="6" y2="18"/>
+        <line x1="6" y1="6" x2="18" y2="18"/>
+    </svg>`,
+    
+    warning: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
+        <line x1="12" y1="9" x2="12" y2="13"/>
+        <line x1="12" y1="17" x2="12.01" y2="17"/>
+    </svg>`,
+    
+    info: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/>
+        <line x1="12" y1="16" x2="12" y2="12"/>
+        <line x1="12" y1="8" x2="12.01" y2="8"/>
+    </svg>`,
+    
+    // Navigation Icons
+    menu: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <line x1="3" y1="6" x2="21" y2="6"/>
+        <line x1="3" y1="12" x2="21" y2="12"/>
+        <line x1="3" y1="18" x2="21" y2="18"/>
+    </svg>`,
+    
+    chevronDown: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <polyline points="6,9 12,15 18,9"/>
+    </svg>`,
+    
+    chevronUp: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <polyline points="18,15 12,9 6,15"/>
+    </svg>`,
+    
+    // Action Icons
+    copy: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
+        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
+    </svg>`,
+    
+    download: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
+        <polyline points="7,10 12,15 17,10"/>
+        <line x1="12" y1="15" x2="12" y2="3"/>
+    </svg>`,
+    
+    search: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <circle cx="11" cy="11" r="8"/>
+        <path d="m21 21-4.35-4.35"/>
+    </svg>`,
+    
+    // Social Icons
+    github: `<svg viewBox="0 0 24 24" fill="currentColor">
+        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+    </svg>`,
+    
+    twitter: `<svg viewBox="0 0 24 24" fill="currentColor">
+        <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
+    </svg>`,
+    
+    linkedin: `<svg viewBox="0 0 24 24" fill="currentColor">
+        <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+    </svg>`,
+    
+    // Utility function to create icon element
+    create: function(iconName, className = '', size = '24') {
+        const icon = this[iconName];
+        if (!icon) {
+            console.warn(`Icon "${iconName}" not found`);
+            return '';
+        }
+        
+        const wrapper = document.createElement('span');
+        wrapper.className = `icon ${className}`;
+        wrapper.style.width = `${size}px`;
+        wrapper.style.height = `${size}px`;
+        wrapper.style.display = 'inline-block';
+        wrapper.innerHTML = icon;
+        
+        return wrapper.outerHTML;
+    },
+    
+    // Utility function to replace emoji icons
+    replaceEmojis: function() {
+        const replacements = {
+            '🚀': 'rocket',
+            '🔐': 'shield',
+            '🤖': 'bot',
+            '💡': 'code',
+            '📡': 'api',
+            '🔌': 'database',
+            '⚡': 'api',
+            '✅': 'check',
+            '❌': 'x',
+            '⚠️': 'warning',
+            'ℹ️': 'info',
+            '▼': 'chevronDown',
+            '▲': 'chevronUp',
+            '🐙': 'github',
+            '🐦': 'twitter',
+            '💼': 'linkedin'
+        };
+        
+        Object.keys(replacements).forEach(emoji => {
+            const elements = document.querySelectorAll(`*:not(script):not(style)`);
+            elements.forEach(el => {
+                if (el.textContent && el.textContent.includes(emoji)) {
+                    el.innerHTML = el.innerHTML.replace(
+                        new RegExp(emoji, 'g'), 
+                        this.create(replacements[emoji], 'emoji-replacement', '20')
+                    );
+                }
+            });
+        });
+    }
+};
+
+// Auto-replace emojis when DOM is loaded
+document.addEventListener('DOMContentLoaded', function() {
+    WebScoutIcons.replaceEmojis();
+});
+
+// Export for global use
+window.WebScoutIcons = WebScoutIcons;