fix: setup tokens on ui (#52)

* fix: setup tokens on ui

* fix

Author: guyb1

.env.example

@@ -6,9 +6,6 @@
 # REQUIRED - You must set these before running
 # =============================================================================
 
-# Anthropic API key for Claude models (get from console.anthropic.com)
-ANTHROPIC_API_KEY=sk-ant-...
-
 # Convex deployment URL (from your Convex dashboard)
 # Apps reference this as NEXT_PUBLIC_CONVEX_URL
 CONVEX_URL=https://your-deployment.convex.cloud
@@ -21,8 +18,8 @@ SQUADHUB_TOKEN=your-secure-token-here
 # OPTIONAL
 # =============================================================================
 
-# OpenAI API key (for image generation, optional)
-# OPENAI_API_KEY=sk-...
+# NOTE: API keys (Anthropic, OpenAI) are managed via the UI during onboarding
+# and in Settings > General > API Keys. They are stored in the Convex tenant record.
 
 # Environment: dev or prod
 ENVIRONMENT=dev

CLAUDE.md

@@ -54,7 +54,6 @@ Core models: `agents`, `tasks`, `messages` (see `packages/backend/convex/schema.
 ## Environment Variables
 
 - `NEXT_PUBLIC_CONVEX_URL`: Convex deployment URL (required)
-- `ANTHROPIC_API_KEY`: Anthropic API key for AI operations (required, passed to squadhub)
 - `SQUADHUB_TOKEN`: Authentication token for squadhub gateway (required)
 - `SQUADHUB_URL`: SquadHub gateway URL (set in `.env.development` / `.env.production`)
 - `NODE_ENV`: local (`development`) vs deployed (`production`) — controls dev tooling

README.md

@@ -44,12 +44,10 @@ Edit `.env`:
 
 ```bash
 # Required
-ANTHROPIC_API_KEY=sk-ant-...
 SQUADHUB_TOKEN=your-secure-token
 CONVEX_URL=https://your-deployment.convex.cloud
 
-# Optional
-OPENAI_API_KEY=sk-...  # For image generation
+# API keys (Anthropic, OpenAI) are configured via the UI during onboarding
 ```
 
 ### 3. Deploy Convex Backend
@@ -281,9 +279,9 @@ pnpm convex:deploy
 
 ## Environment Variables
 
-| Variable            | Required | Description                       |
-| ------------------- | -------- | --------------------------------- |
-| `ANTHROPIC_API_KEY` | Yes      | Anthropic API key for Claude      |
-| `SQUADHUB_TOKEN`    | Yes      | Auth token for squadhub gateway   |
-| `CONVEX_URL`        | Yes      | Convex deployment URL             |
-| `OPENAI_API_KEY`    | No       | OpenAI key (for image generation) |
+| Variable         | Required | Description                     |
+| ---------------- | -------- | ------------------------------- |
+| `SQUADHUB_TOKEN` | Yes      | Auth token for squadhub gateway |
+| `CONVEX_URL`     | Yes      | Convex deployment URL           |
+
+API keys (Anthropic, OpenAI) are managed via the UI during onboarding and in Settings > General > API Keys.

apps/web/CLAUDE.md

@@ -74,7 +74,7 @@ import type { Agent, Tenant } from "@clawe/backend/types";
 **Environment variables:**
 
 - `NEXT_PUBLIC_CONVEX_URL` → Convex deployment URL (required)
-- `ANTHROPIC_API_KEY` → Anthropic API key (passed to squadhub container)
+- API keys (Anthropic, OpenAI) → managed via the UI, stored in Convex tenant record
 - `SQUADHUB_URL` → SquadHub gateway URL
 - `SQUADHUB_TOKEN` → SquadHub authentication token (from root `.env`)
 

apps/web/src/app/(dashboard)/_components/nav-settings.tsx

@@ -7,6 +7,7 @@ import {
   Settings2,
   AlertTriangle,
   Globe,
+  KeyRound,
   Plug,
 } from "lucide-react";
 import {
@@ -25,6 +26,11 @@ const settingsItems = [
     url: "/settings/general",
     icon: Settings2,
   },
+  {
+    title: "API Keys",
+    url: "/settings/api-keys",
+    icon: KeyRound,
+  },
   {
     title: "Business",
     url: "/settings/business",