@mastra/playground-ui 68.0.0-alpha.3 → 69.0.0-alpha.0

package/dist/style.css

@@ -954,6 +954,10 @@
     z-index: 0;
   }
 
+  .z-1 {
+    z-index: 1;
+  }
+
   .z-10 {
     z-index: 10;
   }
@@ -1030,10 +1034,18 @@
     grid-row: 0;
   }
 
+  .row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
   .row-start-1 {
     grid-row-start: 1;
   }
 
+  .row-start-2 {
+    grid-row-start: 2;
+  }
+
   .container {
     width: 100%;
   }
@@ -1161,10 +1173,6 @@
     margin-inline: var(--spacing);
   }
 
-  .mx-1\.5 {
-    margin-inline: calc(var(--spacing) * 1.5);
-  }
-
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
@@ -1233,6 +1241,10 @@
     margin-block: calc(var(--spacing) * 6);
   }
 
+  .-me-1 {
+    margin-inline-end: calc(var(--spacing) * -1);
+  }
+
   .prose {
     color: var(--tw-prose-body);
     max-width: 65ch;
@@ -1774,6 +1786,10 @@
     margin-top: auto;
   }
 
+  .mt-px {
+    margin-top: 1px;
+  }
+
   .-mr-1\.5 {
     margin-right: calc(var(--spacing) * -1.5);
   }
@@ -2021,6 +2037,11 @@
     height: calc(var(--spacing) * 3.5) !important;
   }
 
+  .size-\(--cell-size\) {
+    width: var(--cell-size);
+    height: var(--cell-size);
+  }
+
   .size-1 {
     width: var(--spacing);
     height: var(--spacing);
@@ -2216,6 +2237,10 @@
     height: var(--spacing-icon-xs);
   }
 
+  .h-\(--cell-size\) {
+    height: var(--cell-size);
+  }
+
   .h-\(--cmdk-list-height\) {
     height: var(--cmdk-list-height);
   }
@@ -2264,6 +2289,10 @@
     height: calc(var(--spacing) * 4);
   }
 
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
+
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -2428,6 +2457,10 @@
     height: 30vh;
   }
 
+  .h-\[32rem\] {
+    height: 32rem;
+  }
+
   .h-\[38px\] {
     height: 38px;
   }
@@ -2564,6 +2597,10 @@
     height: var(--spacing-table-header);
   }
 
+  .max-h-\(--available-height\) {
+    max-height: var(--available-height);
+  }
+
   .max-h-35 {
     max-height: calc(var(--spacing) * 35);
   }
@@ -2760,6 +2797,10 @@
     min-height: calc(var(--spacing) * 16);
   }
 
+  .min-h-18 {
+    min-height: calc(var(--spacing) * 18);
+  }
+
   .min-h-20 {
     min-height: calc(var(--spacing) * 20);
   }
@@ -3608,6 +3649,10 @@
     max-width: 70%;
   }
 
+  .max-w-\[70ch\] {
+    max-width: 70ch;
+  }
+
   .max-w-\[80\%\] {
     max-width: 80%;
   }
@@ -3712,6 +3757,10 @@
     min-width: calc(var(--spacing) * 4);
   }
 
+  .min-w-4\.5 {
+    min-width: calc(var(--spacing) * 4.5);
+  }
+
   .min-w-5 {
     min-width: calc(var(--spacing) * 5);
   }
@@ -3922,6 +3971,10 @@
     transform-origin: var(--transform-origin);
   }
 
+  .origin-bottom-left {
+    transform-origin: 0 100%;
+  }
+
   .origin-left {
     transform-origin: 0;
   }
@@ -4220,6 +4273,10 @@
     grid-template-columns: 0fr;
   }
 
+  .grid-cols-\[1\.5rem_minmax\(0\,1fr\)\] {
+    grid-template-columns: 1.5rem minmax(0, 1fr);
+  }
+
   .grid-cols-\[1fr\] {
     grid-template-columns: 1fr;
   }
@@ -4380,6 +4437,10 @@
     grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
   }
 
+  .grid-rows-subgrid {
+    grid-template-rows: subgrid;
+  }
+
   .flex-col {
     flex-direction: column;
   }
@@ -4625,6 +4686,10 @@
     column-gap: calc(var(--spacing) * 5);
   }
 
