llms-py 2.0.26__py3-none-any.whl → 2.0.28__py3-none-any.whl

llms/ui/app.css

@@ -8,6 +8,7 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
     --color-red-50: oklch(97.1% 0.013 17.38);
+    --color-red-100: oklch(93.6% 0.032 17.717);
     --color-red-200: oklch(88.5% 0.062 18.334);
     --color-red-300: oklch(80.8% 0.114 19.571);
     --color-red-400: oklch(70.4% 0.191 22.216);
@@ -16,6 +17,7 @@
     --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-red-950: oklch(25.8% 0.092 26.042);
     --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-yellow-200: oklch(94.5% 0.129 101.54);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
@@ -52,6 +54,7 @@
     --color-blue-700: oklch(48.8% 0.243 264.376);
     --color-blue-800: oklch(42.4% 0.199 265.638);
     --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-blue-950: oklch(28.2% 0.091 267.935);
     --color-indigo-50: oklch(96.2% 0.018 272.314);
     --color-indigo-100: oklch(93% 0.034 272.788);
     --color-indigo-200: oklch(87% 0.065 274.039);
@@ -70,11 +73,13 @@
     --color-violet-900: oklch(38% 0.189 293.745);
     --color-purple-100: oklch(94.6% 0.033 307.174);
     --color-purple-200: oklch(90.2% 0.063 306.703);
+    --color-purple-300: oklch(82.7% 0.119 306.383);
     --color-purple-400: oklch(71.4% 0.203 305.504);
     --color-purple-500: oklch(62.7% 0.265 303.9);
     --color-purple-600: oklch(55.8% 0.288 302.321);
     --color-purple-700: oklch(49.6% 0.265 301.924);
     --color-purple-800: oklch(43.8% 0.218 303.724);
+    --color-purple-900: oklch(38.1% 0.176 304.987);
     --color-slate-50: oklch(98.4% 0.003 247.858);
     --color-slate-200: oklch(92.9% 0.013 255.508);
     --color-slate-400: oklch(70.4% 0.04 256.788);
@@ -1165,6 +1170,9 @@
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
   .bg-red-400 {
     background-color: var(--color-red-400);
   }
@@ -1563,14 +1571,6 @@
   .text-white {
     color: var(--color-white);
   }
-  .text-white\/70 {
-    color: color-mix(in srgb, #fff 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      & {
-        color: color-mix(in oklab, var(--color-white) 70%, transparent);
-      }
-    }
-  }
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
@@ -1658,6 +1658,9 @@
       }
     }
   }
+  .ring-blue-500 {
+    --tw-ring-color: var(--color-blue-500);
+  }
   .ring-indigo-500 {
     --tw-ring-color: var(--color-indigo-500);
   }
@@ -2049,18 +2052,6 @@
       }
     }
   }
-  .hover\:bg-white\/20 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #fff 20%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          & {
-            background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
-          }
-        }
-      }
-    }
-  }
   .hover\:bg-yellow-50 {
     &:hover {
       @media (hover: hover) {
@@ -2215,13 +2206,6 @@
       }
     }
   }
-  .hover\:text-white {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-white);
-      }
-    }
-  }
   .hover\:shadow {
     &:hover {
       @media (hover: hover) {
@@ -2868,6 +2852,21 @@
       }
     }
   }
+  .dark\:border-blue-400 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-blue-400);
+    }
+  }
+  .dark\:border-blue-600 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-blue-600);
+    }
+  }
+  .dark\:border-blue-700 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-blue-700);
+    }
+  }
   .dark\:border-gray-600 {
     &:where(.dark, .dark *) {
       border-color: var(--color-gray-600);
@@ -2883,6 +2882,16 @@
       border-color: var(--color-gray-800);
     }
   }
+  .dark\:border-red-600 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-red-600);
+    }
+  }
+  .dark\:border-red-800 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-red-800);
+    }
+  }
   .dark\:bg-black {
     &:where(.dark, .dark *) {
       background-color: var(--color-black);
@@ -2893,6 +2902,11 @@
       background-color: var(--color-blue-200);
     }
   }
