// ==UserScript== // @name Smart AI Message Assistant // @description AI-powered assistant that automates messages, reviews conversations, and generates contextual responses for Google Messages // @version 1.0.1 // @match https://*.messages.google.com/* // @icon https://ssl.gstatic.com/android-messages-web/images/2022.3/1x/messages_2022_96dp.png // @grant GM.getValue // @grant GM.setValue // @grant GM.xmlhttpRequest // ==/UserScript== (function() { 'use strict'; console.log('Smart AI Message Assistant initialized'); // Utility function to debounce function debounce(func, wait) { let timeout; return function executedFunction(...args) { const later = () => { clearTimeout(timeout); func(...args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); }; } // Add custom styles for AI assistant UI function addStyles() { const styles = ` .ai-assistant-container { position: fixed; bottom: 20px; right: 20px; z-index: 10000; font-family: 'Google Sans', Roboto, Arial, sans-serif; } .ai-assistant-button { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 50%; width: 60px; height: 60px; font-size: 24px; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; } .ai-assistant-button:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4); } .ai-assistant-panel { position: fixed; bottom: 90px; right: 20px; width: 380px; max-height: 600px; background: white; border-radius: 16px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); display: none; flex-direction: column; overflow: hidden; z-index: 10001; } .ai-assistant-panel.active { display: flex; } .ai-panel-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 16px 20px; font-size: 18px; font-weight: 500; display: flex; justify-content: space-between; align-items: center; } .ai-panel-close { background: none; border: none; color: white; font-size: 24px; cursor: pointer; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background 0.2s; } .ai-panel-close:hover { background: rgba(255, 255, 255, 0.2); } .ai-panel-content { padding: 20px; overflow-y: auto; flex: 1; } .ai-feature-section { margin-bottom: 20px; } .ai-feature-title { font-size: 14px; font-weight: 500; color: #5f6368; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; } .ai-button { width: 100%; padding: 12px 16px; margin-bottom: 10px; background: #f1f3f4; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; color: #202124; transition: all 0.2s; text-align: left; display: flex; align-items: center; gap: 10px; } .ai-button:hover { background: #e8eaed; transform: translateY(-1px); } .ai-button:active { transform: translateY(0); } .ai-button-icon { font-size: 18px; } .ai-suggestions-container { margin-top: 15px; padding: 15px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #667eea; } .ai-suggestion-item { padding: 10px; margin-bottom: 8px; background: white; border-radius: 6px; cursor: pointer; transition: all 0.2s; font-size: 14px; line-height: 1.5; } .ai-suggestion-item:hover { background: #e8f0fe; transform: translateX(4px); } .ai-suggestion-item:last-child { margin-bottom: 0; } .ai-loading { display: flex; align-items: center; justify-content: center; padding: 20px; color: #5f6368; font-size: 14px; } .ai-loading-spinner { border: 3px solid #f3f3f3; border-top: 3px solid #667eea; border-radius: 50%; width: 24px; height: 24px; animation: spin 1s linear infinite; margin-right: 10px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ai-context-display { padding: 12px; background: #e8f0fe; border-radius: 8px; font-size: 13px; line-height: 1.6; color: #202124; margin-top: 10px; max-height: 200px; overflow-y: auto; } .ai-status-badge { display: inline-block; padding: 4px 8px; border-radius: 12px; font-size: 11px; font-weight: 500; margin-left: 8px; } .ai-status-active { background: #e6f4ea; color: #137333; } .ai-status-inactive { background: #fce8e6; color: #c5221f; } .compose-ai-toolbar { display: flex; gap: 8px; padding: 8px; background: #f8f9fa; border-radius: 8px; margin-bottom: 8px; } .compose-ai-button { padding: 8px 12px; background: white; border: 1px solid #dadce0; border-radius: 6px; cursor: pointer; font-size: 13px; font-weight: 500; color: #5f6368; transition: all 0.2s; display: flex; align-items: center; gap: 6px; } .compose-ai-button:hover { background: #f1f3f4; border-color: #667eea; color: #667eea; } `; const styleSheet = document.createElement('style'); styleSheet.textContent = styles; document.head.appendChild(styleSheet); } // Extract conversation context function extractConversationContext() { const messages = []; const messageElements = document.querySelectorAll('mws-message-wrapper[data-e2e-message-wrapper]'); messageElements.forEach(msgEl => { const coreEl = msgEl.querySelector('[data-e2e-message-wrapper-core]'); if (!coreEl) return; const isOutgoing = coreEl.getAttribute('data-e2e-message-outgoing') === 'true'; const textContent = msgEl.querySelector('.text-msg-content, [data-e2e-message-content]')?.textContent?.trim(); if (textContent) { messages.push({ sender: isOutgoing ? 'You' : 'Contact', text: textContent, isOutgoing: isOutgoing }); } }); return messages; } // Get conversation summary async function getConversationSummary() { const messages = extractConversationContext(); if (messages.length === 0) { return 'No messages found in this conversation.'; } const conversationText = messages.map(m => `${m.sender}: ${m.text}`).join('\n'); try { const summary = await RM.aiCall( `Analyze this conversation and provide a brief summary with key points:\n\n${conversationText}`, { type: "json_schema", json_schema: { name: "conversation_summary", schema: { type: "object", properties: { summary: { type: "string" }, keyTopics: { type: "array", items: { type: "string" } }, sentiment: { type: "string", enum: ["positive", "neutral", "negative", "mixed"] }, suggestedActions: { type: "array", items: { type: "string" } } }, required: ["summary", "keyTopics", "sentiment"] } } } ); return summary; } catch (error) { console.error('Error getting conversation summary:', error); return { summary: 'Error analyzing conversation', keyTopics: [], sentiment: 'neutral' }; } } // Generate smart replies async function generateSmartReplies() { const messages = extractConversationContext(); if (messages.length === 0) { return ['Hello!', 'How can I help?', 'Thanks for reaching out!']; } const lastMessages = messages.slice(-5); const conversationText = lastMessages.map(m => `${m.sender}: ${m.text}`).join('\n'); try { const replies = await RM.aiCall( `Based on this conversation, generate 3 contextually appropriate reply suggestions:\n\n${conversationText}`, { type: "json_schema", json_schema: { name: "smart_replies", schema: { type: "object", properties: { replies: { type: "array", items: { type: "string" }, minItems: 3, maxItems: 3 } }, required: ["replies"] } } } ); return replies.replies; } catch (error) { console.error('Error generating smart replies:', error); return ['Thanks for your message!', 'I appreciate that.', 'Sounds good!']; } } // Generate custom response async function generateCustomResponse(instruction) { const messages = extractConversationContext(); const conversationText = messages.slice(-5).map(m => `${m.sender}: ${m.text}`).join('\n'); try { const response = await RM.aiCall( `Conversation context:\n${conversationText}\n\nUser instruction: ${instruction}\n\nGenerate an appropriate response:` ); return response; } catch (error) { console.error('Error generating custom response:', error); return 'Sorry, I could not generate a response.'; } } // Insert text into message input function insertTextIntoCompose(text) { // Try different selectors for the compose area const composeSelectors = [ 'textarea[aria-label*="message" i]', 'textarea[placeholder*="message" i]', '[contenteditable="true"][aria-label*="message" i]', 'mws-message-compose textarea', 'mws-message-compose [contenteditable="true"]' ]; let composeElement = null; for (const selector of composeSelectors) { composeElement = document.querySelector(selector); if (composeElement) break; } if (!composeElement) { console.error('Could not find compose element'); alert('Please click on the message input field first, then try again.'); return false; } // Set the value if (composeElement.tagName === 'TEXTAREA' || composeElement.tagName === 'INPUT') { composeElement.value = text; composeElement.dispatchEvent(new Event('input', { bubbles: true })); composeElement.dispatchEvent(new Event('change', { bubbles: true })); } else if (composeElement.isContentEditable) { composeElement.textContent = text; composeElement.dispatchEvent(new Event('input', { bubbles: true })); } composeElement.focus(); return true; } // Create AI Assistant UI function createAssistantUI() { const container = document.createElement('div'); container.className = 'ai-assistant-container'; // Main button const button = document.createElement('button'); button.className = 'ai-assistant-button'; button.innerHTML = '🤖'; button.title = 'AI Message Assistant'; // Panel const panel = document.createElement('div'); panel.className = 'ai-assistant-panel'; panel.innerHTML = `

