File size: 7,638 Bytes
548b2a6
 
 
 
 
 
 
caf41a5
f67cae0
548b2a6
 
 
 
 
 
 
 
 
 
 
 
 
 
c10b0c0
 
 
 
548b2a6
 
 
 
 
 
 
c10b0c0
 
 
 
 
12ea280
c10b0c0
548b2a6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c10b0c0
 
 
 
 
 
 
 
 
12ea280
c10b0c0
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
548b2a6
 
 
 
 
 
 
 
 
 
 
 
 
c10b0c0
 
548b2a6
 
 
caf41a5
548b2a6
f67cae0
548b2a6
f7a133f
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PhantomWiki Viewer</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="trajectory-ui.css">
    <link rel="stylesheet" href="e2e-structures.css">
    <script src="https://cdn.jsdelivr.net/npm/marked@12.0.2/marked.min.js"></script>
</head>
<body>
    <div class="app-shell">
        <aside class="app-sidebar">
            <header>
                <h1>πŸ‘» PhantomWiki</h1>
                <p class="subtitle">On-Demand Reasoning &amp; Retrieval</p>
            </header>

            <div class="controls">
                <div>
                    <div class="sidebar-label">Universe (size Β· seed)</div>
                    <select id="setSelect" class="set-select"></select>
                    <div id="scopeNote" class="scope-note" style="display:none;">
                        Full runs are scoped to <b>size 5000 Β· seed 1</b>
                        (<code>depth_20_size_5000_seed_1</code>).
                    </div>
                </div>

                <div class="view-toggle-row">
                    <div class="sidebar-label">Tab</div>
                    <div class="view-toggle" id="viewToggle">
                        <button id="modeCorpusBtn" type="button" data-mode="corpus" class="active">πŸ“š Corpus</button>
                        <button id="modeEvalBtn" type="button" data-mode="eval">❓ Eval</button>
                        <button id="modeC1Btn" type="button" data-mode="run-c1">c1 Closed-book</button>
                        <button id="modeC2Btn" type="button" data-mode="run-c2">c2 With-docs</button>
                        <button id="modeC6Btn" type="button" data-mode="run-c6">c6 Agentic-DCI</button>
                        <button id="modeNaiveBtn" type="button" data-mode="run-naive">Naive-search</button>
                        <button id="modeE2eBtn" type="button" data-mode="run-e2e">E2E v3</button>
                        <button id="modeE2eRawtextBtn" type="button" data-mode="run-e2e-rawtext">E2E v3 + rawtext</button>
                        <button id="modeCompareBtn" type="button" data-mode="compare">Compare</button>
                    </div>
                </div>

                <!-- Corpus controls -->
                <div id="corpusControls">
                    <div class="search-box">
                        <div class="sidebar-label">Person (document)</div>
                        <input type="text" id="corpusFilter" placeholder="Filter by name..." />
                        <select id="docSelect" size="1"></select>
                    </div>
                    <div>
                        <div class="sidebar-label">Navigate</div>
                        <div class="nav-controls">
                            <button id="corpusPrevBtn" title="Previous (←)">← Prev</button>
                            <span id="corpusCounter">0 / 0</span>
                            <button id="corpusNextBtn" title="Next (β†’)">Next β†’</button>
                        </div>
                    </div>
                </div>

                <!-- Eval controls -->
                <div id="evalControls" style="display:none;">
                    <div class="search-box">
                        <div class="sidebar-label">Question</div>
                        <input type="text" id="evalSearch" placeholder="Search question / answer / id..." />
                        <div id="facetFilters"></div>
                        <select id="questionSelect" size="1"></select>
                    </div>
                    <div>
                        <div class="sidebar-label">Navigate</div>
                        <div class="nav-controls">
                            <button id="evalPrevBtn" title="Previous (←)">← Prev</button>
                            <span id="evalCounter">0 / 0</span>
                            <button id="evalNextBtn" title="Next (β†’)">Next β†’</button>
                        </div>
                    </div>
                </div>

                <!-- Shared full-run controls -->
                <div id="runControls" style="display:none;">
                    <div class="search-box">
                        <div class="sidebar-label">Run question</div>
                        <input type="text" id="runSearch" placeholder="Search question / gold / qid..." />
                        <select id="runStatus">
                            <option value="">All statuses</option>
                            <option value="correct">Correct</option>
                            <option value="incorrect">Incorrect</option>
                            <option value="partial">Partial answer F1</option>
                            <option value="missing">Missing / unanswered</option>
                        </select>
                        <select id="runQidSelect" size="1"></select>
                    </div>
                    <div>
                        <div class="sidebar-label">Navigate</div>
                        <div class="nav-controls">
                            <button id="runPrevBtn" title="Previous (←)">← Prev</button>
                            <span id="runCounter">0 / 0</span>
                            <button id="runNextBtn" title="Next (β†’)">Next β†’</button>
                        </div>
                    </div>
                </div>

                <!-- Compare controls -->
                <div id="compareControls" style="display:none;">
                    <div class="search-box">
                        <div class="sidebar-label">Compare questions</div>
                        <input type="text" id="compareSearch" placeholder="Search question / qid..." />
                        <select id="compareFilter">
                            <option value="">All questions</option>
                            <option value="disagreement">Disagreement</option>
                            <option value="missing">Any missing</option>
                            <option value="e2e-correct">Only E2E correct</option>
                        </select>
                        <select id="compareQidSelect" size="1"></select>
                    </div>
                    <div>
                        <div class="sidebar-label">Navigate</div>
                        <div class="nav-controls">
                            <button id="comparePrevBtn" title="Previous (←)">← Prev</button>
                            <span id="compareCounter">0 / 0</span>
                            <button id="compareNextBtn" title="Next (β†’)">Next β†’</button>
                        </div>
                    </div>
                </div>

                <div class="sidebar-footer" id="sidebarFooter"></div>
            </div>
        </aside>

        <main class="app-main">
            <div id="loading">Loading dataset…</div>
            <section id="corpusView" style="display:none;">
                <div class="doc-meta-card" id="docMetaCard"></div>
                <div class="doc-content" id="docContent"></div>
            </section>
            <section id="evalView" style="display:none;">
                <div class="card" id="evalCard"></div>
            </section>
            <section id="runView" style="display:none;"></section>
            <section id="compareView" style="display:none;"></section>
        </main>
    </div>

    <script src="trajectory-ui.js"></script>
    <script src="viewer.js"></script>
    <script src="e2e-structures.js"></script>
</body>
</html>