scripts/evaluation/eval_framework/static/index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Search Evaluation</title>
  <link rel="stylesheet" href="/static/eval_web.css" />
  
</head>
<body>
  <div class="app">
    <aside class="sidebar">
      <h2>Datasets</h2>
      <div class="section" style="padding-top:0">
        <select id="datasetSelect" style="width:100%"></select>
        <p id="datasetMeta" class="muted" style="font-size:12px;margin:8px 0 0"></p>
      </div>
      <h2>Queries</h2>
      <p id="queriesMeta" class="muted">Loading dataset queries...</p>
      <div id="queryList" class="query-list"></div>
      <div class="section">
        <h2>History</h2>
        <p class="muted" style="font-size:12px;margin:0 0 4px">Click a run to open the batch markdown report.</p>
        <div id="history" class="history muted">Loading...</div>
      </div>
    </aside>
    <main class="main">
      <h1>Search Evaluation</h1>
      <p id="pageSubtitle" class="muted">Single-query evaluation and batch evaluation share the same service on port 6010.</p>
      <div class="toolbar">
        <input id="queryInput" type="text" placeholder="Search query" />
        <button onclick="runSingle()">Evaluate Query</button>
        <button id="batchButton" class="secondary" onclick="runBatch()">Batch Evaluation</button>
      </div>
      <div id="status" class="muted section"></div>
      <section class="section">
        <h2>Metrics</h2>
        <p id="metricContext" class="muted metric-context"></p>
        <div id="metrics"></div>
      </section>
      <section class="section">
        <h2>Top Results</h2>
        <div id="results" class="results"></div>
      </section>
      <section class="section">
        <h2>Missed judged useful results</h2>
        <div id="missingRelevant" class="results"></div>
      </section>
      <section class="section">
        <h2>Notes</h2>
        <div id="tips" class="tips muted"></div>
      </section>
    </main>
  </div>
  <div id="reportModal" class="report-modal-root" aria-hidden="true">
    <div class="report-modal-backdrop" data-close-report="1"></div>
    <div class="report-modal-dialog" role="dialog" aria-modal="true" aria-labelledby="reportModalTitle">
      <div class="report-modal-head">
        <h3 id="reportModalTitle">Batch report</h3>
        <div class="head-actions">
          <button type="button" class="secondary" id="reportCopyPath">Copy path</button>
          <button type="button" onclick="closeReportModal()">Close</button>
        </div>
      </div>
      <div id="reportModalMeta" class="report-modal-meta muted"></div>
      <div id="reportModalBody" class="report-modal-body batch-report-md"></div>
    </div>
  </div>
  
  
  
  <script src="https://cdn.jsdelivr.net/npm/marked@12.0.2/marked.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/dompurify@3.1.6/dist/purify.min.js"></script>
  <script src="/static/eval_web.js"></script>
</body>
</html>