Hz/wf timestamp

frontend/relay-workflows-lib/lib/components/BaseWorkflowRelay.tsx

@@ -24,7 +24,24 @@ export const BaseWorkflowRelayFragment = graphql`
     }
     status {
       __typename
+
+      ... on WorkflowRunningStatus {
+        startTime
+      }
+
+      ... on WorkflowSucceededStatus {
+        startTime
+      }
+
+      ... on WorkflowFailedStatus {
+        startTime
+      }
+
+      ... on WorkflowErroredStatus {
+        startTime
+      }
     }
+
     ...WorkflowTasksFragment
   }
 `;
@@ -50,6 +67,14 @@ export default function BaseWorkflowRelay({
   const navigate = useNavigate();
   const data = useFragment(BaseWorkflowRelayFragment, fragmentRef);
   const statusText = data.status?.__typename ?? "Unknown";
+  const submittedTime =
+    data.status?.__typename === "WorkflowRunningStatus" ||
+    data.status?.__typename === "WorkflowSucceededStatus" ||
+    data.status?.__typename === "WorkflowFailedStatus" ||
+    data.status?.__typename === "WorkflowErroredStatus"
+      ? data.status.startTime
+      : undefined;
+
   const [selectedTaskIds, setSelectedTaskIds] = useSelectedTaskIds();
 
   const onNavigate = React.useCallback(
@@ -94,6 +119,7 @@ export default function BaseWorkflowRelay({
           instrumentSession: data.visit,
           status: statusText as WorkflowStatus,
           creator: data.creator.creatorId,
+          submittedTime,
         }}
         workflowLink={workflowLink}
         expanded={expanded}

frontend/relay-workflows-lib/lib/views/SingleWorkflowView.tsx

@@ -33,19 +33,21 @@ export default function SingleWorkflowView(props: SingleWorkflowViewProps) {
       name: props.workflowName,
     },
   );
-  const finished =
-    queryData.workflow?.status?.__typename &&
-    finishedStatuses.has(queryData.workflow.status.__typename);
+
   const [isNull, setIsNull] = useState<boolean>(false);
+
   const onNullSubscriptionData = () => {
     setIsNull(true);
   };
 
-  return finished || isNull ? (
-    <BaseSingleWorkflowView
-      fragmentRef={queryData.workflow ?? null}
-      taskIds={props.taskIds}
-    />
+  const workflow = queryData.workflow;
+
+  const finished =
+    workflow?.status != null &&
+    finishedStatuses.has(workflow.status.__typename);
+
+  return workflow && (finished || isNull) ? (
+    <BaseSingleWorkflowView fragmentRef={workflow} taskIds={props.taskIds} />
   ) : (
     <LiveSingleWorkflowView
       {...props}

frontend/relay-workflows-lib/relay.config.json

@@ -3,5 +3,8 @@
   "language": "typescript",
   "schema": "./supergraph.graphql",
   "exclude": ["**/node_modules/**", "**/__mocks__/**", "**/__generated__/**"],
-  "eagerEsModules": true
+  "eagerEsModules": true,
+  "customScalarTypes": {
+    "DateTime": "string"
+  }
 }

frontend/workflows-lib/lib/components/workflow/WorkflowAccordion.tsx

@@ -78,6 +78,12 @@ const WorkflowAccordion: React.FC<WorkflowProps> = ({
           <Typography color="#757575">
             Creator: {workflow.creator || "Unknown"}
           </Typography>
+
+          {workflow.submittedTime && (
+            <Typography color="#757575">
+              Submitted: {new Date(workflow.submittedTime).toLocaleString()}
+            </Typography>
+          )}
         </Box>
       </AccordionSummary>
       <AccordionDetails>{children}</AccordionDetails>

frontend/workflows-lib/lib/types.ts

@@ -45,6 +45,7 @@ export interface Workflow {
   instrumentSession: Visit;
   status: WorkflowStatus;
   creator: string;
+  submittedTime?: string;
 }
 
 export interface Visit {