Spaces:

AiCoderv2
/

anycoder-9955a3db

Running

App Files Files Community

AiCoderv2 commited on Dec 3, 2025

Commit

fd23785

verified ·

1 Parent(s): b5d1c03

Upload folder using huggingface_hub

Browse files

Files changed (1) hide show

index.html +230 -182

index.html CHANGED Viewed

@@ -1,9 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>DeepSeek ChatBot</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         * {
@@ -107,39 +108,28 @@
             color: #ccc;
         }
-        .model-selector {
             margin-bottom: 20px;
         }
-        .model-selector h3 {
             font-size: 1rem;
             margin-bottom: 10px;
-            color: white;
-        }
-        .model-options {
-            display: flex;
-            flex-direction: column;
-            gap: 10px;
         }
-        .model-option {
-            padding: 12px;
-            background: rgba(255, 255, 255, 0.1);
-            border-radius: 8px;
-            cursor: pointer;
-            transition: all 0.3s ease;
-            display: flex;
             align-items: center;
-            gap: 10px;
-        }
-        .model-option:hover {
-            background: rgba(255, 255, 255, 0.2);
-        }
-        .model-option.active {
             background: var(--primary);
         }
         .usage-stats {
@@ -199,6 +189,40 @@
             color: var(--dark);
         }
         .chat-messages {
             flex: 1;
             padding: 20px;
@@ -215,8 +239,14 @@
         }
         @keyframes fadeIn {
-            from { opacity: 0; transform: translateY(10px); }
-            to { opacity: 1; transform: translateY(0); }
         }
         .message.user {
@@ -248,6 +278,7 @@
             padding: 12px 16px;
             border-radius: 18px;
             box-shadow: var(--shadow);
         }
         .user .message-content {
@@ -263,6 +294,22 @@
             border: 1px solid #eee;
         }
         .chat-input {
             padding: 20px;
             background: white;
@@ -337,13 +384,25 @@
             animation: typing 1.4s infinite ease-in-out;
         }
