{#if showTokenModal} (showTokenModal = false)} on:submit={(e) => { const formData = new FormData(e.target); hfToken = formData.get('hf-token'); submit(); showTokenModal = false; }} /> {/if} SYSTEM {#each conversations as conversation, index} 1} on:addMessage={addMessage} on:messageValueChanged={(e) => { const { conversationIdx, messageIdx, value } = e.detail; updateMessage(value, conversationIdx, messageIdx); }} on:deleteMessage={(e) => deleteMessage(e.detail)} on:deleteConversation={(e) => deleteConversation(e.detail)} /> {/each} Share 0 tokens · Latency {latency}ms (viewCode = !viewCode)} class="flex h-[39px] items-center gap-2 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:outline-none focus:ring-4 focus:ring-gray-100 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" > {!viewCode ? 'View Code' : 'Hide Code'} { viewCode = false; loading ? abort() : 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:outline-none focus:ring-4 focus:ring-gray-300 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} Cancel {:else} Run ↵ {/if} {#if conversations.length === 1} Compare with... { conversations = [ ...conversations, { id: String(Math.random()), model: e.target.value, config: { temperature: 0.5, maxTokens: 2048, streaming: true, jsonMode: false }, messages: [...conversations[0].messages] } ]; }} > {#each compatibleModels as model} {model.id} {/each} API Quota Free 76% {/if}