let users decide how close they want to stay to the original picture

src/routes/+page.svelte

@@ -2,6 +2,7 @@
 	import { onMount, tick } from 'svelte';
 
 	let txt = '';
+	let stength = '0.85';
 	let isLoading = false;
 	let isOutputControlAdded = false;
 	let drawingBoard: any;
@@ -97,7 +98,7 @@
 		const { imgFile, imgBitmap: initialSketchBitmap } = await getCanvasSnapshot(canvas);
 		const form = new FormData();
 		form.append('prompt', txt);
-		form.append('strength', '0.85');
+		form.append('strength', strength);
 		form.append('image', imgFile);
 
 		try {
@@ -344,6 +345,14 @@
 					on:keydown={onKeyDown}
 					bind:value={txt}
 				/>
+				<input
+					type="text"
+					class="border-2 py-1"
+					placeholder="0.0 to 1.0"
+					maxlength="10"
+					on:keydown={onKeyDown}
+					bind:value={strength}
+				/>
 				<button
 					on:click={submitRequest}
 					class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-1.5 px-4"