Added Privacy link in Chat panel/Removed Chat Input V1

package.json

@@ -1,7 +1,7 @@
 {
-    "name": "xpath-chatbot",
+    "name": "test-pilot",
     "version": "1.1.0",
-    "description": "Premium AI Chatbot for robust XPath and Locator generation.",
+    "description": "Test Pilot is a browser extension that helps you to generate XPath and Locator, perform Load test, Broken link/image test, and more for your web application.",
     "type": "module",
     "scripts": {
         "dev": "vite",
@@ -27,4 +27,4 @@
         "jspdf": "^4.0.0",
         "jspdf-autotable": "^5.0.7"
     }
-}
+}

src/public/popup.html

@@ -13,7 +13,7 @@
     <div class="container">
         <header>
             <h1>TestPilot</h1>
-            <p class="subtitle">Capture DOM Context for Q&A</p>
+            <p class="subtitle">Capture DOM Context for QA</p>
         </header>
 
         <main>
@@ -43,7 +43,7 @@ <h1>TestPilot</h1>
         </main>
 
         <footer>
-            <p>Optimized for token limits & performance</p>
+            <p>Optimized for limit & performance</p>
         </footer>
     </div>
     <script type="module" src="../scripts/popup.js"></script>

src/public/sidepanel.html

@@ -29,7 +29,7 @@
                     </svg>
                 </span>
                 <div class="title-group">
-                    <h2>TestPilot AI Chat Panel</h2>
+                    <h2>TestPilot Chat Panel</h2>
                     <div class="framework-switcher" id="framework-switcher">
                         <button class="switcher-trigger" id="switcher-trigger">
                             <span class="current-icon" id="current-framework-icon">
@@ -265,23 +265,13 @@ <h3>
         </main>
 
         <footer class="input-area">
-            <div id="page-status" style="font-size: 0.7rem; color: #94a3b8; margin-bottom: 8px; text-align: right;">
-                Syncing...</div>
-            <div id="typing-indicator" class="typing-indicator hidden">
-                <span class="dot"></span>
-                <span class="dot"></span>
-                <span class="dot"></span>
-                AI is thinking...
+            <div id="page-status" class="page-status">
+                <span class="status-dot"></span>
+                <span class="status-text">Syncing...</span>
             </div>
-            <div class="input-wrapper">
-                <textarea id="user-input" placeholder="Ask about the page..." rows="1"></textarea>
-                <button id="send-btn" disabled>
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
-                        stroke-linecap="round" stroke-linejoin="round">
-                        <line x1="22" y1="2" x2="11" y2="13"></line>
-                        <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
-                    </svg>
-                </button>
+            <div class="footer-links">
+                <a href="https://charancherry007.github.io/TestPilot/" target="_blank" class="privacy-link">Privacy
+                    Policy</a>
             </div>
         </footer>
     </div>

src/scripts/background.js

@@ -48,3 +48,16 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
         return true;
     }
 });
+
+// Auto-Sync on Refresh: Notify sidepanel when a tab finishes loading
+chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
+    if (changeInfo.status === 'complete' && tab.url && !tab.url.startsWith('chrome://')) {
+        chrome.runtime.sendMessage({
+            action: "tab_refreshed",
+            tabId: tabId
+        }).catch(() => {
+            // Ignore errors when sidepanel/popup is not open
+            console.error("Failed to send message to TestPilot");
+        });
+    }
+});

src/scripts/modules/xpath-engine.js

@@ -169,6 +169,9 @@ export function formatLocator(xpath, el, attrType, value, framework) {
     } else if (framework === 'selenium') {
         if (attrType === 'id') return `By.id("${value}")`;
         if (attrType === 'class') return `By.className("${value}")`;
+        if (attrType === 'data-testid') return `By.xpath("//*[@data-testid='" + ${value} + "']")`;
+        if (attrType === 'role') return `By.xpath("//*[@role='" + ${value} + "']")`;
+        if (attrType === 'text') return `By.xpath("//*[contains(text(), '" + ${value} + "')]")`;
         return `By.xpath("${xpath}")`;
     }
     return xpath;

