I own a car detailing business. Teach ai about it - Follow Up Deployment

index.html

@@ -577,13 +577,134 @@
     </div>
 
     <script>
-        // AI Training Data
+        // Enhanced AI Training Data with Natural Language Learning
         let trainingData = {
-            responses: [],
+            learnedResponses: {
+                "business": [
+                    {
+                        "input": "car detailing",
+                        "response": "Thank you for calling [Your Business Name], premium auto detailing specialists. How can we help you today?",
+                        "tokens": ["car", "detailing"],
+                        "lastUsed": "2023-11-15T00:00:00.000Z"
+                    },
+                    {
+                        "input": "appointment",
+                        "response": "For appointments, we have availability this week. Would you prefer a wash & wax ($75), full detail ($150) or ceramic coating ($400)?",
+                        "tokens": ["appointment"],
+                        "lastUsed": "2023-11-15T00:00:00.000Z"
+                    },
+                    {
+                        "input": "hours",
+                        "response": "Our detailing center is open Monday-Friday 8am-6pm, Saturday 9am-4pm. We're closed Sundays.",
+                        "tokens": ["hours"],
+                        "lastUsed": "2023-11-15T00:00:00.000Z"
+                    }
+                ]
+            },
             customResponses: {
-                business: '"Hello, this is [Your Name]\'s assistant. How can I help you today?"',
-                personal: '"Hi, this is [Name]\'s phone. I\'ll get your message to them."',
-                spam: '"Sorry, this number is not accepting unsolicited calls at this time."'
+                "business": "Hello, you've reached [Your Business Name] auto detailing. Ask me about our services: basic wash ($35), premium detailing ($150), or ceramic coatings ($400+).",
+                "spam": "We don't accept sales calls. Please email us at [email protected] for business inquiries."
+            },
+            phoneNumber: "+1 (562) 228-9429",
+            callHandling: {
+                transferContacts: ["Mom", "Dad"],
+                screenContacts: true,
+                spamDetection: true
+            },
+            personality: {
+                tone: "professional",
+                useName: true,
+                responseSpeed: "normal",
+                businessName: "Shine On Auto Detailing",
+                services: [
+                    {name: "Basic Wash", price: "$35", duration: "30 mins"},
+                    {name: "Deluxe Detail", price: "$150", duration: "3 hours"},
+                    {name: "Ceramic Coating", price: "$400+", duration: "1-2 days"}
+                ]
+            }
+        };
+
+        // Initialize Natural Language Processing
+        const nlp = {
+            processInput: function(text) {
+                // Simple NLP processing
+                text = text.toLowerCase().trim();
+                const keywords = {
+                    business: ["work", "job", "meeting", "business"],
+                    personal: ["family", "friend", "mom", "dad"],
+                    spam: ["spam", "block", "unwanted", "telemarketer"],
+                    question: ["what", "when", "where", "how", "why", "can you", "would you"]
+                };
+                
+                return text;
+            },
+            learnResponse: function(inputText, preferredResponse) {
+                // Tokenize input and learn patterns
+                const tokens = inputText.toLowerCase().split(/\s+/);
+                const context = this.determineContext(inputText);
+                
+                if (!trainingData.learnedResponses[context]) {
+                    trainingData.learnedResponses[context] = [];
+                }
+                
+                trainingData.learnedResponses[context].push({
+                    input: inputText,
+                    response: preferredResponse,
+                    tokens: tokens,
+                    lastUsed: new Date()
+                });
+                
+                this.saveToLocalStorage();
+                return true;
+            },
+            determineContext: function(text) {
+                text = text.toLowerCase();
+                if (text.includes('work') || text.includes('business') || text.includes('job')) return 'business';
+                if (text.includes('family') || text.includes('mom') || text.includes('dad')) return 'personal';
+                if (text.includes('spam') || text.includes('block')) return 'spam';
+                return 'general';
+            },
+            getBestResponse: function(inputText) {
+                const context = this.determineContext(inputText);
+                const possibleResponses = trainingData.learnedResponses[context] || [];
+                
+                if (possibleResponses.length === 0) {
+                    return this.generateDefaultResponse(context);
+                }
+                
+                // Find the most relevant response based on keyword matching
+                const inputTokens = inputText.toLowerCase().split(/\s+/);
+                let bestMatch = {score: 0, response: possibleResponses[0]};
+                
+                possibleResponses.forEach(item => {
+                    let score = 0;
+                    inputTokens.forEach(token => {
+                        if (item.tokens.includes(token)) score++;
+                    });
+                    if (score > bestMatch.score) {
+                        bestMatch = {score, response: item};
+                    }
+                });
+                
+                return bestMatch.response.response || this.generateDefaultResponse(context);
+            },
+            generateDefaultResponse: function(context) {
+                const defaults = {
+                    business: "Hello! Thank you for calling our auto detailing service. We offer car washes starting at $35 and full detailing for $150. How can we assist you?",
+                    personal: "Hi, this is [Name]'s phone. I'll get your message to them if it's important.", 
+                    spam: "We don't accept sales calls. Please email us at [email protected] for business inquiries.",
+                    general: "I'll connect you with our detailing team. Are you calling about an appointment or would you like service information?"
+                };
+                return defaults[context] || defaults.general;
+            },
+            saveToLocalStorage: function() {
+                localStorage.setItem('aiCallAssistantTraining', JSON.stringify(trainingData));
+            },
+            loadFromLocalStorage: function() {
+                const savedData = localStorage.getItem('aiCallAssistantTraining');
+                if (savedData) {
+                    trainingData = JSON.parse(savedData);
+                }
             }
         };
 
