llms-py 2.0.20__py3-none-any.whl → 3.0.18__py3-none-any.whl

llms/ui/ModelSelector.mjs

@@ -1,60 +0,0 @@
-import ProviderStatus from "./ProviderStatus.mjs"
-import ProviderIcon from "./ProviderIcon.mjs"
-import { useFormatters } from "@servicestack/vue"
-
-export default {
-    components: {
-        ProviderStatus,
-        ProviderIcon,
-    },
-    template:`
-        <!-- Model Selector -->
-        <div class="pl-1 flex space-x-2">
-            <Autocomplete id="model" :options="models" label=""
-                :modelValue="modelValue" @update:modelValue="$emit('update:modelValue', $event)"
-                class="w-72 xl:w-84"
-                :match="(x, value) => x.id.toLowerCase().includes(value.toLowerCase())"
-                placeholder="Select Model...">
-                <template #item="{ id, provider, provider_model, pricing }">
-                    <div :key="id + provider + provider_model" class="group truncate max-w-72 flex justify-between">
-                        <span :title="id">{{id}}</span>
-                        <span class="flex items-center space-x-1">
-                            <span v-if="pricing && (parseFloat(pricing.input) == 0 && parseFloat(pricing.input) == 0)">
-                                <span class="text-xs text-gray-500" title="Free to use">FREE</span>                            
-                            </span>
-                            <span v-else-if="pricing" class="text-xs text-gray-500" 
-                                :title="'Estimated Cost per token: ' + pricing.input + ' input | ' + pricing.output + ' output'">
-                              {{tokenPrice(pricing.input)}}
-                              &#183;
-                              {{tokenPrice(pricing.output)}} M
-                            </span>
-                            <span :title="provider_model + ' from ' + provider">    
-                                <ProviderIcon :provider="provider" />
-                            </span>
-                        </span>
-                    </div>
-                </template>
-            </Autocomplete>
-            <ProviderStatus @updated="$emit('updated', $event)" />
-        </div>
-    `,
-    emits: ['updated', 'update:modelValue'],
-    props: {
-        models: Array,
-        modelValue: String,
-    },
-    setup() {
-
-        const numFmt = new Intl.NumberFormat(undefined,{style:'currency',currency:'USD'})
-        
-        function tokenPrice(price) {
-            if (!price) return ''
-            var ret = numFmt.format(parseFloat(price) * 1_000_000)
-            return ret.endsWith('.00') ? ret.slice(0, -3) : ret
-        }
-
-        return {
-            tokenPrice
-        }
-    }
-}

llms/ui/ProviderIcon.mjs

