denormalize runtime and version, display on run details

Author: nicktrn

apps/webapp/app/components/RuntimeIcon.tsx

@@ -1,7 +1,7 @@
 import { SimpleTooltip } from "~/components/primitives/Tooltip";
 import { BunLogoIcon } from "~/assets/icons/BunLogoIcon";
 import { NodejsLogoIcon } from "~/assets/icons/NodejsLogoIcon";
-import { parseRuntime, formatRuntimeWithVersion } from "~/utils/runtime";
+import { parseRuntime, formatRuntimeWithVersion, type NormalizedRuntime } from "~/utils/runtime";
 
 interface RuntimeIconProps {
   runtime?: string | null;
@@ -10,6 +10,17 @@ interface RuntimeIconProps {
   withLabel?: boolean;
 }
 
+const getIcon = (runtime: NormalizedRuntime, className: string) => {
+  switch (runtime) {
+    case "bun":
+      return <BunLogoIcon className={className} />;
+    case "node":
+      return <NodejsLogoIcon className={className} />;
+    default:
+      return <span className="text-text-dimmed">–</span>;
+  }
+};
+
 export function RuntimeIcon({
   runtime,
   runtimeVersion,
@@ -25,18 +36,7 @@ export function RuntimeIcon({
     displayName: "Node.js",
   };
 
-  const getIcon = () => {
-    switch (effectiveRuntime.runtime) {
-      case "bun":
-        return <BunLogoIcon className={className} />;
-      case "node":
-        return <NodejsLogoIcon className={className} />;
-      default:
-        return <span className="text-text-dimmed">–</span>;
-    }
-  };
-
-  const icon = getIcon();
+  const icon = getIcon(effectiveRuntime.runtime, className);
   const formattedText = formatRuntimeWithVersion(effectiveRuntime.originalRuntime, runtimeVersion);
 
   if (withLabel) {

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

@@ -142,6 +142,8 @@ export class SpanPresenter extends BasePresenter {
           select: {
             version: true,
             sdkVersion: true,
+            runtime: true,
+            runtimeVersion: true,
           },
         },
         engine: true,
@@ -326,6 +328,8 @@ export class SpanPresenter extends BasePresenter {
       taskIdentifier: run.taskIdentifier,
       version: run.lockedToVersion?.version,
       sdkVersion: run.lockedToVersion?.sdkVersion,
+      runtime: run.lockedToVersion?.runtime,
+      runtimeVersion: run.lockedToVersion?.runtimeVersion,
       isTest: run.isTest,
       environmentId: run.runtimeEnvironment.id,
       idempotencyKey: run.idempotencyKey,

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

@@ -36,6 +36,7 @@ import {
 import { TabButton, TabContainer } from "~/components/primitives/Tabs";
 import { TextLink } from "~/components/primitives/TextLink";
 import { InfoIconTooltip, SimpleTooltip } from "~/components/primitives/Tooltip";
+import { RuntimeIcon } from "~/components/RuntimeIcon";
 import { RunTimeline, RunTimelineEvent, SpanTimeline } from "~/components/run/RunTimeline";
 import { PacketDisplay } from "~/components/runs/v3/PacketDisplay";
 import { RunIcon } from "~/components/runs/v3/RunIcon";
@@ -575,6 +576,16 @@ function RunBody({
                     )}
                   </Property.Value>
                 </Property.Item>
+                <Property.Item>
+                  <Property.Label>Runtime</Property.Label>
+                  <Property.Value>
+                    <RuntimeIcon
+                      runtime={run.runtime}
+                      runtimeVersion={run.runtimeVersion}
+                      withLabel
+                    />
+                  </Property.Value>
+                </Property.Item>
                 <Property.Item>
                   <Property.Label>Test run</Property.Label>
                   <Property.Value>

apps/webapp/app/v3/services/createBackgroundWorker.server.ts

@@ -81,6 +81,8 @@ export class CreateBackgroundWorkerService extends BaseService {
           contentHash: body.metadata.contentHash,
           cliVersion: body.metadata.cliPackageVersion,
           sdkVersion: body.metadata.packageVersion,
+          runtime: body.metadata.runtime,
+          runtimeVersion: body.metadata.runtimeVersion,
           supportsLazyAttempts: body.supportsLazyAttempts,
           engine: body.engine,
         },

internal-packages/database/prisma/migrations/20250709191244_add_runtime_and_runtime_version_to_background_worker/migration.sql

@@ -0,0 +1,3 @@
+-- AlterTable
+ALTER TABLE "BackgroundWorker" ADD COLUMN     "runtime" TEXT,
+ADD COLUMN     "runtimeVersion" TEXT;

internal-packages/database/prisma/schema.prisma

@@ -420,6 +420,9 @@ model BackgroundWorker {
   version  String
   metadata Json
 
+  runtime        String?
+  runtimeVersion String?
+
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
 
@@ -719,24 +722,24 @@ model TaskRun {
 model TaskRunTemplate {
   id String @id @default(cuid())
 
-  taskSlug String
+  taskSlug      String
   triggerSource TaskTriggerSource
 
   label String
 
-  payload      String?
-  payloadType  String @default("application/json")
-  metadata        String?
-  metadataType    String  @default("application/json")
-  queue String?
-  concurrencyKey String?
-  ttlSeconds Int?
-  maxAttempts Int?
+  payload            String?
+  payloadType        String   @default("application/json")
+  metadata           String?
+  metadataType       String   @default("application/json")
+  queue              String?
+  concurrencyKey     String?
+  ttlSeconds         Int?
+  maxAttempts        Int?
   maxDurationSeconds Int?
-  tags String[]
-  machinePreset String?
+  tags               String[]
+  machinePreset      String?
 
-  projectId String
+  projectId      String
   organizationId String
 
   createdAt DateTime @default(now())