src/scripts/sidepanel/sidepanel.js

@@ -11,13 +11,11 @@ Chart.register(...registerables);
 
 document.addEventListener('DOMContentLoaded', () => {
     const chatWindow = document.getElementById('chat-window');
-    const userInput = document.getElementById('user-input');
-    const sendBtn = document.getElementById('send-btn');
     const clearBtn = document.getElementById('clear-chats');
     const syncBtn = document.getElementById('sync-dom');
     const inspectBtn = document.getElementById('inspect-btn');
     const pageStatus = document.getElementById('page-status');
-    const typingIndicator = document.getElementById('typing-indicator');
+    const statusText = pageStatus.querySelector('.status-text');
     const lockedBar = document.getElementById('locked-context');
     const lockedName = document.getElementById('locked-element-name');
     const clearLockedBtn = document.getElementById('clear-locked');
@@ -60,21 +58,6 @@ document.addEventListener('DOMContentLoaded', () => {
 
     // --- Interactive Listeners ---
 
-    userInput.addEventListener('input', () => {
-        userInput.style.height = 'auto';
-        userInput.style.height = userInput.scrollHeight + 'px';
-        sendBtn.disabled = userInput.value.trim() === '';
-    });
-
-    userInput.addEventListener('keydown', (e) => {
-        if (e.key === 'Enter' && !e.shiftKey) {
-            e.preventDefault();
-            handleUserInput();
-        }
-    });
-
-    sendBtn.addEventListener('click', () => handleUserInput());
-
     clearBtn.addEventListener('click', () => {
         chatWindow.innerHTML = '';
         messageHistory = [];
@@ -188,7 +171,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
         chrome.tabs.sendMessage(tab.id, { action: "extract_images" }, async (response) => {
             if (chrome.runtime.lastError) {
-                addBotMessage("❌ Connection Error: I can't reach the page content. Please refresh the tab and try again.");
+                addBotMessage("❌ Error: I can't reach the page content. Please refresh the tab and Sync DOM.");
                 checkImagesBtn.classList.remove('loading');
                 return;
             }
@@ -586,6 +569,9 @@ document.addEventListener('DOMContentLoaded', () => {
             lockedName.textContent = `${lockedElement.tag}${lockedElement.attributes.id ? '#' + lockedElement.attributes.id : ''}`;
             lockedBar.classList.remove('hidden');
             processAIResponse("generate stable xpath");
+        } else if (request.action === "tab_refreshed") {
+            // Auto-sync DOM when the associated tab is refreshed
+            syncContext();
         }
     });
 
@@ -624,44 +610,40 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 
     async function syncContext() {
-        pageStatus.textContent = "Syncing...";
+        statusText.textContent = "Syncing...";
+        pageStatus.className = 'page-status';
         const tab = await getActiveTab();
         if (!tab) {
-            pageStatus.textContent = "Offline";
+            statusText.textContent = "Offline";
+            pageStatus.classList.add('offline');
             return;
         }
 
         chrome.tabs.sendMessage(tab.id, { action: "capture_dom" }, (response) => {
             if (chrome.runtime.lastError) {
-                pageStatus.textContent = "Error";
+                statusText.textContent = "Error";
+                pageStatus.classList.add('error');
                 addBotMessage("❌ Connection Failed: I can't reach this page. Please refresh the browser tab to reconnect.");
                 return;
             }
 
             if (response?.data) {
                 currentContext = response.data;
-                pageStatus.textContent = "Synced";
+                statusText.textContent = "Synced";
+                pageStatus.classList.add('synced');
                 if (currentContext.nodeLimitReached) {
                     addBotMessage("⚠️ Optimized large page capture active.");
                 }
             } else {
-                pageStatus.textContent = "Error";
+                statusText.textContent = "Error";
+                pageStatus.classList.add('error');
             }
         });
     }
 
     // Initialize
     syncContext();
 
-    function handleUserInput() {
-        const text = userInput.value.trim();
-        if (!text) return;
-        addUserMessage(text);
-        userInput.value = '';
-        userInput.style.height = 'auto';
-        processAIResponse(text);
-    }
-
     function addUserMessage(text) {
         const msgDiv = document.createElement('div');
         msgDiv.className = 'message user-msg';
@@ -680,11 +662,10 @@ document.addEventListener('DOMContentLoaded', () => {
 
     async function processAIResponse(query) {
         if (!hasConsent) {
-            addBotMessage("Please enable AI Analysis to proceed.");
+            addBotMessage("Please enable TestPilot Analysis to proceed.");
             return;
         }
 
-        typingIndicator.classList.remove('hidden');
         await new Promise(r => setTimeout(r, 600));
 
         let bestMatch = lockedElement;
@@ -694,7 +675,6 @@ document.addEventListener('DOMContentLoaded', () => {
         }
 
         if (!bestMatch) {
-            typingIndicator.classList.add('hidden');
             addBotMessage("Couldn't find target. Try selecting it first.");
             return;
         }
@@ -731,7 +711,6 @@ document.addEventListener('DOMContentLoaded', () => {
             responseText += `Strength: ${sanitizedStrength}\n\n`;
         });
 
-        typingIndicator.classList.add('hidden');
         await streamBotMessage(responseText);
     }
 

src/styles/sidepanel.css

@@ -592,9 +592,12 @@ input:checked+.slider:before {
 }
 
 .input-area {
-    padding: 16px;
+    padding: 12px 16px;
     background: var(--panel-bg);
     border-top: 1px solid var(--border);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
 .typing-indicator {
@@ -606,6 +609,53 @@ input:checked+.slider:before {
     gap: 4px;
 }
 
+.page-status {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    font-size: 0.7rem;
+    color: var(--text-muted);
+    margin-bottom: 8px;
+}
+
+.status-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: #94a3b8;
+    /* Default muted */
+    transition: background-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+.page-status.synced .status-dot {
+    background-color: #22c55e;
+    box-shadow: 0 0 6px rgba(34, 197, 94, 0.4);
+}
+
+.page-status.error .status-dot,
+.page-status.offline .status-dot {
+    background-color: #ef4444;
+}
+
+.footer-links {
+    margin-top: 4px;
+}
+
+.privacy-link {
+    font-size: 0.65rem;
+    color: var(--text-muted);
+    text-decoration: none;
+    transition: color 0.2s;
+    opacity: 0.8;
+}
+
+.privacy-link:hover {
+    color: var(--primary);
+    text-decoration: underline;
+    opacity: 1;
+}
+
 .dot {
     width: 4px;
     height: 4px;
@@ -645,6 +695,16 @@ input:checked+.slider:before {
     gap: 12px;
 }
 
+.input-wrapper.disabled {
+    opacity: 0.6;
+    background: rgba(255, 255, 255, 0.02);
+    cursor: not-allowed;
+}
+
+.input-wrapper.disabled textarea {
+    cursor: not-allowed;
+}
+
 #user-input {
     flex: 1;
     background: transparent;

vite.config.js

@@ -10,6 +10,19 @@ export default defineConfig({
                 sidepanel: 'src/public/sidepanel.html',
                 popup: 'src/public/popup.html'
             },
+            output: {
+                manualChunks(id) {
+                    if (id.includes('node_modules')) {
+                        if (id.includes('chart.js')) {
+                            return 'vendor-charts';
+                        }
+                        if (id.includes('jspdf')) {
+                            return 'vendor-pdf';
+                        }
+                        return 'vendor';
+                    }
+                }
+            }
         },
     },
 });