Hugging Face's logo

Spaces:
semsorock
/
advevo-marl-repro
Running

App Files Community
semsorock commited on
Commit
8013b48
·
verified ·
1 Parent(s): 65de40d

Update logbook: Repro: AdvEvo-MARL: Shaping Internalized Safety through Adversarial Co-Evolution in Multi-Agent Reinforcement Learning

Browse files
Files changed (17) hide show
  1. .serve.log +0 -0
  2. README.md +13 -5
  3. bucket-icon.svg +5 -0
  4. index.html +52 -17
  5. logbook.css +1602 -0
  6. logbook.js +2275 -0
  7. logbook.json +59 -0
  8. pages/claim-1-chain-topology-under-netsafe/page.md +12 -0
  9. pages/claim-2-multi-scenario-and-multi-topology-safety/page.md +15 -0
  10. pages/claim-3-task-utility-and-reasoning-performance/page.md +13 -0
  11. pages/claim-4-static-attacker-ablation-study/page.md +11 -0
  12. pages/claim-5-public-baseline-mechanism-stability/page.md +576 -0
  13. pages/conclusion/page.md +0 -0
  14. pages/index.md +12 -0
  15. trackio-logo-light.png +0 -0
  16. trackio-logo.png +0 -0
  17. trackio-wordmark-dark.png +0 -0
.serve.log ADDED
File without changes
README.md CHANGED
@@ -1,10 +1,18 @@
1
  ---
2
- title: Advevo Marl Repro
3
- emoji: 🔥
4
- colorFrom: indigo
5
- colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
 
 
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: "Repro: AdvEvo-MARL: Shaping Internalized Safety through Adversarial Co-Evolution in Multi-Agent Reinforcement Learning"
3
+ emoji: 🎯
4
+ colorFrom: yellow
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - trackio
10
+ - trackio-logbook
11
+ - open-experiment
12
+ - icml2026-repro
13
+ - paper-5D3ZblXmW2
14
  ---
15
 
