vue-parley 4.3.0 → 4.4.0

package/dist/chat.css

@@ -17,6 +17,7 @@
       --tw-pan-y: initial;
       --tw-pinch-zoom: initial;
       --tw-space-x-reverse: 0;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-gradient-position: initial;
       --tw-gradient-from: #0000;
@@ -102,6 +103,7 @@
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --tracking-wide: .025em;
+    --leading-normal: 1.5;
     --radius-xs: .125rem;
     --radius-sm: .25rem;
     --radius-md: .375rem;
@@ -417,6 +419,10 @@
     pointer-events: none;
   }
 
+  :where(.vue-chat, .vue-chat *).invisible {
+    visibility: hidden;
+  }
+
   :where(.vue-chat, .vue-chat *).visible {
     visibility: visible;
   }
@@ -457,6 +463,14 @@
     inset-inline-start: auto !important;
   }
 
+  :where(.vue-chat, .vue-chat *).end-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
+
+  :where(.vue-chat, .vue-chat *).end-1 {
+    inset-inline-end: calc(var(--spacing) * 1);
+  }
+
   :where(.vue-chat, .vue-chat *).end-2 {
     inset-inline-end: calc(var(--spacing) * 2);
   }
@@ -505,6 +519,10 @@
     top: calc(var(--spacing) * 4);
   }
 
+  :where(.vue-chat, .vue-chat *).top-6 {
+    top: calc(var(--spacing) * 6);
+  }
+
   :where(.vue-chat, .vue-chat *).right-0 {
     right: 0;
   }
@@ -577,10 +595,6 @@
     z-index: 60;
   }
 
-  :where(.vue-chat, .vue-chat *).z-\[1001\] {
-    z-index: 1001;
-  }
-
   :where(.vue-chat, .vue-chat *).container {
     width: 100%;
   }
@@ -615,6 +629,10 @@
     }
   }
 
+  :where(.vue-chat, .vue-chat *).m-0 {
+    margin: 0;
+  }
+
   :where(.vue-chat, .vue-chat *).m-0\! {
     margin: 0 !important;
   }
@@ -627,6 +645,10 @@
     margin-inline: calc(var(--spacing) * .5);
   }
 
+  :where(.vue-chat, .vue-chat *).mx-1 {
+    margin-inline: var(--spacing);
+  }
+
   :where(.vue-chat, .vue-chat *).mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
@@ -635,6 +657,10 @@
     margin-inline: calc(var(--spacing) * 2) !important;
   }
 
+  :where(.vue-chat, .vue-chat *).mx-4 {
+    margin-inline: calc(var(--spacing) * 4);
+  }
+
   :where(.vue-chat, .vue-chat *).mx-auto {
     margin-inline: auto;
   }
@@ -647,8 +673,8 @@
     margin-inline-start: calc(var(--spacing) * .5);
   }
 
-  :where(.vue-chat, .vue-chat *).ms-2 {
-    margin-inline-start: calc(var(--spacing) * 2);
+  :where(.vue-chat, .vue-chat *).ms-1 {
+    margin-inline-start: var(--spacing);
   }
 
   :where(.vue-chat, .vue-chat *).ms-px {
@@ -659,10 +685,18 @@
     margin-inline-end: calc(var(--spacing) * 2);
   }
 
+  :where(.vue-chat, .vue-chat *).mt-0 {
+    margin-top: 0;
+  }
+
   :where(.vue-chat, .vue-chat *).mt-0\.5 {
     margin-top: calc(var(--spacing) * .5);
   }
 
+  :where(.vue-chat, .vue-chat *).mt-1 {
+    margin-top: var(--spacing);
+  }
+
   :where(.vue-chat, .vue-chat *).mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
@@ -679,10 +713,18 @@
     margin-bottom: calc(var(--spacing) * .5);
   }
 
+  :where(.vue-chat, .vue-chat *).mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
+
   :where(.vue-chat, .vue-chat *).mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
 
+  :where(.vue-chat, .vue-chat *).mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+
   :where(.vue-chat, .vue-chat *).ml-1 {
     margin-left: var(--spacing);
   }
