refactor: migrate extension to TypeScript and add Material-UI components

hero_vault_extension/dist/assets/index-11057528.css

@@ -0,0 +1 @@
+:root{font-family:Roboto,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}body{margin:0;min-width:360px;min-height:520px;overflow-x:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}

hero_vault_extension/dist/assets/simple-background.ts-e63275e1.js

@@ -0,0 +1 @@
+console.log("Background script initialized");let i=!1,e=null;chrome.runtime.onMessage.addListener((o,l,r)=>{if(console.log("Background received message:",o.type),o.type==="SESSION_STATUS")return r({active:i}),!0;if(o.type==="SESSION_UNLOCK")return i=!0,r({success:!0}),!0;if(o.type==="SESSION_LOCK")return i=!1,e&&(e.close(),e=null),r({success:!0}),!0;if(o.type==="CONNECT_WEBSOCKET"&&o.serverUrl&&o.publicKey){try{e&&e.close(),e=new WebSocket(o.serverUrl),e.onopen=()=>{console.log("WebSocket connection established"),e&&e.send(JSON.stringify({type:"IDENTIFY",publicKey:o.publicKey}))},e.onmessage=c=>{try{const t=JSON.parse(c.data);console.log("WebSocket message received:",t),chrome.runtime.sendMessage({type:"WEBSOCKET_MESSAGE",data:t}).catch(n=>{console.error("Failed to forward WebSocket message:",n)})}catch(t){console.error("Failed to parse WebSocket message:",t)}},e.onerror=c=>{console.error("WebSocket error:",c)},e.onclose=()=>{console.log("WebSocket connection closed"),e=null},r({success:!0})}catch(c){console.error("Failed to connect to WebSocket:",c),r({success:!1,error:c.message})}return!0}return o.type==="DISCONNECT_WEBSOCKET"?(e?(e.close(),e=null,r({success:!0})):r({success:!1,error:"No active WebSocket connection"}),!0):!1});chrome.notifications&&chrome.notifications.onClicked&&chrome.notifications.onClicked.addListener(o=>{chrome.action.openPopup()});

hero_vault_extension/dist/background.js

@@ -0,0 +1,61 @@
+
+      // Background Service Worker for SAL Modular Cryptographic Extension
+      // This is a simplified version that only handles messaging
+      
+      console.log('Background script initialized');
+      
+      // Store active WebSocket connection
+      let activeWebSocket = null;
+      let sessionActive = false;
+      
+      // Listen for messages from popup or content scripts
+      chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+        console.log('Background received message:', message.type);
+        
+        if (message.type === 'SESSION_STATUS') {
+          sendResponse({ active: sessionActive });
+          return true;
+        }
+        
+        if (message.type === 'SESSION_UNLOCK') {
+          sessionActive = true;
+          sendResponse({ success: true });
+          return true;
+        }
+        
+        if (message.type === 'SESSION_LOCK') {
+          sessionActive = false;
+          if (activeWebSocket) {
+            activeWebSocket.close();
+            activeWebSocket = null;
+          }
+          sendResponse({ success: true });
+          return true;
+        }
+        
+        if (message.type === 'CONNECT_WEBSOCKET') {
+          // Simplified WebSocket handling
+          sendResponse({ success: true });
+          return true;
+        }
+        
+        if (message.type === 'DISCONNECT_WEBSOCKET') {
+          if (activeWebSocket) {
+            activeWebSocket.close();
+            activeWebSocket = null;
+            sendResponse({ success: true });
+          } else {
+            sendResponse({ success: false, error: 'No active WebSocket connection' });
+          }
+          return true;
+        }
+        
+        return false;
+      });
+      
+      // Initialize notification setup
+      chrome.notifications.onClicked.addListener((notificationId) => {
+        // Open the extension popup when a notification is clicked
+        chrome.action.openPopup();
+      });
+    

hero_vault_extension/dist/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Hero Vault</title>
+    <script type="module" crossorigin src="/assets/index-b58c7e43.js"></script>
+    <link rel="stylesheet" href="/assets/index-11057528.css">
+  </head>
+  <body>
+    <div id="root"></div>
+    
+  </body>
+</html>

hero_vault_extension/dist/manifest.json

@@ -0,0 +1,26 @@
+{
+  "manifest_version": 3,
+  "name": "Hero Vault",
+  "version": "1.0.0",
+  "description": "A secure browser extension for cryptographic operations and Rhai script execution",
+  "action": {
+    "default_popup": "index.html",
+    "default_title": "Hero Vault"
+  },
+  "icons": {
+    "16": "icons/icon-16.png",
+    "48": "icons/icon-48.png",
+    "128": "icons/icon-128.png"
+  },
+  "permissions": [
+    "storage",
+    "unlimitedStorage"
+  ],
+  "background": {
+    "service_worker": "service-worker-loader.js",
+    "type": "module"
+  },
+  "content_security_policy": {
+    "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self'"
+  }
+}

hero_vault_extension/dist/service-worker-loader.js

@@ -0,0 +1 @@
+import './assets/simple-background.ts-e63275e1.js';