@raquezha/notrace 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.md +123 -23
  3. package/assets/notrace-logo.svg +20 -0
  4. package/assets/notrace-mark.svg +18 -0
  5. package/assets/notrace-wordmark.svg +4 -0
  6. package/dist/notrace/adapters.d.ts +32 -0
  7. package/dist/notrace/adapters.js +83 -0
  8. package/dist/notrace/index.d.ts +2 -0
  9. package/dist/notrace/index.js +295 -0
  10. package/dist/notrace/renderer.d.ts +4 -0
  11. package/dist/notrace/renderer.js +605 -0
  12. package/dist/notrace/types.d.ts +93 -0
  13. package/dist/notrace/types.js +1 -0
  14. package/extensions/notrace/adapters.ts +88 -0
  15. package/extensions/notrace/index.ts +359 -0
  16. package/extensions/notrace/renderer.ts +616 -0
  17. package/extensions/notrace/types.ts +108 -0
  18. package/package.json +4 -3
  19. package/templates/README.md +24 -0
  20. package/templates/dashboard.sample.html +361 -0
  21. package/templates/dashboard.sample.json +113 -0
  22. package/templates/notrace-logo.preview.png +0 -0
  23. package/templates/render-samples.mjs +44 -0
  24. package/templates/session.sample.html +431 -0
  25. package/templates/session.sample.json +127 -0
  26. package/templates/sessions/019ecec4-1c48-7b47-bdbf-cec3500978ed/notrace.html +313 -0
  27. package/templates/sessions/019ecec4-1c48-7b47-bdbf-cec3500978ed/notrace.json +129 -0
  28. package/templates/sessions/019ecfa1-7ac2-7c00-bbe9-541f37751201/notrace.html +313 -0
  29. package/templates/sessions/019ecfa1-7ac2-7c00-bbe9-541f37751201/notrace.json +129 -0
  30. package/templates/sessions/019ed2ee-1000-76ee-b353-000000000001/notrace.html +426 -0
  31. package/templates/sessions/019ed2ee-1000-76ee-b353-000000000001/notrace.json +134 -0
  32. package/templates/sessions/019ed2ee-1001-76ee-b353-000000000002/notrace.html +425 -0
  33. package/templates/sessions/019ed2ee-1001-76ee-b353-000000000002/notrace.json +133 -0
  34. package/templates/sessions/019ed2ee-1002-76ee-b353-000000000003/notrace.html +426 -0
  35. package/templates/sessions/019ed2ee-1002-76ee-b353-000000000003/notrace.json +134 -0
  36. package/templates/sessions/019ed2ee-1003-76ee-b353-000000000004/notrace.html +423 -0
  37. package/templates/sessions/019ed2ee-1003-76ee-b353-000000000004/notrace.json +130 -0
  38. package/templates/sessions/019ed2ee-1004-76ee-b353-000000000005/notrace.html +423 -0
  39. package/templates/sessions/019ed2ee-1004-76ee-b353-000000000005/notrace.json +130 -0
  40. package/templates/sessions/019ed2ee-1005-76ee-b353-000000000006/notrace.html +423 -0
  41. package/templates/sessions/019ed2ee-1005-76ee-b353-000000000006/notrace.json +130 -0
  42. package/templates/sessions/019ed2ee-1006-76ee-b353-000000000007/notrace.html +423 -0
  43. package/templates/sessions/019ed2ee-1006-76ee-b353-000000000007/notrace.json +130 -0
  44. package/templates/sessions/019ed2ee-1007-76ee-b353-000000000008/notrace.html +423 -0
  45. package/templates/sessions/019ed2ee-1007-76ee-b353-000000000008/notrace.json +130 -0
  46. package/templates/sessions/019ed2ee-1008-76ee-b353-000000000009/notrace.html +423 -0
  47. package/templates/sessions/019ed2ee-1008-76ee-b353-000000000009/notrace.json +130 -0
  48. package/templates/sessions/019ed2ee-1009-76ee-b353-000000000010/notrace.html +423 -0
  49. package/templates/sessions/019ed2ee-1009-76ee-b353-000000000010/notrace.json +130 -0
  50. package/templates/sessions/019ed2ee-1010-76ee-b353-000000000011/notrace.html +423 -0
  51. package/templates/sessions/019ed2ee-1010-76ee-b353-000000000011/notrace.json +130 -0
  52. package/templates/sessions/019ed2ee-1011-76ee-b353-000000000012/notrace.html +423 -0
  53. package/templates/sessions/019ed2ee-1011-76ee-b353-000000000012/notrace.json +130 -0
  54. package/templates/sessions/019ed2ee-1012-76ee-b353-000000000013/notrace.html +423 -0
  55. package/templates/sessions/019ed2ee-1012-76ee-b353-000000000013/notrace.json +130 -0
  56. package/templates/sessions/019ed2ee-1013-76ee-b353-000000000014/notrace.html +423 -0
  57. package/templates/sessions/019ed2ee-1013-76ee-b353-000000000014/notrace.json +130 -0
  58. package/templates/sessions/019ed2ee-1014-76ee-b353-000000000015/notrace.html +423 -0
  59. package/templates/sessions/019ed2ee-1014-76ee-b353-000000000015/notrace.json +130 -0
  60. package/templates/sessions/019ed2ee-1015-76ee-b353-000000000016/notrace.html +423 -0
  61. package/templates/sessions/019ed2ee-1015-76ee-b353-000000000016/notrace.json +130 -0
  62. package/templates/sessions/019ed2ee-1016-76ee-b353-000000000017/notrace.html +423 -0
  63. package/templates/sessions/019ed2ee-1016-76ee-b353-000000000017/notrace.json +130 -0
  64. package/templates/sessions/019ed2ee-1017-76ee-b353-000000000018/notrace.html +423 -0
  65. package/templates/sessions/019ed2ee-1017-76ee-b353-000000000018/notrace.json +130 -0
  66. package/templates/sessions/019ed2ee-1018-76ee-b353-000000000019/notrace.html +423 -0
  67. package/templates/sessions/019ed2ee-1018-76ee-b353-000000000019/notrace.json +130 -0
  68. package/templates/sessions/019ed2ee-1019-76ee-b353-000000000020/notrace.html +423 -0
  69. package/templates/sessions/019ed2ee-1019-76ee-b353-000000000020/notrace.json +130 -0
  70. package/templates/sessions/019ed2ee-1020-76ee-b353-000000000021/notrace.html +423 -0
  71. package/templates/sessions/019ed2ee-1020-76ee-b353-000000000021/notrace.json +130 -0
  72. package/templates/sessions/019ed2ee-1021-76ee-b353-000000000022/notrace.html +423 -0
  73. package/templates/sessions/019ed2ee-1021-76ee-b353-000000000022/notrace.json +130 -0
  74. package/templates/sessions/019ed2ee-1022-76ee-b353-000000000023/notrace.html +423 -0
  75. package/templates/sessions/019ed2ee-1022-76ee-b353-000000000023/notrace.json +130 -0
  76. package/templates/sessions/019ed2ee-1023-76ee-b353-000000000024/notrace.html +423 -0
  77. package/templates/sessions/019ed2ee-1023-76ee-b353-000000000024/notrace.json +130 -0
  78. package/templates/sessions/019ed2ee-1024-76ee-b353-000000000025/notrace.html +423 -0
  79. package/templates/sessions/019ed2ee-1024-76ee-b353-000000000025/notrace.json +130 -0
  80. package/templates/sessions/019ed2ee-1025-76ee-b353-000000000026/notrace.html +423 -0
  81. package/templates/sessions/019ed2ee-1025-76ee-b353-000000000026/notrace.json +130 -0
  82. package/templates/sessions/019ed2ee-1026-76ee-b353-000000000027/notrace.html +423 -0
  83. package/templates/sessions/019ed2ee-1026-76ee-b353-000000000027/notrace.json +130 -0
  84. package/templates/sessions/019ed2ee-1027-76ee-b353-000000000028/notrace.html +423 -0
  85. package/templates/sessions/019ed2ee-1027-76ee-b353-000000000028/notrace.json +130 -0
  86. package/templates/sessions/019ed2ee-1028-76ee-b353-000000000029/notrace.html +423 -0
  87. package/templates/sessions/019ed2ee-1028-76ee-b353-000000000029/notrace.json +130 -0
  88. package/templates/sessions/019ed2ee-1029-76ee-b353-000000000030/notrace.html +423 -0
  89. package/templates/sessions/019ed2ee-1029-76ee-b353-000000000030/notrace.json +130 -0
  90. package/templates/sessions/019ed2ee-5252-76ee-b353-ad925a6bad31/notrace.html +313 -0
  91. package/templates/sessions/019ed2ee-5252-76ee-b353-ad925a6bad31/notrace.json +129 -0
  92. package/tsconfig.json +1 -1
  93. package/dist/notrace.d.ts +0 -9
  94. package/dist/notrace.js +0 -785
  95. package/extensions/notrace.ts +0 -802
