index.html
2.95 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!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>