+  .gap-x-6 {
+    column-gap: calc(var(--spacing) * 6);
+  }
+
   .gap-x-10 {
     column-gap: calc(var(--spacing) * 10);
   }
@@ -4896,11 +4961,6 @@
     border-top-right-radius: var(--radius-xl);
   }
 
-  .rounded-l-md {
-    border-top-left-radius: var(--radius-md);
-    border-bottom-left-radius: var(--radius-md);
-  }
-
   .rounded-l-none {
     border-top-left-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
@@ -4949,6 +5009,10 @@
     border-bottom-left-radius: var(--radius-lg);
   }
 
+  .rounded-bl-xs {
+    border-bottom-left-radius: var(--radius-xs);
+  }
+
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -5466,15 +5530,7 @@
     background-color: var(--fill-subtle);
   }
 
-  .bg-foreground {
-    background-color: var(--foreground);
-  }
-
-  .bg-foreground\! {
-    background-color: var(--foreground) !important;
-  }
-
-  .bg-foreground\/10 {
+  .bg-foreground, .bg-foreground\/10 {
     background-color: var(--foreground);
   }
 
@@ -5758,10 +5814,16 @@
     }
   }
 
-  .bg-success-indicator {
+  .bg-success-indicator, .bg-success-indicator\/18 {
     background-color: var(--success-indicator);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-success-indicator\/18 {
+      background-color: color-mix(in oklab, var(--success-indicator) 18%, transparent);
+    }
+  }
+
   .bg-success-subtle {
     background-color: var(--success-subtle);
   }
@@ -5822,6 +5884,20 @@
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
+  .bg-linear-to-l {
+    --tw-gradient-position: to left;
+  }
+
+  @supports (background-image: linear-gradient(in lab, red, red)) {
+    .bg-linear-to-l {
+      --tw-gradient-position: to left in oklab;
+    }
+  }
+
+  .bg-linear-to-l {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .bg-linear-to-r {
     --tw-gradient-position: to right;
   }
@@ -5850,6 +5926,10 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
+  .from-50\% {
+    --tw-gradient-from-position: 50%;
+  }
+
   .via-foreground\/30 {
     --tw-gradient-via: var(--foreground);
   }
@@ -5870,6 +5950,11 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
+  .to-fill {
+    --tw-gradient-to: var(--fill);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
   .to-foreground {
     --tw-gradient-to: var(--foreground);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -5884,6 +5969,10 @@
     --tw-gradient-to-position: 30%;
   }
 
+  .to-50\% {
+    --tw-gradient-to-position: 50%;
+  }
+
   .to-\[1\.5rem\] {
     --tw-gradient-to-position: 1.5rem;
   }
@@ -6020,9 +6109,9 @@
     mask-composite: intersect;
   }
 
-  .\[mask-image\:linear-gradient\(black\,black\)\,linear-gradient\(to_bottom\,black_40\%\,transparent\)\,linear-gradient\(to_top\,black_40\%\,transparent\)\] {
-    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000 40%, #0000), linear-gradient(to top, #000 40%, #0000);
-    mask-image: linear-gradient(#000, #000), linear-gradient(#000 40%, #0000), linear-gradient(to top, #000 40%, #0000);
+  .\[mask-image\:linear-gradient\(black\,black\)\,linear-gradient\(to_bottom\,black\,transparent\)\,linear-gradient\(to_top\,black\,transparent\)\] {
+    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #0000), linear-gradient(to top, #000, #0000);
+    mask-image: linear-gradient(#000, #000), linear-gradient(#000, #0000), linear-gradient(to top, #000, #0000);
   }
 
   .box-decoration-clone {
@@ -6137,6 +6226,10 @@
     fill: var(--foreground);
   }
 
+  .fill-muted {
+    fill: var(--muted);
+  }
+
   .fill-muted-foreground {
     fill: var(--muted-foreground);
   }
@@ -6185,6 +6278,10 @@
     stroke: var(--badge-purple-edge);
   }
 
+  .stroke-border {
+    stroke: var(--border);
+  }
+
   .stroke-border-strong {
     stroke: var(--border-strong);
   }
@@ -6293,6 +6390,10 @@
     padding-inline: calc(var(--spacing) * 1.5);
   }
 
+  .px-1\.25 {
+    padding-inline: calc(var(--spacing) * 1.25);
+  }
+
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -6441,6 +6542,10 @@
     padding-inline-start: var(--chat-edge);
   }
 
+  .ps-2\.5 {
+    padding-inline-start: calc(var(--spacing) * 2.5);
+  }
+
   .pe-\(--chat-inset-end\) {
     padding-inline-end: var(--chat-inset-end);
   }
@@ -7256,6 +7361,16 @@
     color: var(--muted-foreground) !important;
   }
 
+  .text-muted-foreground\/40 {
+    color: var(--muted-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-muted-foreground\/40 {
+      color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
+    }
+  }
+
   .text-muted-foreground\/60 {
     color: var(--muted-foreground);
   }
@@ -7318,10 +7433,6 @@
     color: var(--sidebar);
   }
 
-  .text-sidebar\! {
-    color: var(--sidebar) !important;
-  }
-
   .text-span-agent {
     color: var(--span-agent);
   }
@@ -8105,6 +8216,10 @@
     user-select: none;
   }
 
