Add external trace ID to the run details inspector

Author: ericallam

apps/webapp/app/presenters/v3/SpanPresenter.server.ts

@@ -4,9 +4,10 @@ import {
   SemanticInternalAttributes,
   TaskRunContext,
   TaskRunError,
+  TriggerTraceContext,
   V3TaskRunContext,
 } from "@trigger.dev/core/v3";
-import { AttemptId, getMaxDuration } from "@trigger.dev/core/v3/isomorphic";
+import { AttemptId, getMaxDuration, parseTraceparent } from "@trigger.dev/core/v3/isomorphic";
 import { RUNNING_STATUSES } from "~/components/runs/v3/TaskRunStatus";
 import { logger } from "~/services/logger.server";
 import { eventRepository, rehydrateAttribute } from "~/v3/eventRepository.server";
@@ -173,6 +174,8 @@ export class SpanPresenter extends BasePresenter {
 
     const context = await this.#getTaskRunContext({ run, machine: machine ?? undefined });
 
+    const externalTraceId = this.#getExternalTraceId(run.traceContext);
+
     return {
       id: run.id,
       friendlyId: run.friendlyId,
@@ -234,6 +237,7 @@ export class SpanPresenter extends BasePresenter {
       spanId: run.spanId,
       isCached: !!span.originalRun,
       machinePreset: machine?.name,
+      externalTraceId,
     };
   }
 
@@ -272,6 +276,7 @@ export class SpanPresenter extends BasePresenter {
         id: true,
         spanId: true,
         traceId: true,
+        traceContext: true,
         //metadata
         number: true,
         taskIdentifier: true,
@@ -574,4 +579,26 @@ export class SpanPresenter extends BasePresenter {
   async #getV4TaskRunContext({ run }: { run: FindRunResult }): Promise<TaskRunContext> {
     return engine.resolveTaskRunContext(run.id);
   }
+
+  #getExternalTraceId(traceContext: unknown) {
+    if (!traceContext) {
+      return;
+    }
+
+    const parsedTraceContext = TriggerTraceContext.safeParse(traceContext);
+
+    if (!parsedTraceContext.success) {
+      return;
+    }
+
+    const externalTraceparent = parsedTraceContext.data.external?.traceparent;
+
+    if (!externalTraceparent) {
+      return;
+    }
+
+    const parsedTraceparent = parseTraceparent(externalTraceparent);
+
+    return parsedTraceparent?.traceId;
+  }
 }

apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam.spans.$spanParam/route.tsx

@@ -738,6 +738,12 @@ function RunBody({
                   <Property.Label>Run Engine</Property.Label>
                   <Property.Value>{run.engine}</Property.Value>
                 </Property.Item>
+                {run.externalTraceId && (
+                  <Property.Item>
+                    <Property.Label>External Trace ID</Property.Label>
+                    <Property.Value>{run.externalTraceId}</Property.Value>
+                  </Property.Item>
+                )}
                 {isAdmin && (
                   <div className="border-t border-yellow-500/50 pt-2">
                     <Paragraph spacing variant="small" className="text-yellow-500">