Link the replayed run in the run details pane

Author: myftija

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

@@ -218,6 +218,7 @@ export class SpanPresenter extends BasePresenter {
             friendlyId: true,
           },
         },
+        replayedFromTaskRunFriendlyId: true,
       },
       where: span.originalRun
         ? {
@@ -331,6 +332,7 @@ export class SpanPresenter extends BasePresenter {
       runtime: run.lockedToVersion?.runtime,
       runtimeVersion: run.lockedToVersion?.runtimeVersion,
       isTest: run.isTest,
+      replayedFromTaskRunFriendlyId: run.replayedFromTaskRunFriendlyId,
       environmentId: run.runtimeEnvironment.id,
       idempotencyKey: run.idempotencyKey,
       idempotencyKeyExpiresAt: run.idempotencyKeyExpiresAt,

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

@@ -63,6 +63,7 @@ import {
   v3DeploymentVersionPath,
   v3RunDownloadLogsPath,
   v3RunPath,
+  v3RunRedirectPath,
   v3RunSpanPath,
   v3RunsPath,
   v3SchedulePath,
@@ -592,6 +593,20 @@ function RunBody({
                     {run.isTest ? <CheckIcon className="size-4 text-text-dimmed" /> : "–"}
                   </Property.Value>
                 </Property.Item>
+                {run.replayedFromTaskRunFriendlyId && (
+                  <Property.Item>
+                    <Property.Label>Replayed from</Property.Label>
+                    <Property.Value>
+                      <TextLink
+                        to={v3RunRedirectPath(organization, project, {
+                          friendlyId: run.replayedFromTaskRunFriendlyId,
+                        })}
+                      >
+                        {run.replayedFromTaskRunFriendlyId}
+                      </TextLink>
+                    </Property.Value>
+                  </Property.Item>
+                )}
                 {environment && (
                   <Property.Item>
                     <Property.Label>Environment</Property.Label>