Surface retried error in Dagit (#7692)

js_modules/dagit/packages/core/src/runs/LogsRow.tsx

@@ -47,6 +47,11 @@ export class Structured extends React.Component<StructuredProps, StructuredState
           />
         ),
       });
+    } else if (node.__typename === 'ExecutionStepUpForRetryEvent') {
+      showCustomAlert({
+        title: 'Step Retry',
+        body: <PythonErrorInfo error={node.error ? node.error : node} />,
+      });
     } else if (node.__typename === 'HookErroredEvent') {
       showCustomAlert({
         title: 'Error',
@@ -66,7 +71,7 @@ export class Structured extends React.Component<StructuredProps, StructuredState
       });
     } else {
       showCustomAlert({
-        title: (node.stepKey && node.stepKey) || 'Info',
+        title: node.stepKey || 'Info',
         body: (
           <StructuredContent>
             <LogsRowStructuredContent node={node} metadata={metadata} />
@@ -135,6 +140,11 @@ export const LOGS_ROW_STRUCTURED_FRAGMENT = gql`
         }
       }
     }
+    ... on ExecutionStepUpForRetryEvent {
+      error {
+        ...PythonErrorFragment
+      }
+    }
     ... on ExecutionStepInputEvent {
       inputName
       typeCheck {

js_modules/dagit/packages/core/src/runs/LogsRowStructuredContent.tsx

@@ -15,7 +15,7 @@ import {
   MetadataEntryLink,
 } from '../metadata/MetadataEntry';
 import {MetadataEntryFragment} from '../metadata/types/MetadataEntryFragment';
-import {ErrorSource} from '../types/globalTypes';
+import {DagsterEventType, ErrorSource} from '../types/globalTypes';
 
 import {EventTypeColumn} from './LogsRowComponents';
 import {IRunMetadataDict} from './RunMetadataProvider';
@@ -43,7 +43,7 @@ export const LogsRowStructuredContent: React.FC<IStructuredContentProps> = ({nod
       );
 
     case 'ExecutionStepUpForRetryEvent':
-      return <DefaultContent eventType={eventType} message={node.message} eventIntent="warning" />;
+      return <StepUpForRetryContent error={node.error} message={node.message} />;
 
     case 'ExecutionStepStartEvent':
       if (!node.stepKey || metadata.logCaptureSteps) {
@@ -358,6 +358,56 @@ const FailureContent: React.FC<{
   );
 };
 
+const StepUpForRetryContent: React.FC<{
+  message?: string;
+  error?: PythonErrorFragment | null;
+}> = ({message, error}) => {
+  let contextMessage = null;
+  let errorCause = null;
+  let errorMessage = null;
+  let errorStack = null;
+
+  if (message) {
+    contextMessage = (
+      <>
+        <span>{message}</span>
+        <br />
+      </>
+    );
+  }
+
+  if (error) {
+    errorMessage = <span style={{color: Colors.Red500}}>{`${error.message}`}</span>;
+    errorStack = <span style={{color: Colors.Red500}}>{`\nStack Trace:\n${error.stack}`}</span>;
+    if (error.cause) {
+      errorCause = (
+        <>
+          <br />
+          {`The retry request was caused by the following exception:\n`}
+          <span style={{color: Colors.Red500}}>{`${error.cause.message}`}</span>
+          <span style={{color: Colors.Red500}}>{`\nStack Trace:\n${error.cause.stack}`}</span>
+        </>
+      );
+    }
+  }
+
+  return (
+    <>
+      <EventTypeColumn>
+        <Tag minimal intent="warning">
+          {eventTypeToDisplayType(DagsterEventType.STEP_UP_FOR_RETRY)}
+        </Tag>
+      </EventTypeColumn>
+      <Box padding={{horizontal: 12}} style={{flex: 1}}>
+        {contextMessage}
+        {errorMessage}
+        {errorStack}
+        {errorCause}
+      </Box>
+    </>
+  );
+};
+
 const AssetMetadataContent: React.FC<{
   message: string;
   assetKey: AssetKey | null;