+  .\!paused {
+    animation-play-state: paused !important;
+  }
+
   .\[--attachment-action-inset\:--spacing\(1\)\] {
     --attachment-action-inset: var(--spacing);
   }
@@ -8173,6 +8288,10 @@
     --card-radius: calc(var(--radius-xl) - 2px);
   }
 
+  .\[--cell-size\:--spacing\(8\)\] {
+    --cell-size: calc(var(--spacing) * 8);
+  }
+
   .\[--chat-column\:44rem\] {
     --chat-column: 44rem;
   }
@@ -8355,6 +8474,14 @@
     content-visibility: visible;
   }
 
+  .\[counter-increment\:ds-step\] {
+    counter-increment: ds-step;
+  }
+
+  .\[counter-reset\:ds-step\] {
+    counter-reset: ds-step;
+  }
+
   .\[fill-opacity\:0\] {
     fill-opacity: 0;
   }
@@ -8448,10 +8575,6 @@
     height: 100%;
   }
 
-  :is(.\*\:w-full > *) {
-    width: 100%;
-  }
-
   :is(.\*\:min-w-0\! > *) {
     min-width: 0 !important;
   }
@@ -8515,6 +8638,14 @@
     border-color: var(--surface-rim);
   }
 
+  .group-last\/step\:hidden:is(:where(.group\/step):last-child *) {
+    display: none;
+  }
+
+  .group-last\/step\:pb-0:is(:where(.group\/step):last-child *) {
+    padding-bottom: 0;
+  }
+
   .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
     opacity: 1;
   }
@@ -9408,8 +9539,13 @@
     content: var(--tw-content);
   }
 
-  .before\:content-\[\'·_\'\]:before {
-    --tw-content: "· ";
+  .before\:content-\[\\\'·\\\'\]:before {
+    --tw-content: \'·\';
+    content: var(--tw-content);
+  }
+
+  .before\:content-\[counter\(ds-step\)\]:before {
+    --tw-content: counter(ds-step);
     content: var(--tw-content);
   }
 
@@ -9680,6 +9816,10 @@
     border-top-width: 0;
   }
 
+  .first\:bg-none:first-child {
+    background-image: none;
+  }
+
   .first\:pt-0:first-child {
     padding-top: 0;
   }
@@ -9702,6 +9842,10 @@
     border-bottom-width: 0;
   }
 
+  .last\:bg-none:last-child {
+    background-image: none;
+  }
+
   .last\:pr-3:last-child {
     padding-right: calc(var(--spacing) * 3);
   }
@@ -9741,14 +9885,6 @@
     content: var(--tw-content);
   }
 
-  .focus-within\:relative:focus-within {
-    position: relative;
-  }
-
-  .focus-within\:z-20:focus-within {
-    z-index: 20;
-  }
-
   .focus-within\:border-border-focus:focus-within {
     border-color: var(--border-focus);
   }
@@ -9794,6 +9930,13 @@
       z-index: 10;
     }
 
+    .hover\:scale-115:hover {
+      --tw-scale-x: 115%;
+      --tw-scale-y: 115%;
+      --tw-scale-z: 115%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+
     .hover\:scale-150:hover {
       --tw-scale-x: 150%;
       --tw-scale-y: 150%;
@@ -9867,14 +10010,8 @@
       }
     }
 