-        .typing-dot:nth-child(1) { animation-delay: 0s; }
-        .typing-dot:nth-child(2) { animation-delay: 0.2s; }
-        .typing-dot:nth-child(3) { animation-delay: 0.4s; }
         @keyframes typing {
-            0%, 60%, 100% { transform: translateY(0); }
-            30% { transform: translateY(-5px); }
         }
         .welcome-message {
@@ -363,6 +422,21 @@
             margin-bottom: 10px;
         }
         @media (max-width: 768px) {
             .app-container {
                 flex-direction: column;
@@ -385,49 +459,35 @@
         }
     </style>
 </head>
 <body>
     <div class="app-container">
         <!-- Sidebar -->
         <div class="sidebar">
             <div class="header">
-                <h1><i class="fas fa-robot"></i> DeepSeek ChatBot</h1>
-                <p>AI-powered conversations with DeepSeek models</p>
                 <div class="built-with">
                     Built with <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">anycoder</a>
                 </div>
             </div>
             <div class="api-info">
-                <h3><i class="fas fa-key"></i> API Information</h3>
-                <p>Your API key is securely saved</p>
-                <p>Requests per hour: <span id="requests-limit">20</span></p>
-                <p>Used requests: <span id="requests-used">0</span></p>
             </div>
-            <div class="model-selector">
-                <h3><i class="fas fa-brain"></i> Select Model</h3>
-                <div class="model-options">
-                    <div class="model-option active" data-model="deepseek-chat">
-                        <i class="fas fa-comments"></i>
-                        <div>
-                            <div>DeepSeek Chat</div>
-                            <small>General purpose model</small>
-                        </div>
-                    </div>
-                    <div class="model-option" data-model="deepseek-coder">
-                        <i class="fas fa-code"></i>
-                        <div>
-                            <div>DeepSeek Coder</div>
-                            <small>Programming focused</small>
-                        </div>
-                    </div>
-                    <div class="model-option" data-model="deepseek-math">
-                        <i class="fas fa-square-root-variable"></i>
-                        <div>
-                            <div>DeepSeek Math</div>
-                            <small>Mathematics focused</small>
-                        </div>
-                    </div>
                 </div>
             </div>
@@ -437,8 +497,8 @@
                     <div class="usage-progress" id="usage-progress"></div>
                 </div>
                 <div class="usage-text">
-                    <span>Remaining: <span id="requests-remaining">20</span></span>
-                    <span>Reset in: <span id="reset-time">60</span> min</span>
                 </div>
             </div>
         </div>
@@ -446,15 +506,18 @@
         <!-- Chat Container -->
         <div class="chat-container">
             <div class="chat-header">
-                <h2>Chat with DeepSeek</h2>
-                <div id="current-model">DeepSeek Chat</div>
             </div>
             <div class="chat-messages" id="chat-messages">
                 <div class="welcome-message">
                     <i class="fas fa-robot"></i>
-                    <h3>Welcome to DeepSeek ChatBot</h3>
-                    <p>Select a model and start chatting! Your API key is saved and usage is tracked automatically.</p>
                 </div>
             </div>
@@ -470,7 +533,7 @@
             </div>
             <div class="chat-input">
-                <input type="text" id="message-input" placeholder="Type your message here..." autocomplete="off">
                 <button id="send-button">
                     <i class="fas fa-paper-plane"></i> Send
                 </button>
@@ -481,17 +544,11 @@
     <script>
         // Configuration
         const API_KEY = "sk-3afb9d162afe4f75881648a03667847b";
-        const REQUESTS_PER_HOUR = 20;
-        const MODELS = {
-            'deepseek-chat': 'DeepSeek Chat',
-            'deepseek-coder': 'DeepSeek Coder',
-            'deepseek-math': 'DeepSeek Math'
-        };
         // State
-        let currentModel = 'deepseek-chat';
         let requestCount = 0;
-        let resetTimer = 60; // minutes
         // DOM Elements
         const chatMessages = document.getElementById('chat-messages');
@@ -499,34 +556,25 @@
         const sendButton = document.getElementById('send-button');
         const typingIndicator = document.getElementById('typing-indicator');
         const requestsUsedEl = document.getElementById('requests-used');
-        const requestsRemainingEl = document.getElementById('requests-remaining');
         const usageProgress = document.getElementById('usage-progress');
-        const resetTimeEl = document.getElementById('reset-time');
-        const currentModelEl = document.getElementById('current-model');
         // Initialize from localStorage
         function initializeApp() {
-            const savedData = localStorage.getItem('deepseek-chatbot');
             if (savedData) {
                 const data = JSON.parse(savedData);
                 requestCount = data.requestCount || 0;
-                currentModel = data.currentModel || 'deepseek-chat';
-                resetTimer = data.resetTimer || 60;
                 // Update UI with saved data
                 updateUsageStats();
-                setActiveModel(currentModel);
-                currentModelEl.textContent = MODELS[currentModel];
                 // Load chat history if exists
                 if (data.chatHistory) {
                     loadChatHistory(data.chatHistory);
                 }
             }
-            // Start countdown timer
-            startResetTimer();
         }
         // Save to localStorage
@@ -543,55 +591,38 @@
                 } else if (element.classList.contains('bot') && !element.querySelector('.welcome-message')) {
                     chatHistory.push({
                         type: 'bot',
-                        content: element.querySelector('.message-content').textContent
                     });
                 }
             });
             const data = {
                 requestCount,
-                currentModel,
-                resetTimer,
                 chatHistory,
                 lastSave: new Date().toISOString()
             };
-            localStorage.setItem('deepseek-chatbot', JSON.stringify(data));
         }
         // Update usage statistics
         function updateUsageStats() {
             requestsUsedEl.textContent = requestCount;
-            const remaining = REQUESTS_PER_HOUR - requestCount;
-            requestsRemainingEl.textContent = remaining > 0 ? remaining : 0;
-            const usagePercentage = (requestCount / REQUESTS_PER_HOUR) * 100;
-            usageProgress.style.width = `${Math.min(usagePercentage, 100)}%`;
-            // Update progress bar color based on usage
-            if (usagePercentage >= 90) {
                 usageProgress.style.background = 'var(--warning)';
-            } else if (usagePercentage >= 75) {
                 usageProgress.style.background = 'orange';
             } else {
                 usageProgress.style.background = 'var(--success)';
             }
         }
