| 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8"> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | <title data-i18n="page_title">PPT Master - Confirm Design</title> |
| 7 | <link rel="stylesheet" href="/static/style.css"> |
| 8 | </head> |
| 9 | <body> |
| 10 | <div id="app"> |
| 11 | <aside id="preview-panel" aria-label="Design preview"> |
| 12 | <div class="brand-block"> |
| 13 | <div class="brand-mark">PM</div> |
| 14 | <div> |
| 15 | <div class="panel-kicker">PPT Master</div> |
| 16 | <div class="panel-title" data-i18n="page_title">PPT Master - Confirm Design</div> |
| 17 | </div> |
| 18 | </div> |
| 19 | <div id="topbar-preview"></div> |
| 20 | </aside> |
| 21 | |
| 22 | <section id="control-panel"> |
| 23 | <header id="topbar"> |
| 24 | <div id="topbar-inner"> |
| 25 | <div class="topbar-titles"> |
| 26 | <h1 data-i18n="page_title">PPT Master - Confirm Design</h1> |
| 27 | <p id="topbar-hint" data-i18n="topbar_hint">After confirming, return to the chat and say “done”.</p> |
| 28 | </div> |
| 29 | <div class="lang-select"> |
| 30 | <button id="btn-lang-toggle" class="lang-select-btn" type="button" title="Switch language" aria-haspopup="listbox" aria-expanded="false"><span id="lang-current"></span><span class="lang-caret" aria-hidden="true">▾</span></button> |
| 31 | <ul id="lang-menu" class="lang-menu" role="listbox" hidden> |
| 32 | <li role="option" tabindex="0" aria-selected="false" data-lang="zh">中文</li> |
| 33 | <li role="option" tabindex="0" aria-selected="false" data-lang="en">English</li> |
| 34 | <li role="option" tabindex="0" aria-selected="false" data-lang="ja">日本語</li> |
| 35 | </ul> |
| 36 | </div> |
| 37 | </div> |
| 38 | </header> |
| 39 | |
| 40 | <main id="form"> |
| 41 | <div id="loading" data-i18n="loading">Loading recommendations…</div> |
| 42 | <div id="error" style="display:none;"></div> |
| 43 | <div id="sections" style="display:none;"></div> |
| 44 | </main> |
| 45 | <footer id="actionbar" style="display:none;"> |
| 46 | <span id="confirm-status"></span> |
| 47 | <button id="btn-confirm" data-i18n="btn_confirm">Confirm</button> |
| 48 | </footer> |
| 49 | </section> |
| 50 | </div> |
| 51 | |
| 52 | <div id="confirmed-overlay" style="display:none;"> |
| 53 | <div class="cf-card"> |
| 54 | <div class="cf-title">✓ Confirmed</div> |
| 55 | <div class="cf-hint">Your choices are saved. You can close this page.</div> |
| 56 | </div> |
| 57 | </div> |
| 58 | |
| 59 | <script src="/static/app.js"></script> |
| 60 | </body> |
| 61 | </html> |
| 62 |