-    .hover\:bg-foreground\/90\!:hover {
-      background-color: var(--foreground) !important;
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-foreground\/90\!:hover {
-        background-color: color-mix(in oklab, var(--foreground) 90%, transparent) !important;
-      }
+    .hover\:bg-info-bright:hover {
+      background-color: var(--info-bright);
     }
 
     .hover\:bg-muted:hover {
@@ -10073,24 +10210,10 @@
     background-color: var(--fill-subtle);
   }
 
-  .focus\:bg-foreground\/90\!:focus {
-    background-color: var(--foreground) !important;
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .focus\:bg-foreground\/90\!:focus {
-      background-color: color-mix(in oklab, var(--foreground) 90%, transparent) !important;
-    }
-  }
-
   .focus\:text-foreground:focus {
     color: var(--foreground);
   }
 
-  .focus\:text-sidebar\!:focus {
-    color: var(--sidebar) !important;
-  }
-
   .focus\:opacity-100:focus {
     opacity: 1;
   }
@@ -10162,6 +10285,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .focus-visible\:ring-2:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .focus-visible\:ring-border-focus:focus-visible {
     --tw-ring-color: var(--border-focus);
   }
@@ -10711,6 +10839,10 @@
     color: var(--placeholder);
   }
 
+  .aria-disabled\:opacity-40[aria-disabled="true"] {
+    opacity: .4;
+  }
+
   .aria-disabled\:opacity-50[aria-disabled="true"] {
     opacity: .5;
   }
@@ -10770,30 +10902,6 @@
     }
   }
 
-  .aria-selected\:bg-fill[aria-selected="true"] {
-    background-color: var(--fill);
-  }
-
-  .aria-selected\:bg-fill-subtle[aria-selected="true"] {
-    background-color: var(--fill-subtle);
-  }
-
-  .aria-selected\:text-foreground[aria-selected="true"] {
-    color: var(--foreground);
-  }
-
-  .aria-selected\:text-muted-foreground[aria-selected="true"] {
-    color: var(--muted-foreground);
-  }
-
-  .aria-selected\:opacity-30[aria-selected="true"] {
-    opacity: .3;
-  }
-
-  .aria-selected\:opacity-100[aria-selected="true"] {
-    opacity: 1;
-  }
-
   .data-autoscrolling\:scrollbar-thumb-transparent[data-autoscrolling] {
     --tw-scrollbar-thumb: transparent;
     scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
@@ -10926,6 +11034,48 @@
     opacity: 0;
   }
 
+  .data-today\:after\:absolute[data-today]:after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+
+  .data-today\:after\:bottom-1[data-today]:after {
+    content: var(--tw-content);
+    bottom: var(--spacing);
+  }
+
+  .data-today\:after\:size-1[data-today]:after {
+    content: var(--tw-content);
+    width: var(--spacing);
+    height: var(--spacing);
+  }
+
+  .data-today\:after\:rounded-full[data-today]:after {
+    content: var(--tw-content);
+    border-radius: 3.40282e38px;
+  }
+
+  .data-today\:after\:bg-background[data-today]:after {
+    content: var(--tw-content);
+    background-color: var(--background);
+  }
+
+  .data-today\:after\:bg-current[data-today]:after {
+    content: var(--tw-content);
+    background-color: currentColor;
+  }
+
+  .data-\[active\]\:scale-115[data-active] {
+    --tw-scale-x: 115%;
+    --tw-scale-y: 115%;
+    --tw-scale-z: 115%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+
+  .data-\[active\]\:bg-info-bright[data-active] {
+    background-color: var(--info-bright);
+  }
+
   .data-\[active\]\:text-foreground[data-active] {
     color: var(--foreground);
   }
@@ -10983,6 +11133,10 @@
     transition-timing-function: cubic-bezier(.23, 1, .32, 1);
   }
 
+  .data-\[anchor-hidden\]\:invisible[data-anchor-hidden] {
+    visibility: hidden;
+  }
+
   .data-\[anchor-hidden\]\:hidden[data-anchor-hidden] {
     display: none;
   }
@@ -11661,6 +11815,12 @@
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
 