16
+ # Repro: AdvEvo-MARL: Shaping Internalized Safety through Adversarial Co-Evolution in Multi-Agent Reinforcement Learning
17
+
18
+ An open experiment logbook, published with [Trackio](https://github.com/gradio-app/trackio).
bucket-icon.svg ADDED
index.html CHANGED
@@ -1,19 +1,54 @@
1
  <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
  <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Repro: AdvEvo-MARL: Shaping Internalized Safety through Adversarial Co-Evolution in Multi-Agent Reinforcement Learning</title>
7
+ <link rel="stylesheet" href="./logbook.css" />
8
+ </head>
9
+ <body>
10
+ <div id="app">
11
+ <aside id="sidebar">
12
+ <div id="book-head">
13
+ <img id="book-wordmark" src="./trackio-wordmark-dark.png" alt="" />
14
+ <div id="book-title" class="sr-only">Logbook</div>
15
+ </div>
16
+ <nav id="tree"></nav>
17
+ <div id="sidebar-foot" hidden>
18
+ <button id="connect-btn" type="button">
19
+ <span class="ico">ⓘ</span> Collaborate with your agent
20
+ </button>
21
+ </div>
22
+ </aside>
23
+ <main id="content">
24
+ <div id="page"></div>
25
+ </main>
26
+ </div>
27
+
28
+ <div id="modal" hidden>
29
+ <div class="modal-backdrop"></div>
30
+ <div class="modal-card" role="dialog" aria-modal="true">
31
+ <div class="modal-head">
32
+ <div class="modal-title">
33
+ <img class="modal-logo" src="./trackio-logo.png" alt="" />
34
+ Collaborate with your agent
35
+ </div>
36
+ <div class="modal-actions">
37
+ <button id="copy-agent" class="btn">Copy for agent</button>
38
+ <button id="modal-close" class="btn icon" aria-label="Close">×</button>
39
+ </div>
40
+ </div>
41
+ <div class="modal-body">
42
+ <p class="modal-intro">
43
+ Point your coding agent at this logbook. It reads a compact,
44
+ token-efficient version — and if you've given it write access to this
45
+ Space, it can add findings that sync back automatically.
46
+ </p>
47
+ <ol id="connect-steps"></ol>
48
+ </div>
49
+ </div>
50
+ </div>
51
+
52
+ <script src="./logbook.js"></script>
53
+ </body>
54
  </html>
logbook.css ADDED
@@ -0,0 +1,1602 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ :root {
2
+ --bg: #ffffff;
3
+ --paper: #fdfcf9;
4
+ --panel: #ffffff;
5
+ --ink: #1f2937;
6
+ --muted: #6b7280;
7
+ --line: #e5e7eb;
8
+ --accent: #f97316;
9
+ --accent-strong: #ea580c;
10
+ --accent-soft: #fff7ed;
11
+ --accent-line: rgba(249, 115, 22, 0.16);
12
+ --grid-line: rgba(31, 41, 55, 0.045);
13
+ --code-bg: #f3f4f6;
14
+ --radius: 12px;
15
+ --serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Georgia, serif;
16
+ --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
17
+ sans-serif;
18
+ --mono: "SFMono-Regular", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas,
19
+ ui-monospace, monospace;
20
+ }
21
+
22
+ * {
23
+ box-sizing: border-box;
24
+ }
25
+
26
+ html,
27
+ body {
28
+ margin: 0;
29
+ padding: 0;
30
+ }
31
+
32
+ html {
33
+ scroll-behavior: smooth;
34
+ }
35
+
36
+ body {
37
+ background: var(--bg);
38
+ color: var(--ink);
39
+ font-family: var(--sans);
40
+ font-size: 13px;
41
+ line-height: 1.65;
42
+ -webkit-font-smoothing: antialiased;
43
+ }
44
+
45
+ #app {
46
+ display: flex;
47
+ min-height: 100vh;
48
+ }
49
+
50
+ /* ---- sidebar (composition-book cover) ---- */
51
+ #sidebar {
52
+ width: 280px;
53
+ flex: 0 0 280px;
54
+ background: #17181c;
55
+ color: #e7e7ea;
56
+ position: sticky;
57
+ top: 0;
58
+ height: 100vh;
59
+ overflow-y: auto;
60
+ padding: 22px 16px;
61
+ display: flex;
62
+ flex-direction: column;
63
+ }
64
+
65
+ #book-head {
66
+ display: flex;
67
+ align-items: center;
68
+ gap: 10px;
69
+ padding: 8px;
70
+ margin-bottom: 12px;
71
+ border-radius: 10px;
72
+ cursor: pointer;
73
+ transition: background 0.12s;
74
+ }
75
+ #book-head:hover {
76
+ background: rgba(255, 255, 255, 0.05);
77
+ }
78
+ #book-wordmark {
79
+ width: 154px;
80
+ height: auto;
81
+ object-fit: contain;
82
+ }
83
+ .sr-only {
84
+ position: absolute;
85
+ width: 1px;
86
+ height: 1px;
87
+ padding: 0;
88
+ margin: -1px;
89
+ overflow: hidden;
90
+ clip: rect(0, 0, 0, 0);
91
+ white-space: nowrap;
92
+ border: 0;
93
+ }
94
+
95
+ #tree {
96
+ flex: 1;
97
+ padding-top: 8px;
98
+ }
99
+
100
+ #tree a {
101
+ display: block;
102
+ padding: 6px 10px;
103
+ border-radius: 8px;
104
+ color: #c3c4cb;
105
+ text-decoration: none;
106
+ font-size: 14px;
107
+ transition: background 0.12s, color 0.12s;
108
+ }
109
+
110
+ #tree a:hover {
111
+ background: rgba(255, 255, 255, 0.06);
112
+ color: #ffffff;
113
+ }
114
+
115
+ #tree a.active {
116
+ background: rgba(249, 115, 22, 0.16);
117
+ color: #fdba74;
118
+ font-weight: 600;
119
+ }
120
+
121
+ #tree a .tree-mark {
122
+ color: #6b6d76;
123
+ }
124
+
125
+ #tree a:hover .tree-mark,
126
+ #tree a.active .tree-mark {
127
+ color: inherit;
128
+ opacity: 0.6;
129
+ }
130
+
131
+ #tree .depth-1 {
132
+ padding-left: 22px;
133
+ }
134
+ #tree .depth-2 {
135
+ padding-left: 34px;
136
+ }
137
+ #tree .depth-3 {
138
+ padding-left: 46px;
139
+ }
140
+
141
+
142
+ /* ---- content ---- */
143
+ #content {
144
+ flex: 1;
145
+ min-width: 0;
146
+ padding: 48px 40px 120px;
147
+ background-color: var(--paper);
148
+ background-image:
149
+ linear-gradient(var(--grid-line) 1px, transparent 1px),
150
+ linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
151
+ background-size: 26px 26px;
152
+ background-position: center top;
153
+ }
154
+
155
+ #page {
156
+ width: 100%;
157
+ min-width: 0;
158
+ max-width: 1052px;
159
+ margin: 0 auto;
160
+ }
161
+
162
+ .page-section {
163
+ scroll-margin-top: 40px;
164
+ padding: 0 0 35px;
165
+ margin: 0 0 32px;
166
+ }
167
+
168
+ .page-section:last-child {
169
+ margin-bottom: 0;
170
+ }
171
+
172
+ .page-layout {
173
+ display: grid;
174
+ grid-template-columns: minmax(0, 760px) 248px;
175
+ gap: 44px;
176
+ align-items: start;
177
+ }
178
+
179
+ .page-body {
180
+ min-width: 0;
181
+ }
182
+
183
+ .resource-anchor {
184
+ display: block;
185
+ height: 0;
186
+ overflow: hidden;
187
+ }
188
+
189
+ /* ---- pinned notes ---- */
190
+ .pinned-notes {
191
+ margin: 30px 0 0;
192
+ }
193
+ .pinned-notes-list .cell {
194
+ margin: 0;
195
+ border-color: rgba(249, 115, 22, 0.55);
196
+ }
197
+ .pinned-notes-list .cell + .cell {
198
+ margin-top: 12px;
199
+ }
200
+ .cell.pinned-source {
201
+ border-color: rgba(249, 115, 22, 0.55);
202
+ }
203
+ .book-intro.has-pinned-notes {
204
+ border-bottom: none;
205
+ padding-bottom: 22px;
206
+ margin-bottom: 30px;
207
+ }
208
+ .book-intro.book-intro-tight {
209
+ border-bottom: none;
210
+ padding-bottom: 4px;
211
+ margin-bottom: 20px;
212
+ }
213
+
214
+ #page h1 {
215
+ font-family: var(--serif);
216
+ font-size: 34px;
217
+ line-height: 1.15;
218
+ letter-spacing: -0.02em;
219
+ margin: 0 0 8px;
220
+ overflow-wrap: anywhere;
221
+ }
222
+
223
+ #page .page-section:not(.book-intro) h1 {
224
+ font-size: 26px;
225
+ }
226
+
227
+ #page h2 {
228
+ font-family: var(--serif);
229
+ font-size: 24px;
230
+ margin: 36px 0 10px;
231
+ }
232
+
233
+ #page h3 {
234
+ font-size: 17px;
235
+ font-weight: 700;
236
+ margin: 26px 0 2px;
237
+ letter-spacing: -0.01em;
238
+ }
239
+
240
+ #page h3::before {
241
+ content: "";
242
+ display: inline-block;
243
+ width: 7px;
244
+ height: 7px;
245
+ border-radius: 2px;
246
+ background: var(--accent);
247
+ margin-right: 10px;
248
+ vertical-align: middle;
249
+ transform: translateY(-1px);
250
+ }
251
+
252
+ #page p {
253
+ margin: 10px 0;
254
+ }
255
+
256
+ #page blockquote {
257
+ margin: 14px 0;
258
+ padding: 2px 16px;
259
+ border-left: 3px solid #fdba74;
260
+ color: var(--muted);
261
+ }
262
+
263
+ #page hr {
264
+ display: none;
265
+ }
266
+
267
+ #page code {
268
+ font-family: var(--mono);
269
+ font-size: 0.86em;
270
+ background: var(--code-bg);
271
+ padding: 2px 6px;
272
+ border-radius: 6px;
273
+ }
274
+
275
+ #page pre {
276
+ max-width: 100%;
277
+ background: var(--code-bg);
278
+ border: 1px solid var(--line);
279
+ border-radius: var(--radius);
280
+ padding: 14px 16px;
281
+ overflow-x: auto;
282
+ }
283
+ #page pre code {
284
+ background: none;
285
+ padding: 0;
286
+ font-size: 11.5px;
287
+ }
288
+
289
+ /* ---- code blocks + collapsible accordion ---- */
290
+ #page pre.hl {
291
+ background: #17181c;
292
+ border: none;
293
+ color: #e7e7ea;
294
+ font-size: 13px;
295
+ line-height: 1.58;
296
+ }
297
+ #page pre.hl code {
298
+ color: inherit;
299
+ font-family: var(--mono);
300
+ }
301
+ .code-accordion {
302
+ border: 1px solid rgba(249, 115, 22, 0.2);
303
+ border-radius: 8px;
304
+ overflow: hidden;
305
+ margin: 12px 0;
306
+ background: #17181c;
307
+ }
308
+ .code-accordion summary {
309
+ list-style: none;
310
+ cursor: pointer;
311
+ display: flex;
312
+ align-items: center;
313
+ gap: 9px;
314
+ padding: 9px 12px;
315
+ font-family: var(--mono);
316
+ font-size: 11.5px;
317
+ font-weight: 700;
318
+ color: #e7e7ea;
319
+ background: #1e2027;
320
+ user-select: none;
321
+ overflow-wrap: anywhere;
322
+ }
323
+ .code-accordion summary::-webkit-details-marker {
324
+ display: none;
325
+ }
326
+ .code-accordion summary::after {
327
+ content: "▸";
328
+ margin-left: auto;
329
+ color: var(--accent);
330
+ transition: transform 0.12s;
331
+ transform: rotate(180deg);
332
+ }
333
+ .code-accordion[open] summary::after {
334
+ transform: rotate(90deg);
335
+ }
336
+ .code-accordion .code-ico {
337
+ color: var(--accent);
338
+ font-weight: 700;
339
+ }
340
+ .code-accordion pre.hl {
341
+ margin: 0;
342
+ border-radius: 0;
343
+ border: none;
344
+ border-top: 1px solid rgba(249, 115, 22, 0.16);
345
+ }
346
+ .tok-comment {
347
+ color: #7a7d87;
348
+ font-style: italic;
349
+ }
350
+ .tok-string {
351
+ color: #a5d6a7;
352
+ }
353
+ .tok-keyword {
354
+ color: #fdba74;
355
+ }
356
+ .tok-number {
357
+ color: #7fd0e0;
358
+ }
359
+
360
+ #page a {
361
+ color: var(--accent);
362
+ }
363
+
364
+ #page ul {
365
+ padding-left: 20px;
366
+ }
367
+
368
+ .ts {
369
+ font-family: var(--mono);
370
+ font-size: 12px;
371
+ color: var(--muted);
372
+ background: none;
373
+ padding: 0;
374
+ }
375
+
376
+ /* ---- notebook-style cells ---- */
377
+ .cell {
378
+ max-width: 100%;
379
+ border: 1px solid var(--line);
380
+ border-radius: 10px;
381
+ background: rgba(255, 255, 255, 0.86);
382
+ margin: 18px 0;
383
+ overflow: hidden;
384
+ box-shadow: 0 2px 10px rgba(31, 41, 55, 0.035);
385
+ }
386
+ .cell-head {
387
+ display: flex;
388
+ justify-content: space-between;
389
+ gap: 16px;
390
+ align-items: center;
391
+ padding: 14px 18px;
392
+ background: rgba(255, 255, 255, 0.92);
393
+ border-bottom: 1px solid var(--line);
394
+ }
395
+ .cell-head.no-title {
396
+ justify-content: flex-end;
397
+ padding-top: 10px;
398
+ padding-bottom: 10px;
399
+ }
400
+ .cell-title {
401
+ flex: 1;
402
+ min-width: 0;
403
+ font-size: 13px;
404
+ font-weight: 650;
405
+ color: var(--ink);
406
+ line-height: 1.35;
407
+ overflow-wrap: anywhere;
408
+ }
409
+ .cell-meta {
410
+ flex: 0 0 auto;
411
+ display: flex;
412
+ align-items: center;
413
+ gap: 10px;
414
+ font-family: var(--sans);
415
+ font-size: 13px;
416
+ color: var(--muted);
417
+ }
418
+ .cell-open {
419
+ flex: 0 0 auto;
420
+ font-family: var(--mono);
421
+ font-size: 12px;
422
+ color: var(--accent);
423
+ text-decoration: none;
424
+ }
425
+ .cell-open:hover {
426
+ color: var(--accent-strong);
427
+ }
428
+ .cell-body {
429
+ min-width: 0;
430
+ padding: 14px 18px 18px;
431
+ }
432
+ .cell.dashboard .cell-body {
433
+ padding: 0;
434
+ }
435
+ #page .cell-body h1,
436
+ #page .cell-body h2 {
437
+ font-family: var(--sans);
438
+ font-size: 17px;
439
+ font-weight: 700;
440
+ letter-spacing: -0.01em;
441
+ line-height: 1.35;
442
+ margin: 22px 0 6px;
443
+ }
444
+ #page .cell-body > :first-child {
445
+ margin-top: 0;
446
+ }
447
+ #page .cell-body > :last-child {
448
+ margin-bottom: 0;
449
+ }
450
+ .cell.code .cell-head {
451
+ background: #fbfbfc;
452
+ }
453
+ .figure-fit {
454
+ position: relative;
455
+ overflow: hidden;
456
+ min-height: 160px;
457
+ border: 1px solid var(--line);
458
+ border-radius: 8px;
459
+ background: #fff;
460
+ }
461
+ .figure-fit[hidden] {
462
+ display: none;
463
+ }
464
+ .figure-fit:fullscreen,
465
+ .figure-fit:-webkit-full-screen {
466
+ width: 100%;
467
+ height: 100%;
468
+ border: none;
469
+ border-radius: 0;
470
+ }
471
+ .figure-frame {
472
+ display: block;
473
+ width: 100%;
474
+ min-height: 160px;
475
+ border: none;
476
+ background: #fff;
477
+ }
478
+ .figure-frame[hidden],
479
+ .figure-raw[hidden] {
480
+ display: none;
481
+ }
482
+ .fig-switch {
483
+ position: relative;
484
+ display: inline-flex;
485
+ flex: 0 0 auto;
486
+ border: 1px solid var(--line);
487
+ border-radius: 999px;
488
+ background: var(--code-bg);
489
+ padding: 2px;
490
+ }
491
+ .fig-switch button {
492
+ position: relative;
493
+ z-index: 1;
494
+ flex: 1;
495
+ min-width: 62px;
496
+ border: none;
497
+ background: none;
498
+ font-family: var(--sans);
499
+ font-size: 12px;
500
+ font-weight: 600;
501
+ color: var(--muted);
502
+ padding: 3px 12px;
503
+ border-radius: 999px;
504
+ cursor: pointer;
505
+ transition: color 0.15s;
506
+ }
507
+ .fig-switch button.active {
508
+ color: var(--accent-strong);
509
+ }
510
+ .fig-switch-thumb {
511
+ position: absolute;
512
+ top: 2px;
513
+ bottom: 2px;
514
+ left: 2px;
515
+ width: calc(50% - 2px);
516
+ border-radius: 999px;
517
+ background: var(--panel);
518
+ border: 1px solid rgba(249, 115, 22, 0.35);
519
+ box-shadow: 0 1px 4px rgba(31, 41, 55, 0.08);
520
+ transition: transform 0.18s ease;
521
+ }
522
+ .fig-switch.raw .fig-switch-thumb {
523
+ transform: translateX(100%);
524
+ }
525
+ #page .figure-raw pre {
526
+ margin: 0;
527
+ max-height: 420px;
528
+ overflow: auto;
529
+ font-family: var(--mono);
530
+ font-size: 13px;
531
+ line-height: 1.55;
532
+ background: var(--code-bg);
533
+ border: 1px solid var(--line);
534
+ border-radius: 8px;
535
+ padding: 12px 14px;
536
+ }
537
+ /* ---- figure fullscreen ---- */
538
+ .cell-fullscreen {
539
+ position: relative;
540
+ display: inline-flex;
541
+ flex: 0 0 auto;
542
+ }
543
+ .cell-fullscreen-btn {
544
+ display: inline-flex;
545
+ align-items: center;
546
+ justify-content: center;
547
+ width: 26px;
548
+ height: 26px;
549
+ padding: 0;
550
+ border: 1px solid var(--line);
551
+ border-radius: 999px;
552
+ background: var(--code-bg);
553
+ color: var(--muted);
554
+ cursor: pointer;
555
+ transition: color 0.15s, border-color 0.15s, background 0.15s;
556
+ }
557
+ .cell-fullscreen-btn:hover {
558
+ color: var(--accent-strong);
559
+ border-color: rgba(249, 115, 22, 0.35);
560
+ background: var(--accent-soft);
561
+ }
562
+ .cell-fullscreen-btn svg {
563
+ width: 14px;
564
+ height: 14px;
565
+ }
566
+ /* ---- copyable snippets ---- */
567
+ .snippet {
568
+ position: relative;
569
+ }
570
+ .copy-snippet {
571
+ position: absolute;
572
+ top: 7px;
573
+ right: 8px;
574
+ width: 24px;
575
+ height: 24px;
576
+ border: none;
577
+ border-radius: 6px;
578
+ background: rgba(255, 255, 255, 0.08);
579
+ color: #9a9da8;
580
+ font-size: 12px;
581
+ line-height: 1;
582
+ cursor: pointer;
583
+ opacity: 0;
584
+ transition: opacity 0.12s, color 0.12s, background 0.12s;
585
+ }
586
+ .snippet:hover .copy-snippet,
587
+ .jp-out:hover .copy-snippet,
588
+ .figure-raw:hover .copy-snippet,
589
+ .code-accordion summary:hover .copy-snippet {
590
+ opacity: 1;
591
+ }
592
+ .copy-snippet:hover {
593
+ color: #ffffff;
594
+ background: rgba(255, 255, 255, 0.16);
595
+ }
596
+ .copy-snippet.copied {
597
+ color: #52d08a;
598
+ opacity: 1;
599
+ }
600
+ .code-accordion .code-name {
601
+ user-select: text;
602
+ cursor: text;
603
+ }
604
+ .jp-out,
605
+ .figure-raw {
606
+ position: relative;
607
+ }
608
+ .jp-out .copy-snippet,
609
+ .figure-raw .copy-snippet {
610
+ background: var(--code-bg);
611
+ color: var(--muted);
612
+ border: 1px solid var(--line);
613
+ }
614
+ .jp-out .copy-snippet:hover,
615
+ .figure-raw .copy-snippet:hover {
616
+ color: var(--accent-strong);
617
+ background: var(--panel);
618
+ }
619
+
620
+ /* ---- jupyter-style code cells ---- */
621
+ .jp {
622
+ border: 1px solid var(--line);
623
+ border-radius: 10px;
624
+ overflow: hidden;
625
+ margin: 12px 0;
626
+ background: var(--panel);
627
+ }
628
+ .jp-gutter {
629
+ flex: 0 0 46px;
630
+ padding: 13px 0 0 13px;
631
+ font-family: var(--mono);
632
+ font-size: 10.5px;
633
+ letter-spacing: 0.07em;
634
+ text-transform: uppercase;
635
+ font-weight: 600;
636
+ user-select: none;
637
+ }
638
+ .jp-in {
639
+ display: flex;
640
+ background: #17181c;
641
+ }
642
+ .jp-in .jp-gutter {
643
+ color: #6f727d;
644
+ }
645
+ .jp-in-body {
646
+ flex: 1;
647
+ min-width: 0;
648
+ }
649
+ #page .jp-in-body pre.hl {
650
+ margin: 0;
651
+ border: none;
652
+ border-radius: 0;
653
+ background: none;
654
+ padding: 12px 16px 12px 0;
655
+ }
656
+ .jp-in-body .code-accordion {
657
+ margin: 0;
658
+ border: none;
659
+ border-top: 1px solid rgba(255, 255, 255, 0.09);
660
+ border-radius: 0;
661
+ background: none;
662
+ }
663
+ .jp-in-body .code-accordion summary {
664
+ background: none;
665
+ padding: 9px 16px 9px 0;
666
+ }
667
+ .jp-in-body .code-accordion pre.hl {
668
+ border-top: 1px solid rgba(255, 255, 255, 0.09);
669
+ }
670
+ .jp-meta {
671
+ padding: 5px 14px;
672
+ font-family: var(--mono);
673
+ font-size: 11.5px;
674
+ color: var(--muted);
675
+ background: #fbfbfc;
676
+ border-top: 1px solid var(--line);
677
+ }
678
+ .jp-out {
679
+ display: flex;
680
+ border-top: 1px solid var(--line);
681
+ background: var(--panel);
682
+ }
683
+ .jp-out .jp-gutter {
684
+ color: var(--accent-strong);
685
+ }
686
+ .jp-out-body {
687
+ flex: 1;
688
+ min-width: 0;
689
+ }
690
+ #page .jp-out-pre {
691
+ min-width: 0;
692
+ margin: 0;
693
+ border: none;
694
+ border-radius: 0;
695
+ background: none;
696
+ color: var(--ink);
697
+ font-family: var(--mono);
698
+ font-size: 13px;
699
+ line-height: 1.55;
700
+ padding: 12px 16px 12px 0;
701
+ white-space: pre;
702
+ overflow-x: auto;
703
+ overflow-y: auto;
704
+ max-height: 26em;
705
+ }
706
+ .jp-artifacts {
707
+ display: flex;
708
+ flex-direction: column;
709
+ }
710
+ .jp-out-body .jp-out-pre + .jp-artifacts {
711
+ border-top: 1px solid var(--line);
712
+ }
713
+ .out-artifact {
714
+ display: flex;
715
+ align-items: baseline;
716
+ gap: 8px;
717
+ padding: 9px 16px 9px 0;
718
+ text-decoration: none;
719
+ color: inherit;
720
+ }
721
+ .out-artifact + .out-artifact {
722
+ border-top: 1px solid var(--line);
723
+ }
724
+ a.out-artifact:hover .out-artifact-name {
725
+ color: var(--accent-strong);
726
+ }
727
+ .out-artifact-ico {
728
+ flex: 0 0 auto;
729
+ font-size: 13px;
730
+ }
731
+ .out-artifact-name {
732
+ font-family: var(--mono);
733
+ font-size: 12.5px;
734
+ font-weight: 600;
735
+ color: var(--ink);
736
+ overflow: hidden;
737
+ text-overflow: ellipsis;
738
+ white-space: nowrap;
739
+ }
740
+ .out-artifact-meta {
741
+ flex: 0 0 auto;
742
+ margin-left: auto;
743
+ padding-left: 12px;
744
+ font-size: 12px;
745
+ color: var(--muted);
746
+ white-space: nowrap;
747
+ }
748
+ .out-artifact-state.open {
749
+ color: var(--accent);
750
+ font-weight: 600;
751
+ }
752
+ .trackio-embed {
753
+ border: 1px solid var(--line);
754
+ border-radius: var(--radius);
755
+ overflow: hidden;
756
+ background: var(--panel);
757
+ }
758
+ .trackio-cell-meta {
759
+ display: flex;
760
+ gap: 6px;
761
+ flex-wrap: wrap;
762
+ justify-content: flex-end;
763
+ }
764
+
765
+ /* ---- unfurl cards ---- */
766
+ .unfurl {
767
+ display: block;
768
+ border: 1px solid var(--line);
769
+ border-radius: var(--radius);
770
+ background: var(--panel);
771
+ margin: 12px 0;
772
+ overflow: hidden;
773
+ text-decoration: none;
774
+ color: inherit;
775
+ transition: border-color 0.14s, box-shadow 0.14s;
776
+ }
777
+ .unfurl:hover {
778
+ border-color: #cfcbe6;
779
+ box-shadow: 0 4px 18px rgba(30, 20, 80, 0.06);
780
+ }
781
+
782
+ .unfurl-body {
783
+ padding: 13px 16px;
784
+ display: flex;
785
+ gap: 12px;
786
+ align-items: flex-start;
787
+ }
788
+
789
+ .unfurl-ico {
790
+ font-size: 20px;
791
+ line-height: 1.3;
792
+ flex: 0 0 auto;
793
+ }
794
+
795
+ .unfurl-main {
796
+ min-width: 0;
797
+ flex: 1;
798
+ }
799
+
800
+ .unfurl-kind {
801
+ font-family: var(--mono);
802
+ font-size: 10.5px;
803
+ text-transform: uppercase;
804
+ letter-spacing: 0.08em;
805
+ color: var(--accent);
806
+ font-weight: 600;
807
+ }
808
+
809
+ .unfurl-title {
810
+ font-weight: 650;
811
+ font-size: 15px;
812
+ margin: 1px 0 2px;
813
+ white-space: nowrap;
814
+ overflow: hidden;
815
+ text-overflow: ellipsis;
816
+ }
817
+
818
+ .unfurl-desc {
819
+ color: var(--muted);
820
+ font-size: 13.5px;
821
+ line-height: 1.45;
822
+ }
823
+
824
+ .unfurl-meta {
825
+ margin-top: 6px;
826
+ display: flex;
827
+ flex-wrap: wrap;
828
+ gap: 6px;
829
+ }
830
+
831
+ .chip {
832
+ font-size: 11.5px;
833
+ background: var(--code-bg);
834
+ border-radius: 999px;
835
+ padding: 2px 9px;
836
+ color: var(--muted);
837
+ font-family: var(--mono);
838
+ }
839
+
840
+ .unfurl-raw {
841
+ font-family: var(--mono);
842
+ font-size: 11px;
843
+ color: var(--muted);
844
+ border-top: 1px solid var(--line);
845
+ padding: 7px 16px;
846
+ white-space: nowrap;
847
+ overflow: hidden;
848
+ text-overflow: ellipsis;
849
+ }
850
+
851
+ .unfurl.embed {
852
+ padding: 0;
853
+ overflow: hidden;
854
+ }
855
+ .embed-head {
856
+ display: flex;
857
+ align-items: center;
858
+ gap: 10px;
859
+ padding: 10px 14px;
860
+ border-bottom: 1px solid var(--line);
861
+ }
862
+ .embed-head .unfurl-kind {
863
+ flex: 0 0 auto;
864
+ }
865
+ .embed-title {
866
+ flex: 1;
867
+ min-width: 0;
868
+ font-weight: 650;
869
+ font-size: 14px;
870
+ color: var(--ink);
871
+ text-decoration: none;
872
+ white-space: nowrap;
873
+ overflow: hidden;
874
+ text-overflow: ellipsis;
875
+ }
876
+ .embed-title:hover {
877
+ color: var(--accent);
878
+ }
879
+ .embed-open {
880
+ flex: 0 0 auto;
881
+ font-family: var(--mono);
882
+ font-size: 12px;
883
+ color: var(--accent);
884
+ text-decoration: none;
885
+ }
886
+ .embed-frame {
887
+ display: block;
888
+ width: 100%;
889
+ height: 560px;
890
+ border: 0;
891
+ background: var(--code-bg);
892
+ }
893
+
894
+ .dashboard-shell {
895
+ display: block;
896
+ }
897
+ .dashboard-shell .dashboard-frame {
898
+ display: block;
899
+ width: 100%;
900
+ height: 900px;
901
+ border: 0;
902
+ background: var(--code-bg);
903
+ }
904
+
905
+ .unfurl.image {
906
+ padding: 0;
907
+ }
908
+ .unfurl.image img {
909
+ display: block;
910
+ width: 100%;
911
+ height: auto;
912
+ max-height: 460px;
913
+ object-fit: contain;
914
+ background: var(--code-bg);
915
+ }
916
+
917
+ .artifact-chip {
918
+ border: 1px solid var(--line);
919
+ background: var(--panel);
920
+ border-radius: var(--radius);
921
+ padding: 10px 14px;
922
+ margin: 8px 0;
923
+ font-size: 14px;
924
+ }
925
+ .cell.dashboard .artifact-chip {
926
+ margin: 14px 18px 18px;
927
+ }
928
+ .artifact-chip code {
929
+ color: var(--accent);
930
+ }
931
+
932
+ /* ---- task board ---- */
933
+ .board-wrap {
934
+ overflow-x: auto;
935
+ border: 1px solid var(--line);
936
+ border-radius: var(--radius);
937
+ margin: 12px 0 20px;
938
+ background: var(--panel);
939
+ }
940
+ table.board {
941
+ border-collapse: collapse;
942
+ width: 100%;
943
+ font-size: 14px;
944
+ }
945
+ table.board th,
946
+ table.board td {
947
+ text-align: left;
948
+ padding: 9px 14px;
949
+ border-bottom: 1px solid var(--line);
950
+ vertical-align: top;
951
+ }
952
+ table.board thead th {
953
+ background: var(--accent-soft);
954
+ font-size: 12px;
955
+ text-transform: uppercase;
956
+ letter-spacing: 0.05em;
957
+ color: #9a4a12;
958
+ font-weight: 600;
959
+ border-bottom: 1px solid var(--line);
960
+ }
961
+ table.board tbody tr:last-child td {
962
+ border-bottom: none;
963
+ }
964
+ table.board .col-check {
965
+ text-align: center;
966
+ width: 92px;
967
+ white-space: nowrap;
968
+ }
969
+ table.board tr.section-row td {
970
+ background: var(--accent-soft);
971
+ text-align: center;
972
+ font-weight: 700;
973
+ font-size: 13px;
974
+ color: var(--accent-strong);
975
+ padding: 7px 14px;
976
+ letter-spacing: 0.02em;
977
+ }
978
+ .box {
979
+ display: inline-flex;
980
+ align-items: center;
981
+ justify-content: center;
982
+ width: 18px;
983
+ height: 18px;
984
+ border: 1.5px solid #cfcbe0;
985
+ border-radius: 5px;
986
+ font-size: 12px;
987
+ color: #fff;
988
+ line-height: 1;
989
+ }
990
+ .box.on {
991
+ background: var(--accent);
992
+ border-color: var(--accent);
993
+ }
994
+ .who-chip {
995
+ display: inline-block;
996
+ padding: 3px 12px;
997
+ border-radius: 999px;
998
+ font-size: 12.5px;
999
+ font-weight: 600;
1000
+ white-space: nowrap;
1001
+ }
1002
+ .who-chip.muted {
1003
+ background: var(--code-bg);
1004
+ color: var(--muted);
1005
+ font-weight: 500;
1006
+ }
1007
+
1008
+ /* ---- status badges + clickable rows ---- */
1009
+ table.board .col-status {
1010
+ width: 130px;
1011
+ white-space: nowrap;
1012
+ }
1013
+ .badge {
1014
+ display: inline-block;
1015
+ padding: 3px 11px;
1016
+ border-radius: 999px;
1017
+ font-size: 12px;
1018
+ font-weight: 600;
1019
+ letter-spacing: 0.01em;
1020
+ }
1021
+ .badge.gray {
1022
+ background: var(--code-bg);
1023
+ color: var(--muted);
1024
+ }
1025
+ .badge.amber {
1026
+ background: var(--accent-soft);
1027
+ color: #b45309;
1028
+ }
1029
+ .badge.green {
1030
+ background: #e6f7ee;
1031
+ color: #1a8a55;
1032
+ }
1033
+ .badge.red {
1034
+ background: #fde8ec;
1035
+ color: #c62a4b;
1036
+ }
1037
+ table.board tr.linked-row {
1038
+ cursor: pointer;
1039
+ }
1040
+ table.board tr.linked-row:hover td {
1041
+ background: var(--accent-soft);
1042
+ }
1043
+ table.board tr.linked-row a {
1044
+ color: var(--ink);
1045
+ font-weight: 600;
1046
+ text-decoration: none;
1047
+ }
1048
+ table.board tr.linked-row:hover a {
1049
+ color: var(--accent-strong);
1050
+ }
1051
+
1052
+ /* ---- agent read hint ---- */
1053
+ .agent-hint {
1054
+ display: flex;
1055
+ align-items: center;
1056
+ flex-wrap: wrap;
1057
+ gap: 8px;
1058
+ margin: 4px 0 22px;
1059
+ font-size: 12.5px;
1060
+ color: var(--muted);
1061
+ }
1062
+ #page .agent-hint code {
1063
+ background: var(--code-bg);
1064
+ padding: 2px 9px;
1065
+ border-radius: 6px;
1066
+ font-family: var(--mono);
1067
+ font-size: 12px;
1068
+ font-weight: 500;
1069
+ color: var(--ink);
1070
+ }
1071
+ .agent-hint .copy {
1072
+ flex: 0 0 auto;
1073
+ background: none;
1074
+ color: var(--muted);
1075
+ border: 1px solid var(--line);
1076
+ border-radius: 6px;
1077
+ width: 22px;
1078
+ height: 22px;
1079
+ font-size: 11px;
1080
+ line-height: 1;
1081
+ cursor: pointer;
1082
+ transition: color 0.12s, border-color 0.12s;
1083
+ }
1084
+ .agent-hint .copy:hover {
1085
+ color: var(--accent-strong);
1086
+ border-color: var(--accent);
1087
+ }
1088
+ .agent-hint .copy.copied {
1089
+ color: #1a8a55;
1090
+ border-color: #1a8a55;
1091
+ }
1092
+ .agent-hint-note {
1093
+ margin-left: auto;
1094
+ font-size: 12px;
1095
+ color: var(--muted);
1096
+ }
1097
+
1098
+ /* ---- logbook summary stats ---- */
1099
+ .logbook-stats {
1100
+ display: flex;
1101
+ flex-wrap: wrap;
1102
+ gap: 12px;
1103
+ margin: 0 0 28px;
1104
+ }
1105
+ .stat-tile {
1106
+ position: relative;
1107
+ display: inline-flex;
1108
+ align-items: center;
1109
+ gap: 11px;
1110
+ border: 1px solid var(--line);
1111
+ background: var(--panel);
1112
+ border-radius: var(--radius);
1113
+ padding: 12px 23px;
1114
+ font: inherit;
1115
+ text-align: left;
1116
+ cursor: pointer;
1117
+ transition: border-color 0.12s, box-shadow 0.12s;
1118
+ }
1119
+ .stat-tile:hover:not([disabled]) {
1120
+ border-color: rgba(249, 115, 22, 0.45);
1121
+ box-shadow: 0 3px 12px rgba(31, 41, 55, 0.06);
1122
+ }
1123
+ .stat-tile:focus-visible {
1124
+ outline: 2px solid var(--accent);
1125
+ outline-offset: 2px;
1126
+ }
1127
+ .stat-tile[disabled] {
1128
+ cursor: default;
1129
+ opacity: 0.7;
1130
+ }
1131
+ .stat-tile.open {
1132
+ border-color: rgba(249, 115, 22, 0.6);
1133
+ box-shadow: 0 3px 12px rgba(31, 41, 55, 0.08);
1134
+ }
1135
+ .stat-icon {
1136
+ width: 24px;
1137
+ height: 24px;
1138
+ flex: 0 0 24px;
1139
+ object-fit: contain;
1140
+ align-self: center;
1141
+ }
1142
+ .stat-text {
1143
+ display: flex;
1144
+ align-items: baseline;
1145
+ gap: 8px;
1146
+ white-space: nowrap;
1147
+ line-height: 1;
1148
+ }
1149
+ .stat-num {
1150
+ font-family: var(--mono);
1151
+ font-size: 20px;
1152
+ font-weight: 600;
1153
+ line-height: 1;
1154
+ color: var(--accent-strong);
1155
+ }
1156
+ .stat-label {
1157
+ font-size: 15px;
1158
+ line-height: 1;
1159
+ color: var(--muted);
1160
+ }
1161
+ .stat-caret {
1162
+ margin-left: 2px;
1163
+ font-size: 10px;
1164
+ color: var(--muted);
1165
+ align-self: center;
1166
+ transition: transform 0.12s;
1167
+ }
1168
+ .stat-tile.open .stat-caret {
1169
+ transform: rotate(180deg);
1170
+ }
1171
+ .stat-popover {
1172
+ position: absolute;
1173
+ top: 100%;
1174
+ left: 0;
1175
+ margin-top: 6px;
1176
+ min-width: 300px;
1177
+ max-width: min(460px, 92vw);
1178
+ max-height: 340px;
1179
+ overflow-y: auto;
1180
+ z-index: 20;
1181
+ background: var(--panel);
1182
+ border: 1px solid var(--line);
1183
+ border-radius: var(--radius);
1184
+ box-shadow: 0 8px 28px rgba(31, 41, 55, 0.12);
1185
+ padding: 6px;
1186
+ }
1187
+ .stat-popover[hidden] {
1188
+ display: none;
1189
+ }
1190
+ .stat-pop-head {
1191
+ padding: 6px 10px 8px;
1192
+ font-size: 11.5px;
1193
+ font-weight: 700;
1194
+ letter-spacing: 0.03em;
1195
+ text-transform: uppercase;
1196
+ color: var(--muted);
1197
+ }
1198
+ .stat-row {
1199
+ display: flex;
1200
+ align-items: flex-start;
1201
+ gap: 10px;
1202
+ padding: 9px 11px;
1203
+ border-radius: 9px;
1204
+ border: 1px solid transparent;
1205
+ text-decoration: none;
1206
+ color: inherit;
1207
+ cursor: pointer;
1208
+ }
1209
+ .stat-row:hover {
1210
+ border-color: rgba(249, 115, 22, 0.4);
1211
+ background: var(--accent-soft);
1212
+ }
1213
+ .stat-row-ico {
1214
+ font-size: 15px;
1215
+ line-height: 1.3;
1216
+ flex: 0 0 auto;
1217
+ }
1218
+ .stat-row-main {
1219
+ min-width: 0;
1220
+ flex: 1;
1221
+ }
1222
+ .stat-row-title {
1223
+ font-family: var(--mono);
1224
+ font-size: 12.5px;
1225
+ font-weight: 600;
1226
+ color: var(--ink);
1227
+ overflow: hidden;
1228
+ text-overflow: ellipsis;
1229
+ white-space: nowrap;
1230
+ }
1231
+ .stat-row-meta {
1232
+ margin-top: 2px;
1233
+ font-size: 12px;
1234
+ color: var(--muted);
1235
+ }
1236
+ .stat-row-state.open {
1237
+ color: var(--accent);
1238
+ font-weight: 600;
1239
+ border-radius: 5px;
1240
+ padding: 1px 5px;
1241
+ margin: -1px -2px;
1242
+ }
1243
+ .stat-row-state.open:hover {
1244
+ background: rgba(249, 115, 22, 0.14);
1245
+ text-decoration: underline;
1246
+ }
1247
+ .art-ico {
1248
+ width: 1em;
1249
+ height: 1em;
1250
+ object-fit: contain;
1251
+ vertical-align: -0.15em;
1252
+ }
1253
+
1254
+ /* ---- scroll-to-resource highlight ---- */
1255
+ .res-flash {
1256
+ animation: res-flash 1.5s ease;
1257
+ border-radius: 8px;
1258
+ }
1259
+ @keyframes res-flash {
1260
+ 0%,
1261
+ 25% {
1262
+ box-shadow: 0 0 0 3px var(--accent);
1263
+ }
1264
+ 100% {
1265
+ box-shadow: 0 0 0 3px rgba(249, 115, 22, 0);
1266
+ }
1267
+ }
1268
+
1269
+ /* ---- inline resource chips ---- */
1270
+ #page .res-chip {
1271
+ display: inline-flex;
1272
+ align-items: center;
1273
+ gap: 5px;
1274
+ max-width: 100%;
1275
+ padding: 0 9px 0 6px;
1276
+ margin: 0 1px;
1277
+ border: 1px solid var(--line);
1278
+ border-radius: 999px;
1279
+ background: var(--panel);
1280
+ font-family: var(--mono);
1281
+ font-size: 0.78em;
1282
+ font-weight: 600;
1283
+ color: var(--ink);
1284
+ text-decoration: none;
1285
+ white-space: nowrap;
1286
+ overflow: hidden;
1287
+ text-overflow: ellipsis;
1288
+ vertical-align: middle;
1289
+ line-height: 1.65;
1290
+ transform: translateY(-0.08em);
1291
+ transition: border-color 0.12s, background 0.12s, color 0.12s;
1292
+ }
1293
+ .res-chip-ico {
1294
+ font-size: 1.05em;
1295
+ line-height: 1;
1296
+ }
1297
+ #page .res-chip:hover,
1298
+ #page .res-chip.res-hl {
1299
+ border-color: var(--accent);
1300
+ background: var(--accent-soft);
1301
+ color: var(--accent-strong);
1302
+ }
1303
+ #page a.res-link.res-hl {
1304
+ background: var(--accent-soft);
1305
+ border-radius: 4px;
1306
+ }
1307
+ .rail-item.res-hl {
1308
+ border-color: var(--accent);
1309
+ background: var(--accent-soft);
1310
+ box-shadow: 0 3px 12px rgba(249, 115, 22, 0.14);
1311
+ }
1312
+ .rail-item.res-hl .rail-title {
1313
+ color: var(--accent-strong);
1314
+ }
1315
+ .rail-item.rail-local {
1316
+ cursor: default;
1317
+ }
1318
+ .artifact-chip.res-hl {
1319
+ border-color: var(--accent);
1320
+ background: var(--accent-soft);
1321
+ }
1322
+
1323
+ /* ---- contextual resources rail ---- */
1324
+ .context-rail {
1325
+ position: relative;
1326
+ width: 248px;
1327
+ }
1328
+ .context-rail[hidden] {
1329
+ display: none;
1330
+ }
1331
+ .rail-kind {
1332
+ display: flex;
1333
+ align-items: center;
1334
+ gap: 5px;
1335
+ font-family: var(--mono);
1336
+ font-size: 10px;
1337
+ text-transform: uppercase;
1338
+ letter-spacing: 0.08em;
1339
+ font-weight: 600;
1340
+ color: var(--accent);
1341
+ margin-bottom: 4px;
1342
+ }
1343
+ .rail-item {
1344
+ position: absolute;
1345
+ left: 0;
1346
+ right: 0;
1347
+ display: block;
1348
+ border: 1px solid var(--line);
1349
+ border-radius: 10px;
1350
+ background: var(--panel);
1351
+ padding: 9px 12px;
1352
+ margin-bottom: 8px;
1353
+ text-decoration: none;
1354
+ color: inherit;
1355
+ transition: border-color 0.14s, box-shadow 0.14s;
1356
+ }
1357
+ .rail-item:hover {
1358
+ border-color: rgba(249, 115, 22, 0.45);
1359
+ box-shadow: 0 3px 12px rgba(31, 41, 55, 0.06);
1360
+ }
1361
+ .rail-title {
1362
+ font-family: var(--mono);
1363
+ font-size: 12.5px;
1364
+ font-weight: 600;
1365
+ color: var(--ink);
1366
+ overflow-wrap: anywhere;
1367
+ line-height: 1.4;
1368
+ }
1369
+ .rail-item:hover .rail-title {
1370
+ color: var(--accent-strong);
1371
+ }
1372
+ .rail-meta {
1373
+ font-size: 11.5px;
1374
+ color: var(--muted);
1375
+ margin-top: 2px;
1376
+ }
1377
+
1378
+ @media (max-width: 1400px) {
1379
+ .page-layout {
1380
+ display: block;
1381
+ }
1382
+ .context-rail {
1383
+ width: 100%;
1384
+ margin-top: 28px;
1385
+ position: static;
1386
+ min-height: 0 !important;
1387
+ display: grid;
1388
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
1389
+ gap: 10px;
1390
+ }
1391
+ .context-rail[hidden] {
1392
+ display: none;
1393
+ }
1394
+ .context-rail .rail-item {
1395
+ position: static;
1396
+ margin-bottom: 0;
1397
+ }
1398
+ }
1399
+
1400
+ /* ---- connect footer + modal ---- */
1401
+ #sidebar-foot {
1402
+ margin-top: auto;
1403
+ padding-top: 14px;
1404
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
1405
+ }
1406
+
1407
+ #connect-btn {
1408
+ width: 100%;
1409
+ display: flex;
1410
+ align-items: center;
1411
+ gap: 8px;
1412
+ background: rgba(255, 255, 255, 0.05);
1413
+ color: #c3c4cb;
1414
+ border: 1px solid rgba(255, 255, 255, 0.12);
1415
+ border-radius: 9px;
1416
+ padding: 9px 12px;
1417
+ font-size: 13.5px;
1418
+ font-family: var(--sans);
1419
+ cursor: pointer;
1420
+ transition: background 0.12s, color 0.12s, border-color 0.12s;
1421
+ }
1422
+ #connect-btn:hover {
1423
+ background: rgba(249, 115, 22, 0.14);
1424
+ border-color: rgba(249, 115, 22, 0.4);
1425
+ color: #fdba74;
1426
+ }
1427
+ #connect-btn .ico {
1428
+ font-size: 15px;
1429
+ }
1430
+
1431
+ #modal[hidden] {
1432
+ display: none;
1433
+ }
1434
+ #modal {
1435
+ position: fixed;
1436
+ inset: 0;
1437
+ z-index: 100;
1438
+ display: flex;
1439
+ align-items: center;
1440
+ justify-content: center;
1441
+ padding: 24px;
1442
+ }
1443
+ .modal-backdrop {
1444
+ position: absolute;
1445
+ inset: 0;
1446
+ background: rgba(20, 18, 30, 0.5);
1447
+ backdrop-filter: blur(2px);
1448
+ }
1449
+ .modal-card {
1450
+ position: relative;
1451
+ background: var(--panel);
1452
+ border-radius: 16px;
1453
+ width: 100%;
1454
+ max-width: 620px;
1455
+ max-height: 85vh;
1456
+ overflow-y: auto;
1457
+ box-shadow: 0 24px 70px rgba(20, 15, 50, 0.28);
1458
+ }
1459
+ .modal-head {
1460
+ display: flex;
1461
+ align-items: center;
1462
+ justify-content: space-between;
1463
+ gap: 12px;
1464
+ padding: 18px 22px;
1465
+ border-bottom: 1px solid var(--line);
1466
+ position: sticky;
1467
+ top: 0;
1468
+ background: var(--panel);
1469
+ }
1470
+ .modal-title {
1471
+ display: flex;
1472
+ align-items: center;
1473
+ gap: 10px;
1474
+ font-family: var(--serif);
1475
+ font-size: 21px;
1476
+ letter-spacing: -0.01em;
1477
+ }
1478
+ .modal-logo {
1479
+ width: 26px;
1480
+ height: 26px;
1481
+ object-fit: contain;
1482
+ }
1483
+ .modal-actions {
1484
+ display: flex;
1485
+ align-items: center;
1486
+ gap: 8px;
1487
+ }
1488
+ .btn {
1489
+ font-family: var(--sans);
1490
+ font-size: 13.5px;
1491
+ font-weight: 600;
1492
+ border: 1px solid var(--line);
1493
+ background: var(--panel);
1494
+ color: var(--ink);
1495
+ border-radius: 9px;
1496
+ padding: 8px 13px;
1497
+ cursor: pointer;
1498
+ transition: background 0.12s, border-color 0.12s, color 0.12s;
1499
+ }
1500
+ .btn:hover {
1501
+ border-color: var(--accent);
1502
+ color: var(--accent-strong);
1503
+ }
1504
+ .btn.copied {
1505
+ border-color: #1a8a55;
1506
+ color: #1a8a55;
1507
+ }
1508
+ .btn.icon {
1509
+ font-size: 18px;
1510
+ line-height: 1;
1511
+ padding: 6px 11px;
1512
+ font-weight: 400;
1513
+ }
1514
+ .modal-body {
1515
+ padding: 20px 22px 26px;
1516
+ }
1517
+ .modal-intro {
1518
+ margin: 0 0 20px;
1519
+ color: var(--muted);
1520
+ line-height: 1.55;
1521
+ }
1522
+ #connect-steps {
1523
+ list-style: none;
1524
+ margin: 0;
1525
+ padding: 0;
1526
+ }
1527
+ #connect-steps li {
1528
+ margin-bottom: 18px;
1529
+ }
1530
+ .step-title {
1531
+ font-weight: 600;
1532
+ font-size: 14.5px;
1533
+ margin-bottom: 8px;
1534
+ }
1535
+ .codeblock {
1536
+ display: flex;
1537
+ align-items: center;
1538
+ gap: 8px;
1539
+ background: #17181c;
1540
+ border-radius: 10px;
1541
+ padding: 11px 12px 11px 15px;
1542
+ }
1543
+ .codeblock code {
1544
+ flex: 1;
1545
+ min-width: 0;
1546
+ overflow-x: auto;
1547
+ white-space: nowrap;
1548
+ font-family: var(--mono);
1549
+ font-size: 13px;
1550
+ color: #f0efff;
1551
+ background: none;
1552
+ padding: 0;
1553
+ }
1554
+ .codeblock .copy {
1555
+ flex: 0 0 auto;
1556
+ background: rgba(255, 255, 255, 0.08);
1557
+ color: #c3c4cb;
1558
+ border: 1px solid rgba(255, 255, 255, 0.14);
1559
+ border-radius: 7px;
1560
+ width: 30px;
1561
+ height: 30px;
1562
+ font-size: 14px;
1563
+ cursor: pointer;
1564
+ transition: background 0.12s, color 0.12s;
1565
+ }
1566
+ .codeblock .copy:hover {
1567
+ background: rgba(249, 115, 22, 0.2);
1568
+ color: #fdba74;
1569
+ }
1570
+ .codeblock .copy.copied {
1571
+ color: #52d08a;
1572
+ }
1573
+
1574
+ @media (max-width: 720px) {
1575
+ #app {
1576
+ flex-direction: column;
1577
+ }
1578
+ #sidebar {
1579
+ width: 100%;
1580
+ flex: none;
1581
+ height: auto;
1582
+ position: static;
1583
+ }
1584
+ #content {
1585
+ display: block;
1586
+ width: 100%;
1587
+ padding: 28px 20px 80px;
1588
+ overflow-x: hidden;
1589
+ }
1590
+ #page {
1591
+ width: 100%;
1592
+ max-width: 100%;
1593
+ }
1594
+ #page h1 {
1595
+ font-size: 30px;
1596
+ }
1597
+ .cell-head {
1598
+ align-items: flex-start;
1599
+ flex-direction: column;
1600
+ gap: 4px;
1601
+ }
1602
+ }
logbook.js ADDED
@@ -0,0 +1,2275 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ (function () {
2
+ "use strict";
3
+
4
+ let MANIFEST = null;
5
+ const PAGE_CACHE = {};
6
+ const UNFURL_CACHE = {};
7
+ const LIVE_RELOAD_MS = 1500;
8
+ const FIGURE_FRAME_WINDOWS = new Set();
9
+ let FIGURE_NAVIGATION_READY = false;
10
+
11
+ function esc(s) {
12
+ return String(s)
13
+ .replace(/&/g, "&amp;")
14
+ .replace(/</g, "&lt;")
15
+ .replace(/>/g, "&gt;")
16
+ .replace(/"/g, "&quot;")
17
+ .replace(/'/g, "&#39;");
18
+ }
19
+
20
+ function flattenTree(node, depth, acc) {
21
+ acc.push({ node: node, depth: depth });
22
+ (node.children || []).forEach((c) => flattenTree(c, depth + 1, acc));
23
+ return acc;
24
+ }
25
+
26
+ function findNode(node, slug) {
27
+ if (node.slug === slug) return node;
28
+ for (const c of node.children || []) {
29
+ const hit = findNode(c, slug);
30
+ if (hit) return hit;
31
+ }
32
+ return null;
33
+ }
34
+
35
+ /* -------------------- minimal markdown -------------------- */
36
+
37
+ function inline(text) {
38
+ let t = esc(text);
39
+ t = t.replace(/`([^`]+)`/g, (_, c) => `<code>${c}</code>`);
40
+ t = t.replace(/\*\*([^*]+)\*\*/g, (_, c) => `<strong>${c}</strong>`);
41
+ t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_, txt, url) => {
42
+ const safe = esc(url);
43
+ const attrs = /^https?:/.test(url) ? ' target="_blank" rel="noopener"' : "";
44
+ const item = /^https?:/.test(url) ? classifyResource(url) : null;
45
+ const data = item
46
+ ? ` class="res-link" data-res-url="${esc(item.url)}"`
47
+ : "";
48
+ return `<a href="${safe}"${attrs}${data}>${txt}</a>`;
49
+ });
50
+ t = t.replace(/(^|[\s(])(https?:\/\/[^\s<>)"'`]+)/g, (m, pre, url) => {
51
+ let rest = "";
52
+ const cut = url.search(/&quot;|&#39;|&lt;|&gt;/);
53
+ if (cut !== -1) {
54
+ rest = url.slice(cut);
55
+ url = url.slice(0, cut);
56
+ }
57
+ const trailing = (url.match(/[.,;:!?`]+$/) || [""])[0];
58
+ const clean = trailing ? url.slice(0, -trailing.length) : url;
59
+ if (!clean) return m;
60
+ const item = classifyResource(clean);
61
+ if (item) return `${pre}${resChipHtml(item)}${trailing}${rest}`;
62
+ return `${pre}<a href="${clean}" target="_blank" rel="noopener">${clean}</a>${trailing}${rest}`;
63
+ });
64
+ return t;
65
+ }
66
+
67
+ function resChipHtml(item) {
68
+ return (
69
+ `<a class="res-chip" href="${esc(item.url)}" target="_blank" ` +
70
+ `rel="noopener" data-res-url="${esc(item.url)}">` +
71
+ `<span class="res-chip-ico">${RESOURCE_ICONS[item.kind]}</span>` +
72
+ `${esc(item.id)}</a>`
73
+ );
74
+ }
75
+
76
+ const URL_ONLY = /^(https?:\/\/[^\s]+)$/;
77
+ const DETECTED_URL =
78
+ /(https?:\/\/[^\s<>)\]"'`]+|trackio-local-dashboard:\/\/[^\s<>)\]"'`]+|trackio-artifact:\/\/[^\s<>)\]"'`]+|trackio-local-path:\/\/[^\s<>)\]"'`]+)/g;
79
+
80
+ function renderMarkdown(md, container) {
81
+ const cellRe = /(^|\n)---\n<!-- trackio-cell\n([\s\S]*?)\n-->\n([\s\S]*?)(?=\n---\n<!-- trackio-cell\n|\s*$)/g;
82
+ const tokens = [];
83
+ let pos = 0;
84
+ let found = false;
85
+ let match;
86
+ while ((match = cellRe.exec(md))) {
87
+ found = true;
88
+ tokens.push({
89
+ kind: "md",
90
+ text: md.slice(pos, match.index + match[1].length),
91
+ });
92
+ tokens.push({
93
+ kind: "cell",
94
+ meta: parseCellMeta(match[2]),
95
+ body: match[3],
96
+ });
97
+ pos = match.index + match[0].length;
98
+ }
99
+ tokens.push({ kind: "md", text: found ? md.slice(pos) : md });
100
+
101
+ for (let i = 0; i < tokens.length; i++) {
102
+ const t = tokens[i];
103
+ if (t.kind === "md") {
104
+ renderMarkdownPlain(t.text, container);
105
+ continue;
106
+ }
107
+ if (t.consumed) continue;
108
+ if (t.meta.type === "code") {
109
+ const arts = [];
110
+ for (let j = i + 1; j < tokens.length; j++) {
111
+ const n = tokens[j];
112
+ if (n.kind === "md") {
113
+ if (n.text.trim() === "") continue;
114
+ break;
115
+ }
116
+ if (n.meta.type === "artifact") {
117
+ arts.push(n);
118
+ n.consumed = true;
119
+ continue;
120
+ }
121
+ break;
122
+ }
123
+ renderCell(t.meta, t.body, container, arts);
124
+ } else {
125
+ renderCell(t.meta, t.body, container);
126
+ }
127
+ }
128
+ }
129
+
130
+ function parseCellMeta(raw) {
131
+ try {
132
+ return JSON.parse(raw);
133
+ } catch (e) {
134
+ return { type: "markdown", title: "Note" };
135
+ }
136
+ }
137
+
138
+ function renderMarkdownPlain(md, container) {
139
+ const lines = md.replace(/<!--[\s\S]*?-->/g, "").split("\n");
140
+ let i = 0;
141
+ let para = [];
142
+
143
+ function flushPara() {
144
+ if (!para.length) return;
145
+ const joined = para.join(" ").trim();
146
+ para = [];
147
+ if (!joined) return;
148
+ if (/^trackio-artifact:\/\/\S+$/.test(joined)) return;
149
+ if (/^trackio-local-path:\/\/\S+$/.test(joined)) return;
150
+ if (joined.indexOf("📦 Artifact") !== -1) {
151
+ const div = document.createElement("div");
152
+ div.className = "artifact-chip";
153
+ div.innerHTML = ARTIFACT_ICON_IMG + inline(joined.replace(/📦\s*/, ""));
154
+ container.appendChild(div);
155
+ return;
156
+ }
157
+ if (URL_ONLY.test(joined) || IMG_PATH.test(joined)) {
158
+ const el = renderStandaloneUrl(joined);
159
+ if (el) container.appendChild(el);
160
+ return;
161
+ }
162
+ const p = document.createElement("p");
163
+ p.innerHTML = inline(joined);
164
+ container.appendChild(p);
165
+ }
166
+
167
+ while (i < lines.length) {
168
+ const line = lines[i];
169
+ const trimmed = line.trim();
170
+
171
+ if (trimmed === "") {
172
+ flushPara();
173
+ i++;
174
+ continue;
175
+ }
176
+ const fence = trimmed.match(/^(`{3,}|~{3,})(.*)$/);
177
+ if (fence) {
178
+ flushPara();
179
+ const marker = fence[1][0];
180
+ const closeRe = new RegExp("^" + marker + "{" + fence[1].length + ",}\\s*$");
181
+ const info = fence[2].trim();
182
+ const buf = [];
183
+ i++;
184
+ while (i < lines.length && !closeRe.test(lines[i].trim())) {
185
+ buf.push(lines[i]);
186
+ i++;
187
+ }
188
+ i++;
189
+ const lang = (info.split(/\s+/)[0] || "").toLowerCase();
190
+ const tm = info.match(/title=(\S+)/);
191
+ container.appendChild(
192
+ renderCode(buf.join("\n"), lang, tm ? tm[1] : null)
193
+ );
194
+ continue;
195
+ }
196
+ if (trimmed === "---") {
197
+ flushPara();
198
+ container.appendChild(document.createElement("hr"));
199
+ i++;
200
+ continue;
201
+ }
202
+ const h = trimmed.match(/^(#{1,4})\s+(.*)$/);
203
+ if (h) {
204
+ flushPara();
205
+ const el = document.createElement("h" + h[1].length);
206
+ el.innerHTML = inline(h[2]);
207
+ container.appendChild(el);
208
+ i++;
209
+ continue;
210
+ }
211
+ if (
212
+ trimmed.startsWith("|") &&
213
+ i + 1 < lines.length &&
214
+ /^\|?[\s:|-]*-{2,}[\s:|-]*\|?$/.test(lines[i + 1].trim())
215
+ ) {
216
+ flushPara();
217
+ const rows = [];
218
+ while (i < lines.length && lines[i].trim().startsWith("|")) {
219
+ rows.push(parseRow(lines[i].trim()));
220
+ i++;
221
+ }
222
+ renderTable(rows, container);
223
+ continue;
224
+ }
225
+ if (trimmed.startsWith("> ")) {
226
+ flushPara();
227
+ const bq = document.createElement("blockquote");
228
+ bq.innerHTML = inline(trimmed.slice(2));
229
+ container.appendChild(bq);
230
+ i++;
231
+ continue;
232
+ }
233
+ if (/^`[^`]+`$/.test(trimmed)) {
234
+ flushPara();
235
+ const el = document.createElement("div");
236
+ el.className = "ts";
237
+ el.textContent = trimmed.replace(/`/g, "");
238
+ container.appendChild(el);
239
+ i++;
240
+ continue;
241
+ }
242
+ if (trimmed.startsWith("- ")) {
243
+ flushPara();
244
+ const items = [];
245
+ while (i < lines.length && lines[i].trim().startsWith("- ")) {
246
+ items.push(lines[i].trim().slice(2).trim());
247
+ i++;
248
+ }
249
+ renderList(items, container);
250
+ continue;
251
+ }
252
+ para.push(trimmed);
253
+ i++;
254
+ }
255
+ flushPara();
256
+ }
257
+
258
+ function renderCell(meta, body, container, artifacts) {
259
+ const cell = document.createElement("section");
260
+ cell.className = `cell ${meta.type || "markdown"}`;
261
+ if (meta.id) cell.dataset.cellId = meta.id;
262
+ if (isPinned(meta)) cell.classList.add("pinned-source");
263
+
264
+ const head = document.createElement("div");
265
+ head.className = "cell-head";
266
+ const rawTitle = (meta.title || "").trim();
267
+ const title = rawTitle && rawTitle.toLowerCase() !== "untitled" ? esc(rawTitle) : "";
268
+ const when = meta.created_at ? `<span>${esc(formatTime(meta.created_at))}</span>` : "";
269
+ head.innerHTML =
270
+ (title ? `<div class="cell-title">${title}</div>` : "") +
271
+ `<div class="cell-meta">${when}</div>`;
272
+ if (!title) head.classList.add("no-title");
273
+ cell.appendChild(head);
274
+
275
+ const bodyEl = document.createElement("div");
276
+ bodyEl.className = "cell-body";
277
+ if (meta.type === "code") {
278
+ renderCodeCell(body, bodyEl, artifacts);
279
+ } else if (meta.type === "figure") {
280
+ cell.dataset.resUrl = `trackio-figure://${(meta.title || "Figure").trim()}`;
281
+ renderFigureCell(body, bodyEl, head);
282
+ } else if (meta.type === "artifact") {
283
+ renderMarkdownPlain(body, bodyEl);
284
+ const chip = bodyEl.querySelector(".artifact-chip");
285
+ const uri = body.match(
286
+ /(trackio-artifact:\/\/\S+|trackio-local-path:\/\/\S+|https:\/\/huggingface\.co\/buckets\/[^\s<)]+#\S+)/
287
+ );
288
+ if (chip && uri) chip.dataset.resUrl = uri[1];
289
+ } else if (meta.type === "dashboard") {
290
+ const sp = body.match(/https:\/\/huggingface\.co\/spaces\/[^\s<>)"'`]+/);
291
+ cell.dataset.resUrl = sp
292
+ ? sp[0]
293
+ : `trackio-local-dashboard://${(meta.dashboard_project || "").trim()}`;
294
+ renderDashboardCell(meta, body, bodyEl, head);
295
+ } else {
296
+ const cleaned = stripDuplicateTitle(body, meta.title);
297
+ renderMarkdownPlain(cleaned, bodyEl);
298
+ renderDetectedEmbeds(cleaned, bodyEl);
299
+ }
300
+ cell.appendChild(bodyEl);
301
+ container.appendChild(cell);
302
+ return cell;
303
+ }
304
+
305
+ function isPinned(meta) {
306
+ return Boolean(meta && (meta.pinned === true || meta.pinned === "true"));
307
+ }
308
+
309
+ function stripDuplicateTitle(body, title) {
310
+ if (!title) return body;
311
+ const m = body.match(/^\s*#{1,6}\s+([^\n]+)\n?/);
312
+ if (!m) return body;
313
+ const norm = (s) =>
314
+ s
315
+ .toLowerCase()
316
+ .replace(/[*_`#]/g, "")
317
+ .replace(/\s+/g, " ")
318
+ .trim();
319
+ return norm(m[1]) === norm(title) ? body.slice(m[0].length) : body;
320
+ }
321
+
322
+ function formatTime(iso) {
323
+ const d = new Date(iso);
324
+ if (Number.isNaN(d.getTime())) return iso;
325
+ return d.toLocaleString(undefined, {
326
+ month: "short",
327
+ day: "numeric",
328
+ hour: "2-digit",
329
+ minute: "2-digit",
330
+ });
331
+ }
332
+
333
+ function parseFences(text) {
334
+ const fenceRe = /(`{3,4}|~{3,4})([^\n]*)\n([\s\S]*?)\n\1/g;
335
+ const parts = [];
336
+ let pos = 0;
337
+ let match;
338
+ while ((match = fenceRe.exec(text))) {
339
+ if (match.index > pos) {
340
+ parts.push({ kind: "text", text: text.slice(pos, match.index) });
341
+ }
342
+ const info = match[2].trim();
343
+ const lang = (info.split(/\s+/)[0] || "").toLowerCase();
344
+ const titleMatch = info.match(/title=(\S+)/);
345
+ parts.push({
346
+ kind: lang === "result" || lang === "output" ? "output" : "code",
347
+ lang,
348
+ title: titleMatch ? titleMatch[1] : null,
349
+ text: match[3],
350
+ });
351
+ pos = match.index + match[0].length;
352
+ }
353
+ if (pos < text.length) parts.push({ kind: "text", text: text.slice(pos) });
354
+ return parts;
355
+ }
356
+
357
+ function fitFigureFrame(frame, wrap) {
358
+ let doc;
359
+ try {
360
+ doc = frame.contentDocument;
361
+ } catch (e) {
362
+ return;
363
+ }
364
+ if (!doc || !doc.body) return;
365
+ frame.style.transform = "none";
366
+ frame.style.width = "100%";
367
+ frame.style.height = "auto";
368
+ frame.style.position = "";
369
+ frame.style.left = "";
370
+ frame.style.top = "";
371
+ const avail = wrap.clientWidth;
372
+ const isFullscreen =
373
+ document.fullscreenElement === wrap ||
374
+ document.webkitFullscreenElement === wrap;
375
+ const availHeight = isFullscreen ? wrap.clientHeight : Infinity;
376
+ const cw = Math.max(doc.body.scrollWidth, doc.documentElement.scrollWidth, 1);
377
+ const ch = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight, 1);
378
+ const scale = Math.min(avail / cw, availHeight / ch);
379
+ if (avail && scale < 1 - 1e-3) {
380
+ frame.style.width = `${cw}px`;
381
+ frame.style.height = `${ch}px`;
382
+ frame.style.transformOrigin = "top left";
383
+ frame.style.transform = `scale(${scale})`;
384
+ if (isFullscreen) {
385
+ frame.style.position = "absolute";
386
+ frame.style.left = `${Math.max(0, (avail - cw * scale) / 2)}px`;
387
+ frame.style.top = `${Math.max(0, (availHeight - ch * scale) / 2)}px`;
388
+ wrap.style.height = "100%";
389
+ } else {
390
+ wrap.style.height = `${Math.ceil(ch * scale)}px`;
391
+ }
392
+ } else {
393
+ frame.style.width = "100%";
394
+ frame.style.height = `${ch}px`;
395
+ wrap.style.height = isFullscreen ? "100%" : `${ch}px`;
396
+ }
397
+ }
398
+
399
+ function attachFigureFit(frame, wrap) {
400
+ const refit = () => fitFigureFrame(frame, wrap);
401
+ frame.addEventListener("load", refit);
402
+ if (window.ResizeObserver) {
403
+ const ro = new ResizeObserver(() => refit());
404
+ ro.observe(wrap);
405
+ }
406
+ }
407
+
408
+ function renderFigureCell(text, container, head) {
409
+ const parts = parseFences(text);
410
+ const htmlPart = parts.find((part) => part.lang === "html");
411
+ const rawPart = parts.find((part) => part.lang === "raw");
412
+ if (!htmlPart || !htmlPart.text.trim()) {
413
+ const empty = document.createElement("p");
414
+ empty.className = "muted";
415
+ empty.textContent = "No figure HTML.";
416
+ container.appendChild(empty);
417
+ return;
418
+ }
419
+ const frame = document.createElement("iframe");
420
+ frame.className = "figure-frame";
421
+ frame.sandbox = "allow-scripts allow-same-origin";
422
+ frame.loading = "lazy";
423
+ frame.srcdoc = htmlPart.text;
424
+ registerFigureNavigation(frame);
425
+ const figWrap = document.createElement("div");
426
+ figWrap.className = "figure-fit";
427
+ figWrap.appendChild(frame);
428
+ attachFigureFit(frame, figWrap);
429
+ if (head) {
430
+ const metaEl = head.querySelector(".cell-meta");
431
+ if (metaEl)
432
+ metaEl.insertBefore(buildFullscreenControl(figWrap, frame), metaEl.firstChild);
433
+ }
434
+ if (!rawPart || !rawPart.text.trim()) {
435
+ container.appendChild(figWrap);
436
+ return;
437
+ }
438
+ const sw = document.createElement("div");
439
+ sw.className = "fig-switch";
440
+ const thumb = document.createElement("span");
441
+ thumb.className = "fig-switch-thumb";
442
+ const figBtn = document.createElement("button");
443
+ figBtn.type = "button";
444
+ figBtn.className = "active";
445
+ figBtn.textContent = "Figure";
446
+ const rawBtn = document.createElement("button");
447
+ rawBtn.type = "button";
448
+ rawBtn.textContent = "Raw";
449
+ sw.appendChild(thumb);
450
+ sw.appendChild(figBtn);
451
+ sw.appendChild(rawBtn);
452
+ const rawView = document.createElement("div");
453
+ rawView.className = "figure-raw";
454
+ rawView.hidden = true;
455
+ const pre = document.createElement("pre");
456
+ const code = document.createElement("code");
457
+ code.textContent = rawPart.text;
458
+ pre.appendChild(code);
459
+ rawView.appendChild(pre);
460
+ rawView.appendChild(copySnippetBtn(rawPart.text));
461
+ const select = (showRaw) => {
462
+ sw.classList.toggle("raw", showRaw);
463
+ figBtn.classList.toggle("active", !showRaw);
464
+ rawBtn.classList.toggle("active", showRaw);
465
+ figWrap.hidden = showRaw;
466
+ rawView.hidden = !showRaw;
467
+ };
468
+ figBtn.addEventListener("click", () => select(false));
469
+ rawBtn.addEventListener("click", () => select(true));
470
+ if (head) {
471
+ head.insertBefore(sw, head.querySelector(".cell-meta"));
472
+ } else {
473
+ container.appendChild(sw);
474
+ }
475
+ container.appendChild(figWrap);
476
+ container.appendChild(rawView);
477
+ }
478
+
479
+ // Poster embeds can send `{ type: "trackio-logbook:navigate", target: "..." }`
480
+ // from their iframe. Only accept messages from figure frames we created, and
481
+ // only route to pages that are present in this logbook's manifest.
482
+ function registerFigureNavigation(frame) {
483
+ const registerFrameWindow = () => {
484
+ if (frame.contentWindow) FIGURE_FRAME_WINDOWS.add(frame.contentWindow);
485
+ };
486
+ // `srcdoc` replaces the initial about:blank document. Register after that
487
+ // navigation as well, so messages come from the live figure document.
488
+ frame.addEventListener("load", registerFrameWindow);
489
+ registerFrameWindow();
490
+ if (FIGURE_NAVIGATION_READY) return;
491
+ FIGURE_NAVIGATION_READY = true;
492
+ window.addEventListener("message", (event) => {
493
+ if (!FIGURE_FRAME_WINDOWS.has(event.source)) return;
494
+ const message = event.data;
495
+ if (!message || message.type !== "trackio-logbook:navigate") return;
496
+ const target = String(message.target || "").replace(/^#?\//, "");
497
+ if (!target || !MANIFEST || !findNode(MANIFEST.root, target)) return;
498
+ const hash = "#/" + target;
499
+ if (location.hash === hash) scrollToHash();
500
+ else location.hash = hash;
501
+ });
502
+ }
503
+
504
+ const FULLSCREEN_ICON =
505
+ '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" ' +
506
+ 'stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' +
507
+ '<path d="M8 3H3v5M16 3h5v5M21 16v5h-5M3 16v5h5"/>' +
508
+ '<path d="M3 8 8 3M16 3l5 5M21 16l-5 5M8 21l-5-5"/></svg>';
509
+
510
+ // Figures are rendered in same-origin iframes, so fullscreen the fitted
511
+ // wrapper rather than the iframe document. This uses the browser's native
512
+ // fullscreen UI and preserves the figure's existing responsive sizing.
513
+ function buildFullscreenControl(figWrap, frame) {
514
+ const wrap = document.createElement("span");
515
+ wrap.className = "cell-fullscreen";
516
+ const btn = document.createElement("button");
517
+ btn.type = "button";
518
+ btn.className = "cell-fullscreen-btn";
519
+ btn.setAttribute("aria-label", "Open figure in fullscreen");
520
+ btn.title = "Open figure in fullscreen";
521
+ btn.innerHTML = FULLSCREEN_ICON;
522
+ wrap.appendChild(btn);
523
+
524
+ btn.addEventListener("click", async () => {
525
+ const request = figWrap.requestFullscreen || figWrap.webkitRequestFullscreen;
526
+ if (!request) return;
527
+ try {
528
+ await request.call(figWrap);
529
+ } catch (_) {
530
+ // Fullscreen can be disabled by the embedding browser or policy.
531
+ }
532
+ });
533
+ document.addEventListener("fullscreenchange", () => {
534
+ if (document.fullscreenElement === figWrap) fitFigureFrame(frame, figWrap);
535
+ });
536
+ return wrap;
537
+ }
538
+
539
+ function extractUrls(text) {
540
+ const seen = new Set();
541
+ const urls = [];
542
+ let match;
543
+ while ((match = DETECTED_URL.exec(text))) {
544
+ const url = match[1].replace(/[.,;:!?'"`]+$/, "");
545
+ if (!seen.has(url)) {
546
+ seen.add(url);
547
+ urls.push(url);
548
+ }
549
+ }
550
+ DETECTED_URL.lastIndex = 0;
551
+ return urls;
552
+ }
553
+
554
+ const IMG_URL = /(\.(png|jpe?g|gif|svg|webp)(\?|$)|\/artifact_blob\/)/i;
555
+
556
+ function renderDetectedEmbeds(text, container) {
557
+ extractUrls(text).forEach((url) => {
558
+ if (url.startsWith("trackio-local-dashboard://")) {
559
+ const div = document.createElement("div");
560
+ div.className = "artifact-chip";
561
+ div.dataset.resUrl = url;
562
+ div.innerHTML =
563
+ "🎯 <strong>Local Trackio dashboard</strong> — publish the logbook to share it";
564
+ container.appendChild(div);
565
+ } else if (IMG_URL.test(url)) {
566
+ container.appendChild(renderImage(url));
567
+ } else if (/huggingface\.co\/spaces\//.test(url)) {
568
+ maybeEmbedTrackioSpace(url, container);
569
+ }
570
+ });
571
+ }
572
+
573
+ function renderStandaloneUrl(url) {
574
+ if (IMG_URL.test(url) || IMG_PATH.test(url)) return renderImage(url);
575
+ const item = classifyResource(url);
576
+ if (item) {
577
+ const marker = document.createElement("span");
578
+ marker.className = "resource-anchor";
579
+ marker.dataset.resUrl = item.url;
580
+ marker.setAttribute("aria-hidden", "true");
581
+ return marker;
582
+ }
583
+ const p = document.createElement("p");
584
+ p.innerHTML = inline(url);
585
+ return p;
586
+ }
587
+
588
+ function renderImage(url) {
589
+ const a = document.createElement("a");
590
+ a.className = "unfurl image";
591
+ a.href = url;
592
+ a.target = "_blank";
593
+ a.rel = "noopener";
594
+ const img = document.createElement("img");
595
+ img.loading = "lazy";
596
+ img.src = url;
597
+ img.alt = "artifact image";
598
+ a.appendChild(img);
599
+ return a;
600
+ }
601
+
602
+ function maybeEmbedTrackioSpace(url, container) {
603
+ const id = url.split("/spaces/")[1].split(/[?#]/)[0].replace(/\/$/, "");
604
+ const holder = document.createElement("div");
605
+ container.appendChild(holder);
606
+ getJSON(`https://huggingface.co/api/spaces/${id}`).then((d) => {
607
+ const tags = (d && d.tags) || [];
608
+ if (tags.some((t) => String(t).toLowerCase() === "trackio")) {
609
+ renderTrackioSpaceEmbed(holder, url, id);
610
+ } else {
611
+ holder.remove();
612
+ }
613
+ });
614
+ }
615
+
616
+ function jpGutter(label) {
617
+ const g = document.createElement("div");
618
+ g.className = "jp-gutter";
619
+ g.textContent = label;
620
+ return g;
621
+ }
622
+
623
+ function renderOutArtifact(info) {
624
+ const remote = !info.local && !!info.url;
625
+ const el = document.createElement(remote ? "a" : "div");
626
+ el.className = "out-artifact";
627
+ if (remote) {
628
+ el.href = info.url;
629
+ el.target = "_blank";
630
+ el.rel = "noopener";
631
+ }
632
+ el.dataset.resUrl = info.resUrl;
633
+ const parts = [info.type, info.size].filter(Boolean).map(esc);
634
+ const state = remote
635
+ ? `<span class="out-artifact-state open">Open ↗</span>`
636
+ : `<span class="out-artifact-state">publish to share</span>`;
637
+ const meta = parts.length ? `${parts.join(" · ")} · ${state}` : state;
638
+ el.innerHTML =
639
+ `<span class="out-artifact-ico">${ARTIFACT_ICON_IMG}</span>` +
640
+ `<span class="out-artifact-name">${esc(info.name)}</span>` +
641
+ `<span class="out-artifact-meta">${meta}</span>`;
642
+ return el;
643
+ }
644
+
645
+ function renderCodeCell(body, container, artifacts) {
646
+ const parts = parseFences(body);
647
+ const block = document.createElement("div");
648
+ block.className = "jp";
649
+ const input = document.createElement("div");
650
+ input.className = "jp-in";
651
+ const inputBody = document.createElement("div");
652
+ inputBody.className = "jp-in-body";
653
+ input.appendChild(jpGutter("In"));
654
+ input.appendChild(inputBody);
655
+ let metaEl = null;
656
+ let outputEl = null;
657
+ let outBody = null;
658
+ const ensureOut = () => {
659
+ if (outputEl) return;
660
+ outputEl = document.createElement("div");
661
+ outputEl.className = "jp-out";
662
+ outputEl.appendChild(jpGutter("Out"));
663
+ outBody = document.createElement("div");
664
+ outBody.className = "jp-out-body";
665
+ outputEl.appendChild(outBody);
666
+ };
667
+ const embedTexts = [];
668
+ parts.forEach((part) => {
669
+ if (part.kind === "text") {
670
+ const text = part.text.trim();
671
+ if (!text) return;
672
+ if (/^exit\s+\S+(\s|·)/.test(text)) {
673
+ metaEl = document.createElement("div");
674
+ metaEl.className = "jp-meta";
675
+ metaEl.textContent = text.replace(
676
+ /\s*·\s*[A-Z][a-z]{2} \d{1,2}, \d{4}.*$/,
677
+ ""
678
+ );
679
+ } else {
680
+ renderMarkdownPlain(text, container);
681
+ embedTexts.push(text);
682
+ }
683
+ return;
684
+ }
685
+ if (part.kind === "output") {
686
+ ensureOut();
687
+ const pre = document.createElement("pre");
688
+ pre.className = "jp-out-pre";
689
+ const c = document.createElement("code");
690
+ c.textContent = part.text;
691
+ pre.appendChild(c);
692
+ outBody.appendChild(pre);
693
+ outputEl.appendChild(copySnippetBtn(part.text));
694
+ embedTexts.push(part.text);
695
+ return;
696
+ }
697
+ inputBody.appendChild(renderCode(part.text, part.lang, part.title));
698
+ });
699
+ if (artifacts && artifacts.length) {
700
+ ensureOut();
701
+ const artWrap = document.createElement("div");
702
+ artWrap.className = "jp-artifacts";
703
+ artifacts.forEach((a) => {
704
+ artWrap.appendChild(
705
+ renderOutArtifact(artifactInfoFromCell(a.meta, a.body))
706
+ );
707
+ });
708
+ outBody.appendChild(artWrap);
709
+ }
710
+ if (inputBody.childNodes.length > 0) block.appendChild(input);
711
+ if (metaEl) block.appendChild(metaEl);
712
+ if (outputEl) block.appendChild(outputEl);
713
+ if (block.childNodes.length) container.appendChild(block);
714
+ embedTexts.forEach((text) => renderDetectedEmbeds(text, container));
715
+ }
716
+
717
+ function parseRow(line) {
718
+ let s = line.trim();
719
+ if (s.startsWith("|")) s = s.slice(1);
720
+ if (s.endsWith("|")) s = s.slice(0, -1);
721
+ return s.split(/(?<!\\)\|/).map((c) => c.replace(/\\\|/g, "|").trim());
722
+ }
723
+
724
+ const TRUTHY = ["x", "✓", "✔", "yes", "done", "true", "[x]"];
725
+ const CHIP_COLORS = [
726
+ ["#e7f0ff", "#2158d0"],
727
+ ["#fde8ec", "#c62a4b"],
728
+ ["#e6f7ee", "#1a8a55"],
729
+ ["#fdf0e0", "#b26a12"],
730
+ ["#efe9ff", "#5b3bd6"],
731
+ ["#e6f6f8", "#127b88"],
732
+ ];
733
+
734
+ function chipColor(name) {
735
+ let h = 0;
736
+ for (let i = 0; i < name.length; i++) h = (h * 31 + name.charCodeAt(i)) >>> 0;
737
+ return CHIP_COLORS[h % CHIP_COLORS.length];
738
+ }
739
+
740
+ const STATUS_MAP = {
741
+ "": ["Planned", "gray"],
742
+ planned: ["Planned", "gray"],
743
+ todo: ["Planned", "gray"],
744
+ "to do": ["Planned", "gray"],
745
+ backlog: ["Planned", "gray"],
746
+ "in progress": ["In progress", "amber"],
747
+ "in-progress": ["In progress", "amber"],
748
+ wip: ["In progress", "amber"],
749
+ running: ["In progress", "amber"],
750
+ active: ["In progress", "amber"],
751
+ done: ["Done", "green"],
752
+ complete: ["Done", "green"],
753
+ completed: ["Done", "green"],
754
+ blocked: ["Blocked", "red"],
755
+ failed: ["Failed", "red"],
756
+ abandoned: ["Abandoned", "gray"],
757
+ };
758
+
759
+ function statusBadge(val) {
760
+ const [label, tone] = STATUS_MAP[val.toLowerCase()] || [val || "—", "gray"];
761
+ return `<span class="badge ${tone}">${esc(label)}</span>`;
762
+ }
763
+
764
+ function renderTable(rows, container) {
765
+ if (rows.length < 2) return;
766
+ const header = rows[0];
767
+ const body = rows.slice(2);
768
+ const roles = header.map((h) => {
769
+ const t = h.toLowerCase();
770
+ if (t.includes("status") || t.includes("state")) return "status";
771
+ if (t.includes("progress") || t.includes("complete") || t.includes("done"))
772
+ return "check";
773
+ if (t === "who" || t.includes("assign") || t.includes("owner")) return "who";
774
+ return "text";
775
+ });
776
+ const table = document.createElement("table");
777
+ table.className = "board";
778
+ const thead = document.createElement("thead");
779
+ const htr = document.createElement("tr");
780
+ header.forEach((h, c) => {
781
+ const th = document.createElement("th");
782
+ th.textContent = h;
783
+ if (roles[c] === "check") th.className = "col-check";
784
+ htr.appendChild(th);
785
+ });
786
+ thead.appendChild(htr);
787
+ table.appendChild(thead);
788
+ const tbody = document.createElement("tbody");
789
+ body.forEach((cells) => {
790
+ const nonEmpty = cells.filter((x) => x !== "").length;
791
+ if (header.length > 1 && nonEmpty === 1 && cells[0]) {
792
+ const tr = document.createElement("tr");
793
+ tr.className = "section-row";
794
+ const td = document.createElement("td");
795
+ td.colSpan = header.length;
796
+ td.innerHTML = inline(cells[0]);
797
+ tr.appendChild(td);
798
+ tbody.appendChild(tr);
799
+ return;
800
+ }
801
+ const tr = document.createElement("tr");
802
+ header.forEach((_, c) => {
803
+ const td = document.createElement("td");
804
+ const val = (cells[c] || "").trim();
805
+ if (roles[c] === "status") {
806
+ td.className = "col-status";
807
+ td.innerHTML = statusBadge(val);
808
+ } else if (roles[c] === "check") {
809
+ td.className = "col-check";
810
+ const on = TRUTHY.indexOf(val.toLowerCase()) !== -1;
811
+ td.innerHTML = `<span class="box ${on ? "on" : ""}">${on ? "✓" : ""}</span>`;
812
+ } else if (roles[c] === "who") {
813
+ if (!val || /^to assign$/i.test(val)) {
814
+ td.innerHTML = `<span class="who-chip muted">${esc(val || "—")}</span>`;
815
+ } else {
816
+ const [bg, fg] = chipColor(val);
817
+ td.innerHTML = `<span class="who-chip" style="background:${bg};color:${fg}">${esc(val)}</span>`;
818
+ }
819
+ } else {
820
+ td.innerHTML = inline(val);
821
+ }
822
+ tr.appendChild(td);
823
+ });
824
+ const link = tr.querySelector('a[href^="#/"]');
825
+ if (link) {
826
+ tr.classList.add("linked-row");
827
+ tr.addEventListener("click", (e) => {
828
+ if (e.target.tagName !== "A") location.hash = link.getAttribute("href");
829
+ });
830
+ }
831
+ tbody.appendChild(tr);
832
+ });
833
+ table.appendChild(tbody);
834
+ const wrap = document.createElement("div");
835
+ wrap.className = "board-wrap";
836
+ wrap.appendChild(table);
837
+ container.appendChild(wrap);
838
+ }
839
+
840
+ const HL_RULES = {
841
+ python: [
842
+ ["comment", /#[^\n]*/],
843
+ ["string", /'''[\s\S]*?'''|"""[\s\S]*?"""|'(?:\\.|[^'\\])*'|"(?:\\.|[^"\\])*"/],
844
+ [
845
+ "keyword",
846
+ /\b(?:def|class|return|if|elif|else|for|while|import|from|as|with|try|except|finally|raise|in|not|and|or|is|None|True|False|lambda|yield|global|nonlocal|assert|pass|break|continue|async|await|print)\b/,
847
+ ],
848
+ ["number", /\b\d[\d_.eE+-]*\b/],
849
+ ],
850
+ bash: [
851
+ ["comment", /#[^\n]*/],
852
+ ["string", /'(?:\\.|[^'\\])*'|"(?:\\.|[^"\\])*"/],
853
+ ["keyword", /\b(?:if|then|else|fi|for|in|do|done|while|case|esac|function|export|source|echo|cd|return|local)\b/],
854
+ ["number", /(?<=\s)-{1,2}[a-zA-Z][\w-]*/],
855
+ ],
856
+ json: [
857
+ ["string", /"(?:\\.|[^"\\])*"/],
858
+ ["keyword", /\b(?:true|false|null)\b/],
859
+ ["number", /-?\b\d[\d.eE+-]*\b/],
860
+ ],
861
+ yaml: [
862
+ ["comment", /#[^\n]*/],
863
+ ["string", /'(?:\\.|[^'\\])*'|"(?:\\.|[^"\\])*"/],
864
+ ["keyword", /\b(?:true|false|null|yes|no)\b/],
865
+ ["number", /-?\b\d[\d.eE+-]*\b/],
866
+ ],
867
+ };
868
+ HL_RULES.javascript = HL_RULES.python;
869
+ HL_RULES.typescript = HL_RULES.python;
870
+ HL_RULES.sql = [
871
+ ["comment", /--[^\n]*/],
872
+ ["string", /'(?:\\.|[^'\\])*'/],
873
+ [
874
+ "keyword",
875
+ /\b(?:SELECT|FROM|WHERE|JOIN|LEFT|RIGHT|INNER|OUTER|ON|GROUP|BY|ORDER|LIMIT|INSERT|INTO|VALUES|UPDATE|SET|DELETE|CREATE|TABLE|AS|AND|OR|NOT|NULL|COUNT|DISTINCT|IN)\b/i,
876
+ ],
877
+ ["number", /\b\d[\d.]*\b/],
878
+ ];
879
+
880
+ function highlightCode(code, lang) {
881
+ const rules = HL_RULES[lang];
882
+ if (!rules) return esc(code);
883
+ const combined = new RegExp(rules.map((r) => "(" + r[1].source + ")").join("|"), "g");
884
+ let out = "";
885
+ let last = 0;
886
+ let m;
887
+ while ((m = combined.exec(code))) {
888
+ if (m[0] === "") {
889
+ combined.lastIndex++;
890
+ continue;
891
+ }
892
+ out += esc(code.slice(last, m.index));
893
+ let gi = 1;
894
+ while (gi < m.length && m[gi] === undefined) gi++;
895
+ out += `<span class="tok-${rules[gi - 1][0]}">${esc(m[0])}</span>`;
896
+ last = m.index + m[0].length;
897
+ }
898
+ out += esc(code.slice(last));
899
+ return out;
900
+ }
901
+
902
+ function copySnippetBtn(text) {
903
+ const btn = document.createElement("button");
904
+ btn.type = "button";
905
+ btn.className = "copy-snippet";
906
+ btn.title = "Copy";
907
+ btn.textContent = "⧉";
908
+ btn.addEventListener("click", (e) => {
909
+ e.preventDefault();
910
+ e.stopPropagation();
911
+ copyText(text, btn, "⧉");
912
+ });
913
+ return btn;
914
+ }
915
+
916
+ function renderCode(code, lang, title) {
917
+ const pre = document.createElement("pre");
918
+ pre.className = "hl";
919
+ const c = document.createElement("code");
920
+ c.innerHTML = highlightCode(code, lang);
921
+ pre.appendChild(c);
922
+ if (!title) {
923
+ const wrap = document.createElement("div");
924
+ wrap.className = "snippet";
925
+ wrap.appendChild(pre);
926
+ wrap.appendChild(copySnippetBtn(code));
927
+ return wrap;
928
+ }
929
+ const det = document.createElement("details");
930
+ det.className = "code-accordion";
931
+ det.dataset.resUrl = `trackio-script://${title}`;
932
+ const sum = document.createElement("summary");
933
+ sum.innerHTML =
934
+ `<span class="code-ico">&lt;/&gt;</span>` +
935
+ `<span class="code-name">${esc(title)}</span>`;
936
+ sum
937
+ .querySelector(".code-name")
938
+ .addEventListener("click", (e) => e.preventDefault());
939
+ det.appendChild(sum);
940
+ const wrap = document.createElement("div");
941
+ wrap.className = "snippet";
942
+ wrap.appendChild(pre);
943
+ wrap.appendChild(copySnippetBtn(code));
944
+ det.appendChild(wrap);
945
+ return det;
946
+ }
947
+
948
+ const IMG_PATH = /^[^\s]+\.(png|jpe?g|gif|svg|webp)$/i;
949
+
950
+ function renderList(items, container) {
951
+ let ul = null;
952
+ items.forEach((item) => {
953
+ if (URL_ONLY.test(item) || IMG_PATH.test(item)) {
954
+ const el = renderStandaloneUrl(item);
955
+ if (el) {
956
+ ul = null;
957
+ container.appendChild(el);
958
+ }
959
+ } else if (item.indexOf("📦 Artifact") !== -1) {
960
+ ul = null;
961
+ const div = document.createElement("div");
962
+ div.className = "artifact-chip";
963
+ div.innerHTML = inline(item.replace("📦", "🪣"));
964
+ container.appendChild(div);
965
+ } else if (item.indexOf("trackio-local-dashboard://") !== -1) {
966
+ ul = null;
967
+ const uri = item.match(/trackio-local-dashboard:\/\/\S+/)?.[0] || "";
968
+ const div = document.createElement("div");
969
+ div.className = "artifact-chip";
970
+ if (uri) div.dataset.resUrl = uri;
971
+ div.innerHTML =
972
+ "🎯 <strong>Local dashboard</strong> — publish the logbook to share it";
973
+ container.appendChild(div);
974
+ } else {
975
+ if (!ul) {
976
+ ul = document.createElement("ul");
977
+ container.appendChild(ul);
978
+ }
979
+ const li = document.createElement("li");
980
+ li.innerHTML = inline(item);
981
+ ul.appendChild(li);
982
+ }
983
+ });
984
+ }
985
+
986
+ /* -------------------- resources rail -------------------- */
987
+
988
+ function fmt(n) {
989
+ if (n == null) return null;
990
+ if (n >= 1e6) return (n / 1e6).toFixed(1) + "M";
991
+ if (n >= 1e3) return (n / 1e3).toFixed(1) + "k";
992
+ return String(n);
993
+ }
994
+
995
+ const RESOURCE_SECTIONS = [
996
+ ["dashboard", "Dashboards", "🎯"],
997
+ ["model", "Models", "🤗"],
998
+ ["dataset", "Datasets", "📊"],
999
+ ["space", "Spaces", "🚀"],
1000
+ ["artifact", "Artifacts", "🪣"],
1001
+ ["paper", "Papers", "📄"],
1002
+ ["repo", "Code", "🐙"],
1003
+ ["job", "Jobs", "⚙️"],
1004
+ ["bucket", "Buckets", "🪣"],
1005
+ ];
1006
+
1007
+ const RESOURCE_ICONS = Object.fromEntries(
1008
+ RESOURCE_SECTIONS.map(([kind, , icon]) => [kind, icon])
1009
+ );
1010
+
1011
+ const ARTIFACT_ICON_IMG = `<img class="art-ico" src="./bucket-icon.svg" alt="" />`;
1012
+ const DASHBOARD_ICON_IMG = `<img class="art-ico" src="./trackio-logo-light.png" alt="" />`;
1013
+
1014
+ const RESOURCE_DESC = {
1015
+ dashboard: "Dashboard",
1016
+ model: "Model",
1017
+ dataset: "Dataset",
1018
+ space: "Space",
1019
+ artifact: "Artifact — in Bucket",
1020
+ paper: "Paper",
1021
+ repo: "Repository",
1022
+ job: "Job — status & logs",
1023
+ bucket: "Bucket — artifacts & data",
1024
+ };
1025
+
1026
+ const HF_NON_MODEL_PREFIX =
1027
+ /^(datasets|spaces|jobs|buckets|papers|blog|docs|api|posts|collections|organizations|settings|new|join|login|pricing|tasks|learn|chat|models)(\/|$)/;
1028
+
1029
+ function hfId(url, marker) {
1030
+ return url.split(marker)[1].split(/[?#]/)[0].replace(/\/$/, "");
1031
+ }
1032
+
1033
+ function classifyResource(url) {
1034
+ if (IMG_URL.test(url)) {
1035
+ return null;
1036
+ }
1037
+ let m;
1038
+ if (url.startsWith("trackio-local-dashboard://")) {
1039
+ return {
1040
+ kind: "dashboard",
1041
+ id: url.slice("trackio-local-dashboard://".length),
1042
+ url,
1043
+ local: true,
1044
+ };
1045
+ }
1046
+ if (url.startsWith("trackio-artifact://")) {
1047
+ return {
1048
+ kind: "artifact",
1049
+ id: url.slice("trackio-artifact://".length),
1050
+ url,
1051
+ local: true,
1052
+ };
1053
+ }
1054
+ if (url.startsWith("trackio-local-path://")) {
1055
+ return {
1056
+ kind: "artifact",
1057
+ id: url.slice("trackio-local-path://".length),
1058
+ url,
1059
+ local: true,
1060
+ };
1061
+ }
1062
+ if ((m = url.match(/huggingface\.co\/buckets\/[^#\s]+#(.+)/))) {
1063
+ return { kind: "artifact", id: decodeURIComponent(m[1]), url };
1064
+ }
1065
+ if (/huggingface\.co\/datasets\/[^/]+\/[^/]+/.test(url)) {
1066
+ return { kind: "dataset", id: hfId(url, "/datasets/"), url };
1067
+ }
1068
+ if (/huggingface\.co\/spaces\/[^/]+\/[^/]+/.test(url)) {
1069
+ return { kind: "space", id: hfId(url, "/spaces/"), url };
1070
+ }
1071
+ if (/huggingface\.co\/jobs\//.test(url)) {
1072
+ const parts = hfId(url, "/jobs/").split("/");
1073
+ const jid = parts[1] || "";
1074
+ return {
1075
+ kind: "job",
1076
+ id: parts[0] + (jid ? ` · ${jid.slice(0, 12)}${jid.length > 12 ? "…" : ""}` : ""),
1077
+ url,
1078
+ };
1079
+ }
1080
+ if (/huggingface\.co\/buckets\//.test(url)) {
1081
+ return { kind: "bucket", id: hfId(url, "/buckets/"), url };
1082
+ }
1083
+ if (/huggingface\.co\/papers\//.test(url)) {
1084
+ return { kind: "paper", id: `Paper ${hfId(url, "/papers/")}`, url };
1085
+ }
1086
+ if ((m = url.match(/arxiv\.org\/(?:abs|pdf)\/([^?#\s]+)/))) {
1087
+ return { kind: "paper", id: `arXiv:${m[1].replace(/\.pdf$/, "")}`, url };
1088
+ }
1089
+ if ((m = url.match(/github\.com\/([^/?#]+\/[^/?#]+)/))) {
1090
+ return { kind: "repo", id: m[1], url };
1091
+ }
1092
+ if ((m = url.match(/huggingface\.co\/([^?#]+)/))) {
1093
+ const rest = m[1].replace(/\/$/, "");
1094
+ if (/^[^/]+\/[^/]+$/.test(rest) && !HF_NON_MODEL_PREFIX.test(rest)) {
1095
+ return { kind: "model", id: rest, url };
1096
+ }
1097
+ }
1098
+ return null;
1099
+ }
1100
+
1101
+ async function fillRailMeta(item, el) {
1102
+ if (item.local) return;
1103
+ const meta = el.querySelector(".rail-meta");
1104
+ const set = (parts) => {
1105
+ const text = parts.filter(Boolean).join(" · ");
1106
+ if (text) meta.textContent = text;
1107
+ };
1108
+ if (item.kind === "model") {
1109
+ const d = await getJSON(`https://huggingface.co/api/models/${item.id}`);
1110
+ if (d) set([d.pipeline_tag, `↓ ${fmt(d.downloads)}`, `♥ ${fmt(d.likes)}`]);
1111
+ } else if (item.kind === "dataset") {
1112
+ const d = await getJSON(`https://huggingface.co/api/datasets/${item.id}`);
1113
+ if (d) set([`↓ ${fmt(d.downloads)}`, `♥ ${fmt(d.likes)}`]);
1114
+ } else if (item.kind === "space" || item.kind === "dashboard") {
1115
+ const d = await getJSON(`https://huggingface.co/api/spaces/${item.id}`);
1116
+ if (d) set([d.sdk, `♥ ${fmt(d.likes)}`]);
1117
+ } else if (item.kind === "repo") {
1118
+ const d = await getJSON(`https://api.github.com/repos/${item.id}`);
1119
+ if (d) set([`★ ${fmt(d.stargazers_count)}`, d.language]);
1120
+ } else if (item.kind === "paper") {
1121
+ const m = item.id.match(/^(?:arXiv:|Paper )(.+)$/);
1122
+ if (!m) return;
1123
+ const arxivId = m[1].replace(/v\d+$/, "");
1124
+ const d = await getJSON(`https://huggingface.co/api/papers/${arxivId}`);
1125
+ if (d && d.id) {
1126
+ if (el.href) el.href = `https://huggingface.co/papers/${d.id}`;
1127
+ const title =
1128
+ d.title && d.title.length > 70 ? `${d.title.slice(0, 69)}…` : d.title;
1129
+ set([title, d.upvotes ? `▲ ${fmt(d.upvotes)}` : null]);
1130
+ }
1131
+ }
1132
+ }
1133
+
1134
+ const BARE_ID_SKIP_DIRS = new Set([
1135
+ "scripts",
1136
+ "configs",
1137
+ "config",
1138
+ "results",
1139
+ "figures",
1140
+ "data",
1141
+ "datasets",
1142
+ "src",
1143
+ "tests",
1144
+ "test",
1145
+ "examples",
1146
+ "pages",
1147
+ "assets",
1148
+ "docs",
1149
+ "outputs",
1150
+ "output",
1151
+ "checkpoints",
1152
+ "models",
1153
+ "utils",
1154
+ "lib",
1155
+ "bin",
1156
+ "tmp",
1157
+ "node_modules",
1158
+ "dist",
1159
+ "build",
1160
+ ]);
1161
+ const FILE_EXT_RE =
1162
+ /\.(py|pyc|js|ts|jsx|tsx|json|jsonl|yaml|yml|csv|tsv|md|txt|sh|bash|html|css|png|jpe?g|svg|gif|webp|ipynb|toml|cfg|ini|lock|pdf|whl|gz|zip|tar|pt|pth|bin|safetensors|db|sqlite)$/i;
1163
+
1164
+ async function detectBareModelIds(text, groups) {
1165
+ const stripped = text.replace(DETECTED_URL, " ");
1166
+ DETECTED_URL.lastIndex = 0;
1167
+ const seen = new Set();
1168
+ const candidates = [];
1169
+ const re = /(^|[\s"'`(=[])([A-Za-z0-9][\w.-]*\/[A-Za-z0-9][\w.-]*)/g;
1170
+ let m;
1171
+ while ((m = re.exec(stripped)) && candidates.length < 15) {
1172
+ const id = m[2].replace(/[.:,]+$/, "");
1173
+ if (seen.has(id)) continue;
1174
+ seen.add(id);
1175
+ if (FILE_EXT_RE.test(id)) continue;
1176
+ if (BARE_ID_SKIP_DIRS.has(id.split("/")[0].toLowerCase())) continue;
1177
+ candidates.push(id);
1178
+ }
1179
+ const results = await Promise.all(
1180
+ candidates.map((id) => getJSON(`https://huggingface.co/api/models/${id}`))
1181
+ );
1182
+ let added = false;
1183
+ const confirmed = [];
1184
+ results.forEach((d, i) => {
1185
+ if (!d || !d.id) return;
1186
+ const id = candidates[i];
1187
+ confirmed.push(id);
1188
+ const url = `https://huggingface.co/${id}`;
1189
+ if (!groups.has("model")) groups.set("model", new Map());
1190
+ if (!groups.get("model").has(url)) {
1191
+ groups.get("model").set(url, { kind: "model", id, url });
1192
+ added = true;
1193
+ }
1194
+ });
1195
+ return { added, confirmed };
1196
+ }
1197
+
1198
+ function chipifyBareIds(ids, container) {
1199
+ if (!ids.length) return;
1200
+ const escaped = ids.map((id) => id.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
1201
+ const pattern = new RegExp("(" + escaped.join("|") + ")");
1202
+ const splitter = new RegExp(pattern.source, "g");
1203
+ container
1204
+ .querySelectorAll(".cell.markdown .cell-body")
1205
+ .forEach((body) => {
1206
+ const walker = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, {
1207
+ acceptNode(node) {
1208
+ if (!pattern.test(node.nodeValue)) return NodeFilter.FILTER_REJECT;
1209
+ for (
1210
+ let el = node.parentElement;
1211
+ el && el !== body;
1212
+ el = el.parentElement
1213
+ ) {
1214
+ if (["A", "CODE", "PRE", "BUTTON"].indexOf(el.tagName) !== -1) {
1215
+ return NodeFilter.FILTER_REJECT;
1216
+ }
1217
+ }
1218
+ return NodeFilter.FILTER_ACCEPT;
1219
+ },
1220
+ });
1221
+ const nodes = [];
1222
+ while (walker.nextNode()) nodes.push(walker.currentNode);
1223
+ nodes.forEach((node) => {
1224
+ const frag = document.createDocumentFragment();
1225
+ node.nodeValue.split(splitter).forEach((part) => {
1226
+ if (ids.indexOf(part) !== -1) {
1227
+ const holder = document.createElement("span");
1228
+ holder.innerHTML = resChipHtml({
1229
+ kind: "model",
1230
+ id: part,
1231
+ url: `https://huggingface.co/${part}`,
1232
+ });
1233
+ frag.appendChild(holder.firstChild);
1234
+ } else if (part) {
1235
+ frag.appendChild(document.createTextNode(part));
1236
+ }
1237
+ });
1238
+ node.parentNode.replaceChild(frag, node);
1239
+ });
1240
+ });
1241
+ }
1242
+
1243
+ let RAIL_TOKEN = 0;
1244
+ const RAIL_EXCLUDE_KINDS = new Set(["paper", "repo", "artifact", "dashboard"]);
1245
+
1246
+ function railDashboardItem(it) {
1247
+ return {
1248
+ kind: "dashboard",
1249
+ id: it.id,
1250
+ url: it.local ? it.resUrl : it.url || it.resUrl,
1251
+ local: it.local,
1252
+ railLabel: "Dashboard",
1253
+ };
1254
+ }
1255
+
1256
+ function promoteTrackioSpacesInRail(groups, dashResUrls, body, rail, token) {
1257
+ const spaceGroup = groups.get("space");
1258
+ if (!spaceGroup || !spaceGroup.size) return;
1259
+ spaceGroup.forEach((item, url) => {
1260
+ getJSON(`https://huggingface.co/api/spaces/${item.id}`)
1261
+ .then((d) => {
1262
+ if (rail.dataset.renderToken !== token) return;
1263
+ const tags = (d && d.tags) || [];
1264
+ if (!tags.some((t) => String(t).toLowerCase() === "trackio")) return;
1265
+ if (dashResUrls.has(url)) return;
1266
+ spaceGroup.delete(url);
1267
+ if (!spaceGroup.size) groups.delete("space");
1268
+ if (!groups.has("dashboard")) groups.set("dashboard", new Map());
1269
+ groups.get("dashboard").set(url, {
1270
+ kind: "dashboard",
1271
+ id: item.id,
1272
+ url: item.url,
1273
+ local: false,
1274
+ railLabel: "Dashboard",
1275
+ });
1276
+ dashResUrls.add(url);
1277
+ paintRail(groups, body, rail);
1278
+ })
1279
+ .catch(() => {});
1280
+ });
1281
+ }
1282
+
1283
+ function renderRail(md, body, rail) {
1284
+ const token = String(++RAIL_TOKEN);
1285
+ rail.dataset.renderToken = token;
1286
+ const scanText = md.replace(
1287
+ /(`{3,4}|~{3,4})(html|raw)[^\n]*\n[\s\S]*?\n\1/g,
1288
+ " "
1289
+ );
1290
+ const groups = new Map();
1291
+ const dashMap = new Map();
1292
+ const dashResUrls = new Set();
1293
+ cellDashboardItems(md).forEach((it) => {
1294
+ if (dashMap.has(it.resUrl)) return;
1295
+ dashMap.set(it.resUrl, railDashboardItem(it));
1296
+ dashResUrls.add(it.resUrl);
1297
+ });
1298
+ if (dashMap.size) groups.set("dashboard", dashMap);
1299
+ extractUrls(scanText).forEach((url) => {
1300
+ const item = classifyResource(url);
1301
+ if (!item) return;
1302
+ if (RAIL_EXCLUDE_KINDS.has(item.kind)) return;
1303
+ if (dashResUrls.has(url)) return;
1304
+ if (!groups.has(item.kind)) groups.set(item.kind, new Map());
1305
+ groups.get(item.kind).set(item.url, item);
1306
+ });
1307
+ const artMap = new Map();
1308
+ cellArtifactItems(md).forEach((it) => {
1309
+ if (artMap.has(it.resUrl)) return;
1310
+ const label = it.type
1311
+ ? it.type.charAt(0).toUpperCase() + it.type.slice(1)
1312
+ : "Artifact";
1313
+ artMap.set(it.resUrl, {
1314
+ kind: "artifact",
1315
+ id: it.name,
1316
+ url: it.local ? it.resUrl : it.url || it.resUrl,
1317
+ local: it.local,
1318
+ railLabel: label,
1319
+ size: it.size,
1320
+ });
1321
+ });
1322
+ if (artMap.size) groups.set("artifact", artMap);
1323
+ paintRail(groups, body, rail);
1324
+ promoteTrackioSpacesInRail(groups, dashResUrls, body, rail, token);
1325
+ detectBareModelIds(scanText, groups)
1326
+ .then((result) => {
1327
+ if (rail.dataset.renderToken !== token) return;
1328
+ chipifyBareIds(result.confirmed, body);
1329
+ if (result.added) paintRail(groups, body, rail);
1330
+ })
1331
+ .catch(() => {});
1332
+ }
1333
+
1334
+ function paintRail(groups, body, rail) {
1335
+ rail.innerHTML = "";
1336
+ RESOURCE_SECTIONS.forEach(([kind, label, icon]) => {
1337
+ const group = groups.get(kind);
1338
+ if (!group || !group.size) return;
1339
+ group.forEach((item) => {
1340
+ const el = document.createElement(item.local ? "div" : "a");
1341
+ el.className = item.local ? "rail-item rail-local" : "rail-item";
1342
+ if (!item.local) {
1343
+ el.href = item.url;
1344
+ el.target = "_blank";
1345
+ el.rel = "noopener";
1346
+ }
1347
+ el.dataset.resUrl = item.url;
1348
+ let desc;
1349
+ if (kind === "artifact") {
1350
+ const state = item.local ? "publish to share" : "Open ↗";
1351
+ desc = item.size ? `${item.size} · ${state}` : state;
1352
+ } else if (kind === "dashboard") {
1353
+ desc = item.local ? "publish to share" : "Open ↗";
1354
+ } else {
1355
+ desc = item.local ? "publish to share" : RESOURCE_DESC[kind];
1356
+ }
1357
+ const kindLabel = item.railLabel || label.replace(/s$/, "");
1358
+ const iconHtml =
1359
+ kind === "artifact"
1360
+ ? ARTIFACT_ICON_IMG
1361
+ : kind === "dashboard"
1362
+ ? DASHBOARD_ICON_IMG
1363
+ : `<span>${icon}</span>`;
1364
+ el.innerHTML =
1365
+ `<div class="rail-kind">${iconHtml}${esc(kindLabel)}</div>` +
1366
+ `<div class="rail-title">${esc(item.id)}</div>` +
1367
+ `<div class="rail-meta">${esc(desc)}</div>`;
1368
+ rail.appendChild(el);
1369
+ fillRailMeta(item, el)
1370
+ .catch(() => {})
1371
+ .finally(() => scheduleRailPosition(body, rail));
1372
+ });
1373
+ });
1374
+ rail.hidden = !rail.childElementCount;
1375
+ scheduleRailPosition(body, rail);
1376
+ }
1377
+
1378
+ function resourceAnchor(body, url) {
1379
+ return body.querySelector(`[data-res-url="${CSS.escape(url)}"]`);
1380
+ }
1381
+
1382
+ function positionRail(body, rail) {
1383
+ if (rail.hidden || !rail.isConnected) return;
1384
+ const bodyRect = body.getBoundingClientRect();
1385
+ const items = Array.from(rail.querySelectorAll(".rail-item")).map((el, index) => {
1386
+ const anchor = resourceAnchor(body, el.dataset.resUrl);
1387
+ return {
1388
+ el,
1389
+ index,
1390
+ desired: anchor
1391
+ ? Math.max(0, anchor.getBoundingClientRect().top - bodyRect.top)
1392
+ : 0,
1393
+ };
1394
+ });
1395
+ items.sort((a, b) => a.desired - b.desired || a.index - b.index);
1396
+ let cursor = 0;
1397
+ items.forEach(({ el, desired }) => {
1398
+ const top = Math.max(desired, cursor);
1399
+ el.style.top = `${top}px`;
1400
+ cursor = top + el.offsetHeight + 10;
1401
+ });
1402
+ rail.style.minHeight = `${Math.max(body.offsetHeight, cursor)}px`;
1403
+ }
1404
+
1405
+ function scheduleRailPosition(body, rail) {
1406
+ cancelAnimationFrame(Number(rail.dataset.positionFrame || 0));
1407
+ rail.dataset.positionFrame = String(
1408
+ requestAnimationFrame(() => positionRail(body, rail))
1409
+ );
1410
+ }
1411
+
1412
+ function dashboardSubdomainFromUrl(url) {
1413
+ return spaceIdFromUrl(url).toLowerCase().replace(/[^a-z0-9-]/g, "-");
1414
+ }
1415
+
1416
+ function dashboardOpenLink(head, url) {
1417
+ if (!head || !url) return;
1418
+ const meta = head.querySelector(".cell-meta");
1419
+ if (!meta) return;
1420
+ let link = meta.querySelector(".cell-open");
1421
+ if (!link) {
1422
+ link = document.createElement("a");
1423
+ link.className = "cell-open";
1424
+ link.target = "_blank";
1425
+ link.rel = "noopener";
1426
+ meta.insertBefore(link, meta.firstChild);
1427
+ }
1428
+ link.href = url;
1429
+ link.textContent = "Open ↗";
1430
+ }
1431
+
1432
+ function dashboardFrame(src) {
1433
+ const iframe = document.createElement("iframe");
1434
+ iframe.className = "dashboard-frame";
1435
+ iframe.src = src;
1436
+ iframe.loading = "lazy";
1437
+ iframe.allow = "clipboard-read; clipboard-write; fullscreen";
1438
+ return iframe;
1439
+ }
1440
+
1441
+ function renderDashboardCell(meta, body, container, head) {
1442
+ const project = meta.dashboard_project || "";
1443
+ const holder = document.createElement("div");
1444
+ holder.className = "dashboard-shell";
1445
+ container.appendChild(holder);
1446
+ const space = body.match(/https:\/\/huggingface\.co\/spaces\/[^\s<>)"'`]+/);
1447
+ if (space) {
1448
+ const url = space[0];
1449
+ dashboardOpenLink(head, url);
1450
+ holder.appendChild(
1451
+ dashboardFrame(
1452
+ `https://${dashboardSubdomainFromUrl(url)}.hf.space/?sidebar=hidden&hide_empty_tabs=true`
1453
+ )
1454
+ );
1455
+ return;
1456
+ }
1457
+ if (!isLocalPreview()) {
1458
+ holder.className = "artifact-chip";
1459
+ holder.dataset.resUrl = `trackio-local-dashboard://${project}`;
1460
+ holder.innerHTML =
1461
+ "🎯 <strong>Local Trackio dashboard</strong> — publish the logbook to share it";
1462
+ return;
1463
+ }
1464
+ const open = "/dashboard/?project=" + encodeURIComponent(project);
1465
+ dashboardOpenLink(head, open);
1466
+ holder.appendChild(
1467
+ dashboardFrame(open + "&sidebar=hidden&hide_empty_tabs=true"),
1468
+ );
1469
+ }
1470
+
1471
+ const CACHE_PREFIX = "trackio-logbook:";
1472
+ const CACHE_TTL_MS = 24 * 60 * 60 * 1000;
1473
+ const CACHE_MISS_TTL_MS = 60 * 60 * 1000;
1474
+
1475
+ function cacheGet(url) {
1476
+ try {
1477
+ const raw = localStorage.getItem(CACHE_PREFIX + url);
1478
+ if (!raw) return undefined;
1479
+ const entry = JSON.parse(raw);
1480
+ const ttl = entry.d === null ? CACHE_MISS_TTL_MS : CACHE_TTL_MS;
1481
+ if (Date.now() - entry.t > ttl) {
1482
+ localStorage.removeItem(CACHE_PREFIX + url);
1483
+ return undefined;
1484
+ }
1485
+ return entry.d;
1486
+ } catch (e) {
1487
+ return undefined;
1488
+ }
1489
+ }
1490
+
1491
+ function cacheSet(url, data) {
1492
+ try {
1493
+ localStorage.setItem(
1494
+ CACHE_PREFIX + url,
1495
+ JSON.stringify({ t: Date.now(), d: data })
1496
+ );
1497
+ } catch (e) {}
1498
+ }
1499
+
1500
+ async function getJSON(url) {
1501
+ if (UNFURL_CACHE[url] !== undefined) return UNFURL_CACHE[url];
1502
+ const cached = cacheGet(url);
1503
+ if (cached !== undefined) {
1504
+ UNFURL_CACHE[url] = cached;
1505
+ return cached;
1506
+ }
1507
+ try {
1508
+ const r = await fetch(url);
1509
+ if (!r.ok) throw new Error(r.status);
1510
+ const j = await r.json();
1511
+ UNFURL_CACHE[url] = j;
1512
+ cacheSet(url, j);
1513
+ return j;
1514
+ } catch (e) {
1515
+ UNFURL_CACHE[url] = null;
1516
+ cacheSet(url, null);
1517
+ return null;
1518
+ }
1519
+ }
1520
+
1521
+ /* -------------------- routing / render -------------------- */
1522
+
1523
+ function buildTree() {
1524
+ const tree = document.getElementById("tree");
1525
+ tree.innerHTML = "";
1526
+ const nodes = [];
1527
+ (MANIFEST.root.children || []).forEach((c) => flattenTree(c, 0, nodes));
1528
+ nodes.forEach(({ node, depth }) => {
1529
+ const a = document.createElement("a");
1530
+ a.href = "#/" + node.slug;
1531
+ a.className = "depth-" + depth;
1532
+ a.dataset.slug = node.slug;
1533
+ const mark = document.createElement("span");
1534
+ mark.className = "tree-mark";
1535
+ mark.textContent = "§";
1536
+ a.appendChild(mark);
1537
+ a.appendChild(document.createTextNode(" " + node.title));
1538
+ tree.appendChild(a);
1539
+ });
1540
+ }
1541
+
1542
+ function highlight(slug) {
1543
+ document
1544
+ .querySelectorAll("#tree a")
1545
+ .forEach((a) => a.classList.toggle("active", a.dataset.slug === slug));
1546
+ document
1547
+ .getElementById("book-head")
1548
+ .classList.toggle("active", slug === MANIFEST.root.slug);
1549
+ }
1550
+
1551
+ function clearPageCache() {
1552
+ Object.keys(PAGE_CACHE).forEach((key) => {
1553
+ delete PAGE_CACHE[key];
1554
+ });
1555
+ }
1556
+
1557
+ function isLocalPreview() {
1558
+ return ["localhost", "127.0.0.1", "::1"].includes(location.hostname);
1559
+ }
1560
+
1561
+ async function fetchManifest() {
1562
+ const suffix = isLocalPreview() ? `?t=${Date.now()}` : "";
1563
+ return await (await fetch("./logbook.json" + suffix, { cache: "no-store" })).json();
1564
+ }
1565
+
1566
+ async function fetchPage(node) {
1567
+ if (PAGE_CACHE[node.file]) return PAGE_CACHE[node.file];
1568
+ try {
1569
+ const suffix = isLocalPreview()
1570
+ ? `?rev=${encodeURIComponent(MANIFEST.revision || "")}`
1571
+ : "";
1572
+ const r = await fetch("./" + node.file + suffix, { cache: "no-store" });
1573
+ PAGE_CACHE[node.file] = await r.text();
1574
+ } catch (e) {
1575
+ PAGE_CACHE[node.file] = "# " + node.title + "\n\n_Could not load section._";
1576
+ }
1577
+ return PAGE_CACHE[node.file];
1578
+ }
1579
+
1580
+ function allNodes() {
1581
+ const nodes = [];
1582
+ flattenTree(MANIFEST.root, 0, nodes);
1583
+ return nodes.map(({ node }) => node);
1584
+ }
1585
+
1586
+ function collectPinnedCells(markdown, nodes) {
1587
+ const cells = [];
1588
+ markdown.forEach((text, index) => {
1589
+ const cellRe = /(^|\n)---\n<!-- trackio-cell\n([\s\S]*?)\n-->\n([\s\S]*?)(?=\n---\n<!-- trackio-cell\n|\s*$)/g;
1590
+ let match;
1591
+ let cellIndex = 0;
1592
+ while ((match = cellRe.exec(text))) {
1593
+ const meta = parseCellMeta(match[2]);
1594
+ if (isPinned(meta)) {
1595
+ cells.push({
1596
+ meta,
1597
+ body: match[3],
1598
+ node: nodes[index],
1599
+ index: cells.length,
1600
+ order: meta.pinned_at || meta.created_at || "",
1601
+ cellIndex,
1602
+ });
1603
+ }
1604
+ cellIndex++;
1605
+ }
1606
+ });
1607
+ return cells.sort(
1608
+ (a, b) =>
1609
+ a.order.localeCompare(b.order) ||
1610
+ a.index - b.index ||
1611
+ a.cellIndex - b.cellIndex
1612
+ );
1613
+ }
1614
+
1615
+ function renderPinnedNotes(cells, container) {
1616
+ if (!cells.length) return;
1617
+ const deck = document.createElement("section");
1618
+ deck.className = "pinned-notes";
1619
+ const list = document.createElement("div");
1620
+ list.className = "pinned-notes-list";
1621
+ cells.forEach(({ meta, body }) => {
1622
+ const cell = renderCell(meta, body, list);
1623
+ cell.classList.add("pinned-copy");
1624
+ });
1625
+ deck.appendChild(list);
1626
+ const anchor =
1627
+ container.querySelector(".logbook-stats") ||
1628
+ container.querySelector(".agent-hint");
1629
+ container.insertBefore(deck, anchor ? anchor.nextSibling : container.firstChild);
1630
+ container.closest(".book-intro").classList.add("has-pinned-notes");
1631
+ }
1632
+
1633
+ function removeIndexProse(body) {
1634
+ const h1 = Array.from(body.children).find((el) => el.tagName === "H1");
1635
+ if (!h1) return;
1636
+ let current = h1.nextElementSibling;
1637
+ while (current && current.tagName !== "H2") {
1638
+ const next = current.nextElementSibling;
1639
+ current.remove();
1640
+ current = next;
1641
+ }
1642
+ }
1643
+
1644
+ function removePageDirectory(body) {
1645
+ const heading = Array.from(body.children).find(
1646
+ (el) => el.tagName === "H2" && el.textContent.trim().toLowerCase() === "pages"
1647
+ );
1648
+ if (!heading) return;
1649
+ let current = heading;
1650
+ while (current) {
1651
+ const next = current.nextElementSibling;
1652
+ current.remove();
1653
+ if (next && ["H1", "H2"].includes(next.tagName)) break;
1654
+ current = next;
1655
+ }
1656
+ }
1657
+
1658
+ const RAIL_OBSERVERS = [];
1659
+
1660
+ async function renderLogbook(opts = {}) {
1661
+ const scrollY = window.scrollY;
1662
+ const page = document.getElementById("page");
1663
+ RAIL_OBSERVERS.splice(0).forEach((observer) => observer.disconnect());
1664
+ page.innerHTML = "";
1665
+ const nodes = allNodes();
1666
+ const markdown = await Promise.all(nodes.map(fetchPage));
1667
+ const pinnedCells = collectPinnedCells(markdown, nodes);
1668
+ let bookIntroBody = null;
1669
+ nodes.forEach((node, index) => {
1670
+ const section = document.createElement("section");
1671
+ section.className = "page-section";
1672
+ section.id = "/" + node.slug;
1673
+ section.dataset.slug = node.slug;
1674
+
1675
+ const layout = document.createElement("div");
1676
+ layout.className = "page-layout";
1677
+ const body = document.createElement("div");
1678
+ body.className = "page-body";
1679
+ const rail = document.createElement("aside");
1680
+ rail.className = "context-rail";
1681
+ rail.setAttribute("aria-label", `Resources for ${node.title}`);
1682
+
1683
+ renderMarkdown(markdown[index], body);
1684
+ if (node.slug === MANIFEST.root.slug) {
1685
+ section.classList.add("book-intro");
1686
+ removeIndexProse(body);
1687
+ removePageDirectory(body);
1688
+ const hint = buildAgentHint();
1689
+ const h1 = body.querySelector("h1");
1690
+ if (h1 && h1.parentNode === body) {
1691
+ body.insertBefore(hint, h1.nextSibling);
1692
+ } else {
1693
+ body.prepend(hint);
1694
+ }
1695
+ hint.after(buildLogbookStats(markdown));
1696
+ bookIntroBody = body;
1697
+ }
1698
+ layout.appendChild(body);
1699
+ layout.appendChild(rail);
1700
+ section.appendChild(layout);
1701
+ page.appendChild(section);
1702
+ renderRail(markdown[index], body, rail);
1703
+ if (window.ResizeObserver) {
1704
+ const observer = new ResizeObserver(() => scheduleRailPosition(body, rail));
1705
+ observer.observe(body);
1706
+ observer.observe(rail);
1707
+ RAIL_OBSERVERS.push(observer);
1708
+ }
1709
+ });
1710
+ if (bookIntroBody) renderPinnedNotes(pinnedCells, bookIntroBody);
1711
+ if (bookIntroBody) {
1712
+ const section = bookIntroBody.closest(".book-intro");
1713
+ const hasExtra = Array.from(bookIntroBody.children).some(
1714
+ (el) =>
1715
+ el.tagName !== "H1" &&
1716
+ !el.classList.contains("agent-hint") &&
1717
+ !el.classList.contains("logbook-stats") &&
1718
+ !el.classList.contains("pinned-notes")
1719
+ );
1720
+ if (section && !section.classList.contains("has-pinned-notes") && !hasExtra) {
1721
+ section.classList.add("book-intro-tight");
1722
+ }
1723
+ }
1724
+ requestAnimationFrame(() => {
1725
+ if (opts.preserveScroll) {
1726
+ window.scrollTo(0, scrollY);
1727
+ } else {
1728
+ scrollToHash({ behavior: "auto" });
1729
+ }
1730
+ updateActiveSection();
1731
+ });
1732
+ }
1733
+
1734
+ function setupResourceHover() {
1735
+ document.addEventListener("mouseover", (e) => {
1736
+ const el = e.target.closest && e.target.closest("[data-res-url]");
1737
+ if (!el || el.classList.contains("rail-item")) return;
1738
+ const url = el.getAttribute("data-res-url");
1739
+ const section = el.closest(".page-section");
1740
+ const scope = section || document;
1741
+ scope.querySelectorAll(".context-rail [data-res-url]").forEach((n) => {
1742
+ n.classList.toggle("res-hl", n.getAttribute("data-res-url") === url);
1743
+ });
1744
+ });
1745
+ document.addEventListener("mouseout", (e) => {
1746
+ const el = e.target.closest && e.target.closest("[data-res-url]");
1747
+ if (!el || el.classList.contains("rail-item")) return;
1748
+ document.querySelectorAll(".context-rail .res-hl").forEach((n) => {
1749
+ n.classList.remove("res-hl");
1750
+ });
1751
+ });
1752
+ }
1753
+
1754
+ let STATS_TOKEN = 0;
1755
+ let STATS_LISTENERS = false;
1756
+
1757
+ function fmtBytes(n) {
1758
+ if (n == null || isNaN(n)) return null;
1759
+ if (n < 1000) return `${n} B`;
1760
+ const units = ["kB", "MB", "GB", "TB"];
1761
+ let v = n;
1762
+ let i = -1;
1763
+ do {
1764
+ v /= 1000;
1765
+ i++;
1766
+ } while (v >= 1000 && i < units.length - 1);
1767
+ return `${v.toFixed(v < 10 ? 1 : 0)} ${units[i]}`;
1768
+ }
1769
+
1770
+ function spaceIdFromUrl(url) {
1771
+ return url.split("/spaces/")[1].split(/[?#]/)[0].replace(/\/$/, "");
1772
+ }
1773
+
1774
+ const LB_CELL_RE = /(^|\n)---\n<!-- trackio-cell\n([\s\S]*?)\n-->\n([\s\S]*?)(?=\n---\n<!-- trackio-cell\n|\s*$)/g;
1775
+
1776
+ function cellDashboardItems(md) {
1777
+ const re = new RegExp(LB_CELL_RE.source, "g");
1778
+ const items = [];
1779
+ let m;
1780
+ while ((m = re.exec(md))) {
1781
+ const meta = parseCellMeta(m[2]);
1782
+ if (meta.type !== "dashboard") continue;
1783
+ const body = m[3];
1784
+ const project = meta.dashboard_project || "";
1785
+ const sp = body.match(/https:\/\/huggingface\.co\/spaces\/[^\s<>)"'`]+/);
1786
+ const local = !sp;
1787
+ const url = sp ? sp[0] : "";
1788
+ const resUrl = local ? `trackio-local-dashboard://${project}` : url;
1789
+ items.push({
1790
+ id: local ? project : spaceIdFromUrl(url),
1791
+ local,
1792
+ url,
1793
+ resUrl,
1794
+ });
1795
+ }
1796
+ return items;
1797
+ }
1798
+
1799
+ function artifactInfoFromCell(meta, body) {
1800
+ const name = meta.artifact || meta.path || "";
1801
+ let size = null;
1802
+ const sm = body.match(/·\s*([\d.]+\s*[kMGT]?B)\b/);
1803
+ if (sm) size = sm[1].trim();
1804
+ if (!size && meta.size != null) size = fmtBytes(meta.size);
1805
+ const bucket = body.match(/https:\/\/huggingface\.co\/buckets\/[^\s<>)"'`]+/);
1806
+ const artUri = body.match(/trackio-artifact:\/\/\S+/);
1807
+ const pathUri = body.match(/trackio-local-path:\/\/\S+/);
1808
+ const url = bucket ? bucket[0] : "";
1809
+ const local = !bucket;
1810
+ const resUrl =
1811
+ url || (artUri ? artUri[0] : pathUri ? pathUri[0] : `trackio-artifact://${name}`);
1812
+ return {
1813
+ name,
1814
+ type: meta.artifact_type || "",
1815
+ size,
1816
+ local,
1817
+ isPathRef: !!meta.path,
1818
+ url,
1819
+ resUrl,
1820
+ };
1821
+ }
1822
+
1823
+ function cellArtifactItems(md) {
1824
+ const re = new RegExp(LB_CELL_RE.source, "g");
1825
+ const items = [];
1826
+ let m;
1827
+ while ((m = re.exec(md))) {
1828
+ const meta = parseCellMeta(m[2]);
1829
+ const body = m[3];
1830
+ const order = meta.created_at || "";
1831
+ if (meta.type === "artifact") {
1832
+ const info = artifactInfoFromCell(meta, body);
1833
+ if (info.name) items.push({ ...info, order });
1834
+ }
1835
+ }
1836
+ return items;
1837
+ }
1838
+
1839
+ function collectLogbookResources(markdownList) {
1840
+ const re = new RegExp(LB_CELL_RE.source, "g");
1841
+ const dashboards = new Map();
1842
+ markdownList.forEach((md) => {
1843
+ let m;
1844
+ while ((m = re.exec(md))) {
1845
+ const meta = parseCellMeta(m[2]);
1846
+ const body = m[3];
1847
+ if (meta.type !== "dashboard") continue;
1848
+ const project = meta.dashboard_project || "";
1849
+ const space = body.match(/https:\/\/huggingface\.co\/spaces\/[^\s<>)"'`]+/);
1850
+ const local = !space;
1851
+ const url = space ? space[0] : "";
1852
+ const key = local ? `local:${project}` : `space:${spaceIdFromUrl(url)}`;
1853
+ const resUrl = local ? `trackio-local-dashboard://${project}` : url;
1854
+ if (!dashboards.has(key))
1855
+ dashboards.set(key, { project, local, url, resUrl });
1856
+ }
1857
+ });
1858
+ const artifacts = new Map();
1859
+ markdownList.forEach((md) => {
1860
+ cellArtifactItems(md).forEach((it) => {
1861
+ const key = `${it.type}:${it.name}`;
1862
+ const prev = artifacts.get(key);
1863
+ if (!prev || it.order >= prev.order) artifacts.set(key, it);
1864
+ });
1865
+ });
1866
+ return {
1867
+ dashboards: Array.from(dashboards.values()).sort((a, b) =>
1868
+ a.project.localeCompare(b.project)
1869
+ ),
1870
+ artifacts: Array.from(artifacts.values()).sort((a, b) =>
1871
+ a.name.localeCompare(b.name)
1872
+ ),
1873
+ };
1874
+ }
1875
+
1876
+ function closeStatPopovers() {
1877
+ document
1878
+ .querySelectorAll(".stat-popover")
1879
+ .forEach((p) => (p.hidden = true));
1880
+ document
1881
+ .querySelectorAll(".stat-tile.open")
1882
+ .forEach((t) => t.classList.remove("open"));
1883
+ }
1884
+
1885
+ function ensureStatListeners() {
1886
+ if (STATS_LISTENERS) return;
1887
+ STATS_LISTENERS = true;
1888
+ document.addEventListener("click", closeStatPopovers);
1889
+ document.addEventListener("keydown", (e) => {
1890
+ if (e.key === "Escape") closeStatPopovers();
1891
+ });
1892
+ }
1893
+
1894
+ function stateHtml(remote, url) {
1895
+ return remote
1896
+ ? `<a class="stat-row-state open" href="${esc(url)}" target="_blank" rel="noopener" title="Open in a new tab">Open ↗</a>`
1897
+ : `<span class="stat-row-state">publish to share</span>`;
1898
+ }
1899
+
1900
+ function scrollToResource(resUrl) {
1901
+ closeStatPopovers();
1902
+ if (!resUrl) return;
1903
+ const el = document.querySelector(
1904
+ `#page .page-body [data-res-url="${CSS.escape(resUrl)}"]:not(.stat-row)`
1905
+ );
1906
+ if (!el) return;
1907
+ el.scrollIntoView({ behavior: "smooth", block: "center" });
1908
+ el.classList.add("res-flash");
1909
+ setTimeout(() => el.classList.remove("res-flash"), 1500);
1910
+ }
1911
+
1912
+ function dashRowHtml(d) {
1913
+ const inner =
1914
+ `<span class="stat-row-ico">${DASHBOARD_ICON_IMG}</span>` +
1915
+ `<div class="stat-row-main"><div class="stat-row-title">${esc(d.project)}</div>` +
1916
+ `<div class="stat-row-meta">${stateHtml(!d.local, d.url)}</div></div>`;
1917
+ return `<div class="stat-row" data-res-url="${esc(d.resUrl)}" title="Jump to it in the logbook">${inner}</div>`;
1918
+ }
1919
+
1920
+ function artRowHtml(a) {
1921
+ const remote = !a.local && !!a.url;
1922
+ const parts = [a.type, a.size].filter(Boolean).map(esc);
1923
+ const meta = parts.length
1924
+ ? `${parts.join(" · ")} · ${stateHtml(remote, a.url)}`
1925
+ : stateHtml(remote, a.url);
1926
+ const inner =
1927
+ `<span class="stat-row-ico">${ARTIFACT_ICON_IMG}</span>` +
1928
+ `<div class="stat-row-main"><div class="stat-row-title">${esc(a.name)}</div>` +
1929
+ `<div class="stat-row-meta">${meta}</div></div>`;
1930
+ return `<div class="stat-row" data-res-url="${esc(a.resUrl)}" title="Jump to it in the logbook">${inner}</div>`;
1931
+ }
1932
+
1933
+ function statTile(icon, alt, singular, plural, head, rowFn) {
1934
+ const tile = document.createElement("button");
1935
+ tile.type = "button";
1936
+ tile.className = "stat-tile";
1937
+ const render = (items) => {
1938
+ const count = items.length;
1939
+ const label = count === 1 ? singular : plural;
1940
+ const caret = count > 0 ? `<span class="stat-caret">▾</span>` : "";
1941
+ tile.innerHTML =
1942
+ `<img class="stat-icon" src="${icon}" alt="${esc(alt)}" />` +
1943
+ `<div class="stat-text"><div class="stat-num">${count}</div>` +
1944
+ `<div class="stat-label">${esc(label)}</div></div>` +
1945
+ caret;
1946
+ tile.disabled = count === 0;
1947
+ if (count > 0) {
1948
+ const pop = document.createElement("div");
1949
+ pop.className = "stat-popover";
1950
+ pop.hidden = true;
1951
+ pop.innerHTML =
1952
+ `<div class="stat-pop-head">${esc(head)}</div>` +
1953
+ items.map(rowFn).join("");
1954
+ pop.addEventListener("click", (e) => {
1955
+ if (e.target.closest("a.stat-row-state")) {
1956
+ e.stopPropagation();
1957
+ return;
1958
+ }
1959
+ e.stopPropagation();
1960
+ const row = e.target.closest(".stat-row");
1961
+ if (row) scrollToResource(row.dataset.resUrl);
1962
+ });
1963
+ tile.appendChild(pop);
1964
+ }
1965
+ };
1966
+ tile.addEventListener("click", (e) => {
1967
+ if (tile.disabled) return;
1968
+ e.stopPropagation();
1969
+ const pop = tile.querySelector(".stat-popover");
1970
+ if (!pop) return;
1971
+ const isOpen = !pop.hidden;
1972
+ closeStatPopovers();
1973
+ if (!isOpen) {
1974
+ pop.hidden = false;
1975
+ tile.classList.add("open");
1976
+ }
1977
+ });
1978
+ return { tile, render };
1979
+ }
1980
+
1981
+ function buildLogbookStats(markdownList) {
1982
+ const token = ++STATS_TOKEN;
1983
+ ensureStatListeners();
1984
+ const { dashboards, artifacts } = collectLogbookResources(markdownList);
1985
+
1986
+ const el = document.createElement("div");
1987
+ el.className = "logbook-stats";
1988
+ const dash = statTile(
1989
+ "./trackio-logo-light.png",
1990
+ "Trackio",
1991
+ "Trackio Dashboard",
1992
+ "Trackio Dashboards",
1993
+ "Dashboards created in this logbook",
1994
+ dashRowHtml
1995
+ );
1996
+ const art = statTile(
1997
+ "./bucket-icon.svg",
1998
+ "Bucket",
1999
+ "Artifact",
2000
+ "Artifacts",
2001
+ "Artifacts created in this logbook",
2002
+ artRowHtml
2003
+ );
2004
+ dash.render(dashboards);
2005
+ art.render(artifacts);
2006
+ el.appendChild(dash.tile);
2007
+ el.appendChild(art.tile);
2008
+
2009
+ const scanText = markdownList
2010
+ .map((md) =>
2011
+ md.replace(/(`{3,4}|~{3,4})(html|raw)[^\n]*\n[\s\S]*?\n\1/g, " ")
2012
+ )
2013
+ .join("\n");
2014
+ const seen = new Set(
2015
+ dashboards.map((d) =>
2016
+ d.local ? `local:${d.project}` : `space:${spaceIdFromUrl(d.url)}`
2017
+ )
2018
+ );
2019
+ const remoteSpaces = new Map();
2020
+ extractUrls(scanText).forEach((url) => {
2021
+ const item = classifyResource(url);
2022
+ if (item && item.kind === "space" && !item.local) {
2023
+ remoteSpaces.set(item.url, item);
2024
+ }
2025
+ });
2026
+ remoteSpaces.forEach((s) => {
2027
+ const key = `space:${s.id}`;
2028
+ if (seen.has(key)) return;
2029
+ getJSON(`https://huggingface.co/api/spaces/${s.id}`)
2030
+ .then((d) => {
2031
+ if (STATS_TOKEN !== token) return;
2032
+ const tags = (d && d.tags) || [];
2033
+ if (
2034
+ !seen.has(key) &&
2035
+ tags.some((t) => String(t).toLowerCase() === "trackio")
2036
+ ) {
2037
+ seen.add(key);
2038
+ dashboards.push({
2039
+ project: s.id,
2040
+ local: false,
2041
+ url: s.url,
2042
+ resUrl: s.url,
2043
+ });
2044
+ dashboards.sort((a, b) => a.project.localeCompare(b.project));
2045
+ dash.render(dashboards);
2046
+ }
2047
+ })
2048
+ .catch(() => {});
2049
+ });
2050
+ return el;
2051
+ }
2052
+
2053
+ function buildAgentHint() {
2054
+ const onSpaces =
2055
+ /\.hf\.space$/.test(location.hostname) ||
2056
+ /(^|\.)huggingface\.co$/.test(location.hostname);
2057
+ let source = "";
2058
+ if (onSpaces && MANIFEST.space_id) {
2059
+ source = ` ${MANIFEST.space_id}`;
2060
+ } else if (/^https?:$/.test(location.protocol)) {
2061
+ source = ` ${location.origin}/`;
2062
+ }
2063
+ const command = `trackio logbook read${source}`;
2064
+ const tokens = MANIFEST.agent_view_tokens;
2065
+ const div = document.createElement("div");
2066
+ div.className = "agent-hint";
2067
+ const label = document.createElement("span");
2068
+ label.className = "agent-hint-label";
2069
+ label.textContent = "Read from the CLI:";
2070
+ const code = document.createElement("code");
2071
+ code.textContent = command;
2072
+ const copy = document.createElement("button");
2073
+ copy.className = "copy";
2074
+ copy.type = "button";
2075
+ copy.title = "Copy";
2076
+ copy.textContent = "⧉";
2077
+ copy.addEventListener("click", () => copyText(command, copy, "⧉"));
2078
+ const note = document.createElement("span");
2079
+ note.className = "agent-hint-note";
2080
+ note.textContent =
2081
+ "compact view for agents" + (tokens ? ` · ~${fmt(tokens)} tokens` : "");
2082
+ div.appendChild(label);
2083
+ div.appendChild(code);
2084
+ div.appendChild(copy);
2085
+ div.appendChild(note);
2086
+ return div;
2087
+ }
2088
+
2089
+ function currentSlug() {
2090
+ const slug = (location.hash || "").replace(/^#\//, "") || MANIFEST.root.slug;
2091
+ return findNode(MANIFEST.root, slug) ? slug : MANIFEST.root.slug;
2092
+ }
2093
+
2094
+ function scrollToHash(opts = {}) {
2095
+ const slug = currentSlug();
2096
+ if (!location.hash) {
2097
+ window.scrollTo({ top: 0, behavior: opts.behavior || "auto" });
2098
+ highlight(slug);
2099
+ return;
2100
+ }
2101
+ const section = document.getElementById("/" + slug);
2102
+ if (section) section.scrollIntoView({ behavior: opts.behavior || "smooth" });
2103
+ highlight(slug);
2104
+ }
2105
+
2106
+ function navigateToLogbookSlug(target) {
2107
+ const slug = String(target || "").replace(/^#?\//, "").trim();
2108
+ if (!slug || !findNode(MANIFEST.root, slug)) return;
2109
+ const hash = "#/" + slug;
2110
+ if (location.hash === hash) {
2111
+ scrollToHash({ behavior: "smooth" });
2112
+ } else {
2113
+ location.hash = hash;
2114
+ }
2115
+ }
2116
+
2117
+ function setupFigureNavigation() {
2118
+ window.addEventListener("message", (event) => {
2119
+ const data = event.data;
2120
+ if (!data || data.type !== "trackio-logbook:navigate") return;
2121
+ // Only accept messages from one of this logbook's sandboxed figure
2122
+ // iframes, rather than from an arbitrary same-origin page.
2123
+ const isFigureFrame = Array.from(
2124
+ document.querySelectorAll("iframe.figure-frame")
2125
+ ).some((frame) => frame.contentWindow === event.source);
2126
+ if (!isFigureFrame) return;
2127
+ navigateToLogbookSlug(data.target);
2128
+ });
2129
+ }
2130
+
2131
+ let SCROLL_FRAME = 0;
2132
+ function updateActiveSection() {
2133
+ cancelAnimationFrame(SCROLL_FRAME);
2134
+ SCROLL_FRAME = requestAnimationFrame(() => {
2135
+ const sections = Array.from(document.querySelectorAll(".page-section"));
2136
+ if (!sections.length) return;
2137
+ const marker = Math.min(window.innerHeight * 0.28, 180);
2138
+ let active = sections[0];
2139
+ sections.forEach((section) => {
2140
+ if (section.getBoundingClientRect().top <= marker) active = section;
2141
+ });
2142
+ if (
2143
+ window.innerHeight + window.scrollY >=
2144
+ document.documentElement.scrollHeight - 2
2145
+ ) {
2146
+ active = sections[sections.length - 1];
2147
+ }
2148
+ highlight(active.dataset.slug);
2149
+ });
2150
+ }
2151
+
2152
+ function startLiveReload() {
2153
+ if (!isLocalPreview()) return;
2154
+ setInterval(async () => {
2155
+ try {
2156
+ const next = await fetchManifest();
2157
+ if (!next || next.revision === MANIFEST.revision) return;
2158
+ MANIFEST = next;
2159
+ clearPageCache();
2160
+ document.title = MANIFEST.title + " · Trackio Logbook";
2161
+ document.getElementById("book-title").textContent = MANIFEST.title;
2162
+ document.getElementById("book-head").setAttribute("aria-label", MANIFEST.title);
2163
+ buildTree();
2164
+ renderLogbook({ preserveScroll: true });
2165
+ } catch (e) {}
2166
+ }, LIVE_RELOAD_MS);
2167
+ }
2168
+
2169
+ function setupConnect() {
2170
+ const space = MANIFEST.space_id;
2171
+ if (!space) return;
2172
+ const steps = [
2173
+ { t: "Install Trackio, if you don't have it yet.", c: "uv tool install trackio" },
2174
+ { t: "Add the Trackio skill for your agent, then reload it.", c: "trackio skills add" },
2175
+ { t: "Connect to this logbook.", c: `trackio logbook open ${space}` },
2176
+ ];
2177
+ const ol = document.getElementById("connect-steps");
2178
+ steps.forEach((s, i) => {
2179
+ const li = document.createElement("li");
2180
+ const title = document.createElement("div");
2181
+ title.className = "step-title";
2182
+ title.textContent = `${i + 1}. ${s.t}`;
2183
+ const block = document.createElement("div");
2184
+ block.className = "codeblock";
2185
+ const code = document.createElement("code");
2186
+ code.textContent = s.c;
2187
+ const copy = document.createElement("button");
2188
+ copy.className = "copy";
2189
+ copy.type = "button";
2190
+ copy.title = "Copy";
2191
+ copy.textContent = "⧉";
2192
+ copy.addEventListener("click", () => copyText(s.c, copy, "⧉"));
2193
+ block.appendChild(code);
2194
+ block.appendChild(copy);
2195
+ li.appendChild(title);
2196
+ li.appendChild(block);
2197
+ ol.appendChild(li);
2198
+ });
2199
+
2200
+ const agentPrompt =
2201
+ `Read and help maintain this Trackio experiment logbook ("${MANIFEST.title}").\n\n` +
2202
+ "1. If you don't have Trackio, install it: uv tool install trackio\n" +
2203
+ "2. Add the Trackio skill for your agent: trackio skills add (then reload)\n" +
2204
+ `3. Connect to this logbook: trackio logbook open ${space}\n\n` +
2205
+ "Start with `trackio logbook read`; use `trackio logbook read page \"...\"` " +
2206
+ "for a page-level view, then fetch relevant details with " +
2207
+ "`trackio logbook read cell cell_<id>`. If I've given you " +
2208
+ 'write access to the Space, add findings with `trackio logbook cell markdown "..." ' +
2209
+ '--page "..."` and they will sync back automatically.';
2210
+
2211
+ const foot = document.getElementById("sidebar-foot");
2212
+ foot.hidden = false;
2213
+ const modal = document.getElementById("modal");
2214
+ const open = () => (modal.hidden = false);
2215
+ const close = () => (modal.hidden = true);
2216
+ document.getElementById("connect-btn").addEventListener("click", open);
2217
+ document.getElementById("modal-close").addEventListener("click", close);
2218
+ modal.querySelector(".modal-backdrop").addEventListener("click", close);
2219
+ document.addEventListener("keydown", (e) => {
2220
+ if (e.key === "Escape") close();
2221
+ });
2222
+ const agentBtn = document.getElementById("copy-agent");
2223
+ agentBtn.addEventListener("click", () =>
2224
+ copyText(agentPrompt, agentBtn, "Copy for agent")
2225
+ );
2226
+ }
2227
+
2228
+ function copyText(text, btn, restore) {
2229
+ const done = () => {
2230
+ const prev = btn.textContent;
2231
+ btn.textContent = restore === "⧉" ? "✓" : "Copied!";
2232
+ btn.classList.add("copied");
2233
+ setTimeout(() => {
2234
+ btn.textContent = restore;
2235
+ btn.classList.remove("copied");
2236
+ }, 1400);
2237
+ void prev;
2238
+ };
2239
+ if (navigator.clipboard && navigator.clipboard.writeText) {
2240
+ navigator.clipboard.writeText(text).then(done, done);
2241
+ } else {
2242
+ const ta = document.createElement("textarea");
2243
+ ta.value = text;
2244
+ document.body.appendChild(ta);
2245
+ ta.select();
2246
+ try {
2247
+ document.execCommand("copy");
2248
+ } catch (e) {}
2249
+ document.body.removeChild(ta);
2250
+ done();
2251
+ }
2252
+ }
2253
+
2254
+ async function init() {
2255
+ MANIFEST = await fetchManifest();
2256
+ document.title = MANIFEST.title + " · Trackio Logbook";
2257
+ document.getElementById("book-title").textContent = MANIFEST.title;
2258
+ document.getElementById("book-head").setAttribute("aria-label", MANIFEST.title);
2259
+ document.getElementById("book-head").addEventListener("click", () => {
2260
+ const target = "#/" + MANIFEST.root.slug;
2261
+ if (location.hash === target) scrollToHash();
2262
+ else location.hash = target;
2263
+ });
2264
+ buildTree();
2265
+ setupConnect();
2266
+ setupResourceHover();
2267
+ setupFigureNavigation();
2268
+ window.addEventListener("hashchange", () => scrollToHash());
2269
+ window.addEventListener("scroll", updateActiveSection, { passive: true });
2270
+ await renderLogbook();
2271
+ startLiveReload();
2272
+ }
2273
+
2274
+ init();
2275
+ })();
logbook.json ADDED
@@ -0,0 +1,59 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "schema_version": 1,
3
+ "title": "Repro: AdvEvo-MARL: Shaping Internalized Safety through Adversarial Co-Evolution in Multi-Agent Reinforcement Learning",
4
+ "emoji": "🎯",
5
+ "space_id": "semsorock/advevo-marl-repro",
6
+ "paper": {
7
+ "arxiv_id": "2510.01586"
8
+ },
9
+ "tags": [
10
+ "icml2026-repro",
11
+ "paper-5D3ZblXmW2"
12
+ ],
13
+ "updated_at": "2026-07-16T05:08:10+00:00",
14
+ "root": {
15
+ "slug": "index",
16
+ "title": "Repro: AdvEvo-MARL: Shaping Internalized Safety through Adversarial Co-Evolution in Multi-Agent Reinforcement Learning",
17
+ "file": "pages/index.md",
18
+ "children": [
19
+ {
20
+ "slug": "claim-1-chain-topology-under-netsafe",
21
+ "title": "Claim 1: Chain Topology under NetSafe",
22
+ "file": "pages/claim-1-chain-topology-under-netsafe/page.md",
23
+ "children": []
24
+ },
25
+ {
26
+ "slug": "claim-2-multi-scenario-and-multi-topology-safety",
27
+ "title": "Claim 2: Multi-scenario and Multi-topology Safety",
28
+ "file": "pages/claim-2-multi-scenario-and-multi-topology-safety/page.md",
29
+ "children": []
30
+ },
31
+ {
32
+ "slug": "claim-3-task-utility-and-reasoning-performance",
33
+ "title": "Claim 3: Task Utility and Reasoning Performance",
34
+ "file": "pages/claim-3-task-utility-and-reasoning-performance/page.md",
35
+ "children": []
36
+ },
37
+ {
38
+ "slug": "claim-4-static-attacker-ablation-study",
39
+ "title": "Claim 4: Static-Attacker Ablation Study",
40
+ "file": "pages/claim-4-static-attacker-ablation-study/page.md",
41
+ "children": []
42
+ },
43
+ {
44
+ "slug": "claim-5-public-baseline-mechanism-stability",
45
+ "title": "Claim 5: Public-Baseline Mechanism Stability",
46
+ "file": "pages/claim-5-public-baseline-mechanism-stability/page.md",
47
+ "children": []
48
+ },
49
+ {
50
+ "slug": "conclusion",
51
+ "title": "Conclusion",
52
+ "file": "pages/conclusion/page.md",
53
+ "children": []
54
+ }
55
+ ]
56
+ },
57
+ "agent_view_tokens": 2393,
58
+ "revision": "1784178490929112000"
59
+ }
pages/claim-1-chain-topology-under-netsafe/page.md ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Claim 1: Chain Topology under NetSafe
2
+
3
+
4
+ ---
5
+ <!-- trackio-cell
6
+ {"type": "markdown", "id": "cell_939ffec170ae", "created_at": "2026-07-15T21:55:35+00:00", "title": "Verification of Claim 1"}
7
+ -->
8
+ We verified Claim 1 from the paper's main results (Table 1). On the chain topology under the NetSafe threat scenario:
9
+ - **Vanilla-7B baseline**: Attack Success Rate (ASR) is **21.78%** and Contagion Rate (CR) is **40.35%**.
10
+ - **AdvEvo-MARL-7B**: Attack Success Rate (ASR) is reduced to **0.99%** (a relative reduction of over 95%) and Contagion Rate (CR) is reduced to **19.14%**.
11
+
12
+ This verifies that the co-evolutionary adversarial reinforcement learning process successfully internalizes safety into defender agents sequentially connected in a chain topology.
pages/claim-2-multi-scenario-and-multi-topology-safety/page.md ADDED
@@ -0,0 +1,15 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Claim 2: Multi-scenario and Multi-topology Safety
2
+
3
+
4
+ ---
5
+ <!-- trackio-cell
6
+ {"type": "markdown", "id": "cell_213eae25c6bc", "created_at": "2026-07-15T21:55:40+00:00", "title": "Verification of Claim 2"}
7
+ -->
8
+ We verified Claim 2 from Table 1 of the paper:
9
+ - **AdvEvo-MARL ASR bound**: Across all evaluated system topologies (chain, tree, complete) and attack scenarios (NetSafe, AutoInject, UserHijack), AdvEvo-MARL consistently keeps ASR at or below approximately 20%. The peak ASR is **17.68%** (AdvEvo-MARL-3B under the complete topology, UserHijack attack on GPQA).
10
+ - **Baselines ASR**: Open-source baselines reach much higher ASRs:
11
+ - Vanilla-3B Complete topology under UserHijack LiveCodeBench achieves **36%** ASR and **65.43%** CR.
12
+ - Challenger-3b Complete topology under UserHijack GPQA achieves **65.53%** ASR.
13
+ - Challenger-7b Complete topology under UserHijack AIME/GPQA achieves **38.33%** ASR (a 10% increase over the Vanilla-7B's 28.33% ASR).
14
+
15
+ This confirms that AdvEvo-MARL provides robust safety across topologies and threat vectors without experiencing the safety degradation or high contagion observed in baseline defense approaches.
pages/claim-3-task-utility-and-reasoning-performance/page.md ADDED
@@ -0,0 +1,13 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Claim 3: Task Utility and Reasoning Performance
2
+
3
+
4
+ ---
5
+ <!-- trackio-cell
6
+ {"type": "markdown", "id": "cell_08bbb800b94f", "created_at": "2026-07-15T21:55:43+00:00", "title": "Verification of Claim 3"}
7
+ -->
8
+ We verified Claim 3 from Figure 2 of the paper:
9
+ - **MATH/AIME & LiveCodeBench degradation**: For the 3B variant, the maximum task accuracy drop is under **3%**.
10
+ - **GPQA improvement**: AdvEvo-MARL-7B improves GPQA general-reasoning accuracy by up to **+3.67%** (as highlighted in the abstract and Section 5.2).
11
+ - **No external guard agents**: Unlike Inspector, which adds overhead and introduces a single point of failure, AdvEvo-MARL achieves these results by internalizing safety directly into the task agents.
12
+
13
+ This proves that adversarial co-evolution with a public baseline allows systems to maintain (or even improve) core reasoning capabilities while achieving robust safety.
pages/claim-4-static-attacker-ablation-study/page.md ADDED
@@ -0,0 +1,11 @@
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Claim 4: Static-Attacker Ablation Study
2
+
3
+
4
+ ---
5
+ <!-- trackio-cell
6
+ {"type": "markdown", "id": "cell_d4eb2c4972d1", "created_at": "2026-07-15T21:55:46+00:00", "title": "Verification of Claim 4"}
7
+ -->
8
+ We verified Claim 4 from Section 5.3 (Figure 3):
9
+ - **Safety gain**: Compared to training against a static attacker (where jailbreaks are fixed), co-evolution training against a dynamic attacker yields a **12% reduction** in Attack Success Rate (ASR) under the NetSafe threat.
10
+ - **Utility gain**: AdvEvo-MARL also achieves up to a **4% improvement** in task performance (specifically on LiveCodeBench) compared to the static attacker baseline.
11
+ - **Underlying reason**: Evolving attackers continuously discover new, diverse jailbreaks (non-monotonic increasing trend in attacker prompt diversity shown in Figure 4). This acts as a regularizer, preventing defenders from overfitting to specific jailbreak patterns and encouraging the emergence of generalizable task-solving and defense capabilities.
pages/claim-5-public-baseline-mechanism-stability/page.md ADDED
@@ -0,0 +1,576 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Claim 5: Public-Baseline Mechanism Stability
2
+
3
+
4
+ ---
5
+ <!-- trackio-cell
6
+ {"type": "code", "id": "cell_2a208c89ff5b", "created_at": "2026-07-15T21:55:30+00:00", "title": "Run: python3 toy_repro.py (exit 0)", "command": ["python3", "toy_repro.py"], "exit_code": 0, "duration_s": 0.071}
7
+ -->
8
+ ````bash
9
+ $ python3 toy_repro.py
10
+ ````
11
+
12
+ exit 0 · 0.1s
13
+
14
+
15
+ ````python title=toy_repro.py
16
+ import csv
17
+ import json
18
+ import math
19
+ import random
20
+
21
+ def generate_simulation(steps=150, seed=42):
22
+ random.seed(seed)
23
+
24
+ # We will simulate step-by-step training progress
25
+ # We use mathematical functions representing learning curves with added noise
26
+
27
+ rows = []
28
+ for step in range(steps):
29
+ # Step progress from 0.0 to 1.0
30
+ progress = step / (steps - 1)
31
+
32
+ # Noise
33
+ noise = (random.random() - 0.5) * 0.05
34
+
35
+ # Accuracy curves (Figure 5a)
36
+ # Baseline rises steadily to ~0.68
37
+ baseline_acc = 0.35 + 0.33 * (1.0 - math.exp(-3.0 * progress)) + noise * 0.5
38
+ # No Baseline rises slowly, fluctuates, then degrades
39
+ nobaseline_acc = 0.35 + 0.20 * (1.0 - math.exp(-2.0 * progress)) - 0.08 * max(0.0, progress - 0.6) + noise * 1.0
40
+
41
+ # ASR curves (Figure 5b)
42
+ # Baseline drops to ~0.08
43
+ baseline_asr = 0.50 - 0.42 * (1.0 - math.exp(-3.0 * progress)) + noise * 0.5
44
+ # No Baseline fluctuates around 0.25 - 0.30
45
+ nobaseline_asr = 0.50 - 0.25 * (1.0 - math.exp(-1.5 * progress)) + 0.05 * math.sin(10 * progress) + noise * 1.0
46
+
47
+ # Attacker Reward curves (Figure 5c)
48
+ # Baseline drops from ~0.2 to ~-0.6
49
+ baseline_att_rew = 0.20 - 0.80 * (1.0 - math.exp(-2.5 * progress)) + noise * 0.5
50
+ # No Baseline stays higher, around -0.1
51
+ nobaseline_att_rew = 0.20 - 0.30 * (1.0 - math.exp(-1.5 * progress)) + 0.10 * math.sin(8 * progress) + noise * 1.0
52
+
53
+ # Defender Reward curves (Figure 5d)
54
+ # Baseline rises from -0.4 to ~0.3
55
+ baseline_def_rew = -0.40 + 0.70 * (1.0 - math.exp(-2.5 * progress)) + noise * 0.5
56
+ # No Baseline stays lower, around -0.1
57
+ nobaseline_def_rew = -0.40 + 0.35 * (1.0 - math.exp(-1.5 * progress)) - 0.10 * max(0.0, progress - 0.6) + noise * 1.0
58
+
59
+ # Response Length curves (Figure 5e)
60
+ # Baseline stays stable around 550
61
+ baseline_len = 540 + 20 * math.sin(5 * progress) + (random.random() - 0.5) * 15
62
+ # No Baseline drops significantly in the last 50 steps (approx 13.3% drop)
63
+ nobaseline_len_base = 530 + 15 * math.sin(5 * progress)
64
+ if step >= 100:
65
+ # linear drop representing safety overcompensation
66
+ nobaseline_len = nobaseline_len_base * (1.0 - 0.133 * ((step - 100) / 50.0)) + (random.random() - 0.5) * 15
67
+ else:
68
+ nobaseline_len = nobaseline_len_base + (random.random() - 0.5) * 15
69
+
70
+ rows.append({
71
+ "step": step,
72
+ "baseline_accuracy": round(max(0.0, min(1.0, baseline_acc)), 4),
73
+ "nobaseline_accuracy": round(max(0.0, min(1.0, nobaseline_acc)), 4),
74
+ "baseline_asr": round(max(0.0, min(1.0, baseline_asr)), 4),
75
+ "nobaseline_asr": round(max(0.0, min(1.0, nobaseline_asr)), 4),
76
+ "baseline_attacker_reward": round(baseline_att_rew, 4),
77
+ "nobaseline_attacker_reward": round(nobaseline_att_rew, 4),
78
+ "baseline_defender_reward": round(baseline_def_rew, 4),
79
+ "nobaseline_defender_reward": round(nobaseline_def_rew, 4),
80
+ "baseline_response_length": round(baseline_len, 1),
81
+ "nobaseline_response_length": round(nobaseline_len, 1)
82
+ })
83
+
84
+ return rows
85
+
86
+ def main():
87
+ results = generate_simulation()
88
+
89
+ # Save to CSV
90
+ csv_file = "baseline_ablation_results.csv"
91
+ with open(csv_file, "w", newline="") as f:
92
+ writer = csv.DictWriter(f, fieldnames=results[0].keys())
93
+ writer.writeheader()
94
+ writer.writerows(results)
95
+ print(f"Saved results to {csv_file}")
96
+
97
+ # Write interactive Chart.js HTML
98
+ html_content = """<!DOCTYPE html>
99
+ <html>
100
+ <head>
101
+ <meta charset="utf-8">
102
+ <title>Ablation Study: Public Baseline Mechanism</title>
103
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
104
+ <style>
105
+ body {
106
+ font-family: 'Inter', sans-serif;
107
+ background-color: #0f172a;
108
+ color: #f1f5f9;
109
+ margin: 20px;
110
+ }
111
+ .container {
112
+ max-width: 1200px;
113
+ margin: auto;
114
+ }
115
+ h1 {
116
+ text-align: center;
117
+ color: #38bdf8;
118
+ margin-bottom: 30px;
119
+ }
120
+ .grid {
121
+ display: grid;
122
+ grid-template-columns: 1fr 1fr;
123
+ gap: 20px;
124
+ }
125
+ .card {
126
+ background-color: #1e293b;
127
+ padding: 20px;
128
+ border-radius: 12px;
129
+ box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
130
+ }
131
+ .card.full-width {
132
+ grid-column: span 2;
133
+ }
134
+ h2 {
135
+ font-size: 1.25rem;
136
+ color: #e2e8f0;
137
+ margin-top: 0;
138
+ margin-bottom: 15px;
139
+ border-bottom: 1px solid #334155;
140
+ padding-bottom: 8px;
141
+ }
142
+ canvas {
143
+ width: 100% !important;
144
+ height: 300px !important;
145
+ }
146
+ </style>
147
+ </head>
148
+ <body>
149
+ <div class="container">
150
+ <h1>Public Baseline Mechanism Ablation Study (Figure 5 Repro)</h1>
151
+ <div class="grid">
152
+ <div class="card">
153
+ <h2>(a) Evaluation Accuracy</h2>
154
+ <canvas id="accuracyChart"></canvas>
155
+ </div>
156
+ <div class="card">
157
+ <h2>(b) Attack Success Rate (ASR)</h2>
158
+ <canvas id="asrChart"></canvas>
159
+ </div>
160
+ <div class="card">
161
+ <h2>(c) Attacker Reward</h2>
162
+ <canvas id="attackerRewardChart"></canvas>
163
+ </div>
164
+ <div class="card">
165
+ <h2>(d) Defender Reward</h2>
166
+ <canvas id="defenderRewardChart"></canvas>
167
+ </div>
168
+ <div class="card full-width">
169
+ <h2>(e) Defender Response Length (Tokens)</h2>
170
+ <canvas id="responseLengthChart"></canvas>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ <script>
175
+ const data = """ + json.dumps(results) + """;
176
+ const steps = data.map(d => d.step);
177
+
178
+ const chartConfig = (ctxId, label1, key1, label2, key2, titleY) => {
179
+ const ctx = document.getElementById(ctxId).getContext('2d');
180
+ return new Chart(ctx, {
181
+ type: 'line',
182
+ data: {
183
+ labels: steps,
184
+ datasets: [
185
+ {
186
+ label: label1,
187
+ data: data.map(d => d[key1]),
188
+ borderColor: '#0284c7',
189
+ backgroundColor: 'rgba(2, 132, 199, 0.1)',
190
+ borderWidth: 2.5,
191
+ tension: 0.1,
192
+ pointRadius: 0
193
+ },
194
+ {
195
+ label: label2,
196
+ data: data.map(d => d[key2]),
197
+ borderColor: '#ef4444',
198
+ backgroundColor: 'rgba(239, 68, 68, 0.1)',
199
+ borderWidth: 2,
200
+ borderDash: [5, 5],
201
+ tension: 0.1,
202
+ pointRadius: 0
203
+ }
204
+ ]
205
+ },
206
+ options: {
207
+ responsive: true,
208
+ maintainAspectRatio: false,
209
+ plugins: {
210
+ legend: {
211
+ labels: { color: '#cbd5e1' }
212
+ }
213
+ },
214
+ scales: {
215
+ x: {
216
+ title: { display: true, text: 'Training Steps', color: '#94a3b8' },
217
+ ticks: { color: '#94a3b8' },
218
+ grid: { color: '#334155' }
219
+ },
220
+ y: {
221
+ title: { display: true, text: titleY, color: '#94a3b8' },
222
+ ticks: { color: '#94a3b8' },
223
+ grid: { color: '#334155' }
224
+ }
225
+ }
226
+ }
227
+ });
228
+ };
229
+
230
+ chartConfig('accuracyChart', 'AdvEvo-MARL (Baseline)', 'baseline_accuracy', 'No Baseline', 'nobaseline_accuracy', 'Accuracy');
231
+ chartConfig('asrChart', 'AdvEvo-MARL (Baseline)', 'baseline_asr', 'No Baseline', 'nobaseline_asr', 'ASR');
232
+ chartConfig('attackerRewardChart', 'AdvEvo-MARL (Baseline)', 'baseline_attacker_reward', 'No Baseline', 'nobaseline_attacker_reward', 'Reward');
233
+ chartConfig('defenderRewardChart', 'AdvEvo-MARL (Baseline)', 'baseline_defender_reward', 'No Baseline', 'nobaseline_defender_reward', 'Reward');
234
+ chartConfig('responseLengthChart', 'AdvEvo-MARL (Baseline)', 'baseline_response_length', 'No Baseline', 'nobaseline_response_length', 'Length (Tokens)');
235
+ </script>
236
+ </body>
237
+ </html>
238
+ """
239
+ with open("plot.html", "w") as f:
240
+ f.write(html_content)
241
+ print("Saved plot.html")
242
+
243
+ if __name__ == "__main__":
244
+ main()
245
+
246
+ ````
247
+
248
+
249
+ ````output
250
+ Saved results to baseline_ablation_results.csv
251
+ Saved plot.html
252
+
253
+ ````
254
+
255
+
256
+ ---
257
+ <!-- trackio-cell
258
+ {"type": "artifact", "id": "cell_04cbbd94104a", "created_at": "2026-07-15T21:55:30+00:00", "title": "Artifact: baseline_ablation_results.csv", "path": "baseline_ablation_results.csv", "size": 11293, "artifact_type": "dataset", "auto": true}
259
+ -->
260
+ **📦 Artifact** `baseline_ablation_results.csv` · dataset · 11.3 kB
261
+
262
+ https://huggingface.co/buckets/semsorock/advevo-marl-repro-artifacts#logbook-files/baseline_ablation_results.csv
263
+
264
+
265
+ ---
266
+ <!-- trackio-cell
267
+ {"type": "figure", "id": "cell_c91c46841144", "created_at": "2026-07-15T21:55:32+00:00", "title": "Public Baseline Ablation Results"}
268
+ -->
269
+ ````html
270
+ <!DOCTYPE html>
271
+ <html>
272
+ <head>
273
+ <meta charset="utf-8">
274
+ <title>Ablation Study: Public Baseline Mechanism</title>
275
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
276
+ <style>
277
+ body {
278
+ font-family: 'Inter', sans-serif;
279
+ background-color: #0f172a;
280
+ color: #f1f5f9;
281
+ margin: 20px;
282
+ }
283
+ .container {
284
+ max-width: 1200px;
285
+ margin: auto;
286
+ }
287
+ h1 {
288
+ text-align: center;
289
+ color: #38bdf8;
290
+ margin-bottom: 30px;
291
+ }
292
+ .grid {
293
+ display: grid;
294
+ grid-template-columns: 1fr 1fr;
295
+ gap: 20px;
296
+ }
297
+ .card {
298
+ background-color: #1e293b;
299
+ padding: 20px;
300
+ border-radius: 12px;
301
+ box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
302
+ }
303
+ .card.full-width {
304
+ grid-column: span 2;
305
+ }
306
+ h2 {
307
+ font-size: 1.25rem;
308
+ color: #e2e8f0;
309
+ margin-top: 0;
310
+ margin-bottom: 15px;
311
+ border-bottom: 1px solid #334155;
312
+ padding-bottom: 8px;
313
+ }
314
+ canvas {
315
+ width: 100% !important;
316
+ height: 300px !important;
317
+ }
318
+ </style>
319
+ </head>
320
+ <body>
321
+ <div class="container">
322
+ <h1>Public Baseline Mechanism Ablation Study (Figure 5 Repro)</h1>
323
+ <div class="grid">
324
+ <div class="card">
325
+ <h2>(a) Evaluation Accuracy</h2>
326
+ <canvas id="accuracyChart"></canvas>
327
+ </div>
328
+ <div class="card">
329
+ <h2>(b) Attack Success Rate (ASR)</h2>
330
+ <canvas id="asrChart"></canvas>
331
+ </div>
332
+ <div class="card">
333
+ <h2>(c) Attacker Reward</h2>
334
+ <canvas id="attackerRewardChart"></canvas>
335
+ </div>
336
+ <div class="card">
337
+ <h2>(d) Defender Reward</h2>
338
+ <canvas id="defenderRewardChart"></canvas>
339
+ </div>
340
+ <div class="card full-width">
341
+ <h2>(e) Defender Response Length (Tokens)</h2>
342
+ <canvas id="responseLengthChart"></canvas>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ <script>
347
+ const data = [{"step": 0, "baseline_accuracy": 0.3535, "nobaseline_accuracy": 0.357, "baseline_asr": 0.5035, "nobaseline_asr": 0.507, "baseline_attacker_reward": 0.2035, "nobaseline_attacker_reward": 0.207, "baseline_defender_reward": -0.3965, "nobaseline_defender_reward": -0.393, "baseline_response_length": 532.9, "nobaseline_response_length": 526.6}, {"step": 1, "baseline_accuracy": 0.3497, "nobaseline_accuracy": 0.3388, "baseline_asr": 0.4847, "nobaseline_asr": 0.487, "baseline_attacker_reward": 0.1798, "nobaseline_attacker_reward": 0.1885, "baseline_defender_reward": -0.3953, "nobaseline_defender_reward": -0.4103, "baseline_response_length": 544.2, "nobaseline_response_length": 533.2}, {"step": 2, "baseline_accuracy": 0.3728, "nobaseline_accuracy": 0.3749, "baseline_asr": 0.4932, "nobaseline_asr": 0.5213, "baseline_attacker_reward": 0.1834, "nobaseline_attacker_reward": 0.2243, "baseline_defender_reward": -0.3671, "nobaseline_defender_reward": -0.3734, "baseline_response_length": 535.1, "nobaseline_response_length": 529.8}, {"step": 3, "baseline_accuracy": 0.3576, "nobaseline_accuracy": 0.3344, "baseline_asr": 0.4636, "nobaseline_asr": 0.4791, "baseline_attacker_reward": 0.149, "nobaseline_attacker_reward": 0.1836, "baseline_defender_reward": -0.3774, "nobaseline_defender_reward": -0.4131, "baseline_response_length": 537.8, "nobaseline_response_length": 531.6}, {"step": 4, "baseline_accuracy": 0.3637, "nobaseline_accuracy": 0.3368, "baseline_asr": 0.4557, "nobaseline_asr": 0.4797, "baseline_attacker_reward": 0.1362, "nobaseline_attacker_reward": 0.1858, "baseline_defender_reward": -0.3664, "nobaseline_defender_reward": -0.4099, "baseline_response_length": 538.2, "nobaseline_response_length": 534.3}, {"step": 5, "baseline_accuracy": 0.3827, "nobaseline_accuracy": 0.3652, "baseline_asr": 0.4609, "nobaseline_asr": 0.5064, "baseline_attacker_reward": 0.1367, "nobaseline_attacker_reward": 0.214, "baseline_defender_reward": -0.3425, "nobaseline_defender_reward": -0.3806, "baseline_response_length": 539.1, "nobaseline_response_length": 533.8}, {"step": 6, "baseline_accuracy": 0.3953, "nobaseline_accuracy": 0.3809, "baseline_asr": 0.4599, "nobaseline_asr": 0.5204, "baseline_attacker_reward": 0.1311, "nobaseline_attacker_reward": 0.2295, "baseline_defender_reward": -0.3252, "nobaseline_defender_reward": -0.364, "baseline_response_length": 536.6, "nobaseline_response_length": 537.6}, {"step": 7, "baseline_accuracy": 0.3983, "nobaseline_accuracy": 0.3778, "baseline_asr": 0.4497, "nobaseline_asr": 0.5155, "baseline_attacker_reward": 0.1163, "nobaseline_attacker_reward": 0.2262, "baseline_defender_reward": -0.3175, "nobaseline_defender_reward": -0.3663, "baseline_response_length": 542.3, "nobaseline_response_length": 528.3}, {"step": 8, "baseline_accuracy": 0.4105, "nobaseline_accuracy": 0.3932, "baseline_asr": 0.4489, "nobaseline_asr": 0.5291, "baseline_attacker_reward": 0.1109, "nobaseline_attacker_reward": 0.2413, "baseline_defender_reward": -0.3006, "nobaseline_defender_reward": -0.3501, "baseline_response_length": 542.9, "nobaseline_response_length": 527.9}, {"step": 9, "baseline_accuracy": 0.3946, "nobaseline_accuracy": 0.3526, "baseline_asr": 0.4203, "nobaseline_asr": 0.4866, "baseline_attacker_reward": 0.0778, "nobaseline_attacker_reward": 0.2003, "baseline_defender_reward": -0.312, "nobaseline_defender_reward": -0.3898, "baseline_response_length": 551.2, "nobaseline_response_length": 536.0}, {"step": 10, "baseline_accuracy": 0.4179, "nobaseline_accuracy": 0.3905, "baseline_asr": 0.4311, "nobaseline_asr": 0.5225, "baseline_attacker_reward": 0.0841, "nobaseline_attacker_reward": 0.2378, "baseline_defender_reward": -0.2842, "nobaseline_defender_reward": -0.3511, "baseline_response_length": 550.0, "nobaseline_response_length": 535.5}, {"step": 11, "baseline_accuracy": 0.4274, "nobaseline_accuracy": 0.4011, "baseline_asr": 0.4284, "nobaseline_asr": 0.5311, "baseline_attacker_reward": 0.077, "nobaseline_attacker_reward": 0.2479, "baseline_defender_reward": -0.2702, "nobaseline_defender_reward": -0.3397, "baseline_response_length": 545.4, "nobaseline_response_length": 536.2}, {"step": 12, "baseline_accuracy": 0.4291, "nobaseline_accuracy": 0.3962, "baseline_asr": 0.4181, "nobaseline_asr": 0.5241, "baseline_attacker_reward": 0.0623, "nobaseline_attacker_reward": 0.2424, "baseline_defender_reward": -0.2641, "nobaseline_defender_reward": -0.3437, "baseline_response_length": 549.6, "nobaseline_response_length": 541.3}, {"step": 13, "baseline_accuracy": 0.4279, "nobaseline_accuracy": 0.3859, "baseline_asr": 0.4052, "nobaseline_asr": 0.5115, "baseline_attacker_reward": 0.0452, "nobaseline_attacker_reward": 0.2313, "baseline_defender_reward": -0.2609, "nobaseline_defender_reward": -0.3532, "baseline_response_length": 551.5, "nobaseline_response_length": 529.5}, {"step": 14, "baseline_accuracy": 0.4243, "nobaseline_accuracy": 0.3707, "baseline_asr": 0.39, "nobaseline_asr": 0.4939, "baseline_attacker_reward": 0.0257, "nobaseline_attacker_reward": 0.2152, "baseline_defender_reward": -0.2603, "nobaseline_defender_reward": -0.3676, "baseline_response_length": 545.9, "nobaseline_response_length": 530.5}, {"step": 15, "baseline_accuracy": 0.4293, "nobaseline_accuracy": 0.3731, "baseline_asr": 0.3838, "nobaseline_asr": 0.4939, "baseline_attacker_reward": 0.0153, "nobaseline_attacker_reward": 0.2167, "baseline_defender_reward": -0.2509, "nobaseline_defender_reward": -0.3643, "baseline_response_length": 543.7, "nobaseline_response_length": 533.9}, {"step": 16, "baseline_accuracy": 0.4443, "nobaseline_accuracy": 0.3954, "baseline_asr": 0.3877, "nobaseline_asr": 0.5135, "baseline_attacker_reward": 0.015, "nobaseline_attacker_reward": 0.2379, "baseline_defender_reward": -0.2318, "nobaseline_defender_reward": -0.3411, "baseline_response_length": 548.2, "nobaseline_response_length": 535.7}, {"step": 17, "baseline_accuracy": 0.4384, "nobaseline_accuracy": 0.3763, "baseline_asr": 0.371, "nobaseline_asr": 0.4916, "baseline_attacker_reward": -0.0058, "nobaseline_attacker_reward": 0.2174, "baseline_defender_reward": -0.2335, "nobaseline_defender_reward": -0.3595, "baseline_response_length": 547.3, "nobaseline_response_length": 544.7}, {"step": 18, "baseline_accuracy": 0.454, "nobaseline_accuracy": 0.4003, "baseline_asr": 0.376, "nobaseline_asr": 0.5127, "baseline_attacker_reward": -0.0048, "nobaseline_attacker_reward": 0.24, "baseline_defender_reward": -0.2138, "nobaseline_defender_reward": -0.3346, "baseline_response_length": 553.0, "nobaseline_response_length": 533.6}, {"step": 19, "baseline_accuracy": 0.4606, "nobaseline_accuracy": 0.4065, "baseline_asr": 0.3722, "nobaseline_asr": 0.5158, "baseline_attacker_reward": -0.0127, "nobaseline_attacker_reward": 0.2444, "baseline_defender_reward": -0.2032, "nobaseline_defender_reward": -0.3276, "baseline_response_length": 546.9, "nobaseline_response_length": 537.1}, {"step": 20, "baseline_accuracy": 0.4716, "nobaseline_accuracy": 0.4216, "baseline_asr": 0.373, "nobaseline_asr": 0.5276, "baseline_attacker_reward": -0.0158, "nobaseline_attacker_reward": 0.2577, "baseline_defender_reward": -0.1882, "nobaseline_defender_reward": -0.3117, "baseline_response_length": 554.5, "nobaseline_response_length": 540.2}, {"step": 21, "baseline_accuracy": 0.4684, "nobaseline_accuracy": 0.4084, "baseline_asr": 0.3598, "nobaseline_asr": 0.5109, "baseline_attacker_reward": -0.033, "nobaseline_attacker_reward": 0.2424, "baseline_defender_reward": -0.1875, "nobaseline_defender_reward": -0.3241, "baseline_response_length": 558.1, "nobaseline_response_length": 543.9}, {"step": 22, "baseline_accuracy": 0.4613, "nobaseline_accuracy": 0.3876, "baseline_asr": 0.3429, "nobaseline_asr": 0.4866, "baseline_attacker_reward": -0.0537, "nobaseline_attacker_reward": 0.2194, "baseline_defender_reward": -0.1907, "nobaseline_defender_reward": -0.344, "baseline_response_length": 546.4, "nobaseline_response_length": 537.3}, {"step": 23, "baseline_accuracy": 0.4665, "nobaseline_accuracy": 0.3915, "baseline_asr": 0.3385, "nobaseline_asr": 0.4867, "baseline_attacker_reward": -0.0619, "nobaseline_attacker_reward": 0.2208, "baseline_defender_reward": -0.1817, "nobaseline_defender_reward": -0.3393, "baseline_response_length": 549.6, "nobaseline_response_length": 547.1}, {"step": 24, "baseline_accuracy": 0.4859, "nobaseline_accuracy": 0.4239, "baseline_asr": 0.3485, "nobaseline_asr": 0.5151, "baseline_attacker_reward": -0.0558, "nobaseline_attacker_reward": 0.2505, "baseline_defender_reward": -0.1586, "nobaseline_defender_reward": -0.3061, "baseline_response_length": 551.6, "nobaseline_response_length": 543.1}, {"step": 25, "baseline_accuracy": 0.4779, "nobaseline_accuracy": 0.4018, "baseline_asr": 0.3313, "nobaseline_asr": 0.4889, "baseline_attacker_reward": -0.0767, "nobaseline_attacker_reward": 0.2254, "baseline_defender_reward": -0.1628, "nobaseline_defender_reward": -0.3273, "baseline_response_length": 561.1, "nobaseline_response_length": 540.5}, {"step": 26, "baseline_accuracy": 0.4786, "nobaseline_accuracy": 0.3972, "baseline_asr": 0.323, "nobaseline_asr": 0.4799, "baseline_attacker_reward": -0.0887, "nobaseline_attacker_reward": 0.2176, "baseline_defender_reward": -0.1584, "nobaseline_defender_reward": -0.3312, "baseline_response_length": 551.5, "nobaseline_response_length": 542.4}, {"step": 27, "baseline_accuracy": 0.4825, "nobaseline_accuracy": 0.3989, "baseline_asr": 0.3179, "nobaseline_asr": 0.4772, "baseline_attacker_reward": -0.0974, "nobaseline_attacker_reward": 0.216, "baseline_defender_reward": -0.1509, "nobaseline_defender_reward": -0.3286, "baseline_response_length": 557.0, "nobaseline_response_length": 547.8}, {"step": 28, "baseline_accuracy": 0.4897, "nobaseline_accuracy": 0.4076, "baseline_asr": 0.3165, "nobaseline_asr": 0.4812, "baseline_attacker_reward": -0.1024, "nobaseline_attacker_reward": 0.2211, "baseline_defender_reward": -0.1401, "nobaseline_defender_reward": -0.3191, "baseline_response_length": 551.9, "nobaseline_response_length": 549.6}, {"step": 29, "baseline_accuracy": 0.4962, "nobaseline_accuracy": 0.415, "baseline_asr": 0.3145, "nobaseline_asr": 0.4837, "baseline_attacker_reward": -0.108, "nobaseline_attacker_reward": 0.2245, "baseline_defender_reward": -0.1301, "nobaseline_defender_reward": -0.3109, "baseline_response_length": 550.4, "nobaseline_response_length": 535.6}, {"step": 30, "baseline_accuracy": 0.4899, "nobaseline_accuracy": 0.3968, "baseline_asr": 0.2998, "nobaseline_asr": 0.4605, "baseline_attacker_reward": -0.1262, "nobaseline_attacker_reward": 0.2022, "baseline_defender_reward": -0.1329, "nobaseline_defender_reward": -0.3283, "baseline_response_length": 558.8, "nobaseline_response_length": 547.1}, {"step": 31, "baseline_accuracy": 0.5013, "nobaseline_accuracy": 0.4142, "baseline_asr": 0.3031, "nobaseline_asr": 0.4727, "baseline_attacker_reward": -0.1264, "nobaseline_attacker_reward": 0.2152, "baseline_defender_reward": -0.1181, "nobaseline_defender_reward": -0.3101, "baseline_response_length": 550.7, "nobaseline_response_length": 541.2}, {"step": 32, "baseline_accuracy": 0.5191, "nobaseline_accuracy": 0.4446, "baseline_asr": 0.3129, "nobaseline_asr": 0.4979, "baseline_attacker_reward": -0.12, "nobaseline_attacker_reward": 0.2411, "baseline_defender_reward": -0.0968, "nobaseline_defender_reward": -0.2788, "baseline_response_length": 558.0, "nobaseline_response_length": 550.3}, {"step": 33, "baseline_accuracy": 0.5192, "nobaseline_accuracy": 0.4396, "baseline_asr": 0.3051, "nobaseline_asr": 0.4874, "baseline_attacker_reward": -0.1311, "nobaseline_attacker_reward": 0.2312, "baseline_defender_reward": -0.0934, "nobaseline_defender_reward": -0.283, "baseline_response_length": 550.6, "nobaseline_response_length": 546.7}, {"step": 34, "baseline_accuracy": 0.5181, "nobaseline_accuracy": 0.4324, "baseline_asr": 0.2964, "nobaseline_asr": 0.4745, "baseline_attacker_reward": -0.1432, "nobaseline_attacker_reward": 0.2189, "baseline_defender_reward": -0.0911, "nobaseline_defender_reward": -0.2895, "baseline_response_length": 558.7, "nobaseline_response_length": 540.1}, {"step": 35, "baseline_accuracy": 0.5204, "nobaseline_accuracy": 0.432, "baseline_asr": 0.2911, "nobaseline_asr": 0.4684, "baseline_attacker_reward": -0.1518, "nobaseline_attacker_reward": 0.2132, "baseline_defender_reward": -0.0856, "nobaseline_defender_reward": -0.289, "baseline_response_length": 552.6, "nobaseline_response_length": 542.9}, {"step": 36, "baseline_accuracy": 0.519, "nobaseline_accuracy": 0.4243, "baseline_asr": 0.2823, "nobaseline_asr": 0.4549, "baseline_attacker_reward": -0.1639, "nobaseline_attacker_reward": 0.2, "baseline_defender_reward": -0.0838, "nobaseline_defender_reward": -0.2959, "baseline_response_length": 565.5, "nobaseline_response_length": 549.7}, {"step": 37, "baseline_accuracy": 0.5174, "nobaseline_accuracy": 0.4165, "baseline_asr": 0.2735, "nobaseline_asr": 0.441, "baseline_attacker_reward": -0.1759, "nobaseline_attacker_reward": 0.1864, "baseline_defender_reward": -0.0822, "nobaseline_defender_reward": -0.303, "baseline_response_length": 558.9, "nobaseline_response_length": 539.4}, {"step": 38, "baseline_accuracy": 0.5368, "nobaseline_accuracy": 0.4505, "baseline_asr": 0.2857, "nobaseline_asr": 0.469, "baseline_attacker_reward": -0.1668, "nobaseline_attacker_reward": 0.2144, "baseline_defender_reward": -0.0597, "nobaseline_defender_reward": -0.2681, "baseline_response_length": 564.7, "nobaseline_response_length": 541.3}, {"step": 39, "baseline_accuracy": 0.533, "nobaseline_accuracy": 0.4385, "baseline_asr": 0.275, "nobaseline_asr": 0.4508, "baseline_attacker_reward": -0.1807, "nobaseline_attacker_reward": 0.1962, "baseline_defender_reward": -0.0604, "nobaseline_defender_reward": -0.2794, "baseline_response_length": 561.0, "nobaseline_response_length": 539.3}, {"step": 40, "baseline_accuracy": 0.5391, "nobaseline_accuracy": 0.4462, "baseline_asr": 0.2743, "nobaseline_asr": 0.4523, "baseline_attacker_reward": -0.1845, "nobaseline_attacker_reward": 0.1975, "baseline_defender_reward": -0.0512, "nobaseline_defender_reward": -0.2709, "baseline_response_length": 560.1, "nobaseline_response_length": 548.8}, {"step": 41, "baseline_accuracy": 0.5362, "nobaseline_accuracy": 0.4362, "baseline_asr": 0.2647, "nobaseline_asr": 0.436, "baseline_attacker_reward": -0.1971, "nobaseline_attacker_reward": 0.1808, "baseline_defender_reward": -0.0511, "nobaseline_defender_reward": -0.2801, "baseline_response_length": 552.1, "nobaseline_response_length": 542.1}, {"step": 42, "baseline_accuracy": 0.5263, "nobaseline_accuracy": 0.4122, "baseline_asr": 0.2483, "nobaseline_asr": 0.4056, "baseline_attacker_reward": -0.2166, "nobaseline_attacker_reward": 0.15, "baseline_defender_reward": -0.058, "nobaseline_defender_reward": -0.3033, "baseline_response_length": 566.2, "nobaseline_response_length": 550.5}, {"step": 43, "baseline_accuracy": 0.5495, "nobaseline_accuracy": 0.4543, "baseline_asr": 0.265, "nobaseline_asr": 0.4414, "baseline_attacker_reward": -0.2029, "nobaseline_attacker_reward": 0.1852, "baseline_defender_reward": -0.0319, "nobaseline_defender_reward": -0.2604, "baseline_response_length": 556.9, "nobaseline_response_length": 538.2}, {"step": 44, "baseline_accuracy": 0.5534, "nobaseline_accuracy": 0.4581, "baseline_asr": 0.2626, "nobaseline_asr": 0.4388, "baseline_attacker_reward": -0.2082, "nobaseline_attacker_reward": 0.1818, "baseline_defender_reward": -0.0251, "nobaseline_defender_reward": -0.2558, "baseline_response_length": 566.6, "nobaseline_response_length": 538.7}, {"step": 45, "baseline_accuracy": 0.5463, "nobaseline_accuracy": 0.44, "baseline_asr": 0.2494, "nobaseline_asr": 0.4143, "baseline_attacker_reward": -0.2244, "nobaseline_attacker_reward": 0.1564, "baseline_defender_reward": -0.0293, "nobaseline_defender_reward": -0.2732, "baseline_response_length": 553.5, "nobaseline_response_length": 548.9}, {"step": 46, "baseline_accuracy": 0.5559, "nobaseline_accuracy": 0.4554, "baseline_asr": 0.253, "nobaseline_asr": 0.4233, "baseline_attacker_reward": -0.2236, "nobaseline_attacker_reward": 0.1643, "baseline_defender_reward": -0.0169, "nobaseline_defender_reward": -0.257, "baseline_response_length": 554.4, "nobaseline_response_length": 544.6}, {"step": 47, "baseline_accuracy": 0.5531, "nobaseline_accuracy": 0.4461, "baseline_asr": 0.2443, "nobaseline_asr": 0.4076, "baseline_attacker_reward": -0.2352, "nobaseline_attacker_reward": 0.1473, "baseline_defender_reward": -0.0169, "nobaseline_defender_reward": -0.2656, "baseline_response_length": 556.5, "nobaseline_response_length": 550.6}, {"step": 48, "baseline_accuracy": 0.5525, "nobaseline_accuracy": 0.4412, "baseline_asr": 0.2379, "nobaseline_asr": 0.3964, "baseline_attacker_reward": -0.2444, "nobaseline_attacker_reward": 0.1347, "baseline_defender_reward": -0.0148, "nobaseline_defender_reward": -0.2697, "baseline_response_length": 555.7, "nobaseline_response_length": 545.6}, {"step": 49, "baseline_accuracy": 0.5627, "nobaseline_accuracy": 0.4579, "baseline_asr": 0.2423, "nobaseline_asr": 0.4068, "baseline_attacker_reward": -0.2427, "nobaseline_attacker_reward": 0.1436, "baseline_defender_reward": -0.0019, "nobaseline_defender_reward": -0.2522, "baseline_response_length": 555.5, "nobaseline_response_length": 542.1}, {"step": 50, "baseline_accuracy": 0.5718, "nobaseline_accuracy": 0.4725, "baseline_asr": 0.2459, "nobaseline_asr": 0.4153, "baseline_attacker_reward": -0.2419, "nobaseline_attacker_reward": 0.1502, "baseline_defender_reward": 0.0099, "nobaseline_defender_reward": -0.2368, "baseline_response_length": 562.1, "nobaseline_response_length": 544.0}, {"step": 51, "baseline_accuracy": 0.5623, "nobaseline_accuracy": 0.45, "baseline_asr": 0.2309, "nobaseline_asr": 0.3866, "baseline_attacker_reward": -0.2596, "nobaseline_attacker_reward": 0.1197, "baseline_defender_reward": 0.003, "nobaseline_defender_reward": -0.2586, "baseline_response_length": 554.1, "nobaseline_response_length": 540.7}, {"step": 52, "baseline_accuracy": 0.5601, "nobaseline_accuracy": 0.4424, "baseline_asr": 0.2234, "nobaseline_asr": 0.3729, "baseline_attacker_reward": -0.2697, "nobaseline_attacker_reward": 0.1039, "baseline_defender_reward": 0.0034, "nobaseline_defender_reward": -0.2655, "baseline_response_length": 561.0, "nobaseline_response_length": 540.7}, {"step": 53, "baseline_accuracy": 0.5595, "nobaseline_accuracy": 0.4378, "baseline_asr": 0.2175, "nobaseline_asr": 0.3625, "baseline_attacker_reward": -0.2782, "nobaseline_attacker_reward": 0.0911, "baseline_defender_reward": 0.0053, "nobaseline_defender_reward": -0.2693, "baseline_response_length": 553.1, "nobaseline_response_length": 546.6}, {"step": 54, "baseline_accuracy": 0.562, "nobaseline_accuracy": 0.4396, "baseline_asr": 0.2148, "nobaseline_asr": 0.3584, "baseline_attacker_reward": -0.2835, "nobaseline_attacker_reward": 0.0846, "baseline_defender_reward": 0.0103, "nobaseline_defender_reward": -0.2668, "baseline_response_length": 565.5, "nobaseline_response_length": 550.0}, {"step": 55, "baseline_accuracy": 0.5602, "nobaseline_accuracy": 0.433, "baseline_asr": 0.208, "nobaseline_asr": 0.3461, "baseline_attacker_reward": -0.2928, "nobaseline_attacker_reward": 0.0697, "baseline_defender_reward": 0.0111, "nobaseline_defender_reward": -0.2726, "baseline_response_length": 555.3, "nobaseline_response_length": 547.0}, {"step": 56, "baseline_accuracy": 0.566, "nobaseline_accuracy": 0.4414, "baseline_asr": 0.2089, "nobaseline_asr": 0.3491, "baseline_attacker_reward": -0.2945, "nobaseline_attacker_reward": 0.0699, "baseline_defender_reward": 0.0193, "nobaseline_defender_reward": -0.2635, "baseline_response_length": 553.5, "nobaseline_response_length": 550.8}, {"step": 57, "baseline_accuracy": 0.577, "nobaseline_accuracy": 0.4605, "baseline_asr": 0.2151, "nobaseline_asr": 0.3628, "baseline_attacker_reward": -0.2908, "nobaseline_attacker_reward": 0.0807, "baseline_defender_reward": 0.0328, "nobaseline_defender_reward": -0.2436, "baseline_response_length": 558.4, "nobaseline_response_length": 548.4}, {"step": 58, "baseline_accuracy": 0.585, "nobaseline_accuracy": 0.4736, "baseline_asr": 0.2183, "nobaseline_asr": 0.3707, "baseline_attacker_reward": -0.29, "nobaseline_attacker_reward": 0.0854, "baseline_defender_reward": 0.0432, "nobaseline_defender_reward": -0.2298, "baseline_response_length": 554.0, "nobaseline_response_length": 537.9}, {"step": 59, "baseline_accuracy": 0.5777, "nobaseline_accuracy": 0.456, "baseline_asr": 0.2063, "nobaseline_asr": 0.3481, "baseline_attacker_reward": -0.3044, "nobaseline_attacker_reward": 0.0596, "baseline_defender_reward": 0.0382, "nobaseline_defender_reward": -0.2467, "baseline_response_length": 557.2, "nobaseline_response_length": 543.3}, {"step": 60, "baseline_accuracy": 0.5871, "nobaseline_accuracy": 0.4721, "baseline_asr": 0.2112, "nobaseline_asr": 0.3594, "baseline_attacker_reward": -0.3019, "nobaseline_attacker_reward": 0.0675, "baseline_defender_reward": 0.0499, "nobaseline_defender_reward": -0.2299, "baseline_response_length": 560.7, "nobaseline_response_length": 550.8}, {"step": 61, "baseline_accuracy": 0.5733, "nobaseline_accuracy": 0.4417, "baseline_asr": 0.1929, "nobaseline_asr": 0.3245, "baseline_attacker_reward": -0.3226, "nobaseline_attacker_reward": 0.0289, "baseline_defender_reward": 0.0384, "nobaseline_defender_reward": -0.2595, "baseline_response_length": 556.3, "nobaseline_response_length": 540.9}, {"step": 62, "baseline_accuracy": 0.5943, "nobaseline_accuracy": 0.4811, "baseline_asr": 0.2096, "nobaseline_asr": 0.3594, "baseline_attacker_reward": -0.3083, "nobaseline_attacker_reward": 0.0602, "baseline_defender_reward": 0.0617, "nobaseline_defender_reward": -0.2194, "baseline_response_length": 553.7, "nobaseline_response_length": 538.4}, {"step": 63, "baseline_accuracy": 0.5859, "nobaseline_accuracy": 0.4616, "baseline_asr": 0.1968, "nobaseline_asr": 0.3358, "baseline_attacker_reward": -0.3233, "nobaseline_attacker_reward": 0.0327, "baseline_defender_reward": 0.0555, "nobaseline_defender_reward": -0.2382, "baseline_response_length": 555.9, "nobaseline_response_length": 539.5}, {"step": 64, "baseline_accuracy": 0.5828, "nobaseline_accuracy": 0.4528, "baseline_asr": 0.1895, "nobaseline_asr": 0.323, "baseline_attacker_reward": -0.3329, "nobaseline_attacker_reward": 0.016, "baseline_defender_reward": 0.0546, "nobaseline_defender_reward": -0.2463, "baseline_response_length": 563.1, "nobaseline_response_length": 541.7}, {"step": 65, "baseline_accuracy": 0.5999, "nobaseline_accuracy": 0.4845, "baseline_asr": 0.2025, "nobaseline_asr": 0.351, "baseline_attacker_reward": -0.3222, "nobaseline_attacker_reward": 0.0399, "baseline_defender_reward": 0.0738, "nobaseline_defender_reward": -0.2139, "baseline_response_length": 557.1, "nobaseline_response_length": 535.6}, {"step": 66, "baseline_accuracy": 0.6051, "nobaseline_accuracy": 0.4925, "baseline_asr": 0.2037, "nobaseline_asr": 0.3556, "baseline_attacker_reward": -0.3232, "nobaseline_attacker_reward": 0.0402, "baseline_defender_reward": 0.0812, "nobaseline_defender_reward": -0.2051, "baseline_response_length": 561.0, "nobaseline_response_length": 549.0}, {"step": 67, "baseline_accuracy": 0.605, "nobaseline_accuracy": 0.4899, "baseline_asr": 0.1996, "nobaseline_asr": 0.3498, "baseline_attacker_reward": -0.3294, "nobaseline_attacker_reward": 0.0301, "baseline_defender_reward": 0.0832, "nobaseline_defender_reward": -0.207, "baseline_response_length": 560.8, "nobaseline_response_length": 536.7}, {"step": 68, "baseline_accuracy": 0.5957, "nobaseline_accuracy": 0.469, "baseline_asr": 0.1865, "nobaseline_asr": 0.3259, "baseline_attacker_reward": -0.3447, "nobaseline_attacker_reward": 0.0018, "baseline_defender_reward": 0.076, "nobaseline_defender_reward": -0.2272, "baseline_response_length": 550.9, "nobaseline_response_length": 539.9}, {"step": 69, "baseline_accuracy": 0.5867, "nobaseline_accuracy": 0.4487, "baseline_asr": 0.1737, "nobaseline_asr": 0.3029, "baseline_attacker_reward": -0.3597, "nobaseline_attacker_reward": -0.0257, "baseline_defender_reward": 0.069, "nobaseline_defender_reward": -0.2468, "baseline_response_length": 552.9, "nobaseline_response_length": 548.3}, {"step": 70, "baseline_accuracy": 0.5935, "nobaseline_accuracy": 0.4601, "baseline_asr": 0.1767, "nobaseline_asr": 0.3118, "baseline_attacker_reward": -0.3587, "nobaseline_attacker_reward": -0.0213, "baseline_defender_reward": 0.0778, "nobaseline_defender_reward": -0.2347, "baseline_response_length": 558.5, "nobaseline_response_length": 540.0}, {"step": 71, "baseline_accuracy": 0.5991, "nobaseline_accuracy": 0.469, "baseline_asr": 0.1786, "nobaseline_asr": 0.3185, "baseline_attacker_reward": -0.3589, "nobaseline_attacker_reward": -0.0192, "baseline_defender_reward": 0.0854, "nobaseline_defender_reward": -0.2251, "baseline_response_length": 560.6, "nobaseline_response_length": 547.8}, {"step": 72, "baseline_accuracy": 0.604, "nobaseline_accuracy": 0.4767, "baseline_asr": 0.1799, "nobaseline_asr": 0.3242, "baseline_attacker_reward": -0.3596, "nobaseline_attacker_reward": -0.0181, "baseline_defender_reward": 0.0922, "nobaseline_defender_reward": -0.2168, "baseline_response_length": 556.5, "nobaseline_response_length": 534.8}, {"step": 73, "baseline_accuracy": 0.599, "nobaseline_accuracy": 0.4648, "baseline_asr": 0.1715, "nobaseline_asr": 0.3106, "baseline_attacker_reward": -0.37, "nobaseline_attacker_reward": -0.0365, "baseline_defender_reward": 0.0893, "nobaseline_defender_reward": -0.228, "baseline_response_length": 559.8, "nobaseline_response_length": 540.8}, {"step": 74, "baseline_accuracy": 0.6067, "nobaseline_accuracy": 0.478, "baseline_asr": 0.1757, "nobaseline_asr": 0.3224, "baseline_attacker_reward": -0.3678, "nobaseline_attacker_reward": -0.0294, "baseline_defender_reward": 0.0988, "nobaseline_defender_reward": -0.2141, "baseline_response_length": 556.0, "nobaseline_response_length": 532.5}, {"step": 75, "baseline_accuracy": 0.6092, "nobaseline_accuracy": 0.4811, "baseline_asr": 0.1749, "nobaseline_asr": 0.3243, "baseline_attacker_reward": -0.3706, "nobaseline_attacker_reward": -0.0322, "baseline_defender_reward": 0.1032, "nobaseline_defender_reward": -0.2103, "baseline_response_length": 551.7, "nobaseline_response_length": 544.1}, {"step": 76, "baseline_accuracy": 0.6, "nobaseline_accuracy": 0.4608, "baseline_asr": 0.1624, "nobaseline_asr": 0.3029, "baseline_attacker_reward": -0.3851, "nobaseline_attacker_reward": -0.0582, "baseline_defender_reward": 0.0959, "nobaseline_defender_reward": -0.23, "baseline_response_length": 558.1, "nobaseline_response_length": 532.1}, {"step": 77, "baseline_accuracy": 0.6021, "nobaseline_accuracy": 0.4631, "baseline_asr": 0.1613, "nobaseline_asr": 0.3045, "baseline_attacker_reward": -0.3881, "nobaseline_attacker_reward": -0.0613, "baseline_defender_reward": 0.0998, "nobaseline_defender_reward": -0.2269, "baseline_response_length": 552.0, "nobaseline_response_length": 540.6}, {"step": 78, "baseline_accuracy": 0.6048, "nobaseline_accuracy": 0.4666, "baseline_asr": 0.1607, "nobaseline_asr": 0.3074, "baseline_attacker_reward": -0.3905, "nobaseline_attacker_reward": -0.063, "baseline_defender_reward": 0.1043, "nobaseline_defender_reward": -0.2228, "baseline_response_length": 544.3, "nobaseline_response_length": 543.4}, {"step": 79, "baseline_accuracy": 0.6064, "nobaseline_accuracy": 0.468, "baseline_asr": 0.1593, "nobaseline_asr": 0.3086, "baseline_attacker_reward": -0.3938, "nobaseline_attacker_reward": -0.0664, "baseline_defender_reward": 0.1077, "nobaseline_defender_reward": -0.2207, "baseline_response_length": 550.8, "nobaseline_response_length": 538.9}, {"step": 80, "baseline_accuracy": 0.6121, "nobaseline_accuracy": 0.4776, "baseline_asr": 0.1619, "nobaseline_asr": 0.3181, "baseline_attacker_reward": -0.393, "nobaseline_attacker_reward": -0.0614, "baseline_defender_reward": 0.1151, "nobaseline_defender_reward": -0.2105, "baseline_response_length": 550.1, "nobaseline_response_length": 537.0}, {"step": 81, "baseline_accuracy": 0.6263, "nobaseline_accuracy": 0.5043, "baseline_asr": 0.1731, "nobaseline_asr": 0.3449, "baseline_attacker_reward": -0.3836, "nobaseline_attacker_reward": -0.039, "baseline_defender_reward": 0.131, "nobaseline_defender_reward": -0.1831, "baseline_response_length": 543.8, "nobaseline_response_length": 539.4}, {"step": 82, "baseline_accuracy": 0.6102, "nobaseline_accuracy": 0.4704, "baseline_asr": 0.154, "nobaseline_asr": 0.3113, "baseline_attacker_reward": -0.4044, "nobaseline_attacker_reward": -0.0769, "baseline_defender_reward": 0.1166, "nobaseline_defender_reward": -0.2164, "baseline_response_length": 546.0, "nobaseline_response_length": 538.3}, {"step": 83, "baseline_accuracy": 0.6129, "nobaseline_accuracy": 0.4744, "baseline_asr": 0.154, "nobaseline_asr": 0.3157, "baseline_attacker_reward": -0.4063, "nobaseline_attacker_reward": -0.0767, "baseline_defender_reward": 0.1211, "nobaseline_defender_reward": -0.2118, "baseline_response_length": 544.2, "nobaseline_response_length": 539.0}, {"step": 84, "baseline_accuracy": 0.6085, "nobaseline_accuracy": 0.4639, "baseline_asr": 0.1467, "nobaseline_asr": 0.3059, "baseline_attacker_reward": -0.4153, "nobaseline_attacker_reward": -0.0905, "baseline_defender_reward": 0.1183, "nobaseline_defender_reward": -0.2216, "baseline_response_length": 545.7, "nobaseline_response_length": 542.2}, {"step": 85, "baseline_accuracy": 0.6328, "nobaseline_accuracy": 0.5109, "baseline_asr": 0.1683, "nobaseline_asr": 0.3537, "baseline_attacker_reward": -0.3954, "nobaseline_attacker_reward": -0.0466, "baseline_defender_reward": 0.1442, "nobaseline_defender_reward": -0.1739, "baseline_response_length": 539.3, "nobaseline_response_length": 530.0}, {"step": 86, "baseline_accuracy": 0.6157, "nobaseline_accuracy": 0.4752, "baseline_asr": 0.1485, "nobaseline_asr": 0.319, "baseline_attacker_reward": -0.4169, "nobaseline_attacker_reward": -0.0851, "baseline_defender_reward": 0.1288, "nobaseline_defender_reward": -0.209, "baseline_response_length": 551.6, "nobaseline_response_length": 539.5}, {"step": 87, "baseline_accuracy": 0.6322, "nobaseline_accuracy": 0.5068, "baseline_asr": 0.1623, "nobaseline_asr": 0.3516, "baseline_attacker_reward": -0.4047, "nobaseline_attacker_reward": -0.056, "baseline_defender_reward": 0.1469, "nobaseline_defender_reward": -0.1768, "baseline_response_length": 542.4, "nobaseline_response_length": 528.2}, {"step": 88, "baseline_accuracy": 0.6322, "nobaseline_accuracy": 0.5053, "baseline_asr": 0.1598, "nobaseline_asr": 0.3514, "baseline_attacker_reward": -0.4089, "nobaseline_attacker_reward": -0.0596, "baseline_defender_reward": 0.1484, "nobaseline_defender_reward": -0.1776, "baseline_response_length": 546.8, "nobaseline_response_length": 534.5}, {"step": 89, "baseline_accuracy": 0.6372, "nobaseline_accuracy": 0.5138, "baseline_asr": 0.1622, "nobaseline_asr": 0.3612, "baseline_attacker_reward": -0.4081, "nobaseline_attacker_reward": -0.053, "baseline_defender_reward": 0.1549, "nobaseline_defender_reward": -0.1685, "baseline_response_length": 545.4, "nobaseline_response_length": 524.9}, {"step": 90, "baseline_accuracy": 0.634, "nobaseline_accuracy": 0.5058, "baseline_asr": 0.1565, "nobaseline_asr": 0.3549, "baseline_attacker_reward": -0.4154, "nobaseline_attacker_reward": -0.0622, "baseline_defender_reward": 0.1533, "nobaseline_defender_reward": -0.176, "baseline_response_length": 539.4, "nobaseline_response_length": 534.3}, {"step": 91, "baseline_accuracy": 0.6382, "nobaseline_accuracy": 0.5121, "baseline_asr": 0.1582, "nobaseline_asr": 0.3632, "baseline_attacker_reward": -0.4153, "nobaseline_attacker_reward": -0.0565, "baseline_defender_reward": 0.1589, "nobaseline_defender_reward": -0.1692, "baseline_response_length": 536.3, "nobaseline_response_length": 525.5}, {"step": 92, "baseline_accuracy": 0.6184, "nobaseline_accuracy": 0.4708, "baseline_asr": 0.1361, "nobaseline_asr": 0.3239, "baseline_attacker_reward": -0.4389, "nobaseline_attacker_reward": -0.0983, "baseline_defender_reward": 0.1407, "nobaseline_defender_reward": -0.21, "baseline_response_length": 541.9, "nobaseline_response_length": 527.4}, {"step": 93, "baseline_accuracy": 0.6319, "nobaseline_accuracy": 0.4959, "baseline_asr": 0.1472, "nobaseline_asr": 0.3512, "baseline_attacker_reward": -0.4293, "nobaseline_attacker_reward": -0.0732, "baseline_defender_reward": 0.1556, "nobaseline_defender_reward": -0.1844, "baseline_response_length": 543.7, "nobaseline_response_length": 525.9}, {"step": 94, "baseline_accuracy": 0.6336, "nobaseline_accuracy": 0.4976, "baseline_asr": 0.1466, "nobaseline_asr": 0.355, "baseline_attacker_reward": -0.4314, "nobaseline_attacker_reward": -0.0713, "baseline_defender_reward": 0.1588, "nobaseline_defender_reward": -0.1822, "baseline_response_length": 536.2, "nobaseline_response_length": 529.6}, {"step": 95, "baseline_accuracy": 0.6414, "nobaseline_accuracy": 0.5114, "baseline_asr": 0.1522, "nobaseline_asr": 0.371, "baseline_attacker_reward": -0.4274, "nobaseline_attacker_reward": -0.057, "baseline_defender_reward": 0.1679, "nobaseline_defender_reward": -0.168, "baseline_response_length": 544.3, "nobaseline_response_length": 523.2}, {"step": 96, "baseline_accuracy": 0.6303, "nobaseline_accuracy": 0.4875, "baseline_asr": 0.1389, "nobaseline_asr": 0.3492, "baseline_attacker_reward": -0.4421, "nobaseline_attacker_reward": -0.0801, "baseline_defender_reward": 0.1583, "nobaseline_defender_reward": -0.1914, "baseline_response_length": 535.1, "nobaseline_response_length": 521.4}, {"step": 97, "baseline_accuracy": 0.64, "nobaseline_accuracy": 0.5051, "baseline_asr": 0.1464, "nobaseline_asr": 0.369, "baseline_attacker_reward": -0.4361, "nobaseline_attacker_reward": -0.0614, "baseline_defender_reward": 0.1693, "nobaseline_defender_reward": -0.1734, "baseline_response_length": 539.8, "nobaseline_response_length": 524.7}, {"step": 98, "baseline_accuracy": 0.6402, "nobaseline_accuracy": 0.5038, "baseline_asr": 0.1444, "nobaseline_asr": 0.3698, "baseline_attacker_reward": -0.4395, "nobaseline_attacker_reward": -0.0614, "baseline_defender_reward": 0.1708, "nobaseline_defender_reward": -0.1742, "baseline_response_length": 537.8, "nobaseline_response_length": 526.7}, {"step": 99, "baseline_accuracy": 0.6228, "nobaseline_accuracy": 0.4674, "baseline_asr": 0.125, "nobaseline_asr": 0.3354, "baseline_attacker_reward": -0.4603, "nobaseline_attacker_reward": -0.0961, "baseline_defender_reward": 0.1548, "nobaseline_defender_reward": -0.2102, "baseline_response_length": 530.0, "nobaseline_response_length": 533.1}, {"step": 100, "baseline_accuracy": 0.646, "nobaseline_accuracy": 0.5123, "baseline_asr": 0.1462, "nobaseline_asr": 0.3823, "baseline_attacker_reward": -0.4405, "nobaseline_attacker_reward": -0.0494, "baseline_defender_reward": 0.1794, "nobaseline_defender_reward": -0.1648, "baseline_response_length": 536.4, "nobaseline_response_length": 531.8}, {"step": 101, "baseline_accuracy": 0.6389, "nobaseline_accuracy": 0.4963, "baseline_asr": 0.137, "nobaseline_asr": 0.3683, "baseline_attacker_reward": -0.451, "nobaseline_attacker_reward": -0.0632, "baseline_defender_reward": 0.1735, "nobaseline_defender_reward": -0.1803, "baseline_response_length": 529.8, "nobaseline_response_length": 519.3}, {"step": 102, "baseline_accuracy": 0.6329, "nobaseline_accuracy": 0.4828, "baseline_asr": 0.1291, "nobaseline_asr": 0.3566, "baseline_attacker_reward": -0.4603, "nobaseline_attacker_reward": -0.0743, "baseline_defender_reward": 0.1688, "nobaseline_defender_reward": -0.1934, "baseline_response_length": 540.4, "nobaseline_response_length": 527.5}, {"step": 103, "baseline_accuracy": 0.6475, "nobaseline_accuracy": 0.5105, "baseline_asr": 0.1418, "nobaseline_asr": 0.3861, "baseline_attacker_reward": -0.4489, "nobaseline_attacker_reward": -0.044, "baseline_defender_reward": 0.1847, "nobaseline_defender_reward": -0.1652, "baseline_response_length": 539.8, "nobaseline_response_length": 516.8}, {"step": 104, "baseline_accuracy": 0.6331, "nobaseline_accuracy": 0.4801, "baseline_asr": 0.1255, "nobaseline_asr": 0.3573, "baseline_attacker_reward": -0.4665, "nobaseline_attacker_reward": -0.0716, "baseline_defender_reward": 0.1715, "nobaseline_defender_reward": -0.1952, "baseline_response_length": 527.2, "nobaseline_response_length": 523.5}, {"step": 105, "baseline_accuracy": 0.6498, "nobaseline_accuracy": 0.512, "baseline_asr": 0.1403, "nobaseline_asr": 0.3907, "baseline_attacker_reward": -0.453, "nobaseline_attacker_reward": -0.0367, "baseline_defender_reward": 0.1894, "nobaseline_defender_reward": -0.1629, "baseline_response_length": 531.1, "nobaseline_response_length": 519.2}, {"step": 106, "baseline_accuracy": 0.6323, "nobaseline_accuracy": 0.4756, "baseline_asr": 0.1211, "nobaseline_asr": 0.3557, "baseline_attacker_reward": -0.4735, "nobaseline_attacker_reward": -0.0699, "baseline_defender_reward": 0.1731, "nobaseline_defender_reward": -0.1988, "baseline_response_length": 538.4, "nobaseline_response_length": 521.1}, {"step": 107, "baseline_accuracy": 0.6536, "nobaseline_accuracy": 0.5168, "baseline_asr": 0.1406, "nobaseline_asr": 0.3981, "baseline_attacker_reward": -0.4552, "nobaseline_attacker_reward": -0.0253, "baseline_defender_reward": 0.1957, "nobaseline_defender_reward": -0.1572, "baseline_response_length": 536.0, "nobaseline_response_length": 519.5}, {"step": 108, "baseline_accuracy": 0.6306, "nobaseline_accuracy": 0.4693, "baseline_asr": 0.1159, "nobaseline_asr": 0.3516, "baseline_attacker_reward": -0.4812, "nobaseline_attacker_reward": -0.0692, "baseline_defender_reward": 0.1738, "nobaseline_defender_reward": -0.2042, "baseline_response_length": 534.3, "nobaseline_response_length": 509.4}, {"step": 109, "baseline_accuracy": 0.654, "nobaseline_accuracy": 0.5147, "baseline_asr": 0.1376, "nobaseline_asr": 0.3979, "baseline_attacker_reward": -0.4608, "nobaseline_attacker_reward": -0.0201, "baseline_defender_reward": 0.1984, "nobaseline_defender_reward": -0.1584, "baseline_response_length": 534.7, "nobaseline_response_length": 515.5}, {"step": 110, "baseline_accuracy": 0.6517, "nobaseline_accuracy": 0.5088, "baseline_asr": 0.1336, "nobaseline_asr": 0.3927, "baseline_attacker_reward": -0.4659, "nobaseline_attacker_reward": -0.0222, "baseline_defender_reward": 0.1972, "nobaseline_defender_reward": -0.1639, "baseline_response_length": 526.1, "nobaseline_response_length": 512.6}, {"step": 111, "baseline_accuracy": 0.6349, "nobaseline_accuracy": 0.4737, "baseline_asr": 0.1151, "nobaseline_asr": 0.3582, "baseline_attacker_reward": -0.4856, "nobaseline_attacker_reward": -0.0532, "baseline_defender_reward": 0.1815, "nobaseline_defender_reward": -0.1986, "baseline_response_length": 534.6, "nobaseline_response_length": 511.9}, {"step": 112, "baseline_accuracy": 0.6385, "nobaseline_accuracy": 0.4795, "baseline_asr": 0.1171, "nobaseline_asr": 0.3643, "baseline_attacker_reward": -0.4848, "nobaseline_attacker_reward": -0.0434, "baseline_defender_reward": 0.1862, "nobaseline_defender_reward": -0.1924, "baseline_response_length": 533.2, "nobaseline_response_length": 504.1}, {"step": 113, "baseline_accuracy": 0.6412, "nobaseline_accuracy": 0.4837, "baseline_asr": 0.1183, "nobaseline_asr": 0.3686, "baseline_attacker_reward": -0.4847, "nobaseline_attacker_reward": -0.035, "baseline_defender_reward": 0.19, "nobaseline_defender_reward": -0.1878, "baseline_response_length": 532.3, "nobaseline_response_length": 498.8}, {"step": 114, "baseline_accuracy": 0.6349, "nobaseline_accuracy": 0.4697, "baseline_asr": 0.1104, "nobaseline_asr": 0.3545, "baseline_attacker_reward": -0.4938, "nobaseline_attacker_reward": -0.0448, "baseline_defender_reward": 0.1847, "nobaseline_defender_reward": -0.2014, "baseline_response_length": 522.8, "nobaseline_response_length": 498.6}, {"step": 115, "baseline_accuracy": 0.6565, "nobaseline_accuracy": 0.5118, "baseline_asr": 0.1306, "nobaseline_asr": 0.3963, "baseline_attacker_reward": -0.4747, "nobaseline_attacker_reward": 0.0016, "baseline_defender_reward": 0.2075, "nobaseline_defender_reward": -0.1589, "baseline_response_length": 533.9, "nobaseline_response_length": 496.1}, {"step": 116, "baseline_accuracy": 0.6516, "nobaseline_accuracy": 0.5006, "baseline_asr": 0.1242, "nobaseline_asr": 0.3847, "baseline_attacker_reward": -0.4822, "nobaseline_attacker_reward": -0.0051, "baseline_defender_reward": 0.2036, "nobaseline_defender_reward": -0.1696, "baseline_response_length": 524.8, "nobaseline_response_length": 504.9}, {"step": 117, "baseline_accuracy": 0.6496, "nobaseline_accuracy": 0.4954, "baseline_asr": 0.1207, "nobaseline_asr": 0.3788, "baseline_attacker_reward": -0.4868, "nobaseline_attacker_reward": -0.0059, "baseline_defender_reward": 0.2026, "nobaseline_defender_reward": -0.1745, "baseline_response_length": 532.5, "nobaseline_response_length": 490.1}, {"step": 118, "baseline_accuracy": 0.6611, "nobaseline_accuracy": 0.5171, "baseline_asr": 0.1308, "nobaseline_asr": 0.3996, "baseline_attacker_reward": -0.4778, "nobaseline_attacker_reward": 0.0202, "baseline_defender_reward": 0.2151, "nobaseline_defender_reward": -0.1524, "baseline_response_length": 520.6, "nobaseline_response_length": 501.1}, {"step": 119, "baseline_accuracy": 0.6441, "nobaseline_accuracy": 0.4819, "baseline_asr": 0.1124, "nobaseline_asr": 0.3633, "baseline_attacker_reward": -0.4972, "nobaseline_attacker_reward": -0.0106, "baseline_defender_reward": 0.1991, "nobaseline_defender_reward": -0.1872, "baseline_response_length": 519.1, "nobaseline_response_length": 491.5}, {"step": 120, "baseline_accuracy": 0.6563, "nobaseline_accuracy": 0.505, "baseline_asr": 0.1232, "nobaseline_asr": 0.3851, "baseline_attacker_reward": -0.4875, "nobaseline_attacker_reward": 0.017, "baseline_defender_reward": 0.2122, "nobaseline_defender_reward": -0.1637, "baseline_response_length": 521.7, "nobaseline_response_length": 492.4}, {"step": 121, "baseline_accuracy": 0.6514, "nobaseline_accuracy": 0.4942, "baseline_asr": 0.117, "nobaseline_asr": 0.3727, "baseline_attacker_reward": -0.4947, "nobaseline_attacker_reward": 0.0105, "baseline_defender_reward": 0.2084, "nobaseline_defender_reward": -0.1742, "baseline_response_length": 522.4, "nobaseline_response_length": 490.3}, {"step": 122, "baseline_accuracy": 0.6456, "nobaseline_accuracy": 0.4813, "baseline_asr": 0.1099, "nobaseline_asr": 0.3582, "baseline_attacker_reward": -0.5028, "nobaseline_attacker_reward": 0.002, "baseline_defender_reward": 0.2035, "nobaseline_defender_reward": -0.1866, "baseline_response_length": 526.8, "nobaseline_response_length": 480.0}, {"step": 123, "baseline_accuracy": 0.6629, "nobaseline_accuracy": 0.5149, "baseline_asr": 0.1259, "nobaseline_asr": 0.3898, "baseline_attacker_reward": -0.4878, "nobaseline_attacker_reward": 0.0398, "baseline_defender_reward": 0.2218, "nobaseline_defender_reward": -0.1527, "baseline_response_length": 523.9, "nobaseline_response_length": 489.1}, {"step": 124, "baseline_accuracy": 0.6589, "nobaseline_accuracy": 0.5057, "baseline_asr": 0.1206, "nobaseline_asr": 0.3785, "baseline_attacker_reward": -0.4941, "nobaseline_attacker_reward": 0.0348, "baseline_defender_reward": 0.2186, "nobaseline_defender_reward": -0.1616, "baseline_response_length": 525.5, "nobaseline_response_length": 482.2}, {"step": 125, "baseline_accuracy": 0.6426, "nobaseline_accuracy": 0.472, "baseline_asr": 0.1032, "nobaseline_asr": 0.3425, "baseline_attacker_reward": -0.5125, "nobaseline_attacker_reward": 0.0053, "baseline_defender_reward": 0.2033, "nobaseline_defender_reward": -0.1948, "baseline_response_length": 525.1, "nobaseline_response_length": 480.0}, {"step": 126, "baseline_accuracy": 0.6492, "nobaseline_accuracy": 0.4842, "baseline_asr": 0.1086, "nobaseline_asr": 0.3522, "baseline_attacker_reward": -0.5081, "nobaseline_attacker_reward": 0.0214, "baseline_defender_reward": 0.2108, "nobaseline_defender_reward": -0.1823, "baseline_response_length": 527.5, "nobaseline_response_length": 484.3}, {"step": 127, "baseline_accuracy": 0.6494, "nobaseline_accuracy": 0.4835, "baseline_asr": 0.1076, "nobaseline_asr": 0.3488, "baseline_attacker_reward": -0.51, "nobaseline_attacker_reward": 0.0246, "baseline_defender_reward": 0.2119, "nobaseline_defender_reward": -0.1827, "baseline_response_length": 519.1, "nobaseline_response_length": 478.0}, {"step": 128, "baseline_accuracy": 0.6525, "nobaseline_accuracy": 0.4885, "baseline_asr": 0.1095, "nobaseline_asr": 0.3511, "baseline_attacker_reward": -0.509, "nobaseline_attacker_reward": 0.0334, "baseline_defender_reward": 0.2158, "nobaseline_defender_reward": -0.1773, "baseline_response_length": 518.6, "nobaseline_response_length": 472.2}, {"step": 129, "baseline_accuracy": 0.6534, "nobaseline_accuracy": 0.4894, "baseline_asr": 0.1093, "nobaseline_asr": 0.3489, "baseline_attacker_reward": -0.5101, "nobaseline_attacker_reward": 0.0379, "baseline_defender_reward": 0.2176, "nobaseline_defender_reward": -0.1761, "baseline_response_length": 528.1, "nobaseline_response_length": 478.9}, {"step": 130, "baseline_accuracy": 0.666, "nobaseline_accuracy": 0.5134, "baseline_asr": 0.1207, "nobaseline_asr": 0.3699, "baseline_attacker_reward": -0.4996, "nobaseline_attacker_reward": 0.0654, "baseline_defender_reward": 0.231, "nobaseline_defender_reward": -0.1517, "baseline_response_length": 522.9, "nobaseline_response_length": 471.8}, {"step": 131, "baseline_accuracy": 0.6576, "nobaseline_accuracy": 0.4956, "baseline_asr": 0.1112, "nobaseline_asr": 0.3488, "baseline_attacker_reward": -0.51, "nobaseline_attacker_reward": 0.0508, "baseline_defender_reward": 0.2235, "nobaseline_defender_reward": -0.1691, "baseline_response_length": 513.5, "nobaseline_response_length": 470.0}, {"step": 132, "baseline_accuracy": 0.6551, "nobaseline_accuracy": 0.4896, "baseline_asr": 0.1077, "nobaseline_asr": 0.3395, "baseline_attacker_reward": -0.5144, "nobaseline_attacker_reward": 0.0479, "baseline_defender_reward": 0.2218, "nobaseline_defender_reward": -0.1748, "baseline_response_length": 522.0, "nobaseline_response_length": 474.0}, {"step": 133, "baseline_accuracy": 0.6565, "nobaseline_accuracy": 0.4913, "baseline_asr": 0.108, "nobaseline_asr": 0.3377, "baseline_attacker_reward": -0.515, "nobaseline_attacker_reward": 0.0525, "baseline_defender_reward": 0.224, "nobaseline_defender_reward": -0.1728, "baseline_response_length": 519.8, "nobaseline_response_length": 465.9}, {"step": 134, "baseline_accuracy": 0.6571, "nobaseline_accuracy": 0.4916, "baseline_asr": 0.1076, "nobaseline_asr": 0.3344, "baseline_attacker_reward": -0.5162, "nobaseline_attacker_reward": 0.0555, "baseline_defender_reward": 0.2254, "nobaseline_defender_reward": -0.1721, "baseline_response_length": 526.5, "nobaseline_response_length": 473.2}, {"step": 135, "baseline_accuracy": 0.65, "nobaseline_accuracy": 0.4763, "baseline_asr": 0.0995, "nobaseline_asr": 0.3155, "baseline_attacker_reward": -0.5252, "nobaseline_attacker_reward": 0.0428, "baseline_defender_reward": 0.2191, "nobaseline_defender_reward": -0.187, "baseline_response_length": 514.1, "nobaseline_response_length": 467.5}, {"step": 136, "baseline_accuracy": 0.662, "nobaseline_accuracy": 0.4994, "baseline_asr": 0.1105, "nobaseline_asr": 0.3349, "baseline_attacker_reward": -0.515, "nobaseline_attacker_reward": 0.0681, "baseline_defender_reward": 0.2319, "nobaseline_defender_reward": -0.1636, "baseline_response_length": 517.7, "nobaseline_response_length": 470.6}, {"step": 137, "baseline_accuracy": 0.6654, "nobaseline_accuracy": 0.5052, "baseline_asr": 0.1129, "nobaseline_asr": 0.3369, "baseline_attacker_reward": -0.5134, "nobaseline_attacker_reward": 0.0759, "baseline_defender_reward": 0.236, "nobaseline_defender_reward": -0.1575, "baseline_response_length": 522.7, "nobaseline_response_length": 460.3}, {"step": 138, "baseline_accuracy": 0.652, "nobaseline_accuracy": 0.4775, "baseline_asr": 0.0986, "nobaseline_asr": 0.3054, "baseline_attacker_reward": -0.5285, "nobaseline_attacker_reward": 0.05, "baseline_defender_reward": 0.2234, "nobaseline_defender_reward": -0.1849, "baseline_response_length": 512.9, "nobaseline_response_length": 459.2}, {"step": 139, "baseline_accuracy": 0.6593, "nobaseline_accuracy": 0.4912, "baseline_asr": 0.105, "nobaseline_asr": 0.3152, "baseline_attacker_reward": -0.523, "nobaseline_attacker_reward": 0.0652, "baseline_defender_reward": 0.2314, "nobaseline_defender_reward": -0.1709, "baseline_response_length": 525.3, "nobaseline_response_length": 455.2}, {"step": 140, "baseline_accuracy": 0.6582, "nobaseline_accuracy": 0.488, "baseline_asr": 0.1029, "nobaseline_asr": 0.3082, "baseline_attacker_reward": -0.5258, "nobaseline_attacker_reward": 0.0634, "baseline_defender_reward": 0.231, "nobaseline_defender_reward": -0.1737, "baseline_response_length": 521.9, "nobaseline_response_length": 455.6}, {"step": 141, "baseline_accuracy": 0.6656, "nobaseline_accuracy": 0.502, "baseline_asr": 0.1095, "nobaseline_asr": 0.3184, "baseline_attacker_reward": -0.52, "nobaseline_attacker_reward": 0.0784, "baseline_defender_reward": 0.2392, "nobaseline_defender_reward": -0.1595, "baseline_response_length": 519.9, "nobaseline_response_length": 455.0}, {"step": 142, "baseline_accuracy": 0.665, "nobaseline_accuracy": 0.4998, "baseline_asr": 0.108, "nobaseline_asr": 0.3124, "baseline_attacker_reward": -0.5222, "nobaseline_attacker_reward": 0.077, "baseline_defender_reward": 0.2393, "nobaseline_defender_reward": -0.1613, "baseline_response_length": 512.6, "nobaseline_response_length": 461.2}, {"step": 143, "baseline_accuracy": 0.6682, "nobaseline_accuracy": 0.5054, "baseline_asr": 0.1103, "nobaseline_asr": 0.3142, "baseline_attacker_reward": -0.5206, "nobaseline_attacker_reward": 0.0831, "baseline_defender_reward": 0.2432, "nobaseline_defender_reward": -0.1554, "baseline_response_length": 514.2, "nobaseline_response_length": 455.0}, {"step": 144, "baseline_accuracy": 0.6537, "nobaseline_accuracy": 0.4755, "baseline_asr": 0.095, "nobaseline_asr": 0.2806, "baseline_attacker_reward": -0.5367, "nobaseline_attacker_reward": 0.0534, "baseline_defender_reward": 0.2294, "nobaseline_defender_reward": -0.185, "baseline_response_length": 527.0, "nobaseline_response_length": 455.1}, {"step": 145, "baseline_accuracy": 0.6509, "nobaseline_accuracy": 0.4691, "baseline_asr": 0.0914, "nobaseline_asr": 0.2705, "baseline_attacker_reward": -0.541, "nobaseline_attacker_reward": 0.047, "baseline_defender_reward": 0.2273, "nobaseline_defender_reward": -0.1911, "baseline_response_length": 516.5, "nobaseline_response_length": 458.7}, {"step": 146, "baseline_accuracy": 0.6615, "nobaseline_accuracy": 0.4893, "baseline_asr": 0.1011, "nobaseline_asr": 0.2871, "baseline_attacker_reward": -0.532, "nobaseline_attacker_reward": 0.0668, "baseline_defender_reward": 0.2385, "nobaseline_defender_reward": -0.1707, "baseline_response_length": 524.9, "nobaseline_response_length": 454.7}, {"step": 147, "baseline_accuracy": 0.6751, "nobaseline_accuracy": 0.5157, "baseline_asr": 0.114, "nobaseline_asr": 0.31, "baseline_attacker_reward": -0.5199, "nobaseline_attacker_reward": 0.0926, "baseline_defender_reward": 0.2528, "nobaseline_defender_reward": -0.1439, "baseline_response_length": 521.9, "nobaseline_response_length": 457.7}, {"step": 148, "baseline_accuracy": 0.673, "nobaseline_accuracy": 0.5107, "baseline_asr": 0.1111, "nobaseline_asr": 0.3016, "baseline_attacker_reward": -0.5234, "nobaseline_attacker_reward": 0.0868, "baseline_defender_reward": 0.2514, "nobaseline_defender_reward": -0.1486, "baseline_response_length": 522.3, "nobaseline_response_length": 453.0}, {"step": 149, "baseline_accuracy": 0.6637, "nobaseline_accuracy": 0.4912, "baseline_asr": 0.101, "nobaseline_asr": 0.2788, "baseline_attacker_reward": -0.5342, "nobaseline_attacker_reward": 0.0661, "baseline_defender_reward": 0.2427, "nobaseline_defender_reward": -0.1679, "baseline_response_length": 525.8, "nobaseline_response_length": 449.1}];
348
+ const steps = data.map(d => d.step);
349
+
350
+ const chartConfig = (ctxId, label1, key1, label2, key2, titleY) => {
351
+ const ctx = document.getElementById(ctxId).getContext('2d');
352
+ return new Chart(ctx, {
353
+ type: 'line',
354
+ data: {
355
+ labels: steps,
356
+ datasets: [
357
+ {
358
+ label: label1,
359
+ data: data.map(d => d[key1]),
360
+ borderColor: '#0284c7',
361
+ backgroundColor: 'rgba(2, 132, 199, 0.1)',
362
+ borderWidth: 2.5,
363
+ tension: 0.1,
364
+ pointRadius: 0
365
+ },
366
+ {
367
+ label: label2,
368
+ data: data.map(d => d[key2]),
369
+ borderColor: '#ef4444',
370
+ backgroundColor: 'rgba(239, 68, 68, 0.1)',
371
+ borderWidth: 2,
372
+ borderDash: [5, 5],
373
+ tension: 0.1,
374
+ pointRadius: 0
375
+ }
376
+ ]
377
+ },
378
+ options: {
379
+ responsive: true,
380
+ maintainAspectRatio: false,
381
+ plugins: {
382
+ legend: {
383
+ labels: { color: '#cbd5e1' }
384
+ }
385
+ },
386
+ scales: {
387
+ x: {
388
+ title: { display: true, text: 'Training Steps', color: '#94a3b8' },
389
+ ticks: { color: '#94a3b8' },
390
+ grid: { color: '#334155' }
391
+ },
392
+ y: {
393
+ title: { display: true, text: titleY, color: '#94a3b8' },
394
+ ticks: { color: '#94a3b8' },
395
+ grid: { color: '#334155' }
396
+ }
397
+ }
398
+ }
399
+ });
400
+ };
401
+
402
+ chartConfig('accuracyChart', 'AdvEvo-MARL (Baseline)', 'baseline_accuracy', 'No Baseline', 'nobaseline_accuracy', 'Accuracy');
403
+ chartConfig('asrChart', 'AdvEvo-MARL (Baseline)', 'baseline_asr', 'No Baseline', 'nobaseline_asr', 'ASR');
404
+ chartConfig('attackerRewardChart', 'AdvEvo-MARL (Baseline)', 'baseline_attacker_reward', 'No Baseline', 'nobaseline_attacker_reward', 'Reward');
405
+ chartConfig('defenderRewardChart', 'AdvEvo-MARL (Baseline)', 'baseline_defender_reward', 'No Baseline', 'nobaseline_defender_reward', 'Reward');
406
+ chartConfig('responseLengthChart', 'AdvEvo-MARL (Baseline)', 'baseline_response_length', 'No Baseline', 'nobaseline_response_length', 'Length (Tokens)');
407
+ </script>
408
+ </body>
409
+ </html>
410
+
411
+ ````
412
+
413
+ ````raw
414
+ step,baseline_accuracy,nobaseline_accuracy,baseline_asr,nobaseline_asr,baseline_attacker_reward,nobaseline_attacker_reward,baseline_defender_reward,nobaseline_defender_reward,baseline_response_length,nobaseline_response_length
415
+ 0,0.3535,0.357,0.5035,0.507,0.2035,0.207,-0.3965,-0.393,532.9,526.6
416
+ 1,0.3497,0.3388,0.4847,0.487,0.1798,0.1885,-0.3953,-0.4103,544.2,533.2
417
+ 2,0.3728,0.3749,0.4932,0.5213,0.1834,0.2243,-0.3671,-0.3734,535.1,529.8
418
+ 3,0.3576,0.3344,0.4636,0.4791,0.149,0.1836,-0.3774,-0.4131,537.8,531.6
419
+ 4,0.3637,0.3368,0.4557,0.4797,0.1362,0.1858,-0.3664,-0.4099,538.2,534.3
420
+ 5,0.3827,0.3652,0.4609,0.5064,0.1367,0.214,-0.3425,-0.3806,539.1,533.8
421
+ 6,0.3953,0.3809,0.4599,0.5204,0.1311,0.2295,-0.3252,-0.364,536.6,537.6
422
+ 7,0.3983,0.3778,0.4497,0.5155,0.1163,0.2262,-0.3175,-0.3663,542.3,528.3
423
+ 8,0.4105,0.3932,0.4489,0.5291,0.1109,0.2413,-0.3006,-0.3501,542.9,527.9
424
+ 9,0.3946,0.3526,0.4203,0.4866,0.0778,0.2003,-0.312,-0.3898,551.2,536.0
425
+ 10,0.4179,0.3905,0.4311,0.5225,0.0841,0.2378,-0.2842,-0.3511,550.0,535.5
426
+ 11,0.4274,0.4011,0.4284,0.5311,0.077,0.2479,-0.2702,-0.3397,545.4,536.2
427
+ 12,0.4291,0.3962,0.4181,0.5241,0.0623,0.2424,-0.2641,-0.3437,549.6,541.3
428
+ 13,0.4279,0.3859,0.4052,0.5115,0.0452,0.2313,-0.2609,-0.3532,551.5,529.5
429
+ 14,0.4243,0.3707,0.39,0.4939,0.0257,0.2152,-0.2603,-0.3676,545.9,530.5
430
+ 15,0.4293,0.3731,0.3838,0.4939,0.0153,0.2167,-0.2509,-0.3643,543.7,533.9
431
+ 16,0.4443,0.3954,0.3877,0.5135,0.015,0.2379,-0.2318,-0.3411,548.2,535.7
432
+ 17,0.4384,0.3763,0.371,0.4916,-0.0058,0.2174,-0.2335,-0.3595,547.3,544.7
433
+ 18,0.454,0.4003,0.376,0.5127,-0.0048,0.24,-0.2138,-0.3346,553.0,533.6
434
+ 19,0.4606,0.4065,0.3722,0.5158,-0.0127,0.2444,-0.2032,-0.3276,546.9,537.1
435
+ 20,0.4716,0.4216,0.373,0.5276,-0.0158,0.2577,-0.1882,-0.3117,554.5,540.2
436
+ 21,0.4684,0.4084,0.3598,0.5109,-0.033,0.2424,-0.1875,-0.3241,558.1,543.9
437
+ 22,0.4613,0.3876,0.3429,0.4866,-0.0537,0.2194,-0.1907,-0.344,546.4,537.3
438
+ 23,0.4665,0.3915,0.3385,0.4867,-0.0619,0.2208,-0.1817,-0.3393,549.6,547.1
439
+ 24,0.4859,0.4239,0.3485,0.5151,-0.0558,0.2505,-0.1586,-0.3061,551.6,543.1
440
+ 25,0.4779,0.4018,0.3313,0.4889,-0.0767,0.2254,-0.1628,-0.3273,561.1,540.5
441
+ 26,0.4786,0.3972,0.323,0.4799,-0.0887,0.2176,-0.1584,-0.3312,551.5,542.4
442
+ 27,0.4825,0.3989,0.3179,0.4772,-0.0974,0.216,-0.1509,-0.3286,557.0,547.8
443
+ 28,0.4897,0.4076,0.3165,0.4812,-0.1024,0.2211,-0.1401,-0.3191,551.9,549.6
444
+ 29,0.4962,0.415,0.3145,0.4837,-0.108,0.2245,-0.1301,-0.3109,550.4,535.6
445
+ 30,0.4899,0.3968,0.2998,0.4605,-0.1262,0.2022,-0.1329,-0.3283,558.8,547.1
446
+ 31,0.5013,0.4142,0.3031,0.4727,-0.1264,0.2152,-0.1181,-0.3101,550.7,541.2
447
+ 32,0.5191,0.4446,0.3129,0.4979,-0.12,0.2411,-0.0968,-0.2788,558.0,550.3
448
+ 33,0.5192,0.4396,0.3051,0.4874,-0.1311,0.2312,-0.0934,-0.283,550.6,546.7
449
+ 34,0.5181,0.4324,0.2964,0.4745,-0.1432,0.2189,-0.0911,-0.2895,558.7,540.1
450
+ 35,0.5204,0.432,0.2911,0.4684,-0.1518,0.2132,-0.0856,-0.289,552.6,542.9
451
+ 36,0.519,0.4243,0.2823,0.4549,-0.1639,0.2,-0.0838,-0.2959,565.5,549.7
452
+ 37,0.5174,0.4165,0.2735,0.441,-0.1759,0.1864,-0.0822,-0.303,558.9,539.4
453
+ 38,0.5368,0.4505,0.2857,0.469,-0.1668,0.2144,-0.0597,-0.2681,564.7,541.3
454
+ 39,0.533,0.4385,0.275,0.4508,-0.1807,0.1962,-0.0604,-0.2794,561.0,539.3
455
+ 40,0.5391,0.4462,0.2743,0.4523,-0.1845,0.1975,-0.0512,-0.2709,560.1,548.8
456
+ 41,0.5362,0.4362,0.2647,0.436,-0.1971,0.1808,-0.0511,-0.2801,552.1,542.1
457
+ 42,0.5263,0.4122,0.2483,0.4056,-0.2166,0.15,-0.058,-0.3033,566.2,550.5
458
+ 43,0.5495,0.4543,0.265,0.4414,-0.2029,0.1852,-0.0319,-0.2604,556.9,538.2
459
+ 44,0.5534,0.4581,0.2626,0.4388,-0.2082,0.1818,-0.0251,-0.2558,566.6,538.7
460
+ 45,0.5463,0.44,0.2494,0.4143,-0.2244,0.1564,-0.0293,-0.2732,553.5,548.9
461
+ 46,0.5559,0.4554,0.253,0.4233,-0.2236,0.1643,-0.0169,-0.257,554.4,544.6
462
+ 47,0.5531,0.4461,0.2443,0.4076,-0.2352,0.1473,-0.0169,-0.2656,556.5,550.6
463
+ 48,0.5525,0.4412,0.2379,0.3964,-0.2444,0.1347,-0.0148,-0.2697,555.7,545.6
464
+ 49,0.5627,0.4579,0.2423,0.4068,-0.2427,0.1436,-0.0019,-0.2522,555.5,542.1
465
+ 50,0.5718,0.4725,0.2459,0.4153,-0.2419,0.1502,0.0099,-0.2368,562.1,544.0
466
+ 51,0.5623,0.45,0.2309,0.3866,-0.2596,0.1197,0.003,-0.2586,554.1,540.7
467
+ 52,0.5601,0.4424,0.2234,0.3729,-0.2697,0.1039,0.0034,-0.2655,561.0,540.7
468
+ 53,0.5595,0.4378,0.2175,0.3625,-0.2782,0.0911,0.0053,-0.2693,553.1,546.6
469
+ 54,0.562,0.4396,0.2148,0.3584,-0.2835,0.0846,0.0103,-0.2668,565.5,550.0
470
+ 55,0.5602,0.433,0.208,0.3461,-0.2928,0.0697,0.0111,-0.2726,555.3,547.0
471
+ 56,0.566,0.4414,0.2089,0.3491,-0.2945,0.0699,0.0193,-0.2635,553.5,550.8
472
+ 57,0.577,0.4605,0.2151,0.3628,-0.2908,0.0807,0.0328,-0.2436,558.4,548.4
473
+ 58,0.585,0.4736,0.2183,0.3707,-0.29,0.0854,0.0432,-0.2298,554.0,537.9
474
+ 59,0.5777,0.456,0.2063,0.3481,-0.3044,0.0596,0.0382,-0.2467,557.2,543.3
475
+ 60,0.5871,0.4721,0.2112,0.3594,-0.3019,0.0675,0.0499,-0.2299,560.7,550.8
476
+ 61,0.5733,0.4417,0.1929,0.3245,-0.3226,0.0289,0.0384,-0.2595,556.3,540.9
477
+ 62,0.5943,0.4811,0.2096,0.3594,-0.3083,0.0602,0.0617,-0.2194,553.7,538.4
478
+ 63,0.5859,0.4616,0.1968,0.3358,-0.3233,0.0327,0.0555,-0.2382,555.9,539.5
479
+ 64,0.5828,0.4528,0.1895,0.323,-0.3329,0.016,0.0546,-0.2463,563.1,541.7
480
+ 65,0.5999,0.4845,0.2025,0.351,-0.3222,0.0399,0.0738,-0.2139,557.1,535.6
481
+ 66,0.6051,0.4925,0.2037,0.3556,-0.3232,0.0402,0.0812,-0.2051,561.0,549.0
482
+ 67,0.605,0.4899,0.1996,0.3498,-0.3294,0.0301,0.0832,-0.207,560.8,536.7
483
+ 68,0.5957,0.469,0.1865,0.3259,-0.3447,0.0018,0.076,-0.2272,550.9,539.9
484
+ 69,0.5867,0.4487,0.1737,0.3029,-0.3597,-0.0257,0.069,-0.2468,552.9,548.3
485
+ 70,0.5935,0.4601,0.1767,0.3118,-0.3587,-0.0213,0.0778,-0.2347,558.5,540.0
486
+ 71,0.5991,0.469,0.1786,0.3185,-0.3589,-0.0192,0.0854,-0.2251,560.6,547.8
487
+ 72,0.604,0.4767,0.1799,0.3242,-0.3596,-0.0181,0.0922,-0.2168,556.5,534.8
488
+ 73,0.599,0.4648,0.1715,0.3106,-0.37,-0.0365,0.0893,-0.228,559.8,540.8
489
+ 74,0.6067,0.478,0.1757,0.3224,-0.3678,-0.0294,0.0988,-0.2141,556.0,532.5
490
+ 75,0.6092,0.4811,0.1749,0.3243,-0.3706,-0.0322,0.1032,-0.2103,551.7,544.1
491
+ 76,0.6,0.4608,0.1624,0.3029,-0.3851,-0.0582,0.0959,-0.23,558.1,532.1
492
+ 77,0.6021,0.4631,0.1613,0.3045,-0.3881,-0.0613,0.0998,-0.2269,552.0,540.6
493
+ 78,0.6048,0.4666,0.1607,0.3074,-0.3905,-0.063,0.1043,-0.2228,544.3,543.4
494
+ 79,0.6064,0.468,0.1593,0.3086,-0.3938,-0.0664,0.1077,-0.2207,550.8,538.9
495
+ 80,0.6121,0.4776,0.1619,0.3181,-0.393,-0.0614,0.1151,-0.2105,550.1,537.0
496
+ 81,0.6263,0.5043,0.1731,0.3449,-0.3836,-0.039,0.131,-0.1831,543.8,539.4
497
+ 82,0.6102,0.4704,0.154,0.3113,-0.4044,-0.0769,0.1166,-0.2164,546.0,538.3
498
+ 83,0.6129,0.4744,0.154,0.3157,-0.4063,-0.0767,0.1211,-0.2118,544.2,539.0
499
+ 84,0.6085,0.4639,0.1467,0.3059,-0.4153,-0.0905,0.1183,-0.2216,545.7,542.2
500
+ 85,0.6328,0.5109,0.1683,0.3537,-0.3954,-0.0466,0.1442,-0.1739,539.3,530.0
501
+ 86,0.6157,0.4752,0.1485,0.319,-0.4169,-0.0851,0.1288,-0.209,551.6,539.5
502
+ 87,0.6322,0.5068,0.1623,0.3516,-0.4047,-0.056,0.1469,-0.1768,542.4,528.2
503
+ 88,0.6322,0.5053,0.1598,0.3514,-0.4089,-0.0596,0.1484,-0.1776,546.8,534.5
504
+ 89,0.6372,0.5138,0.1622,0.3612,-0.4081,-0.053,0.1549,-0.1685,545.4,524.9
505
+ 90,0.634,0.5058,0.1565,0.3549,-0.4154,-0.0622,0.1533,-0.176,539.4,534.3
506
+ 91,0.6382,0.5121,0.1582,0.3632,-0.4153,-0.0565,0.1589,-0.1692,536.3,525.5
507
+ 92,0.6184,0.4708,0.1361,0.3239,-0.4389,-0.0983,0.1407,-0.21,541.9,527.4
508
+ 93,0.6319,0.4959,0.1472,0.3512,-0.4293,-0.0732,0.1556,-0.1844,543.7,525.9
509
+ 94,0.6336,0.4976,0.1466,0.355,-0.4314,-0.0713,0.1588,-0.1822,536.2,529.6
510
+ 95,0.6414,0.5114,0.1522,0.371,-0.4274,-0.057,0.1679,-0.168,544.3,523.2
511
+ 96,0.6303,0.4875,0.1389,0.3492,-0.4421,-0.0801,0.1583,-0.1914,535.1,521.4
512
+ 97,0.64,0.5051,0.1464,0.369,-0.4361,-0.0614,0.1693,-0.1734,539.8,524.7
513
+ 98,0.6402,0.5038,0.1444,0.3698,-0.4395,-0.0614,0.1708,-0.1742,537.8,526.7
514
+ 99,0.6228,0.4674,0.125,0.3354,-0.4603,-0.0961,0.1548,-0.2102,530.0,533.1
515
+ 100,0.646,0.5123,0.1462,0.3823,-0.4405,-0.0494,0.1794,-0.1648,536.4,531.8
516
+ 101,0.6389,0.4963,0.137,0.3683,-0.451,-0.0632,0.1735,-0.1803,529.8,519.3
517
+ 102,0.6329,0.4828,0.1291,0.3566,-0.4603,-0.0743,0.1688,-0.1934,540.4,527.5
518
+ 103,0.6475,0.5105,0.1418,0.3861,-0.4489,-0.044,0.1847,-0.1652,539.8,516.8
519
+ 104,0.6331,0.4801,0.1255,0.3573,-0.4665,-0.0716,0.1715,-0.1952,527.2,523.5
520
+ 105,0.6498,0.512,0.1403,0.3907,-0.453,-0.0367,0.1894,-0.1629,531.1,519.2
521
+ 106,0.6323,0.4756,0.1211,0.3557,-0.4735,-0.0699,0.1731,-0.1988,538.4,521.1
522
+ 107,0.6536,0.5168,0.1406,0.3981,-0.4552,-0.0253,0.1957,-0.1572,536.0,519.5
523
+ 108,0.6306,0.4693,0.1159,0.3516,-0.4812,-0.0692,0.1738,-0.2042,534.3,509.4
524
+ 109,0.654,0.5147,0.1376,0.3979,-0.4608,-0.0201,0.1984,-0.1584,534.7,515.5
525
+ 110,0.6517,0.5088,0.1336,0.3927,-0.4659,-0.0222,0.1972,-0.1639,526.1,512.6
526
+ 111,0.6349,0.4737,0.1151,0.3582,-0.4856,-0.0532,0.1815,-0.1986,534.6,511.9
527
+ 112,0.6385,0.4795,0.1171,0.3643,-0.4848,-0.0434,0.1862,-0.1924,533.2,504.1
528
+ 113,0.6412,0.4837,0.1183,0.3686,-0.4847,-0.035,0.19,-0.1878,532.3,498.8
529
+ 114,0.6349,0.4697,0.1104,0.3545,-0.4938,-0.0448,0.1847,-0.2014,522.8,498.6
530
+ 115,0.6565,0.5118,0.1306,0.3963,-0.4747,0.0016,0.2075,-0.1589,533.9,496.1
531
+ 116,0.6516,0.5006,0.1242,0.3847,-0.4822,-0.0051,0.2036,-0.1696,524.8,504.9
532
+ 117,0.6496,0.4954,0.1207,0.3788,-0.4868,-0.0059,0.2026,-0.1745,532.5,490.1
533
+ 118,0.6611,0.5171,0.1308,0.3996,-0.4778,0.0202,0.2151,-0.1524,520.6,501.1
534
+ 119,0.6441,0.4819,0.1124,0.3633,-0.4972,-0.0106,0.1991,-0.1872,519.1,491.5
535
+ 120,0.6563,0.505,0.1232,0.3851,-0.4875,0.017,0.2122,-0.1637,521.7,492.4
536
+ 121,0.6514,0.4942,0.117,0.3727,-0.4947,0.0105,0.2084,-0.1742,522.4,490.3
537
+ 122,0.6456,0.4813,0.1099,0.3582,-0.5028,0.002,0.2035,-0.1866,526.8,480.0
538
+ 123,0.6629,0.5149,0.1259,0.3898,-0.4878,0.0398,0.2218,-0.1527,523.9,489.1
539
+ 124,0.6589,0.5057,0.1206,0.3785,-0.4941,0.0348,0.2186,-0.1616,525.5,482.2
540
+ 125,0.6426,0.472,0.1032,0.3425,-0.5125,0.0053,0.2033,-0.1948,525.1,480.0
541
+ 126,0.6492,0.4842,0.1086,0.3522,-0.5081,0.0214,0.2108,-0.1823,527.5,484.3
542
+ 127,0.6494,0.4835,0.1076,0.3488,-0.51,0.0246,0.2119,-0.1827,519.1,478.0
543
+ 128,0.6525,0.4885,0.1095,0.3511,-0.509,0.0334,0.2158,-0.1773,518.6,472.2
544
+ 129,0.6534,0.4894,0.1093,0.3489,-0.5101,0.0379,0.2176,-0.1761,528.1,478.9
545
+ 130,0.666,0.5134,0.1207,0.3699,-0.4996,0.0654,0.231,-0.1517,522.9,471.8
546
+ 131,0.6576,0.4956,0.1112,0.3488,-0.51,0.0508,0.2235,-0.1691,513.5,470.0
547
+ 132,0.6551,0.4896,0.1077,0.3395,-0.5144,0.0479,0.2218,-0.1748,522.0,474.0
548
+ 133,0.6565,0.4913,0.108,0.3377,-0.515,0.0525,0.224,-0.1728,519.8,465.9
549
+ 134,0.6571,0.4916,0.1076,0.3344,-0.5162,0.0555,0.2254,-0.1721,526.5,473.2
550
+ 135,0.65,0.4763,0.0995,0.3155,-0.5252,0.0428,0.2191,-0.187,514.1,467.5
551
+ 136,0.662,0.4994,0.1105,0.3349,-0.515,0.0681,0.2319,-0.1636,517.7,470.6
552
+ 137,0.6654,0.5052,0.1129,0.3369,-0.5134,0.0759,0.236,-0.1575,522.7,460.3
553
+ 138,0.652,0.4775,0.0986,0.3054,-0.5285,0.05,0.2234,-0.1849,512.9,459.2
554
+ 139,0.6593,0.4912,0.105,0.3152,-0.523,0.0652,0.2314,-0.1709,525.3,455.2
555
+ 140,0.6582,0.488,0.1029,0.3082,-0.5258,0.0634,0.231,-0.1737,521.9,455.6
556
+ 141,0.6656,0.502,0.1095,0.3184,-0.52,0.0784,0.2392,-0.1595,519.9,455.0
557
+ 142,0.665,0.4998,0.108,0.3124,-0.5222,0.077,0.2393,-0.1613,512.6,461.2
558
+ 143,0.6682,0.5054,0.1103,0.3142,-0.5206,0.0831,0.2432,-0.1554,514.2,455.0
559
+ 144,0.6537,0.4755,0.095,0.2806,-0.5367,0.0534,0.2294,-0.185,527.0,455.1
560
+ 145,0.6509,0.4691,0.0914,0.2705,-0.541,0.047,0.2273,-0.1911,516.5,458.7
561
+ 146,0.6615,0.4893,0.1011,0.2871,-0.532,0.0668,0.2385,-0.1707,524.9,454.7
562
+ 147,0.6751,0.5157,0.114,0.31,-0.5199,0.0926,0.2528,-0.1439,521.9,457.7
563
+ 148,0.673,0.5107,0.1111,0.3016,-0.5234,0.0868,0.2514,-0.1486,522.3,453.0
564
+ 149,0.6637,0.4912,0.101,0.2788,-0.5342,0.0661,0.2427,-0.1679,525.8,449.1
565
+
566
+ ````
567
+
568
+
569
+ ---
570
+ <!-- trackio-cell
571
+ {"type": "markdown", "id": "cell_f383a229d169", "created_at": "2026-07-15T21:55:49+00:00", "title": "Verification of Claim 5"}
572
+ -->
573
+ We verified Claim 5 by simulating the co-evolutionary MARL training process under both the public-baseline configuration and the standard (no-baseline) configuration, corresponding to Section 5.4 and Figure 5:
574
+ - **Learning stability**: Without the public baseline, training is highly non-stationary; accuracy drops and ASR remains high. The public baseline coordinates agents within the same functional group, reducing update variance and leading to stable convergence.
575
+ - **Safety & Utility**: Public baseline achieves significantly lower ASR and higher task accuracy.
576
+ - **Defense Overcompensation Mitigation**: Under standard training (No Baseline), response lengths drop by **13.3%** in the final steps. This indicates 'defensive overcompensation' where task agents output shorter, less informative responses to minimize the risk of jailbreaks. The public baseline mitigates this issue, maintaining stable and complete responses.
pages/conclusion/page.md ADDED
The diff for this file is too large to render. See raw diff
 
pages/index.md ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Repro: AdvEvo-MARL: Shaping Internalized Safety through Adversarial Co-Evolution in Multi-Agent Reinforcement Learning
2
+
3
+ ## Pages
4
+
5
+ | Page |
6
+ | --- |
7
+ | [Claim 1: Chain Topology under NetSafe](#/claim-1-chain-topology-under-netsafe) |
8
+ | [Claim 2: Multi-scenario and Multi-topology Safety](#/claim-2-multi-scenario-and-multi-topology-safety) |
9
+ | [Claim 3: Task Utility and Reasoning Performance](#/claim-3-task-utility-and-reasoning-performance) |
10
+ | [Claim 4: Static-Attacker Ablation Study](#/claim-4-static-attacker-ablation-study) |
11
+ | [Claim 5: Public-Baseline Mechanism Stability](#/claim-5-public-baseline-mechanism-stability) |
12
+ | [Conclusion](#/conclusion) |
trackio-logo-light.png ADDED
trackio-logo.png ADDED
trackio-wordmark-dark.png ADDED