@@ -734,11 +776,6 @@
     aspect-ratio: var(--aspect-video);
   }
 
-  :where(.vue-chat, .vue-chat *).size-2\.5 {
-    width: calc(var(--spacing) * 2.5);
-    height: calc(var(--spacing) * 2.5);
-  }
-
   :where(.vue-chat, .vue-chat *).size-3 {
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
@@ -754,16 +791,31 @@
     height: calc(var(--spacing) * 4);
   }
 
+  :where(.vue-chat, .vue-chat *).size-4\.5 {
+    width: calc(var(--spacing) * 4.5);
+    height: calc(var(--spacing) * 4.5);
+  }
+
   :where(.vue-chat, .vue-chat *).size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
   }
 
+  :where(.vue-chat, .vue-chat *).size-5\.5 {
+    width: calc(var(--spacing) * 5.5);
+    height: calc(var(--spacing) * 5.5);
+  }
+
   :where(.vue-chat, .vue-chat *).size-6 {
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
 
+  :where(.vue-chat, .vue-chat *).size-6\.5 {
+    width: calc(var(--spacing) * 6.5);
+    height: calc(var(--spacing) * 6.5);
+  }
+
   :where(.vue-chat, .vue-chat *).size-7 {
     width: calc(var(--spacing) * 7);
     height: calc(var(--spacing) * 7);
@@ -779,6 +831,11 @@
     height: calc(var(--spacing) * 9);
   }
 
+  :where(.vue-chat, .vue-chat *).size-9\! {
+    width: calc(var(--spacing) * 9) !important;
+    height: calc(var(--spacing) * 9) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).size-10 {
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
@@ -804,11 +861,21 @@
     height: calc(var(--spacing) * 12) !important;
   }
 
+  :where(.vue-chat, .vue-chat *).size-14 {
+    width: calc(var(--spacing) * 14);
+    height: calc(var(--spacing) * 14);
+  }
+
   :where(.vue-chat, .vue-chat *).size-16 {
     width: calc(var(--spacing) * 16);
     height: calc(var(--spacing) * 16);
   }
 
+  :where(.vue-chat, .vue-chat *).size-22 {
+    width: calc(var(--spacing) * 22);
+    height: calc(var(--spacing) * 22);
+  }
+
   :where(.vue-chat, .vue-chat *).size-full {
     width: 100%;
     height: 100%;
@@ -823,10 +890,6 @@
     height: 0;
   }
 
-  :where(.vue-chat, .vue-chat *).h-0\.5 {
-    height: calc(var(--spacing) * .5);
-  }
-
   :where(.vue-chat, .vue-chat *).h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -859,6 +922,10 @@
     height: calc(var(--spacing) * 7);
   }
 
+  :where(.vue-chat, .vue-chat *).h-9\! {
+    height: calc(var(--spacing) * 9) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).h-10 {
     height: calc(var(--spacing) * 10);
   }
@@ -867,8 +934,8 @@
     height: calc(var(--spacing) * 11);
   }
 
-  :where(.vue-chat, .vue-chat *).h-12\.5 {
-    height: calc(var(--spacing) * 12.5);
+  :where(.vue-chat, .vue-chat *).h-11\! {
+    height: calc(var(--spacing) * 11) !important;
   }
 
   :where(.vue-chat, .vue-chat *).h-16 {
@@ -887,10 +954,6 @@
     height: calc(var(--spacing) * 25);
   }
 
-  :where(.vue-chat, .vue-chat *).h-29 {
-    height: calc(var(--spacing) * 29);
-  }
-
   :where(.vue-chat, .vue-chat *).h-36 {
     height: calc(var(--spacing) * 36);
   }
@@ -1007,10 +1070,6 @@
     width: calc(var(--spacing) * 1.5);
   }
 
-  :where(.vue-chat, .vue-chat *).w-1\/2 {
-    width: 50%;
-  }
-
   :where(.vue-chat, .vue-chat *).w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1043,18 +1102,10 @@
     width: calc(var(--spacing) * 10);
   }
 
