{#if !largeScreen} {#if $showControls} showControls.set(false)} className="min-h-[100dvh] !bg-white dark:!bg-gray-850" > {#if $showCallOverlay} showControls.set(false)} /> {:else if $showEmbeds} {:else if $showArtifacts} {:else} {#if showControlsTab} (activeTab = 'controls')} > {$i18n.t('Controls')} {/if} {#if showFilesTab} (activeTab = 'files')} > {$i18n.t('Files')} {/if} {#if showOverviewTab} (activeTab = 'overview')} > {$i18n.t('Overview')} {/if} showControls.set(false)} aria-label={$i18n.t('Close')} > {#if activeTab === 'overview'} { const node = e.node; showMessage(node.data.message, true); }} /> {:else if activeTab === 'files' && terminalFilesAvailable && $selectedTerminalId} {:else if activeTab === 'files' && codeInterpreterEnabled} {:else} {/if} {/if} {/if} {:else} showControls.set(false)} storageKey="chatControlsSize" className="h-full z-10 bg-white dark:bg-gray-900" > {#if $showCallOverlay} showControls.set(false)} /> {:else if $showEmbeds} {:else if $showArtifacts} {:else} {#if showControlsTab} (activeTab = 'controls')} > {$i18n.t('Controls')} {/if} {#if showFilesTab} (activeTab = 'files')} > {$i18n.t('Files')} {/if} {#if showOverviewTab} (activeTab = 'overview')} > {$i18n.t('Overview')} {/if} showControls.set(false)} aria-label={$i18n.t('Close')} > {#if activeTab === 'overview'} { const node = e.node; if (node?.data?.message?.favorite) { history.messages[node.data.message.id].favorite = true; } else { history.messages[node.data.message.id].favorite = null; } showMessage(node.data.message, true); }} /> {:else if activeTab === 'files' && terminalFilesAvailable && $selectedTerminalId} {:else if activeTab === 'files' && codeInterpreterEnabled} {:else} {/if} {/if} {/if}