@@ -1,29 +0,0 @@
-export default {
-    template:`
-        <svg v-if="matches(['openrouter'])" class="size-5" xmlns="http://www.w3.org/2000/svg" fill="#71717A" fill-rule="evenodd" viewBox="0 0 24 24"><path d="M16.804 1.957l7.22 4.105v.087L16.73 10.21l.017-2.117-.821-.03c-1.059-.028-1.611.002-2.268.11-1.064.175-2.038.577-3.147 1.352L8.345 11.03c-.284.195-.495.336-.68.455l-.515.322-.397.234.385.23.53.338c.476.314 1.17.796 2.701 1.866 1.11.775 2.083 1.177 3.147 1.352l.3.045c.694.091 1.375.094 2.825.033l.022-2.159 7.22 4.105v.087L16.589 22l.014-1.862-.635.022c-1.386.042-2.137.002-3.138-.162-1.694-.28-3.26-.926-4.881-2.059l-2.158-1.5a21.997 21.997 0 00-.755-.498l-.467-.28a55.927 55.927 0 00-.76-.43C2.908 14.73.563 14.116 0 14.116V9.888l.14.004c.564-.007 2.91-.622 3.809-1.124l1.016-.58.438-.274c.428-.28 1.072-.726 2.686-1.853 1.621-1.133 3.186-1.78 4.881-2.059 1.152-.19 1.974-.213 3.814-.138l.02-1.907z"></path></svg>
-        <svg v-else-if="matches(['anthropic','claude','haiku'])" class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M16.765 5h-3.308l5.923 15h3.23zM7.226 5L1.38 20h3.308l1.307-3.154h6.154l1.23 3.077h3.309L10.688 5zm-.308 9.077l2-5.308l2.077 5.308z"/></svg>
-        <svg v-else-if="matches(['google','gemini'])" class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M3 12a9 9 0 0 0 9-9a9 9 0 0 0 9 9a9 9 0 0 0-9 9a9 9 0 0 0-9-9Z"/></svg>
-        <svg v-else-if="matches(['grok','xai'])" class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" fill-rule="evenodd"><path d="M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47zm-.004 7.9l2.233 3.164L6.467 23H2l4.465-6.324zM22 2.582V23h-3.659V7.764L22 2.582zM22 1l-9.952 14.095-2.233-3.163L17.533 1H22z"></path></svg>
-        <svg v-else-if="matches(['zai','glm'])" class="size-5" xmlns="http://www.w3.org/2000/svg" fill="currentColor" fill-rule="evenodd" viewBox="0 0 24 24"><title>Z.ai</title><path d="M12.105 2L9.927 4.953H.653L2.83 2h9.276zM23.254 19.048L21.078 22h-9.242l2.174-2.952h9.244zM24 2L9.264 22H0L14.736 2H24z"></path></svg>
-        <svg v-else-if="matches(['qwen'])" class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9 2h3.5L14 4.5h5.13L20.5 7m1.5 7.5l-1.645 2.663h-2.477L15 22h-3.217M5 20l-1.5-2.5l1-3l-2.5-5L4 7"/><path d="m19.19 9.662l1.31-2.661H10l1-2l-2-3l-2.251 5H4l5 10H6l-1 3h5.5l1.252 2l5.65-9.935L18.94 14.5H22z"/><path d="M12 15.5L9 10h6z"/></g></svg>
-        <svg v-else-if="matches(['mistral','codestral'])" class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 233"><path d="M186.182 0h46.545v46.545h-46.545z"/><path fill="#f7d046" d="M209.455 0H256v46.545h-46.545z"/><path d="M0 0h46.545v46.545H0zm0 46.545h46.545V93.09H0zm0 46.546h46.545v46.545H0zm0 46.545h46.545v46.545H0zm0 46.546h46.545v46.545H0z"/><path fill="#f7d046" d="M23.273 0h46.545v46.545H23.273z"/><path fill="#f2a73b" d="M209.455 46.545H256V93.09h-46.545zm-186.182 0h46.545V93.09H23.273z"/><path d="M139.636 46.545h46.545V93.09h-46.545z"/><path fill="#f2a73b" d="M162.909 46.545h46.545V93.09h-46.545zm-93.091 0h46.545V93.09H69.818z"/><path fill="#ee792f" d="M116.364 93.091h46.545v46.545h-46.545zm46.545 0h46.545v46.545h-46.545zm-93.091 0h46.545v46.545H69.818z"/><path d="M93.091 139.636h46.545v46.545H93.091z"/><path fill="#eb5829" d="M116.364 139.636h46.545v46.545h-46.545z"/><path fill="#ee792f" d="M209.455 93.091H256v46.545h-46.545zm-186.182 0h46.545v46.545H23.273z"/><path d="M186.182 139.636h46.545v46.545h-46.545z"/><path fill="#eb5829" d="M209.455 139.636H256v46.545h-46.545z"/><path d="M186.182 186.182h46.545v46.545h-46.545z"/><path fill="#eb5829" d="M23.273 139.636h46.545v46.545H23.273z"/><path fill="#ea3326" d="M209.455 186.182H256v46.545h-46.545zm-186.182 0h46.545v46.545H23.273z"/></svg>
-        <svg v-else-if="matches(['groq'])" class="size-5" xmlns="http://www.w3.org/2000/svg" fill="currentColor" fill-rule="evenodd" viewBox="0 0 24 24"><path d="M12.036 2c-3.853-.035-7 3-7.036 6.781-.035 3.782 3.055 6.872 6.908 6.907h2.42v-2.566h-2.292c-2.407.028-4.38-1.866-4.408-4.23-.029-2.362 1.901-4.298 4.308-4.326h.1c2.407 0 4.358 1.915 4.365 4.278v6.305c0 2.342-1.944 4.25-4.323 4.279a4.375 4.375 0 01-3.033-1.252l-1.851 1.818A7 7 0 0012.029 22h.092c3.803-.056 6.858-3.083 6.879-6.816v-6.5C18.907 4.963 15.817 2 12.036 2z"></path></svg>
-        <svg v-else-if="matches(['llama'])" class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" fill-rule="evenodd">
-            <path d="M7.905 1.09c.216.085.411.225.588.41.295.306.544.744.734 1.263.191.522.315 1.1.362 1.68a5.054 5.054 0 012.049-.636l.051-.004c.87-.07 1.73.087 2.48.474.101.053.2.11.297.17.05-.569.172-1.134.36-1.644.19-.52.439-.957.733-1.264a1.67 1.67 0 01.589-.41c.257-.1.53-.118.796-.042.401.114.745.368 1.016.737.248.337.434.769.561 1.287.23.934.27 2.163.115 3.645l.053.04.026.019c.757.576 1.284 1.397 1.563 2.35.435 1.487.216 3.155-.534 4.088l-.018.021.002.003c.417.762.67 1.567.724 2.4l.002.03c.064 1.065-.2 2.137-.814 3.19l-.007.01.01.024c.472 1.157.62 2.322.438 3.486l-.006.039a.651.651 0 01-.747.536.648.648 0 01-.54-.742c.167-1.033.01-2.069-.48-3.123a.643.643 0 01.04-.617l.004-.006c.604-.924.854-1.83.8-2.72-.046-.779-.325-1.544-.8-2.273a.644.644 0 01.18-.886l.009-.006c.243-.159.467-.565.58-1.12a4.229 4.229 0 00-.095-1.974c-.205-.7-.58-1.284-1.105-1.683-.595-.454-1.383-.673-2.38-.61a.653.653 0 01-.632-.371c-.314-.665-.772-1.141-1.343-1.436a3.288 3.288 0 00-1.772-.332c-1.245.099-2.343.801-2.67 1.686a.652.652 0 01-.61.425c-1.067.002-1.893.252-2.497.703-.522.39-.878.935-1.066 1.588a4.07 4.07 0 00-.068 1.886c.112.558.331 1.02.582 1.269l.008.007c.212.207.257.53.109.785-.36.622-.629 1.549-.673 2.44-.05 1.018.186 1.902.719 2.536l.016.019a.643.643 0 01.095.69c-.576 1.236-.753 2.252-.562 3.052a.652.652 0 01-1.269.298c-.243-1.018-.078-2.184.473-3.498l.014-.035-.008-.012a4.339 4.339 0 01-.598-1.309l-.005-.019a5.764 5.764 0 01-.177-1.785c.044-.91.278-1.842.622-2.59l.012-.026-.002-.002c-.293-.418-.51-.953-.63-1.545l-.005-.024a5.352 5.352 0 01.093-2.49c.262-.915.777-1.701 1.536-2.269.06-.045.123-.09.186-.132-.159-1.493-.119-2.73.112-3.67.127-.518.314-.95.562-1.287.27-.368.614-.622 1.015-.737.266-.076.54-.059.797.042zm4.116 9.09c.936 0 1.8.313 2.446.855.63.527 1.005 1.235 1.005 1.94 0 .888-.406 1.58-1.133 2.022-.62.375-1.451.557-2.403.557-1.009 0-1.871-.259-2.493-.734-.617-.47-.963-1.13-.963-1.845 0-.707.398-1.417 1.056-1.946.668-.537 1.55-.849 2.485-.849zm0 .896a3.07 3.07 0 00-1.916.65c-.461.37-.722.835-.722 1.25 0 .428.21.829.61 1.134.455.347 1.124.548 1.943.548.799 0 1.473-.147 1.932-.426.463-.28.7-.686.7-1.257 0-.423-.246-.89-.683-1.256-.484-.405-1.14-.643-1.864-.643zm.662 1.21l.004.004c.12.151.095.37-.056.49l-.292.23v.446a.375.375 0 01-.376.373.375.375 0 01-.376-.373v-.46l-.271-.218a.347.347 0 01-.052-.49.353.353 0 01.494-.051l.215.172.22-.174a.353.353 0 01.49.051zm-5.04-1.919c.478 0 .867.39.867.871a.87.87 0 01-.868.871.87.87 0 01-.867-.87.87.87 0 01.867-.872zm8.706 0c.48 0 .868.39.868.871a.87.87 0 01-.868.871.87.87 0 01-.867-.87.87.87 0 01.867-.872zM7.44 2.3l-.003.002a.659.659 0 00-.285.238l-.005.006c-.138.189-.258.467-.348.832-.17.692-.216 1.631-.124 2.782.43-.128.899-.208 1.404-.237l.01-.001.019-.034c.046-.082.095-.161.148-.239.123-.771.022-1.692-.253-2.444-.134-.364-.297-.65-.453-.813a.628.628 0 00-.107-.09L7.44 2.3zm9.174.04l-.002.001a.628.628 0 00-.107.09c-.156.163-.32.45-.453.814-.29.794-.387 1.776-.23 2.572l.058.097.008.014h.03a5.184 5.184 0 011.466.212c.086-1.124.038-2.043-.128-2.722-.09-.365-.21-.643-.349-.832l-.004-.006a.659.659 0 00-.285-.239h-.004z"></path>
-        </svg>
-        <svg v-else class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" d="M12.019 16.225L8.35 14.13m3.669 2.096l3.65-2.129m-3.65 2.13L9.183 17.88l-5.196-3a5 5 0 0 1-.714-.498m5.077-.252L5.5 12.5v-6q0-.444.075-.867m2.775 8.496l-.018-4.225m5.97-6.652a5.001 5.001 0 0 0-8.727 2.38m8.727-2.38a5 5 0 0 0-.789.369l-5.196 3l.015 3.283m5.97-6.652a5.001 5.001 0 0 1 6.425 6.367M5.575 5.633a5.001 5.001 0 0 0-2.302 8.748m8.708-6.606l3.669 2.096m-3.67-2.096L8.33 9.904m3.65-2.129l2.836-1.654l5.196 3q.384.223.714.498m-5.077.252L18.5 11.5v6q0 .444-.075.867M15.65 9.871l.018 4.225m-5.97 6.652a5.001 5.001 0 0 0 8.727-2.38m-8.727 2.38a5 5 0 0 0 .789-.369l5.196-3l-.015-3.283m-5.97 6.652a5.001 5.001 0 0 1-6.425-6.367m15.152 3.986a5.001 5.001 0 0 0 2.302-8.748" stroke-width="1"/></svg>
-    `,
-    props: {
-        provider: String,
-    },
-    setup(props) {
-        function matches(providers) {
-            if (!props.provider) return false
-            const providerLower = props.provider.toLowerCase().replace(/[\s-.]+/g, '')
-            return providers.some(provider => providerLower.includes(provider))
-        }
-        return {
-            matches
-        }
-    }
-}

