npm - @raquezha/notrace - Versions diffs - 0.0.5 → 0.0.7 - Mend

@raquezha/notrace 0.0.5 → 0.0.7

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 (97) hide show

package/templates/sessions/019ed2ee-1001-76ee-b353-000000000002/notrace.html ADDED Viewed

@@ -0,0 +1,493 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>notrace - 019ed2ee-1001-76ee-b353-000000000002</title>
+  <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">
+  <style>
+    :root {
+      --bg: #0c0b0a;
+      --panel: rgba(255,255,255,0.04);
+      --panel-strong: rgba(255,255,255,0.06);
+      --text: #ece3da;
+      --muted: rgba(236,227,218,0.68);
+      --accent: #d88462;
+      --accent-soft: rgba(216,132,98,0.12);
+      --border: rgba(255,255,255,0.08);
+      --shadow: 0 20px 50px rgba(0,0,0,0.45);
+      --code: #090807;
+      --err: #ef7f7f;
+      --rpiv-fg: #f3be8a;
+      --rpiv-bg: rgba(243,190,138,0.12);
+      --rpiv-border: rgba(243,190,138,0.26);
+      --research-fg: #8ec5ff;
+      --research-bg: rgba(142,197,255,0.12);
+      --research-border: rgba(142,197,255,0.24);
+      --generic-fg: #b9b4ae;
+      --generic-bg: rgba(185,180,174,0.12);
+      --generic-border: rgba(185,180,174,0.2);
+    }
+    * { box-sizing: border-box; }
+    html { color-scheme: dark; }
+    body {
+      margin: 0;
+      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+      background: var(--bg);
+      color: var(--text);
+      line-height: 1.5;
+      background-image: radial-gradient(circle at 50% -10%, rgba(216,132,98,0.14), transparent 45%);
+      background-attachment: fixed;
+    }
+    a { color: inherit; }
+    .container { max-width: 1120px; margin: 0 auto; padding: 32px 20px 64px; }
+    .hero, .panel {
+      background: var(--panel);
+      border: 1px solid var(--border);
+      border-radius: 24px;
+      box-shadow: var(--shadow);
+      backdrop-filter: blur(10px);
+    }
+    .hero { padding: 28px; margin-bottom: 24px; }
+    .hero-top {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) auto;
+      gap: 16px;
+      align-items: start;
+    }
+    .brand { margin-bottom: 10px; }
+    .brand-link {
+      display: inline-flex;
+      align-items: flex-start;
+      text-decoration: none;
+    }
+    .wordmark {
+      width: 340px;
+      height: 112px;
+      display: block;
+      overflow: visible;
+    }
+    .subtitle { margin: 10px 0 0; color: var(--muted); }
+    .session-subtitle {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      flex-wrap: wrap;
+    }
+    .session-id-chip {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      max-width: 100%;
+      padding: 6px 8px 6px 10px;
+      border: 1px solid var(--border);
+      border-radius: 999px;
+      background: rgba(0,0,0,0.18);
+      color: var(--text);
+      font-family: "SFMono-Regular", ui-monospace, Menlo, Monaco, Consolas, monospace;
+      font-size: 0.78rem;
+      word-break: break-all;
+    }
+    .copy-btn {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 26px;
+      height: 26px;
+      border: 1px solid rgba(255,255,255,0.12);
+      border-radius: 999px;
+      background: rgba(255,255,255,0.04);
+      color: var(--muted);
+      cursor: pointer;
+      transition: color 120ms ease, border-color 120ms ease, background 120ms ease;
+    }
+    .copy-btn:hover, .copy-btn.copied {
+      color: var(--text);
+      border-color: rgba(216,132,98,0.45);
+      background: var(--accent-soft);
+    }
+    .meta {
+      display: flex;
+      gap: 8px;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+      align-items: center;
+      margin-top: 16px;
+    }
+    .pill, .workflow-pill, .sort-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      text-decoration: none;
+      padding: 8px 12px;
+      border: 1px solid var(--border);
+      border-radius: 999px;
+      background: rgba(255,255,255,0.03);
+      color: var(--muted);
+      font-size: 0.86rem;
+      font-weight: 600;
+    }
+    .metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; margin: 24px 0; }
+    .metric-card {
+      background: var(--panel-strong);
+      border: 1px solid var(--border);
+      border-radius: 18px;
+      padding: 18px;
+    }
+    .metric-card small { display: block; color: var(--accent); text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.72rem; font-weight: 700; }
+    .metric-card strong { display: block; margin-top: 8px; font-size: 1.55rem; }
+    .panel { padding: 0; overflow: hidden; }
+    .section-title { margin: 0; padding: 20px 22px; border-bottom: 1px solid var(--border); font-size: 1rem; }
+    .empty { padding: 32px 22px; color: var(--muted); }
+    table { width: 100%; border-collapse: collapse; }
+    th, td { padding: 14px 18px; text-align: left; border-bottom: 1px solid var(--border); vertical-align: top; }
+    th { color: var(--muted); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; }
+    .num-cell { text-align: right; }
+    tr:last-child td { border-bottom: 0; }
+    .col-index { width: 64px; }
+    .sortable-head { padding: 10px 18px; }
+    .sort-btn {
+      padding: 0;
+      border: 0;
+      border-radius: 0;
+      background: transparent;
+      font: inherit;
+      text-transform: inherit;
+      letter-spacing: inherit;
+      cursor: pointer;
+    }
+    .sort-label { color: inherit; }
+    .sort-state { color: var(--accent); font-size: 0.9rem; min-width: 16px; text-align: left; line-height: 1; }
+    .index-cell { color: var(--muted); font-variant-numeric: tabular-nums; }
+    .session-link { text-decoration: none; }
+    .session-link strong { display: block; }
+    .session-sub { display: block; margin-top: 2px; color: var(--muted); font-size: 0.8rem; }
+    .workflow-pill { padding: 6px 10px; font-size: 0.78rem; }
+    .workflow-rpiv { color: var(--rpiv-fg); background: var(--rpiv-bg); border-color: var(--rpiv-border); }
+    .workflow-research { color: var(--research-fg); background: var(--research-bg); border-color: var(--research-border); }
+    .workflow-generic { color: var(--generic-fg); background: var(--generic-bg); border-color: var(--generic-border); }
+    .date-cell { display: grid; gap: 2px; }
+    .date-cell strong { font-size: 0.92rem; }
+    .date-cell span { color: var(--muted); font-size: 0.82rem; }
+    .timeline { display: grid; gap: 14px; }
+    .event {
+      background: var(--panel);
+      border: 1px solid var(--border);
+      border-radius: 18px;
+      overflow: hidden;
+    }
+    .event summary {
+      list-style: none;
+      cursor: pointer;
+      display: flex;
+      justify-content: space-between;
+      gap: 14px;
+      align-items: center;
+      padding: 16px 18px;
+    }
+    .event summary::-webkit-details-marker { display: none; }
+    .event summary:hover { background: rgba(255,255,255,0.02); }
+    .event-main { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
+    .badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 8px;
+      border-radius: 999px;
+      font-size: 0.72rem;
+      font-weight: 800;
+      text-transform: uppercase;
+      letter-spacing: 0.06em;
+      border: 1px solid var(--border);
+      background: rgba(255,255,255,0.03);
+    }
+    .badge-llm { color: var(--accent); background: var(--accent-soft); border-color: rgba(216,132,98,0.24); }
+    .badge-tool { color: #8ec5ff; background: rgba(142,197,255,0.1); border-color: rgba(142,197,255,0.22); }
+    .badge-system { color: var(--muted); }
+    .badge-error { color: var(--err); background: rgba(239,127,127,0.12); border-color: rgba(239,127,127,0.24); }
+    .event-title { font-weight: 700; }
+    .event-time { color: var(--muted); font-size: 0.9rem; white-space: nowrap; }
+    .event-body { padding: 0 18px 18px; }
+    .stack { display: grid; gap: 12px; }
+    .block {
+      background: rgba(0,0,0,0.18);
+      border: 1px solid var(--border);
+      border-radius: 14px;
+      overflow: hidden;
+    }
+    .block h4 {
+      margin: 0;
+      padding: 10px 12px;
+      border-bottom: 1px solid var(--border);
+      color: var(--muted);
+      font-size: 0.8rem;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+    }
+    pre {
+      margin: 0;
+      padding: 14px;
+      overflow-x: auto;
+      white-space: pre-wrap;
+      word-break: break-word;
+      font-family: "SFMono-Regular", ui-monospace, Menlo, Monaco, Consolas, monospace;
+      font-size: 0.84rem;
+      background: var(--code);
+    }
+    .msg { border-bottom: 1px solid var(--border); }
+    .msg:last-child { border-bottom: 0; }
+    .msg-head {
+      display: flex;
+      justify-content: space-between;
+      gap: 12px;
+      padding: 10px 12px;
+      border-bottom: 1px solid var(--border);
+      background: rgba(255,255,255,0.02);
+    }
+    .msg-role { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
+    .msg.user .msg-role { color: #8ec5ff; }
+    .msg.assistant .msg-role { color: var(--accent); }
+    .msg-content { padding: 14px; white-space: pre-wrap; word-break: break-word; }
+    .footer-note {
+      margin-top: 22px;
+      color: var(--muted);
+      text-align: center;
+      padding: 10px 0 0;
+      font-family: inherit;
+    }
+    .footer-note.minimal {
+      font-size: 0.84rem;
+      font-variant-caps: all-small-caps;
+      letter-spacing: 0.14em;
+      line-height: 1;
+    }
+    .footer-note.stack {
+      display: grid;
+      gap: 6px;
+      line-height: 1.2;
+    }
+    .footer-brand {
+      color: var(--text);
+      font-size: 0.88rem;
+      font-weight: 700;
+      font-variant-caps: all-small-caps;
+      letter-spacing: 0.16em;
+    }
+    .footer-tagline {
+      font-size: 0.78rem;
+      letter-spacing: 0.08em;
+      font-variant-caps: all-small-caps;
+    }
+    .footer-meta {
+      font-size: 0.76rem;
+      font-variant-caps: all-small-caps;
+      letter-spacing: 0.14em;
+    }
+    .footer-meta a {
+      color: inherit;
+      text-decoration: none;
+      border-bottom: 1px solid rgba(236,227,218,0.22);
+    }
+    .footer-meta a:hover {
+      color: var(--text);
+      border-bottom-color: rgba(236,227,218,0.45);
+    }
+    @media (max-width: 760px) {
+      .container { padding: 20px 14px 48px; }
+      .hero { padding: 20px; }
+      .hero-top { grid-template-columns: 1fr; }
+      .meta { justify-content: flex-start; margin-top: 8px; }
+      .wordmark { width: 280px; height: 92px; }
+      th:nth-child(5), td:nth-child(5) { display: none; }
+      .event summary { align-items: flex-start; }
+    }
+  </style>
+</head>
+<body><div class="container">
+    <section class="hero">
+      <div class="hero-top">
+        <div>
+          <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">
+    <defs>
+      <linearGradient id="fadeGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+        <stop offset="0%" stop-color="#E2754A"/>
+        <stop offset="100%" stop-color="#EDE2D2"/>
+      </linearGradient>
+    </defs>
+    <g id="trace-icon" transform="translate(1 -18) scale(0.93)">
+      <path d="M6,50 C16,18 26,18 36,50 C46,82 54,82 60,50 C64,30 68,30 71,50"
+        fill="none" stroke="url(#fadeGrad)" stroke-width="4" stroke-linecap="round"/>
+      <line x1="74" y1="50" x2="79" y2="50" stroke="#D9C9B5" stroke-width="4" stroke-linecap="round" stroke-opacity="0.6"/>
+      <circle cx="85" cy="50" r="2.2" fill="#D9C9B5" opacity="0.5"/>
+      <circle cx="90" cy="50" r="1.4" fill="#EDE2D2" opacity="0.32"/>
+      <circle cx="94" cy="50" r="0.9" fill="#EDE2D2" opacity="0.15"/>
+    </g>
+    <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>
+    <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>
+  </svg></a><p class="subtitle session-subtitle"><span>Session retrospective</span><span class="session-id-chip"><span>019ed2ee-1001-76ee-b353-000000000002</span><button class="copy-btn" type="button" data-copy-value="019ed2ee-1001-76ee-b353-000000000002" aria-label="Copy session ID" title="Copy session ID"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button></span></p></div>
+        </div>
+        <div class="meta">
+          <span class="pill">nothing</span>
+          <span class="pill">Started 2026-06-17 17:37</span>
+          <span class="pill">Mode: redacted</span>
+        </div>
+      </div>
+      <div class="metrics">
+        <div class="metric-card"><small>Total Cost</small><strong>$0.02670</strong></div>
+        <div class="metric-card"><small>Total Tokens</small><strong>5,754</strong></div>
+        <div class="metric-card"><small>Input Tokens</small><strong>4,200</strong></div>
+        <div class="metric-card"><small>Output Tokens</small><strong>530</strong></div>
+        <div class="metric-card"><small>Tool Calls</small><strong>4</strong></div>
+        <div class="metric-card"><small>Events</small><strong>3</strong></div>
+      </div>
+    </section>
+    <section class="panel">
+      <h2 class="section-title">Run Summary</h2>
+      <div style="padding: 16px;" class="stack">
+        <section class="block"><h4>Session</h4><pre>{
+  &quot;id&quot;: &quot;019ed2ee-1001-76ee-b353-000000000002&quot;,
+  &quot;startedAt&quot;: &quot;2026-06-17T09:37:00.000Z&quot;,
+  &quot;endedAt&quot;: &quot;2026-06-17T09:59:00.000Z&quot;,
+  &quot;durationMs&quot;: 1320000,
+  &quot;shutdownReason&quot;: &quot;quit&quot;
+}</pre></section>
+        <section class="block"><h4>Task</h4><pre>{
+  &quot;workflow&quot;: &quot;research&quot;,
+  &quot;id&quot;: &quot;branch:topic-02&quot;,
+  &quot;path&quot;: null,
+  &quot;dir&quot;: null
+}</pre></section>
+        <section class="block"><h4>Conditions</h4><pre>{
+  &quot;models&quot;: [
+    &quot;claude-sonnet-4&quot;
+  ],
+  &quot;providers&quot;: [
+    &quot;anthropic&quot;
+  ],
+  &quot;extensions&quot;: [
+    &quot;notrace&quot;
+  ]
+}</pre></section>
+        <section class="block"><h4>Activity</h4><pre>{
+  &quot;turnCount&quot;: 5,
+  &quot;llmCallCount&quot;: 5,
+  &quot;toolCallCount&quot;: 4,
+  &quot;toolErrorCount&quot;: 1,
+  &quot;durationMs&quot;: 1320000,
+  &quot;totals&quot;: {
+    &quot;inputTokens&quot;: 4200,
+    &quot;outputTokens&quot;: 530,
+    &quot;cacheReadTokens&quot;: 1024,
+    &quot;cacheWriteTokens&quot;: 0,
+    &quot;totalTokens&quot;: 5754,
+    &quot;totalCostUsd&quot;: 0.0267
+  }
+}</pre></section>
+      </div>
+    </section>
+    <section class="panel" style="margin-top: 24px;">
+      <h2 class="section-title">Dynamic Extension Telemetry</h2>
+      <div style="padding: 16px;" class="stack">
+        <section class="block"><h4>noheadroom (Active)</h4><pre>{
+  &quot;summary&quot;: &quot;compressed 24,110 to 18,332 tokens; saved 5,778 tokens across 3 tool results&quot;,
+  &quot;attempts&quot;: 2,
+  &quot;applied&quot;: 1,
+  &quot;guardSkips&quot;: 0,
+  &quot;tokensSaved&quot;: 5778,
+  &quot;last&quot;: {
+    &quot;tokensBefore&quot;: 24110,
+    &quot;tokensAfter&quot;: 18332,
+    &quot;tokensSaved&quot;: 5778,
+    &quot;compressionRatio&quot;: 0.7603,
+    &quot;appliedMessages&quot;: 3,
+    &quot;transformsApplied&quot;: [
+      &quot;tool-result-compression&quot;
+    ]
+  }
+}</pre></section>
+      </div>
+    </section>
+    <section class="panel" style="margin-top: 24px;">
+      <h2 class="section-title">Timeline</h2>
+      <div style="padding: 16px;">
+        <div class="timeline"><details class="event">
+    <summary>
+      <div class="event-main">
+        <span class="badge badge-tool">tool_start</span>
+        <span class="event-title">functions.bash</span>
+      </div>
+      <span class="event-time">22:05:04</span>
+    </summary>
+    <div class="event-body"><div class="stack"><section class="block"><h4>Arguments</h4><pre>{
+  &quot;command&quot;: &quot;find packages/notrace -maxdepth 3 -type f&quot;
+}</pre></section></div></div>
+  </details><details class="event">
+    <summary>
+      <div class="event-main">
+        <span class="badge badge-tool">tool_end</span>
+        <span class="event-title">functions.bash</span>
+      </div>
+      <span class="event-time">22:05:05</span>
+    </summary>
+    <div class="event-body"><div class="stack"><section class="block"><h4>Result</h4><pre>{
+  &quot;stdout&quot;: &quot;packages/notrace/extensions/notrace/index.ts\npackages/notrace/extensions/notrace/renderer.ts\npackages/notrace/package.json&quot;,
+  &quot;stderr&quot;: &quot;&quot;,
+  &quot;exitCode&quot;: 0
+}</pre></section></div></div>
+  </details><details class="event">
+    <summary>
+      <div class="event-main">
+        <span class="badge badge-llm">llm_completion</span>
+        <span class="event-title">claude-sonnet-4</span>
+      </div>
+      <span class="event-time">22:05:11</span>
+    </summary>
+    <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>{
+  &quot;input&quot;: 2140,
+  &quot;output&quot;: 116,
+  &quot;cacheRead&quot;: 0,
+  &quot;cacheWrite&quot;: 0,
+  &quot;totalTokens&quot;: 2256,
+  &quot;cost&quot;: {
+    &quot;total&quot;: 0.01451
+  }
+}</pre></section></div></div>
+  </details></div>
+      </div>
+    </section>
+    <footer class="footer-note stack">
+      <div class="footer-brand">notrace</div>
+      <div class="footer-tagline">Local-first retrospective engine</div>
+      <div class="footer-meta"><a href="https://opensource.org/licenses/MIT">MIT</a></div>
+    </footer>
+  </div><script>(() => {
+    document.querySelectorAll('[data-copy-value]').forEach((button) => {
+      button.addEventListener('click', async () => {
+        const value = button.getAttribute('data-copy-value') || '';
+        try {
+          if (navigator.clipboard?.writeText) {
+            await navigator.clipboard.writeText(value);
+          } else {
+            const textarea = document.createElement('textarea');
+            textarea.value = value;
+            textarea.style.position = 'fixed';
+            textarea.style.opacity = '0';
+            document.body.appendChild(textarea);
+            textarea.focus();
+            textarea.select();
+            document.execCommand('copy');
+            textarea.remove();
+          }
+          const previous = button.innerHTML;
+          button.classList.add('copied');
+          button.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg>';
+          setTimeout(() => {
+            button.classList.remove('copied');
+            button.innerHTML = previous;
+          }, 1400);
+        } catch {
+          button.textContent = 'ERR';
+        }
+      });
+    });
+  })();</script></body>
+</html>

package/templates/sessions/019ed2ee-1001-76ee-b353-000000000002/notrace.json ADDED Viewed

@@ -0,0 +1,133 @@
+{
+  "kind": "notrace-run",
+  "schemaVersion": 2,
+  "traceId": "019ed2ee-1001-76ee-b353-000000000002",
+  "repository": {
+    "name": "nothing",
+    "cwd": "/Users/raquezha/RQZ/personal/nothing"
+  },
+  "session": {
+    "id": "019ed2ee-1001-76ee-b353-000000000002",
+    "startedAt": "2026-06-17T09:37:00.000Z",
+    "endedAt": "2026-06-17T09:59:00.000Z",
+    "durationMs": 1320000,
+    "shutdownReason": "quit"
+  },
+  "task": {
+    "workflow": "research",
+    "id": "branch:topic-02",
+    "path": null,
+    "dir": null
+  },
+  "captureMode": "redacted",
+  "conditions": {
+    "models": [
+      "claude-sonnet-4"
+    ],
+    "providers": [
+      "anthropic"
+    ],
+    "extensions": [
+      "notrace"
+    ]
+  },
+  "activity": {
+    "turnCount": 5,
+    "llmCallCount": 5,
+    "toolCallCount": 4,
+    "toolErrorCount": 1,
+    "durationMs": 1320000,
+    "totals": {
+      "inputTokens": 4200,
+      "outputTokens": 530,
+      "cacheReadTokens": 1024,
+      "cacheWriteTokens": 0,
+      "totalTokens": 5754,
+      "totalCostUsd": 0.0267
+    }
+  },
+  "telemetry": {
+    "extensions": {
+      "noheadroom": {
+        "loaded": true,
+        "enabled": true,
+        "active": true,
+        "status": "active",
+        "summary": "compressed 24,110 to 18,332 tokens; saved 5,778 tokens across 3 tool results",
+        "details": {
+          "attempts": 2,
+          "applied": 1,
+          "guardSkips": 0,
+          "tokensSaved": 5778,
+          "last": {
+            "tokensBefore": 24110,
+            "tokensAfter": 18332,
+            "tokensSaved": 5778,
+            "compressionRatio": 0.7603,
+            "appliedMessages": 3,
+            "transformsApplied": [
+              "tool-result-compression"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "events": [
+    {
+      "type": "session_start",
+      "timestamp": 1781705100000
+    },
+    {
+      "type": "turn_start",
+      "timestamp": 1781705102000
+    },
+    {
+      "type": "tool_start",
+      "toolName": "functions.bash",
+      "args": {
+        "command": "find packages/notrace -maxdepth 3 -type f"
+      },
+      "timestamp": 1781705104000
+    },
+    {
+      "type": "tool_end",
+      "toolName": "functions.bash",
+      "result": {
+        "stdout": "packages/notrace/extensions/notrace/index.ts\npackages/notrace/extensions/notrace/renderer.ts\npackages/notrace/package.json",
+        "stderr": "",
+        "exitCode": 0
+      },
+      "isError": false,
+      "timestamp": 1781705105200
+    },
+    {
+      "type": "llm_completion",
+      "model": "claude-sonnet-4",
+      "provider": "anthropic",
+      "inputPayload": {
+        "messages": [
+          {
+            "role": "user",
+            "content": "Polish notrace HTML output and unify dashboard/session design."
+          }
+        ]
+      },
+      "outputContent": "Found renderer split. Will move both pages to one shared shell and standardize styles.",
+      "usage": {
+        "input": 2140,
+        "output": 116,
+        "cacheRead": 0,
+        "cacheWrite": 0,
+        "totalTokens": 2256,
+        "cost": {
+          "total": 0.01451
+        }
+      },
+      "timestamp": 1781705111000
+    }
+  ],
+  "navigation": {
+    "indexHref": "../../dashboard.sample.html"
+  }
+}