Claude/intelligent boyd

.claude/settings.local.json

@@ -1,13 +1,57 @@
 {
   "permissions": {
     "allow": [
-      "Bash(ls:*)",
-      "WebFetch(domain:cdn.flowchartai.org)",
-      "Bash(curl:*)",
-      "Bash(identify:*)",
+      "Bash(npm i:*)",
+      "Bash(git clone:*)",
+      "Bash(pnpm install:*)",
       "Bash(brew install:*)",
-      "Bash(convert:*)",
-      "Bash(tree:*)"
+      "Bash(export:*)",
+      "Bash(brew services start:*)",
+      "Bash(createdb:*)",
+      "Bash(pnpm db:generate:*)",
+      "Bash(pnpm db:migrate:*)",
+      "Bash(pnpm dev:*)",
+      "Bash(node:*)",
+      "Bash(nvm install:*)",
+      "Bash(nvm use:*)",
+      "Bash(source:*)",
+      "Bash(lsof:*)",
+      "Bash(PORT=3001 pnpm dev)",
+      "Bash(PORT=3005 pnpm dev)",
+      "Bash(pnpm add:*)",
+      "Bash(nvm list:*)",
+      "Bash(curl:*)",
+      "Bash(kill:*)",
+      "Bash(PORT=4000 pnpm dev)",
+      "Bash(timeout:*)",
+      "Bash(gtimeout:*)",
+      "Bash(pnpm lint:*)",
+      "Bash(npm run dev:*)",
+      "Bash(pnpm init-supabase:*)",
+      "Bash(NEXT_PUBLIC_SUPABASE_URL=\"https://edmyvuutyhkwxmvsesxd.supabase.co\" NEXT_PUBLIC_SUPABASE_ANON_KEY=\"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImVkbXl2dXV0eWhrd3htdnNlc3hkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTcxMTE4NzMsImV4cCI6MjA3MjY4Nzg3M30.0zwVoYcr7X9m4M8QQpDf9IVTulxFFTs-gD7IdxlG-TU\" SUPABASE_SERVICE_ROLE_KEY=\"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImVkbXl2dXV0eWhrd3htdnNlc3hkIiwicm9sZSI6InNlcnZpY2Vfcm9sZSIsImlhdCI6MTc1NzExMTg3MywiZXhwIjoyMDcyNjg3ODczfQ.f97IuM7hbazHYoXJnKogfVMZE1Dz6nfddm3FQ_L5OWY\" pnpm init-supabase)",
+      "Bash(git config:*)",
+      "Bash(git pull:*)",
+      "Bash(git rm:*)",
+      "Bash(git checkout:*)",
+      "Bash(git add:*)",
+      "Bash(git commit:*)",
+      "Bash(git push:*)",
+      "Bash(psql:*)",
+      "Bash(claude mcp:*)",
+      "Bash(grep:*)",
+      "Bash(ls:*)",
+      "Bash(npx tsc:*)",
+      "mcp__playwright__browser_wait_for",
+      "mcp__playwright__browser_navigate",
+      "mcp__playwright__browser_type",
+      "mcp__playwright__browser_snapshot",
+      "mcp__playwright__browser_click",
+      "mcp__playwright__browser_evaluate",
+      "mcp__playwright__browser_console_messages",
+      "mcp__playwright__browser_close",
+      "Bash(find:*)",
+      "Bash(pnpm remove:*)",
+      "Bash(pnpm build:*)"
     ],
     "deny": [],
     "ask": []

.cursor/mcp.json

@@ -9,6 +9,10 @@
     "context7": {
       "command": "npx",
       "args": ["-y", "@upstash/context7-mcp@latest"]
+    },
+    "magic-ui": {
+      "command": "npx",
+      "args": ["-y", "@magic-ui/mcp@latest"]
     }
   }
 }

.playwright-mcp/console-2026-03-03T03-46-26-508Z.log

@@ -0,0 +1,2 @@
+[   11392ms] [WARNING] Please ensure that the container has a non-static position, like 'relative', 'fixed', or 'absolute' to ensure scroll offset is calculated correctly. @ webpack-internal:///(app-pages-browser)/./node_modules/.pnpm/framer-motion@12.4.7_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/framer-motion/dist/es/utils/warn-once.mjs:8
+[   17103ms] [ERROR] Failed to load resource: the server responded with a status of 404 (Not Found) @ http://localhost:3000/api/auth/get-session:0

.playwright-mcp/console-2026-03-03T03-47-40-165Z.log

@@ -0,0 +1 @@
+[    2713ms] [ERROR] Failed to load resource: the server responded with a status of 404 (Not Found) @ http://localhost:3000/api/auth/get-session:0

CLAUDE.md

