llms-py 3.0.0b1__py3-none-any.whl → 3.0.0b3__py3-none-any.whl

llms/ui/utils.mjs

@@ -1,37 +1,4 @@
-import { $$, createElement, rightPart, pick } from "@servicestack/client"
-
-const cacheUrlInfo = {}
-
-export function getCacheInfo(url) {
-    return cacheUrlInfo[url]
-}
-export async function fetchCacheInfos(urls) {
-    const infos = {}
-    const fetchInfos = []
-    for (const url of urls) {
-        const info = getCacheInfo(url)
-        if (info) {
-            infos[url] = info
-        } else {
-            fetchInfos.push(fetch(url + "?info"))
-        }
-    }
-    const responses = await Promise.all(fetchInfos)
-    for (let i = 0; i < urls.length; i++) {
-        try {
-            const info = await responses[i].json()
-            setCacheInfo(urls[i], info)
-            infos[urls[i]] = info
-        } catch (e) {
-            console.error('Failed to fetch info for', urls[i], e)
-        }
-    }
-    return infos
-}
-
-export function setCacheInfo(url, info) {
-    cacheUrlInfo[url] = info
-}
+import { rightPart } from "@servicestack/client"
 
 export function toJsonArray(json) {
     try {
@@ -83,19 +50,6 @@ export function fileToDataUri(file) {
     })
 }
 
