diff --git a/docs/bring-your-own-keys/claude.mdx b/docs/bring-your-own-keys/claude.mdx index e569f2e4d..fe3cac3f3 100644 --- a/docs/bring-your-own-keys/claude.mdx +++ b/docs/bring-your-own-keys/claude.mdx @@ -11,18 +11,18 @@ Claude Sonnet 3.7 and 4.0 are excellent for agent tasks. Great for complex reaso Visit [console.anthropic.com](https://console.anthropic.com/dashboard) and click **API keys** in the left sidebar. -![SCR-20251007-kbjx.png](/docs/images/SCR-20251007-kbjx.png) +![Anthropic console API keys sidebar](/images/claude-api-keys.png) ### Step 2: Create a key Click **Create Key**, name it, and click **Create Key** again. Copy the key that appears. -![SCR-20251007-kbod.png](/docs/images/SCR-20251007-kbod.png) +![Create API key dialog](/images/claude-create-key.png) ## Configure BrowserOS Navigate to `chrome://browseros/settings` or click the **Settings** icon on the new tab page, then click **USE** on the Claude card. Paste your API key and set your model. For Claude Sonnet 4.0, use model ID `claude-opus-4-20250514`, set **Context Window Size** to `128000`, and check **Supports Images**. Click **Save**. -![image.png](/docs/images/image.png) +![Claude provider configuration](/images/claude-provider-config.png) Done! You're ready to use BrowserOS with Claude. \ No newline at end of file diff --git a/docs/bring-your-own-keys/gemini.mdx b/docs/bring-your-own-keys/gemini.mdx index 35682b7c6..85b618c94 100644 --- a/docs/bring-your-own-keys/gemini.mdx +++ b/docs/bring-your-own-keys/gemini.mdx @@ -11,19 +11,19 @@ Gemini 2.5 Flash is fast, powerful, and free. Google AI Studio gives you 20 requ Visit [aistudio.google.com](https://aistudio.google.com) and click **Get API key** in the left sidebar. -![google-ai-studio.png](/docs/images/google-ai-studio.png) +![Google AI Studio Get API key sidebar](/images/gemini-get-api-key.png) ### Step 2: Create a new project Click **Create API key**, then name your project and click **Create key**. -![create-new-project.png](/docs/images/create-new-project.png) +![Create API key dialog](/images/gemini-create-key.png) ### Step 3: Copy your API key Your key will appear in the list. Click on it to copy. -![copy-key.png](/docs/images/copy-key.png) +![Copy API key from list](/images/gemini-copy-key.png) ## Configure BrowserOS @@ -31,7 +31,7 @@ Your key will appear in the list. Click on it to copy. Navigate to `chrome://browseros/settings` or click the **Settings** icon on the new tab page, then click **USE** on the Gemini card. -![SCR-20251006-mkpi.png](/docs/images/SCR-20251006-mkpi.png) +![BrowserOS settings with Gemini card](/images/gemini-settings-card.png) ### Step 2: Configure your provider @@ -42,6 +42,6 @@ In the provider configuration: 4. Set **Context Window Size** to `1000000` (1 million tokens) 5. Click **Save** -![SCR-20251006-mnhm.png](/docs/images/SCR-20251006-mnhm.png) +![Gemini provider configuration](/images/gemini-provider-config.png) Done! You're ready to use BrowserOS with Gemini. \ No newline at end of file diff --git a/docs/bring-your-own-keys/openai.mdx b/docs/bring-your-own-keys/openai.mdx index 1a72567cf..e8e0fb5fe 100644 --- a/docs/bring-your-own-keys/openai.mdx +++ b/docs/bring-your-own-keys/openai.mdx @@ -11,13 +11,13 @@ GPT-4.1 is powerful for complex agent tasks. If you need the best reasoning capa Visit [platform.openai.com](https://platform.openai.com), click the settings icon in the top right, then go to **API keys** in the left sidebar. -![SCR-20251007-kibz.png](/docs/images/SCR-20251007-kibz.png) +![OpenAI platform API keys](/images/openai-api-keys.png) ### Step 2: Create a new key Click **Create new secret key**, name it, and click **Create secret key**. -![SCR-20251007-kiyo.png](/docs/images/SCR-20251007-kiyo.png) +![Create secret key dialog](/images/openai-create-key.png) ### Step 3: Copy your key @@ -27,6 +27,6 @@ Copy the key that appears. Keep it safe - you won't be able to see it again. Navigate to `chrome://browseros/settings` or click the **Settings** icon on the new tab page, then click **USE** on the OpenAI card. Paste your API key and configure the settings based on your chosen model. For GPT-4.1, set **Context Window Size** to `128000` and check **Supports Images**. Click **Save**. -![image.png](/docs/images/image.png) +![OpenAI provider configuration](/images/openai-provider-config.png) Done! You're ready to use BrowserOS with OpenAI. \ No newline at end of file diff --git a/docs/bring-your-own-keys/openrouter.mdx b/docs/bring-your-own-keys/openrouter.mdx index 1b84f84b4..303fe6e9a 100644 --- a/docs/bring-your-own-keys/openrouter.mdx +++ b/docs/bring-your-own-keys/openrouter.mdx @@ -9,7 +9,7 @@ OpenRouter gives you access to 500+ models through one API. Try different models Visit [openrouter.ai](https://openrouter.ai), sign up, and create an API key. OpenRouter shows your key right on the homepage under "Get your API key". -![SCR-20251007-kcgl.png](/docs/images/SCR-20251007-kcgl.png) +![OpenRouter get API key](/images/openrouter-get-api-key.png) ## Configure BrowserOS @@ -17,18 +17,18 @@ Visit [openrouter.ai](https://openrouter.ai), sign up, and create an API key. Op Navigate to `chrome://browseros/settings` or click the **Settings** icon on the new tab page, then click **USE** on the OpenRouter card. -![SCR-20251007-kcnd.png](/docs/images/SCR-20251007-kcnd.png) +![BrowserOS settings with OpenRouter card](/images/openrouter-settings-card.png) ### Step 2: Pick a model Visit [openrouter.ai/models](https://openrouter.ai/models) and find the model you want. Click on it to copy the model ID (like `openai/gpt-4.1-mini`). -![SCR-20251007-kern.png](/docs/images/SCR-20251007-kern.png) +![OpenRouter models page](/images/openrouter-models.png) ### Step 3: Configure your provider In BrowserOS, paste the model ID into **Model ID** field. The model ID should be in the format shown under "Custom" (e.g., `openai/gpt-4.1-mini`). Paste your OpenRouter API key, set **Context Window Size** based on the model, and check **Supports Images** if the model supports it. Click **Save**. -![SCR-20251007-kfel.png](/docs/images/SCR-20251007-kfel.png) +![OpenRouter provider configuration](/images/openrouter-provider-config.png) Done! You can switch between different models anytime by creating new providers with different model IDs. \ No newline at end of file diff --git a/docs/images/SCR-20251007-kbjx.png b/docs/images/claude-api-keys.png similarity index 100% rename from docs/images/SCR-20251007-kbjx.png rename to docs/images/claude-api-keys.png diff --git a/docs/images/SCR-20251007-kbod.png b/docs/images/claude-create-key.png similarity index 100% rename from docs/images/SCR-20251007-kbod.png rename to docs/images/claude-create-key.png diff --git a/docs/images/image.png b/docs/images/claude-provider-config.png similarity index 100% rename from docs/images/image.png rename to docs/images/claude-provider-config.png diff --git a/docs/images/copy-key.png b/docs/images/gemini-copy-key.png similarity index 100% rename from docs/images/copy-key.png rename to docs/images/gemini-copy-key.png diff --git a/docs/images/create-new-project.png b/docs/images/gemini-create-key.png similarity index 100% rename from docs/images/create-new-project.png rename to docs/images/gemini-create-key.png diff --git a/docs/images/google-ai-studio.png b/docs/images/gemini-get-api-key.png similarity index 100% rename from docs/images/google-ai-studio.png rename to docs/images/gemini-get-api-key.png diff --git a/docs/images/SCR-20251006-mnhm.png b/docs/images/gemini-provider-config.png similarity index 100% rename from docs/images/SCR-20251006-mnhm.png rename to docs/images/gemini-provider-config.png diff --git a/docs/images/SCR-20251006-mkpi.png b/docs/images/gemini-settings-card.png similarity index 100% rename from docs/images/SCR-20251006-mkpi.png rename to docs/images/gemini-settings-card.png diff --git a/docs/images/SCR-20251007-kibz.png b/docs/images/openai-api-keys.png similarity index 100% rename from docs/images/SCR-20251007-kibz.png rename to docs/images/openai-api-keys.png diff --git a/docs/images/SCR-20251007-kiyo.png b/docs/images/openai-create-key.png similarity index 100% rename from docs/images/SCR-20251007-kiyo.png rename to docs/images/openai-create-key.png diff --git a/docs/images/openai-provider-config.png b/docs/images/openai-provider-config.png new file mode 100644 index 000000000..390ec3169 --- /dev/null +++ b/docs/images/openai-provider-config.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8145a0df6dc588de127824f3a808337be7c8b4bd6d32578f5218f01d24c0bebf +size 102624 diff --git a/docs/images/SCR-20251007-kcgl.png b/docs/images/openrouter-get-api-key.png similarity index 100% rename from docs/images/SCR-20251007-kcgl.png rename to docs/images/openrouter-get-api-key.png diff --git a/docs/images/SCR-20251007-kern.png b/docs/images/openrouter-models.png similarity index 100% rename from docs/images/SCR-20251007-kern.png rename to docs/images/openrouter-models.png diff --git a/docs/images/SCR-20251007-kfel.png b/docs/images/openrouter-provider-config.png similarity index 100% rename from docs/images/SCR-20251007-kfel.png rename to docs/images/openrouter-provider-config.png diff --git a/docs/images/SCR-20251007-kcnd.png b/docs/images/openrouter-settings-card.png similarity index 100% rename from docs/images/SCR-20251007-kcnd.png rename to docs/images/openrouter-settings-card.png