refac

src/lib/components/chat/Controls/Controls.svelte

@@ -13,6 +13,8 @@
 	export let models = [];
 	export let chatFiles = [];
 	export let params = {};
+
+	let showValves = false;
 </script>
 
 <div class=" dark:text-white">
@@ -59,9 +61,9 @@
 			<hr class="my-2 border-gray-50 dark:border-gray-700/10" />
 		{/if}
 
-		<Collapsible title={$i18n.t('Valves')} buttonClassName="w-full">
+		<Collapsible bind:open={showValves} title={$i18n.t('Valves')} buttonClassName="w-full">
 			<div class="text-sm" slot="content">
-				<Valves />
+				<Valves show={showValves} />
 			</div>
 		</Collapsible>