llms/ui/ProviderStatus.mjs

@@ -1,105 +0,0 @@
-import { ref, computed, inject, onMounted, onUnmounted } from "vue"
-
-export default {
-    template:`
-        <div v-if="$ai.isAdmin" ref="triggerRef" class="relative" :key="renderKey">
-            <button type="button" @click="togglePopover" 
-                class="mt-1 flex space-x-2 items-center text-sm font-semibold select-none rounded-sm py-2 px-3 border border-transparent hover:bg-gray-50 hover:shadow hover:border-gray-200">
-                <span class="text-gray-600" :title="models.length + ' models from ' + (config.status.enabled||[]).length + ' enabled providers'">{{models.length}}</span>
-                <div class="cursor-pointer flex items-center" :title="'Enabled:\\n' + (config.status.enabled||[]).map(x => '  ' + x).join('\\n')">
-                    <svg class="size-4 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="currentColor"/></svg>
-                    <span class="text-green-700">{{(config.status.enabled||[]).length}}</span>
-                </div>
-                <div class="cursor-pointer flex items-center" :title="'Disabled:\\n' + (config.status.disabled||[]).map(x => '  ' + x).join('\\n')">
-                    <svg class="size-4 text-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="currentColor"/></svg>
-                    <span class="text-red-700">{{(config.status.disabled||[]).length}}</span>
-                </div>
-            </button>
-            <div v-if="showPopover" ref="popoverRef" class="absolute right-0 mt-2 w-72 max-h-120 overflow-y-auto bg-white border border-gray-200 rounded-md shadow-lg z-10">
-                <div class="divide-y divide-gray-100">
-                    <div v-for="p in allProviders" :key="p" class="flex items-center justify-between px-3 py-2">
-                        <label :for="'chk_' + p" class="cursor-pointer text-sm text-gray-900 truncate mr-2" :title="p">{{ p }}</label>
-                        <div @click="onToggle(p, !isEnabled(p))" class="cursor-pointer group relative inline-flex h-5 w-10 shrink-0 items-center justify-center rounded-full outline-offset-2 outline-green-600 has-focus-visible:outline-2">
-                            <span class="absolute mx-auto h-4 w-9 rounded-full bg-gray-200 inset-ring inset-ring-gray-900/5 transition-colors duration-200 ease-in-out group-has-checked:bg-green-600" />
-                            <span class="absolute left-0 size-5 rounded-full border border-gray-300 bg-white shadow-xs transition-transform duration-200 ease-in-out group-has-checked:translate-x-5" />
-                            <input :id="'chk_' + p" type="checkbox" :checked="isEnabled(p)" class="switch cursor-pointer absolute inset-0 appearance-none focus:outline-hidden" aria-label="Use setting" name="setting" />
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    `,
-    emits: ['updated'],
-    setup(props, { emit }) {
-        const ai = inject('ai')
-        const config = inject('config')
-        const models = inject('models')
-        const showPopover = ref(false)
-        const triggerRef = ref(null)
-        const popoverRef = ref(null)
-        const pending = ref({})
-        const renderKey = ref(0)
-        const allProviders = computed(() => config.status?.all)
-        const isEnabled = (p) => config.status.enabled.includes(p)
-        const togglePopover = () => showPopover.value = !showPopover.value
-
-        const onToggle = async (provider, enable) => {
-            pending.value = { ...pending.value, [provider]: true }
-            try {
-                const res = await ai.post(`/providers/${encodeURIComponent(provider)}`, {
-                    body: JSON.stringify(enable ? { enable: true } : { disable: true })
-                })
-                if (!res.ok) throw new Error(`HTTP ${res.status} ${res.statusText}`)
-                const json = await res.json()
-                config.status.enabled = json.enabled || []
-                config.status.disabled = json.disabled || []
-                if (json.feedback) {
-                    alert(json.feedback)
-                }
-
-                try {
-                    const [configRes, modelsRes] = await Promise.all([
-                        ai.getConfig(),
-                        ai.getModels(),
-                    ])
-                    const newConfig = await configRes.json()
-                    const newModels = await modelsRes.json()
-                    Object.assign(config, newConfig)
-                    models.length = 0
-                    newModels.forEach(m => models.push(m))
-                    emit('updated')
-                    renderKey.value++
-                } catch (e) {
-                    alert(`Failed to reload config: ${e.message}`)
-                }
-
-            } catch (e) {
-                alert(`Failed to ${enable ? 'enable' : 'disable'} ${provider}: ${e.message}`)
-            } finally {
-                pending.value = { ...pending.value, [provider]: false }
-            }
-        }
-
-        const onDocClick = (e) => {
-            const t = e.target
-            if (triggerRef.value?.contains(t)) return
-            if (popoverRef.value?.contains(t)) return
-            showPopover.value = false
-        }
-        onMounted(() => document.addEventListener('click', onDocClick))
-        onUnmounted(() => document.removeEventListener('click', onDocClick))
-        return {
-            renderKey,
-            config,
-            models,
-            showPopover,
-            triggerRef,
-            popoverRef,
-            allProviders,
-            isEnabled,
-            togglePopover,
-            onToggle,
-            pending,
-        }
-    }
-}

