llms-py 2.0.18__py3-none-any.whl → 2.0.33__py3-none-any.whl

llms/ui/markdown.mjs

@@ -26,7 +26,7 @@ export const marked = (() => {
 export function renderMarkdown(content) {
     if (content) {
         content = content
-            .replaceAll(`\\[ \\boxed{`,'\n<span class="inline-block text-xl text-blue-500 bg-blue-50 px-3 py-1 rounded">')
+            .replaceAll(`\\[ \\boxed{`,'\n<span class="inline-block text-xl text-blue-500 bg-blue-50 dark:text-blue-400 dark:bg-blue-950 px-3 py-1 rounded">')
             .replaceAll('} \\]','</span>\n')
     }
     return marked.parse(content)
@@ -160,19 +160,19 @@ function thinkTag() {
 
             // Create the expandable, scrollable component with Tailwind CSS
             return `
-    <div class="my-4 border border-gray-200 rounded-lg shadow-sm">
-      <button 
+    <div class="my-4 border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm">
+      <button type="button"
         id="${uniqueId}-toggle"
-        class="flex justify-between items-center w-full py-2 px-4 text-left text-gray-700 font-medium hover:bg-gray-50 focus:outline-none"
+        class="flex justify-between items-center w-full py-2 px-4 text-left text-gray-700 dark:text-gray-300 font-medium hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none"
         onclick="toggleThink('${uniqueId}')">
         <span>Thinking</span>
-        <svg id="${uniqueId}-icon" class="h-5 w-5 text-gray-500 transform transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <svg id="${uniqueId}-icon" class="h-5 w-5 text-gray-500 dark:text-gray-400 transform transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
         </svg>
       </button>
-      <div 
-        id="${uniqueId}-content" 
-        class="hidden overflow-auto max-h-64 px-4 border-t border-gray-200 bg-gray-50"
+      <div
+        id="${uniqueId}-content"
+        class="hidden overflow-auto max-h-64 px-4 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900"
         style="max-height:16rem;">
         ${parsedContent}
       </div>

llms/ui/tailwind.input.css

@@ -43,6 +43,8 @@
     b, strong { font-weight:600; }
     ::-webkit-scrollbar{width:8px;height:8px}
     ::-webkit-scrollbar-thumb{background-color:#ccc}
+    .dark ::-webkit-scrollbar{background:#1f2937}
+    .dark ::-webkit-scrollbar-thumb{background-color:#4b5563}
     [role=dialog].z-10 {
         z-index: 60;
     }

llms/ui/threadStore.mjs

@@ -396,6 +396,41 @@ function getGroupedThreads(total) {
 // Group threads by time periods
 const groupedThreads = computed(() => getGroupedThreads(threads.value.length))
 
+async function getAllRequests() {
+    await initDB()
+
+    const tx = db.transaction(['requests'], 'readonly')
+    const store = tx.objectStore('requests')
+    const allRequests = await store.getAll()
+    return allRequests
+}
+
+async function getRequest(requestId) {
+    await initDB()
+
+    const tx = db.transaction(['requests'], 'readonly')
+    const store = tx.objectStore('requests')
+    const request = await store.get(requestId)
+    return request
+}
+
+async function getAllRequestIds() {
+    await initDB()
+    
+    const tx = db.transaction(['requests'], 'readonly')
+    const store = tx.objectStore('requests')
+    const ids = await store.getAllKeys()
+    return ids
+}
+
+async function getAllThreadIds() {
+    await initDB()
+    const tx = db.transaction(['threads'], 'readonly')
+    const store = tx.objectStore('threads')
+    const ids = await store.getAllKeys()
+    return ids    
+}
+
 // Query requests with pagination and filtering
 async function getRequests(filters = {}, limit = 20, offset = 0) {
     try {
@@ -517,8 +552,12 @@ export function useThreadStore() {
         setCurrentThreadFromRoute,
         clearCurrentThread,
         getGroupedThreads,
+        getRequest,
         getRequests,
+        getAllRequests,
         getFilterOptions,
         deleteRequest,
+        getAllRequestIds,
+        getAllThreadIds,
     }
 }

llms/ui/typography.css

@@ -94,16 +94,18 @@
     border-left-style: solid;
 }
 
-.dark .prose :not(:where([class~="not-prose"] *)), .dark .prose :where(td):not(:where([class~="not-prose"] *)) {
+.dark .prose :where(td):not(:where([class~="not-prose"] *)) {
     color: rgb(209 213 219); /*text-gray-300*/
 }
 .dark .prose :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~="not-prose"] *)) {
     color: rgb(243 244 246); /*text-gray-100*/
 }
-.dark .prose :where(code):not(:where([class~="not-prose"] *)) {
+.dark .prose :where(code):not(:where([class~="not-prose"] *)),
+.dark .message em {
     background-color: rgb(30 58 138); /*text-blue-900*/
     color: rgb(243 244 246); /*text-gray-100*/
 }
+
 .dark .prose :where(pre code):not(:where([class~="not-prose"] *)) {
     background-color: unset;
 }
@@ -130,10 +132,6 @@
 .not-prose { max-width: unset; }
 .prose-table { max-width: 56rem; width: 56rem; padding-left: 1px; overflow-x: auto; }
 .hide-h2+h2 { display:none }
-.hljs, .prose :where(pre):not(:where([class~="not-prose"] *)) .hljs {
-    color: var(--tw-prose-pre-code) !important;
-    background-color: var(--tw-prose-pre-bg) !important;
-}
 @media (min-width: 1024px) {
     .lg\:prose-xl {
         font-size: 1.25rem;
@@ -285,6 +283,12 @@
 .prose pre::-webkit-scrollbar-thumb, .prose code::-webkit-scrollbar-thumb {
     background-color: rgb(100 116 139);
 }
+.dark .prose pre::-webkit-scrollbar, .dark .prose code::-webkit-scrollbar {
+    background: #111827;
+}
+.dark .prose pre::-webkit-scrollbar-thumb, .dark .prose code::-webkit-scrollbar-thumb {
+    background-color: rgb(71 85 105);
+}
 
 .html-format {
     max-width: unset;
@@ -390,6 +394,33 @@ h1:hover .header-anchor, h1 .header-anchor:focus, h2:hover .header-anchor, h2 .h
     font-weight: 600;
 }
 
+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;
+}
+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%;
+}
+
 /* highlight.js - vs.css */
 .hljs {background:white;color:black}
 .hljs-comment,.hljs-quote,.hljs-variable{color:#008000}
@@ -413,38 +444,25 @@ pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5p
 .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;
+/* Dark mode overrides for Chat-specific styles */
+.dark .prose blockquote {
+    border-left-color: #374151;
+    color: #9ca3af;
 }
-.hljs-comment, .hljs-quote {
-    color: rgb(148 163 184); /*text-slate-400*/
+.dark .prose th,
+.dark .prose td {
+    border-color: #374151;
 }
-
-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;
+.dark .prose th {
+    background-color: #1f2937;
 }
-pre code.hljs {
-    display: block;
-    overflow-x: auto;
-    padding: 1em;
+.dark .prose td {
+    background-color: #111827;
 }
-.message pre {
-    max-width: 100%;
-    min-width: auto;
+.hljs-comment, .hljs-quote {
+    color: rgb(148 163 184); /*text-slate-400*/
+}
+.dark .prose > pre, .dark .prose pre code.hljs {
+    background-color: #111827 !important;
+    color: #f3f4f6;
 }
-.message pre code.hljs {
-    overflow-x: unset;
-    width: 100%;
-}