attempt to fix params when selecting a image model

Author: 0xGingi

src/lib/components/image/image-generation-modal.svelte

@@ -92,8 +92,11 @@
 		return normalized;
 	});
 
+	let paramsReady = $state(false);
+
 	// Initialize default params when model changes
 	$effect(() => {
+		paramsReady = false;
 		if (currentModel) {
 			const defaults: Record<string, any> = {};
 
@@ -180,7 +183,10 @@
 
 				// Update parent bindable
 				Object.assign(imageParams, newParams);
+				paramsReady = true;
 			});
+		} else {
+			paramsReady = true;
 		}
 	});
 </script>
@@ -204,6 +210,9 @@
 				Please select an image model in the chat to configure settings.
 			</div>
 		{:else}
+			{#if !paramsReady}
+				<div class="text-muted-foreground p-4 text-center text-sm">Loading settings...</div>
+			{:else}
 			<!-- Resolution selector -->
 			{#if currentModel.resolutions && currentModel.resolutions.length > 0}
 				<div class="flex flex-col gap-2">
@@ -300,6 +309,7 @@
 					No configurable settings for this model.
 				</div>
 			{/if}
+			{/if}
 		{/if}
 
 		<div class="flex justify-end pt-4">

src/lib/components/video/video-generation-modal.svelte

@@ -92,8 +92,11 @@
 		return normalized;
 	});
 
+	let paramsReady = $state(false);
+
 	// Initialize default params when model changes
 	$effect(() => {
+		paramsReady = false;
 		if (currentModel) {
 			const defaults: Record<string, any> = {};
 
@@ -145,7 +148,10 @@
 				}
 				// Update parent bindable
 				Object.assign(videoParams, newParams);
+				paramsReady = true;
 			});
+		} else {
+			paramsReady = true;
 		}
 	});
 </script>
@@ -168,6 +174,8 @@
 			<div class="text-muted-foreground p-4 text-center text-sm">
 				Please select a video capable model in the chat to configure settings.
 			</div>
+		{:else if !paramsReady}
+			<div class="text-muted-foreground p-4 text-center text-sm">Loading settings...</div>
 		{:else if normalizedParams.length > 0}
 			{#each normalizedParams as param}
 				<div class="flex flex-col gap-2">