-  :where(.vue-chat, .vue-chat *).w-11 {
-    width: calc(var(--spacing) * 11);
-  }
-
   :where(.vue-chat, .vue-chat *).w-14 {
     width: calc(var(--spacing) * 14);
   }
 
-  :where(.vue-chat, .vue-chat *).w-15\.5 {
-    width: calc(var(--spacing) * 15.5);
-  }
-
   :where(.vue-chat, .vue-chat *).w-16 {
     width: calc(var(--spacing) * 16);
   }
@@ -1063,12 +1114,8 @@
     width: calc(var(--spacing) * 20);
   }
 
-  :where(.vue-chat, .vue-chat *).w-25 {
-    width: calc(var(--spacing) * 25);
-  }
-
-  :where(.vue-chat, .vue-chat *).w-32 {
-    width: calc(var(--spacing) * 32);
+  :where(.vue-chat, .vue-chat *).w-24 {
+    width: calc(var(--spacing) * 24);
   }
 
   :where(.vue-chat, .vue-chat *).w-50 {
@@ -1103,10 +1150,6 @@
     width: calc(var(--spacing) * 85);
   }
 
-  :where(.vue-chat, .vue-chat *).w-\[200\%\] {
-    width: 200%;
-  }
-
   :where(.vue-chat, .vue-chat *).w-\[236px\] {
     width: 236px;
   }
@@ -1127,10 +1170,18 @@
     width: 100%;
   }
 
+  :where(.vue-chat, .vue-chat *).w-px {
+    width: 1px;
+  }
+
   :where(.vue-chat, .vue-chat *).max-w-4\/5 {
     max-width: 80%;
   }
 
+  :where(.vue-chat, .vue-chat *).max-w-24 {
+    max-width: calc(var(--spacing) * 24);
+  }
+
   :where(.vue-chat, .vue-chat *).max-w-75 {
     max-width: calc(var(--spacing) * 75);
   }
@@ -1163,6 +1214,10 @@
     min-width: calc(var(--spacing) * 20);
   }
 
+  :where(.vue-chat, .vue-chat *).min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
+
   :where(.vue-chat, .vue-chat *).min-w-64\! {
     min-width: calc(var(--spacing) * 64) !important;
   }
@@ -1210,11 +1265,6 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  :where(.vue-chat, .vue-chat *).translate-x-0 {
-    --tw-translate-x: 0;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
   :where(.vue-chat, .vue-chat *).-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1225,11 +1275,6 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  :where(.vue-chat, .vue-chat *).-translate-y-10 {
-    --tw-translate-y: calc(var(--spacing) * -10);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
   :where(.vue-chat, .vue-chat *).translate-y-0 {
     --tw-translate-y: 0;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1309,10 +1354,6 @@
     cursor: move;
   }
 
-  :where(.vue-chat, .vue-chat *).cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
   :where(.vue-chat, .vue-chat *).cursor-pointer {
     cursor: pointer;
   }
@@ -1342,6 +1383,10 @@
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
 
+  :where(.vue-chat, .vue-chat *).grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   :where(.vue-chat, .vue-chat *).grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
@@ -1370,6 +1415,10 @@
     flex-wrap: wrap !important;
   }
 
+  :where(.vue-chat, .vue-chat *).items-baseline {
+    align-items: baseline;
+  }
+
   :where(.vue-chat, .vue-chat *).items-center {
     align-items: center;
   }
@@ -1478,14 +1527,14 @@
     row-gap: calc(var(--spacing) * .5);
   }
 
-  :where(.vue-chat, .vue-chat *).gap-y-0\.5\! {
-    row-gap: calc(var(--spacing) * .5) !important;
-  }
-
   :where(.vue-chat, .vue-chat *).gap-y-1 {
     row-gap: var(--spacing);
   }
 
+  :where(.vue-chat, .vue-chat *).gap-y-1\! {
+    row-gap: var(--spacing) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).gap-y-1\.5 {
     row-gap: calc(var(--spacing) * 1.5);
   }