+  .dark\:bg-blue-500 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-blue-500);
+    }
+  }
   .dark\:bg-blue-600 {
     &:where(.dark, .dark *) {
       background-color: var(--color-blue-600);
@@ -2903,11 +2917,41 @@
       background-color: var(--color-blue-800);
     }
   }
+  .dark\:bg-blue-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-blue-900);
+    }
+  }
+  .dark\:bg-blue-900\/30 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        & {
+          background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:bg-blue-950 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-blue-950);
+    }
+  }
   .dark\:bg-cyan-600 {
     &:where(.dark, .dark *) {
       background-color: var(--color-cyan-600);
     }
   }
+  .dark\:bg-gray-200 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-gray-200);
+    }
+  }
+  .dark\:bg-gray-500 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-gray-500);
+    }
+  }
   .dark\:bg-gray-700 {
     &:where(.dark, .dark *) {
       background-color: var(--color-gray-700);
@@ -2933,6 +2977,16 @@
       background-color: var(--color-green-600);
     }
   }
+  .dark\:bg-green-900\/30 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        & {
+          background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
+        }
+      }
+    }
+  }
   .dark\:bg-indigo-600 {
     &:where(.dark, .dark *) {
       background-color: var(--color-indigo-600);
@@ -2953,11 +3007,26 @@
       background-color: var(--color-purple-600);
     }
   }
+  .dark\:bg-purple-900\/30 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        & {
+          background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
+        }
+      }
+    }
+  }
   .dark\:bg-red-200 {
     &:where(.dark, .dark *) {
       background-color: var(--color-red-200);
     }
   }
+  .dark\:bg-red-500 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-red-500);
+    }
+  }
   .dark\:bg-red-600 {
     &:where(.dark, .dark *) {
       background-color: var(--color-red-600);
@@ -2968,6 +3037,26 @@
       background-color: var(--color-red-900);
     }
   }
+  .dark\:bg-red-900\/30 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        & {
+          background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:bg-red-950\/50 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        & {
+          background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
+        }
+      }
+    }
+  }
   .dark\:bg-sky-600 {
     &:where(.dark, .dark *) {
       background-color: var(--color-sky-600);
@@ -3033,6 +3122,16 @@
       color: var(--color-gray-400);
     }
   }
+  .dark\:text-gray-400\/80 {
+    &:where(.dark, .dark *) {
+      color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 80%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        & {
+          color: color-mix(in oklab, var(--color-gray-400) 80%, transparent);
+        }
+      }
+    }
+  }
   .dark\:text-gray-500 {
     &:where(.dark, .dark *) {
       color: var(--color-gray-500);
@@ -3048,6 +3147,11 @@
       color: var(--color-green-100);
     }
   }
+  .dark\:text-green-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-green-300);
+    }
+  }
   .dark\:text-green-400 {
     &:where(.dark, .dark *) {
       color: var(--color-green-400);
@@ -3078,6 +3182,11 @@
       color: var(--color-indigo-500);
     }
   }
+  .dark\:text-purple-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-purple-300);
+    }
+  }
   .dark\:text-purple-400 {
     &:where(.dark, .dark *) {
       color: var(--color-purple-400);
@@ -3088,11 +3197,21 @@
       color: var(--color-red-200);
     }
   }
+  .dark\:text-red-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-red-300);
+    }
+  }
   .dark\:text-red-400 {
     &:where(.dark, .dark *) {
       color: var(--color-red-400);
     }
   }
+  .dark\:text-red-500 {
+    &:where(.dark, .dark *) {
+      color: var(--color-red-500);
+    }
+  }
   .dark\:text-sky-400 {
     &:where(.dark, .dark *) {
       color: var(--color-sky-400);
@@ -3108,6 +3227,23 @@
       color: var(--color-white);
     }
   }
