llms-py 3.0.1__py3-none-any.whl → 3.0.3__py3-none-any.whl

llms/ui/ai.mjs

@@ -6,7 +6,7 @@ const headers = { 'Accept': 'application/json' }
 const prefsKey = 'llms.prefs'
 
 export const o = {
-    version: '3.0.1',
+    version: '3.0.3',
     base,
     prefsKey,
     welcome: 'Welcome to llms.py',

llms/ui/app.css

@@ -18,6 +18,12 @@
     --color-red-700: oklch(50.5% 0.213 27.518);
     --color-red-800: oklch(44.4% 0.177 26.899);
     --color-red-900: oklch(39.6% 0.141 25.723);
+    --color-orange-100: oklch(95.4% 0.038 75.164);
+    --color-orange-200: oklch(90.1% 0.076 70.697);
+    --color-orange-400: oklch(75% 0.183 55.934);
+    --color-orange-600: oklch(64.6% 0.222 41.116);
+    --color-orange-800: oklch(47% 0.157 37.304);
+    --color-orange-900: oklch(40.8% 0.123 38.172);
     --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
     --color-yellow-200: oklch(94.5% 0.129 101.54);
@@ -26,6 +32,8 @@
     --color-yellow-500: oklch(79.5% 0.184 86.047);
     --color-yellow-600: oklch(68.1% 0.162 75.834);
     --color-yellow-700: oklch(55.4% 0.135 66.442);
+    --color-yellow-800: oklch(47.6% 0.114 61.907);
+    --color-yellow-900: oklch(42.1% 0.095 57.708);
     --color-green-50: oklch(98.2% 0.018 155.826);
     --color-green-100: oklch(96.2% 0.044 156.743);
     --color-green-200: oklch(92.5% 0.084 155.995);
@@ -125,6 +133,7 @@
     --container-2xl: 42rem;
     --container-3xl: 48rem;
     --container-4xl: 56rem;
+    --container-5xl: 64rem;
     --container-6xl: 72rem;
     --container-7xl: 80rem;
     --text-xs: 0.75rem;
@@ -345,9 +354,6 @@
   .pointer-events-none {
     pointer-events: none;
   }
-  .collapse {
-    visibility: collapse;
-  }
   .invisible {
     visibility: hidden;
   }
@@ -515,6 +521,9 @@
   .-m-2\.5 {
     margin: calc(var(--spacing) * -2.5);
   }
+  .m-2 {
+    margin: calc(var(--spacing) * 2);
+  }
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -730,6 +739,10 @@
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
   }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
   .size-20 {
     width: calc(var(--spacing) * 20);
     height: calc(var(--spacing) * 20);
@@ -905,6 +918,9 @@
   .max-w-4xl {
     max-width: var(--container-4xl);
   }
+  .max-w-5xl {
+    max-width: var(--container-5xl);
+  }
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
@@ -1093,6 +1109,9 @@
   .cursor-default {
     cursor: default;
   }
+  .cursor-help {
+    cursor: help;
+  }
   .cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -1658,6 +1677,9 @@
   .bg-indigo-700 {
     background-color: var(--color-indigo-700);
   }
+  .bg-orange-100 {
+    background-color: var(--color-orange-100);
+  }
   .bg-purple-100 {
     background-color: var(--color-purple-100);
   }
@@ -1889,6 +1911,9 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .p-8 {
+    padding: calc(var(--spacing) * 8);
+  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -2042,6 +2067,9 @@
   .pl-5 {
     padding-left: calc(var(--spacing) * 5);
   }
+  .pl-9 {
+    padding-left: calc(var(--spacing) * 9);
+  }
   .pl-10 {
     padding-left: calc(var(--spacing) * 10);
   }
@@ -2294,6 +2322,12 @@
   .text-indigo-700 {
     color: var(--color-indigo-700);
   }
+  .text-orange-600 {
+    color: var(--color-orange-600);
+  }
+  .text-orange-800 {
+    color: var(--color-orange-800);
+  }
   .text-purple-600 {
     color: var(--color-purple-600);
   }
@@ -2690,6 +2724,10 @@
     --tw-duration: 100ms;
     transition-duration: 100ms;
   }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -2776,6 +2814,13 @@
       }
     }
   }
+  .group-hover\:text-blue-600 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-blue-600);
+      }
+    }
+  }
   .group-hover\:text-gray-400 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -3061,6 +3106,13 @@
       }
     }
   }
+  .hover\:border-blue-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-blue-400);
+      }
+    }
+  }
   .hover\:border-blue-400\/50 {
     &:hover {
       @media (hover: hover) {
@@ -3588,6 +3640,13 @@
       color: var(--color-white);
     }
   }
+  .focus\:placeholder-gray-400 {
+    &:focus {
+      &::placeholder {
+        color: var(--color-gray-400);
+      }
+    }
+  }
   .focus\:ring-0 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, hsl(var(--ring)));
@@ -3980,6 +4039,11 @@
       align-items: center;
     }
   }
+  .sm\:justify-between {
+    @media (width >= 40rem) {
+      justify-content: space-between;
+    }
+  }
   .sm\:gap-2 {
     @media (width >= 40rem) {
       gap: calc(var(--spacing) * 2);
@@ -4305,6 +4369,11 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .lg\:grid-cols-3 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .lg\:grid-cols-4 {
     @media (width >= 64rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -4380,6 +4449,11 @@
       max-width: var(--breakpoint-xl);
     }
   }
+  .\32 xl\:grid-cols-4 {
+    @media (width >= 96rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
   .\32 xl\:grid-cols-5 {
     @media (width >= 96rem) {
       grid-template-columns: repeat(5, minmax(0, 1fr));
@@ -4768,6 +4842,11 @@
       background-color: var(--color-indigo-900);
     }
   }
+  .dark\:bg-orange-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-orange-900);
+    }
+  }
   .dark\:bg-purple-600 {
     &:where(.dark, .dark *) {
       background-color: var(--color-purple-600);
@@ -4868,6 +4947,11 @@
       color: var(--color-black);
     }
   }
+  .dark\:text-blue-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-blue-200);
+    }
+  }
   .dark\:text-blue-300 {
     &:where(.dark, .dark *) {
       color: var(--color-blue-300);
@@ -4994,6 +5078,16 @@
       color: var(--color-indigo-500);
     }
   }