llms/ui/SignIn.mjs

@@ -1,64 +0,0 @@
-import { inject, ref } from "vue"
-import { toJsonObject } from "./utils.mjs"
-
-export default {
-    template: `
-    <div class="min-h-full -mt-12 flex flex-col justify-center py-12 sm:px-6 lg:px-8">
-        <div class="sm:mx-auto sm:w-full sm:max-w-md">
-            <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900 dark:text-gray-50">
-                Sign In
-            </h2>
-        </div>
-        <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
-            <ErrorSummary v-if="errorSummary" class="mb-3" :status="errorSummary" />
-            <div class="bg-white dark:bg-black py-8 px-4 shadow sm:rounded-lg sm:px-10">
-                <form @submit.prevent="submit">
-                    <div class="flex flex-1 flex-col justify-between">
-                        <div class="space-y-6">
-                            <fieldset class="grid grid-cols-12 gap-6">
-                                <div class="w-full col-span-12">
-                                    <TextInput id="apiKey" name="apiKey" label="API Key" v-model="apiKey" />
-                                </div>
-                            </fieldset>
-                        </div>
-                    </div>
-                    <div class="mt-8">
-                        <PrimaryButton class="w-full">Sign In</PrimaryButton>
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>     
-    `,
-    emits: ['done'],
-    setup(props, { emit }) {
-        const ai = inject('ai')
-        const apiKey = ref('')
-        const errorSummary = ref()
-        async function submit() {
-            const r = await ai.get('/auth', {
-                headers: { 
-                    'Authorization': `Bearer ${apiKey.value}`
-                },
-            })
-            const txt = await r.text()
-            const json = toJsonObject(txt)
-            // console.log('json', json)
-            if (r.ok) {
-                json.apiKey = apiKey.value
-                emit('done', json)
-            } else {
-                errorSummary.value = json.responseStatus || { 
-                    errorCode: "Unauthorized", 
-                    message: 'Invalid API Key' 
-                }
-            }
-        }
-        
-        return {
-            apiKey,
-            submit,
-            errorSummary,
-        }
-    }
-}