+  .dark\:placeholder-gray-400 {
+    &:where(.dark, .dark *) {
+      &::placeholder {
+        color: var(--color-gray-400);
+      }
+    }
+  }
+  .dark\:inset-ring-gray-100\/5 {
+    &:where(.dark, .dark *) {
+      --tw-inset-ring-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 5%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        & {
+          --tw-inset-ring-color: color-mix(in oklab, var(--color-gray-100) 5%, transparent);
+        }
+      }
+    }
+  }
   .dark\:ring-offset-black {
     &:where(.dark, .dark *) {
       --tw-ring-offset-color: var(--color-black);
@@ -3130,6 +3266,13 @@
       filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
     }
   }
+  .dark\:group-has-checked\:bg-green-500 {
+    &:where(.dark, .dark *) {
+      &:is(:where(.group):has(*:checked) *) {
+        background-color: var(--color-green-500);
+      }
+    }
+  }
   .dark\:file\:bg-violet-900 {
     &:where(.dark, .dark *) {
       &::file-selector-button {
@@ -3144,6 +3287,24 @@
       }
     }
   }
+  .dark\:hover\:border-gray-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-gray-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-blue-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-blue-600);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-blue-700 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -3162,6 +3323,20 @@
       }
     }
   }
+  .dark\:hover\:bg-blue-900\/30 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            & {
+              background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
+            }
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-cyan-700 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -3180,6 +3355,15 @@
       }
     }
   }
+  .dark\:hover\:bg-gray-800 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-gray-800);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-gray-900 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -3207,6 +3391,20 @@
       }
     }
   }
+  .dark\:hover\:bg-green-900\/30 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            & {
+              background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
+            }
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-indigo-700 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -3243,6 +3441,20 @@
       }
     }
   }
+  .dark\:hover\:bg-red-900\/30 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            & {
+              background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
+            }
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-sky-700 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -3252,6 +3464,20 @@
       }
     }
   }
+  .dark\:hover\:bg-white\/10 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #fff 10%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            & {
+              background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+            }
+          }
+        }
+      }
+    }
+  }
   .hover\:dark\:bg-gray-900 {
     &:hover {
       @media (hover: hover) {
@@ -3270,6 +3496,24 @@
       }
     }
   }
+  .dark\:hover\:text-blue-300 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-blue-300);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-blue-400 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-blue-400);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-cyan-200 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -3288,6 +3532,24 @@
       }
     }
   }
+  .dark\:hover\:text-gray-100 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-gray-100);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-gray-200 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-gray-200);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-gray-300 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -3315,6 +3577,15 @@
       }
     }
   }
+  .dark\:hover\:text-green-400 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-green-400);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-indigo-200 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -3342,6 +3613,15 @@
       }
     }
   }
+  .dark\:hover\:text-red-100 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-red-100);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-red-200 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -3351,6 +3631,15 @@
       }
     }
   }
+  .dark\:hover\:text-red-400 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-red-400);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-sky-200 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -3380,6 +3669,13 @@
       }
     }
   }
+  .dark\:focus\:border-blue-400 {
+    &:where(.dark, .dark *) {
+      &:focus {
+        border-color: var(--color-blue-400);
+      }
+    }
+  }
   .dark\:focus\:text-black {
     &:where(.dark, .dark *) {
       &:focus {
@@ -3387,6 +3683,13 @@
       }
     }
   }
+  .dark\:focus\:ring-blue-400 {
+    &:where(.dark, .dark *) {
+      &:focus {
+        --tw-ring-color: var(--color-blue-400);
+      }
+    }
+  }
   .dark\:focus\:ring-blue-800 {
     &:where(.dark, .dark *) {
       &:focus {
@@ -3450,6 +3753,13 @@
       }
     }
   }
+  .dark\:disabled\:border-gray-700 {
+    &:where(.dark, .dark *) {
+      &:disabled {
+        border-color: var(--color-gray-700);
+      }
+    }
+  }
   .dark\:disabled\:border-slate-700 {
     &:where(.dark, .dark *) {
       &:disabled {
@@ -3510,6 +3820,12 @@
   ::-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/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;
     }