llms-py 2.0.20__py3-none-any.whl → 3.0.18__py3-none-any.whl

llms/ui/tailwind.input.css

@@ -1,6 +1,8 @@
 /* tailwindcss -i ./tailwind.input.css -o ./ui/app.css --watch */
 @import "tailwindcss";
 @source "./lib/servicestack-vue.mjs";
+@source "../../extensions";
+@source "../../llms-home/extensions/";
 
 @custom-variant dark (&:where(.dark, .dark *));
 
@@ -13,6 +15,7 @@
         --ring: 221.2 83.2% 53.3%;
         --radius: 0.5rem;
     }
+
     :root.dark {
         --background: 222.2 84% 4.9%;
         --foreground: 210 40% 98%;
@@ -28,6 +31,11 @@
     ::file-selector-button {
         border-color: hsl(var(--border));
     }
+
+    .reasoning .prose-xs p,
+    .reasoning .prose-xs li {
+        font-size: 13px;
+    }
 }
 
 @theme {
@@ -37,15 +45,37 @@
 @layer base {
 
     /*vue*/
-    [v-cloak] {display:none}
+    [v-cloak] {
+        display: none
+    }
 
     /* override element defaults */
-    b, strong { font-weight:600; }
-    ::-webkit-scrollbar{width:8px;height:8px}
-    ::-webkit-scrollbar-thumb{background-color:#ccc}
+    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;
     }
+
     em {
         color: #3b82f6;
         font-weight: 400;
@@ -56,18 +86,24 @@
         margin-right: 0.125em;
         font-style: normal;
     }
+
     .message em {
-        background-color: #eff6ff;border:1px solid #3b83f680;border-radius: .25rem;padding: .2rem .25rem .1rem .25rem
+        background-color: #eff6ff;
+        border: 1px solid #3b83f680;
+        border-radius: .25rem;
+        padding: .2rem .25rem .1rem .25rem
     }
 
     /* Chat-specific styles */
     .prose {
         max-width: none;
     }
-    .prose > pre {
+
+    .prose>pre {
         margin-top: 0;
         margin-bottom: 0;
     }
+
     .prose pre {
         background-color: #1f2937;
         color: #f9fafb;
@@ -75,6 +111,7 @@
         padding: 1rem;
         overflow-x: auto;
     }
+
     .prose code {
         background-color: #f3f4f6;
         color: #1f2937;
@@ -82,62 +119,226 @@
         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;
     }
 
+    /* Tool specific styles to override global prose */
+    .tool-arguments,
+    .tool-output {
+        margin: 0 !important;
+        padding: 0 !important;
+        background-color: transparent !important;
+        color: inherit !important;
+        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+        font-size: 0.75rem !important;
+        white-space: pre-wrap !important;
+        word-break: break-all !important;
+        border: none !important;
+        border-radius: 0 !important;
+        overflow: auto !important;
+    }
+
+    .prose .frontmatter {
+        white-space: pre-wrap;
+        word-break: break-all;
+        margin-bottom: 1em;
+        padding: 0.5rem;
+        font-size: 0.8rem !important;
+        background: #f9fafb;
+        border: 1px solid #e5e7eb;
+    }
+
     /* 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}
+    .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}
+    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 {
+    .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*/
+
+    .prose :where(h1):not(:where([class~="not-prose"] *)) {
+        font-weight: 700 !important;
+    }
+
+    .hljs-comment,
+    .hljs-quote {
+        color: rgb(148 163 184);
+        /*text-slate-400*/
     }
 
     pre {
@@ -151,17 +352,58 @@
         padding: .8571429em 1.1428571em;
         max-width: calc(100vw - 1rem);
         min-width: fit-content;
-        background-color: #282c34 !important;
+        /* background-color: #282c34 !important; overrides CodeMirror */
     }
+
     pre code.hljs {
         display: block;
         overflow-x: auto;
         padding: 1em;
     }
+
+    /* Tool Description Code Blocks - Light Mode by default */
+    .tool-description pre {
+        background-color: #f8fafc !important;
+        color: #1f2937 !important;
+        border: 1px solid #e2e8f0;
+        border-radius: 0.5rem;
+        padding: 0.75rem 1rem;
+        margin: 0.75rem 0;
+        overflow-x: auto;
+    }
+
+    .tool-description code {
+        color: inherit !important;
+    }
+
+    .tool-description code.hljs {
+        background: transparent !important;
+        padding: 0;
+        font-size: 0.85em;
+        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    }
+
+
+    /* Dark Mode Overrides */
+    .dark .tool-description pre {
+        background-color: #1f2937 !important;
+        border-color: #374151;
+        color: #e5e7eb !important;
+    }
+
+    .dark .tool-description code {
+        color: inherit !important;
+    }
+
+    .dark .tool-description code.hljs {
+        color: #e5e7eb;
+    }
+
     .message pre {
         max-width: 100%;
         min-width: auto;
     }
+
     .message pre code.hljs {
         overflow-x: unset;
         width: 100%;
@@ -180,57 +422,250 @@
         outline-offset: 2px;
         box-shadow: 0 0 0 2px #3b82f6;
     }
+
     /* @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;
-        --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(1px + 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);border-color:#2563eb;}
-    input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}
-    input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1}
-    input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}
-    select{
-        background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
-        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='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='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='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='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}
-    [type='range']{height:2.4rem}
-    [type='button'],button[type='submit']{cursor:pointer}
+    [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;
+        --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(1px + 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);
+        border-color: #2563eb;
+    }
+
+    input::-moz-placeholder,
+    textarea::-moz-placeholder {
+        color: #6b7280;
+        opacity: 1
+    }
+
+    input:-ms-input-placeholder,
+    textarea:-ms-input-placeholder {
+        color: #6b7280;
+        opacity: 1
+    }
+
+    input::placeholder,
+    textarea::placeholder {
+        color: #6b7280;
+        opacity: 1
+    }
+
+    select {
+        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+        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='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='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='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='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
+    }
+
+    [type='range'] {
+        height: 2.4rem
+    }
+
+    [type='button'],
+    button[type='submit'] {
+        cursor: pointer
+    }
 
     @media (min-width: 640px) {
-        [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 {
+
+        [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 {
             font-size: .875rem;
             line-height: 1.25rem;
         }
@@ -244,6 +679,7 @@
         transition: background-color 5000s ease-in-out 0s;
         -webkit-text-fill-color: #ffffff;
     }
+
     .dark input[data-autocompleted] {
         background-color: transparent !important;
     }
@@ -252,12 +688,14 @@
     .aspect-h-9 {
         --tw-aspect-h: 9;
     }
+
     .aspect-w-16 {
         position: relative;
         padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
         --tw-aspect-w: 16;
     }
-    .aspect-w-16 > * {
+
+    .aspect-w-16>* {
         position: absolute;
         height: 100%;
         width: 100%;
@@ -267,4 +705,48 @@
         left: 0;
     }
 
+
+    @media (min-width: 640px) {
+        .message pre {
+            max-width: 500px !important;
+        }
+
+        .has-iframes {
+            min-width: 640px;
+        }
+    }
+
+    @media (min-width: 768px) {
+        .message pre {
+            max-width: 600px !important;
+        }
+
+        .has-iframes {
+            min-width: 640px;
+        }
+    }
+
+    @media (min-width: 1024px) {
+
+        .message pre,
+        .message .prose pre {
+            max-width: 700px !important;
+        }
+
+        .has-iframes {
+            min-width: 740px;
+        }
+    }
+
+    @media (min-width: 1280px) {
+
+        .message pre,
+        .message .prose pre {
+            max-width: 800px !important;
+        }
+
+        .has-iframes {
+            min-width: 840px;
+        }
+    }
 }