llms/ui/SystemPromptEditor.mjs

@@ -1,31 +0,0 @@
-export default {
-    template:`
-    <div class="border-b border-gray-200 bg-gray-50 px-6 py-4">
-        <div class="max-w-6xl mx-auto">
-            <label class="block text-sm font-medium text-gray-700 mb-2">
-                System Prompt
-                <span v-if="selected" class="text-gray-500 font-normal">
-                    ({{ prompts.find(p => p.id === selected.id)?.name || 'Custom' }})
-                </span>
-            </label>
-            <textarea
-                :value="modelValue" @input="$emit('update:modelValue', $event.target.value)"
-                placeholder="Enter a system prompt to guide AI's behavior..."
-                rows="6"
-                class="block w-full resize-vertical rounded-md border border-gray-300 px-3 py-2 text-sm placeholder-gray-500 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
-            ></textarea>
-            <div class="mt-2 text-xs text-gray-500">
-                You can modify this system prompt before sending messages. Changes will only apply to new conversations.
-            </div>
-        </div>
-    </div>
-    `,
-    emits: ['update:modelValue'],
-    props: {
-        prompts: Array,
-        selected: Object,
-        modelValue: String,
-    },
-    setup() {
-    }
-}

llms/ui/SystemPromptSelector.mjs

