From 3e300bf7115e0113d17274a78ae9347cdad5eb51 Mon Sep 17 00:00:00 2001
From: Satya Patel <satyapatel111@gmail.com>
Date: Sun, 26 Apr 2026 15:32:44 -0700
Subject: [PATCH] fix automation list flicker on initial load

Wait for the Electric SQL automations collection to hydrate before
rendering the body. Without this gate, the empty-state placeholder
flashes for a frame or two before the real rows arrive.
---
 .../routes/_authenticated/_dashboard/automations/page.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/automations/page.tsx b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/automations/page.tsx
index c8fe15af692..5696520e8ff 100644
--- a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/automations/page.tsx
+++ b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/automations/page.tsx
@@ -105,7 +105,7 @@ function AutomationsPage() {
 			),
 	});
 
-	const { data: automationRows = [] } = useLiveQuery(
+	const { data: automationRows = [], isReady: automationsReady } = useLiveQuery(
 		(q) =>
 			q
 				.from({ a: collections.automations })
@@ -228,7 +228,7 @@ function AutomationsPage() {
 			</header>
 
 			<div className="flex-1 overflow-y-auto px-8 py-6">
-				{automations.length === 0 ? (
+				{!automationsReady ? null : automations.length === 0 ? (
 					<AutomationsEmptyState onSelectTemplate={handleSelectTemplate} />
 				) : (
 					<>