{#if tools} {#if Object.keys(tools).length > 0} { tab = 'tools'; }} >

{$i18n.t('Tools')} {Object.keys(tools).length}

{/if} {:else} {/if} {#if toggleFilters && toggleFilters.length > 0} {#each toggleFilters.sort( (a, b) => a.name.localeCompare( b.name, undefined, { sensitivity: 'base' } ) ) as filter, filterIdx (filter.id)} { if (selectedFilterIds.includes(filter.id)) { selectedFilterIds = selectedFilterIds.filter((id) => id !== filter.id); } else { selectedFilterIds = [...selectedFilterIds, filter.id]; } }} >

{#if filter?.icon}

{:else} {/if}

{filter?.name}

{ const state = e.detail; await tick(); }} />

{/each} {/if} {#if showWebSearchButton} { webSearchEnabled = !webSearchEnabled; }} >

{$i18n.t('Web Search')}

{ const state = e.detail; await tick(); }} />

{/if} {#if showImageGenerationButton} { imageGenerationEnabled = !imageGenerationEnabled; }} >

{$i18n.t('Image')}

{ const state = e.detail; await tick(); }} />

{/if} {#if showCodeInterpreterButton} { codeInterpreterEnabled = !codeInterpreterEnabled; }} >

{$i18n.t('Code Interpreter')}

{ const state = e.detail; await tick(); }} />

{/if}

{ tab = ''; }} >

{$i18n.t('Tools')} {Object.keys(tools).length}

{#each Object.keys(tools) as toolId} { tools[toolId].enabled = !tools[toolId].enabled; }} >

{tools[toolId].name}

{ const state = e.detail; await tick(); if (state) { selectedToolIds = [...selectedToolIds, toolId]; } else { selectedToolIds = selectedToolIds.filter((id) => id !== toolId); } }} />

{/each}