@@ -0,0 +1,113 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+FlowChart AI is an open-source, AI-powered flowchart generator built with Next.js 15. It transforms natural language descriptions into professional, editable diagrams using an Excalidraw-based canvas. The codebase is split into two main directories:
+
+- `flowchartai/` - Main Next.js application
+- Root directory contains legacy/removed files (marked as deleted in git status)
+
+## Development Commands
+
+Run all commands from the `flowchartai/` directory:
+
+```bash
+# Development
+pnpm dev                    # Start development server with content collections watch
+pnpm build                  # Build for production (includes content collections build)
+pnpm start                  # Start production server
+
+# Code Quality
+pnpm lint                   # Check and auto-fix with Biome
+pnpm lint:fix              # Fix with unsafe transformations
+pnpm format                # Format code with Biome
+
+# Database
+pnpm db:generate           # Generate Drizzle schema
+pnpm db:migrate           # Run database migrations  
+pnpm db:push              # Push schema changes directly
+pnpm db:studio            # Open Drizzle Studio
+
+# Content & Email
+pnpm docs                 # Build content collections
+pnpm email                # Start email development server on port 3333
+
+# Deployment (Cloudflare Workers)
+pnpm preview             # Build and preview
+pnpm deploy              # Build and deploy
+pnpm upload              # Build and upload
+pnpm cf-typegen          # Generate Cloudflare types
+```
+
+## Architecture
+
+### Tech Stack
+- **Frontend**: Next.js 15 (App Router), React 19, TypeScript 5
+- **Styling**: Tailwind CSS 4, Radix UI components  
+- **Canvas**: Excalidraw integration with Mermaid support
+- **AI**: OpenRouter API (multiple AI models supported)
+- **Database**: PostgreSQL with Drizzle ORM
+- **Authentication**: Better Auth (Google, GitHub OAuth)
+- **Storage**: Cloudflare R2 / AWS S3 compatible
+- **Content**: Content Collections for MDX processing
+- **Email**: React Email templates
+- **Deployment**: Vercel, Cloudflare Workers, or self-hosted
+
+### Key Directory Structure
+```
+flowchartai/
+├── src/
+│   ├── app/                 # Next.js App Router pages
+│   ├── components/          # React components (UI components in ui/)
+│   ├── db/                  # Drizzle schema and migrations
+│   ├── lib/                 # Utility functions and configurations
+│   ├── mail/                # React Email templates
+│   └── config/              # Application configuration
+├── content/                 # MDX content for docs/blog
+├── public/                  # Static assets
+└── messages/                # i18n message files
+```
+
+### Import Paths
+- `@/*` maps to `./src/*`
+- `@/content/*` maps to `./content/*` 
+- `@/public/*` maps to `./public/*`
+- `content-collections` maps to `./.content-collections/generated`
+
+## Configuration Notes
+
+### Environment Setup
+The application requires several environment variables for full functionality:
+- Database connection (PostgreSQL)
+- OpenRouter API key for AI features
+- OAuth credentials (Google/GitHub)
+- Optional: Cloudflare R2/AWS S3 for file storage
+- Optional: Resend API for email notifications
+
+### AI Models
+Default model is `google/gemini-2.5-flash` but supports multiple providers through OpenRouter. Model configuration is in `src/app/api/ai/chat/flowchart/route.ts`.
+
+### Feature Toggles
+Feature flags are configurable in `src/config/website.tsx` for docs pages, AI pages, upgrade cards, and Discord widgets.
+
+### Usage Limits
+AI generation limits are configurable in `src/lib/ai-usage.ts`:
+- Free tier: 1 AI generation per day per user
+- Paid tiers: 500-1000 generations per month
+
+## Development Notes
+
+- Uses Biome for linting and formatting (not ESLint/Prettier)
+- Content Collections for MDX processing with watch mode in development
+- Database operations use Drizzle ORM with PostgreSQL
+- Images are unoptimized for Cloudflare Workers compatibility
+- Supports both Vercel and Cloudflare Workers deployment
+- Multi-language support via next-intl
+
+## Testing & Quality
+
+- Run `pnpm lint` before committing to ensure code quality
+- Database schema changes require `pnpm db:generate` after modification
+- Content changes trigger automatic rebuilds in development mode

SUPABASE.md