+    .motion-safe\:transition-\[scale\,background-color\] {
+      transition-property: scale, background-color;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
     .motion-safe\:transition-\[stroke-dasharray\] {
       transition-property: stroke-dasharray;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -11729,6 +11889,10 @@
       transition-duration: .2s;
     }
 
+    .motion-safe\:duration-fast {
+      transition-duration: var(--duration-fast);
+    }
+
     .motion-safe\:duration-normal {
       transition-duration: var(--duration-normal);
     }
@@ -11817,6 +11981,30 @@
       animation: var(--animate-spin);
     }
 
+    .motion-safe\:data-\[closed\]\:animate-out[data-closed] {
+      animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
+    }
+
+    .motion-safe\:data-\[closed\]\:fade-out-0[data-closed] {
+      --tw-exit-opacity: 0;
+    }
+
+    .motion-safe\:data-\[closed\]\:zoom-out-95[data-closed] {
+      --tw-exit-scale: .95;
+    }
+
+    .motion-safe\:data-\[open\]\:animate-in[data-open] {
+      animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
+    }
+
+    .motion-safe\:data-\[open\]\:fade-in-0[data-open] {
+      --tw-enter-opacity: 0;
+    }
+
+    .motion-safe\:data-\[open\]\:zoom-in-95[data-open] {
+      --tw-enter-scale: .95;
+    }
+
     .motion-safe\:data-\[ready\]\:transition-\[transform\,width\][data-ready] {
       transition-property: transform, width;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -12140,11 +12328,6 @@
       gap: calc(var(--spacing) * 8);
     }
 
-    :where(.sm\:space-y-0 > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block: 0;
-    }
-
     .sm\:self-auto {
       align-self: auto;
     }
@@ -12615,10 +12798,18 @@
   }
 
   @container (min-width: 48rem) {
+    .\@3xl\:col-span-1 {
+      grid-column: span 1 / span 1;
+    }
+
     .\@3xl\:col-span-2 {
       grid-column: span 2 / span 2;
     }
 
+    .\@3xl\:col-span-3 {
+      grid-column: span 3 / span 3;
+    }
+
     .\@3xl\:col-span-4 {
       grid-column: span 4 / span 4;
     }
@@ -12663,22 +12854,6 @@
   }
 
   @container (min-width: 80rem) {
-    .\@7xl\:col-span-1 {
-      grid-column: span 1 / span 1;
-    }
-
-    .\@7xl\:col-span-2 {
-      grid-column: span 2 / span 2;
-    }
-
-    .\@7xl\:col-span-3 {
-      grid-column: span 3 / span 3;
-    }
-
-    .\@7xl\:col-span-4 {
-      grid-column: span 4 / span 4;
-    }
-
     .\@7xl\:grid-cols-3 {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
@@ -13146,6 +13321,10 @@
     border-color: var(--border);
   }
 
+  .\[\&\.rdp-range_end\]\:bg-none.rdp-range end {
+    background-image: none;
+  }
+
   .\[\&\:\:-moz-progress-bar\]\:bg-success-indicator::-moz-progress-bar {
     background-color: var(--success-indicator);
   }
@@ -13167,6 +13346,10 @@
     background-color: #0000;
   }
 
+  .\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
+    display: none;
+  }
+
   .\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button {
     margin: 0;
   }
@@ -13270,47 +13453,19 @@
     content: var(--tw-content);
   }
 
