- {message.type === 'error' ? 'Error' : message.type === 'tool' ? 'Tool' : ((localStorage.getItem('selected-provider') || 'claude') === 'cursor' ? 'Cursor' : 'Claude')}
+ {message.type === 'error' ? 'Error' : message.type === 'tool' ? 'Tool' : ((localStorage.getItem('selected-provider') || 'claude') === 'cursor' ? 'Cursor' : (localStorage.getItem('selected-provider') || 'claude') === 'codegen' ? 'Codegen' : 'Claude')}
)}
@@ -2778,6 +2779,20 @@ function ChatInterface({ selectedProject, selectedSession, ws, sendMessage, mess
toolsSettings: toolsSettings
}
});
+ } else if (provider === 'codegen') {
+ // Send Codegen command
+ sendMessage({
+ type: 'codegen-command',
+ command: input,
+ sessionId: effectiveSessionId,
+ options: {
+ cwd: selectedProject.fullPath || selectedProject.path,
+ projectPath: selectedProject.fullPath || selectedProject.path,
+ sessionId: effectiveSessionId,
+ resume: !!effectiveSessionId,
+ toolsSettings: toolsSettings
+ }
+ });
} else {
// Send Claude command (existing code)
sendMessage({
@@ -3000,7 +3015,7 @@ function ChatInterface({ selectedProject, selectedSession, ws, sendMessage, mess
Select a provider to start a new conversation
-
+
{/* Claude Button */}
{
@@ -3064,6 +3079,38 @@ function ChatInterface({ selectedProject, selectedSession, ws, sendMessage, mess
)}
+
+ {/* Codegen Button */}
+
{
+ setProvider('codegen');
+ localStorage.setItem('selected-provider', 'codegen');
+ // Focus input after selection
+ setTimeout(() => textareaRef.current?.focus(), 100);
+ }}
+ className={`group relative w-64 h-32 bg-white dark:bg-gray-800 rounded-xl border-2 transition-all duration-200 hover:scale-105 hover:shadow-xl ${
+ provider === 'codegen'
+ ? 'border-green-500 shadow-lg ring-2 ring-green-500/20'
+ : 'border-gray-200 dark:border-gray-700 hover:border-green-400'
+ }`}
+ >
+
+
+
+
Codegen
+
AI Code Assistant
+
+
{(localStorage.getItem('selected-provider') || 'claude') === 'cursor' ? 'Cursor' : 'Claude'}
+ {(localStorage.getItem('selected-provider') || 'claude') === 'cursor' ? 'Cursor' : (localStorage.getItem('selected-provider') || 'claude') === 'codegen' ? 'Codegen' : 'Claude'}
{/* Abort button removed - functionality not yet implemented at backend */}
diff --git a/src/components/CodegenLogo.jsx b/src/components/CodegenLogo.jsx
new file mode 100644
index 00000000..8f0e122e
--- /dev/null
+++ b/src/components/CodegenLogo.jsx
@@ -0,0 +1,78 @@
+import React from 'react';
+
+const CodegenLogo = ({ className = "w-8 h-8" }) => {
+ return (
+
+ {/* Codegen logo - stylized code brackets with AI elements */}
+
+
+
+
+
+ {/* Left bracket */}
+
+ );
+};
+
+export default CodegenLogo;
diff --git a/src/components/MainContent.jsx b/src/components/MainContent.jsx
index 5bbbc7a3..8db7954b 100644
--- a/src/components/MainContent.jsx
+++ b/src/components/MainContent.jsx
@@ -20,6 +20,7 @@ import GitPanel from './GitPanel';
import ErrorBoundary from './ErrorBoundary';
import ClaudeLogo from './ClaudeLogo';
import CursorLogo from './CursorLogo';
+import CodegenLogo from './CodegenLogo';
import TaskList from './TaskList';
import TaskDetail from './TaskDetail';
import PRDEditor from './PRDEditor';
diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx
index 4d1d4e20..d2161ac5 100644
--- a/src/components/Sidebar.jsx
+++ b/src/components/Sidebar.jsx
@@ -8,6 +8,7 @@ import { FolderOpen, Folder, Plus, MessageSquare, Clock, ChevronDown, ChevronRig
import { cn } from '../lib/utils';
import ClaudeLogo from './ClaudeLogo';
import CursorLogo from './CursorLogo.jsx';
+import CodegenLogo from './CodegenLogo.jsx';
import TaskIndicator from './TaskIndicator';
import { api } from '../utils/api';
import { useTaskMaster } from '../contexts/TaskMasterContext';
diff --git a/vite.config.js b/vite.config.js
index 3d166b8e..526aec43 100755
--- a/vite.config.js
+++ b/vite.config.js
@@ -5,25 +5,52 @@ export default defineConfig(({ command, mode }) => {
// Load env file based on `mode` in the current working directory.
const env = loadEnv(mode, process.cwd(), '')
-
return {
plugins: [react()],
server: {
port: parseInt(env.VITE_PORT) || 5173,
+ host: '0.0.0.0', // Allow external connections for sandbox
proxy: {
'/api': `http://localhost:${env.PORT || 3001}`,
'/ws': {
target: `ws://localhost:${env.PORT || 3001}`,
- ws: true
+ ws: true,
+ changeOrigin: true
},
'/shell': {
target: `ws://localhost:${env.PORT || 3002}`,
- ws: true
+ ws: true,
+ changeOrigin: true
+ },
+ // Codegen specific proxy routes
+ '/codegen': {
+ target: `http://localhost:${env.PORT || 3001}`,
+ changeOrigin: true
+ },
+ '/codegen-ws': {
+ target: `ws://localhost:${env.PORT || 3001}`,
+ ws: true,
+ changeOrigin: true
}
}
},
build: {
- outDir: 'dist'
+ outDir: 'dist',
+ // Optimize for production
+ minify: 'terser',
+ rollupOptions: {
+ output: {
+ manualChunks: {
+ vendor: ['react', 'react-dom'],
+ codemirror: ['@uiw/react-codemirror'],
+ terminal: ['xterm', 'xterm-addon-fit']
+ }
+ }
+ }
+ },
+ // Optimize for development
+ optimizeDeps: {
+ include: ['react', 'react-dom', '@uiw/react-codemirror']
}
}
-})
\ No newline at end of file
+})