browser-use · cclbray · Mar 27, 2025 · Apr 6, 2025
diff --git a/.gitignore b/.gitignore
@@ -187,3 +187,4 @@ data/
 
 # For Config Files (Current Settings)
 .config.pkl
+node_modules
diff --git a/404.html b/404.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 - Page Not Found | Virtual Business Manager</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: #f8f9fa;
+        }
+        .error-container {
+            text-align: center;
+            padding: 2rem;
+            background-color: white;
+            border-radius: 10px;
+            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+        }
+        .error-code {
+            font-size: 8rem;
+            font-weight: bold;
+            color: #dc3545;
+            line-height: 1;
+            margin-bottom: 1rem;
+        }
+        .error-message {
+            font-size: 1.5rem;
+            color: #6c757d;
+            margin-bottom: 2rem;
+        }
+    </style>
+</head>
+<body>
+    <div class="error-container">
+        <div class="error-code">404</div>
+        <div class="error-message">Oops! Page not found.</div>
+        <p class="text-muted mb-4">The page you're looking for doesn't exist or has been moved.</p>
+        <a href="/" class="btn btn-primary">Return to Dashboard</a>
+    </div>
+</body>
+</html> 
diff --git a/500.html b/500.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>500 - Server Error | Virtual Business Manager</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: #f8f9fa;
+        }
+        .error-container {
+            text-align: center;
+            padding: 2rem;
+            background-color: white;
+            border-radius: 10px;
+            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+        }
+        .error-code {
+            font-size: 8rem;
+            font-weight: bold;
+            color: #dc3545;
+            line-height: 1;
+            margin-bottom: 1rem;
+        }
+        .error-message {
+            font-size: 1.5rem;
+            color: #6c757d;
+            margin-bottom: 2rem;
+        }
+    </style>
+</head>
+<body>
+    <div class="error-container">
+        <div class="error-code">500</div>
+        <div class="error-message">Oops! Something went wrong.</div>
+        <p class="text-muted mb-4">We're experiencing some technical difficulties. Please try again later.</p>
+        <a href="/" class="btn btn-primary">Return to Dashboard</a>
+    </div>
+</body>
+</html> 
diff --git a/README.md b/README.md
@@ -225,3 +225,72 @@ CHROME_PERSISTENT_SESSION=true docker compose up --build
 - [x] **2025/01/26:** Thanks to @vvincent1234. Now browser-use-webui can combine with DeepSeek-r1 to engage in deep thinking!
 - [x] **2025/01/10:** Thanks to @casistack. Now we have Docker Setup option and also Support keep browser open between tasks.[Video tutorial demo](https://github.com/browser-use/web-ui/issues/1#issuecomment-2582511750).
 - [x] **2025/01/06:** Thanks to @richard-devbot. A New and Well-Designed WebUI is released. [Video tutorial demo](https://github.com/warmshao/browser-use-webui/issues/1#issuecomment-2573393113).
+
+# TARA Web UI
+
+This is the frontend application for TARA (Task Automation & Resource Assistant).
+
+## Prerequisites
+
+1. Install Node.js and npm:
+   - Visit [Node.js official website](https://nodejs.org/)
+   - Download and install the LTS (Long Term Support) version
+   - Verify installation by running:
+     ```bash
+     node --version
+     npm --version
+     ```
+
+2. Install project dependencies:
+   ```bash
+   cd web-ui
+   npm install
+   ```
+
+## Development
+
+To start the development server:
+
+```bash
+npm start
+```
+
+The application will be available at [http://localhost:3000](http://localhost:3000).
+
+## Building for Production
+
+To create a production build:
+
+```bash
+npm run build
+```
+
+## Project Structure
+
+```
+web-ui/
+├── public/          # Static files
+├── src/
+│   ├── components/  # React components
+│   ├── types/       # TypeScript type definitions
+│   ├── theme.ts     # Chakra UI theme configuration
+│   ├── App.tsx      # Main application component
+│   └── index.tsx    # Application entry point
+├── package.json     # Project dependencies and scripts
+└── tsconfig.json    # TypeScript configuration
+```
+
+## Available Scripts
+
+- `npm start`: Runs the app in development mode
+- `npm test`: Launches the test runner
+- `npm run build`: Builds the app for production
+- `npm run eject`: Ejects from Create React App
+
+## Dependencies
+
+- React 18
+- TypeScript
+- Chakra UI
+- React Router
+- React Icons
diff --git a/__init__.py b/__init__.py
@@ -0,0 +1,4 @@
+"""
+Web UI package for virtual business manager.
+Contains browser automation and web interface components.
+""" 
diff --git a/api/config.py b/api/config.py
@@ -0,0 +1,32 @@
+"""
+Configuration for the API server.
+"""
+import os
+from dotenv import load_dotenv
+
+# Load environment variables from .env file
+load_dotenv()
+
+# Development mode flag
+DEV_MODE = os.getenv("DEV_MODE", "True").lower() in ("true", "1", "t")
+
+# Database settings
+DATABASE_URL = os.getenv("DATABASE_URL", "postgresql://postgres:postgres@localhost/vbm_db")
+
+# Session settings
+SESSION_SECRET = os.getenv("SESSION_SECRET", "default_secret_key_for_development_only")
+
+# Google OAuth settings
+GOOGLE_CLIENT_ID = os.getenv("GOOGLE_CLIENT_ID")
+GOOGLE_CLIENT_SECRET = os.getenv("GOOGLE_CLIENT_SECRET")
+GOOGLE_REDIRECT_URI = os.getenv("GOOGLE_REDIRECT_URI", "http://localhost:3000/auth/google/callback")
+
+# API Base URL
+API_BASE_URL = os.getenv("API_BASE_URL", "http://localhost:8000")
+
+# CORS origins
+CORS_ORIGINS = [
+    "http://localhost",
+    "http://localhost:3000",
+    "http://localhost:8000",
+]
Original file line number	Diff line number	Diff line change
Expand Up		@@ -187,3 +187,4 @@ data/

		# For Config Files (Current Settings)
		.config.pkl
		node_modules