+ {/* ── User prompt (appears after submit) ── */}
+ {frame >= T.userSubmit && (
+
+ {"❯ "}
+ {userMessage}
+
+ )}
+
+ {/* ── Agent message 1 ── */}
+ {frame >= T.agentMsg1 && (
+
+
+
+ I'll add crumb tracing to the summarize function so we can see what's happening at runtime.
+
+
+ )}
+
+ {/* ── Spinner 1: thinking before writing code ── */}
+ {frame >= T.spinner1 && frame < T.writeCall && (
+
+ )}
+ {frame >= T.writeCall && (
+
+
+ Write(
+ src/pipeline.ts
+ )
+
+ )}
+
+ {/* ── Code content ── */}
+ {frame >= T.writeContent && (
+
+
+ {codeTokens.map((tokens, i) => (
+
+
+
+ ))}
+
+
+
+
+ Let me run the pipeline to test the changes.
+
+
+ )}
+
+ {/* ── Bash run ── */}
+ {frame >= T.bashRun && (
+
+
+ Bash(
+ AGENTCRUMBS=1 pnpm -F papertrail dev
+ )
+
+ )}
+
+ {/* ── Run output ── */}
+ {frame >= T.runOutput && (
+
+
+
PaperTrail Demo — Document Processing Pipeline
+ {frame >= T.runProcessing &&
Processing q3-report.md...
}
+ {frame >= T.runProcessing2 &&
Processing incident-postmortem.txt...
}
+ {frame >= T.runError && (
+
Error: Cannot read properties of undefined (reading 'summary')
+ )}
+ {frame >= T.runStack && (
+
{" at processDocument (src/pipeline.ts:89:24)"}
+ )}
+
+
+
+
+ The pipeline crashed. Let me check the crumb trail to see what happened.
+
+
+ )}
+
+ {/* ── Query call ── */}
+ {frame >= T.bashQuery && (
+
+
+ Bash(
+ agentcrumbs query --since 5m
+ )
+
+ )}
+
+ {/* ── Crumb trail output ── */}
+ {frame >= T.crumbStart && (
+
+
+ {crumbData.map((line, i) => {
+ const lineFrame = T.crumbStart + i * T.crumbInterval;
+ if (frame < lineFrame) return null;
+ const isError = line.type === "scope:error";
+ // Error lines flash bright red for 4 frames then settle
+ const framesShown = frame - lineFrame;
+ const errorBg = isError
+ ? framesShown < 2 ? "#F8514940" : framesShown < 4 ? "#F8514928" : "#F8514915"
+ : "transparent";
+ return (
+
+
+
+ );
+ })}
+
+
+
+ Found it.
+
+ {" "}The summarize scope errors at +225ms — the AI response
+
+
+ )}
+ {frame >= T.agentInsight2 && (
+
+ is missing the expected summary field. The parse
+ and metadata extraction succeeded across all 3 services.
+
+ )}
+
+ {/* ── Agent message 4 ── */}
+ {frame >= T.agentMsg4 && (
+
+
+
+ Bug fixed. Stripping crumbs before merge.
+
+
+ )}
+
+ {/* ── Strip call ── */}
+ {frame >= T.bashStrip && (
+
+
+ Bash(
+ agentcrumbs strip
+ )
+
+ )}
+
+ {/* ── Strip output ── */}
+ {frame >= T.stripOutput && (
+
+
+ Stripped 23 lines from 3 files.
+
+
+
+ agentcrumbs
+ — debug mode for
+ any agent
+
+ {frame >= T.ctaUrl && (
+
+ agentcrumbs.dev
+
+ )}
+