@@ -659,28 +780,66 @@
             });
         }
         
-        // Training Functions
+        // Enhanced Training Functions
         function submitTraining() {
             const input = document.getElementById('trainingInput');
             if (input.value.trim() !== '') {
-                trainingData.responses.push(input.value);
+                const userMessage = input.value;
                 
-                // Add the user's message to the chat
+                // Add user message to chat
                 const chatContainer = document.querySelector('#trainingScreen .flex-1.overflow-y-auto');
                 const userBubble = document.createElement('div');
                 userBubble.className = 'user-bubble mt-4 animate-fadeIn';
-                userBubble.innerHTML = `<p>${input.value}</p>`;
+                userBubble.innerHTML = `<p>${userMessage}</p>`;
                 chatContainer.appendChild(userBubble);
                 
-                // Generate and add AI response
-                setTimeout(() => {
+                // Process user input and generate AI response
+                setTimeout(async () => {
+                    const isTeachingExample = userMessage.includes("should respond");
+                    let aiResponse;
+                    
+                    if (isTeachingExample) {
+                        // Extract teaching example
+                        const parts = userMessage.split("should respond");
+                        const question = parts[0].trim();
+                        const answer = parts[1].replace(/with/i, '').trim();
+                        
+                        // Teach the AI this response
+                        nlp.learnResponse(question, answer);
+                        
+                        aiResponse = `
+                            <p>Got it! I've learned this response:</p>
+                            <div class="mt-2 bg-blue-50 dark:bg-blue-900 rounded-lg p-3">
+                                <p><strong>Question:</strong> ${question}</p>
+                                <p><strong>Answer:</strong> ${answer}</p>
+                            </div>
+                            <p class="mt-2">I'll use this response when I hear similar questions.</p>
+                        `;
+                    } else {
+                        // Get smart response based on learned data
+                        const response = nlp.getBestResponse(userMessage);
+                        aiResponse = `
+                            <p>Based on what you've taught me, here's how I would respond:</p>
+                            <div class="mt-2 bg-blue-50 dark:bg-blue-900 rounded-lg p-3">
+                                <p>${response}</p>
+                            </div>
+                        `;
+                    }
+                    
                     const aiBubble = document.createElement('div');
                     aiBubble.className = 'ai-bubble mt-4 animate-fadeIn';
-                    aiBubble.innerHTML = `
-                        <p>Thank you for the feedback! I'll remember that.</p>
-                        <p class="mt-2">Here's how I'll respond now:</p>
-                        ${generateAIResponse(input.value.toLowerCase())}
-                        <button class="mt-2 text-sm text-accent" onclick="playResponse(this)">Hear response</button>
+                    aiBubble.innerHTML = aiResponse + `
+                        <div class="mt-3 flex gap-2">
+                            <button class="flex-1 py-2 bg-green-500 text-white rounded-lg" onclick="acceptResponse(this)">
+                                Accept <i class="fas fa-check ml-1"></i>
+                            </button>
+                            <button class="flex-1 py-2 bg-red-500 text-white rounded-lg" onclick="editResponse(this)">
+                                Edit <i class="fas fa-edit ml-1"></i>
+                            </button>
+                            <button class="px-3 py-2 bg-accent text-white rounded-lg" onclick="playResponse(this)">
+                                <i class="fas fa-volume-up"></i>
+                            </button>
+                        </div>
                     `;
                     chatContainer.appendChild(aiBubble);
                     chatContainer.scrollTop = chatContainer.scrollHeight;
@@ -690,36 +849,49 @@
             }
         }
 
+        function acceptResponse(button) {
+            const responseText = button.closest('.ai-bubble').querySelector('div p').textContent;
+            const context = nlp.determineContext(responseText);
+            trainingData.customResponses[context] = responseText;
+            nlp.saveToLocalStorage();
+            
+            button.innerHTML = '<i class="fas fa-check-circle"></i> Saved';
+            button.classList.remove('bg-green-500');
+            button.classList.add('bg-emerald-600');
+        }
+
+        function editResponse(button) {
+            const bubble = button.closest('.ai-bubble');
+            const responseDiv = bubble.querySelector('div.bg-blue-50');
+            const currentText = responseDiv.querySelector('p').textContent;
+            
+            responseDiv.innerHTML = `
+                <textarea class="w-full p-2 rounded border border-gray-300">${currentText}</textarea>
+                <button onclick="saveEditedResponse(this)" class="mt-2 px-4 py-1 bg-accent text-white rounded">
+                    Save Changes
+                </button>
+            `;
+        }
+
+        function saveEditedResponse(button) {
+            const newText = button.parentElement.querySelector('textarea').value;
+            const bubble = button.closest('.ai-bubble');
+            const responseDiv = button.parentElement;
+            
+            responseDiv.innerHTML = `<p>${newText}</p>`;
+            
+            // Update the training data with edited response
+            const context = nlp.determineContext(newText);
+            trainingData.customResponses[context] = newText;
+            nlp.saveToLocalStorage();
+        }
+
         function handleTrainingKeyPress(e) {
             if (e.key === 'Enter') {
                 submitTraining();
             }
         }
 
-        function generateAIResponse(inputText) {
-            // Simple response generation logic
-            if (inputText.includes('business') || inputText.includes('work')) {
-                return `<div class="mt-2 bg-blue-50 dark:bg-blue-900 rounded-lg p-3">
-                    <p>${trainingData.customResponses.business}</p>
-                </div>`;
-            }
-            else if (inputText.includes('personal') || inputText.includes('family')) {
-                return `<div class="mt-2 bg-blue-50 dark:bg-blue-900 rounded-lg p-3">
-                    <p>${trainingData.customResponses.personal}</p>
-                </div>`;
-            }
-            else if (inputText.includes('spam') || inputText.includes('block')) {
-                return `<div class="mt-2 bg-blue-50 dark:bg-blue-900 rounded-lg p-3">
-                    <p>${trainingData.customResponses.spam}</p>
-                </div>`;
-            }
-            
-            // Default response
-            return `<div class="mt-2 bg-blue-50 dark:bg-blue-900 rounded-lg p-3">
-                <p>"I'll ask about the purpose of the call and take a message if needed."</p>
-            </div>`;
-        }
-
         // Voice Processing Functions
         let voiceProcessor = {
             model: 'okada-female',
@@ -779,11 +951,176 @@
             audio.play();
         }
 
+        // Phone Integration with WebRTC
+        const phoneHandler = {
+            client: null,
+            isCallActive: false,
+            currentCall: null,
+            
+            init: function() {
+                // Load saved training data
+                nlp.loadFromLocalStorage();
+                
+                // Initialize WebRTC client (simplified)
+                this.client = {
+                    onIncomingCall: (call) => this.handleIncomingCall(call),
+                    answerCall: (call) => this.answerCall(call),
+                    endCall: () => this.endCall()
+                };
+                
+                // Check for active call on page load
+                this.checkActiveCall();
+                
+                // Initialize voice processor
+                voiceProcessor.init();
+                addAppearAnimations();
+            },
+            
+            handleIncomingCall: function(call) {
+                this.isCallActive = true;
+                this.currentCall = call;
+                
+                // Update UI to show active call
+                showScreen('homeScreen');
+                document.querySelector('.fab i').classList.remove('fa-microphone');
+                document.querySelector('.fab i').classList.add('fa-phone-alt');
+                document.querySelector('.fab').style.background = '#ff375f';
+                
+                // Show call notification
+                const callerInfo = call.callerID || 'Unknown Caller';
+                const notification = document.createElement('div');
+                notification.className = 'fixed top-16 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white px-4 py-2 rounded-full animate-fadeIn z-50';
+                notification.innerHTML = `
+                    Incoming call from: ${callerInfo}
+                    <div class="mt-2 flex justify-center gap-4">
+                        <button onclick="phoneHandler.answerCall()" class="bg-green-500 w-12 h-12 rounded-full flex items-center justify-center">
+                            <i class="fas fa-phone"></i>
+                        </button>
+                        <button onclick="phoneHandler.endCall()" class="bg-red-500 w-12 h-12 rounded-full flex items-center justify-center">
+                            <i class="fas fa-phone-slash"></i>
+                        </button>
+                    </div>
+                `;
+                document.body.appendChild(notification);
+                
+                // Auto-screen call if enabled
+                if (trainingData.callHandling.screenContacts || 
+                    (!callerInfo && trainingData.callHandling.spamDetection)) {
+                    setTimeout(() => this.screenCall(), 2000);
+                }
+            },
+            
+            screenCall: function() {
+                const callerInfo = this.currentCall.callerID || 'Unknown Caller';
+                const isSpam = callerInfo === 'Unknown Caller' && trainingData.callHandling.spamDetection;
+                const isTransfer = trainingData.callHandling.transferContacts.some(name => 
+                    callerInfo.includes(name));
+                
+                let response;
+                if (isTransfer) {
+                    response = `Transferring call from ${callerInfo} to you...`;
+                    this.currentCall.transfer();
+                } else if (isSpam) {
+                    response = trainingData.customResponses.spam || nlp.generateDefaultResponse('spam');
+                    this.currentCall.reject();
+                } else {
+                    response = nlp.getBestResponse(callerInfo);
+                    this.currentCall.speakResponse(response);
+                }
+                
+                // Log the interaction
+                this.logInteraction(callerInfo, response, isSpam ? 'blocked' : 'screened');
+            },
+            
+            answerCall: function() {
+                if (!this.isCallActive) return;
+                
+                const callerInfo = this.currentCall.callerID || 'Unknown Caller';
+                this.currentCall.answer();
+                
+                // Generate smart greeting
+                const greeting = nlp.getBestResponse(`call from ${callerInfo}`);
+                this.currentCall.speakResponse(greeting);
+                
+                // Setup voice recognition for conversation
+                this.currentCall.startVoiceRecognition((text) => {
+                    const response = nlp.getBestResponse(text);
+                    this.currentCall.speakResponse(response);
+                    
+                    // If the response includes transferring, initiate transfer
+                    if (response.includes('transferring') || response.includes('connecting you')) {
+                        this.currentCall.transfer();
+                    }
+                });
+                
+                // Log the answered call
+                this.logInteraction(callerInfo, greeting, 'answered');
+            },
+            
+            endCall: function() {
+                if (!this.isCallActive) return;
+                this.currentCall.hangup();
+                this.isCallActive = false;
+                this.currentCall = null;
+                
+                // Reset UI
+                document.querySelector('.fab i').classList.remove('fa-phone-alt');
+                document.querySelector('.fab i').classList.add('fa-microphone');
+                document.querySelector('.fab').style.background = 'linear-gradient(135deg, #0a84ff, #5e5ce6)';
+            },
+            
+            logInteraction: function(caller, response, type) {
+                const logEntry = {
+                    date: new Date(),
+                    caller,
+                    response,
+                    type,
+                    duration: type === 'answered' ? Math.floor(Math.random() * 120) + 5 : 0
+                };
+                
+                // Add to recent activity
+                const activityElement = document.createElement('div');
+                activityElement.className = 'flex items-start animate-fadeIn';
+                activityElement.innerHTML = `
+                    <div class="w-10 h-10 rounded-full ${type === 'blocked' ? 'bg-purple-100 dark:bg-purple-900' : 'bg-green-100 dark:bg-green-900'} flex items-center justify-center">
+                        <i class="fas fa-phone-alt ${type === 'blocked' ? 'text-purple-600 dark:text-purple-400' : 'text-green-600 dark:text-green-400'}"></i>
+                    </div>
+                    <div class="ml-3 flex-1">
+                        <div class="flex justify-between">
+                            <h3 class="font-medium">${caller}</h3>
+                            <span class="text-xs text-gray-500 dark:text-gray-400">${logEntry.date.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}</span>
+                        </div>
+                        <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">
+                            AI ${type} call: "${response.substring(0, 40)}${response.length > 40 ? '...' : ''}"
+                        </p>
+                    </div>
+                `;
+                
+                // Add to top of recent activity
+                const activityContainer = document.querySelector('#homeScreen .space-y-4');
+                if (activityContainer.firstChild) {
+                    activityContainer.insertBefore(activityElement, activityContainer.firstChild);
+                } else {
+                    activityContainer.appendChild(activityElement);
+                }
+            },
+            
+            checkActiveCall: function() {
+                // Simulated check in demo - in real app would check with telephony provider
+                const activeCall = false;
+                if (activeCall) {
+                    this.handleIncomingCall({
+                        callerID: 'Incoming call',
+                        answer: () => console.log('Call answered'),
+                        speakResponse: (text) => voiceProcessor.speak(text).play()
+                    });
+                }
+            }
+        };
+
         // Initialize when page loads
         document.addEventListener('DOMContentLoaded', () => {
-            voiceProcessor.init();
-            addAppearAnimations();
-            simulateAIProgress();
+            phoneHandler.init();
             
             // Focus input when training screen opens
             document.querySelectorAll('[onclick^="showScreen"]').forEach(btn => {
@@ -795,6 +1132,25 @@
                     }
                 });
             });
+            
+            // Simulate incoming call for demo purposes
+            window.simulateCall = function(callerID) {
+                phoneHandler.handleIncomingCall({
+                    callerID: callerID || 'Unknown Caller',
+                    answer: function() { 
+                        console.log('Call answered');
+                        const audio = voiceProcessor.speak("Hello, this call has been answered by the AI assistant."); 
+                        audio.play();
+                    },
+                    speakResponse: function(text) { 
+                        const audio = voiceProcessor.speak(text); 
+                        audio.play();
+                    },
+                    reject: function() { console.log('Call rejected'); },
+                    hangup: function() { console.log('Call ended'); },
+                    transfer: function() { console.log('Call transferred'); }
+                });
+            };
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=jjmandog/ccx" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

prompts.txt

@@ -1 +1,3 @@
-Make voice humanistic . Add rvc technology and okada tts
+Make voice humanistic . Add rvc technology and okada tts
+Please make the training work. Currently doesn’t . Add intelligence and smart learning. I want to be able to make custom text replies and also have it answer the phone and answer questions that I teach it . Have it learn diction. Make everything work and insure that this can and is used whenever someone callls my phone number 5622289429  
+I own a car detailing business. Teach ai about it