Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>Trackio Logbook</title> | |
| <link rel="stylesheet" href="./logbook.css" /> | |
| </head> | |
| <body> | |
| <div id="app"> | |
| <aside id="sidebar"> | |
| <div id="book-head"> | |
| <img id="book-logo" src="./trackio-logo.png" alt="" /> | |
| <div id="book-title">Logbook</div> | |
| </div> | |
| <nav id="tree"></nav> | |
| <div id="sidebar-foot" hidden> | |
| <button id="connect-btn" type="button"> | |
| <span class="ico">ⓘ</span> Collaborate with your agent | |
| </button> | |
| </div> | |
| </aside> | |
| <main id="content"> | |
| <div id="page"></div> | |
| </main> | |
| </div> | |
| <div id="modal" hidden> | |
| <div class="modal-backdrop"></div> | |
| <div class="modal-card" role="dialog" aria-modal="true"> | |
| <div class="modal-head"> | |
| <div class="modal-title"> | |
| <img class="modal-logo" src="./trackio-logo.png" alt="" /> | |
| Collaborate with your agent | |
| </div> | |
| <div class="modal-actions"> | |
| <button id="copy-agent" class="btn">Copy for agent</button> | |
| <button id="modal-close" class="btn icon" aria-label="Close">×</button> | |
| </div> | |
| </div> | |
| <div class="modal-body"> | |
| <p class="modal-intro"> | |
| Point your coding agent at this logbook. It reads a compact, | |
| token-efficient version — and if you've given it write access to this | |
| Space, it can add findings that sync back automatically. | |
| </p> | |
| <ol id="connect-steps"></ol> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="./logbook.js"></script> | |
| </body> | |
| </html> | |