@@ -1514,6 +1563,18 @@
     row-gap: calc(var(--spacing) * 5);
   }
 
+  :where(.vue-chat, .vue-chat *):where(.divide-y > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+
+  :where(.vue-chat, .vue-chat *):where(.divide-chat-outline-variant > :not(:last-child)) {
+    border-color: var(--color-chat-outline-variant);
+  }
+
   :where(.vue-chat, .vue-chat *).truncate {
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -1572,6 +1633,10 @@
     border-radius: var(--radius-md);
   }
 
+  :where(.vue-chat, .vue-chat *).rounded-md\! {
+    border-radius: var(--radius-md) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).rounded-none\! {
     border-radius: 0 !important;
   }
@@ -1864,6 +1929,16 @@
     }
   }
 
+  :where(.vue-chat, .vue-chat *).bg-chat-on-background\/6\! {
+    background-color: #0a0b100f !important;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where(.vue-chat, .vue-chat *).bg-chat-on-background\/6\! {
+      background-color: color-mix(in oklab, var(--color-chat-on-background) 6%, transparent) !important;
+    }
+  }
+
   :where(.vue-chat, .vue-chat *).bg-chat-on-background\/10 {
     background-color: #0a0b101a;
   }
@@ -1874,6 +1949,10 @@
     }
   }
 
+  :where(.vue-chat, .vue-chat *).bg-chat-outline-variant {
+    background-color: var(--color-chat-outline-variant);
+  }
+
   :where(.vue-chat, .vue-chat *).bg-chat-primary {
     background-color: var(--color-chat-primary);
   }
@@ -2276,6 +2355,10 @@
     padding: var(--spacing) !important;
   }
 
+  :where(.vue-chat, .vue-chat *).p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
+
   :where(.vue-chat, .vue-chat *).p-1\.5\! {
     padding: calc(var(--spacing) * 1.5) !important;
   }
@@ -2308,10 +2391,18 @@
     padding-inline: calc(var(--spacing) * 1.5);
   }
 
+  :where(.vue-chat, .vue-chat *).px-1\.5\! {
+    padding-inline: calc(var(--spacing) * 1.5) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
 
+  :where(.vue-chat, .vue-chat *).px-2\! {
+    padding-inline: calc(var(--spacing) * 2) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).px-2\.5 {
     padding-inline: calc(var(--spacing) * 2.5);
   }
@@ -2324,6 +2415,10 @@
     padding-inline: calc(var(--spacing) * 3);
   }
 
+  :where(.vue-chat, .vue-chat *).px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
+
   :where(.vue-chat, .vue-chat *).px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -2336,10 +2431,18 @@
     padding-inline: calc(var(--spacing) * 6);
   }
 
+  :where(.vue-chat, .vue-chat *).py-0\! {
+    padding-block: 0 !important;
+  }
+
   :where(.vue-chat, .vue-chat *).py-0\.5 {
     padding-block: calc(var(--spacing) * .5);
   }
 
+  :where(.vue-chat, .vue-chat *).py-0\.5\! {
+    padding-block: calc(var(--spacing) * .5) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).py-1 {
     padding-block: var(--spacing);
   }
@@ -2372,6 +2475,10 @@
     padding-block: calc(var(--spacing) * 5);
   }
 
+  :where(.vue-chat, .vue-chat *).py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
+
   :where(.vue-chat, .vue-chat *).py-26 {
     padding-block: calc(var(--spacing) * 26);
   }
@@ -2380,6 +2487,10 @@
     padding-inline-start: var(--spacing);
   }
 
+  :where(.vue-chat, .vue-chat *).pe-11\! {
+    padding-inline-end: calc(var(--spacing) * 11) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).pt-0 {
     padding-top: 0;
   }
@@ -2538,19 +2649,28 @@
     font-size: 7px;
   }
 
-  :where(.vue-chat, .vue-chat *).text-\[10px\]\! {
-    font-size: 10px !important;
-  }
-
   :where(.vue-chat, .vue-chat *).text-\[11px\] {
     font-size: 11px;
   }
 
