| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Ares General Intelligence</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <!-- Load Transformers.js for browser-based, zero-server AI execution --> | |
| <script type="module" src="https://cdn.jsdelivr.net/npm/@xenova/transformers@2.14.0"></script> | |
| </head> | |
| <body> | |
| <div id="app"> | |
| <header> | |
| <h1>Ares & Xiphos OS</h1> | |
| <span class="status">System Online | Neural Link: Stable</span> | |
| </header> | |
| <main id="chat-container"> | |
| <div class="message system"> | |
| <strong>[System]</strong> Welcome. Ares is initializing. Local processing via WebGPU/Transformers.js enabled. No external APIs connected. | |
| </div> | |
| </main> | |
| <div id="verification-modal" class="hidden"> | |
| <h3>Xiphos Tool Proposal</h3> | |
| <pre id="code-block"></pre> | |
| <div class="actions"> | |
| <button id="btn-approve">Approve & Execute</button> | |
| <button id="btn-deny">Deny</button> | |
| </div> | |
| </div> | |
| <footer> | |
| <input type="text" id="user-input" placeholder="Communicate with Ares..." autocomplete="off"> | |
| <button id="send-btn">Send</button> | |
| </footer> | |
| </div> | |
| <script type="module" src="app.js"></script> | |
| </body> | |
| </html> |