fix toggle binding in app

frontend/src/lib/components/Toggle.svelte

@@ -40,6 +40,7 @@
 				{options?.left}
 			</span>
 		{/if}
+
 		<!-- svelte-ignore a11y-click-events-have-key-events -->
 		<div class="relative" on:click|stopPropagation>
 			<input
@@ -47,7 +48,6 @@
 				on:click
 				{disabled}
 				type="checkbox"
-				value={false}
 				{id}
 				class="sr-only peer"
 				bind:checked

frontend/src/lib/components/apps/components/helpers/InputValue.svelte

@@ -72,28 +72,22 @@
 
 	$: lastInput && $worldStore && debounce(handleConnection)
 
-	$: lastInput &&
-		lastInput.type == 'template' &&
-		$stateId &&
-		$state &&
-		debounce(async () => {
-			let nvalue = await getValue(lastInput)
-			if (!deepEqual(nvalue, value)) {
-				value = nvalue
-			}
-			dispatch('done')
-		})
+	const reEvalTemplate = async () => {
+		let nvalue = await getValue(lastInput)
+		if (!deepEqual(nvalue, value)) {
+			value = nvalue
+		}
+	}
 
-	$: lastInput &&
-		lastInput.type == 'eval' &&
-		$stateId &&
-		$state &&
-		debounce2(async () => {
-			let nvalue = await evalExpr(lastInput)
-			if (!deepEqual(nvalue, value)) {
-				value = nvalue
-			}
-		})
+	$: lastInput && lastInput.type == 'template' && $stateId && $state && debounce(reEvalTemplate)
+
+	const reEval = async () => {
+		let nvalue = await evalExpr(lastInput)
+		if (!deepEqual(nvalue, value)) {
+			value = nvalue
+		}
+	}
+	$: lastInput && lastInput.type == 'eval' && $stateId && $state && debounce2(reEval)
 
 	async function handleConnection() {
 		if (lastInput?.type === 'connected') {

frontend/src/lib/components/apps/components/inputs/AppCheckbox.svelte

@@ -57,11 +57,10 @@
 {/each}
 
 <InitializeComponent {id} />
-
 <AlignWrapper {render} {horizontalAlignment} {verticalAlignment}>
 	<Toggle
 		size="sm"
-		checked={resolvedConfig.defaultValue}
+		bind:checked={resolvedConfig.defaultValue}
 		options={{ right: resolvedConfig.label }}
 		textClass={css?.text?.class ?? ''}
 		textStyle={css?.text?.style ?? ''}