Delete templates

templates/script.js

@@ -1,142 +0,0 @@
-document.addEventListener('DOMContentLoaded', () => {
-    const chatbox = document.getElementById('chatbox');
-    const userInput = document.getElementById('userInput');
-    const sendBtn = document.getElementById('sendBtn');
-    const clearMemoryBtn = document.getElementById('clearMemoryBtn'); // Get the new button
-
-    // Function to append a message to the chatbox
-    function appendMessage(sender, text) {
-        const messageElement = document.createElement('div');
-        messageElement.classList.add('message', `${sender}-message`);
-
-        const p = document.createElement('p');
-        // Use textContent to avoid HTML injection
-        p.textContent = text;
-
-        messageElement.appendChild(p);
-        chatbox.appendChild(messageElement);
-
-        // Auto-scroll to the bottom
-        chatbox.scrollTop = chatbox.scrollHeight;
-    }
-
-    // Function to send message to backend
-    async function sendMessage() {
-        const messageText = userInput.value.trim();
-        if (messageText === "") {
-            return; // Don't send empty messages
-        }
-
-        // Append user message to chatbox
-        appendMessage('user', messageText);
-
-        // Clear input and disable buttons
-        userInput.value = '';
-        userInput.disabled = true;
-        sendBtn.disabled = true;
-        if (clearMemoryBtn) clearMemoryBtn.disabled = true;
-
-
-        // Optional: Add a loading indicator
-        const loadingElement = document.createElement('div');
-        loadingElement.classList.add('message', 'assistant-message', 'loading-indicator');
-        loadingElement.textContent = 'AI is thinking...';
-        chatbox.appendChild(loadingElement);
-        chatbox.scrollTop = chatbox.scrollHeight; // Scroll to show indicator
-
-
-        try {
-            const response = await fetch('/chat', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({ message: messageText }),
-            });
-
-            // Remove loading indicator
-            if (chatbox.contains(loadingElement)) {
-                 chatbox.removeChild(loadingElement);
-            }
-
-
-            if (!response.ok) {
-                 const errorData = await response.json().catch(() => ({})); // Try parsing JSON, fallback to empty object
-                 const errorMessage = errorData.response || `Server returned status ${response.status}: ${response.statusText}`;
-                 throw new Error(`Chat request failed: ${errorMessage}`);
-            }
-
-            const data = await response.json();
-            appendMessage('assistant', data.response);
-
-        } catch (error) {
-            console.error('Error sending message:', error);
-             // Remove loading indicator if still present
-             if (chatbox.contains(loadingElement)) {
-                 chatbox.removeChild(loadingElement);
-             }
-            appendMessage('assistant', `Error: Could not get a response. ${error.message}`);
-        } finally {
-            // Re-enable input and buttons
-            userInput.disabled = false;
-            sendBtn.disabled = false;
-            if (clearMemoryBtn) clearMemoryBtn.disabled = false;
-            userInput.focus(); // Put focus back on input field
-        }
-    }
-
-     // Function to clear memory
-    async function clearMemory() {
-        if (confirm("Are you sure you want to clear the chat history? This will start a new conversation.")) {
-             // Disable buttons during clear
-             userInput.disabled = true;
-             sendBtn.disabled = true;
-             if (clearMemoryBtn) clearMemoryBtn.disabled = true;
-
-             try {
-                const response = await fetch('/clear_memory', {
-                    method: 'POST',
-                });
-
-                if (!response.ok) {
-                     const errorData = await response.json().catch(() => ({}));
-                     const errorMessage = errorData.status || `Server returned status ${response.status}: ${response.statusText}`;
-                    throw new Error(`Clear memory request failed: ${errorMessage}`);
-                }
-
-                // Clear the chatbox UI and add initial message
-                chatbox.innerHTML = ''; // Clear all messages
-                appendMessage('assistant', 'Chat history cleared. Starting a new conversation!');
-                appendMessage('assistant', 'Hello! I\'m an AI chatbot with memory. How can I help you today?');
-
-
-             } catch (error) {
-                console.error('Error clearing memory:', error);
-                appendMessage('assistant', `Error: Could not clear chat history. ${error.message}`);
-             } finally {
-                 // Re-enable buttons
-                 userInput.disabled = false;
-                 sendBtn.disabled = false;
-                 if (clearMemoryBtn) clearMemoryBtn.disabled = false;
-                 userInput.focus();
-             }
-        }
-    }
-
-
-    // Event listeners
-    sendBtn.addEventListener('click', sendMessage);
-    userInput.addEventListener('keypress', function(event) {
-        if (event.key === 'Enter') {
-            event.preventDefault(); // Prevent newline in input
-            sendMessage();
-        }
-    });
-
-    // Add event listener for the clear memory button
-    if (clearMemoryBtn) {
-         clearMemoryBtn.addEventListener('click', clearMemory);
-    }
-
-    // Initial welcome message is already in index.html
-});

templates/style.css

@@ -1,120 +0,0 @@
-body {
-    font-family: sans-serif;
-    margin: 0;
-    padding: 0;
-    background-color: #f4f4f4;
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-}
-
-header {
-    background-color: #007bff;
-    color: white;
-    padding: 10px 20px;
-    text-align: center;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-header h1 {
-    margin: 0;
-    font-size: 1.5em;
-}
-
-.chat-container {
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column;
-    max-width: 800px;
-    margin: 20px auto;
-    background-color: #fff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    overflow: hidden;
-}
-
-.chatbox {
-    flex-grow: 1;
-    padding: 20px;
-    overflow-y: auto;
-    max-height: 60vh; /* Adjust as needed */
-    display: flex;
-    flex-direction: column;
-}
-
-.message {
-    margin-bottom: 15px;
-    padding: 10px 15px;
-    border-radius: 5px;
-    max-width: 80%;
-    word-wrap: break-word; /* Ensure long words wrap */
-}
-
-.user-message {
-    align-self: flex-end;
-    background-color: #dcf8c6;
-    color: #333;
-}
-
-.assistant-message {
-    align-self: flex-start;
-    background-color: #e9e9eb;
-    color: #333;
-}
-
-.input-area {
-    display: flex;
-    padding: 15px 20px;
-    border-top: 1px solid #eee;
-    gap: 10px; /* Space between input and buttons */
-}
-
-.input-area input[type="text"] {
-    flex-grow: 1;
-    padding: 10px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    font-size: 1em;
-}
-
-.input-area button {
-    padding: 10px 15px;
-    background-color: #007bff;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 1em;
-    transition: background-color 0.2s ease;
-}
-
-.input-area button:hover {
-    background-color: #0056b3;
-}
-
-.input-area button:disabled {
-    background-color: #cccccc;
-    cursor: not-allowed;
-}
-
-
-footer {
-    margin-top: auto; /* Push footer to the bottom */
-    background-color: #333;
-    color: white;
-    text-align: center;
-    padding: 10px 20px;
-    font-size: 0.9em;
-}
-
-footer p {
-    margin: 0;
-}
-
-/* Optional: Styling for loading indicator */
-.loading-indicator {
-    font-style: italic;
-    color: #888;
-    align-self: flex-start;
-    margin-left: 10px;
-}