feat: not on latest app version warning (#2889)

frontend/src/lib/components/apps/editor/AppEditor.svelte

@@ -72,6 +72,7 @@
 				draft_only?: boolean
 		  }
 		| undefined = undefined
+	export let version: number | undefined = undefined
 
 	migrateApp(app)
 
@@ -501,6 +502,7 @@
 			bind:this={appEditorHeader}
 			{diffDrawer}
 			bind:savedApp
+			{version}
 		/>
 		{#if $mode === 'preview'}
 			<SplitPanesWrapper>

frontend/src/lib/components/apps/editor/AppEditorHeader.svelte

@@ -114,6 +114,7 @@
 				draft_only?: boolean
 		  }
 		| undefined = undefined
+	export let version: number | undefined = undefined
 
 	const {
 		app,
@@ -270,6 +271,11 @@
 			path: npath,
 			policy
 		}
+		const appHistory = await AppService.getAppHistoryByPath({
+			workspace: $workspaceStore!,
+			path: npath
+		})
+		version = appHistory[0]?.version
 
 		closeSaveDrawer()
 		sendUserToast('App deployed successfully')
@@ -457,6 +463,19 @@
 		}
 	}
 
+	let onLatest = true
+	async function compareVersions() {
+		if (version === undefined) {
+			return
+		}
+		const appHistory = await AppService.getAppHistoryByPath({
+			workspace: $workspaceStore!,
+			path: appPath
+		})
+		onLatest = version === appHistory[0]?.version
+	}
+	$: saveDrawerOpen && compareVersions()
+
 	let selectedJobId: string | undefined = undefined
 	let testJobLoader: TestJobLoader
 	let job: Job | undefined = undefined
@@ -679,6 +698,12 @@
 {/if}
 <Drawer bind:open={saveDrawerOpen} size="800px">
 	<DrawerContent title="Deploy" on:close={() => closeSaveDrawer()}>
+		{#if !onLatest}
+			<Alert title="You're not on the latest app version" type="warning">
+				By deploying, you may overwrite changes made by other users.
+			</Alert>
+			<div class="py-2" />
+		{/if}
 		<span class="text-secondary text-sm font-bold">Summary</span>
 		<div class="w-full pt-2">
 			<!-- svelte-ignore a11y-autofocus -->

frontend/src/routes/(root)/(logged)/apps/edit/[...path]/+page.svelte

@@ -194,6 +194,7 @@
 				policy={app.policy}
 				bind:savedApp
 				{diffDrawer}
+				version={app.versions.length > 0 ? app.versions[app.versions.length - 1] : undefined}
 			/>
 		</div>
 	{/if}