enh: builtin tools model editor

2026-01-23 01:40:18 +04:00
parent 443908b14c
commit c46ef3b63b
3 changed files with 125 additions and 24 deletions
@@ -0,0 +1,75 @@
+<script lang="ts">
+	import { getContext } from 'svelte';
+	import Checkbox from '$lib/components/common/Checkbox.svelte';
+	import Tooltip from '$lib/components/common/Tooltip.svelte';
+	import { marked } from 'marked';
+
+	const i18n = getContext('i18n');
+
+	const toolLabels = {
+		time: {
+			label: $i18n.t('Time & Calculation'),
+			description: $i18n.t('Get current time and perform date/time calculations')
+		},
+		memory: {
+			label: $i18n.t('Memory'),
+			description: $i18n.t('Search and manage user memories')
+		},
+		chats: {
+			label: $i18n.t('Chat History'),
+			description: $i18n.t('Search and view user chat history')
+		},
+		notes: {
+			label: $i18n.t('Notes'),
+			description: $i18n.t('Search, view, and manage user notes')
+		},
+		knowledge: {
+			label: $i18n.t('Knowledge Base'),
+			description: $i18n.t('Browse and query knowledge bases')
+		},
+		channels: {
+			label: $i18n.t('Channels'),
+			description: $i18n.t('Search channels and channel messages')
+		}
+	};
+
+	const allTools = Object.keys(toolLabels);
+
+	export let builtinTools: Record<string, boolean> = {};
+
+	// Initialize missing keys to true (default enabled)
+	$: {
+		for (const tool of allTools) {
+			if (!(tool in builtinTools)) {
+				builtinTools[tool] = true;
+			}
+		}
+	}
+</script>
+
+<div>
+	<div class="flex w-full justify-between mb-1">
+		<div class="self-center text-xs font-medium text-gray-500">{$i18n.t('Builtin Tools')}</div>
+	</div>
+	<div class="flex items-center mt-2 flex-wrap">
+		{#each allTools as tool}
+			<div class="flex items-center gap-2 mr-3">
+				<Checkbox
+					state={builtinTools[tool] !== false ? 'checked' : 'unchecked'}
+					on:change={(e) => {
+						builtinTools = {
+							...builtinTools,
+							[tool]: e.detail === 'checked'
+						};
+					}}
+				/>
+
+				<div class="py-0.5 text-sm">
+					<Tooltip content={marked.parse(toolLabels[tool].description)}>
+						{$i18n.t(toolLabels[tool].label)}
+					</Tooltip>
+				</div>
+			</div>
+		{/each}
+	</div>
+</div>