24:I[307436,["/_next/static/immutable/chunks/1gchium7nww9r.js","/_next/static/immutable/chunks/2d7gr10yud7ll.js","/_next/static/immutable/chunks/2kyb8oum4hifz.js","/_next/static/immutable/chunks/17bc5e9cm9a-q.js","/_next/static/immutable/chunks/42sqmxmk3cnps.js","/_next/static/immutable/chunks/2-g5j69xga-j-.js","/_next/static/immutable/chunks/1vqnea-qk-oh0.js","/_next/static/immutable/chunks/0457ji1bpobon.js","/_next/static/immutable/chunks/2kc7ecqs15k_7.js","/_next/static/immutable/chunks/0a937jsg96ehe.js","/_next/static/immutable/chunks/1x71wnz52c5-i.js","/_next/static/immutable/chunks/3bmj1ccyv_bzu.js","/_next/static/immutable/chunks/3zyborr59s_3k.js","/_next/static/immutable/chunks/2iprwyxekay_3.js"],"Copy"] 25:T7f9,const STARTED = Date.UTC(2026, 9, 12, 9, 41, 7) /** Spans written in ms from the request's start, placed on the clock its lines share. */ const onClock = (spans: readonly TraceSpan[]): TraceSpan[] => spans.map((s) => ({ ...s, from: STARTED + s.from, to: STARTED + s.to })) /** One sign-up: its spans. */ const SPANS = onClock([ { id: "req", name: "POST /signup", service: "web", from: 0, to: 268, status: "ok", }, { id: "check", parentId: "req", name: "email.check", service: "auth", from: 6, to: 41, status: "ok", }, { id: "insert", parentId: "req", name: "INSERT users", service: "postgres", from: 44, to: 97, status: "ok", attributes: { rows: 1 }, }, { id: "welcome", parentId: "req", name: "mail.welcome", service: "mail", from: 101, to: 262, status: "ok", }, { id: "smtp", parentId: "welcome", name: "SMTP send", service: "mail", from: 110, to: 258, status: "ok", attributes: { relay: "smtp.eu", attempts: 2 }, }, ]) const NAMES = new Map(SPANS.map((s) => [s.id, s.name])) /** What its services wrote, each line in the span it was written in: ms from the * request's start, level, span, source, message. */ const LINES: LogLine[] = ( [ [0, "info", "req", "web", "POST /signup", { email: "ada@example.com" }], [9, "debug", "check", "auth", "address is deliverable"], [52, "debug", "insert", "postgres", "INSERT users: 1 row"], [112, "info", "smtp", "mail", "connecting to smtp.eu"], [180, "warn", "smtp", "mail", "relay busy; retrying", { attempt: 2 }], [258, "info", "smtp", "mail", "welcome mail accepted", { id: "m_51a" }], [268, "info", "req", "web", "POST /signup 201 in 268 ms"], ] as const ).map(([ms, level, span, source, message, fields], i) => ({ id: `l${i}`, at: STARTED + ms, level, span: { id: span, name: NAMES.get(span) as string }, source, message, fields, }))

26:T6570,

const STARTED = Date.UTC(2026, 9, 12, 9, 41, 7)

/** Spans written in ms from the request's start, placed on the clock its lines share. */
const onClock = (spans: readonly TraceSpan[]): TraceSpan[] =>
  spans.map((s) => ({ ...s, from: STARTED + s.from, to: STARTED + s.to }))

/** One sign-up: its spans. */
const SPANS = onClock([
  {
    id: "req",
    name: "POST /signup",
    service: "web",
    from: 0,
    to: 268,
    status: "ok",
  },
  {
    id: "check",
    parentId: "req",
    name: "email.check",
    service: "auth",
    from: 6,
    to: 41,
    status: "ok",
  },
  {
    id: "insert",
    parentId: "req",
    name: "INSERT users",
    service: "postgres",
    from: 44,
    to: 97,
    status: "ok",
    attributes: { rows: 1 },
  },
  {
    id: "welcome",
    parentId: "req",
    name: "mail.welcome",
    service: "mail",
    from: 101,
    to: 262,
    status: "ok",
  },
  {
    id: "smtp",
    parentId: "welcome",
    name: "SMTP send",
    service: "mail",
    from: 110,
    to: 258,
    status: "ok",
    attributes: { relay: "smtp.eu", attempts: 2 },
  },
])

const NAMES = new Map(SPANS.map((s) => [s.id, s.name]))

/** What its services wrote, each line in the span it was written in: ms from the
 *  request's start, level, span, source, message. */
const LINES: LogLine[] = (
  [
    [0, "info", "req", "web", "POST /signup", { email: "ada@example.com" }],
    [9, "debug", "check", "auth", "address is deliverable"],
    [52, "debug", "insert", "postgres", "INSERT users: 1 row"],
    [112, "info", "smtp", "mail", "connecting to smtp.eu"],
    [180, "warn", "smtp", "mail", "relay busy; retrying", { attempt: 2 }],
    [258, "info", "smtp", "mail", "welcome mail accepted", { id: "m_51a" }],
    [268, "info", "req", "web", "POST /signup 201 in 268 ms"],
  ] as const
).map(([ms, level, span, source, message, fields], i) => ({
  id: `l${i}`,
  at: STARTED + ms,
  level,
  span: { id: span, name: NAMES.get(span) as string },
  source,
  message,
  fields,
}))

<div className="p-4">
  <Linked />
</div>

20:["$","div","linked",{"data-slot":"code","data-material":"plain","data-compact":"$undefined","className":"ag-code","children":[["$","div",null,{"className":"ag-code-bar","children":[["$","span",null,{"className":"ag-code-name","children":"tsx"}],["$","$L24",null,{"value":"$25","label":true}]]}],["$","div",null,{"className":"ag-code-scroll ag-edge-fade-xy","dangerouslySetInnerHTML":{"__html":"$26"}}],false]}]

SMTP send

3 lines

SMTP send

3 lines