enh: automatic artifacts toggle

src/lib/components/chat/Messages/ContentRenderer.svelte

@@ -4,6 +4,7 @@
 
 	import Markdown from './Markdown.svelte';
 	import LightBlub from '$lib/components/icons/LightBlub.svelte';
+	import { showArtifacts, showControls, showOverview } from '$lib/stores';
 
 	export let id;
 	export let content;
@@ -69,6 +70,13 @@
 		on:update={(e) => {
 			dispatch('update', e.detail);
 		}}
+		on:code={(e) => {
+			const { lang } = e.detail;
+			if (lang === 'html') {
+				showArtifacts.set(true);
+				showControls.set(true);
+			}
+		}}
 	/>
 </div>