@@ -0,0 +1,151 @@
+# Supabase Integration for Infogiph
+
+This project now supports Supabase for authentication, storage, and database hosting, making it perfect for deployment on Vercel.
+
+## Features
+
+- ✅ **Hybrid Authentication**: Better Auth with Supabase database support
+- ✅ **Supabase Storage**: File uploads and storage using Supabase buckets
+- ✅ **Google OAuth**: One-tap login with Google integration
+- ✅ **Vercel Ready**: Optimized for Vercel deployment
+
+## Quick Setup
+
+### 1. Environment Variables
+
+Add these to your `.env.local`:
+
+```bash
+# Supabase Configuration
+NEXT_PUBLIC_SUPABASE_URL="https://your-project.supabase.co"
+NEXT_PUBLIC_SUPABASE_ANON_KEY="your-anon-key"
+SUPABASE_SERVICE_ROLE_KEY="your-service-role-key"
+
+# Google OAuth
+NEXT_PUBLIC_GOOGLE_CLIENT_ID="your-google-client-id"
+GOOGLE_CLIENT_ID="your-google-client-id"
+GOOGLE_CLIENT_SECRET="your-google-client-secret"
+```
+
+### 2. Initialize Supabase
+
+```bash
+pnpm init-supabase
+```
+
+### 3. Manual Setup
+
+Follow the detailed setup guide in [`scripts/setup-supabase.md`](./scripts/setup-supabase.md)
+
+## Architecture
+
+### Authentication Flow
+
+1. **Better Auth** handles the authentication logic and session management
+2. **Supabase** provides the OAuth provider integration and optionally the database
+3. **Google One Tap** provides seamless login experience
+
+### Storage Flow
+
+1. Files are uploaded to **Supabase Storage** buckets
+2. Public URLs are generated for file access
+3. Pre-signed URLs are used for large file uploads
+
+### Database Options
+
+You can choose between:
+
+1. **Local PostgreSQL** (development) + **Supabase** (storage + auth)
+2. **Full Supabase** (database + storage + auth)
+
+## Components
+
+### Storage Provider
+
+The `SupabaseProvider` implements the storage interface:
+
+- `uploadFile()` - Direct file upload
+- `getPresignedUploadUrl()` - For large files
+- `deleteFile()` - Remove files
+- `createBucket()` - Initialize storage
+
+### Authentication
+
+- Better Auth configuration with Google OAuth
+- Conditional Google One Tap based on environment variables
+- Auto-newsletter subscription on signup
+
+## Deployment
+
+### Vercel Deployment
+
+1. Connect your GitHub repository to Vercel
+2. Add all environment variables in Vercel dashboard
+3. Deploy!
+
+The app will automatically:
+- Use Supabase for storage and authentication
+- Enable Google OAuth and One Tap login
+- Support file uploads and sharing
+
+### Environment Variables for Vercel
+
+Make sure to add these in your Vercel project settings:
+
+```bash
+# Database (can be Supabase or external PostgreSQL)
+DATABASE_URL="your-database-connection-string"
+
+# Supabase
+NEXT_PUBLIC_SUPABASE_URL="https://your-project.supabase.co"
+NEXT_PUBLIC_SUPABASE_ANON_KEY="your-anon-key"
+SUPABASE_SERVICE_ROLE_KEY="your-service-role-key"
+
+# Authentication
+BETTER_AUTH_SECRET="your-random-secret-key"
+GOOGLE_CLIENT_ID="your-google-client-id"
+GOOGLE_CLIENT_SECRET="your-google-client-secret"
+NEXT_PUBLIC_GOOGLE_CLIENT_ID="your-google-client-id"
+
+# AI Service
+OPENROUTER_API_KEY="your-openrouter-api-key"
+
+# Base URL (will be set automatically by Vercel)
+NEXT_PUBLIC_BASE_URL="https://your-app.vercel.app"
+```
+
+## Benefits
+
+### Why Supabase + Better Auth?
+
+1. **Best of Both Worlds**: Better Auth's flexibility with Supabase's infrastructure
+2. **Vercel Optimized**: Perfect for serverless deployment
+3. **Scalable Storage**: Supabase handles file storage at scale
+4. **Google Integration**: Seamless OAuth and One Tap login
+5. **Cost Effective**: Supabase free tier is generous for startups
+
+### Migration from S3
+
+The project maintains backward compatibility. You can switch between storage providers by updating:
+
+```typescript
+// In src/config/website.tsx
+storage: {
+  provider: 'supabase', // or 's3'
+},
+```
+
+## Troubleshooting
+
+### Common Issues
+
+1. **Missing Environment Variables**: Check all variables are set correctly
+2. **Google OAuth**: Ensure redirect URIs match exactly
+3. **Storage Bucket**: Must be public for file sharing
+4. **Database Connection**: Verify Supabase connection string format
+
+### Support
+
+- Check the setup guide: [`scripts/setup-supabase.md`](./scripts/setup-supabase.md)
+- Run diagnostics: `pnpm init-supabase`
+- View Supabase logs in the dashboard

content-collections.ts

@@ -171,11 +171,13 @@ export const posts = defineCollection({
     const slugAsParams = base;
 
     // Calculate estimated reading time only if not provided in frontmatter
-    const estimatedTime = data.estimatedTime || (() => {
-      const wordCount = data.content.split(/\s+/).length;
-      const wordsPerMinute = 200; // average reading speed: 200 words per minute
-      return Math.max(Math.ceil(wordCount / wordsPerMinute), 1);
-    })();
+    const estimatedTime =
+      data.estimatedTime ||
+      (() => {
+        const wordCount = data.content.split(/\s+/).length;
+        const wordsPerMinute = 200; // average reading speed: 200 words per minute
+        return Math.max(Math.ceil(wordCount / wordsPerMinute), 1);
+      })();
 
     return {
       ...data,