| <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') |
| }, |
| web_search: { |
| label: $i18n.t('Web Search'), |
| description: $i18n.t('Search the web and fetch URLs') |
| }, |
| image_generation: { |
| label: $i18n.t('Image Generation'), |
| description: $i18n.t('Generate and edit images') |
| }, |
| code_interpreter: { |
| label: $i18n.t('Code Interpreter'), |
| description: $i18n.t('Execute code') |
| } |
| }; |
| |
| const allTools = Object.keys(toolLabels); |
| |
| export let builtinTools: Record<string, boolean> = {}; |
| |
| |
| $: { |
| 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> |
|
|