+  :where(.vue-chat, .vue-chat *).text-\[11px\]\! {
+    font-size: 11px !important;
+  }
+
+  :where(.vue-chat, .vue-chat *).text-\[12px\]\! {
+    font-size: 12px !important;
+  }
+
   :where(.vue-chat, .vue-chat *).leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
   }
 
+  :where(.vue-chat, .vue-chat *).leading-5\! {
+    --tw-leading: calc(var(--spacing) * 5) !important;
+    line-height: calc(var(--spacing) * 5) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).leading-6 {
     --tw-leading: calc(var(--spacing) * 6);
     line-height: calc(var(--spacing) * 6);
@@ -2561,6 +2681,11 @@
     line-height: 1;
   }
 
+  :where(.vue-chat, .vue-chat *).leading-normal\! {
+    --tw-leading: var(--leading-normal) !important;
+    line-height: var(--leading-normal) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -2576,6 +2701,11 @@
     font-weight: var(--font-weight-semibold);
   }
 
+  :where(.vue-chat, .vue-chat *).font-semibold\! {
+    --tw-font-weight: var(--font-weight-semibold) !important;
+    font-weight: var(--font-weight-semibold) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).tracking-wide {
     --tw-tracking: var(--tracking-wide);
     letter-spacing: var(--tracking-wide);
@@ -2617,10 +2747,18 @@
     color: var(--color-chat-muted);
   }
 
+  :where(.vue-chat, .vue-chat *).text-chat-muted\! {
+    color: var(--color-chat-muted) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).text-chat-on-background {
     color: var(--color-chat-on-background);
   }
 
+  :where(.vue-chat, .vue-chat *).text-chat-on-background\! {
+    color: var(--color-chat-on-background) !important;
+  }
+
   :where(.vue-chat, .vue-chat *).text-chat-on-background\/60 {
     color: #0a0b1099;
   }
@@ -2985,6 +3123,36 @@
   }
 
   @media (hover: hover) {
+    :where(.vue-chat, .vue-chat *).hover\:bg-chat-on-background\/10\!:hover {
+      background-color: #0a0b101a !important;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where(.vue-chat, .vue-chat *).hover\:bg-chat-on-background\/10\!:hover {
+        background-color: color-mix(in oklab, var(--color-chat-on-background) 10%, transparent) !important;
+      }
+    }
+
+    :where(.vue-chat, .vue-chat *).hover\:bg-chat-surface\/50:hover {
+      background-color: #f8f8fa80;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where(.vue-chat, .vue-chat *).hover\:bg-chat-surface\/50:hover {
+        background-color: color-mix(in oklab, var(--color-chat-surface) 50%, transparent);
+      }
+    }
+
+    :where(.vue-chat, .vue-chat *).hover\:bg-chat-surface\/60:hover {
+      background-color: #f8f8fa99;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where(.vue-chat, .vue-chat *).hover\:bg-chat-surface\/60:hover {
+        background-color: color-mix(in oklab, var(--color-chat-surface) 60%, transparent);
+      }
+    }
+
     :where(.vue-chat, .vue-chat *).hover\:bg-white\/10\!:hover {
       background-color: #ffffff1a !important;
     }
@@ -3015,6 +3183,10 @@
     outline-width: 2px;
   }
 
+  :where(.vue-chat, .vue-chat *).focus-visible\:-outline-offset-2:focus-visible {
+    outline-offset: calc(2px * -1);
+  }
+
   :where(.vue-chat, .vue-chat *).focus-visible\:outline-offset-2:focus-visible {
     outline-offset: 2px;
   }
@@ -3087,6 +3259,11 @@
       display: inline-flex !important;
     }
 
+    :where(.vue-chat, .vue-chat *).md\:size-11 {
+      width: calc(var(--spacing) * 11);
+      height: calc(var(--spacing) * 11);
+    }
+
     :where(.vue-chat, .vue-chat *).md\:size-14 {
       width: calc(var(--spacing) * 14);
       height: calc(var(--spacing) * 14);
@@ -3096,10 +3273,6 @@
       height: 0;
     }
 