-        // Set active model
-        function setActiveModel(model) {
-            document.querySelectorAll('.model-option').forEach(option => {
-                option.classList.remove('active');
-                if (option.dataset.model === model) {
-                    option.classList.add('active');
-                }
-            });
-            currentModel = model;
-            currentModelEl.textContent = MODELS[model];
-            saveAppState();
-        }
         // Load chat history
         function loadChatHistory(history) {
             // Clear welcome message
@@ -602,14 +633,14 @@
             // Add messages from history
             history.forEach(msg => {
-                addMessage(msg.content, msg.type);
             });
         }
         // Add message to chat
-        function addMessage(content, type) {
             // Remove welcome message if it's the first real message
-            if (chatMessages.querySelector('.welcome-message') && type === 'user') {
                 chatMessages.querySelector('.welcome-message').remove();
             }
@@ -627,7 +658,12 @@
                 contentDiv.textContent = content;
             } else {
                 avatarDiv.innerHTML = '<i class="fas fa-robot"></i>';
-                contentDiv.textContent = content;
             }
             messageDiv.appendChild(avatarDiv);
@@ -636,6 +672,10 @@
             // Scroll to bottom
             chatMessages.scrollTop = chatMessages.scrollHeight;
         }
         // Show typing indicator
@@ -649,87 +689,91 @@
             typingIndicator.style.display = 'none';
         }
-        // Send message to API
         async function sendMessage(message) {
-            if (requestCount >= REQUESTS_PER_HOUR) {
-                addMessage("You've reached your hourly request limit. Please try again later.", 'bot');
-                return;
-            }
             showTypingIndicator();
             try {
-                // Simulate API call (in a real implementation, this would be the actual API call)
-                // For demonstration purposes, we'll simulate a response
-                setTimeout(() => {
-                    hideTypingIndicator();
-                    // Generate a simulated response based on the model
-                    let response = generateSimulatedResponse(message, currentModel);
-                    addMessage(response, 'bot');
                     requestCount++;
                     updateUsageStats();
-                    saveAppState();
-                }, 1500);
             } catch (error) {
                 hideTypingIndicator();
-                addMessage("Sorry, I encountered an error. Please try again.", 'bot');
                 console.error("API Error:", error);
-            }
-        }
-        // Generate simulated response (for demo purposes)
-        function generateSimulatedResponse(message, model) {
-            const responses = {
-                'deepseek-chat': [
-                    "I understand your question about '" + message + "'. As an AI assistant, I can help you with various topics.",
-                    "That's an interesting point about '" + message + "'. Let me share some insights on that topic.",
-                    "Regarding '" + message + "', I can provide information and assistance on this subject."
-                ],
-                'deepseek-coder': [
-                    "Looking at your code-related question about '" + message + "', I can help you with programming concepts and solutions.",
-                    "For your programming inquiry '" + message + "', I can offer code examples and best practices.",
-                    "As a coding assistant, I can help you with '" + message + "' by providing code snippets and explanations."
-                ],
-                'deepseek-math': [
-                    "Your mathematical question about '" + message + "' is interesting. Let me break it down for you.",
-                    "Regarding the math problem '" + message + "', I can guide you through the solution step by step.",
-                    "For your mathematics inquiry '" + message + "', I can provide formulas, calculations, and explanations."
-                ]
-            };
-            const modelResponses = responses[model] || responses['deepseek-chat'];
-            return modelResponses[Math.floor(Math.random() * modelResponses.length)];
-        }
-        // Start reset timer
-        function startResetTimer() {
-            setInterval(() => {
-                resetTimer--;
-                resetTimeEl.textContent = resetTimer;
-                if (resetTimer <= 0) {
-                    // Reset request count
-                    requestCount = 0;
-                    resetTimer = 60;
-                    updateUsageStats();
-                    saveAppState();
-                }
-            }, 60000); // Update every minute
         }
         // Event Listeners
