1 files changed, 65 insertions, 0 deletions
diff --git a/webext/firefox/popup.html b/webext/firefox/popup.html
new file mode 100644
index 0000000..0c51b06
--- /dev/null
+++ b/webext/firefox/popup.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <title>Cerberus</title>
+  <style>
+    body { font-family: sans-serif; width: 280px; margin: 10px; }
+    button { width: 100%; padding: 8px; margin: 6px 0; }
+    input { width: 100%; padding: 6px; margin: 6px 0; }
+  </style>
+</head>
+<body>
+  <h3>Cerberus</h3>
+  <input id="username" placeholder="Username" />
+  <input id="password" placeholder="Password" type="password" />
+  <button id="fetch">Fetch from Vault</button>
+  <button id="fill">Fill on Page</button>
+  <div id="status" style="font-size: 12px; color: #666; margin-top: 6px;"></div>
+  <script>
+    async function getActiveTab() {
+      const tabs = await browser.tabs.query({ active: true, currentWindow: true });
+      return tabs[0];
+    }
+
+    async function fill(username, password) {
+      const tab = await getActiveTab();
+      await browser.tabs.sendMessage(tab.id, { type: 'FILL_CREDENTIALS', payload: { username, password } });
+    }
+
+    document.getElementById('fill').addEventListener('click', async () => {
+      const username = document.getElementById('username').value;
+      const password = document.getElementById('password').value;
+      try {
+        await fill(username, password);
+        window.close();
+      } catch (e) { console.error(e); }
+    });
+
+    document.getElementById('fetch').addEventListener('click', async () => {
+      const status = document.getElementById('status');
+      status.textContent = 'Fetching credentials from vault...';
+      try {
+        const resp = await browser.runtime.sendMessage({ type: 'GET_CREDENTIALS_FOR_TAB' });
+        if (!resp || !resp.ok) {
+          status.textContent = 'Failed to fetch (is native host installed and unlocked?)';
+          return;
+        }
+        const results = resp.result || [];
+        if (results.length === 0) {
+          status.textContent = 'No entries matched for this origin';
+          return;
+        }
+        // Choose the first match (later: add a dropdown)
+        const { username, password } = results[0];
+        if (username) document.getElementById('username').value = username;
+        if (password) document.getElementById('password').value = password;
+        status.textContent = 'Fetched from vault';
+      } catch (e) {
+        console.error(e);
+        status.textContent = 'Error fetching credentials';
+      }
+    });
+  </script>
+</body>
+</html>