system
{ if (!projects.current) return; projects.update({ ...projects.current, systemMessage: e.currentTarget.value }); }} class="absolute inset-x-0 bottom-0 h-full resize-none bg-transparent px-3 pt-10 text-sm outline-hidden" >
{#each conversations.active as conversation, conversationIdx (conversation)}
{#if compareActive}
conversations.delete(conversation.data)} /> {/if}
(viewCode = false)} />
{/each}
{#if !viewCode}
{/if}
{#if !compareActive}
(viewSettings = !viewSettings)} class="flex h-[28px]! items-center gap-1 rounded-lg border border-gray-200 bg-white px-2 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-700 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 iterate(conversations.generationStats) as [{ latency, tokens, cost }, isLast]} {@const baLeft = observed["bottom-actions"].rect.left} {@const tceRight = observed["token-count-end"].offset.right}
{tokens} tokens · Latency {latency}ms · Cost ${atLeastNDecimals(cost ?? 0, 1)}
{/each}
(viewCode = !viewCode)} class="btn h-[28px]! px-2!" {@attach observe({ name: ObservedElements.BottomActions, useRaf: true })} >
{!viewCode ? "View Code" : "Hide Code"}
{#if !compareActive}
(viewSettings = false)} >
(selectCompareModelOpen = true)} >
Compare
{#if isHFModel(conversations.active[0]?.model)}
Model page
{/if}
(billingModalOpen = true)} />
projects.current && showShareModal(projects.current)} 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
Metrics
{#if token.value} Reset token {:else} Set token {/if}
API Quota
Free
76%
{/if}
View Docs
·
Give feedback
{#if selectCompareModelOpen}
{ const data = { ...conversations.active[0]?.data, projectId: projects.activeId, modelId: m, }; delete data.id; conversations.create(data); }} onClose={() => (selectCompareModelOpen = false)} /> {/if} {#if billingModalOpen}
(billingModalOpen = false)} /> {/if}