-export async function uploadFile(file) {
-    const formData = new FormData()
-    formData.append('file', file)
-    const response = await fetch('/upload', {
-        method: 'POST',
-        body: formData
-    })
-    if (!response.ok) {
-        throw new Error(`Upload failed: ${response.statusText}`)
-    }
-    return response.json()
-}
-
 export function serializedClone(obj) {
     try {
         return JSON.parse(JSON.stringify(obj))
@@ -105,6 +59,7 @@ export function serializedClone(obj) {
     }
 }
 
+
 export function deepClone(o) {
     if (o === null || typeof o !== 'object') return o
 
@@ -118,6 +73,7 @@ export function deepClone(o) {
             return structuredClone(o)
         } catch (e) {
             console.warn('structuredClone failed, falling back to JSON:', e)
+            console.log(JSON.stringify(o, undefined, 2))
         }
     }
 
@@ -125,94 +81,82 @@ export function deepClone(o) {
     return serializedClone(o)
 }
 
-export function toModelInfo(model) {
-    if (!model) return undefined
-    const { id, name, provider, cost, modalities } = model
-    return deepClone({ id, name, provider, cost, modalities })
-}
+const currFmt2 = new Intl.NumberFormat(undefined, { style: 'currency', currency: 'USD', maximumFractionDigits: 2 })
+const currFmt6 = new Intl.NumberFormat(undefined, { style: 'currency', currency: 'USD', maximumFractionDigits: 6 })
 
-const numFmt = new Intl.NumberFormat(undefined, { style: 'currency', currency: 'USD', maximumFractionDigits: 6 })
-export function tokenCost(price) {
+export function tokenCost(price, tokens = 1) {
     if (!price) return ''
-    var ret = numFmt.format(parseFloat(price))
+    var ret = currFmt2.format(parseFloat(price) * tokens)
     return ret.endsWith('.00') ? ret.slice(0, -3) : ret
 }
+export function tokenCostLong(price, tokens = 1) {
+    if (!price) return ''
+    const ret = currFmt6.format(parseFloat(price) * tokens)
+    return ret.endsWith('.000000') ? ret.slice(0, -7) : ret
+}
 export function formatCost(cost) {
     if (!cost) return ''
-    return numFmt.format(parseFloat(cost))
+    return currFmt2.format(parseFloat(cost))
 }
-export function statsTitle(stats) {
-    let title = []
-    // Each stat on its own line
-    if (stats.cost) {
-        title.push(`Total Cost: ${formatCost(stats.cost)}`)
-    }
-    if (stats.inputTokens) {
-        title.push(`Input Tokens: ${stats.inputTokens}`)
-    }
-    if (stats.outputTokens) {
-        title.push(`Output Tokens: ${stats.outputTokens}`)
+
+// Accessible in views via $fmt
+export function utilsFormatters() {
+    function relativeTime(timestamp) {
+        const now = new Date()
+        const date = new Date(timestamp)
+        const diffInSeconds = Math.floor((now - date) / 1000)
+
+        if (diffInSeconds < 60) return 'Just now'
+        if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)}m ago`
+        if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)}h ago`
+        if (diffInSeconds < 604800) return `${Math.floor(diffInSeconds / 86400)}d ago`
+
+        return date.toLocaleDateString()
     }
-    if (stats.requests) {
-        title.push(`Requests: ${stats.requests}`)
+    function costLong(cost) {
+        if (!cost) return ''
+        const ret = currFmt6.format(parseFloat(cost))
+        return ret.endsWith('.000000') ? ret.slice(0, -7) : ret
     }
-    if (stats.duration) {
-        title.push(`Duration: ${stats.duration}ms`)
+    function statsTitle(stats) {
+        let title = []
+        // Each stat on its own line
+        if (stats.cost) {
+            title.push(`Total Cost: ${costLong(stats.cost)}`)
+        }
+        if (stats.inputTokens) {
+            title.push(`Input Tokens: ${stats.inputTokens}`)
+        }
+        if (stats.outputTokens) {
+            title.push(`Output Tokens: ${stats.outputTokens}`)
+        }
+        if (stats.requests) {
+            title.push(`Requests: ${stats.requests}`)
+        }
+        if (stats.duration) {
+            title.push(`Duration: ${stats.duration}ms`)
+        }
+        return title.join('\n')
     }
-    return title.join('\n')
-}
-
-const svg = {
-    clipboard: `<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none"><path d="M8 5H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1M8 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M8 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m0 0h2a2 2 0 0 1 2 2v3m2 4H10m0 0l3-3m-3 3l3 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>`,
-    check: `<svg class="w-6 h-6 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>`,
-}
 
-function copyBlock(btn) {
-    // console.log('copyBlock',btn)
-    const label = btn.previousElementSibling
-    const code = btn.parentElement.nextElementSibling
-    label.classList.remove('hidden')
-    label.innerHTML = 'copied'
-    btn.classList.add('border-gray-600', 'bg-gray-700')
-    btn.classList.remove('border-gray-700')
-    btn.innerHTML = svg.check
-    navigator.clipboard.writeText(code.innerText)
-    setTimeout(() => {
-        label.classList.add('hidden')
-        label.innerHTML = ''
-        btn.innerHTML = svg.clipboard
-        btn.classList.remove('border-gray-600', 'bg-gray-700')
-        btn.classList.add('border-gray-700')
-    }, 2000)
-}
-
-export function addCopyButtonToCodeBlocks(sel) {
-    globalThis.copyBlock ??= copyBlock
-    //console.log('addCopyButtonToCodeBlocks', sel, [...$$(sel)].length)
-
-    $$(sel).forEach(code => {
-        let pre = code.parentElement;
-        if (pre.classList.contains('group')) return
-        pre.classList.add('relative', 'group')
-
-        const div = createElement('div', { attrs: { className: 'opacity-0 group-hover:opacity-100 transition-opacity duration-100 flex absolute right-2 -mt-1 select-none' } })
-        const label = createElement('div', { attrs: { className: 'hidden font-sans p-1 px-2 mr-1 rounded-md border border-gray-600 bg-gray-700 text-gray-400' } })
-        const btn = createElement('button', {
-            attrs: {
-                type: 'button',
-                className: 'p-1 rounded-md border block text-gray-500 hover:text-gray-400 border-gray-700 hover:border-gray-600',
-                onclick: 'copyBlock(this)'
-            }
+    function time(timestamp) {
+        return new Date(timestamp).toLocaleTimeString([], {
+            hour: '2-digit',
+            minute: '2-digit'
         })
-        btn.innerHTML = svg.clipboard
-        div.appendChild(label)
-        div.appendChild(btn)
-        pre.insertBefore(div, code)
-    })
-}
+    }
+
 
-export function addCopyButtons() {
-    addCopyButtonToCodeBlocks('.prose pre>code')
+    return {
+        currFmt: currFmt2,
+        tokenCost,
+        tokenCostLong,
+        cost: formatCost,
+        costLong,
+        statsTitle,
+        relativeTime,
+        time,
+    }
 }
 
 /**
@@ -225,4 +169,20 @@ export const nextId = (() => {
         last = (now > last) ? now : last + 1
         return last
     }
-})();
+})();
+
+export function utilsFunctions() {
+    return {
+        nextId,
+        deepClone,
+        toJsonArray,
+        toJsonObject,
+        storageArray,
+        storageObject,
+        fileToBase64,
+        fileToDataUri,
+        serializedClone,
+        deepClone,
+    }
+}
+

{llms_py-3.0.0b1.dist-info → llms_py-3.0.0b3.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: llms-py
-Version: 3.0.0b1
+Version: 3.0.0b3
 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

llms_py-3.0.0b3.dist-info/RECORD

@@ -0,0 +1,65 @@
+llms/__init__.py,sha256=DKwTZDsyYL_wHe7yvLw49Nf8PSgPSyWaeVdotUqSvrQ,84
+llms/__main__.py,sha256=hrBulHIt3lmPm1BCyAEVtB6DQ0Hvc3gnIddhHCmJasg,151
+llms/index.html,sha256=gABCGg8ALHyB8OSH745HXx7U0SrXuNtJry9buUbVDik,2117
+llms/llms.json,sha256=j7CmFdMpzNeo0nCPHHR4djYfzH_AFKKYIAH3cL3TKT8,10641
+llms/main.py,sha256=7Ih99-KuA6fBmrytED6099YFORUVDARWXav2p4bLDOk,124887
+llms/providers-extra.json,sha256=w7_5gB0YUPK0PJNeViM7vRDfNGChXUKMHfGHenVxEkM,10165
+llms/providers.json,sha256=x9Y_17h0aqeFMn3pnbjcZ5SW-RJyxHXH8ZjsUQ3L8aA,253843
+llms/__pycache__/__init__.cpython-312.pyc,sha256=lg2oFc0aKgj536NOJxcIpbCpEWi47ptF8NufPphgUUk,204
+llms/__pycache__/__init__.cpython-313.pyc,sha256=DvmykIYAjV4Xjv5NeC70BA0JIX8qtwEWP2dfzmOBrps,173
+llms/__pycache__/__init__.cpython-314.pyc,sha256=9CxeBz41D_-ezno6pIOsnoMAFzdRX2uZjKkBLUm25RQ,206
+llms/__pycache__/__main__.cpython-312.pyc,sha256=fcu9LVl5nfdSzg9HqoKyDGoDvENeIXKkjygN7FENEGE,321
+llms/__pycache__/__main__.cpython-314.pyc,sha256=IFxtGVpJq_3whKuM5Ln7YMweKFNbHVp8M7VSrLK5h2A,324
+llms/__pycache__/llms.cpython-312.pyc,sha256=S5dFI79JdUe2dQW4ogdB-CCNhudQeFaFGcfKxgJGBms,72080
+llms/__pycache__/main.cpython-312.pyc,sha256=HrqApYAiiBmYN73HIx_Hl2-Xm1Gy7I_0zuR5j86qoRM,104940
+llms/__pycache__/main.cpython-313.pyc,sha256=6NQ__SJ2rC9ItFLKLHL5ewb5RqxLzZabwgczA9wZd-w,74814
+llms/__pycache__/main.cpython-314.pyc,sha256=MYiVCsD1BdoR2lyKK-jmGtT0Y9O_3E7rfPaqJp04CnI,161849
+llms/__pycache__/plugins.cpython-314.pyc,sha256=fer8nTkidG_vQSx80tL2bAvMS0opDom93bewjseFcyg,3560
+llms/providers/anthropic.py,sha256=KBwIPkGFkNCJxlLAY5MzFpEj7AB4d0WwpaOfZfvCrk0,8091
+llms/providers/chutes.py,sha256=TTDfWviHOoNfk2cXnY5UJK_fciRJ2drfz48u67TDmCM,6171
+llms/providers/google.py,sha256=aK9t7iPLmziUx7q6blF_G2MQUHFA1h8t461euxWWtVc,15104
+llms/providers/nvidia.py,sha256=HRcI1-fgMGq5_9s6br9YHVVOIaXRtOGCgUPSCHXB-_0,4355
+llms/providers/openai.py,sha256=zQqxXyF9v7CplmzebFIXd-Xfj7AcP_bIK6G8fPZh2p8,6355
+llms/providers/openrouter.py,sha256=unXvR2KMsosWJe8_7k-JhDM8V_XtVUtnNO2psgtkTNk,3055
+llms/providers/__pycache__/anthropic.cpython-314.pyc,sha256=tRLB3xJoPi0dLXY85JgXcD_DHIwhBcScx08NiHTiwdw,9158
+llms/providers/__pycache__/chutes.cpython-314.pyc,sha256=TFAoyWV3rwvmcVi17ACgdqPY0Vh_kITFJ-IOGAtZp8w,7404
+llms/providers/__pycache__/google.cpython-314.pyc,sha256=mprVq3i-Ma9La9EgUcUh7AXUaPWTBn6STM-w2LZN2Tc,13858
+llms/providers/__pycache__/nvidia.cpython-314.pyc,sha256=pE2P5sz0EjRp3DYy-MiEAf_kq3Ns03Q0f-DQGa8UOXQ,6155
+llms/providers/__pycache__/openai.cpython-314.pyc,sha256=-OnbDtGalUx3NtRU_sAwRL_TvrnKOworTliwS164IUY,8705
+llms/providers/__pycache__/openrouter.cpython-314.pyc,sha256=5zAegKxy40P1uX87T9KhaE5s54UXSq9fjsG0i2n84tc,5078
+llms/ui/App.mjs,sha256=W_rDLlK26t-GbKxSxh5X8727FDaOt7_rPTWnaVw7Cq0,7174
+llms/ui/ai.mjs,sha256=sOzBWe2wpNC7jNI4qZJUp7PsyoT0Wj2awJ2L0nfVvDA,5315
+llms/ui/app.css,sha256=11ENCAUhHgC6wuzHccryCaQseZEOjpdh-c_kLDdIAIo,84747
+llms/ui/ctx.mjs,sha256=p-GEB9rBlU5Vag84dDN0b-4YUJ0jBxqJQPEVGVarj9E,6134
+llms/ui/fav.svg,sha256=_R6MFeXl6wBFT0lqcUxYQIDWgm246YH_3hSTW0oO8qw,734
+llms/ui/index.mjs,sha256=J5g0JXuKeMwS65xr6mMivqUeEtojcQV2hsp5QCqcI4U,3820
+llms/ui/markdown.mjs,sha256=WcYnT7xZFOc-TXbghVGSBjQJdLGTXq9vZ1LEIaYdcao,6611
+llms/ui/tailwind.input.css,sha256=5PiDdc5nyPE9Fheg_PgLnz3RR3C0o5x6M3M-KWVFo-4,14403
+llms/ui/typography.css,sha256=6o7pbMIamRVlm2GfzSStpcOG4T5eFCK_WcQ3RIHKAsU,19587
+llms/ui/utils.mjs,sha256=RN7vYsN-rlaVUzIY91yly9seCeA9V9dtXmEtKzcb9Bs,5276
+llms/ui/lib/chart.js,sha256=dx8FdDX0Rv6OZtZjr9FQh5h-twFsKjfnb-FvFlQ--cU,196176
+llms/ui/lib/charts.mjs,sha256=OPFAifcA4MPRv8pw6I7glVh7Xccv8guio0k35zPBDIY,926
+llms/ui/lib/color.js,sha256=DDG7Pr-qzJHTPISZNSqP_qJR8UflKHEc_56n6xrBugQ,8273
+llms/ui/lib/highlight.min.mjs,sha256=sG7wq8bF-IKkfie7S4QSyh5DdHBRf0NqQxMOEH8-MT0,127458
+llms/ui/lib/idb.min.mjs,sha256=CeTXyV4I_pB5vnibvJuyXdMs0iVF2ZL0Z7cdm3w_QaI,3853
+llms/ui/lib/marked.min.mjs,sha256=QRHb_VZugcBJRD2EP6gYlVFEsJw5C2fQ8ImMf_pA2_s,39488
+llms/ui/lib/servicestack-client.mjs,sha256=UVafVbzhJ_0N2lzv7rlzIbzwnWpoqXxGk3N3FSKgOOc,54534
+llms/ui/lib/servicestack-vue.mjs,sha256=unTA8lM0tKy2PwZiJ8UEvrTuGmei8jNZnmmuQ5MKyV4,216753
+llms/ui/lib/vue-router.min.mjs,sha256=fR30GHoXI1u81zyZ26YEU105pZgbbAKSXbpnzFKIxls,30418
+llms/ui/lib/vue.min.mjs,sha256=iXh97m5hotl0eFllb3aoasQTImvp7mQoRJ_0HoxmZkw,163811
+llms/ui/lib/vue.mjs,sha256=dS8LKOG01t9CvZ04i0tbFXHqFXOO_Ha4NmM3BytjQAs,537071
+llms/ui/modules/analytics.mjs,sha256=ZV5ybl4jnzRtHMV04V3OIX-HgiHd2aby3IHzEemkucs,73909
+llms/ui/modules/layout.mjs,sha256=WTy85_8rSyBQooo2f5baw98RzNhpecw4pDpfhEgKv4s,12105
+llms/ui/modules/model-selector.mjs,sha256=dekgCdaqoWX_9fnpI8mhd6lU25JV7vxBoVQVVuF2p-I,67474
+llms/ui/modules/chat/ChatBody.mjs,sha256=GzHimS-haJPF7oqcqViTlOLWgardbetfNGMarTXBWxI,43368
+llms/ui/modules/chat/SettingsDialog.mjs,sha256=N_Xnd9eXkXuw8cVaKR77k16TgOitB9btInW8Qp-WK7U,19929
+llms/ui/modules/chat/index.mjs,sha256=wQWTo54kGRcA68wCjSY-VOPheQTGlxmAOn-LGR76Qnk,33765
+llms/ui/modules/threads/Recents.mjs,sha256=xiN5K9SYc0oJug60m6g_lPVw-75lNkp1ATuVUYgIgX8,8826
+llms/ui/modules/threads/index.mjs,sha256=0ZwVb6W2BT3mwK5bwKgtlJEGJ9IAnQr7qk3XNG1LnFU,11397
+llms/ui/modules/threads/threadStore.mjs,sha256=cGm6g4dn5q0u_K6Bu5xuoAmBuURquubK7R4ahSKNC_E,16886
+llms_py-3.0.0b3.dist-info/licenses/LICENSE,sha256=bus9cuAOWeYqBk2OuhSABVV1P4z7hgrEFISpyda_H5w,1532
+llms_py-3.0.0b3.dist-info/METADATA,sha256=1iKo8N7Owhqbsr3nemrVRlcmZl07jLlkQtT-Q2vTzFw,2193
+llms_py-3.0.0b3.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+llms_py-3.0.0b3.dist-info/entry_points.txt,sha256=WswyE7PfnkZMIxboC-MS6flBD6wm-CYU7JSUnMhqMfM,40
+llms_py-3.0.0b3.dist-info/top_level.txt,sha256=gC7hk9BKSeog8gyg-EM_g2gxm1mKHwFRfK-10BxOsa4,5
+llms_py-3.0.0b3.dist-info/RECORD,,

llms/ui/Avatar.mjs

@@ -1,85 +0,0 @@
-import { computed, inject, ref, onMounted, onUnmounted } from "vue"
-
-export default {
-    template:`
-        <div v-if="$ai.auth?.profileUrl" class="relative" ref="avatarContainer">
-            <img
-                @click.stop="toggleMenu"
-                :src="$ai.auth.profileUrl"
-                :title="authTitle"
-                class="size-8 rounded-full cursor-pointer hover:ring-2 hover:ring-gray-300"
-            />
-            <div
-                v-if="showMenu"
-                @click.stop
-                class="absolute right-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-md shadow-lg py-1 z-50 border border-gray-200 dark:border-gray-700"
-            >
-                <div class="px-4 py-2 text-sm text-gray-700 dark:text-gray-300 border-b border-gray-200 dark:border-gray-700">
-                    <div class="font-medium whitespace-nowrap overflow-hidden text-ellipsis">{{ $ai.auth.displayName || $ai.auth.userName }}</div>
-                    <div class="text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap overflow-hidden text-ellipsis">{{ $ai.auth.email }}</div>
-                </div>
-                <button type="button"
-                    @click="handleLogout"
-                    class="w-full text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 flex items-center whitespace-nowrap"
-                >
-                    <svg class="w-4 h-4 mr-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path>
-                    </svg>
-                    Sign Out
-                </button>
-            </div>
-        </div>
-    `,
-    setup() {
-        const ai = inject('ai')
-        const showMenu = ref(false)
-        const avatarContainer = ref(null)
-
-        const authTitle = computed(() => {
-            if (!ai.auth) return ''
-            const { userId, userName, displayName, bearerToken, roles } = ai.auth
-            const name = userName || displayName
-            const prefix = roles && roles.includes('Admin') ? 'Admin' : 'Name'
-            const sb = [
-                name ? `${prefix}: ${name}` : '',
-                `API Key: ${bearerToken}`,
-                `${userId}`,
-            ]
-            return sb.filter(x => x).join('\n')
-        })
-
-        function toggleMenu() {
-            showMenu.value = !showMenu.value
-        }
-
-        async function handleLogout() {
-            showMenu.value = false
-            await ai.signOut()
-            // Reload the page to show sign-in screen
-            window.location.reload()
-        }
-
-        // Close menu when clicking outside
-        const handleClickOutside = (event) => {
-            if (showMenu.value && avatarContainer.value && !avatarContainer.value.contains(event.target)) {
-                showMenu.value = false
-            }
-        }
-
-        onMounted(() => {
-            document.addEventListener('click', handleClickOutside)
-        })
-
-        onUnmounted(() => {
-            document.removeEventListener('click', handleClickOutside)
-        })
-
-        return {
-            authTitle,
-            handleLogout,
-            showMenu,
-            toggleMenu,
-            avatarContainer,
-        }
-    }
-}

llms/ui/Brand.mjs

@@ -1,52 +0,0 @@
-export default {
-    template:`
-    <div class="flex-shrink-0 pl-2 pr-4 py-4 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 min-h-16 select-none">
-        <div class="flex items-center justify-between">
-            <div class="flex items-center space-x-2">
-                <button type="button"
-                    @click="$emit('toggle-sidebar')"
-                    class="group relative text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 focus:outline-none transition-colors"
-                    title="Collapse sidebar"
-                >
-                    <div class="relative size-5">
-                        <!-- Default sidebar icon -->
-                        <svg class="absolute inset-0 group-hover:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                            <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
-                            <line x1="9" y1="3" x2="9" y2="21"></line>
-                        </svg>
-                        <!-- Hover state: |← icon -->
-                        <svg class="absolute inset-0 hidden group-hover:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="m10.071 4.929l1.414 1.414L6.828 11H16v2H6.828l4.657 4.657l-1.414 1.414L3 12zM18.001 19V5h2v14z"/></svg>
-                    </div>
-                </button>
-
-                <button type="button"
-                    @click="$emit('home')"
-                    class="text-lg font-semibold text-gray-900 dark:text-gray-200 hover:text-blue-600 dark:hover:text-blue-400 focus:outline-none transition-colors"
-                    title="Go back to initial state"
-                >
-                    History
-                </button>
-            </div>
-
-            <div class="flex items-center space-x-2">
-                <button type="button"
-                    @click="$emit('analytics')"
-                    class="text-gray-900 dark:text-gray-200 hover:text-blue-600 dark:hover:text-blue-400 focus:outline-none transition-colors"
-                    title="Analytics"
-                >
-                    <svg class="size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M5 22a1 1 0 0 1-1-1v-8a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1m5 0a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v18a1 1 0 0 1-1 1m5 0a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1m5 0a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1"/></svg>
-                </button>
-
-                <button type="button"
-                    @click="$emit('new')"
-                    class="text-gray-900 dark:text-gray-200 hover:text-blue-600 dark:hover:text-blue-400 focus:outline-none transition-colors"
-                    title="New Chat"
-                >
-                    <svg class="size-6" 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="2"><path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z"/></g></svg>
-                </button>
-            </div>
-        </div>
-    </div>
-    `,
-    emits:['home','new','analytics','toggle-sidebar'],
-}