Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>RMScript App</title> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <!-- Left Panel: Editor --> | |
| <div class="panel editor-panel"> | |
| <h1>RMScript Editor</h1> | |
| <p class="subtitle">Write and execute rmscript on your Reachy Mini</p> | |
| <div id="compileStatus" class="status idle"> | |
| <span><span class="status-dot gray"></span>Ready</span> | |
| </div> | |
| <div class="section-title">Examples</div> | |
| <div class="example-buttons"> | |
| <button class="secondary" onclick="loadExample('basic')">Basic</button> | |
| <button class="secondary" onclick="loadExample('complex')">Complex</button> | |
| <button class="secondary" onclick="loadExample('repeat')">Repeat</button> | |
| <button class="secondary" onclick="clearEditor()">Clear</button> | |
| </div> | |
| <textarea id="editor" class="editor" placeholder='"My robot script" | |
| look left | |
| wait 1s | |
| look right'></textarea> | |
| <div class="button-group"> | |
| <button onclick="verifyScript()">Verify</button> | |
| <button id="executeBtn" onclick="executeScript()">Execute</button> | |
| </div> | |
| <div class="section-title">Console</div> | |
| <div id="console" class="console"> | |
| <div class="console-line info">Ready. Write some rmscript and click Verify!</div> | |
| </div> | |
| </div> | |
| <!-- Right Panel: Execution Info --> | |
| <div class="panel"> | |
| <h1>Robot Control</h1> | |
| <p class="subtitle">Scripts execute via SDK with proper timing</p> | |
| <div id="robotStatus" class="status connected"> | |
| <span><span class="status-dot green"></span>App Running</span> | |
| </div> | |
| <div class="section-title">Compiled IR</div> | |
| <div id="irDisplay" class="ir-display"> | |
| <div style="color: #999; text-align: center; padding: 20px;"> | |
| No IR yet. Verify a script first! | |
| </div> | |
| </div> | |
| <div class="section-title" style="margin-top: 20px;">Execution Info</div> | |
| <div id="executionInfo" class="console" style="max-height: 150px;"> | |
| <div class="console-line info">Ready to execute scripts</div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="/static/app.js"></script> | |
| </body> | |
| </html> | |