feat: enhance application error handling and alert messages for no running instances

Author: rbjornstad

src/routes/dataproduct/errors/+page.gql

@@ -16,6 +16,19 @@ query AllIngresses {
 						}
 					}
 
+					... on Application {
+						instances {
+							nodes {
+								id
+								name
+								status {
+									state
+									message
+								}
+							}
+						}
+					}
+
 					status {
 						errors {
 							level

src/routes/dataproduct/errors/+page.svelte

@@ -32,6 +32,13 @@
 					null,
 					2
 				)}
+				{#if workload.__typename === 'Application'}
+					{#each workload.instances.nodes as instance (instance.id)}
+						{#if instance.status.state !== 'RUNNING'}
+							{JSON.stringify(instance.status, null, 2)}
+						{/if}
+					{/each}
+				{/if}
 			</div>
 		{/each}
 	{/if}

src/routes/team/[team]/+page.gql

@@ -31,6 +31,10 @@ query TeamOverview($team: Slug!) @cache(policy: NetworkOnly) {
 						... on WorkloadStatusNoRunningInstances {
 							level
 						}
+						... on WorkloadStatusFailedRun {
+							detail
+							name
+						}
 					}
 				}
 			}

src/routes/team/[team]/+page.svelte

@@ -31,11 +31,9 @@
 	{#if (getErrors('WorkloadStatusNoRunningInstances') ?? []).length > 0}
 		{@const noRunningInstances = getErrors('WorkloadStatusNoRunningInstances')!}
 		<Alert variant="error">
-			<Heading level="2" size="small">No running instances</Heading>
-			<BodyShort>
-				There are no running instances of the following application{noRunningInstances.length === 1
-					? ''
-					: 's'}.
+			<Heading level="2" size="small" spacing>No Running Instances</Heading>
+			<BodyShort spacing>
+				The following application{noRunningInstances.length === 1 ? ' has' : 's have'} no running instances.
 			</BodyShort>
 			<div>
 				{#each noRunningInstances as workload (workload.id)}

src/routes/team/[team]/[env]/app/[app]/+page.gql

@@ -13,10 +13,16 @@ query App($app: String!, $team: Slug!, $env: String!) {
 				}
 				instances {
 					nodes {
+						id
+						name
 						image {
 							name
 							tag
 						}
+						status {
+							state
+							message
+						}
 					}
 				}
 				deletionStartedAt
@@ -36,16 +42,21 @@ query App($app: String!, $team: Slug!, $env: String!) {
 				status {
 					errors {
 						__typename
-						level
 						... on WorkloadStatusDeprecatedRegistry {
+							level
 							registry
 						}
 						... on WorkloadStatusSynchronizationFailing {
+							level
 							detail
 						}
 						... on WorkloadStatusInvalidNaisYaml {
+							level
 							detail
 						}
+						... on WorkloadStatusNoRunningInstances {
+							level
+						}
 					}
 				}
 

src/routes/team/[team]/[env]/app/[app]/+page.svelte

@@ -74,6 +74,34 @@
 	<div class="wrapper">
 		<div class="app-content">
 			<div class="main-section">
+				{#if app.status.errors.some((error) => error.__typename === 'WorkloadStatusNoRunningInstances')}
+					<Alert
+						variant={levelVariant(
+							app.status.errors.find(
+								(error) => error.__typename === 'WorkloadStatusNoRunningInstances'
+							)?.level
+						)}
+					>
+						<div style="display: grid; gap: var(--a-spacing-3);">
+							<Heading level="2" size="small">No Running Instances</Heading>
+							<BodyShort>The application has no running instances.</BodyShort>
+
+							<Heading level="3" size="xsmall">Failing instances:</Heading>
+							<ul style="margin: 0;">
+								{#each app.instances.nodes as instance (instance.id)}
+									<li>
+										<code style="font-size: 1rem; line-height: 1.75;">{instance.name}</code>:
+										<strong>{instance.status.message}</strong>
+									</li>
+								{/each}
+							</ul>
+							<BodyLong>
+								Check logs if available. If this is unexpected and you cannot resolve the issue,
+								please contact the Nais team.
+							</BodyLong>
+						</div>
+					</Alert>
+				{/if}
 				{#if app.status.errors.some((error) => error.__typename === 'WorkloadStatusInvalidNaisYaml')}
 					<Alert
 						variant={levelVariant(