| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| <title>Dashboard — Sheetly</title> |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> |
| <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Figtree:wght@400;500;600;700&display=swap" rel="stylesheet" /> |
| <link rel="stylesheet" href="/static/css/styles.css" /> |
| </head> |
| <body> |
| <div class="shell"> |
| <nav class="nav"> |
| <a class="brand" href="/">Sheetly</a> |
| <div class="nav-links"> |
| <a href="/">Upload</a> |
| <a href="/validate">Validate</a> |
| <a class="active" href="/dashboard">Dashboard</a> |
| </div> |
| </nav> |
|
|
| <section class="hero"> |
| <h1>Operations</h1> |
| <p> |
| Throughput, review load, and document mix — ready for |
| client demos. |
| </p> |
| </section> |
|
|
| <div class="stats" id="stats"></div> |
|
|
| <div class="dash-layout"> |
| <section class="panel dash-panel"> |
| <div class="pane-head dash-panel-head"> |
| <h2>Recent documents</h2> |
| </div> |
| <ul class="doc-list dash-recent" id="recent"></ul> |
| </section> |
|
|
| <aside class="dash-side"> |
| <h2>Export desk</h2> |
| <p> |
| Download structured output for documents already |
| extracted and validated. |
| </p> |
| <div class="stage-actions"> |
| <a class="btn on-dark" href="/api/export?fmt=xlsx"> |
| Excel |
| </a> |
| <a |
| class="btn on-dark secondary" |
| href="/api/export?fmt=csv" |
| > |
| CSV |
| </a> |
| <a |
| class="btn on-dark secondary" |
| href="/api/export?fmt=json" |
| > |
| JSON |
| </a> |
| </div> |
| </aside> |
| </div> |
| </div> |
| <script src="/static/js/dashboard.js"></script> |
| </body> |
| </html> |
|
|
