@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/style.css

@@ -746,6 +746,10 @@
     inset-block: var(--spacing);
   }
 
+  .inset-y-2 {
+    inset-block: calc(var(--spacing) * 2);
+  }
+
   .inset-s-1\/2 {
     inset-inline-start: 50%;
   }
@@ -954,6 +958,10 @@
     z-index: 0;
   }
 
+  .z-1 {
+    z-index: 1;
+  }
+
   .z-10 {
     z-index: 10;
   }
@@ -1030,10 +1038,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 +1177,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 +1245,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 +1790,10 @@
     margin-top: auto;
   }
 
+  .mt-px {
+    margin-top: 1px;
+  }
+
   .-mr-1\.5 {
     margin-right: calc(var(--spacing) * -1.5);
   }
@@ -1906,6 +1926,10 @@
     margin-left: -.8em;
   }
 
+  .ml-\[-\.9em\] {
+    margin-left: -.9em;
+  }
+
   .ml-\[14px\] {
     margin-left: 14px;
   }
@@ -2021,6 +2045,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 +2245,10 @@
     height: var(--spacing-icon-xs);
   }
 
+  .h-\(--cell-size\) {
+    height: var(--cell-size);
+  }
+
   .h-\(--cmdk-list-height\) {
     height: var(--cmdk-list-height);
   }
@@ -2264,6 +2297,10 @@
     height: calc(var(--spacing) * 4);
   }
 
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
+
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -2428,6 +2465,10 @@
     height: 30vh;
   }
 
+  .h-\[32rem\] {
+    height: 32rem;
+  }
+
   .h-\[38px\] {
     height: 38px;
   }
@@ -2564,6 +2605,10 @@
     height: var(--spacing-table-header);
   }
 
+  .max-h-\(--available-height\) {
+    max-height: var(--available-height);
+  }
+
   .max-h-35 {
     max-height: calc(var(--spacing) * 35);
   }
@@ -2728,10 +2773,6 @@
     min-height: calc(var(--spacing) * 7);
   }
 
-  .min-h-8 {
-    min-height: calc(var(--spacing) * 8);
-  }
-
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
@@ -2760,6 +2801,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 +3653,10 @@
     max-width: 70%;
   }
 
+  .max-w-\[70ch\] {
+    max-width: 70ch;
+  }
+
   .max-w-\[80\%\] {
     max-width: 80%;
   }
@@ -3712,6 +3761,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 +3975,10 @@
     transform-origin: var(--transform-origin);
   }
 
+  .origin-bottom-left {
+    transform-origin: 0 100%;
+  }
+
   .origin-left {
     transform-origin: 0;
   }
@@ -3940,11 +3997,31 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .-translate-x-\(--knowledge-drawer-inset\) {
+    --tw-translate-x: calc(var(--knowledge-drawer-inset) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .-translate-x-4 {
+    --tw-translate-x: calc(var(--spacing) * -4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .translate-x-\(--knowledge-pane-left\) {
+    --tw-translate-x: var(--knowledge-pane-left);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .translate-x-\(--knowledge-tree-drawer-inset\,0px\) {
+    --tw-translate-x: var(--knowledge-tree-drawer-inset, 0px);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .translate-x-0 {
     --tw-translate-x: 0px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -4220,6 +4297,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 +4461,10 @@
     grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
   }
 
+  .grid-rows-subgrid {
+    grid-template-rows: subgrid;
+  }
+
   .flex-col {
     flex-direction: column;
   }
@@ -4625,6 +4710,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 +4985,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 +5033,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 +5554,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 +5838,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 +5908,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 +5950,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 +5974,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 +5993,10 @@
     --tw-gradient-to-position: 30%;
   }
 
+  .to-50\% {
+    --tw-gradient-to-position: 50%;
+  }
+
   .to-\[1\.5rem\] {
     --tw-gradient-to-position: 1.5rem;
   }
@@ -6020,9 +6133,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 +6250,10 @@
     fill: var(--foreground);
   }
 
+  .fill-muted {
+    fill: var(--muted);
+  }
+
   .fill-muted-foreground {
     fill: var(--muted-foreground);
   }
@@ -6185,6 +6302,10 @@
     stroke: var(--badge-purple-edge);
   }
 
+  .stroke-border {
+    stroke: var(--border);
+  }
+
   .stroke-border-strong {
     stroke: var(--border-strong);
   }
@@ -6293,6 +6414,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 +6566,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);
   }
@@ -6705,6 +6834,10 @@
     padding-left: calc(var(--spacing) * 8);
   }
 
+  .pl-9 {
+    padding-left: calc(var(--spacing) * 9);
+  }
+
   .pl-10 {
     padding-left: calc(var(--spacing) * 10);
   }
@@ -6733,6 +6866,10 @@
     padding-left: calc(var(--control-px) - 2px);
   }
 
+  .pl-\[calc\(var\(--knowledge-tree-inset\)\+0\.5rem\)\] {
+    padding-left: calc(var(--knowledge-tree-inset) + .5rem);
+  }
+
   .pl-\[calc\(var\(--spacing-icon-md\)\+var\(--spacing\)\*4\+1px\)\] {
     padding-left: calc(var(--spacing-icon-md) + var(--spacing) * 4 + 1px);
   }
@@ -7256,6 +7393,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 +7465,6 @@
     color: var(--sidebar);
   }
 
-  .text-sidebar\! {
-    color: var(--sidebar) !important;
-  }
-
   .text-span-agent {
     color: var(--span-agent);
   }
@@ -8177,6 +8320,10 @@
     --card-radius: calc(var(--radius-xl) - 2px);
   }
 