+  .dark\:text-orange-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-orange-200);
+    }
+  }
+  .dark\:text-orange-400 {
+    &:where(.dark, .dark *) {
+      color: var(--color-orange-400);
+    }
+  }
   .dark\:text-purple-300 {
     &:where(.dark, .dark *) {
       color: var(--color-purple-300);
@@ -5175,6 +5269,15 @@
       }
     }
   }
+  .dark\:hover\:border-blue-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-blue-600);
+        }
+      }
+    }
+  }
   .dark\:hover\:border-gray-600 {
     &:where(.dark, .dark *) {
       &:hover {

llms/ui/ctx.mjs

@@ -7,6 +7,7 @@ export class ExtensionScope {
     constructor(ctx, id) {
         /**@type {AppContext} */
         this.ctx = ctx
+        this.router = ctx.router
         this.id = id
         this.baseUrl = `${ctx.ai.base}/ext/${this.id}`
         this.storageKey = `llms.${this.id}`
@@ -29,6 +30,7 @@ export class ExtensionScope {
         return this.ctx.ai.get(combinePaths(this.baseUrl, url), options)
     }
     delete(url, options) {
+        this.ctx.clearError()
         return this.ctx.ai.get(combinePaths(this.baseUrl, url), {
             ...options,
             method: 'DELETE'
@@ -38,41 +40,49 @@ export class ExtensionScope {
         return this.ctx.ai.getJson(combinePaths(this.baseUrl, url), options)
     }
     async deleteJson(url, options) {
+        this.ctx.clearError()
         return this.ctx.ai.getJson(combinePaths(this.baseUrl, url), {
             ...options,
             method: 'DELETE'
         })
     }
     post(url, options) {
+        this.ctx.clearError()
         return this.ctx.ai.post(combinePaths(this.baseUrl, url), options)
     }
     put(url, options) {
+        this.ctx.clearError()
         return this.ctx.ai.post(combinePaths(this.baseUrl, url), {
             ...options,
             method: 'PUT'
         })
     }
     patch(url, options) {
+        this.ctx.clearError()
         return this.ctx.ai.post(combinePaths(this.baseUrl, url), {
             ...options,
             method: 'PATCH'
         })
     }
     async postForm(url, options) {
+        this.ctx.clearError()
         return await this.ctx.ai.postForm(combinePaths(this.baseUrl, url), options)
     }
     async postJson(url, body) {
+        this.ctx.clearError()
         return this.ctx.ai.postJson(combinePaths(this.baseUrl, url), {
             body: body instanceof FormData ? body : JSON.stringify(body)
         })
     }
     async putJson(url, body) {
+        this.ctx.clearError()
         return this.ctx.ai.postJson(combinePaths(this.baseUrl, url), {
             method: 'PUT',
             body: body instanceof FormData ? body : JSON.stringify(body)
         })
     }
     async patchJson(url, body) {
+        this.ctx.clearError()
         return this.ctx.ai.postJson(combinePaths(this.baseUrl, url), {
             method: 'PATCH',
             body: body instanceof FormData ? body : JSON.stringify(body)
@@ -97,6 +107,22 @@ export class ExtensionScope {
     toast(msg) {
         this.ctx.toast(msg)
     }
+    to(route) {
+        if (typeof route == 'string') {
+            route = route.startsWith(this.baseUrl)
+                ? route
+                : combinePaths(this.baseUrl, route)
+            const path = { path: route }
+            console.log(`to/${this.id}`, path)
+            this.router.push(path)
+        } else {
+            route.path = route.path.startsWith(this.baseUrl)
+                ? route.path
+                : combinePaths(this.baseUrl, route.path)
+            console.log(`to/${this.id}`, route)
+            this.router.push(route)
+        }
+    }
 }
 
 export class AppContext {
@@ -119,6 +145,8 @@ export class AppContext {
         this.chatErrorFilters = []
         this.createThreadFilters = []
         this.updateThreadFilters = []
+        this.threadHeaderComponents = {}
+        this.threadFooterComponents = {}
         this.top = {}
         this.left = {}
         this.layout = reactive(storageObject(`llms.layout`))
@@ -279,6 +307,12 @@ export class AppContext {
         this.toggleLayout('left', toggle)
         return toggle
     }
+    setThreadHeaders(components) {
+        Object.assign(this.threadHeaderComponents, components)
+    }
+    setThreadFooters(components) {
+        Object.assign(this.threadFooterComponents, components)
+    }
 
     createErrorStatus(status) {
         return this.ai.createErrorStatus(status)

llms/ui/index.mjs

@@ -7,6 +7,7 @@ import ai from './ai.mjs'
 import LayoutModule from './modules/layout.mjs'
 import ChatModule from './modules/chat/index.mjs'
 import ModelSelectorModule from './modules/model-selector.mjs'
+import IconsModule from './modules/icons.mjs'
 import { utilsFunctions, utilsFormatters } from './utils.mjs'
 import { marked, markdownFormatters } from './markdown.mjs'
 import { AppContext } from './ctx.mjs'
@@ -18,6 +19,7 @@ const BuiltInModules = {
     LayoutModule,
     ChatModule,
     ModelSelectorModule,
+    IconsModule,
 }