code snippet insertion

src/routes/canvas/chat-node.svelte

@@ -146,6 +146,22 @@
 
 	const characterCount = $derived(data.query?.length || 0);
 
+	function insertCodeSnippet() {
+		const currentQuery = data.query || "";
+		const codeTemplate = "```\n\n```";
+		const newQuery = currentQuery + (currentQuery ? "\n\n" : "") + codeTemplate;
+		updateNodeData(id, { query: newQuery });
+
+		setTimeout(() => {
+			const textarea = document.getElementById(`message-${id}`) as HTMLTextAreaElement;
+			if (textarea) {
+				const cursorPosition = newQuery.length - 4;
+				textarea.focus();
+				textarea.setSelectionRange(cursorPosition, cursorPosition);
+			}
+		}, 0);
+	}
+
 	// Helper function to get actual node dimensions from DOM, converted to flow coordinates
 	function getNodeDimensions(nodeId: string) {
 		const nodeElement = document.querySelector(`[data-id="${nodeId}"]`);
@@ -292,6 +308,7 @@
 							type="button"
 							class="flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-gray-600 transition-colors hover:bg-gray-200 hover:text-gray-900"
 							title="Code snippet"
+							onclick={insertCodeSnippet}
 						>
 							<IconCode class="h-4 w-4" />
 						</button>