Frontend Environment Setup

Before you begin, make sure you've got the necessary tools:

node.js - JavaScript runtime.
npm - Node.js package manager.

Follow these steps to set up the frontend:

Navigate to the frontend directory:
```
cd frontend
```
Install the required packages:
```
npm install
```
Start the development server:
```
npm run dev
```

Once started, the frontend UI will be accessible at https://localhost:3000.

To set up the Chrome extension for Web Agent, follow these steps:

Unzip webot_extension.zip at the frontend directory
Navigate to chrome:https://extensions/
Toggle Developer mode
Click on Load unpacked extension
Select the unzipped builder folder

The extension named XLang Web Agent will be available on your Chrome now.

One Click Deploy With Vercel