AI Assistant

📊 Conversation Analysis

💬 Smart Replies

🎯 Quick Actions

`; container.appendChild(button); container.appendChild(panel); document.body.appendChild(container); // Event listeners button.addEventListener('click', () => { panel.classList.toggle('active'); }); panel.querySelector('.ai-panel-close').addEventListener('click', () => { panel.classList.remove('active'); }); // Action buttons panel.querySelectorAll('.ai-button[data-action]').forEach(btn => { btn.addEventListener('click', async () => { const action = btn.getAttribute('data-action'); await handleAction(action); }); }); console.log('AI Assistant UI created'); } // Show loading state function showLoading() { const resultsContainer = document.getElementById('ai-results-container'); resultsContainer.innerHTML = `

AI is thinking...

`; } // Display results function displayResults(content) { const resultsContainer = document.getElementById('ai-results-container'); resultsContainer.innerHTML = content; } // Handle actions async function handleAction(action) { showLoading(); try { switch (action) { case 'analyze': await handleAnalyze(); break; case 'summary': await handleSummary(); break; case 'smart-replies': await handleSmartReplies(); break; case 'friendly': await handleCustomResponse('Generate a friendly, warm response'); break; case 'professional': await handleCustomResponse('Generate a professional, formal response'); break; case 'brief': await handleCustomResponse('Generate a brief, concise response'); break; case 'thank': await handleCustomResponse('Generate a thank you message'); break; case 'followup': await handleCustomResponse('Generate a follow-up message'); break; case 'decline': await handleCustomResponse('Generate a polite decline message'); break; } } catch (error) { console.error('Error handling action:', error); displayResults(`