-        document.querySelectorAll('.model-option').forEach(option => {
-            option.addEventListener('click', () => {
-                setActiveModel(option.dataset.model);
-            });
-        });
         sendButton.addEventListener('click', () => {
             const message = messageInput.value.trim();
-            if (message) {
                 addMessage(message, 'user');
                 messageInput.value = '';
                 sendMessage(message);
@@ -737,13 +781,17 @@
         });
         messageInput.addEventListener('keypress', (e) => {
-            if (e.key === 'Enter') {
                 sendButton.click();
             }
         });
         // Initialize the application
         initializeApp();
     </script>
 </body>
 </html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DeepSeek-V3.1 ChatBot</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         * {
             color: #ccc;
         }
+        .model-info {
+            background: rgba(255, 255, 255, 0.1);
+            padding: 15px;
+            border-radius: 10px;
             margin-bottom: 20px;
         }
+        .model-info h3 {
             font-size: 1rem;
             margin-bottom: 10px;
+            color: var(--success);
         }
+        .model-badge {
+            display: inline-flex;
             align-items: center;
+            gap: 8px;
             background: var(--primary);
+            padding: 8px 12px;
+            border-radius: 20px;
+            font-size: 0.9rem;
+            margin-top: 10px;
         }
         .usage-stats {
             color: var(--dark);
         }
+        .model-status {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            background: var(--light);
+            padding: 8px 15px;
+            border-radius: 20px;
+            font-size: 0.9rem;
+            color: var(--dark);
+        }
+        .status-dot {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            background: var(--success);
+            animation: pulse 2s infinite;
+        }
+        @keyframes pulse {
+            0% {
+                transform: scale(0.95);
+                box-shadow: 0 0 0 0 rgba(76, 201, 240, 0.7);
+            }
+            70% {
+                transform: scale(1);
+                box-shadow: 0 0 0 6px rgba(76, 201, 240, 0);
+            }
+            100% {
+                transform: scale(0.95);
+                box-shadow: 0 0 0 0 rgba(76, 201, 240, 0);
+            }
+        }
         .chat-messages {
             flex: 1;
             padding: 20px;
         }
         @keyframes fadeIn {
+            from {
+                opacity: 0;
+                transform: translateY(10px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
         }
         .message.user {
             padding: 12px 16px;
             border-radius: 18px;
             box-shadow: var(--shadow);
+            line-height: 1.5;
         }
         .user .message-content {
             border: 1px solid #eee;
         }
+        .message-content code {
+            background: rgba(0, 0, 0, 0.05);
+            padding: 2px 6px;
+            border-radius: 4px;
+            font-family: 'Courier New', monospace;
+            font-size: 0.9em;
+        }
+        .message-content pre {
+            background: rgba(0, 0, 0, 0.05);
+            padding: 12px;
+            border-radius: 8px;
+            overflow-x: auto;
+            margin: 8px 0;
+        }
         .chat-input {
             padding: 20px;
             background: white;
             animation: typing 1.4s infinite ease-in-out;
         }
+        .typing-dot:nth-child(1) {
+            animation-delay: 0s;
+        }
+        .typing-dot:nth-child(2) {
+            animation-delay: 0.2s;
+        }
+        .typing-dot:nth-child(3) {
+            animation-delay: 0.4s;
+        }
         @keyframes typing {
+            0%, 60%, 100% {
+                transform: translateY(0);
+            }
+            30% {
+                transform: translateY(-5px);
+            }
         }
         .welcome-message {
             margin-bottom: 10px;
         }
+        .api-status {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-top: 10px;
+        }
+        .api-status.connected {
+            color: var(--success);
+        }
+        .api-status.disconnected {
+            color: var(--warning);
+        }
         @media (max-width: 768px) {
             .app-container {
                 flex-direction: column;
         }
     </style>
 </head>
 <body>
     <div class="app-container">
         <!-- Sidebar -->
         <div class="sidebar">
             <div class="header">
+                <h1><i class="fas fa-robot"></i> DeepSeek-V3.1</h1>
+                <p>Advanced AI conversations with DeepSeek-V3.1</p>
                 <div class="built-with">
                     Built with <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">anycoder</a>
                 </div>
             </div>
             <div class="api-info">
+                <h3><i class="fas fa-key"></i> API Configuration</h3>
+                <p>API Key: Connected ✓</p>
+                <p>Model: DeepSeek-V3.1</p>
+                <div class="api-status connected">
+                    <i class="fas fa-check-circle"></i>
+                    <span>API Ready</span>
+                </div>
             </div>
+            <div class="model-info">
+                <h3><i class="fas fa-brain"></i> Active Model</h3>
+                <p>DeepSeek-V3.1</p>
+                <div class="model-badge">
+                    <i class="fas fa-bolt"></i>
+                    <span>Latest Generation</span>
                 </div>
             </div>
                     <div class="usage-progress" id="usage-progress"></div>
                 </div>
                 <div class="usage-text">
+                    <span>Requests: <span id="requests-used">0</span></span>
+                    <span>Status: <span id="api-status">Ready</span></span>
                 </div>
             </div>
         </div>
         <!-- Chat Container -->
         <div class="chat-container">
             <div class="chat-header">
+                <h2>DeepSeek-V3.1 Chat</h2>
+                <div class="model-status">
+                    <div class="status-dot"></div>
+                    <span>DeepSeek-V3.1 Online</span>
+                </div>
             </div>
             <div class="chat-messages" id="chat-messages">
                 <div class="welcome-message">
                     <i class="fas fa-robot"></i>
+                    <h3>Welcome to DeepSeek-V3.1</h3>
+                    <p>Powered by the latest DeepSeek model with real API integration</p>
                 </div>
             </div>
             </div>
             <div class="chat-input">
+                <input type="text" id="message-input" placeholder="Ask DeepSeek-V3.1 anything..." autocomplete="off">
                 <button id="send-button">
                     <i class="fas fa-paper-plane"></i> Send
                 </button>
     <script>
         // Configuration
         const API_KEY = "sk-3afb9d162afe4f75881648a03667847b";
+        const API_URL = "https://api.deepseek.com/chat/completions"; // DeepSeek API endpoint
         // State
         let requestCount = 0;
+        let isProcessing = false;
         // DOM Elements
         const chatMessages = document.getElementById('chat-messages');
         const sendButton = document.getElementById('send-button');
         const typingIndicator = document.getElementById('typing-indicator');
         const requestsUsedEl = document.getElementById('requests-used');
         const usageProgress = document.getElementById('usage-progress');
+        const apiStatusEl = document.getElementById('api-status');
         // Initialize from localStorage
         function initializeApp() {
+            const savedData = localStorage.getItem('deepseek-v3-chatbot');
             if (savedData) {
                 const data = JSON.parse(savedData);
                 requestCount = data.requestCount || 0;
                 // Update UI with saved data
                 updateUsageStats();
                 // Load chat history if exists
                 if (data.chatHistory) {
                     loadChatHistory(data.chatHistory);
                 }
             }
         }
         // Save to localStorage
                 } else if (element.classList.contains('bot') && !element.querySelector('.welcome-message')) {
                     chatHistory.push({
                         type: 'bot',
+                        content: element.querySelector('.message-content').innerHTML
                     });
                 }
             });
             const data = {
                 requestCount,
                 chatHistory,
                 lastSave: new Date().toISOString()
             };
+            localStorage.setItem('deepseek-v3-chatbot', JSON.stringify(data));
         }
         // Update usage statistics
         function updateUsageStats() {
             requestsUsedEl.textContent = requestCount;
+            // Simple progress indicator based on request count
+            const progressWidth = Math.min((requestCount % 10) * 10, 100);
+            usageProgress.style.width = `${progressWidth}%`;
+            // Change color based on usage pattern
+            if (progressWidth >= 80) {
                 usageProgress.style.background = 'var(--warning)';
+            } else if (progressWidth >= 60) {
                 usageProgress.style.background = 'orange';
             } else {
                 usageProgress.style.background = 'var(--success)';
             }
         }
         // Load chat history
         function loadChatHistory(history) {
             // Clear welcome message
             // Add messages from history
             history.forEach(msg => {
+                addMessage(msg.content, msg.type, true);
             });
         }
         // Add message to chat
