Upload 10 files

README.md

@@ -1,12 +1,149 @@
+# 🔥 WEB.BUILDING.GENIOUS
+
+> AI-powered software engineering and website generation agent
+
+---
+
+## 📌 Table of Contents
+
+- [Quick Deploy](#-quick-deploy)  
+- [Features](#-features)  
+- [Quick Start](#-quick-start)  
+- [Environment Variables](#-environment-variables)  
+- [Docker](#-docker)  
+- [Tech Stack](#-tech-stack)  
+- [Local Development](#-local-development)  
+- [Build & Start](#-build--start)  
+- [AI Agent Capabilities](#-ai-agent-capabilities)  
+- [Cost Estimates](#-cost-estimates)  
+- [License](#-license)  
+
+---
+
+## 🚀 Quick Deploy
+
+[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/MadScientist85/WEB.BUILDING.GENIOUS)  
+[![Deploy to HuggingFace](https://huggingface.co/datasets/huggingface/badges/resolve/main/deploy-to-spaces-sm.svg)](https://huggingface.co/new-space?template=https://github.com/MadScientist85/WEB.BUILDING.GENIOUS&sdk=docker)
+
 ---
-title: WEB.BUILDING.GENIOUS
-emoji: 🌖
-colorFrom: gray
-colorTo: red
-sdk: docker
-pinned: false
-license: mit
-short_description: 'AI SOFTWARE ENGINEERING MASTER '
+
+## ✨ Features
+
+- Multi-AI support: OpenAI, OpenRouter, Groq, Grok  
+- Generates full websites (HTML/CSS/JS)  
+- Supabase + MongoDB storage  
+- Upload/download chat history & export HTML  
+- Tailwind CSS with light/dark themes  
+- Ready for Vercel & HuggingFace Spaces
+
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+## 🛠️ Quick Start
+
+```bash
+# Clone repository
+git clone https://github.com/MadScientist85/WEB.BUILDING.GENIOUS
+cd WEB.BUILDING.GENIOUS
+
+# Install dependencies
+npm install
+
+# Copy environment file
+cp .env.example .env.local
+
+# Add your API keys to .env.local
+npm run dev
+
+
+---
+
+📋 Environment Variables
+
+NEXT_PUBLIC_SUPABASE_URL (required)
+
+SUPABASE_SERVICE_ROLE_KEY (required)
+
+AI API keys (OPENAI_API_KEY, OPENROUTER_API_KEY, etc.)
+
+Optional: MONGODB_URI
+
+
+
+---
+
+🐳 Docker
+
+docker build -t web.building.genious .
+docker run -p 3000:3000 --env-file .env.local web.building.genious
+docker-compose up -d
+
+
+---
+
+🔧 Tech Stack
+
+Frontend: Next.js 14, React, Tailwind CSS
+
+Backend: Next.js API Routes, Vercel AI SDK
+
+Database: Supabase + MongoDB
+
+AI: OpenAI, OpenRouter, Groq, Grok
+
+Deployment: Vercel, HuggingFace Spaces
+
+
+
+---
+
+📝 Local Development
+
+yarn install
+yarn dev
+
+
+---
+
+📦 Build & Start
+
+yarn build
+yarn start
+
+
+---
+
+🎯 AI Agent Capabilities
+
+Generate complete websites with HTML/CSS/JavaScript
+
+Debug and fix code issues
+
+Create database schemas and migrations
+
+Build REST APIs and integrations
+
+Provide architectural recommendations
+
+Generate documentation and guides
+
+
+
+---
+
+📊 Cost Estimates
+
+Free Tier: Supabase + Groq + Vercel = $0/month
+
+Basic Usage: ~$5-20/month with OpenAI
+
+Heavy Usage: $20-100/month depending on AI calls
+
+
+
+---
+
+📄 License
+
+MIT License - see LICENSE for details
+
+---

SETUP-GUIDE.md

@@ -0,0 +1,151 @@
+# 🚀 DEEP.REBUILD Complete Setup Guide
+
+## 📋 Required API Keys & Configuration
+
+### 1. **Supabase Database** (Primary Storage)
+- **Where to get**: [supabase.com](https://supabase.com)
+- **Steps**:
+  1. Create free account → New Project
+  2. Go to Settings → API → Copy URL and Service Role Key
+- **Required Variables**:
+  \`\`\`env
+  NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
+  SUPABASE_SERVICE_ROLE_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
+  \`\`\`
+
+### 2. **AI Providers** (Choose at least one)
+
+#### OpenAI (Recommended)
+- **Where to get**: [platform.openai.com/api-keys](https://platform.openai.com/api-keys)
+- **Cost**: Pay-per-use (~$0.01-0.06 per 1K tokens)
+- **Models**: GPT-4o, GPT-4o-mini, GPT-4-turbo
+- **Variable**:
+  \`\`\`env
+  OPENAI_API_KEY=sk-proj-abc123...
+  \`\`\`
+
+#### OpenRouter (Multi-Model Access)
+- **Where to get**: [openrouter.ai/keys](https://openrouter.ai/keys)
+- **Cost**: Varies by model ($0.002-0.10 per 1K tokens)
+- **Models**: Claude, Llama, Gemini, GPT-4, and 200+ others
+- **Variable**:
+  \`\`\`env
+  OPENROUTER_API_KEY=sk-or-v1-abc123...
+  \`\`\`
+
+#### Groq (Ultra-Fast Inference)
+- **Where to get**: [console.groq.com/keys](https://console.groq.com/keys)
+- **Cost**: Free tier available, then pay-per-use
+- **Models**: Llama 3.1, Mixtral (500+ tokens/sec)
+- **Variable**:
+  \`\`\`env
+  GROQ_API_KEY=gsk_abc123...
+  \`\`\`
+
+#### Grok (xAI)
+- **Where to get**: [console.x.ai](https://console.x.ai)
+- **Cost**: Pay-per-use
+- **Models**: Grok-beta, Grok-vision-beta
+- **Variable**:
+  \`\`\`env
+  XAI_API_KEY=xai-abc123...
+  \`\`\`
+
+### 3. **MongoDB** (Optional Backup Storage)
+- **Where to get**: [mongodb.com/atlas](https://mongodb.com/atlas)
+- **Steps**:
+  1. Create free cluster (512MB)
+  2. Database Access → Add User
+  3. Network Access → Add IP (0.0.0.0/0 for development)
+  4. Connect → Connect Application → Copy connection string
+- **Variable**:
+  \`\`\`env
+  MONGODB_URI=mongodb+srv://username:password@cluster0.xxxxx.mongodb.net/deep_rebuild?retryWrites=true&w=majority
+  \`\`\`
+
+### 4. **Deployment Tokens** (For CI/CD)
+
+#### Vercel
+- **Where to get**: [vercel.com/account/tokens](https://vercel.com/account/tokens)
+- **Variable**:
+  \`\`\`env
+  VERCEL_TOKEN=abc123...
+  \`\`\`
+
+#### HuggingFace
+- **Where to get**: [huggingface.co/settings/tokens](https://huggingface.co/settings/tokens)
+- **Permissions**: Write access to create/update Spaces
+- **Variables**:
+  \`\`\`env
+  HF_TOKEN=hf_abc123...
+  HF_SPACE_NAME=your-username/deep-rebuild
+  \`\`\`
+
+## 🔧 Quick Setup Commands
+
+### Local Development
+\`\`\`bash
+# 1. Clone and install
+git clone <your-repo>
+cd deep-rebuild
+npm install
+
+# 2. Copy environment file
+cp .env.example .env.local
+
+# 3. Add your API keys to .env.local
+# 4. Run development server
+npm run dev
+\`\`\`
+
+### Deploy to Vercel
+\`\`\`bash
+# Option 1: One-click deploy
+# Click: https://vercel.com/new/clone?repository-url=<your-github-repo>
+
+# Option 2: Vercel CLI
+npm i -g vercel
+vercel --prod
+\`\`\`
+
+### Deploy to HuggingFace
+\`\`\`bash
+# 1. Create Space at huggingface.co/new-space
+# 2. Choose Docker SDK
+# 3. Push your code to the Space repository
+# 4. Add environment variables in Space settings
+\`\`\`
+
+## 🎯 Minimum Required Setup
+
+**For basic functionality, you only need**:
+1. **Supabase** (free tier) - Database
+2. **One AI Provider** (OpenAI recommended) - AI Generation
+3. **Environment variables** in your deployment platform
+
+**Optional enhancements**:
+- MongoDB for backup storage
+- Multiple AI providers for redundancy
+- Deployment tokens for automated CI/CD
+
+## 🚨 Security Notes
+
+- **Never commit API keys** to version control
+- Use **environment variables** in production
+- **Rotate keys** regularly
+- Set **usage limits** on AI provider accounts
+- Use **service role keys** for Supabase (not anon keys)
+
+## 📊 Cost Estimates (Monthly)
+
+- **Supabase**: Free (up to 500MB)
+- **MongoDB Atlas**: Free (up to 512MB)
+- **OpenAI**: $5-50 (depending on usage)
+- **Groq**: $0-20 (generous free tier)
+- **Vercel**: Free (hobby projects)
+- **HuggingFace**: Free (public spaces)
+
+**Total estimated cost**: $5-70/month depending on AI usage
+\`\`\`
+
+```dockerfile file="" isHidden

next.config.mjs

@@ -0,0 +1,35 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  experimental: {
+    serverComponentsExternalPackages: ['mongodb']
+  },
+  output: 'standalone',
+  env: {
+    CUSTOM_KEY: process.env.CUSTOM_KEY,
+  },
+  async headers() {
+    return [
+      {
+        source: '/api/:path*',
+        headers: [
+          { key: 'Access-Control-Allow-Origin', value: '*' },
+          { key: 'Access-Control-Allow-Methods', value: 'GET, POST, PUT, DELETE, OPTIONS' },
+          { key: 'Access-Control-Allow-Headers', value: 'Content-Type, Authorization' },
+        ],
+      },
+    ]
+  },
+  // Added eslint, typescript, and images configurations
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+  images: {
+    unoptimized: true,
+  },
+}
+
+export default nextConfig

package.json

@@ -0,0 +1,70 @@
+{
+  "name": "deep-rebuild",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "build": "next build",
+    "dev": "next dev",
+    "lint": "next lint",
+    "start": "next start",
+    "type-check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@ai-sdk/groq": "latest",
+    "@ai-sdk/openai": "latest",
+    "@aws-sdk/credential-providers": "latest",
+    "@mongodb-js/zstd": "latest",
+    "@openrouter/ai-sdk-provider": "latest",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-textarea": "^1.0.4",
+    "@remix-run/react": "latest",
+    "@supabase/supabase-js": "latest",
+    "@sveltejs/kit": "latest",
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vercel/analytics": "latest",
+    "ai": "latest",
+    "autoprefixer": "^10.4.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "gcp-metadata": "latest",
+    "geist": "latest",
+    "jszip": "^3.10.0",
+    "kerberos": "latest",
+    "lucide-react": "^0.454.0",
+    "mongodb": "latest",
+    "mongodb-client-encryption": "latest",
+    "next": "15.2.4",
+    "next-themes": "latest",
+    "openai": "^4.20.0",
+    "postcss": "^8.4.0",
+    "react": "^19",
+    "react-dom": "^19",
+    "snappy": "latest",
+    "socks": "latest",
+    "svelte": "latest",
+    "tailwind-merge": "^2.5.5",
+    "tailwindcss": "^3.4.17",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.0.0",
+    "vue": "latest",
+    "vue-router": "latest",
+    "zod": "latest"
+  },
+  "devDependencies": {
+    "@types/node": "^22",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^8.0.0",
+    "eslint-config-next": "^14.0.0",
+    "postcss": "^8.5",
+    "typescript": "^5"
+  }
+}

postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
+
+export default config;

requirements.txt

@@ -0,0 +1,4 @@
+# Python dependencies (for Hugging Face Spaces if needed)
+flask
+numpy
+# Add other dependencies as needed

tailwind.config.ts

@@ -0,0 +1,98 @@
+import type { Config } from "tailwindcss";
+
+// all in fixtures is set to tailwind v3 as interims solutions
+
+const config: Config = {
+    darkMode: ["class"],
+    content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "*.{js,ts,jsx,tsx,mdx}"
+  ],
+  theme: {
+  	extend: {
+  		colors: {
+  			background: 'hsl(var(--background))',
+  			foreground: 'hsl(var(--foreground))',
+  			card: {
+  				DEFAULT: 'hsl(var(--card))',
+  				foreground: 'hsl(var(--card-foreground))'
+  			},
+  			popover: {
+  				DEFAULT: 'hsl(var(--popover))',
+  				foreground: 'hsl(var(--popover-foreground))'
+  			},
+  			primary: {
+  				DEFAULT: 'hsl(var(--primary))',
+  				foreground: 'hsl(var(--primary-foreground))'
+  			},
+  			secondary: {
+  				DEFAULT: 'hsl(var(--secondary))',
+  				foreground: 'hsl(var(--secondary-foreground))'
+  			},
+  			muted: {
+  				DEFAULT: 'hsl(var(--muted))',
+  				foreground: 'hsl(var(--muted-foreground))'
+  			},
+  			accent: {
+  				DEFAULT: 'hsl(var(--accent))',
+  				foreground: 'hsl(var(--accent-foreground))'
+  			},
+  			destructive: {
+  				DEFAULT: 'hsl(var(--destructive))',
+  				foreground: 'hsl(var(--destructive-foreground))'
+  			},
+  			border: 'hsl(var(--border))',
+  			input: 'hsl(var(--input))',
+  			ring: 'hsl(var(--ring))',
+  			chart: {
+  				'1': 'hsl(var(--chart-1))',
+  				'2': 'hsl(var(--chart-2))',
+  				'3': 'hsl(var(--chart-3))',
+  				'4': 'hsl(var(--chart-4))',
+  				'5': 'hsl(var(--chart-5))'
+  			},
+  			sidebar: {
+  				DEFAULT: 'hsl(var(--sidebar-background))',
+  				foreground: 'hsl(var(--sidebar-foreground))',
+  				primary: 'hsl(var(--sidebar-primary))',
+  				'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+  				accent: 'hsl(var(--sidebar-accent))',
+  				'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+  				border: 'hsl(var(--sidebar-border))',
+  				ring: 'hsl(var(--sidebar-ring))'
+  			}
+  		},
+  		borderRadius: {
+  			lg: 'var(--radius)',
+  			md: 'calc(var(--radius) - 2px)',
+  			sm: 'calc(var(--radius) - 4px)'
+  		},
+  		keyframes: {
+  			'accordion-down': {
+  				from: {
+  					height: '0'
+  				},
+  				to: {
+  					height: 'var(--radix-accordion-content-height)'
+  				}
+  			},
+  			'accordion-up': {
+  				from: {
+  					height: 'var(--radix-accordion-content-height)'
+  				},
+  				to: {
+  					height: '0'
+  				}
+  			}
+  		},
+  		animation: {
+  			'accordion-down': 'accordion-down 0.2s ease-out',
+  			'accordion-up': 'accordion-up 0.2s ease-out'
+  		}
+  	}
+  },
+  plugins: [require("tailwindcss-animate")],
+};
+export default config;

tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "target": "ES6",
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

vercel.json

@@ -0,0 +1,23 @@
+{
+  "version": 2,
+  "builds": [
+    {
+      "src": "next.config.mjs",
+      "use": "@vercel/next"
+    }
+  ],
+  "routes": [
+    {
+      "src": "/(.*)",
+      "dest": "/"
+    }
+  ],
+  "env": {
+    "NEXT_PUBLIC_SUPABASE_URL": "@supabase-url",
+    "SUPABASE_SERVICE_ROLE_KEY": "@supabase-service-key",
+    "OPENAI_API_KEY": "@openai-key",
+    "OPENROUTER_API_KEY": "@openrouter-key",
+    "GROQ_API_KEY": "@groq-key",
+    "XAI_API_KEY": "@xai-key"
+  }
+}