Sync OpenSWE Documentation Files (#143)

This PR syncs documentation files from the OpenSWE repository.
  
  **Changes:**
  - Updated MDX files from `apps/docs/`
  - Target directory: `src/labs/swe/`
  - Updated images from `apps/docs/images/`
  - Target directory: `src/images/`
  - Source commit: 210c848997c94f29905ae50fbcb22048675a18bf
  - Synced at 2025-08-09 00:35:19 UTC
  
  **Auto-generated by:** OpenSWE Documentation Sync Workflow

---------

Co-authored-by: OpenSWE Bot <[email protected]>
Co-authored-by: Lauren Hirata Singh <[email protected]>

Author: 3 people

src/docs.json

@@ -1090,6 +1090,12 @@
                       "labs/swe/setup/ci"
                     ]
                   },
+                  {
+                    "group": "Secrets",
+                    "pages": [
+                       "labs/swe/secrets"
+                    ]
+                  },
                   {
                     "group": "FAQ",
                     "pages": [

src/labs/swe/index.mdx

@@ -21,6 +21,9 @@ The agent can be used through a web interface or triggered automatically via Git
   <Card title="Setup" icon="robot" href="/labs/swe/setup/intro">
     How to set up Open SWE for development
   </Card>
+  <Card title="FAQ" icon="question" href="/labs/swe/faq">
+    Frequently asked questions
+ </Card>
   <Card title="Examples" icon="database" href="/labs/swe/usage/examples">
     Examples of tasks you can try out
   </Card>

src/labs/swe/secrets.mdx

@@ -0,0 +1,75 @@
+---
+title: "Secrets"
+description: "Environment variables & secrets access in dev environments"
+---
+
+Open-SWE securely manages your API keys and environment variables with AES-256-GCM encryption.
+
+## How Your API Keys Are Protected
+
+Your API keys are encrypted both in transit and at rest:
+
+1. **Frontend**: Temporarily stored in browser localStorage
+2. **Transit**: Encrypted before sending to backend
+3. **Backend**: Stored encrypted in database
+4. **Runtime**: Decrypted only when needed
+
+<Accordion title="Technical Encryption Details">
+  - **Algorithm**: [AES-256-GCM](https://nvlpubs.nist.gov/nistpubs/Legacy/SP/nistspecialpublication800-38d.pdf) (authenticated encryption)
+  - **Key Derivation**: SHA-256 hash of system `SECRETS_ENCRYPTION_KEY`
+  - **IV Generation**: Random 12-byte initialization vector per encryption
+  - **Authentication**: 16-byte authentication tag prevents tampering
+</Accordion>
+
+## Types of Environment Variables
+
+**System Variables** (for self-hosting):
+- Examples: `DAYTONA_API_KEY`, `SECRETS_ENCRYPTION_KEY`, `GITHUB_APP_PRIVATE_KEY`
+- Access: Server-side only, never exposed to users or sandboxes
+
+**User Variables** (your personal keys):
+- Examples: `ANTHROPIC_API_KEY`, `MY_DATABASE_URL`, `STRIPE_TEST_KEY`
+- Access: Controlled via settings page, encrypted storage
+
+## Sandbox Access Control
+
+**By default, your API keys are never exposed to sandbox environments.** They're only used for LLM initialization and system setup.
+
+To enable keys in development servers (for testing LangGraph agents, Next.js apps, etc.):
+
+1. Manually toggle "Include in Dev Server" for each key
+2. Key becomes available as environment variable in sandbox
+3. You control which keys are exposed
+
+<Note>
+  Use separate development API keys with limited permissions instead of production keys when enabling sandbox access.
+</Note>
+
+## Security & Isolation
+
+Each session runs in an isolated Daytona container that:
+- Cannot access other user sessions
+- Automatically deletes after 15 minutes of inactivity
+- Has no persistent storage across sessions
+
+<Accordion title="Detailed Isolation Features">
+  - **Container**: Separate container per user session
+  - **File System**: No shared file systems between containers
+  - **Process**: Sandboxed processes cannot access host system
+  - **Network**: Containers cannot communicate with each other
+  - **Temporal**: Fresh environment for each session
+</Accordion>
+
+<Warning>
+  When enabling "Include in Dev Server", the AI agent may inadvertently expose environment variables in generated code or logs. Only enable when necessary.
+</Warning>
+
+## Best Practices
+
+- Use minimum required permissions for each API key
+- Regularly rotate your API keys
+- Use separate development keys instead of production keys for sandbox access
+- Only enable "Include in Dev Server" when necessary
+- Never enable sandbox access for production database credentials
+- Review generated code for exposed environment variables before deploying
+- Monitor "Last Used" timestamps in settings

src/labs/swe/setup/authentication.mdx

@@ -35,6 +35,47 @@ The Next.js application includes a proxy route (`apps/web/src/app/api/[..._path]
   with the LangGraph server.
 </Tip>
 
+## Simple API Key (Bearer) Authentication
+
+For local development and scripted access, the LangGraph server also supports a simple bearer token scheme. When a request includes an `Authorization: Bearer <token>` header, this path is used and the rest of the auth flow is skipped.
+
+### Setup (development)
+
+- **Generate a token** (32+ bytes, URL-safe):
+  - OpenSSL: `openssl rand -hex 32`
+- **Add to your `.env` for the LangGraph server**:
+
+```bash
+API_BEARER_TOKEN=<your-generated-token>
+```
+
+- For multiple/rotation: use comma-separated tokens
+
+```bash
+API_BEARER_TOKENS=<token1>,<token2>,<token3>
+```
+
+Restart the LangGraph server after updating environment variables.
+
+### Usage
+
+```typescript
+import { Client } from "@langchain/langgraph-sdk";
+
+const client = new Client({
+  apiUrl: process.env.LANGGRAPH_API_URL,
+  defaultHeaders: {
+    authorization: `Bearer ${process.env.API_BEARER_TOKEN}`,
+  },
+});
+```
+
+### Notes
+
+- **Precedence**: If the `Authorization` header is present, bearer auth is used; otherwise the existing GitHub-based flow applies.
+- **Rotation**: Add a new token to `API_BEARER_TOKENS`, deploy/restart, migrate clients, then remove old tokens and redeploy.
+- **Scope**: All bearer tokens currently map to the same internal identity and permissions. If you need per-token identities/quotas, reach out to adjust the configuration.
+
 ### Header Injection System
 
 The proxy route automatically injects the following encrypted headers into each request: