webui: Client-side implementation of tool calling with calculator tool and (javascript) code interpreter tool

Author: coder543

tools/server/public/index.html.gz

@@ -40,6 +40,7 @@
 		"@tailwindcss/forms": "^0.5.9",
 		"@tailwindcss/typography": "^0.5.15",
 		"@tailwindcss/vite": "^4.0.0",
+		"@testing-library/svelte": "^5.2.9",
 		"@types/node": "^24",
 		"@vitest/browser": "^3.2.3",
 		"@vitest/coverage-v8": "^3.2.3",

tools/server/webui/package-lock.json

@@ -2,7 +2,8 @@ import { defineConfig } from '@playwright/test';
 
 export default defineConfig({
 	webServer: {
-		command: 'npm run build && http-server ../public -p 8181',
+		command:
+			'npm run build && gzip -dc ../public/index.html.gz > ../public/index.html && http-server ../public -p 8181',
 		port: 8181,
 		timeout: 120000,
 		reuseExistingServer: false

tools/server/webui/package.json

@@ -38,6 +38,7 @@
 		// Event Handlers
 		onAttachmentRemove?: (index: number) => void;
 		onFilesAdd?: (files: File[]) => void;
+		onSend?: () => void;
 		onStop?: () => void;
 		onSubmit?: () => void;
 		onSystemPromptClick?: (draft: { message: string; files: ChatUploadedFile[] }) => void;
@@ -55,13 +56,18 @@
 		value = $bindable(''),
 		onAttachmentRemove,
 		onFilesAdd,
+		onSend,
 		onStop,
 		onSubmit,
 		onSystemPromptClick,
 		onUploadedFileRemove,
 		onValueChange
 	}: Props = $props();
 
+	function submitMessage() {
+		(onSubmit ?? onSend)?.();
+	}
+
 	/**
 	 *
 	 *
@@ -215,7 +221,7 @@
 
 			if (!canSubmit || disabled || isLoading || hasLoadingAttachments) return;
 
-			onSubmit?.();
+			submitMessage();
 		}
 	}
 
@@ -321,7 +327,7 @@
 	onsubmit={(e) => {
 		e.preventDefault();
 		if (!canSubmit || disabled || isLoading || hasLoadingAttachments) return;
-		onSubmit?.();
+		submitMessage();
 	}}
 >
 	<div