Ryanhub - file viewer
filename: server/static/index.html
branch: main
back to repo
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>assistant</title>
  <link rel="stylesheet" href="/assets/style.css" />
</head>
<body>
  <div class="shell">
    <header class="topbar">
      <div>
        <h1 class="app-title">assistant</h1>
        <p class="app-sub muted">local web UI</p>
      </div>
      <div class="meta">
        <span class="pill" id="status-pill"><span class="dot"></span><span id="status-text">…</span></span>
        <div class="llm-line muted small" id="model-line"></div>
      </div>
    </header>

    <main class="layout" id="main-grid">
      <section class="panel section dashboard-panel">
        <div class="panel-head">
          <h2>overview</h2>
        </div>
        <div class="dashboard-body">
          <div class="widgets" id="widgets"></div>
        </div>
      </section>

      <div class="bottom-grid">
        <section class="panel section activity-panel">
          <div class="panel-head">
            <h2>activity</h2>
          </div>
          <div class="activity-body">
            <div class="subhead muted small">timeline</div>
            <ol class="timeline" id="timeline"></ol>
            <div class="subhead muted small">summary</div>
            <div class="summary-box" id="summary"></div>
          </div>
        </section>

        <section class="panel section chat-panel">
          <div class="panel-head">
            <h2>chat</h2>
          </div>
          <div class="chat-log" id="chat-log" aria-live="polite"></div>
          <form class="composer" id="chat-form">
            <textarea id="prompt" rows="3" autocomplete="off" placeholder="chat here..." required></textarea>
            <div class="composer-actions">
              <span class="hint muted small">api: post /ask and post /ask/stream</span>
              <button type="submit" id="send-btn">send</button>
            </div>
          </form>
        </section>
      </div>
    </main>
  </div>
  <script src="/assets/app.js" defer></script>
</body>
</html>