{#if token.showModal} (token.showModal = false)} on:submit={handleTokenSubmit} /> {/if} system { for (const conversation of session.project.conversations) { conversation.systemMessage.content = e.currentTarget.value; } session.$ = session.$; }} class="absolute inset-x-0 bottom-0 h-full resize-none bg-transparent px-3 pt-10 text-sm outline-hidden" > {#each session.project.conversations as conversation, conversationIdx (conversation)} {#if compareActive} removeCompareModal(conversationIdx)} /> {/if} session.project.conversations[conversationIdx]!, v => (session.project.conversations[conversationIdx] = v) } {viewCode} on:closeCode={() => (viewCode = false)} /> {/each} {#if !compareActive} (viewSettings = !viewSettings)} class="flex h-[39px] items-center gap-1 rounded-lg border border-gray-200 bg-white px-3 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 focus:outline-hidden md:hidden dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700" > {!viewSettings ? "Settings" : "Hide"} {/if} {#snippet trigger(tooltip)} {/snippet} Clear conversation {#each generationStats as { latency, generatedTokensCount }} {generatedTokensCount} tokens · Latency {latency}ms {/each} (viewCode = !viewCode)} class="btn"> {!viewCode ? "View Code" : "Hide Code"} { viewCode = false; loading ? abortManager.abortAll() : submit(); }} type="button" class="flex h-[39px] w-24 items-center justify-center gap-2 rounded-lg px-5 py-2.5 text-sm font-medium text-white focus:ring-4 focus:ring-gray-300 focus:outline-hidden dark:border-gray-700 dark:focus:ring-gray-700 {loading ? 'bg-red-900 hover:bg-red-800 dark:bg-red-600 dark:hover:bg-red-700' : 'bg-black hover:bg-gray-900 dark:bg-blue-600 dark:hover:bg-blue-700'}" > {#if loading} {#if session.project.conversations[0]?.streaming || session.project.conversations[1]?.streaming} Stop {:else} Cancel {/if} {#each { length: 3 } as _, i} {/each} {:else} Run {isMac() ? "⌘" : "Ctrl"}↵ {/if} {#if !compareActive} (selectCompareModelOpen = true)} > Compare Model page showShareModal(session.project)} class="flex items-center gap-1 text-sm text-gray-500 underline decoration-gray-300 hover:text-gray-800 dark:text-gray-400 dark:decoration-gray-600 dark:hover:text-gray-200" > Share {#if token.value} Reset token {/if} API Quota Free 76% {/if} View Docs · Give feedback {#if selectCompareModelOpen} (selectCompareModelOpen = false)} /> {/if}