Catalyst Canvas is a next-generation, AI-infused code and text editor. Built with Next.js 15, Firebase Genkit, and Gemini 2.5 Flash, it aims to seamlessly blend a high-performance editing experience with context-aware, native AI tooling.
- Context-Aware Editor: Natively uses Monaco Editor (the engine behind VS Code) customized explicitly for AI-assisted document creation.
- Smart Prompt Console: A robust chat interface offering zero-shot templates, a history reel, and dynamic context injection.
- ✨ Predictive Typing (Ghost Text): Real-time, inline AI code predictions powered by Gemini that appear transparently as you write.
- 🧠 Project Memory & Context Vault: Define global styling rules, database schemas, or architectural guidelines via the sidebar. The Vault mathematically injects these rules directly into the AI's internal reasoning loop on every prompt.
- 🎯 Native Editor AI Actions: Simply highlight code, right-click, and select natively integrated actions like AI Explain, AI Fix, or AI Format, instantly sending your selection exactly to the Genkit pipelines.
- Node.js installed
- A Google Gemini API Key
-
Clone the repository:
git clone https://github.com/ashish8official/Catalyst_Canvas.git cd Catalyst_Canvas -
Install dependencies:
npm install
-
Configure the Environment: Create a
.env.localfile in the root directory and add your API key safely:GEMINI_API_KEY=your_gemini_api_key_here
-
Boot the engine:
npm run dev
Navigate to http://localhost:3000 (or the port your terminal assigns) in your browser.
We are constantly expanding Catalyst Canvas to be a true agentic IDE:
- Multi-File Workspace Awareness: Enable AI refactoring across multiple components.
- Embedded AI Terminal: Let the AI propose and auto-run local shell commands.
- Agentic Chat & Diff Merge Panel: A dedicated visual interface to safely review, accept, or reject AI code changes exactly like a Pull Request.
- Smart Runtime Diagnostics: Hook into the compiler to instantly fetch AI explanations for any local red-squiggles.