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

@raquezha/notrace 0.0.5 → 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

package/templates/sessions/019ecec4-1c48-7b47-bdbf-cec3500978ed/notrace.html ADDED Viewed

@@ -0,0 +1,313 @@
+<!DOCTYPE html><html lang="en"><head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>notrace - 019ecec4-1c48-7b47-bdbf-cec3500978ed</title>
+  <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;
+      --ok: #53c48a;
+      --warn: #f2b766;
+      --err: #ef7f7f;
+    }
+    * { 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: flex; justify-content: space-between; gap: 16px; align-items: flex-start; flex-wrap: wrap; }
+    .brand { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
+    .brand h1 { margin: 0; font-size: 2.3rem; letter-spacing: -0.04em; }
+    .brand h1 span { color: var(--accent); }
+    .subtitle { margin: 6px 0 0; color: var(--muted); }
+    .meta { display: flex; gap: 8px; flex-wrap: wrap; }
+    .pill, .nav-link {
+      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;
+    }
+    .nav-link:hover { border-color: rgba(216,132,98,0.4); color: var(--text); }
+    .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; }
+    tr:last-child td { border-bottom: 0; }
+    .btn {
+      display: inline-flex;
+      align-items: center;
+      text-decoration: none;
+      padding: 8px 12px;
+      border-radius: 10px;
+      border: 1px solid rgba(216,132,98,0.28);
+      background: var(--accent-soft);
+      color: var(--text);
+      font-size: 0.85rem;
+      font-weight: 700;
+    }
+    .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: 18px; color: var(--muted); font-size: 0.85rem; }
+    @media (max-width: 700px) {
+      .container { padding: 20px 14px 48px; }
+      .hero { padding: 20px; }
+      .brand h1 { font-size: 1.8rem; }
+      th:nth-child(2), td:nth-child(2), th:nth-child(4), td:nth-child(4) { 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"><h1>no<span>trace</span></h1></div>
+          <p class="subtitle">Session retrospective for 019ecec4-1c48-7b47-bdbf-cec3500978ed</p>
+        </div>
+        <div class="meta">
+          <a class="nav-link" href="../../dashboard.sample.html">Back to index</a>
+          <span class="pill">Started 6/17/2026, 5:12:00 PM</span>
+        </div>
+      </div>
+      <div class="metrics">
+        <div class="metric-card"><small>Cost</small><strong>$0.12841</strong></div>
+        <div class="metric-card"><small>Tokens</small><strong>18,420</strong></div>
+        <div class="metric-card"><small>Turns</small><strong>14</strong></div>
+        <div class="metric-card"><small>Tool Calls</small><strong>11</strong></div>
+        <div class="metric-card"><small>Tool Errors</small><strong>1</strong></div>
+        <div class="metric-card"><small>Events</small><strong>8</strong></div>
+      </div>
+    </section>
+    <section class="panel">
+      <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">10:05:04 PM</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">10:05:05 PM</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">10:05:11 PM</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;inputTokens&quot;: 2140,
+  &quot;outputTokens&quot;: 116,
+  &quot;totalTokens&quot;: 2256,
+  &quot;cost&quot;: {
+    &quot;total&quot;: 0.01451
+  }
+}</pre></section></div></div>
+  </details><details class="event">
+    <summary>
+      <div class="event-main">
+        <span class="badge badge-tool">tool_start</span>
+        <span class="event-title">functions.edit</span>
+      </div>
+      <span class="event-time">10:05:20 PM</span>
+    </summary>
+    <div class="event-body"><div class="stack"><section class="block"><h4>Arguments</h4><pre>{
+  &quot;path&quot;: &quot;packages/notrace/extensions/notrace/renderer.ts&quot;,
+  &quot;edits&quot;: [
+    {
+      &quot;oldText&quot;: &quot;old renderer&quot;,
+      &quot;newText&quot;: &quot;new renderer&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.edit</span>
+      </div>
+      <span class="event-time">10:05:20 PM</span>
+    </summary>
+    <div class="event-body"><div class="stack"><section class="block"><h4>Result</h4><pre>{
+  &quot;message&quot;: &quot;Successfully replaced 1 block(s)&quot;
+}</pre></section></div></div>
+  </details><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">10:05:30 PM</span>
+    </summary>
+    <div class="event-body"><div class="stack"><section class="block"><h4>Arguments</h4><pre>{
+  &quot;command&quot;: &quot;cd packages/notrace &amp;&amp; npm run build&quot;
+}</pre></section></div></div>
+  </details><details class="event">
+    <summary>
+      <div class="event-main">
+        <span class="badge badge-error">tool_end</span>
+        <span class="event-title">functions.bash</span>
+      </div>
+      <span class="event-time">10:05:34 PM</span>
+    </summary>
+    <div class="event-body"><div class="stack"><section class="block"><h4>Error Result</h4><pre>{
+  &quot;stdout&quot;: &quot;\n&gt; @raquezha/notrace@0.0.5 build\n&gt; tsc\n&quot;,
+  &quot;stderr&quot;: &quot;src/renderer.ts:12:4 - error TS1005: &#39;;&#39; expected.&quot;,
+  &quot;exitCode&quot;: 2
+}</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">10:05:40 PM</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">Build failed. Find syntax bug and re-run.</div></div></section><section class="block"><h4>Output</h4><pre>TS syntax bug in arrow fn body. Fixing renderer and rebuilding.</pre></section><section class="block"><h4>Usage</h4><pre>{
+  &quot;inputTokens&quot;: 980,
+  &quot;outputTokens&quot;: 63,
+  &quot;totalTokens&quot;: 1043,
+  &quot;cost&quot;: {
+    &quot;total&quot;: 0.00613
+  }
+}</pre></section></div></div>
+  </details></div>
+      </div>
+    </section>
+    <p class="footer-note">All content rendered repo-local. No external runtime deps.</p>
+  </div></body></html>

package/templates/sessions/019ecec4-1c48-7b47-bdbf-cec3500978ed/notrace.json ADDED Viewed

@@ -0,0 +1,129 @@
+{
+  "traceId": "019ecec4-1c48-7b47-bdbf-cec3500978ed",
+  "startTime": "2026-06-17T09:12:00.000Z",
+  "metrics": {
+    "totalTokens": 18420,
+    "totalCost": 0.12841,
+    "turnCount": 14,
+    "toolCallCount": 11,
+    "toolErrorCount": 1
+  },
+  "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",
+      "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": {
+        "inputTokens": 2140,
+        "outputTokens": 116,
+        "totalTokens": 2256,
+        "cost": {
+          "total": 0.01451
+        }
+      },
+      "timestamp": 1781705111000
+    },
+    {
+      "type": "tool_start",
+      "toolName": "functions.edit",
+      "args": {
+        "path": "packages/notrace/extensions/notrace/renderer.ts",
+        "edits": [
+          {
+            "oldText": "old renderer",
+            "newText": "new renderer"
+          }
+        ]
+      },
+      "timestamp": 1781705120000
+    },
+    {
+      "type": "tool_end",
+      "toolName": "functions.edit",
+      "result": {
+        "message": "Successfully replaced 1 block(s)"
+      },
+      "isError": false,
+      "timestamp": 1781705120800
+    },
+    {
+      "type": "tool_start",
+      "toolName": "functions.bash",
+      "args": {
+        "command": "cd packages/notrace && npm run build"
+      },
+      "timestamp": 1781705130000
+    },
+    {
+      "type": "tool_end",
+      "toolName": "functions.bash",
+      "result": {
+        "stdout": "\n> @raquezha/notrace@0.0.5 build\n> tsc\n",
+        "stderr": "src/renderer.ts:12:4 - error TS1005: ';' expected.",
+        "exitCode": 2
+      },
+      "isError": true,
+      "timestamp": 1781705134100
+    },
+    {
+      "type": "llm_completion",
+      "model": "claude-sonnet-4",
+      "inputPayload": {
+        "messages": [
+          {
+            "role": "user",
+            "content": "Build failed. Find syntax bug and re-run."
+          }
+        ]
+      },
+      "outputContent": "TS syntax bug in arrow fn body. Fixing renderer and rebuilding.",
+      "usage": {
+        "inputTokens": 980,
+        "outputTokens": 63,
+        "totalTokens": 1043,
+        "cost": {
+          "total": 0.00613
+        }
+      },
+      "timestamp": 1781705140000
+    }
+  ],
+  "navigation": {
+    "indexHref": "../../dashboard.sample.html"
+  }
+}