-  .\[\&\:has\(\+\:hover\)\]\:after\:\[mask-image\:linear-gradient\(to_right\,transparent\,black_24px\,black_calc\(100\%-24px\)\,transparent\)\]:has( + :hover):after {
-    content: var(--tw-content);
-    -webkit-mask-image: linear-gradient(to right, #0000, #000 24px calc(100% - 24px), #0000);
-    mask-image: linear-gradient(to right, #0000, #000 24px calc(100% - 24px), #0000);
-  }
-
-  .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has( > .day-range-end) {
-    border-top-right-radius: var(--radius-md);
-    border-bottom-right-radius: var(--radius-md);
-  }
-
-  .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has( > .day-range-start) {
-    border-top-left-radius: var(--radius-md);
-    border-bottom-left-radius: var(--radius-md);
-  }
-
-  .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
-    border-radius: var(--radius-md);
-  }
-
-  .\[\&\:has\(\[aria-selected\]\)\]\:bg-fill:has([aria-selected]) {
-    background-color: var(--fill);
-  }
-
-  .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
-    border-top-left-radius: var(--radius-md);
-    border-bottom-left-radius: var(--radius-md);
-  }
-
-  .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]) {
-    border-top-right-radius: var(--radius-md);
-    border-bottom-right-radius: var(--radius-md);
+  .\[\&\:has\(\+\.rdp-hidden\)\]\:rounded-r-full:has( + .rdp-hidden) {
+    border-top-right-radius: 3.40282e38px;
+    border-bottom-right-radius: 3.40282e38px;
   }
 
-  .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-fill-subtle:has([aria-selected].day-outside) {
-    background-color: var(--fill-subtle);
+  .\[\&\:has\(\+\.rdp-hidden\)\]\:bg-none:has( + .rdp-hidden) {
+    background-image: none;
   }
 
-  .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
-    border-top-right-radius: var(--radius-md);
-    border-bottom-right-radius: var(--radius-md);
+  .\[\&\:has\(\+\:hover\)\]\:after\:\[mask-image\:linear-gradient\(to_right\,transparent\,black_24px\,black_calc\(100\%-24px\)\,transparent\)\]:has( + :hover):after {
+    content: var(--tw-content);
+    -webkit-mask-image: linear-gradient(to right, #0000, #000 24px calc(100% - 24px), #0000);
+    mask-image: linear-gradient(to right, #0000, #000 24px calc(100% - 24px), #0000);
   }
 
   .\[\&\:hover\]\:opacity-70:hover {
@@ -14009,6 +14164,15 @@
     appearance: textfield;
   }
 
+  .rdp-hidden + .\[\.rdp-hidden\+\&\]\:rounded-l-full {
+    border-top-left-radius: 3.40282e38px;
+    border-bottom-left-radius: 3.40282e38px;
+  }
+
+  .rdp-hidden + .\[\.rdp-hidden\+\&\]\:bg-none {
+    background-image: none;
+  }
+
   :is([data-slot="field"], [data-slot="field-item"]):has( > [role="checkbox"],  > [role="switch"],  > [role="radio"]) .not-data-disabled\:\[\:is\(\[data-slot\=field\]\,\[data-slot\=field-item\]\)\:has\(\>\[role\=checkbox\]\,\>\[role\=switch\]\,\>\[role\=radio\]\)_\&\]\:cursor-pointer:not([data-disabled]) {
     cursor: pointer;
   }
@@ -14913,6 +15077,20 @@ html.light {
 }
 
 :root {
+  --chart-series-l: .76;
+  --chart-series-c: .13;
+  --chart-series-pink: oklch(var(--chart-series-l) var(--chart-series-c) 0);
+  --chart-series-orange: oklch(var(--chart-series-l) var(--chart-series-c) 50);
+  --chart-series-amber: oklch(calc(var(--chart-series-l) + .06) var(--chart-series-c) 82);
+  --chart-series-lime: oklch(calc(var(--chart-series-l) + .04) var(--chart-series-c) 122);
+  --chart-series-green: oklch(var(--chart-series-l) var(--chart-series-c) 152);
+  --chart-series-teal: oklch(var(--chart-series-l) var(--chart-series-c) 182);
+  --chart-series-cyan: oklch(var(--chart-series-l) var(--chart-series-c) 212);
+  --chart-series-blue: oklch(var(--chart-series-l) var(--chart-series-c) 248);
+  --chart-series-indigo: oklch(var(--chart-series-l) var(--chart-series-c) 276);
+  --chart-series-violet: oklch(var(--chart-series-l) var(--chart-series-c) 302);
+  --chart-series-magenta: oklch(var(--chart-series-l) var(--chart-series-c) 330);
+  --chart-series-neutral: oklch(calc(var(--chart-series-l) + .14) .006 260);
   --span-agent: oklch(75% .133 250);
   --span-workflow: oklch(75% .127 200);
   --span-model: oklch(75% .15 320);
@@ -14951,6 +15129,9 @@ html.light {
 }
 
 html.light {
+  --chart-series-l: .62;
+  --chart-series-c: .15;
+  --chart-series-neutral: oklch(calc(var(--chart-series-l) - .3) .006 260);
   --span-agent: oklch(55% .15 250);
   --span-workflow: oklch(55% .093 200);
   --span-model: oklch(55% .15 320);