works fine locally, breaks in prod

Author: thomasballinger

src/routes/inputs/Inputs.svelte

@@ -6,7 +6,7 @@
 	const convex = useConvexClient();
 	const serverNumbers = useQuery(api.numbers.get, {});
 
-	let numbers = $state({ a: 0, b: 0, c: 0 });
+	let numbers = $state(serverNumbers.isLoading ? {} : { a: serverNumbers.a, b: serverNumbers.b, c: serverNumbers.c });
 	let pendingMutations = $state(0);
 	let lastMutationPromise: Promise<any> | null = $state(null);
 	let hasUnsentChanges = $state(false);  // Track if we have changes waiting in debounce
@@ -15,7 +15,11 @@
 	$effect(() => {
 	    if (!serverNumbers.isLoading && serverNumbers.data && 
 		pendingMutations === 0 && !hasUnsentChanges) {
-		console.log('Received data from server');
+		console.log('Received data from server:', {
+		    a: serverNumbers.data.a,
+		    b: serverNumbers.data.b,
+		    c: serverNumbers.data.c,
+		});
 		numbers.a = serverNumbers.data.a;
 		numbers.b = serverNumbers.data.b;
 		numbers.c = serverNumbers.data.c;
@@ -29,7 +33,7 @@
 	    pendingMutations++;
 	    hasUnsentChanges = false;
 
-	    console.log('Updating server...', pendingMutations, 'mutations pending');
+	    console.log('Updating server with', numbers, pendingMutations, 'mutations pending');
 	    const currentMutation = convex.mutation(api.numbers.update, {
 		a: numbers.a,
 		b: numbers.b,
@@ -59,6 +63,8 @@
 	// Track changes immediately but debounce the actual mutation
 	let updateTimeout: number | undefined;
 	$effect(() => {
+           if (serverNumbers.isLoading) return;
+
 	    // reference values so this is reactive on them
 	    const currentValues = {
 		a: numbers.a,