fix: display materializations in tick details for DA runs (#25717)

## Summary & Motivation
Fixes an issue where were passing backfill ID into the tick details
component, resulting in a 400.

Instead, we'll display the same details from run -> tick details as we
show on sensor -> tick details, as described in the
[issue](https://linear.app/dagster-labs/issue/ASSIST-181/tick-details-view-passes-backfill-id-into-request-instead-of-run-id).

Closes
https://linear.app/dagster-labs/issue/ASSIST-181/tick-details-view-passes-backfill-id-into-request-instead-of-run-id.

Before:
<img width="1450" height="838" alt="image"
src="https://github.com/user-attachments/assets/50f42a9f-54fd-4fd9-80c0-b774ef1fd186"
/>

After:
<img width="1447" height="839" alt="image"
src="https://github.com/user-attachments/assets/ab7d8d20-9a1a-4162-b76f-6a4d9193af53"
/>
Internal-RevId: 144f3dacceb81cfa66f4bf6fdd52be25767c7bb8

Author: clnoll

js_modules/ui-core/src/instigation/TickDetailsDialog.tsx

@@ -18,6 +18,7 @@ import {useMemo} from 'react';
 import {RunList, TargetedRunList} from './InstigationTick';
 import {HISTORY_TICK_FRAGMENT} from './InstigationUtils';
 import {TickMaterializationsTable} from './TickMaterializationsTable';
+import {getTickResultType} from './util';
 import {gql, useQuery} from '../apollo-client';
 import {HistoryTickFragment} from './types/InstigationUtils.types';
 import {SelectedTickQuery, SelectedTickQueryVariables} from './types/TickDetailsDialog.types';
@@ -46,24 +47,14 @@ interface DialogProps extends InnerProps {
   isOpen: boolean;
 }
 
-export const TickDetailsDialog = ({
-  tickId,
-  tickResultType,
-  isOpen,
-  instigationSelector,
-  onClose,
-}: DialogProps) => {
+export const TickDetailsDialog = ({tickId, isOpen, instigationSelector, onClose}: DialogProps) => {
   return (
     <Dialog
       isOpen={isOpen}
       onClose={onClose}
       style={{width: '80vw', maxWidth: '1200px', minWidth: '600px'}}
     >
-      <TickDetailsDialogImpl
-        tickId={tickId}
-        tickResultType={tickResultType}
-        instigationSelector={instigationSelector}
-      />
+      <TickDetailsDialogImpl tickId={tickId} instigationSelector={instigationSelector} />
       <DialogFooter topBorder>
         <Button onClick={onClose}>Close</Button>
       </DialogFooter>
@@ -73,11 +64,10 @@ export const TickDetailsDialog = ({
 
 interface InnerProps {
   tickId: string | undefined;
-  tickResultType: TickResultType;
   instigationSelector: InstigationSelector;
 }
 
-const TickDetailsDialogImpl = ({tickId, tickResultType, instigationSelector}: InnerProps) => {
+const TickDetailsDialogImpl = ({tickId, instigationSelector}: InnerProps) => {
   const {data, loading} = useQuery<SelectedTickQuery, SelectedTickQueryVariables>(
     JOB_SELECTED_TICK_QUERY,
     {
@@ -131,6 +121,8 @@ const TickDetailsDialogImpl = ({tickId, tickResultType, instigationSelector}: In
     );
   }
 
+  const resultType = getTickResultType(tick);
+
   return (
     <>
       <DialogHeader
@@ -145,10 +137,10 @@ const TickDetailsDialogImpl = ({tickId, tickResultType, instigationSelector}: In
         }
       />
       <Box padding={{vertical: 12, horizontal: 24}} border="bottom">
-        <TickDetailSummary tick={tick} tickResultType={tickResultType} />
+        <TickDetailSummary tick={tick} tickResultType={resultType} />
       </Box>
-      {tickResultType === 'materializations' ? <TickMaterializationsTable tick={tick} /> : null}
-      {tickResultType === 'runs' ? (
+      {resultType === 'materializations' ? <TickMaterializationsTable tick={tick} /> : null}
+      {resultType === 'runs' ? (
         <div style={{height: '500px', overflowY: 'auto'}}>
           {tick.runIds.length ? (
             <>

js_modules/ui-core/src/instigation/TickHistory.tsx

@@ -245,7 +245,6 @@ export const TicksTable = ({
       <TickDetailsDialog
         isOpen={!!showDetailsForTick}
         tickId={showDetailsForTick?.tickId}
-        tickResultType={tickResultType}
         instigationSelector={instigationSelector}
         onClose={() => setShowDetailsForTick(null)}
       />
@@ -405,7 +404,6 @@ export const TickHistoryTimeline = ({
       <TickDetailsDialog
         isOpen={!!selectedTickId}
         tickId={selectedTickId}
-        tickResultType={tickResultType}
         instigationSelector={instigationSelector}
         onClose={() => onTickClick(undefined)}
       />

js_modules/ui-core/src/instigation/__tests__/util.test.ts

@@ -1,6 +1,6 @@
 import {buildInstigationTick} from '../../graphql/builders';
 import {InstigationTickStatus} from '../../graphql/types';
-import {isStuckStartedTick} from '../util';
+import {getTickResultType, isStuckStartedTick} from '../util';
 
 const DAY = 1000 * 60 * 60 * 24;
 
@@ -37,3 +37,15 @@ describe('isStuckStarted', () => {
     expect(isStuckStartedTick(todayTickFailure, 1)).toBe(false);
   });
 });
+
+describe('getTickResultType', () => {
+  it('shows materializations for a tick that requested materializations', () => {
+    // Declarative-automation tick (e.g. opened from a run, where the run is a backfill).
+    expect(getTickResultType({requestedAssetMaterializationCount: 3})).toBe('materializations');
+  });
+
+  it('shows runs for a tick that requested no materializations', () => {
+    // Plain sensor/schedule tick that launched runs.
+    expect(getTickResultType({requestedAssetMaterializationCount: 0})).toBe('runs');
+  });
+});

js_modules/ui-core/src/instigation/util.ts

@@ -1,4 +1,5 @@
 import {DynamicPartitionsRequestType, InstigationTickStatus} from '../graphql/types';
+import type {TickResultType} from '../ticks/TickStatusTag';
 
 type DynamicPartitionsRequestResult = {
   partitionKeys: string[] | null;
@@ -45,3 +46,16 @@ export function countPartitionsAddedOrDeleted(
     return sum;
   }, 0);
 }
+
+/**
+ * Decide which view the tick details dialog should show.
+ *
+ * When the "run" that was createed is a backfill, the runs view can't render (400s when its backfill ID is passed to the
+ * runs feed as a run UUID). So when a tick requested any materializations, show the materializations view; otherwise show
+ * the runs view.
+ */
+export function getTickResultType(tick: {
+  requestedAssetMaterializationCount: number;
+}): TickResultType {
+  return tick.requestedAssetMaterializationCount > 0 ? 'materializations' : 'runs';
+}

js_modules/ui-core/src/runs/TickTagForRun.tsx

@@ -54,7 +54,6 @@ export const TickTagForRun = ({instigationSelector, instigationType, tickId}: Pr
       </TagActionsPopover>
       <TickDetailsDialog
         isOpen={showDetails}
-        tickResultType="runs"
         onClose={() => setShowDetails(false)}
         instigationSelector={instigationSelector}
         tickId={tickId}