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/markdown.mjs

@@ -1,11 +1,18 @@
-import { Marked } from "./lib/marked.min.mjs"
-import hljs from "./lib/highlight.min.mjs"
+import { Marked } from "marked"
+import hljs from "highlight.js"
 
 export const marked = (() => {
+    const aliases = {
+        vue: 'html',
+    }
+    
     const ret = new Marked(
         markedHighlight({
             langPrefix: 'hljs language-',
             highlight(code, lang, info) {
+                if (aliases[lang]) {
+                    lang = aliases[lang]
+                }
                 const language = hljs.getLanguage(lang) ? lang : 'plaintext'
                 return hljs.highlight(code, { language }).value
             }

{llms_py-2.0.9.data → llms_py-2.0.11.data}/data/ui/tailwind.input.css

@@ -183,6 +183,9 @@
     /* @tailwindcss/forms css */
     [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='week'],[type='search'],[type='tel'],[type='time'],[type='color'],[multiple],textarea,select
     {-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-width:1px;padding:0.5rem 0.75rem;font-size:1rem}
+    .dark [type='text'],.dark [type='email'],.dark [type='url'],.dark [type='password'],.dark [type='number'],.dark [type='date'],.dark [type='datetime-local'],.dark [type='month'],.dark [type='week'],.dark [type='search'],.dark [type='tel'],.dark [type='time'],.dark [type='color'],.dark [multiple],.dark textarea,.dark select
+    {background-color:var(--color-gray-800)}
+
     [type='text']:focus,[type='email']:focus,[type='url']:focus,[type='password']:focus,[type='number']:focus,[type='date']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='week']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='color']:focus,[multiple]:focus,textarea:focus,select:focus{
         outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
         --tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;
@@ -197,23 +200,29 @@
         background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}
     [multiple]{
         background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;}
-    [type='radio']{
+    [type='checkbox'],[type='radio']{
         -webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;
         vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
         flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-width:1px}
     [type='radio']{border-radius:100%}
-    [type='radio']:focus{
+    [type='checkbox']:focus,[type='radio']:focus{
         outline:2px solid transparent;outline-offset:2px;
         --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;
         --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
         --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
         box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
-    [type='radio']:checked{
+    [type='checkbox']:checked,[type='radio']:checked{
         border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}
+    [type='checkbox']:checked{
+        background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}
     [type='radio']:checked{
         background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}
-    [type='radio']:checked:hover,[type='radio']:checked:focus{
+    [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
         border-color:transparent;background-color:currentColor}
+    [type='checkbox']:indeterminate{
+        background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
+        border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}
+    [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor}
     [type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}
     [type='file']:focus{outline:1px auto -webkit-focus-ring-color;}
     [type='color']{height:2.4rem;padding:2px 3px}

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

@@ -1,5 +1,5 @@
 import { ref, computed } from 'vue'
-import { openDB } from './lib/idb.min.mjs'
+import { openDB } from 'idb'
 import { nextId } from './utils.mjs'
 
 // Thread store for managing chat threads with IndexedDB
@@ -193,7 +193,7 @@ async function setCurrentThreadFromRoute(threadId, router) {
     } else {
         // Thread not found, redirect to home
         if (router) {
-            router.push('/')
+            router.push((globalThis.ai?.base || '') + '/')
         }
         currentThread.value = null
         return null

{llms_py-2.0.9.data → llms_py-2.0.11.data}/data/ui/typography.css

@@ -31,7 +31,7 @@
 .prose :where(h4 strong):not(:where([class~="not-prose"] *)) {font-weight: 700 }
 .prose :where(figure > *):not(:where([class~="not-prose"] *)) {margin-top: 0;margin-bottom: 0 }
 .prose :where(figcaption):not(:where([class~="not-prose"] *)) {color: var(--tw-prose-captions);font-size: .875em;line-height: 1.4285714;margin-top: .8571429em }
-.prose :where(code):not(:where([class~="not-prose"] *)) {color: #3b82f6;font-weight: 400;font-size: .875em;background-color: #eff6ff;border:1px solid #3b83f680;border-radius: .25rem;padding: .2rem .25rem .1rem .25rem }
+.prose :where(code):not(:where([class~="not-prose"] *)) {color: #3b82f6;font-weight: 400;font-size: .875em;background-color: #eff6ff;border:1px solid #3b83f680;border-radius: .25rem;padding: .2rem .25rem .1rem .25rem}
 .prose :where(code):not(:where([class~="not-prose"] *)):before {content: "" }
 .prose :where(code):not(:where([class~="not-prose"] *)):after {content: "" }
 .prose :where(a code):not(:where([class~="not-prose"] *)) {color: var(--tw-prose-links) }
@@ -340,3 +340,111 @@ h1:hover .header-anchor, h1 .header-anchor:focus, h2:hover .header-anchor, h2 .h
     margin: 1rem 0rem;
     line-height: 1;
 }
+
+
+/* Chat-specific styles */
+.prose {
+    max-width: none;
+}
+.prose > pre {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+.prose pre {
+    background-color: #1f2937;
+    color: #f9fafb;
+    border-radius: 0.5rem;
+    padding: 1rem;
+    overflow-x: auto;
+}
+.prose code {
+    /*background-color: #f3f4f6;*/
+    /*color: #1f2937;*/
+    padding: 0.125rem 0.25rem;
+    border-radius: 0.25rem;
+    font-size: 0.875em;
+}
+.prose pre code {
+    background-color: transparent;
+    color: inherit;
+    padding: 0;
+}
+.prose blockquote {
+    border-left: 4px solid #e5e7eb;
+    padding-left: 1rem;
+    font-style: italic;
+    color: #6b7280;
+}
+.prose table {
+    border-collapse: collapse;
+    width: 100%;
+}
+.prose th,
+.prose td {
+    border: 1px solid #e5e7eb;
+    padding: 0.5rem;
+    text-align: left;
+}
+.prose th {
+    background-color: #f9fafb;
+    font-weight: 600;
+}
+
+/* highlight.js - vs.css */
+.hljs {background:white;color:black}
+.hljs-comment,.hljs-quote,.hljs-variable{color:#008000}
+.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#00f}
+.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-addition{color:#a31515}
+.hljs-deletion,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-meta{color:#2b91af}
+.hljs-doctag{color:#808080}
+.hljs-attr{color: #f00}
+.hljs-symbol,.hljs-bullet,.hljs-link{color:#00b0e8}
+.hljs-emphasis{font-style:italic}
+.hljs-strong{font-weight:bold}
+
+/* https://unpkg.com/@highlightjs/cdn-assets/styles/atom-one-dark.min.css */
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}
+.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}
+.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst,.hljs-tag{color:#e06c75}
+.hljs-literal{color:#56b6c2}
+.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}
+.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}
+.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}
+.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
+.hljs-link{text-decoration:underline}
+
+/*highlightjs*/
+.hljs, .prose :where(pre):not(:where([class~="not-prose"] *)) .hljs {
+    color: #e5e7eb !important;
+    background-color: #282c34 !important;
+}
+.hljs-comment, .hljs-quote {
+    color: rgb(148 163 184); /*text-slate-400*/
+}
+
+pre {
+    overflow-x: auto;
+    font-weight: 400;
+    font-size: .875em;
+    line-height: 1.7142857;
+    margin-top: 1.7142857em;
+    margin-bottom: 1.7142857em;
+    border-radius: .375rem;
+    padding: .8571429em 1.1428571em;
+    max-width: calc(100vw - 1rem);
+    min-width: fit-content;
+    background-color: #282c34 !important;
+}
+pre code.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 1em;
+}
+.message pre {
+    max-width: 100%;
+    min-width: auto;
+}
+.message pre code.hljs {
+    overflow-x: unset;
+    width: 100%;
+}

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

@@ -16,11 +16,17 @@ export function toJsonObject(json) {
     }
 }
 
-export function storageArray(key) {
+export function storageArray(key, save) {
+    if (save && Array.isArray(save)) {
+        localStorage.setItem(key, JSON.stringify(save))
+    }
     return toJsonArray(localStorage.getItem(key)) ?? []
 }
 
-export function storageObject(key) {
+export function storageObject(key, save) {
+    if (typeof save == 'object') {
+        localStorage.setItem(key, JSON.stringify(save))
+    }
     return toJsonObject(localStorage.getItem(key)) ?? {}
 }
 

{llms_py-2.0.9.dist-info → llms_py-2.0.11.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: llms-py
-Version: 2.0.9
+Version: 2.0.11
 Summary: A lightweight CLI tool and OpenAI-compatible server for querying multiple Large Language Model (LLM) providers
 Home-page: https://github.com/ServiceStack/llms
 Author: ServiceStack
@@ -97,34 +97,31 @@ pip install aiohttp
 
 ## Quick Start
 
-### 1. Initialize Configuration
-
-Create a default configuration file:
-
-```bash
-llms --init
-```
-
-This saves the latest [llms.json](llms.json) configuration to `~/.llms/llms.json`.
-
-Modify `~/.llms/llms.json` to enable providers, add required API keys, additional models or any custom
-OpenAI-compatible providers.
-
-### 2. Set API Keys
+### 1. Set API Keys
 
 Set environment variables for the providers you want to use:
 
 ```bash
-export OPENROUTER_API_KEY="..."
-export GROQ_API_KEY="..."
-export GOOGLE_API_KEY="..."
-export ANTHROPIC_API_KEY="..."
-export GROK_API_KEY="..."
-export DASHSCOPE_API_KEY="..."
-# ... etc
+export OPENROUTER_FREE_API_KEY="..."
 ```
 
-### 3. Enable Providers
+| Provider        | Variable                  | Description         | Example |
+|-----------------|---------------------------|---------------------|---------|
+| openrouter_free | `OPENROUTER_FREE_API_KEY` | OpenRouter FREE models API key | `sk-or-...` |
+| groq            | `GROQ_API_KEY`            | Groq API key        | `gsk_...` |
+| google_free     | `GOOGLE_FREE_API_KEY`     | Google FREE API key | `AIza...` |
+| codestral       | `CODESTRAL_API_KEY`       | Codestral API key   | `...` |
+| ollama          | N/A                       | No API key required | |
+| openrouter      | `OPENROUTER_API_KEY`      | OpenRouter API key  | `sk-or-...` |
+| google          | `GOOGLE_API_KEY`          | Google API key      | `AIza...` |
+| anthropic       | `ANTHROPIC_API_KEY`       | Anthropic API key   | `sk-ant-...` |
+| openai          | `OPENAI_API_KEY`          | OpenAI API key      | `sk-...` |
+| grok            | `GROK_API_KEY`            | Grok (X.AI) API key | `xai-...` |
+| qwen            | `DASHSCOPE_API_KEY`       | Qwen (Alibaba) API key | `sk-...` |
+| z.ai            | `ZAI_API_KEY`             | Z.ai API key        | `sk-...` |
+| mistral         | `MISTRAL_API_KEY`         | Mistral API key     | `...` |
+
+### 2. Enable Providers
 
 Enable the providers you want to use:
 
@@ -136,7 +133,17 @@ llms --enable openrouter_free google_free groq
 llms --enable openrouter anthropic google openai mistral grok qwen
 ```
 
-### 4. Start Chatting
+### 3. Run UI
+
+Start the UI and an OpenAI compatible API on port **8000**:
+
+```bash
+llms --serve 8000
+```
+
+Launches the UI at `http://localhost:8000` and an OpenAI Endpoint at `http://localhost:8000/v1/chat/completions`.
+
+### 4. Use llms.py CLI
 
 ```bash
 llms "What is the capital of France?"
@@ -144,7 +151,7 @@ llms "What is the capital of France?"
 
 ## Configuration
 
-The configuration file (`llms.json`) defines available providers, models, and default settings. Key sections:
+The configuration file [llms.json](llms.json) is saved to `~/.llms/llms.json` and defines available providers, models, and default settings. Key sections:
 
 ### Defaults
 - `headers`: Common HTTP headers for all requests
@@ -159,6 +166,7 @@ Each provider configuration includes:
 - `base_url`: API endpoint URL
 - `models`: Model name mappings (local name → provider name)
 
+
 ## Command Line Usage
 
 ### Basic Chat

llms_py-2.0.11.dist-info/RECORD

@@ -0,0 +1,40 @@
+llms.py,sha256=Cv-WZps21RTf1s0SrhvNX2koS9_T_Cu76brqD4-09MY,59146
+llms_py-2.0.11.data/data/index.html,sha256=RmvPW7H49tHR3DdQvvSrcR_OeCt1InYd5dirBxfZCpo,2417
+llms_py-2.0.11.data/data/llms.json,sha256=aQFm_lXsPLTWCndE2DNhTY04P576U7NFN9hx5-QwL3E,19582
+llms_py-2.0.11.data/data/requirements.txt,sha256=iv-JIaacmTl-hSho3QmphcKnbRRYx1st47yjz_178Ro,8
+llms_py-2.0.11.data/data/ui.json,sha256=iBOmpNeD5-o8AgUa51ymS-KemovJ7bm9J1fnL0nf8jk,134025
+llms_py-2.0.11.data/data/ui/App.mjs,sha256=hXtUjaL3GrcIHieEK3BzIG72OVzrorBBS4RkE1DOGc4,439
+llms_py-2.0.11.data/data/ui/Avatar.mjs,sha256=3rHpxe_LuCDiNP895F3FOjWx4j377JA9rD1FLluvtgA,851
+llms_py-2.0.11.data/data/ui/Brand.mjs,sha256=ZkJ1Yd9ZgdTbs7f3ezM0UtsHMcm6v4-L-m3avnSXAXU,1184
+llms_py-2.0.11.data/data/ui/ChatPrompt.mjs,sha256=IbfCx3W0SlX8x9lvaFjB1rqJqNkbeUvfqFHP9iKzZ9s,19776
+llms_py-2.0.11.data/data/ui/Main.mjs,sha256=kLNWyXWUgHAaX3C3kVkAHOLvEI3H4bd5k9yMkUIRQPU,27348
+llms_py-2.0.11.data/data/ui/ModelSelector.mjs,sha256=qiI-7DBwif5ipNZtzgaZQ2o_wHc23dBRMY6zVkMOCak,947
+llms_py-2.0.11.data/data/ui/ProviderStatus.mjs,sha256=qF_rPdhyt9GffKdPCJdU0yanrDJ3cw1HLPygFP_KjEs,5744
+llms_py-2.0.11.data/data/ui/Recents.mjs,sha256=hmj7V-RXVw-DqMXjUr3OhFHTYQTkvkEhuNEDTGBf3Qw,8448
+llms_py-2.0.11.data/data/ui/SettingsDialog.mjs,sha256=Jm21s5CcZT97ZEhPc7c1WgnLOLdfSiC1SDroYsh7zM4,18095
+llms_py-2.0.11.data/data/ui/Sidebar.mjs,sha256=ERm2Q7pftKTHLCjf-Q76joy1dsvtNWLoYH-wO2mS1LI,9781
+llms_py-2.0.11.data/data/ui/SignIn.mjs,sha256=df3b-7L3ZIneDGbJWUk93K9RGo40gVeuR5StzT1ZH9g,2324
+llms_py-2.0.11.data/data/ui/SystemPromptEditor.mjs,sha256=2CyIUvkIubqYPyIp5zC6_I8CMxvYINuYNjDxvMz4VRU,1265
+llms_py-2.0.11.data/data/ui/SystemPromptSelector.mjs,sha256=AuEtRwUf_RkGgene3nVA9bw8AeMb-b5_6ZLJCTWA8KQ,3051
+llms_py-2.0.11.data/data/ui/Welcome.mjs,sha256=QFAxN7sjWlhMvOIJCmHjNFCQcvpM_T-b4ze1ld9Hj7I,912
+llms_py-2.0.11.data/data/ui/ai.mjs,sha256=O7YnQUhrlwjT0nYxxV5P439tFLItwerVzNH9TEon99o,2323
+llms_py-2.0.11.data/data/ui/app.css,sha256=1Z4coREGsjMw7lYabejdaG0ZMwPpP5lmjRHRDYygq-g,94964
+llms_py-2.0.11.data/data/ui/fav.svg,sha256=_R6MFeXl6wBFT0lqcUxYQIDWgm246YH_3hSTW0oO8qw,734
+llms_py-2.0.11.data/data/ui/markdown.mjs,sha256=O5UspOeD8-E23rxOLWcS4eyy2YejMbPwszCYteVtuoU,6221
+llms_py-2.0.11.data/data/ui/tailwind.input.css,sha256=P6QxCwbTBAaG2079ddgtFuuXDLIztEkJDFwj0wmOvkk,11978
+llms_py-2.0.11.data/data/ui/threadStore.mjs,sha256=nM53p1E78Jc7tPOoyS3J3SW9F1njcZ-Fw5FlR9l-3yY,7215
+llms_py-2.0.11.data/data/ui/typography.css,sha256=Z5Fe2IQWnh7bu1CMXniYt0SkaN2fXOFlOuniXUW8oGM,19325
+llms_py-2.0.11.data/data/ui/utils.mjs,sha256=UKyaBsuJYEc-MWoL9b1M5-t3x6h5_HV9HsNBoDVtBRw,4226
+llms_py-2.0.11.data/data/ui/lib/highlight.min.mjs,sha256=sG7wq8bF-IKkfie7S4QSyh5DdHBRf0NqQxMOEH8-MT0,127458
+llms_py-2.0.11.data/data/ui/lib/idb.min.mjs,sha256=CeTXyV4I_pB5vnibvJuyXdMs0iVF2ZL0Z7cdm3w_QaI,3853
+llms_py-2.0.11.data/data/ui/lib/marked.min.mjs,sha256=QRHb_VZugcBJRD2EP6gYlVFEsJw5C2fQ8ImMf_pA2_s,39488
+llms_py-2.0.11.data/data/ui/lib/servicestack-client.mjs,sha256=UVafVbzhJ_0N2lzv7rlzIbzwnWpoqXxGk3N3FSKgOOc,54534
+llms_py-2.0.11.data/data/ui/lib/servicestack-vue.mjs,sha256=r_-khYokisXJAIPDLh8Wq6YtcLAY6HNjtJlCZJjLy74,215181
+llms_py-2.0.11.data/data/ui/lib/vue-router.min.mjs,sha256=fR30GHoXI1u81zyZ26YEU105pZgbbAKSXbpnzFKIxls,30418
+llms_py-2.0.11.data/data/ui/lib/vue.min.mjs,sha256=iXh97m5hotl0eFllb3aoasQTImvp7mQoRJ_0HoxmZkw,163811
+llms_py-2.0.11.dist-info/licenses/LICENSE,sha256=rRryrddGfVftpde-rmAZpW0R8IJihqJ8t8wpfDXoKiQ,1549
+llms_py-2.0.11.dist-info/METADATA,sha256=BN8W-DBv0TD1Mbq9GbFt4hwdwgAnqOqjs5bkJtEBQ2Q,28351
+llms_py-2.0.11.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+llms_py-2.0.11.dist-info/entry_points.txt,sha256=svUoTt28bIJeo6Mb1ffDBLyzhD90DWtFbfp0ShyRCgU,35
+llms_py-2.0.11.dist-info/top_level.txt,sha256=gC7hk9BKSeog8gyg-EM_g2gxm1mKHwFRfK-10BxOsa4,5
+llms_py-2.0.11.dist-info/RECORD,,

llms_py-2.0.9.data/data/index.html

@@ -1,64 +0,0 @@
-<html>
-    <head>
-        <title>llms.py</title>
-        <link rel="stylesheet" href="/ui/typography.css">
-        <link rel="stylesheet" href="/ui/app.css">
-        <link rel="icon" type="image/svg" href="/ui/fav.svg">
-    </head>
-    <script type="importmap">
-    {
-        "imports": {
-            "vue": "/ui/lib/vue.min.mjs",
-            "vue-router": "/ui/lib/vue-router.min.mjs",
-            "@servicestack/client": "/ui/lib/servicestack-client.min.mjs",
-            "@servicestack/vue": "/ui/lib/servicestack-vue.min.mjs",
-            "highlight.mjs": "/ui/lib/highlight.min.mjs"
-        }
-    }
-    </script>    
-    <body>
-        <div id="app"></div>
-    </body>
-    <script type="module">
-        import { createApp, defineAsyncComponent } from 'vue'
-        import { createWebHistory, createRouter } from "vue-router"
-        import ServiceStackVue from "@servicestack/vue"
-        import { useThreadStore } from '/ui/threadStore.mjs'
-        import App from '/ui/App.mjs'
-
-        async function init() {
-            // Load models and prompts
-            const { initDB } = useThreadStore()
-            const [_, configRes, modelsRes] = await Promise.all([
-                await initDB(),
-                fetch('/ui.json'),
-                fetch('/models'),
-            ])
-            const config = await configRes.json()
-            const models = await modelsRes.json()
-            return { config, models }
-        }
-
-        const { config, models } = await init()
-        const MainComponent = defineAsyncComponent(() => import('/ui/Main.mjs'))
-        const RecentsComponent = defineAsyncComponent(() => import('/ui/Recents.mjs'))
-
-        const routes = [
-            { path: '/', component: MainComponent },
-            { path: '/c/:id', component: MainComponent },
-            { path: '/recents', component: RecentsComponent  },
-            { path: '/:fallback(.*)*', component: MainComponent }
-        ]
-        const router = createRouter({
-            history: createWebHistory(),
-            routes,
-        })
-        const app = createApp(App, { config, models })
-        app.use(router)
-        app.use(ServiceStackVue)
-        app.provide('config', config)
-        app.provide('models', models)
-
-        app.mount('#app')
-    </script>
-</html>