Spaces:
Paused
Paused
Delete src/App.tsx
Browse files- src/App.tsx +0 -33
src/App.tsx
DELETED
|
@@ -1,33 +0,0 @@
|
|
| 1 |
-
import React, { useState, useEffect } from 'react';
|
| 2 |
-
import ChatPanel from './components/ChatPanel';
|
| 3 |
-
import AgentPanel from './components/AgentPanel';
|
| 4 |
-
import CodeEditor from './components/CodeEditor';
|
| 5 |
-
import Terminal from './components/Terminal';
|
| 6 |
-
import ModelSelector from './components/ModelSelector';
|
| 7 |
-
import CodebaseExplorer from './components/CodebaseExplorer';
|
| 8 |
-
|
| 9 |
-
const App: React.FC = () => {
|
| 10 |
-
const [projectPath, setProjectPath] = useState('/app/sandbox');
|
| 11 |
-
const [activePanel, setActivePanel] = useState('chat');
|
| 12 |
-
|
| 13 |
-
return (
|
| 14 |
-
<div className="app-container" style={{ display: 'flex', height: '100vh' }}>
|
| 15 |
-
<div className="sidebar" style={{ width: 250, background: '#1e1e1e', color: 'white' }}>
|
| 16 |
-
<ModelSelector />
|
| 17 |
-
<CodebaseExplorer projectPath={projectPath} />
|
| 18 |
-
<button onClick={() => setActivePanel('agent')}>Agent</button>
|
| 19 |
-
<button onClick={() => setActivePanel('chat')}>Chat</button>
|
| 20 |
-
</div>
|
| 21 |
-
<div className="main" style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>
|
| 22 |
-
<CodeEditor projectPath={projectPath} />
|
| 23 |
-
<div className="panels" style={{ height: 300, display: 'flex' }}>
|
| 24 |
-
{activePanel === 'chat' && <ChatPanel projectPath={projectPath} />}
|
| 25 |
-
{activePanel === 'agent' && <AgentPanel projectPath={projectPath} />}
|
| 26 |
-
<Terminal />
|
| 27 |
-
</div>
|
| 28 |
-
</div>
|
| 29 |
-
</div>
|
| 30 |
-
);
|
| 31 |
-
};
|
| 32 |
-
|
| 33 |
-
export default App;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|