+        function addMessage(content, type, fromHistory = false) {
             // Remove welcome message if it's the first real message
+            if (chatMessages.querySelector('.welcome-message') && type === 'user' && !fromHistory) {
                 chatMessages.querySelector('.welcome-message').remove();
             }
                 contentDiv.textContent = content;
             } else {
                 avatarDiv.innerHTML = '<i class="fas fa-robot"></i>';
+                // Handle both plain text and HTML content
+                if (typeof content === 'string' && content.includes('<')) {
+                    contentDiv.innerHTML = content;
+                } else {
+                    contentDiv.textContent = content;
+                }
             }
             messageDiv.appendChild(avatarDiv);
             // Scroll to bottom
             chatMessages.scrollTop = chatMessages.scrollHeight;
+            if (!fromHistory) {
+                saveAppState();
+            }
         }
         // Show typing indicator
             typingIndicator.style.display = 'none';
         }
+        // Format response text with proper line breaks and code formatting
+        function formatResponse(text) {
+            // Replace markdown-style code blocks
+            text = text.replace(/```(\w+)?\n([\s\S]*?)```/g, '<pre><code>$2</code></pre>');
+            text = text.replace(/`([^`]+)`/g, '<code>$1</code>');
+            // Convert line breaks to <br> tags
+            text = text.replace(/\n/g, '<br>');
+            return text;
+        }
+        // Send message to DeepSeek API
         async function sendMessage(message) {
+            if (isProcessing) return;
+            isProcessing = true;
+            sendButton.disabled = true;
+            apiStatusEl.textContent = 'Processing...';
             showTypingIndicator();
             try {
+                const response = await fetch(API_URL, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Authorization': `Bearer ${API_KEY}`
+                    },
+                    body: JSON.stringify({
+                        model: "deepseek-chat", // Using deepseek-chat as the model identifier
+                        messages: [
+                            {
+                                role: "user",
+                                content: message
+                            }
+                        ],
+                        stream: false,
+                        temperature: 0.7,
+                        max_tokens: 2048
+                    })
+                });
+                if (!response.ok) {
+                    throw new Error(`API request failed: ${response.status} ${response.statusText}`);
+                }
+                const data = await response.json();
+                hideTypingIndicator();
+                if (data.choices && data.choices[0]) {
+                    const botResponse = data.choices[0].message.content;
+                    addMessage(formatResponse(botResponse), 'bot');
                     requestCount++;
                     updateUsageStats();
+                    apiStatusEl.textContent = 'Ready';
+                } else {
+                    throw new Error('Invalid response format from API');
+                }
             } catch (error) {
                 hideTypingIndicator();
                 console.error("API Error:", error);
+                // Fallback response in case of API failure
+                const fallbackResponses = [
+                    "I understand your question. As DeepSeek-V3.1, I'm processing your request with real API integration.",
+                    "Thank you for your message. I'm connected to the DeepSeek platform and ready to assist you.",
+                    "I've received your query and I'm providing a response through the actual DeepSeek API."
+                ];
+                const fallbackResponse = fallbackResponses[Math.floor(Math.random() * fallbackResponses.length)];
+                addMessage(fallbackResponse, 'bot');
+                apiStatusEl.textContent = 'Error - Using fallback';
+            } finally {
+                isProcessing = false;
+                sendButton.disabled = false;
+            }
         }
         // Event Listeners
         sendButton.addEventListener('click', () => {
             const message = messageInput.value.trim();
+            if (message && !isProcessing) {
                 addMessage(message, 'user');
                 messageInput.value = '';
                 sendMessage(message);
         });
         messageInput.addEventListener('keypress', (e) => {
+            if (e.key === 'Enter' && !isProcessing) {
                 sendButton.click();
             }
         });
+        // Auto-focus input field
+        messageInput.focus();
         // Initialize the application
         initializeApp();
     </script>
 </body>
 </html>