@@ -1,36 +0,0 @@
-export default {
-    template:`
-        <button v-if="modelValue" type="button" title="Clear System Prompt" @click="$emit('update:modelValue', null)">
-            <svg class="size-4 text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>
-        </button>
-        
-        <Autocomplete id="prompt" :options="prompts" label=""
-            :modelValue="modelValue" @update:modelValue="$emit('update:modelValue', $event)"
-            class="w-72 xl:w-84"
-            :match="(x, value) => x.name.toLowerCase().includes(value.toLowerCase())"
-            placeholder="Select a System Prompt...">
-            <template #item="{ value }">
-                <div class="truncate max-w-72" :title="value">{{value}}</div>
-            </template>
-        </Autocomplete>
-
-        <!-- Toggle System Prompt Visibility -->
-        <button type="button"
-            @click="$emit('toggle')"
-            :class="show ? 'text-blue-700' : 'text-gray-600'"
-            class="p-1 rounded-md hover:bg-blue-100 hover:text-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-            :title="show ? 'Hide system prompt' : 'Show system prompt'"
-        >
-            <svg v-if="!show" class="size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="currentColor" d="M33.62 17.53c-3.37-6.23-9.28-10-15.82-10S5.34 11.3 2 17.53l-.28.47l.26.48c3.37 6.23 9.28 10 15.82 10s12.46-3.72 15.82-10l.26-.48Zm-15.82 8.9C12.17 26.43 7 23.29 4 18c3-5.29 8.17-8.43 13.8-8.43S28.54 12.72 31.59 18c-3.05 5.29-8.17 8.43-13.79 8.43"/><path fill="currentColor" d="M18.09 11.17A6.86 6.86 0 1 0 25 18a6.86 6.86 0 0 0-6.91-6.83m0 11.72A4.86 4.86 0 1 1 23 18a4.87 4.87 0 0 1-4.91 4.89"/><path fill="none" d="M0 0h36v36H0z"/></svg>
-            <svg v-else class="size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="currentColor" d="M25.19 20.4a6.8 6.8 0 0 0 .43-2.4a6.86 6.86 0 0 0-6.86-6.86a6.8 6.8 0 0 0-2.37.43L18 13.23a5 5 0 0 1 .74-.06A4.87 4.87 0 0 1 23.62 18a5 5 0 0 1-.06.74Z" class="clr-i-outline clr-i-outline-path-1"/><path fill="currentColor" d="M34.29 17.53c-3.37-6.23-9.28-10-15.82-10a16.8 16.8 0 0 0-5.24.85L14.84 10a14.8 14.8 0 0 1 3.63-.47c5.63 0 10.75 3.14 13.8 8.43a17.8 17.8 0 0 1-4.37 5.1l1.42 1.42a19.9 19.9 0 0 0 5-6l.26-.48Z"/><path fill="currentColor" d="m4.87 5.78l4.46 4.46a19.5 19.5 0 0 0-6.69 7.29l-.26.47l.26.48c3.37 6.23 9.28 10 15.82 10a16.9 16.9 0 0 0 7.37-1.69l5 5l1.75-1.5l-26-26Zm9.75 9.75l6.65 6.65a4.8 4.8 0 0 1-2.5.72A4.87 4.87 0 0 1 13.9 18a4.8 4.8 0 0 1 .72-2.47m-1.45-1.45a6.85 6.85 0 0 0 9.55 9.55l1.6 1.6a14.9 14.9 0 0 1-5.86 1.2c-5.63 0-10.75-3.14-13.8-8.43a17.3 17.3 0 0 1 6.12-6.3Z"/><path fill="none" d="M0 0h36v36H0z"/></svg>
-        </button>
-    `,
-    emits: ['updated', 'update:modelValue', 'toggle'],
-    props: {
-        prompts: Array,
-        modelValue: Object,
-        show: Boolean,
-    },
-    setup() {
-    }
-}

