{$chatTitle ? `${$chatTitle.length > 30 ? `${$chatTitle.slice(0, 30)}...` : $chatTitle}

{#if $settings?.backgroundImageUrl ?? null}

{/if} {#if $banners.length > 0 && !history.currentId && !$chatId && selectedModels.length <= 1}

{#each $banners.filter( (b) => (b.dismissible ? !JSON.parse(localStorage.getItem('dismissedBannerIds') ?? '[]').includes(b.id) : true) ) as banner} { const bannerId = e.detail; localStorage.setItem( 'dismissedBannerIds', JSON.stringify( [ bannerId, ...JSON.parse(localStorage.getItem('dismissedBannerIds') ?? '[]') ].filter((id) => $banners.find((b) => b.id === id)) ) ); }} /> {/each}

{/if}

{ autoScroll = messagesContainerElement.scrollHeight - messagesContainerElement.scrollTop <= messagesContainerElement.clientHeight + 5; }} >

0} />

{ const model = $models.find((m) => m.id === e); if (model?.info?.meta?.toolIds ?? false) { return [...new Set([...a, ...model.info.meta.toolIds])]; } return a; }, [])} transparentBackground={$settings?.backgroundImageUrl ?? false} {submitPrompt} {stopResponse} {createMessagePair} on:call={async () => { await showControls.set(true); }} />

{ const model = $models.find((m) => m.id === e); if (model) { return [...a, model]; } return a; }, [])} {submitPrompt} {stopResponse} {showMessage} {eventTarget} />

{/if}