feat(webapp): keep smart-column values fresh in the runs live poll

The 3s poll now carries the payload/metadata/output a smart column
reads, so custom column values update in place instead of only on a
full page load.

Author: ericallam

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

@@ -19,5 +19,11 @@ export function mapRunToLiveFields(run: ListedRun) {
     usageDurationMs: Number(run.usageDurationMs),
     costInCents: run.costInCents,
     baseCostInCents: run.baseCostInCents,
+    metadata: run.metadata,
+    metadataType: run.metadataType,
+    payload: run.payload,
+    payloadType: run.payloadType,
+    output: run.output,
+    outputType: run.outputType,
   };
 }

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs._index/useRunsLiveReload.ts

@@ -87,6 +87,12 @@ function patchVisibleRunsWithLiveUpdates(currentRuns: ListedRun[], liveRuns: Liv
       usageDurationMs: update.usageDurationMs,
       costInCents: update.costInCents,
       baseCostInCents: update.baseCostInCents,
+      metadata: update.metadata ?? run.metadata,
+      metadataType: update.metadataType ?? run.metadataType,
+      payload: update.payload ?? run.payload,
+      payloadType: update.payloadType ?? run.payloadType,
+      output: update.output ?? run.output,
+      outputType: update.outputType ?? run.outputType,
     };
   });
 }
@@ -242,6 +248,10 @@ export function useRunsLiveReload({
         searchParams.set("runIds", activeRunIdsParam);
       }
 
+      const locationParams = new URLSearchParams(location.search);
+      for (const col of locationParams.getAll("cols")) searchParams.append("cols", col);
+      for (const smart of locationParams.getAll("sc")) searchParams.append("sc", smart);
+
       if (checkForNewRuns) {
         appendNewRunsSearchParams(searchParams, {
           locationSearch: location.search,

apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.live.ts

@@ -7,6 +7,8 @@ import { clickhouseFactory } from "~/services/clickhouse/clickhouseFactoryInstan
 import { loadProjectEnvironmentFromRequest } from "~/services/loadProjectEnvironmentFromRequest.server";
 import { RunsRepository } from "~/services/runsRepository/runsRepository.server";
 import { runIdsQueryParam } from "~/utils/searchParams";
+import { deriveRunSelect } from "~/components/runs/v3/runColumns";
+import { getRunColumnsForSelect } from "~/presenters/v3/runColumnsFromRequest.server";
 
 const SearchParamsSchema = z.object({
   runIds: runIdsQueryParam,
@@ -36,6 +38,7 @@ export async function loader({ request, params }: LoaderFunctionArgs) {
     "runsList"
   );
   const runsRepository = new RunsRepository({ clickhouse, prisma: $replica });
+  const columns = getRunColumnsForSelect(request);
 
   const [runs, newRunsResult] = await Promise.all([
     runIds.length > 0
@@ -45,6 +48,7 @@ export async function loader({ request, params }: LoaderFunctionArgs) {
             projectId: project.id,
             environmentId: environment.id,
             runId: runIds,
+            runSelect: deriveRunSelect(columns.visibleStandardIds, columns.smartSources),
             page: { size: 100 },
           })
           .then(({ runs: listedRuns }) => listedRuns.map(mapRunToLiveFields))