+  .\[--cell-size\:--spacing\(8\)\] {
+    --cell-size: calc(var(--spacing) * 8);
+  }
+
   .\[--chat-column\:44rem\] {
     --chat-column: 44rem;
   }
@@ -8251,6 +8398,10 @@
     --control-icon: var(--control-icon-rest);
   }
 
+  .\[--control-icon\:var\(--foreground\)\] {
+    --control-icon: var(--foreground);
+  }
+
   .\[--control-px\:\.9em\] {
     --control-px: .9em;
   }
@@ -8359,6 +8510,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;
   }
@@ -8452,10 +8611,6 @@
     height: 100%;
   }
 
-  :is(.\*\:w-full > *) {
-    width: 100%;
-  }
-
   :is(.\*\:min-w-0\! > *) {
     min-width: 0 !important;
   }
@@ -8490,6 +8645,10 @@
     border-top-width: 0;
   }
 
+  :is(.\*\:py-6 > *) {
+    padding-block: calc(var(--spacing) * 6);
+  }
+
   :is(.\*\:transition-colors > *) {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -8519,6 +8678,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;
   }
@@ -9412,8 +9579,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);
   }
 
@@ -9684,6 +9856,10 @@
     border-top-width: 0;
   }
 
+  .first\:bg-none:first-child {
+    background-image: none;
+  }
+
   .first\:pt-0:first-child {
     padding-top: 0;
   }
@@ -9706,11 +9882,15 @@
     border-bottom-width: 0;
   }
 
+  .last\:bg-none:last-child {
+    background-image: none;
+  }
+
   .last\:pr-3:last-child {
     padding-right: calc(var(--spacing) * 3);
   }
 
-  .last\:pb-0:last-child {
+  .last\:pb-0:last-child, :is(.\*\:last\:pb-0 > *):last-child {
     padding-bottom: 0;
   }
 
@@ -9745,14 +9925,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);
   }
@@ -9798,6 +9970,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%;
@@ -9871,14 +10050,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 {
@@ -10077,24 +10250,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;
   }
@@ -10166,6 +10325,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);
   }
@@ -10381,19 +10545,11 @@
     color: var(--placeholder);
   }
 
-  .disabled\:opacity-40:disabled {
-    opacity: .4;
-  }
-
   .disabled\:opacity-50:disabled {
     opacity: .5;
   }
 
   @media (hover: hover) {
-    .disabled\:hover\:bg-card:disabled:hover {
-      background-color: var(--card);
-    }
-
     .disabled\:hover\:text-muted-foreground:disabled:hover {
       color: var(--muted-foreground);
     }
@@ -10715,6 +10871,10 @@
     color: var(--placeholder);
   }
 
+  .aria-disabled\:opacity-40[aria-disabled="true"] {
+    opacity: .4;
+  }
+
   .aria-disabled\:opacity-50[aria-disabled="true"] {
     opacity: .5;
   }
@@ -10751,53 +10911,11 @@
     border-color: var(--destructive-indicator);
   }
 
-  .aria-pressed\:border-transparent[aria-pressed="true"] {
-    border-color: #0000;
-  }
-
-  .aria-pressed\:bg-fill-inverse[aria-pressed="true"] {
-    background-color: var(--fill-inverse);
-  }
-
-  .aria-pressed\:text-background[aria-pressed="true"] {
-    color: var(--background);
-  }
-
   .aria-pressed\:before\:bg-fill[aria-pressed="true"]:before {
     content: var(--tw-content);
     background-color: var(--fill);
   }
 
-  @media (hover: hover) {
-    .aria-pressed\:hover\:bg-fill-inverse[aria-pressed="true"]:hover {
-      background-color: var(--fill-inverse);
-    }
-  }
-
-  .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);
@@ -10930,6 +11048,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);
   }
@@ -10987,6 +11147,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;
   }
@@ -11665,6 +11829,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));
@@ -11733,6 +11903,10 @@
       transition-duration: .2s;
     }
 
+    .motion-safe\:duration-fast {
+      transition-duration: var(--duration-fast);
+    }
+
     .motion-safe\:duration-normal {
       transition-duration: var(--duration-normal);
     }
@@ -11821,6 +11995,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));
@@ -12144,11 +12342,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;
     }
@@ -12503,10 +12696,6 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
-    .xl\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
-      grid-template-columns: minmax(0, 1fr) 18rem;
-    }
-
     .xl\:px-\[4\.375rem\] {
       padding-inline: 4.375rem;
     }
@@ -12619,10 +12808,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;
     }
@@ -12645,9 +12842,43 @@
   }
 
   @container (min-width: 56rem) {
+    .\@4xl\:w-72 {
+      width: calc(var(--spacing) * 72);
+    }
+
+    .\@4xl\:flex-1 {
+      flex: 1;
+    }
+
+    .\@4xl\:shrink-0 {
+      flex-shrink: 0;
+    }
+
     .\@4xl\:grid-cols-\[repeat\(auto-fit\,minmax\(12rem\,1fr\)\)\] {
       grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
     }
+
+    .\@4xl\:flex-row {
+      flex-direction: row;
+    }
+
+    .\@4xl\:border-t-0 {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0;
+    }
+
+    .\@4xl\:border-l {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+
+    .\@4xl\:pl-8 {
+      padding-left: calc(var(--spacing) * 8);
+    }
+
+    :is(.\@4xl\:\*\:first\:pt-0 > *):first-child {
+      padding-top: 0;
+    }
   }
 
   @container (min-width: 64rem) {
@@ -12667,22 +12898,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));
     }
@@ -13150,6 +13365,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);
   }
@@ -13171,6 +13390,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;
   }
@@ -13274,47 +13497,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 {
@@ -14013,6 +14208,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;
   }
@@ -14917,6 +15121,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);
@@ -14955,6 +15173,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);