docs: remove Browserbase project ID references (browserbase#1958)

## Summary
- Remove all `BROWSERBASE_PROJECT_ID` / `projectId` references from v3
docs, SDK docs, integration guides, migration guides, and CLI README (30
files)
- Only `BROWSERBASE_API_KEY` is required — `projectId` is optional in
all code control paths (conditionally included via spread patterns,
never validated as required)
- Preserves unrelated GCP project ID references in `models.mdx`

## Test plan
- [ ] Verify docs site builds without errors
- [ ] Spot-check code examples still make sense without projectId
- [ ] Confirm no broken references or formatting issues

🤖 Generated with [Claude Code](https://claude.com/claude-code)

<!-- This is an auto-generated description by cubic. -->
---
## Summary by cubic
Removed all `BROWSERBASE_PROJECT_ID`/`projectId` references across v3
docs so setup only requires `BROWSERBASE_API_KEY`. Also updated
Anthropic model references to `anthropic/claude-sonnet-4-6` across
examples and guides.

- **Migration**
- Remove `BROWSERBASE_PROJECT_ID` from env files, deployment configs,
session params, and env var lists; keep `BROWSERBASE_API_KEY` only.
- Existing code passing `projectId` still works; it’s optional and not
required.
  - Unrelated GCP project ID mentions remain unchanged.

- **Refactors**
- Replaced all `anthropic/claude-sonnet-4-20250514` references with
`anthropic/claude-sonnet-4-6` across v3 docs (agent examples, warnings,
best practices).
- Simplified MCP config by removing the `CardGroup` wrapper around a
single card.

<sup>Written for commit 7a1688d.
Summary will update on new commits. <a
href="https://cubic.dev/pr/browserbase/stagehand/pull/1958">Review in
cubic</a></sup>

<!-- End of auto-generated description by cubic. -->

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: shrey150

packages/cli/README.md

@@ -239,7 +239,6 @@ browse status
 |----------|-------------|
 | `BROWSE_SESSION` | Default session name (alternative to `--session`) |
 | `BROWSERBASE_API_KEY` | Browserbase API key (required for `browse env remote`) |
-| `BROWSERBASE_PROJECT_ID` | Browserbase project ID (optional, passed through if set) |
 
 ## Element References
 

packages/docs/v3/basics/agent.mdx

@@ -101,7 +101,7 @@ await agent.execute({
 const agent = stagehand.agent({
     mode: "cua",
     model: {
-        modelName: "anthropic/claude-sonnet-4-20250514",
+        modelName: "anthropic/claude-sonnet-4-6",
         apiKey: process.env.ANTHROPIC_API_KEY
     },
     systemPrompt: "You are a helpful assistant...",
@@ -138,7 +138,7 @@ Both DOM and CUA modes have their strengths and weaknesses. Hybrid mode combines
 <Warning>
 **Model Requirements:** Hybrid mode requires models that can reliably perform coordinate-based actions from screenshots. The following models are recommended:
 - **Google:** `google/gemini-3-flash-preview`
-- **Anthropic:** `anthropic/claude-sonnet-4-20250514`, `anthropic/claude-sonnet-4-5-20250929`, `anthropic/claude-haiku-4-5-20251001`
+- **Anthropic:** `anthropic/claude-sonnet-4-6`, `anthropic/claude-sonnet-4-5-20250929`, `anthropic/claude-haiku-4-5-20251001`
 
 Other models may not reliably produce accurate coordinates for clicking and typing.
 
@@ -289,7 +289,7 @@ import { z } from "zod";
 
 const agent = stagehand.agent({
   mode: "cua",
-  model: "anthropic/claude-sonnet-4-20250514",
+  model: "anthropic/claude-sonnet-4-6",
   tools: {
     searchDatabase: tool({
       description: 'Search for records in the database',

packages/docs/v3/best-practices/agent-fallbacks.mdx

@@ -33,7 +33,7 @@ try {
   console.log("Agent fallback triggered");
 
   const agent = stagehand.agent({
-    model: "anthropic/claude-sonnet-4-20250514",
+    model: "anthropic/claude-sonnet-4-6",
     systemPrompt: "You are a helpful assistant that can use a web browser.",
   });
 

packages/docs/v3/best-practices/computer-use.mdx

@@ -55,7 +55,6 @@ const stagehand = new Stagehand({
     model: "google/gemini-2.5-flash",
 
     browserbaseSessionCreateParams: {
-      projectId: process.env.BROWSERBASE_PROJECT_ID!,
       browserSettings: {
 		blockAds: true,
         viewport: {
@@ -134,7 +133,7 @@ await page.goto("https://www.google.com/");
 const agent = stagehand.agent({
     mode: "cua",
     model: {
-        modelName: "anthropic/claude-sonnet-4-20250514",
+        modelName: "anthropic/claude-sonnet-4-6",
         apiKey: process.env.ANTHROPIC_API_KEY
     },
     systemPrompt: "You are a helpful assistant...",
@@ -175,7 +174,7 @@ const agent = stagehand.agent({
 ```typescript
 const agent = stagehand.agent({
     mode: "cua",
-    model: "anthropic/claude-sonnet-4-20250514",
+    model: "anthropic/claude-sonnet-4-6",
     // ANTHROPIC_API_KEY is auto-loaded - set in your .env
 });
 ```

packages/docs/v3/best-practices/deployments.mdx

@@ -65,15 +65,13 @@ export default async function handler(req: VercelRequest, res: VercelResponse):
     const stagehand = new Stagehand({
       env: "BROWSERBASE",
       apiKey: process.env.BROWSERBASE_API_KEY!,
-      projectId: process.env.BROWSERBASE_PROJECT_ID!,
       disablePino: true,
       model: {
         modelName: "google/gemini-2.5-flash",
         apiKey: process.env.GOOGLE_API_KEY!,
       },
       // optional session params
       browserbaseSessionCreateParams: {
-        projectId: process.env.BROWSERBASE_PROJECT_ID!,
         region: "us-west-2",
         browserSettings: {
           blockAds: true,
@@ -169,7 +167,6 @@ Do not commit `.env` in production. Add variables via Vercel CLI:
 
 ```bash
 vercel env add BROWSERBASE_API_KEY
-vercel env add BROWSERBASE_PROJECT_ID
 # (and your model key if needed)
 vercel env add GOOGLE_API_KEY
 ```

packages/docs/v3/best-practices/deterministic-agent.mdx

@@ -324,7 +324,7 @@ async function executeWithFallback() {
   await page.goto("https://example.com");
 
   const agent = stagehand.agent({
-    model: "anthropic/claude-sonnet-4-20250514"
+    model: "anthropic/claude-sonnet-4-6"
   });
 
   try {

packages/docs/v3/configuration/browser.mdx

@@ -78,12 +78,11 @@ Before getting started, set up the required environment variables:
 <CodeGroup>
 ```bash .env
 BROWSERBASE_API_KEY=your_api_key_here
-BROWSERBASE_PROJECT_ID=your_project_id_here
 ```
 </CodeGroup>
 
 <Tip>
-Get your API key and Project ID from the [Browserbase Dashboard](https://browserbase.com/overview)
+Get your API key from the [Browserbase Dashboard](https://browserbase.com/overview)
 </Tip>
 
 ### Using Stagehand with Browserbase
@@ -110,9 +109,8 @@ import { Stagehand } from "@browserbasehq/stagehand";
 
 const stagehand = new Stagehand({
   env: "BROWSERBASE",
-  // Optional: API Key and Project ID will be pulled directly from your environment
+  // Optional: API Key will be pulled directly from your environment
   apiKey: process.env.BROWSERBASE_API_KEY,
-  projectId: process.env.BROWSERBASE_PROJECT_ID,
   browserbaseSessionCreateParams: {
     proxies: true,
     region: "us-west-2",
@@ -132,9 +130,7 @@ console.log("Session ID:", stagehand.sessionId);
 const stagehand = new Stagehand({
       env: "BROWSERBASE",
       apiKey: process.env.BROWSERBASE_API_KEY,
-      projectId: process.env.BROWSERBASE_PROJECT_ID,
       browserbaseSessionCreateParams: {
-        projectId: process.env.BROWSERBASE_PROJECT_ID!,
         proxies: true,
         region: "us-west-2",
         timeout: 3600, // 1 hour session timeout
@@ -170,7 +166,6 @@ const bb = new Browserbase({
 });
 
 const session = await bb.sessions.create({
-  projectId: process.env.BROWSERBASE_PROJECT_ID!,
   // Add configuration options here
 });
 ```
@@ -399,7 +394,7 @@ Setting `domSettleTimeout` too low may cause actions to fail on elements that ar
 
 <AccordionGroup>
 <Accordion title="Browserbase Authentication Errors">
-- Verify your `BROWSERBASE_API_KEY` and `BROWSERBASE_PROJECT_ID` are set correctly
+- Verify your `BROWSERBASE_API_KEY` is set correctly
 - Check that your API key has the necessary permissions
 - Ensure your Browserbase account has sufficient credits
 </Accordion>

packages/docs/v3/first-steps/ai-rules.mdx

@@ -293,7 +293,7 @@ For more advanced scenarios using computer-use models:
 ```typescript
 const agent = stagehand.agent({
   mode: "cua", // Enable Computer Use Agent mode
-  model: "anthropic/claude-sonnet-4-20250514",
+  model: "anthropic/claude-sonnet-4-6",
   // or "google/gemini-2.5-computer-use-preview-10-2025"
   systemPrompt: `You are a helpful assistant that can use a web browser.
     Do not ask follow up questions, the user will trust your judgement.`,

packages/docs/v3/first-steps/installation.mdx

@@ -49,7 +49,6 @@ Set environment variables (or a `.env` via your framework):
 ```bash Bash
 OPENAI_API_KEY=your_api_key
 BROWSERBASE_API_KEY=your_api_key
-BROWSERBASE_PROJECT_ID=your_project_id
 ```
 </CodeGroup>
 

packages/docs/v3/first-steps/quickstart.mdx

@@ -87,7 +87,7 @@ main().catch((err) => {
 </CodeGroup>
 
 <Tip>
-To use, set provider keys in `.env` (e.g., `OPENAI_API_KEY`). For cloud browsers, add `BROWSERBASE_API_KEY` and `BROWSERBASE_PROJECT_ID`.
+To use, set provider keys in `.env` (e.g., `OPENAI_API_KEY`). For cloud browsers, add `BROWSERBASE_API_KEY`.
 </Tip>
 
 ## Next steps