diff --git a/frontend/src/lib/components/FlowMetadata.svelte b/frontend/src/lib/components/FlowMetadata.svelte
index ef090c9afb..bcb880dd0e 100644
--- a/frontend/src/lib/components/FlowMetadata.svelte
+++ b/frontend/src/lib/components/FlowMetadata.svelte
@@ -10,9 +10,13 @@
 	import { Clock, MemoryStick, Calendar, Bot, User, Code2 } from 'lucide-svelte'
 	import BarsStaggered from '$lib/components/icons/BarsStaggered.svelte'
 
-	export let job: Job
 	const SMALL_ICON_SIZE = 14
-	export let scheduleEditor: ScheduleEditor
+	interface Props {
+		job: Job
+		scheduleEditor: ScheduleEditor
+	}
+
+	let { job, scheduleEditor }: Props = $props()
 </script>
 
 <div
@@ -74,11 +78,11 @@
 				<Calendar size={SMALL_ICON_SIZE} class="text-secondary min-w-3.5" />
 				<span class="whitespace-nowrap">
 					Schedule:
-					<!-- svelte-ignore a11y-invalid-attribute -->
+					<!-- svelte-ignore a11y_invalid_attribute -->
 					<a
 						href="#"
 						class="break-words text-blue-600 font-normal"
-						on:click={() =>
+						onclick={() =>
 							scheduleEditor?.openEdit(job.schedule_path ?? '', job.job_kind == 'flow')}
 					>
 						{truncateRev(job.schedule_path, 40)}
diff --git a/frontend/src/lib/components/JobStatus.svelte b/frontend/src/lib/components/JobStatus.svelte
index e97fea156b..a4881df6e8 100644
--- a/frontend/src/lib/components/JobStatus.svelte
+++ b/frontend/src/lib/components/JobStatus.svelte
@@ -10,7 +10,11 @@
 
 	const SMALL_ICON_SIZE = 12
 
-	export let job: QueuedJob | CompletedJob | undefined
+	interface Props {
+		job: QueuedJob | CompletedJob | undefined
+	}
+
+	let { job }: Props = $props()
 </script>
 
 {#if job && 'success' in job && job.success}