Error: ${error.message || 'Something went wrong'}

`); } } async function handleAnalyze() { const messages = extractConversationContext(); const summary = await getConversationSummary(); displayResults(`

Conversation Analysis

Summary:
${summary.summary}

Key Topics:
${summary.keyTopics?.join(', ') || 'None'}

Sentiment: ${summary.sentiment}

${summary.suggestedActions ? `Suggested Actions:
${summary.suggestedActions.join('
')}` : ''}

Total messages: ${messages.length}

`); } async function handleSummary() { const summary = await getConversationSummary(); displayResults(`

Conversation Summary

${summary.summary}

`); } async function handleSmartReplies() { const replies = await generateSmartReplies(); const repliesHTML = replies.map((reply, index) => `

${reply}

`).join(''); displayResults(`

Smart Reply Suggestions

${repliesHTML}

`); // Add click handlers to suggestions document.querySelectorAll('.ai-suggestion-item').forEach(item => { item.addEventListener('click', () => { const reply = item.getAttribute('data-reply'); insertTextIntoCompose(reply); }); }); } async function handleCustomResponse(instruction) { const response = await generateCustomResponse(instruction); displayResults(`

Generated Response

${response}

`); // Add click handler document.querySelector('.ai-suggestion-item').addEventListener('click', () => { insertTextIntoCompose(response); }); } // Initialize function init() { console.log('Initializing Smart AI Message Assistant...'); // Wait for page to be ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); return; } // Add styles addStyles(); // Wait a bit for the page to fully load setTimeout(() => { createAssistantUI(); console.log('Smart AI Message Assistant ready!'); }, 2000); } // Start the extension init(); })();

Smart AI Message Assistant

About