refac

src/lib/components/common/ToolCallDisplay.svelte

@@ -95,6 +95,19 @@
 
 	$: parsedArgs = parseArguments(args);
 	$: parsedResult = parseJSONString(result);
+
+	const toggleOpen = () => {
+		open = !open;
+	};
+
+	const toggleOpenOnKeydown = (event: KeyboardEvent) => {
+		if (event.key !== 'Enter' && event.key !== ' ') {
+			return;
+		}
+
+		event.preventDefault();
+		toggleOpen();
+	};
 </script>
 
 <div {id} class={className}>
@@ -119,12 +132,12 @@
 		</div>
 	{:else}
 		<!-- Tool call display -->
-		<!-- svelte-ignore a11y-no-static-element-interactions -->
 		<div
 			class="{buttonClassName} cursor-pointer"
-			on:pointerup={() => {
-				open = !open;
-			}}
+			role="button"
+			tabindex="0"
+			on:click={toggleOpen}
+			on:keydown={toggleOpenOnKeydown}
 		>
 			<div
 				class="w-full max-w-full font-normal flex items-center gap-1.5 {isExecuting