feat: enhance documentation for multi-provider LLM support and update example configurations

Author: gurvinder-dhillon

README.md

@@ -61,29 +61,38 @@ If you're using Auto Browse alongside an existing Playwright setup, you must upg
 Auto Browse requires environment variables for the LLM (Language Model) configuration. Create a `.env` file in your project root:
 
 ```env
+# For OpenAI (default)
 OPENAI_API_KEY=your_openai_api_key_here
-LLM_MODEL=gpt-4o-mini  # Optional, defaults to gpt-4o-mini
+LLM_PROVIDER=openai  # Optional, this is default
+AUTOBROWSE_LLM_MODEL=gpt-4o-mini  # Optional, defaults to gpt-4o-mini
+
+# Or for Google AI
+GOOGLE_API_KEY=your_google_key_here
+LLM_PROVIDER=google
+AUTOBROWSE_LLM_MODEL=gemini-2.0-flash-lite  # Or other supported model
 ```
 
 You can find an example configuration in `example.env`.
 
 ### Environment Variables
 
-| Variable         | Description                    | Default       |
-| ---------------- | ------------------------------ | ------------- |
-| `OPENAI_API_KEY` | Your OpenAI API key (required) | -             |
-| `LLM_MODEL`      | The LLM model to use           | `gpt-4o-mini` |
+| Variable               | Description                         | Default       |
+| ---------------------- | ----------------------------------- | ------------- |
+| `LLM_PROVIDER`         | LLM provider to use (openai/google) | `openai`      |
+| `OPENAI_API_KEY`       | Your OpenAI API key                 | -             |
+| `GOOGLE_API_KEY`       | Your Google AI API key              | -             |
+| `AUTOBROWSE_LLM_MODEL` | The LLM model to use                | `gpt-4o-mini` |
 
 ## Supported LLM Providers
 
 Currently supported:
 
 - OpenAI (gpt-4o-mini and compatible models)
+- Google AI (Gemini models)
 
 Coming soon:
 
 - Anthropic Claude
-- Google Gemini
 - Local LLMs
 - Meta Llama
 
@@ -200,7 +209,6 @@ import { Given, When as aistep, Then } from "./fixtures";
 aistep(/^(.*)$/, async ({ page }, action: string) => {
 	await auto(action, { page });
 });
-
 ```
 
 #### Setup Requirements

docs/environment-setup.mdx

@@ -5,13 +5,11 @@ description: "Configure Auto-Browse with different LLM providers and environment
 
 # Environment Setup
 
-Auto-Browse supports various Language Model (LLM) providers to power its AI capabilities. This guide covers the setup for each supported provider.
+Auto-Browse supports multiple Language Model (LLM) providers to power its AI capabilities. This guide covers the setup for each supported provider.
 
-## OpenAI Configuration
+## Supported Providers
 
-OpenAI is the default and currently supported LLM provider.
-
-### Setup Steps
+### OpenAI (Default Provider)
 
 1. Get your OpenAI API key:
 
@@ -24,16 +22,27 @@ OpenAI is the default and currently supported LLM provider.
 
 ```env
 OPENAI_API_KEY=your_openai_api_key_here
-LLM_MODEL=gpt-4o-mini  # Optional, defaults to gpt-4o-mini
+LLM_PROVIDER=openai  # Optional, this is default
+AUTOBROWSE_LLM_MODEL=gpt-4o-mini  # Optional, defaults to gpt-4o-mini
 ```
 
-### Model Options
+#### Model Options
 
 OpenAI models supported:
 
 - `gpt-4o-mini` (default)
 - Compatible GPT models
 
+### Google AI
+
+Configure your environment:
+
+```env
+GOOGLE_API_KEY=your_google_key_here
+LLM_PROVIDER=google
+AUTOBROWSE_LLM_MODEL=gemini-2.0-flash-lite  # Or other supported model
+```
+
 ## Upcoming Provider Support
 
 The following LLM providers will be supported in future releases:
@@ -43,15 +52,7 @@ The following LLM providers will be supported in future releases:
 ```env
 ANTHROPIC_API_KEY=your_anthropic_key_here
 LLM_PROVIDER=anthropic
-LLM_MODEL=claude-3  # Example model
-```
-
-### Google Gemini
-
-```env
-GOOGLE_API_KEY=your_google_key_here
-LLM_PROVIDER=gemini
-LLM_MODEL=gemini-pro  # Example model
+AUTOBROWSE_LLM_MODEL=claude-3  # Example model
 ```
 
 ### Local LLMs

docs/installation.mdx

@@ -74,16 +74,25 @@ Auto-Browse requires configuration through environment variables for the Languag
 1. Create a `.env` file in your project root:
 
 ```env
+# For OpenAI (default)
 OPENAI_API_KEY=your_openai_api_key_here
-LLM_MODEL=gpt-4o-mini  # Optional, defaults to gpt-4o-mini
+LLM_PROVIDER=openai  # Optional, this is default
+AUTOBROWSE_LLM_MODEL=gpt-4o-mini  # Optional, defaults to gpt-4o-mini
+
+# Or for Google AI
+GOOGLE_API_KEY=your_google_key_here
+LLM_PROVIDER=google
+AUTOBROWSE_LLM_MODEL=gemini-2.0-flash-lite  # Or other supported model
 ```
 
 ### Environment Variables Reference
 
-| Variable         | Description          | Default       | Required |
-| ---------------- | -------------------- | ------------- | -------- |
-| `OPENAI_API_KEY` | Your OpenAI API key  | -             | Yes      |
-| `LLM_MODEL`      | The LLM model to use | `gpt-4o-mini` | No       |
+| Variable               | Description                         | Default       | Required   |
+| ---------------------- | ----------------------------------- | ------------- | ---------- |
+| `LLM_PROVIDER`         | LLM provider to use (openai/google) | `openai`      | No         |
+| `OPENAI_API_KEY`       | Your OpenAI API key                 | -             | For OpenAI |
+| `GOOGLE_API_KEY`       | Your Google AI API key              | -             | For Google |
+| `AUTOBROWSE_LLM_MODEL` | The LLM model to use                | `gpt-4o-mini` | No         |
 
 ## TypeScript Configuration
 

docs/quickstart.mdx

@@ -17,13 +17,22 @@ npm install @auto-browse/auto-browse
 
 ## Basic Setup
 
-1. Create a `.env` file in your project root with your OpenAI API key:
+1. Create a `.env` file in your project root:
 
 ```env
+# For OpenAI (default)
 OPENAI_API_KEY=your_openai_api_key_here
-LLM_MODEL=gpt-4o-mini  # Optional, defaults to gpt-4o-mini
+LLM_PROVIDER=openai  # Optional, this is default
+AUTOBROWSE_LLM_MODEL=gpt-4o-mini  # Optional, defaults to gpt-4o-mini
+
+# Or for Google AI
+GOOGLE_API_KEY=your_google_key_here
+LLM_PROVIDER=google
+AUTOBROWSE_LLM_MODEL=gemini-2.0-flash-lite  # Or other supported model
 ```
 
+Auto-Browse supports multiple LLM providers, with OpenAI as the default.
+
 ## Simple Example
 
 Here's a complete example showing form automation:

example.env

@@ -1,4 +1,4 @@
 LLM_PROVIDER=google
 OPENAI_API_KEY=OPENAI_API_KEY
-AUTOBROWSE_LLM_MODEL=gpt-4o-mini
+AUTOBROWSE_LLM_MODEL=gemini-2.0-flash-lite
 GOOGLE_API_KEY=GOOGLE_API_KEY