✨ Features
| Feature | Description |
|---|---|
| 🤖 Multi-Model AI | GPT-5, GPT-4o, Gemma, Llama, Mistral, Phi, Qwen, Zen AI |
| 🎨 Live Sandbox | Real-time code preview with responsive device toggles |
| 📝 Code Explorer | Edit HTML, CSS, JS files with live preview |
| 🔑 Keys Hub | Manage OpenAI, OpenRouter, Zen AI API keys |
| 📊 Review Mode | Generation history, stats, and code review |
| 🔌 MCP Integration | GitHub MCP & ClawHub plugin support |
| 📱 Responsive | Works on Mobile, Tablet, Desktop |
| ⚡ Single File Build | All-in-one HTML output (400KB) |
🛠️ Tech Stack
- React 19 — UI Framework
- Vite 7 — Build Tool
- Tailwind CSS 4 — Styling
- TypeScript 5.9 — Type Safety
- Lucide React — Icons
🚀 Quick Start
# Clone
git clone https://github.com/ivansslo/codex-refact.git
cd codex-refact
# Install
npm install
# Development
npm run dev
# Build
npm run build
# Preview
npm run preview
📦 Deploy
# Build for production
npm run build
# Output: dist/index.html (single file)
# Deploy to GitHub Pages, Netlify, Vercel, or any static host
📋 Changelog — v4.0.0
🆕 New Features
- Review/Results Mode — View generation history, stats, and code summary
- Remote OAKEY — API key fetched from Lasoka-Module at runtime
- Responsive Fix — Full support for Mobile, Tablet, Desktop, Landscape
- GitHub Pages Deploy — Auto-deploy to optimal-codex-live
🔧 Improvements
- Scrollable navigation on mobile
- Safe area support for notch devices
- Touch-friendly 44px target sizes
- Dark scrollbar styling
- Reduced motion support
🐛 Fixes
- Fixed responsive layout breaking on small screens
- Fixed nav overflow on mobile
- Fixed sandbox height on different devices
📄 License
MIT License © 2026 Ivan Ssl
Built with ❤️ by Ivan Ssl