@@ -0,0 +1,425 @@
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>notrace - 019ed2ee-1001-76ee-b353-000000000002</title>
7
+ <link rel="icon" href="data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20role%3D%22img%22%3E%3Ctitle%3Enotrace%20logo%20mark%3C%2Ftitle%3E%3Cdesc%3EA%20wave%20that%20smooths%20into%20a%20flat%20line%2C%20then%20fades%20into%20dots%20%E2%80%94%20color%20shifts%20from%20trace%20orange%20to%20no%20cream%20as%20it%20dissolves.%3C%2Fdesc%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22fadeGrad%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23E2754A%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23EDE2D2%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20id%3D%22trace-icon%22%3E%3Cpath%20d%3D%22M6%2C50%20C16%2C18%2026%2C18%2036%2C50%20C46%2C82%2054%2C82%2060%2C50%20C64%2C30%2068%2C30%2071%2C50%22%20fill%3D%22none%22%20stroke%3D%22url(%23fadeGrad)%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2274%22%20y1%3D%2250%22%20x2%3D%2279%22%20y2%3D%2250%22%20stroke%3D%22%23D9C9B5%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-opacity%3D%220.6%22%2F%3E%3Ccircle%20cx%3D%2285%22%20cy%3D%2250%22%20r%3D%222.2%22%20fill%3D%22%23D9C9B5%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2250%22%20r%3D%221.4%22%20fill%3D%22%23EDE2D2%22%20opacity%3D%220.32%22%2F%3E%3Ccircle%20cx%3D%2294%22%20cy%3D%2250%22%20r%3D%220.9%22%20fill%3D%22%23EDE2D2%22%20opacity%3D%220.15%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E">
8
+ <style>
9
+ :root {
10
+ --bg: #0c0b0a;
11
+ --panel: rgba(255,255,255,0.04);
12
+ --panel-strong: rgba(255,255,255,0.06);
13
+ --text: #ece3da;
14
+ --muted: rgba(236,227,218,0.68);
15
+ --accent: #d88462;
16
+ --accent-soft: rgba(216,132,98,0.12);
17
+ --border: rgba(255,255,255,0.08);
18
+ --shadow: 0 20px 50px rgba(0,0,0,0.45);
19
+ --code: #090807;
20
+ --err: #ef7f7f;
21
+ --rpiv-fg: #f3be8a;
22
+ --rpiv-bg: rgba(243,190,138,0.12);
23
+ --rpiv-border: rgba(243,190,138,0.26);
24
+ --research-fg: #8ec5ff;
25
+ --research-bg: rgba(142,197,255,0.12);
26
+ --research-border: rgba(142,197,255,0.24);
27
+ --generic-fg: #b9b4ae;
28
+ --generic-bg: rgba(185,180,174,0.12);
29
+ --generic-border: rgba(185,180,174,0.2);
30
+ }
31
+ * { box-sizing: border-box; }
32
+ html { color-scheme: dark; }
33
+ body {
34
+ margin: 0;
35
+ font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
36
+ background: var(--bg);
37
+ color: var(--text);
38
+ line-height: 1.5;
39
+ background-image: radial-gradient(circle at 50% -10%, rgba(216,132,98,0.14), transparent 45%);
40
+ background-attachment: fixed;
41
+ }
42
+ a { color: inherit; }
43
+ .container { max-width: 1120px; margin: 0 auto; padding: 32px 20px 64px; }
44
+ .hero, .panel {
45
+ background: var(--panel);
46
+ border: 1px solid var(--border);
47
+ border-radius: 24px;
48
+ box-shadow: var(--shadow);
49
+ backdrop-filter: blur(10px);
50
+ }
51
+ .hero { padding: 28px; margin-bottom: 24px; }
52
+ .hero-top {
53
+ display: grid;
54
+ grid-template-columns: minmax(0, 1fr) auto;
55
+ gap: 16px;
56
+ align-items: start;
57
+ }
58
+ .brand { margin-bottom: 10px; }
59
+ .brand-link {
60
+ display: inline-flex;
61
+ align-items: flex-start;
62
+ text-decoration: none;
63
+ }
64
+ .wordmark {
65
+ width: 340px;
66
+ height: 112px;
67
+ display: block;
68
+ overflow: visible;
69
+ }
70
+ .subtitle { margin: 10px 0 0; color: var(--muted); }
71
+ .meta {
72
+ display: flex;
73
+ gap: 8px;
74
+ flex-wrap: wrap;
75
+ justify-content: flex-end;
76
+ align-items: center;
77
+ margin-top: 16px;
78
+ }
79
+ .pill, .workflow-pill, .sort-btn {
80
+ display: inline-flex;
81
+ align-items: center;
82
+ gap: 6px;
83
+ text-decoration: none;
84
+ padding: 8px 12px;
85
+ border: 1px solid var(--border);
86
+ border-radius: 999px;
87
+ background: rgba(255,255,255,0.03);
88
+ color: var(--muted);
89
+ font-size: 0.86rem;
90
+ font-weight: 600;
91
+ }
92
+ .metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; margin: 24px 0; }
93
+ .metric-card {
94
+ background: var(--panel-strong);
95
+ border: 1px solid var(--border);
96
+ border-radius: 18px;
97
+ padding: 18px;
98
+ }
99
+ .metric-card small { display: block; color: var(--accent); text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.72rem; font-weight: 700; }
100
+ .metric-card strong { display: block; margin-top: 8px; font-size: 1.55rem; }
101
+ .panel { padding: 0; overflow: hidden; }
102
+ .section-title { margin: 0; padding: 20px 22px; border-bottom: 1px solid var(--border); font-size: 1rem; }
103
+ .empty { padding: 32px 22px; color: var(--muted); }
104
+ table { width: 100%; border-collapse: collapse; }
105
+ th, td { padding: 14px 18px; text-align: left; border-bottom: 1px solid var(--border); vertical-align: top; }
106
+ th { color: var(--muted); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; }
107
+ .num-cell { text-align: right; }
108
+ tr:last-child td { border-bottom: 0; }
109
+ .col-index { width: 64px; }
110
+ .sortable-head { padding: 10px 18px; }
111
+ .sort-btn {
112
+ padding: 0;
113
+ border: 0;
114
+ border-radius: 0;
115
+ background: transparent;
116
+ font: inherit;
117
+ text-transform: inherit;
118
+ letter-spacing: inherit;
119
+ cursor: pointer;
120
+ }
121
+ .sort-label { color: inherit; }
122
+ .sort-state { color: var(--accent); font-size: 0.9rem; min-width: 16px; text-align: left; line-height: 1; }
123
+ .index-cell { color: var(--muted); font-variant-numeric: tabular-nums; }
124
+ .session-link { text-decoration: none; }
125
+ .session-link strong { display: block; }
126
+ .session-sub { display: block; margin-top: 2px; color: var(--muted); font-size: 0.8rem; }
127
+ .workflow-pill { padding: 6px 10px; font-size: 0.78rem; }
128
+ .workflow-rpiv { color: var(--rpiv-fg); background: var(--rpiv-bg); border-color: var(--rpiv-border); }
129
+ .workflow-research { color: var(--research-fg); background: var(--research-bg); border-color: var(--research-border); }
130
+ .workflow-generic { color: var(--generic-fg); background: var(--generic-bg); border-color: var(--generic-border); }
131
+ .date-cell { display: grid; gap: 2px; }
132
+ .date-cell strong { font-size: 0.92rem; }
133
+ .date-cell span { color: var(--muted); font-size: 0.82rem; }
134
+ .timeline { display: grid; gap: 14px; }
135
+ .event {
136
+ background: var(--panel);
137
+ border: 1px solid var(--border);
138
+ border-radius: 18px;
139
+ overflow: hidden;
140
+ }
141
+ .event summary {
142
+ list-style: none;
143
+ cursor: pointer;
144
+ display: flex;
145
+ justify-content: space-between;
146
+ gap: 14px;
147
+ align-items: center;
148
+ padding: 16px 18px;
149
+ }
150
+ .event summary::-webkit-details-marker { display: none; }
151
+ .event summary:hover { background: rgba(255,255,255,0.02); }
152
+ .event-main { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
153
+ .badge {
154
+ display: inline-flex;
155
+ align-items: center;
156
+ padding: 4px 8px;
157
+ border-radius: 999px;
158
+ font-size: 0.72rem;
159
+ font-weight: 800;
160
+ text-transform: uppercase;
161
+ letter-spacing: 0.06em;
162
+ border: 1px solid var(--border);
163
+ background: rgba(255,255,255,0.03);
164
+ }
165
+ .badge-llm { color: var(--accent); background: var(--accent-soft); border-color: rgba(216,132,98,0.24); }
166
+ .badge-tool { color: #8ec5ff; background: rgba(142,197,255,0.1); border-color: rgba(142,197,255,0.22); }
167
+ .badge-system { color: var(--muted); }
168
+ .badge-error { color: var(--err); background: rgba(239,127,127,0.12); border-color: rgba(239,127,127,0.24); }
169
+ .event-title { font-weight: 700; }
170
+ .event-time { color: var(--muted); font-size: 0.9rem; white-space: nowrap; }
171
+ .event-body { padding: 0 18px 18px; }
172
+ .stack { display: grid; gap: 12px; }
173
+ .block {
174
+ background: rgba(0,0,0,0.18);
175
+ border: 1px solid var(--border);
176
+ border-radius: 14px;
177
+ overflow: hidden;
178
+ }
179
+ .block h4 {
180
+ margin: 0;
181
+ padding: 10px 12px;
182
+ border-bottom: 1px solid var(--border);
183
+ color: var(--muted);
184
+ font-size: 0.8rem;
185
+ text-transform: uppercase;
186
+ letter-spacing: 0.08em;
187
+ }
188
+ pre {
189
+ margin: 0;
190
+ padding: 14px;
191
+ overflow-x: auto;
192
+ white-space: pre-wrap;
193
+ word-break: break-word;
194
+ font-family: "SFMono-Regular", ui-monospace, Menlo, Monaco, Consolas, monospace;
195
+ font-size: 0.84rem;
196
+ background: var(--code);
197
+ }
198
+ .msg { border-bottom: 1px solid var(--border); }
199
+ .msg:last-child { border-bottom: 0; }
200
+ .msg-head {
201
+ display: flex;
202
+ justify-content: space-between;
203
+ gap: 12px;
204
+ padding: 10px 12px;
205
+ border-bottom: 1px solid var(--border);
206
+ background: rgba(255,255,255,0.02);
207
+ }
208
+ .msg-role { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
209
+ .msg.user .msg-role { color: #8ec5ff; }
210
+ .msg.assistant .msg-role { color: var(--accent); }
211
+ .msg-content { padding: 14px; white-space: pre-wrap; word-break: break-word; }
212
+ .footer-note {
213
+ margin-top: 22px;
214
+ color: var(--muted);
215
+ text-align: center;
216
+ padding: 10px 0 0;
217
+ font-family: inherit;
218
+ }
219
+ .footer-note.minimal {
220
+ font-size: 0.84rem;
221
+ font-variant-caps: all-small-caps;
222
+ letter-spacing: 0.14em;
223
+ line-height: 1;
224
+ }
225
+ .footer-note.stack {
226
+ display: grid;
227
+ gap: 6px;
228
+ line-height: 1.2;
229
+ }
230
+ .footer-brand {
231
+ color: var(--text);
232
+ font-size: 0.88rem;
233
+ font-weight: 700;
234
+ font-variant-caps: all-small-caps;
235
+ letter-spacing: 0.16em;
236
+ }
237
+ .footer-tagline {
238
+ font-size: 0.78rem;
239
+ letter-spacing: 0.08em;
240
+ font-variant-caps: all-small-caps;
241
+ }
242
+ .footer-meta {
243
+ font-size: 0.76rem;
244
+ font-variant-caps: all-small-caps;
245
+ letter-spacing: 0.14em;
246
+ }
247
+ .footer-meta a {
248
+ color: inherit;
249
+ text-decoration: none;
250
+ border-bottom: 1px solid rgba(236,227,218,0.22);
251
+ }
252
+ .footer-meta a:hover {
253
+ color: var(--text);
254
+ border-bottom-color: rgba(236,227,218,0.45);
255
+ }
256
+ @media (max-width: 760px) {
257
+ .container { padding: 20px 14px 48px; }
258
+ .hero { padding: 20px; }
259
+ .hero-top { grid-template-columns: 1fr; }
260
+ .meta { justify-content: flex-start; margin-top: 8px; }
261
+ .wordmark { width: 280px; height: 92px; }
262
+ th:nth-child(5), td:nth-child(5) { display: none; }
263
+ .event summary { align-items: flex-start; }
264
+ }
265
+ </style>
266
+ </head>
267
+ <body><div class="container">
268
+ <section class="hero">
269
+ <div class="hero-top">
270
+ <div>
271
+ <div class="brand"><a class="brand-link" href="../../dashboard.sample.html" onclick="if (window.history.length > 1) { window.history.back(); return false; }"><svg class="wordmark" viewBox="0 0 420 138" aria-label="notrace" role="img" xmlns="http://www.w3.org/2000/svg">
272
+ <defs>
273
+ <linearGradient id="fadeGrad" x1="0%" y1="0%" x2="100%" y2="0%">
274
+ <stop offset="0%" stop-color="#E2754A"/>
275
+ <stop offset="100%" stop-color="#EDE2D2"/>
276
+ </linearGradient>
277
+ </defs>
278
+ <g id="trace-icon" transform="translate(1 -18) scale(0.93)">
279
+ <path d="M6,50 C16,18 26,18 36,50 C46,82 54,82 60,50 C64,30 68,30 71,50"
280
+ fill="none" stroke="url(#fadeGrad)" stroke-width="4" stroke-linecap="round"/>
281
+ <line x1="74" y1="50" x2="79" y2="50" stroke="#D9C9B5" stroke-width="4" stroke-linecap="round" stroke-opacity="0.6"/>
282
+ <circle cx="85" cy="50" r="2.2" fill="#D9C9B5" opacity="0.5"/>
283
+ <circle cx="90" cy="50" r="1.4" fill="#EDE2D2" opacity="0.32"/>
284
+ <circle cx="94" cy="50" r="0.9" fill="#EDE2D2" opacity="0.15"/>
285
+ </g>
286
+ <text x="0" y="114" fill="#ECE3DA" style="fill:#ECE3DA" font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif" font-size="96" font-weight="900" letter-spacing="-7">no</text>
287
+ <text x="82" y="114" fill="#d88462" font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif" font-size="96" font-weight="900" letter-spacing="-7">trace</text>
288
+ </svg></a><p class="subtitle">Session retrospective for 019ed2ee-1001-76ee-b353-000000000002</p></div>
289
+ </div>
290
+ <div class="meta">
291
+ <span class="pill">nothing</span>
292
+ <span class="pill">Started 2026-06-17 17:37</span>
293
+ <span class="pill">Capture redacted</span>
294
+ </div>
295
+ </div>
296
+ <div class="metrics">
297
+ <div class="metric-card"><small>Total Cost</small><strong>$0.02670</strong></div>
298
+ <div class="metric-card"><small>Total Tokens</small><strong>5,754</strong></div>
299
+ <div class="metric-card"><small>Input Tokens</small><strong>4,200</strong></div>
300
+ <div class="metric-card"><small>Output Tokens</small><strong>530</strong></div>
301
+ <div class="metric-card"><small>Tool Calls</small><strong>4</strong></div>
302
+ <div class="metric-card"><small>Events</small><strong>3</strong></div>
303
+ </div>
304
+ </section>
305
+ <section class="panel">
306
+ <h2 class="section-title">Run Summary</h2>
307
+ <div style="padding: 16px;" class="stack">
308
+ <section class="block"><h4>Session</h4><pre>{
309
+ &quot;id&quot;: &quot;019ed2ee-1001-76ee-b353-000000000002&quot;,
310
+ &quot;startedAt&quot;: &quot;2026-06-17T09:37:00.000Z&quot;,
311
+ &quot;endedAt&quot;: &quot;2026-06-17T09:59:00.000Z&quot;,
312
+ &quot;durationMs&quot;: 1320000,
313
+ &quot;shutdownReason&quot;: &quot;quit&quot;
314
+ }</pre></section>
315
+ <section class="block"><h4>Task</h4><pre>{
316
+ &quot;workflow&quot;: &quot;research&quot;,
317
+ &quot;id&quot;: &quot;branch:topic-02&quot;,
318
+ &quot;path&quot;: null,
319
+ &quot;dir&quot;: null
320
+ }</pre></section>
321
+ <section class="block"><h4>Conditions</h4><pre>{
322
+ &quot;models&quot;: [
323
+ &quot;claude-sonnet-4&quot;
324
+ ],
325
+ &quot;providers&quot;: [
326
+ &quot;anthropic&quot;
327
+ ],
328
+ &quot;extensions&quot;: [
329
+ &quot;notrace&quot;
330
+ ]
331
+ }</pre></section>
332
+ <section class="block"><h4>Activity</h4><pre>{
333
+ &quot;turnCount&quot;: 5,
334
+ &quot;llmCallCount&quot;: 5,
335
+ &quot;toolCallCount&quot;: 4,
336
+ &quot;toolErrorCount&quot;: 1,
337
+ &quot;durationMs&quot;: 1320000,
338
+ &quot;totals&quot;: {
339
+ &quot;inputTokens&quot;: 4200,
340
+ &quot;outputTokens&quot;: 530,
341
+ &quot;cacheReadTokens&quot;: 1024,
342
+ &quot;cacheWriteTokens&quot;: 0,
343
+ &quot;totalTokens&quot;: 5754,
344
+ &quot;totalCostUsd&quot;: 0.0267
345
+ }
346
+ }</pre></section>
347
+ </div>
348
+ </section>
349
+ <section class="panel" style="margin-top: 24px;">
350
+ <h2 class="section-title">Dynamic Extension Telemetry</h2>
351
+ <div style="padding: 16px;" class="stack">
352
+ <section class="block"><h4>noheadroom (Active)</h4><pre>{
353
+ &quot;summary&quot;: &quot;compressed 24,110 to 18,332 tokens; saved 5,778 tokens across 3 tool results&quot;,
354
+ &quot;attempts&quot;: 2,
355
+ &quot;applied&quot;: 1,
356
+ &quot;guardSkips&quot;: 0,
357
+ &quot;tokensSaved&quot;: 5778,
358
+ &quot;last&quot;: {
359
+ &quot;tokensBefore&quot;: 24110,
360
+ &quot;tokensAfter&quot;: 18332,
361
+ &quot;tokensSaved&quot;: 5778,
362
+ &quot;compressionRatio&quot;: 0.7603,
363
+ &quot;appliedMessages&quot;: 3,
364
+ &quot;transformsApplied&quot;: [
365
+ &quot;tool-result-compression&quot;
366
+ ]
367
+ }
368
+ }</pre></section>
369
+ </div>
370
+ </section>
371
+ <section class="panel" style="margin-top: 24px;">
372
+ <h2 class="section-title">Timeline</h2>
373
+ <div style="padding: 16px;">
374
+ <div class="timeline"><details class="event">
375
+ <summary>
376
+ <div class="event-main">
377
+ <span class="badge badge-tool">tool_start</span>
378
+ <span class="event-title">functions.bash</span>
379
+ </div>
380
+ <span class="event-time">22:05:04</span>
381
+ </summary>
382
+ <div class="event-body"><div class="stack"><section class="block"><h4>Arguments</h4><pre>{
383
+ &quot;command&quot;: &quot;find packages/notrace -maxdepth 3 -type f&quot;
384
+ }</pre></section></div></div>
385
+ </details><details class="event">
386
+ <summary>
387
+ <div class="event-main">
388
+ <span class="badge badge-tool">tool_end</span>
389
+ <span class="event-title">functions.bash</span>
390
+ </div>
391
+ <span class="event-time">22:05:05</span>
392
+ </summary>
393
+ <div class="event-body"><div class="stack"><section class="block"><h4>Result</h4><pre>{
394
+ &quot;stdout&quot;: &quot;packages/notrace/extensions/notrace/index.ts\npackages/notrace/extensions/notrace/renderer.ts\npackages/notrace/package.json&quot;,
395
+ &quot;stderr&quot;: &quot;&quot;,
396
+ &quot;exitCode&quot;: 0
397
+ }</pre></section></div></div>
398
+ </details><details class="event">
399
+ <summary>
400
+ <div class="event-main">
401
+ <span class="badge badge-llm">llm_completion</span>
402
+ <span class="event-title">claude-sonnet-4</span>
403
+ </div>
404
+ <span class="event-time">22:05:11</span>
405
+ </summary>
406
+ <div class="event-body"><div class="stack"><section class="block"><h4>Input Messages</h4><div class="msg user"><div class="msg-head"><span class="msg-role">user</span></div><div class="msg-content">Polish notrace HTML output and unify dashboard/session design.</div></div></section><section class="block"><h4>Output</h4><pre>Found renderer split. Will move both pages to one shared shell and standardize styles.</pre></section><section class="block"><h4>Usage</h4><pre>{
407
+ &quot;input&quot;: 2140,
408
+ &quot;output&quot;: 116,
409
+ &quot;cacheRead&quot;: 0,
410
+ &quot;cacheWrite&quot;: 0,
411
+ &quot;totalTokens&quot;: 2256,
412
+ &quot;cost&quot;: {
413
+ &quot;total&quot;: 0.01451
414
+ }
415
+ }</pre></section></div></div>
416
+ </details></div>
417
+ </div>
418
+ </section>
419
+ <footer class="footer-note stack">
420
+ <div class="footer-brand">notrace</div>
421
+ <div class="footer-tagline">Local-first retrospective engine</div>
422
+ <div class="footer-meta"><a href="https://opensource.org/licenses/MIT">MIT</a></div>
423
+ </footer>
424
+ </div></body>
425
+ </html>
@@ -0,0 +1,133 @@
1
+ {
2
+ "kind": "notrace-run",
3
+ "schemaVersion": 2,
4
+ "traceId": "019ed2ee-1001-76ee-b353-000000000002",
5
+ "repository": {
6
+ "name": "nothing",
7
+ "cwd": "/Users/raquezha/RQZ/personal/nothing"
8
+ },
9
+ "session": {
10
+ "id": "019ed2ee-1001-76ee-b353-000000000002",
11
+ "startedAt": "2026-06-17T09:37:00.000Z",
12
+ "endedAt": "2026-06-17T09:59:00.000Z",
13
+ "durationMs": 1320000,
14
+ "shutdownReason": "quit"
15
+ },
16
+ "task": {
17
+ "workflow": "research",
18
+ "id": "branch:topic-02",
19
+ "path": null,
20
+ "dir": null
21
+ },
22
+ "captureMode": "redacted",
23
+ "conditions": {
24
+ "models": [
25
+ "claude-sonnet-4"
26
+ ],
27
+ "providers": [
28
+ "anthropic"
29
+ ],
30
+ "extensions": [
31
+ "notrace"
32
+ ]
33
+ },
34
+ "activity": {
35
+ "turnCount": 5,
36
+ "llmCallCount": 5,
37
+ "toolCallCount": 4,
38
+ "toolErrorCount": 1,
39
+ "durationMs": 1320000,
40
+ "totals": {
41
+ "inputTokens": 4200,
42
+ "outputTokens": 530,
43
+ "cacheReadTokens": 1024,
44
+ "cacheWriteTokens": 0,
45
+ "totalTokens": 5754,
46
+ "totalCostUsd": 0.0267
47
+ }
48
+ },
49
+ "telemetry": {
50
+ "extensions": {
51
+ "noheadroom": {
52
+ "loaded": true,
53
+ "enabled": true,
54
+ "active": true,
55
+ "status": "active",
56
+ "summary": "compressed 24,110 to 18,332 tokens; saved 5,778 tokens across 3 tool results",
57
+ "details": {
58
+ "attempts": 2,
59
+ "applied": 1,
60
+ "guardSkips": 0,
61
+ "tokensSaved": 5778,
62
+ "last": {
63
+ "tokensBefore": 24110,
64
+ "tokensAfter": 18332,
65
+ "tokensSaved": 5778,
66
+ "compressionRatio": 0.7603,
67
+ "appliedMessages": 3,
68
+ "transformsApplied": [
69
+ "tool-result-compression"
70
+ ]
71
+ }
72
+ }
73
+ }
74
+ }
75
+ },
76
+ "events": [
77
+ {
78
+ "type": "session_start",
79
+ "timestamp": 1781705100000
80
+ },
81
+ {
82
+ "type": "turn_start",
83
+ "timestamp": 1781705102000
84
+ },
85
+ {
86
+ "type": "tool_start",
87
+ "toolName": "functions.bash",
88
+ "args": {
89
+ "command": "find packages/notrace -maxdepth 3 -type f"
90
+ },
91
+ "timestamp": 1781705104000
92
+ },
93
+ {
94
+ "type": "tool_end",
95
+ "toolName": "functions.bash",
96
+ "result": {
97
+ "stdout": "packages/notrace/extensions/notrace/index.ts\npackages/notrace/extensions/notrace/renderer.ts\npackages/notrace/package.json",
98
+ "stderr": "",
99
+ "exitCode": 0
100
+ },
101
+ "isError": false,
102
+ "timestamp": 1781705105200
103
+ },
104
+ {
105
+ "type": "llm_completion",
106
+ "model": "claude-sonnet-4",
107
+ "provider": "anthropic",
108
+ "inputPayload": {
109
+ "messages": [
110
+ {
111
+ "role": "user",
112
+ "content": "Polish notrace HTML output and unify dashboard/session design."
113
+ }
114
+ ]
115
+ },
116
+ "outputContent": "Found renderer split. Will move both pages to one shared shell and standardize styles.",
117
+ "usage": {
118
+ "input": 2140,
119
+ "output": 116,
120
+ "cacheRead": 0,
121
+ "cacheWrite": 0,
122
+ "totalTokens": 2256,
123
+ "cost": {
124
+ "total": 0.01451
125
+ }
126
+ },
127
+ "timestamp": 1781705111000
128
+ }
129
+ ],
130
+ "navigation": {
131
+ "indexHref": "../../dashboard.sample.html"
132
+ }
133
+ }