|
|
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>AgentIDE - AI-Powered Development Environment</title> |
| <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚀</text></svg>"> |
| |
| |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.44.0/min/vs/loader.min.js"></script> |
| |
| |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/xterm/5.3.0/xterm.min.css"> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/xterm/5.3.0/xterm.min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/xterm/5.3.0/xterm-addon-fit.min.js"></script> |
| |
| |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.7.2/socket.io.min.js"></script> |
| |
| |
| <script src="https://unpkg.com/feather-icons"></script> |
| |
| |
| <link rel="stylesheet" href="style.css"> |
|
|
| |
| <script src="components/activity-bar.js"></script> |
| <script src="components/sidebar.js"></script> |
| <script src="components/editor-container.js"></script> |
| <script src="components/terminal.js"></script> |
| <script src="components/ai-chat.js"></script> |
| <script src="components/status-bar.js"></script> |
| <script src="components/toolbar.js"></script> |
| </head> |
| <body class="ide-body"> |
| |
| <div id="ide-container" class="ide-container"> |
| |
| <ide-toolbar></ide-toolbar> |
| |
| |
| <div class="ide-main"> |
| |
| <ide-activity-bar></ide-activity-bar> |
| |
| |
| <ide-sidebar id="sidebar" active-panel="explorer"></ide-sidebar> |
| |
| |
| <div class="editor-area"> |
| |
| <div id="editor-tabs" class="editor-tabs"> |
| |
| </div> |
| |
| |
| <div id="monaco-container" class="monaco-container"></div> |
| |
| |
| <div id="terminal-panel" class="terminal-panel hidden"> |
| <ide-terminal></ide-terminal> |
| </div> |
| |
| |
| <div id="welcome-tab" class="welcome-tab"> |
| <div class="welcome-content"> |
| <h1>🚀 AgentIDE</h1> |
| <p>AI-Powered Development Environment</p> |
| |
| <div class="welcome-actions"> |
| <button class="welcome-btn" onclick="app.createNewFile()"> |
| <i data-feather="file-plus"></i> |
| New File |
| </button> |
| <button class="welcome-btn" onclick="app.openFolder()"> |
| <i data-feather="folder"></i> |
| Open Folder |
| </button> |
| <button class="welcome-btn" onclick="app.toggleTerminal()"> |
| <i data-feather="terminal"></i> |
| Open Terminal |
| </button> |
| <button class="welcome-btn primary" onclick="app.openAIChat()"> |
| <i data-feather="message-square"></i> |
| Ask AI Agent |
| </button> |
| </div> |
| |
| <div class="recent-files"> |
| <h3>Recent Files</h3> |
| <div id="recent-files-list"></div> |
| </div> |
| |
| <div class="quick-start"> |
| <h3>Quick Start</h3> |
| <ul> |
| <li><a href="#" onclick="app.openFile('index.html')">Open index.html</a></li> |
| <li><a href="#" onclick="app.openFile('app.js')">Open app.js</a></li> |
| <li><a href="#" onclick="app.openFile('styles.css')">Open styles.css</a></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| |
| <ide-chat-panel id="ai-chat-panel" class="hidden"></ide-chat-panel> |
| </div> |
| |
| |
| <ide-status-bar></ide-status-bar> |
| </div> |
| |
| |
| <script src="script.js"></script> |
| <script> |
| feather.replace(); |
| </script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
|
|
