Because Chrome Extensions (Manifest V3) do not allow remote code (CDNs), you cannot load these source files directly. You must build the project first.

If you are using Vite, Webpack, or a similar bundler, run:

npm install
npm run build

This will create a dist or build folder containing index.html and bundled JavaScript files (no remote links).

Important: Ensure your .env API Key is bundled into the build (e.g., using VITE_API_KEY or process.env replacement during build), as extensions cannot read .env files at runtime.

1. Open Chrome and navigate to chrome://extensions.
2. Toggle Developer mode in the top right corner.
3. Click Load unpacked.
4. Select the dist (or build) folder created in step 1.

The extension should now appear in your browser toolbar.