llms-py 3.0.0b6__py3-none-any.whl → 3.0.0b8__py3-none-any.whl

llms/providers-extra.json

@@ -1,36 +1,4 @@
 {
-    "minimax": {
-        "models": {
-            "MiniMax-M2.1": {
-                "id": "MiniMax-M2.1",
-                "name": "MiniMax M2.1",
-                "family": "minimax",
-                "attachment": false,
-                "reasoning": true,
-                "tool_call": true,
-                "temperature": true,
-                "release_date": "2025-12-23",
-                "last_updated": "2025-12-23",
-                "modalities": {
-                    "input": [
-                        "text"
-                    ],
-                    "output": [
-                        "text"
-                    ]
-                },
-                "open_weights": true,
-                "cost": {
-                    "input": 0.3,
-                    "output": 1.2
-                },
-                "limit": {
-                    "context": 204800,
-                    "output": 128000
-                }
-            }
-        }
-    },
     "openrouter": {
         "models": {
             "google/gemini-2.5-flash-image": {

llms/ui/App.mjs

@@ -5,7 +5,7 @@ import { AppContext } from "./ctx.mjs"
 // Vertical Sidebar Icons
 const LeftBar = {
     template: `
-        <div class="flex flex-col space-y-2 pt-2.5 px-1">
+        <div class="select-none flex flex-col space-y-2 pt-2.5 px-1">
             <div v-for="(icon, id) in $ctx.left" :key="id" class="relative flex items-center justify-center">
                 <component :is="icon.component" 
                     class="size-7 p-1 cursor-pointer text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 rounded block"
@@ -15,7 +15,7 @@ const LeftBar = {
                     />
                 <div v-if="tooltip === icon.id && !icon.isActive({ ...$layout })" 
                     class="absolute left-full top-1/2 -translate-y-1/2 ml-2 px-2 py-1 text-xs text-white bg-gray-900 dark:bg-gray-800 rounded shadow-md z-50 whitespace-nowrap pointer-events-none" style="z-index: 60">
-                    {{icon.name}}
+                    {{icon.title ?? icon.name}}
                 </div>    
             </div>
         </div>
@@ -31,7 +31,7 @@ const LeftBar = {
 const LeftPanel = {
     template: `
         <div v-if="component" class="flex flex-col h-full border-r border-gray-200 dark:border-gray-700">
-            <button type="button" @click="$emit('toggle-sidebar')" class="absolute top-2 right-2 p-1 rounded-md text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700 lg:hidden z-20">
+            <button type="button" class="absolute top-2 right-2 p-1 rounded-md text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700 lg:hidden z-20">
                 <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
             </button>
             <component :is="component" />
@@ -49,11 +49,11 @@ const LeftPanel = {
 
 const TopBar = {
     template: `
-        <div class="flex space-x-1">
+        <div class="select-none flex space-x-1">
             <div v-for="(icon, id) in $ctx.top" :key="id" class="relative flex items-center justify-center">
                 <component :is="icon.component" 
-                    class="size-7 p-1 cursor-pointer text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 block"
-                    :class="{ 'bg-gray-100 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded' : icon.isActive({ ...$layout }) }" 
+                    class="size-7 p-1 cursor-pointer text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 block border border-transparent"
+                    :class="{ 'bg-gray-100 dark:bg-gray-800 border-gray-300 dark:border-gray-600 rounded' : icon.isActive({ ...$layout }) }" 
                     @mouseenter="tooltip = icon.id"
                     @mouseleave="tooltip = ''"
                     />
@@ -147,15 +147,14 @@ export default {
     template: `
         <div class="flex h-screen">
             <!-- Mobile Overlay -->
-            <div
-                v-if="isMobile && $ctx.layoutVisible('left') && $ai.hasAccess"
+            <div v-if="isMobile && $ctx.layoutVisible('left') && $ai.hasAccess"
                 @click="$ctx.toggleLayout('left')"
-                class="fixed inset-0 bg-black/50 z-40 lg:hidden"
+                :class="$ctx.cls('mobile-overlay', 'fixed inset-0 bg-black/50 z-40 lg:hidden')"
             ></div>
 
-            <div id="sidebar" class="z-100 relative flex bg-gray-50 dark:bg-gray-800">
-                <LeftBar />
-                <LeftPanel
+            <div v-if="$ai.hasAccess" id="sidebar" :class="$ctx.cls('sidebar', 'z-100 relative flex bg-gray-50 dark:bg-gray-800')">
+                <LeftBar id="left-bar" />
+                <LeftPanel id="left-panel"
                     v-if="$ai.hasAccess && $ctx.layoutVisible('left')"
                     :class="[
                         'transition-transform duration-300 ease-in-out z-50',
@@ -164,27 +163,26 @@ export default {
                         'fixed inset-y-0 left-[2.25rem] lg:left-0',
                         'bg-gray-50 dark:bg-gray-800'
                     ]"
-                    @thread-selected="$ctx.toggleLayout('left',false)" @toggle-sidebar="$ctx.toggleLayout('left')"
                 />
             </div>
 
             <!-- Main Area -->
-            <div class="flex-1 flex flex-col">
-                <div class="flex flex-col h-full w-full overflow-hidden">
-                    <div class="py-1 pr-1 flex items-center justify-between shrink-0">
+            <div id="main" :class="$ctx.cls('main', 'flex-1 flex flex-col')">
+                <div id="main-inner" :class="$ctx.cls('main-inner', 'flex flex-col h-full w-full overflow-hidden')">
+                    <div v-if="$ai.hasAccess" id="header" :class="$ctx.cls('header', 'py-1 pr-1 flex items-center justify-between shrink-0')">
                         <div>
                             <ModelSelector :models="$state.models" v-model="$state.selectedModel" />
                         </div>
-                        <TopBar />
+                        <TopBar id="top-bar" />
                     </div>
-                    <TopPanel class="shrink-0" />
-                    <div class="flex-1 overflow-y-auto min-h-0 flex flex-col">
+                    <TopPanel v-if="$ai.hasAccess" id="top-panel" :class="$ctx.cls('top-panel', 'shrink-0')" />
+                    <div id="page" :class="$ctx.cls('page', 'flex-1 overflow-y-auto min-h-0 flex flex-col')">
                         <RouterView class="h-full" />
                     </div>
                 </div>
             </div>
 
-            <component v-if="modal" :is="modal" class="!z-[200]" @done="closeModal" />
+            <component v-if="modal" :is="modal" :class="$ctx.cls('modal', '!z-[200]')" @done="closeModal" />
         </div>
     `,
 }

llms/ui/ai.mjs

@@ -1,11 +1,12 @@
 import { reactive } from "vue"
+import { ApiResult } from "@servicestack/client"
 
 const base = ''
 const headers = { 'Accept': 'application/json' }
 const prefsKey = 'llms.prefs'
 
 export const o = {
-    version: '3.0.0b6',
+    version: '3.0.0b8',
     base,
     prefsKey,
     welcome: 'Welcome to llms.py',
@@ -31,34 +32,56 @@ export const o = {
     },
     async getJson(url, options) {
         const res = await this.get(url, options)
-        let txt = ''
-        try {
-            txt = await res.text()
-            return JSON.parse(txt)
-        } catch (e) {
-            console.error('Failed to parse JSON from GET', url, e, txt)
-            return { responseStatus: { errorCode: 'Error', message: `GET failed: ${e.message ?? e}` } }
-        }
+        return await this.createJsonResult(res, url)
     },
-    post(url, options) {
-        return fetch(this.resolveUrl(url), {
+    async post(url, options) {
+        return await fetch(this.resolveUrl(url), {
             method: 'POST',
             ...options,
             headers: Object.assign({ 'Content-Type': 'application/json' }, this.headers, options?.headers),
         })
     },
+    async postForm(url, options) {
+        return await fetch(this.resolveUrl(url), {
+            method: 'POST',
+            ...options,
+            headers: Object.assign({}, options?.headers),
+        })
+    },
     async postJson(url, options) {
         const res = await this.post(url, options)
+        return await this.createJsonResult(res, url)
+    },
+    async createJsonResult(res, msg = null) {
         let txt = ''
         try {
             txt = await res.text()
-            return JSON.parse(txt)
+            const response = JSON.parse(txt)
+            if (response?.responseStatus?.errorCode) {
+                return new ApiResult({ error: response.responseStatus })
+            }
+            if (!res.ok) {
+                return new ApiResult({ error: { errorCode: 'Error', message: res.statusText } })
+            }
+            return new ApiResult({ response })
         } catch (e) {
-            console.error('Failed to parse JSON from POST', url, e, txt)
-            return { responseStatus: { errorCode: 'Error', message: `POST failed: ${e.message ?? e}` } }
+            console.error('Failed to parse JSON', e, msg, txt)
+            const responseStatus = {
+                errorCode: 'Error',
+                message: `${e.message ?? e}`,
+                stackTrace: msg ? `${msg}\n${txt}` : txt,
+            }
+            return { responseStatus }
         }
     },
-
+    createErrorResult(e) {
+        return new ApiResult({
+            responseStatus: {
+                errorCode: 'Error',
+                message: `${e.message ?? e}`
+            }
+        })
+    },
     async getConfig() {
         return this.get('/config')
     },