llms-py 2.0.9__py3-none-any.whl → 2.0.11__py3-none-any.whl

{llms_py-2.0.9.data → llms_py-2.0.11.data}/data/ui/Main.mjs

@@ -1,197 +1,54 @@
-import { ref, computed, nextTick, watch, onMounted, onUnmounted, provide, inject } from 'vue'
+import { ref, computed, nextTick, watch, onMounted, provide, inject } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { useThreadStore } from './threadStore.mjs'
 import { storageObject, addCopyButtons } from './utils.mjs'
 import { renderMarkdown } from './markdown.mjs'
 import ChatPrompt, { useChatPrompt } from './ChatPrompt.mjs'
-
-const ProviderStatus = {
-    template:`
-        <div 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-116 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="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="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 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 fetch(`/providers/${encodeURIComponent(provider)}`, {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    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([
-                        fetch('/ui.json'),
-                        fetch('/models'),
-                    ])
-                    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,
-        }
-    }
-}
+import SignIn from './SignIn.mjs'
+import Avatar from './Avatar.mjs'
+import ModelSelector from './ModelSelector.mjs'
+import SystemPromptSelector from './SystemPromptSelector.mjs'
+import SystemPromptEditor from './SystemPromptEditor.mjs'
+import { useSettings } from "./SettingsDialog.mjs"
+import Welcome from './Welcome.mjs'
 
 export default {
     components: {
+        ModelSelector,
+        SystemPromptSelector,
+        SystemPromptEditor,
         ChatPrompt,
-        ProviderStatus,
+        SignIn,
+        Avatar,
+        Welcome,
     },
     template: `
         <div class="flex flex-col h-full w-full">
             <!-- Header with model and prompt selectors -->
             <div class="border-b border-gray-200 bg-white px-2 py-2 w-full min-h-16">
                 <div class="flex items-center justify-between w-full">
-                    <!-- Model Selector -->
-                    <div class="pl-1 flex space-x-2">
-                        <Autocomplete id="model" :options="models" v-model="selectedModel" label=""
-                            class="w-72 xl:w-84"
-                            :match="(x, value) => x.toLowerCase().includes(value.toLowerCase())"
-                            placeholder="Select Model...">
-                            <template #item="name">
-                                <div class="truncate max-w-72" :title="name">{{name}}</div>
-                            </template>
-                        </Autocomplete>
-                        <ProviderStatus @updated="configUpdated" />
-                    </div>
+                    <ModelSelector :models="models" v-model="selectedModel" @updated="configUpdated" />
 
-                    <!-- System Prompt Selector -->
                     <div class="flex items-center space-x-2">
-                        <button v-if="selectedPrompt" type="button" title="Clear System Prompt" @click="selectedPrompt = 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" v-model="selectedPrompt" label=""
-                            class="w-72 xl:w-84"
-                            :match="(x, value) => x.name.toLowerCase().includes(value.toLowerCase())"
-                            placeholder="Select a System Prompt...">
-                            <template #item="{ name }">
-                                <div class="truncate max-w-72" :title="name">{{name}}</div>
-                            </template>
-                        </Autocomplete>
-
-                        <!-- Toggle System Prompt Visibility -->
-                        <button
-                            @click="showSystemPrompt = !showSystemPrompt"
-                            :class="showSystemPrompt ? '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="showSystemPrompt ? 'Hide system prompt' : 'Show system prompt'"
-                        >
-                            <svg v-if="!showSystemPrompt" 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>
+                        <SystemPromptSelector :prompts="prompts" v-model="selectedPrompt" 
+                            :show="showSystemPrompt" @toggle="showSystemPrompt = !showSystemPrompt" />
+                        <Avatar />
                     </div>
                 </div>
             </div>
 
-            <!-- System Prompt Editor -->
-            <div v-if="showSystemPrompt" 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="selectedPrompt" class="text-gray-500 font-normal">
-                            ({{ prompts.find(p => p.id === selectedPrompt.id)?.name || 'Custom' }})
-                        </span>
-                    </label>
-                    <textarea
-                        v-model="currentSystemPrompt"
-                        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>
+            <SystemPromptEditor v-if="showSystemPrompt" 
+                v-model="currentSystemPrompt" :prompts="prompts" :selected="selectedPrompt" />
 
             <!-- Messages Area -->
             <div class="flex-1 overflow-y-auto" ref="messagesContainer">
                 <div class="mx-auto max-w-6xl px-4 py-6">
+                    <div v-if="$ai.requiresAuth && !$ai.auth">
+                        <SignIn @done="$ai.signIn($event)" />
+                    </div>
                     <!-- Welcome message when no thread is selected -->
-                    <div v-if="!currentThread" class="text-center py-12">
-                        <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">Welcome to llms.py</h2>
+                    <div v-else-if="!currentThread" class="text-center py-12">
+                        <Welcome />
 
                         <!-- Chat input for new conversation -->
                         <div class="max-w-2xl mx-auto">
@@ -338,7 +195,7 @@ export default {
                         </div>
 
                         <!-- Error message bubble -->
-                        <div v-if="errorMessage" class="flex items-start space-x-3">
+                        <div v-if="errorStatus" class="flex items-start space-x-3">
                             <!-- Avatar outside the bubble -->
                             <div class="flex-shrink-0">
                                 <div class="w-8 h-8 rounded-full bg-red-600 text-white flex items-center justify-center text-sm font-medium">
@@ -350,13 +207,14 @@ export default {
                             <div class="max-w-[85%] rounded-lg px-4 py-3 bg-red-50 border border-red-200 text-red-800 shadow-sm">
                                 <div class="flex items-start space-x-2">
                                     <div class="flex-1 min-w-0">
-                                        <div class="text-base font-medium mb-1">{{ errorStatus || 'Error' }}</div>
-                                        <div class="text-sm whitespace-pre-wrap break-words max-h-80 overflow-y-auto font-mono p-2 rounded">
-                                            {{ errorMessage }}
-                                         </div>
+                                        <div class="text-base font-medium mb-1">{{ errorStatus?.errorCode || 'Error' }}</div>
+                                        <div v-if="errorStatus?.message" class="text-base mb-1">{{ errorStatus.message }}</div>
+                                        <div v-if="errorStatus?.stackTrace" class="text-sm whitespace-pre-wrap break-words max-h-80 overflow-y-auto font-mono p-2 rounded">
+                                            {{ errorStatus.stackTrace }}
+                                        </div>
                                     </div>
                                     <button type="button"
-                                        @click="errorMessage = null"
+                                        @click="errorStatus = null"
                                         class="text-red-400 hover:text-red-600 flex-shrink-0"
                                     >
                                         <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
@@ -379,22 +237,24 @@ export default {
     props: {
     },
     setup(props) {
+        const ai = inject('ai')
         const router = useRouter()
         const route = useRoute()
         const threads = useThreadStore()
         const { currentThread } = threads
         const chatPrompt = useChatPrompt()
+        const chatSettings = useSettings()
         const { 
             errorStatus,
-            errorMessage,
             isGenerating,
         } = chatPrompt
         provide('threads', threads)
         provide('chatPrompt', chatPrompt)
+        provide('chatSettings', chatSettings)
         const models = inject('models')
         const config = inject('config')
 
-        const prefs = storageObject('prefs')
+        const prefs = storageObject(ai.prefsKey)
 
         const customPromptValue = ref('')
         const customPrompt = {
@@ -406,7 +266,7 @@ export default {
         const prompts = computed(() => [customPrompt, ...config.prompts])
 
         const selectedModel = ref(prefs.model || config.defaults.text.model || '')
-        const selectedPrompt = ref(prefs.systemPrompt || '')
+        const selectedPrompt = ref(prefs.systemPrompt || null)
         const currentSystemPrompt = ref('')
         const showSystemPrompt = ref(false)
         const messagesContainer = ref(null)
@@ -448,8 +308,9 @@ export default {
                         currentSystemPrompt.value = thread.systemPrompt
                     }
                 } else {
-                    selectedPrompt.value = null
-                    currentSystemPrompt.value = ''
+                    // Preserve existing selected prompt
+                    // selectedPrompt.value = null
+                    // currentSystemPrompt.value = ''
                 }
             }
 
@@ -468,7 +329,7 @@ export default {
         }, { immediate: true })
 
         watch(() => [selectedModel.value, selectedPrompt.value], () => {
-            localStorage.setItem('prefs', JSON.stringify({
+            localStorage.setItem(ai.prefsKey, JSON.stringify({
                 model: selectedModel.value,
                 systemPrompt: selectedPrompt.value
             }))
@@ -487,7 +348,7 @@ export default {
                 const exportData = {
                     exportedAt: new Date().toISOString(),
                     version: '1.0',
-                    source: 'llms.py',
+                    source: 'ServiceStack.AI.Chat',
                     threadCount: allThreads.length,
                     threads: allThreads
                 }
@@ -499,7 +360,7 @@ export default {
 
                 const link = document.createElement('a')
                 link.href = url
-                link.download = `llms-threads-export-${new Date().toISOString().split('T')[0]}.json`
+                link.download = `aichat-threads-export-${new Date().toISOString().split('T')[0]}.json`
                 document.body.appendChild(link)
                 link.click()
                 document.body.removeChild(link)
@@ -661,7 +522,6 @@ export default {
             showSystemPrompt,
             messagesContainer,
             errorStatus,
-            errorMessage,
             formatTime,
             renderMarkdown,
             isReasoningExpanded,

llms_py-2.0.11.data/data/ui/ModelSelector.mjs

@@ -0,0 +1,29 @@
+import ProviderStatus from "./ProviderStatus.mjs";
+
+export default {
+    components: {
+        ProviderStatus,
+    },
+    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.toLowerCase().includes(value.toLowerCase())"
+                placeholder="Select Model...">
+                <template #item="{ value }">
+                    <div class="truncate max-w-72" :title="value">{{value}}</div>
+                </template>
+            </Autocomplete>
+            <ProviderStatus @updated="$emit('updated', $event)" />
+        </div>
+    `,
+    emits: ['updated', 'update:modelValue'],
+    props: {
+        models: Array,
+        modelValue: String,
+    },
+    setup() {
+    }
+}

llms_py-2.0.11.data/data/ui/ProviderStatus.mjs

@@ -0,0 +1,105 @@
+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_py-2.0.9.data → llms_py-2.0.11.data}/data/ui/Recents.mjs

@@ -46,6 +46,7 @@ const RecentResults = {
         q: String
     },
     setup(props) {
+        const ai = inject('ai')
         const router = useRouter()
         const config = inject('config')
         const { threads, loadThreads } = useThreadStore()
@@ -127,7 +128,7 @@ const RecentResults = {
             return ''
         }
 
-        const open = (id) => router.push(`/c/${id}`)
+        const open = (id) => router.push(`${ai.base}/c/${id}`)
         const formatDate = (iso) => new Date(iso).toLocaleString()
 
         return {