llms/ui/Welcome.mjs

@@ -1,8 +0,0 @@
-export default {
-    template: `
-        <div class="mb-2 flex justify-center">
-            <svg class="size-20 text-gray-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M8 2.19c3.13 0 5.68 2.25 5.68 5s-2.55 5-5.68 5a5.7 5.7 0 0 1-1.89-.29l-.75-.26l-.56.56a14 14 0 0 1-2 1.55a.13.13 0 0 1-.07 0v-.06a6.58 6.58 0 0 0 .15-4.29a5.25 5.25 0 0 1-.55-2.16c0-2.77 2.55-5 5.68-5M8 .94c-3.83 0-6.93 2.81-6.93 6.27a6.4 6.4 0 0 0 .64 2.64a5.53 5.53 0 0 1-.18 3.48a1.32 1.32 0 0 0 2 1.5a15 15 0 0 0 2.16-1.71a6.8 6.8 0 0 0 2.31.36c3.83 0 6.93-2.81 6.93-6.27S11.83.94 8 .94"/><ellipse cx="5.2" cy="7.7" fill="currentColor" rx=".8" ry=".75"/><ellipse cx="8" cy="7.7" fill="currentColor" rx=".8" ry=".75"/><ellipse cx="10.8" cy="7.7" fill="currentColor" rx=".8" ry=".75"/></svg>
-        </div>
-        <h2 class="text-2xl font-semibold text-gray-900 mb-2">{{ $ai.welcome }}</h2>
-    `
-}