-    :where(.vue-chat, .vue-chat *).md\:h-14 {
-      height: calc(var(--spacing) * 14);
-    }
-
     :where(.vue-chat, .vue-chat *).md\:h-20 {
       height: calc(var(--spacing) * 20);
     }
@@ -3108,10 +3281,6 @@
       height: auto;
     }
 
-    :where(.vue-chat, .vue-chat *).md\:w-14 {
-      width: calc(var(--spacing) * 14);
-    }
-
     :where(.vue-chat, .vue-chat *).md\:w-80 {
       width: calc(var(--spacing) * 80);
     }
@@ -3149,18 +3318,14 @@
       column-gap: calc(var(--spacing) * 2);
     }
 
-    :where(.vue-chat, .vue-chat *).md\:rounded-xl {
-      border-radius: var(--radius-xl);
+    :where(.vue-chat, .vue-chat *).md\:gap-x-3 {
+      column-gap: calc(var(--spacing) * 3);
     }
 
     :where(.vue-chat, .vue-chat *).md\:bg-transparent {
       background-color: #0000;
     }
 
-    :where(.vue-chat, .vue-chat *).md\:px-2 {
-      padding-inline: calc(var(--spacing) * 2);
-    }
-
     :where(.vue-chat, .vue-chat *).md\:px-3 {
       padding-inline: calc(var(--spacing) * 3);
     }
@@ -3177,8 +3342,8 @@
       padding-block: calc(var(--spacing) * 4);
     }
 
-    :where(.vue-chat, .vue-chat *).md\:pt-16\.5 {
-      padding-top: calc(var(--spacing) * 16.5);
+    :where(.vue-chat, .vue-chat *).md\:pt-5 {
+      padding-top: calc(var(--spacing) * 5);
     }
 
     :where(.vue-chat, .vue-chat *).md\:pr-4 {
@@ -3223,9 +3388,9 @@
     }
   }
 
-  :where(.vue-chat, .vue-chat *).ltr\:-translate-x-1\/2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
-    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
+  :where(.vue-chat, .vue-chat *).ltr\:-scale-x-100:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    --tw-scale-x: calc(100% * -1);
+    scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
   :where(.vue-chat, .vue-chat *).ltr\:rotate-180:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
@@ -3237,10 +3402,6 @@
     border-right-width: 1px;
   }
 
-  :where(.vue-chat, .vue-chat *).ltr\:border-r-chat-surface:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
-    border-right-color: var(--color-chat-surface);
-  }
-
   :where(.vue-chat, .vue-chat *).rtl\:right-6\!:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
     right: calc(var(--spacing) * 6) !important;
   }
@@ -3261,11 +3422,6 @@
     transform-origin: 100% 0;
   }
 
-  :where(.vue-chat, .vue-chat *).rtl\:translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
-    --tw-translate-x: calc(1 / 2 * 100%);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
   :where(.vue-chat, .vue-chat *).rtl\:-scale-x-100:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
     --tw-scale-x: calc(100% * -1);
     scale: var(--tw-scale-x) var(--tw-scale-y);
@@ -3309,10 +3465,6 @@
     border-left-width: 1px;
   }
 
-  :where(.vue-chat, .vue-chat *).rtl\:border-l-chat-surface:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
-    border-left-color: var(--color-chat-surface);
-  }
-
   @media (prefers-color-scheme: dark) {
     :where(.vue-chat, .vue-chat *).dark\:\!bg-surface-variant-2 {
       background-color: var(--color-surface-variant-2) !important;
@@ -3337,6 +3489,10 @@
     }
   }
 
+  :where(.vue-chat, .vue-chat *).\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
+    display: none;
+  }
+
   :where(.vue-chat, .vue-chat *).\[\&\>\*\]\:\!opacity-0 > * {
     opacity: 0 !important;
   }
@@ -3496,6 +3652,12 @@
   initial-value: 0;
 }
 
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
 @property --tw-border-style {
   syntax: "*";
   inherits: false;