@mastra/playground-ui 55.0.0 → 56.0.0-alpha.5

package/dist/style.css

@@ -15,8 +15,9 @@
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
-      --tw-divide-y-reverse: 0;
+      --tw-divide-x-reverse: 0;
       --tw-border-style: solid;
+      --tw-divide-y-reverse: 0;
       --tw-gradient-position: initial;
       --tw-gradient-from: #0000;
       --tw-gradient-via: #0000;
@@ -89,12 +90,12 @@
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
-      --tw-scrollbar-thumb: #0000;
-      --tw-scrollbar-track: #0000;
       --tw-mask-left-from-position: 0%;
       --tw-mask-left-to-position: 100%;
       --tw-mask-left-from-color: black;
       --tw-mask-left-to-color: transparent;
+      --tw-scrollbar-thumb: #0000;
+      --tw-scrollbar-track: #0000;
       --tw-mask-top-from-position: 0%;
       --tw-mask-top-to-position: 100%;
       --tw-mask-top-from-color: black;
@@ -150,7 +151,6 @@
     --color-gray-500: oklch(55.1% .027 264.364);
     --color-gray-600: oklch(44.6% .03 256.802);
     --color-gray-700: oklch(37.3% .034 259.733);
-    --color-zinc-800: oklch(27.4% .006 286.033);
     --color-neutral-300: oklch(87% 0 none);
     --color-neutral-700: oklch(37.1% 0 none);
     --color-black: #000;
@@ -171,11 +171,13 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --tracking-tighter: -.05em;
     --tracking-tight: -.025em;
     --tracking-normal: 0em;
     --tracking-wide: .025em;
     --tracking-wider: .05em;
     --tracking-widest: .1em;
+    --leading-tight: 1.25;
     --leading-relaxed: 1.625;
     --radius-xs: .125rem;
     --radius-sm: 4px;
@@ -277,6 +279,7 @@
     --height-avatar-lg: 40px;
     --height-dropdown-max-height: 300px;
     --max-height-dropdown-max-height: 300px;
+    --min-height-header-default: 40px;
     --width-icon-default: 16px;
     --width-icon-lg: 20px;
     --width-icon-sm: 12px;
@@ -317,6 +320,7 @@
     --color-button-default-bg-hover: var(--button-default-bg-hover);
     --color-button-default-bg-active: var(--button-default-bg-active);
     --color-button-default-border: var(--button-default-border);
+    --color-text1: var(--text1);
     --color-warning1: var(--warning1);
     --color-positive1: var(--positive1);
     --color-negative1: var(--negative1);
@@ -837,10 +841,18 @@
     right: var(--spacing-3);
   }
 
+  .right-6 {
+    right: var(--spacing-6);
+  }
+
   .bottom-0 {
     bottom: var(--spacing-0);
   }
 
+  .bottom-6 {
+    bottom: var(--spacing-6);
+  }
+
   .bottom-\[calc\(100\%\+0\.5rem\)\] {
     bottom: calc(100% + .5rem);
   }
@@ -915,6 +927,10 @@
     isolation: isolate;
   }
 
+  .-z-10 {
+    z-index: calc(10 * -1);
+  }
+
   .z-0 {
     z-index: 0;
   }
@@ -983,8 +999,8 @@
     grid-column: 1 / -1;
   }
 
-  .col-start-3 {
-    grid-column-start: 3;
+  .col-start-1 {
+    grid-column-start: 1;
   }
 
   .col-start-\[action\] {
@@ -1065,6 +1081,10 @@
     margin: var(--spacing-0);
   }
 
+  .m-0\.5 {
+    margin: var(--spacing-0_5);
+  }
+
   .m-1 {
     margin: var(--spacing-1);
   }
@@ -1073,6 +1093,10 @@
     margin: var(--spacing-1_5);
   }
 
+  .m-2\! {
+    margin: var(--spacing-2) !important;
+  }
+
   .m-3 {
     margin: var(--spacing-3);
   }
@@ -1106,6 +1130,10 @@
     margin-inline: calc(var(--spacing-1) * -1);
   }
 
+  .-mx-5 {
+    margin-inline: calc(var(--spacing-5) * -1);
+  }
+
   .mx-1\.5 {
     margin-inline: var(--spacing-1_5);
   }
@@ -1134,6 +1162,10 @@
     margin-block: var(--spacing-1);
   }
 
+  .my-1\.5 {
+    margin-block: var(--spacing-1_5);
+  }
+
   .my-2 {
     margin-block: var(--spacing-2);
   }
@@ -1684,6 +1716,10 @@
     margin-top: auto;
   }
 
+  .-mr-1\.5 {
+    margin-right: calc(var(--spacing-1_5) * -1);
+  }
+
   .-mr-3 {
     margin-right: calc(var(--spacing-3) * -1);
   }
@@ -1991,6 +2027,11 @@
     height: var(--spacing-20);
   }
 
+  .size-28 {
+    width: var(--spacing-28);
+    height: var(--spacing-28);
+  }
+
   .size-\[0\.6rem\] {
     width: .6rem;
     height: .6rem;
@@ -2092,6 +2133,10 @@
     height: var(--spacing-20);
   }
 
+  .h-24 {
+    height: var(--spacing-24);
+  }
+
   .h-32 {
     height: var(--spacing-32);
   }
@@ -2124,10 +2169,6 @@
     height: var(--spacing-96);
   }
 
-  .h-\[1\.8rem\] {
-    height: 1.8rem;
-  }
-
   .h-\[1lh\] {
     height: 1lh;
   }
@@ -2140,6 +2181,14 @@
     height: 30vh;
   }
 
+  .h-\[38px\] {
+    height: 38px;
+  }
+
+  .h-\[46px\] {
+    height: 46px;
+  }
+
   .h-\[80vh\] {
     height: 80vh;
   }
@@ -2152,6 +2201,10 @@
     height: 400px;
   }
 
+  .h-\[620px\] {
+    height: 620px;
+  }
+
   .h-\[calc\(85dvh\+1\.5rem\)\] {
     height: calc(85dvh + 1.5rem);
   }
@@ -2281,6 +2334,10 @@
     max-height: 80vh;
   }
 
+  .max-h-\[220px\] {
+    max-height: 220px;
+  }
+
   .max-h-\[400px\] {
     max-height: 400px;
   }
@@ -2305,6 +2362,10 @@
     max-height: min(14rem, 32dvh);
   }
 
+  .max-h-\[min\(var\(--max-height-dropdown-max-height\)\,60dvh\)\] {
+    max-height: min(var(--max-height-dropdown-max-height), 60dvh);
+  }
+
   .max-h-\[min\(var\(--max-height-dropdown-max-height\)\,var\(--available-height\)\)\] {
     max-height: min(var(--max-height-dropdown-max-height), var(--available-height));
   }
@@ -2329,6 +2390,10 @@
     min-height: var(--spacing-5);
   }
 
+  .min-h-7 {
+    min-height: var(--spacing-7);
+  }
+
   .min-h-8 {
     min-height: var(--spacing-8);
   }
@@ -2341,6 +2406,10 @@
     min-height: var(--spacing-10);
   }
 
+  .min-h-11 {
+    min-height: var(--spacing-11);
+  }
+
   .min-h-12 {
     min-height: var(--spacing-12);
   }
@@ -2361,6 +2430,10 @@
     min-height: var(--spacing-24);
   }
 
+  .min-h-28 {
+    min-height: var(--spacing-28);
+  }
+
   .min-h-32 {
     min-height: var(--spacing-32);
   }
@@ -2377,10 +2450,18 @@
     min-height: var(--spacing-72);
   }
 
+  .min-h-80 {
+    min-height: var(--spacing-80);
+  }
+
   .min-h-\[70cqh\] {
     min-height: 70cqh;
   }
 
+  .min-h-\[108px\] {
+    min-height: 108px;
+  }
+
   .min-h-dvh {
     min-height: 100dvh;
   }
@@ -2405,6 +2486,10 @@
     min-height: 100%;
   }
 
+  .min-h-header-default {
+    min-height: var(--min-height-header-default);
+  }
+
   .min-h-screen {
     min-height: 100vh;
   }
@@ -2477,6 +2562,10 @@
     width: var(--spacing-6);
   }
 
+  .w-7 {
+    width: var(--spacing-7);
+  }
+
   .w-8 {
     width: var(--spacing-8);
   }
@@ -2521,6 +2610,10 @@
     width: var(--spacing-32);
   }
 
+  .w-36 {
+    width: var(--spacing-36);
+  }
+
   .w-40 {
     width: var(--spacing-40);
   }
@@ -2589,6 +2682,10 @@
     width: 126px;
   }
 
+  .w-\[140px\] {
+    width: 140px;
+  }
+
   .w-\[150px\] {
     width: 150px;
   }
@@ -2637,6 +2734,10 @@
     width: 600px;
   }
 
+  .w-\[688px\] {
+    width: 688px;
+  }
+
   .w-\[calc\(32rem\+1\.5rem\)\] {
     width: 33.5rem;
   }
@@ -2733,10 +2834,18 @@
     width: 100%;
   }
 
+  .w-lg {
+    width: var(--container-lg);
+  }
+
   .w-max {
     width: max-content;
   }
 
+  .w-md {
+    width: var(--container-md);
+  }
+
   .w-px {
     width: 1px;
     width: var(--spacing-px);
@@ -2822,10 +2931,6 @@
     max-width: var(--spacing-64);
   }
 
-  .max-w-80 {
-    max-width: var(--spacing-80);
-  }
-
   .max-w-96 {
     max-width: var(--spacing-96);
   }
@@ -2854,6 +2959,10 @@
     max-width: 62ch;
   }
 
+  .max-w-\[70\%\] {
+    max-width: 70%;
+  }
+
   .max-w-\[80\%\] {
     max-width: 80%;
   }
@@ -2950,6 +3059,10 @@
     min-width: var(--spacing-16);
   }
 
+  .min-w-24 {
+    min-width: var(--spacing-24);
+  }
+
   .min-w-32 {
     min-width: var(--spacing-32);
   }
@@ -2958,8 +3071,8 @@
     min-width: var(--spacing-40);
   }
 
-  .min-w-48 {
-    min-width: var(--spacing-48);
+  .min-w-44 {
+    min-width: var(--spacing-44);
   }
 
   .min-w-56 {
@@ -3043,6 +3156,10 @@
     transform-origin: 0;
   }
 
+  .origin-top-left {
+    transform-origin: 0 0;
+  }
+
   .-translate-1\/2 {
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
@@ -3060,6 +3177,11 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .-translate-x-2 {
+    --tw-translate-x: calc(var(--spacing-2) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .translate-x-0 {
     --tw-translate-x: var(--spacing-0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3070,6 +3192,11 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .translate-x-2 {
+    --tw-translate-x: var(--spacing-2);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3193,6 +3320,10 @@
     cursor: pointer;
   }
 
+  .cursor-text {
+    cursor: text;
+  }
+
   .\[touch-action\:auto\] {
     touch-action: auto;
   }
@@ -3261,10 +3392,6 @@
     grid-template-columns: 0fr 1fr 1fr;
   }
 
-  .grid-cols-\[1\.625rem_1\.625rem_1\.625rem\] {
-    grid-template-columns: 1.625rem 1.625rem 1.625rem;
-  }
-
   .grid-cols-\[1fr\] {
     grid-template-columns: 1fr;
   }
@@ -3285,10 +3412,6 @@
     grid-template-columns: 1fr 2fr;
   }
 
-  .grid-cols-\[1fr_4fr\] {
-    grid-template-columns: 1fr 4fr;
-  }
-
   .grid-cols-\[1fr_auto\] {
     grid-template-columns: 1fr auto;
   }
@@ -3297,6 +3420,10 @@
     grid-template-columns: 1fr auto 1fr;
   }
 
+  .grid-cols-\[2rem_1fr_2rem\] {
+    grid-template-columns: 2rem 1fr 2rem;
+  }
+
   .grid-cols-\[5rem_repeat\(4\,minmax\(0\,1fr\)\)\] {
     grid-template-columns: 5rem repeat(4, minmax(0, 1fr));
   }
@@ -3309,6 +3436,10 @@
     grid-template-columns: 6rem 1fr;
   }
 
+  .grid-cols-\[9rem_1fr\] {
+    grid-template-columns: 9rem 1fr;
+  }
+
   .grid-cols-\[9rem_repeat\(3\,minmax\(0\,1fr\)\)\] {
     grid-template-columns: 9rem repeat(3, minmax(0, 1fr));
   }
@@ -3357,18 +3488,18 @@
     grid-template-columns: minmax(0, 1fr) 280px;
   }
 
-  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
-    grid-template-columns: minmax(0, 1fr) auto auto;
-  }
-
-  .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(12rem\,1fr\)\] {
-    grid-template-columns: minmax(0, 1fr) auto minmax(12rem, 1fr);
+  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
+    grid-template-columns: minmax(0, 1fr) auto;
   }
 
   .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,40\%\)\] {
     grid-template-columns: minmax(0, 1fr) minmax(0, 40%);
   }
 
+  .grid-cols-\[minmax\(10rem\,2fr\)_minmax\(12rem\,3fr\)\] {
+    grid-template-columns: minmax(10rem, 2fr) minmax(12rem, 3fr);
+  }
+
   .grid-cols-subgrid {
     grid-template-columns: subgrid;
   }
@@ -3389,14 +3520,6 @@
     grid-template-rows: 1fr auto;
   }
 
-  .grid-rows-\[2fr_3fr\] {
-    grid-template-rows: 2fr 3fr;
-  }
-
-  .grid-rows-\[2fr_3fr_3fr\] {
-    grid-template-rows: 2fr 3fr 3fr;
-  }
-
   .grid-rows-\[4rem_1fr\] {
     grid-template-rows: 4rem 1fr;
   }
@@ -3413,14 +3536,6 @@
     grid-template-rows: auto 1fr 1fr;
   }
 
-  .grid-rows-\[auto_3fr\] {
-    grid-template-rows: auto 3fr;
-  }
-
-  .grid-rows-\[auto_3fr_3fr\] {
-    grid-template-rows: auto 3fr 3fr;
-  }
-
   .grid-rows-\[auto_auto\] {
     grid-template-rows: auto auto;
   }
@@ -3453,10 +3568,6 @@
     flex-wrap: wrap;
   }
 
-  .flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
   .place-items-center {
     place-items: center;
   }
@@ -3585,10 +3696,6 @@
     gap: .75em;
   }
 
-  .gap-\[0\.1rem\] {
-    gap: .1rem;
-  }
-
   .gap-\[6px\] {
     gap: 6px;
   }
@@ -3686,6 +3793,10 @@
     column-gap: var(--spacing-5);
   }
 
+  .gap-x-6 {
+    column-gap: var(--spacing-6);
+  }
+
   :where(.space-x-2 > :not(:last-child)) {
     --tw-space-x-reverse: 0;
     margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));
@@ -3717,6 +3828,13 @@
     row-gap: var(--spacing-px);
   }
 
+  :where(.divide-x > :not(:last-child)) {
+    --tw-divide-x-reverse: 0;
+    border-inline-style: var(--tw-border-style);
+    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
   :where(.divide-y > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
     border-bottom-style: var(--tw-border-style);
@@ -3745,6 +3863,10 @@
     align-self: stretch;
   }
 
+  .justify-self-center {
+    justify-self: center;
+  }
+
   .justify-self-end {
     justify-self: flex-end;
   }
@@ -3803,6 +3925,10 @@
     border-radius: .25rem;
   }
 
+  .rounded-\(--card-radius\) {
+    border-radius: var(--card-radius);
+  }
+
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
@@ -3823,6 +3949,10 @@
     border-radius: 23px;
   }
 
+  .rounded-\[calc\(var\(--radius-xl\)-2px\)\] {
+    border-radius: calc(var(--radius-xl) - 2px);
+  }
+
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -3868,6 +3998,11 @@
     border-end-end-radius: var(--radius-lg);
   }
 
+  .rounded-t-\(--card-radius\) {
+    border-top-left-radius: var(--card-radius);
+    border-top-right-radius: var(--card-radius);
+  }
+
   .rounded-t-xl {
     border-top-left-radius: var(--radius-xl);
     border-top-right-radius: var(--radius-xl);
@@ -3878,11 +4013,6 @@
     border-bottom-left-radius: .25rem;
   }
 
-  .rounded-l-lg {
-    border-top-left-radius: var(--radius-lg);
-    border-bottom-left-radius: var(--radius-lg);
-  }
-
   .rounded-l-md {
     border-top-left-radius: var(--radius-md);
     border-bottom-left-radius: var(--radius-md);
@@ -3903,6 +4033,11 @@
     border-bottom-right-radius: var(--radius-md);
   }
 
+  .rounded-r-none {
+    border-top-right-radius: var(--radius-none);
+    border-bottom-right-radius: var(--radius-none);
+  }
+
   .rounded-r-xl {
     border-top-right-radius: var(--radius-xl);
     border-bottom-right-radius: var(--radius-xl);
@@ -4031,6 +4166,16 @@
     }
   }
 
+  .border-border, .border-border\/50 {
+    border-color: var(--border);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-border\/50 {
+      border-color: color-mix(in oklab, var(--border) 50%, transparent);
+    }
+  }
+
   .border-border1, .border-border1\/30 {
     border-color: var(--color-border1);
   }
@@ -4161,6 +4306,30 @@
     border-color: var(--color-neutral2);
   }
 
+  .border-neutral3\/25 {
+    border-color: var(--color-neutral3);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-neutral3\/25 {
+      border-color: color-mix(in oklab, var(--color-neutral3) 25%, transparent);
+    }
+  }
+
+  .border-neutral3\/40 {
+    border-color: var(--color-neutral3);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-neutral3\/40 {
+      border-color: color-mix(in oklab, var(--color-neutral3) 40%, transparent);
+    }
+  }
+
+  .border-neutral4 {
+    border-color: var(--color-neutral4);
+  }
+
   .border-neutral5\/60 {
     border-color: var(--color-neutral5);
   }
@@ -4345,6 +4514,10 @@
     border-left-color: #0000;
   }
 
+  .border-l-warning1 {
+    border-left-color: var(--color-warning1);
+  }
+
   .bg-\(--chat-surface\) {
     background-color: var(--chat-surface);
   }
@@ -4439,6 +4612,16 @@
     background-color: var(--color-accent6Dark);
   }
 
+  .bg-background, .bg-background\/95 {
+    background-color: var(--background);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-background\/95 {
+      background-color: color-mix(in oklab, var(--background) 95%, transparent);
+    }
+  }
+
   .bg-badge-blue, .bg-badge-blue\/10 {
     background-color: var(--color-badge-blue);
   }
@@ -4633,6 +4816,10 @@
     }
   }
 
+  .bg-border {
+    background-color: var(--border);
+  }
+
   .bg-border1, .bg-border1\/40 {
     background-color: var(--color-border1);
   }
@@ -4651,6 +4838,10 @@
     background-color: var(--color-button-default-bg);
   }
 
+  .bg-card {
+    background-color: var(--card);
+  }
+
   .bg-current, .bg-current\/10 {
     background-color: currentColor;
   }
@@ -4753,6 +4944,16 @@
     background-color: var(--color-green-600);
   }
 
+  .bg-muted, .bg-muted\/50 {
+    background-color: var(--muted);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-muted\/50 {
+      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+    }
+  }
+
   .bg-neutral1 {
     background-color: var(--color-neutral1);
   }
@@ -4761,7 +4962,17 @@
     background-color: var(--color-neutral2);
   }
 
-  .bg-neutral3, .bg-neutral3\/15 {
+  .bg-neutral3, .bg-neutral3\/3 {
+    background-color: var(--color-neutral3);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-neutral3\/3 {
+      background-color: color-mix(in oklab, var(--color-neutral3) 3%, transparent);
+    }
+  }
+
+  .bg-neutral3\/15 {
     background-color: var(--color-neutral3);
   }
 
@@ -4865,7 +5076,7 @@
     }
   }
 
-  .bg-notice-destructive\/20 {
+  .bg-notice-destructive, .bg-notice-destructive\/20 {
     background-color: var(--color-notice-destructive);
   }
 
@@ -4875,7 +5086,7 @@
     }
   }
 
-  .bg-notice-info\/20 {
+  .bg-notice-info, .bg-notice-info\/20 {
     background-color: var(--color-notice-info);
   }
 
@@ -4889,7 +5100,7 @@
     background-color: var(--color-notice-note);
   }
 
-  .bg-notice-success\/20 {
+  .bg-notice-success, .bg-notice-success\/20 {
     background-color: var(--color-notice-success);
   }
 
@@ -4899,7 +5110,7 @@
     }
   }
 
-  .bg-notice-warning\/20 {
+  .bg-notice-warning, .bg-notice-warning\/20 {
     background-color: var(--color-notice-warning);
   }
 
@@ -4909,10 +5120,20 @@
     }
   }
 
-  .bg-overlay {
+  .bg-overlay, .bg-overlay\/30 {
     background-color: var(--color-overlay);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-overlay\/30 {
+      background-color: color-mix(in oklab, var(--color-overlay) 30%, transparent);
+    }
+  }
+
+  .bg-popover {
+    background-color: var(--popover);
+  }
+
   .bg-positive1, .bg-positive1\/5 {
     background-color: var(--color-positive1);
   }
@@ -4977,10 +5198,26 @@
     }
   }
 
+  .bg-selected {
+    background-color: var(--selected);
+  }
+
+  .bg-sidebar {
+    background-color: var(--sidebar);
+  }
+
+  .bg-sidebar-accent {
+    background-color: var(--sidebar-accent);
+  }
+
   .bg-sidebar-nav-active {
     background-color: var(--sidebar-nav-active);
   }
 
+  .bg-sidebar-nav-hover {
+    background-color: var(--sidebar-nav-hover);
+  }
+
   .bg-surface-overlay-soft {
     background-color: var(--color-surface-overlay-soft);
   }
@@ -5049,25 +5286,7 @@
     }
   }
 
-  .bg-surface3\/95 {
-    background-color: var(--color-surface3);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-surface3\/95 {
-      background-color: color-mix(in oklab, var(--color-surface3) 95%, transparent);
-    }
-  }
-
-  .bg-surface4 {
-    background-color: var(--color-surface4);
-  }
-
-  .bg-surface4\! {
-    background-color: var(--color-surface4) !important;
-  }
-
-  .bg-surface4\/40 {
+  .bg-surface4, .bg-surface4\/40 {
     background-color: var(--color-surface4);
   }
 
@@ -5097,7 +5316,17 @@
     }
   }
 
-  .bg-surface5, .bg-surface5\/80 {
+  .bg-surface5, .bg-surface5\/40 {
+    background-color: var(--color-surface5);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-surface5\/40 {
+      background-color: color-mix(in oklab, var(--color-surface5) 40%, transparent);
+    }
+  }
+
+  .bg-surface5\/80 {
     background-color: var(--color-surface5);
   }
 
@@ -5181,6 +5410,21 @@
     --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));
   }
 
+  .via-foreground\/25 {
+    --tw-gradient-via: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .via-foreground\/25 {
+      --tw-gradient-via: color-mix(in oklab, var(--foreground) 25%, transparent);
+    }
+  }
+
+  .via-foreground\/25 {
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+
   .via-neutral6\/25 {
     --tw-gradient-via: var(--color-neutral6);
   }
@@ -5252,22 +5496,58 @@
     mask-composite: intersect;
   }
 
+  .fill-neutral2 {
+    fill: var(--color-neutral2);
+  }
+
+  .fill-neutral3 {
+    fill: var(--color-neutral3);
+  }
+
   .fill-none {
     fill: none;
   }
 
+  .fill-popover {
+    fill: var(--popover);
+  }
+
   .fill-surface3 {
     fill: var(--color-surface3);
   }
 
-  .stroke-border1 {
-    stroke: var(--color-border1);
+  .stroke-border {
+    stroke: var(--border);
+  }
+
+  .stroke-border2 {
+    stroke: var(--color-border2);
+  }
+
+  .stroke-neutral2 {
+    stroke: var(--color-neutral2);
   }
 
   .stroke-neutral3 {
     stroke: var(--color-neutral3);
   }
 
+  .stroke-neutral4 {
+    stroke: var(--color-neutral4);
+  }
+
+  .stroke-neutral6 {
+    stroke: var(--color-neutral6);
+  }
+
+  .stroke-2 {
+    stroke-width: 2px;
+  }
+
+  .stroke-\[1\.5\] {
+    stroke-width: 1.5px;
+  }
+
   .object-cover {
     object-fit: cover;
   }
@@ -5361,6 +5641,10 @@
     padding-inline: var(--spacing-3);
   }
 
+  .px-3\.5 {
+    padding-inline: var(--spacing-3_5);
+  }
+
   .px-4 {
     padding-inline: var(--spacing-4);
   }
@@ -5485,6 +5769,11 @@
     padding-block: 3px;
   }
 
+  .py-px {
+    padding-block: 1px;
+    padding-block: var(--spacing-px);
+  }
+
   .pe-\(--chat-inset-end\) {
     padding-inline-end: var(--chat-inset-end);
   }
@@ -5601,6 +5890,10 @@
     padding-bottom: var(--spacing-2);
   }
 
+  .pb-2\.5 {
+    padding-bottom: var(--spacing-2_5);
+  }
+
   .pb-3 {
     padding-bottom: var(--spacing-3);
   }
@@ -5629,6 +5922,10 @@
     padding-bottom: 2px;
   }
 
+  .pl-0 {
+    padding-left: var(--spacing-0);
+  }
+
   .pl-0\! {
     padding-left: var(--spacing-0) !important;
   }
@@ -5685,6 +5982,10 @@
     padding-left: var(--spacing-14);
   }
 
+  .pl-\[\.9em\] {
+    padding-left: .9em;
+  }
+
   .pl-\[calc\(\.9em\+1\.1em\+\.75em\)\] {
     padding-left: 2.75em;
   }
@@ -5803,6 +6104,11 @@
     line-height: var(--leading-relaxed);
   }
 
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
+
   .leading-ui-lg {
     --tw-leading: var(--leading-ui-lg);
     line-height: var(--leading-ui-lg);
@@ -5868,6 +6174,11 @@
     letter-spacing: var(--tracking-tight);
   }
 
+  .tracking-tighter {
+    --tw-tracking: var(--tracking-tighter);
+    letter-spacing: var(--tracking-tighter);
+  }
+
   .tracking-wide {
     --tw-tracking: var(--tracking-wide);
     letter-spacing: var(--tracking-wide);
@@ -5883,8 +6194,12 @@
     letter-spacing: var(--tracking-widest);
   }
 
-  .text-pretty {
-    text-wrap: pretty;
+  .text-balance {
+    text-wrap: balance;
+  }
+
+  .text-pretty {
+    text-wrap: pretty;
   }
 
   .text-wrap {
@@ -6081,7 +6396,15 @@
     }
   }
 
-  .text-error, .text-error\/80 {
+  .text-error {
+    color: var(--color-error);
+  }
+
+  .text-error\! {
+    color: var(--color-error) !important;
+  }
+
+  .text-error\/80 {
     color: var(--color-error);
   }
 
@@ -6091,6 +6414,36 @@
     }
   }
 
+  .text-error\/90 {
+    color: var(--color-error);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-error\/90 {
+      color: color-mix(in oklab, var(--color-error) 90%, transparent);
+    }
+  }
+
+  .text-foreground, .text-foreground\/70 {
+    color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-foreground\/70 {
+      color: color-mix(in oklab, var(--foreground) 70%, transparent);
+    }
+  }
+
+  .text-foreground\/80 {
+    color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-foreground\/80 {
+      color: color-mix(in oklab, var(--foreground) 80%, transparent);
+    }
+  }
+
   .text-gray-600 {
     color: var(--color-gray-600);
   }
@@ -6117,6 +6470,16 @@
     color: inherit;
   }
 
+  .text-muted-foreground, .text-muted-foreground\/70 {
+    color: var(--muted-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-muted-foreground\/70 {
+      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
+    }
+  }
+
   .text-negative1 {
     color: var(--color-negative1);
   }
@@ -6133,16 +6496,10 @@
     color: var(--color-neutral2);
   }
 
-  .text-neutral3, .text-neutral3\/70 {
+  .text-neutral3 {
     color: var(--color-neutral3);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .text-neutral3\/70 {
-      color: color-mix(in oklab, var(--color-neutral3) 70%, transparent);
-    }
-  }
-
   .text-neutral4 {
     color: var(--color-neutral4);
   }
@@ -6171,6 +6528,10 @@
     color: var(--color-notice-success-fg);
   }
 
+  .text-notice-warning {
+    color: var(--color-notice-warning);
+  }
+
   .text-notice-warning-fg {
     color: var(--color-notice-warning-fg);
   }
@@ -6189,6 +6550,10 @@
     }
   }
 
+  .text-purple-400 {
+    color: var(--color-purple-400);
+  }
+
   .text-red-400 {
     color: var(--color-red-400);
   }
@@ -6213,6 +6578,10 @@
     color: var(--color-surface1);
   }
 
+  .text-text1 {
+    color: var(--color-text1);
+  }
+
   .text-transparent {
     color: #0000;
   }
@@ -6245,6 +6614,10 @@
     text-transform: lowercase;
   }
 
+  .normal-case {
+    text-transform: none;
+  }
+
   .uppercase {
     text-transform: uppercase;
   }
@@ -6275,6 +6648,14 @@
     accent-color: currentColor;
   }
 
+  .accent-foreground {
+    accent-color: var(--foreground);
+  }
+
+  .accent-positive1 {
+    accent-color: var(--color-positive1);
+  }
+
   .opacity-0 {
     opacity: 0;
   }
@@ -6410,6 +6791,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .shadow-md {
+    --tw-shadow: 0 4px 6px var(--tw-shadow-color, oklch(0% 0 0 / .3));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .shadow-none {
     --tw-shadow: 0 0 #0000;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -6502,6 +6888,10 @@
     }
   }
 
+  .ring-offset-background {
+    --tw-ring-offset-color: var(--background);
+  }
+
   .outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -6527,6 +6917,14 @@
     outline-offset: 2px;
   }
 
+  .outline-offset-4 {
+    outline-offset: 4px;
+  }
+
+  .outline-neutral3 {
+    outline-color: var(--color-neutral3);
+  }
+
   .outline-neutral5\/35 {
     outline-color: var(--color-neutral5);
   }
@@ -6636,6 +7034,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[border-color\,box-shadow\] {
+    transition-property: border-color, box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[clip-path\] {
     transition-property: clip-path;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -6660,6 +7064,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[grid-template-rows\] {
+    transition-property: grid-template-rows;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[height\,translate\,opacity\] {
     transition-property: height, translate, opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -6708,6 +7118,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[opacity\,translate\] {
+    transition-property: opacity, translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[padding\] {
     transition-property: padding;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -6881,6 +7297,10 @@
     will-change: opacity,filter,scale;
   }
 
+  .will-change-\[opacity\,translate\] {
+    will-change: opacity,translate;
+  }
+
   .will-change-transform {
     will-change: transform;
   }
@@ -6913,6 +7333,10 @@
     user-select: none;
   }
 
+  .\[--card-radius\:calc\(var\(--radius-xl\)-2px\)\] {
+    --card-radius: calc(var(--radius-xl) - 2px);
+  }
+
   .\[--chat-column\:44rem\] {
     --chat-column: 44rem;
   }
@@ -7025,11 +7449,19 @@
     background-color: var(--color-surface4);
   }
 
+  .group-focus-within\/message\:opacity-100:is(:where(.group\/message):focus-within *) {
+    opacity: 1;
+  }
+
   @media (hover: hover) {
     .group-hover\:w-2:is(:where(.group):hover *) {
       width: var(--spacing-2);
     }
 
+    .group-hover\:bg-surface4:is(:where(.group):hover *) {
+      background-color: var(--color-surface4);
+    }
+
     .group-hover\:text-neutral6:is(:where(.group):hover *) {
       color: var(--color-neutral6);
     }
@@ -7042,7 +7474,7 @@
       background-color: var(--color-surface4);
     }
 
-    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
+    .group-hover\/event\:opacity-100:is(:where(.group\/event):hover *), .group-hover\/message\:opacity-100:is(:where(.group\/message):hover *), .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
       opacity: 1;
     }
 
@@ -7094,7 +7526,7 @@
     --tw-ring-color: var(--color-accent3);
   }
 
-  .group-focus-visible\/row\:opacity-100:is(:where(.group\/row):focus-visible *) {
+  .group-focus-visible\/event\:opacity-100:is(:where(.group\/event):focus-visible *), .group-focus-visible\/row\:opacity-100:is(:where(.group\/row):focus-visible *) {
     opacity: 1;
   }
 
@@ -7159,6 +7591,10 @@
     width: var(--spacing-5);
   }
 
+  .group-data-\[from\=user\]\/message\:flex-row-reverse:is(:where(.group\/message)[data-from="user"] *) {
+    flex-direction: row-reverse;
+  }
+
   .group-data-\[holding\]\/hold\:\[clip-path\:inset\(0\)\]:is(:where(.group\/hold)[data-holding] *) {
     clip-path: inset(0);
   }
@@ -7186,6 +7622,14 @@
     display: flex;
   }
 
+  .group-data-\[panel-open\]\/event\:rotate-90:is(:where(.group\/event)[data-panel-open] *) {
+    rotate: 90deg;
+  }
+
+  .group-data-\[panel-open\]\/event\:opacity-100:is(:where(.group\/event)[data-panel-open] *) {
+    opacity: 1;
+  }
+
   .group-data-\[selected\=true\]\:text-neutral6:is(:where(.group)[data-selected="true"] *) {
     color: var(--color-neutral6);
   }
@@ -7463,6 +7907,11 @@
     position: absolute;
   }
 
+  .before\:-inset-1:before {
+    content: var(--tw-content);
+    inset: calc(var(--spacing-1) * -1);
+  }
+
   .before\:inset-0:before {
     content: var(--tw-content);
     inset: var(--spacing-0);
@@ -7473,6 +7922,11 @@
     inset-inline: var(--spacing-0);
   }
 
+  .before\:inset-x-1\.5:before {
+    content: var(--tw-content);
+    inset-inline: var(--spacing-1_5);
+  }
+
   .before\:-inset-y-1:before {
     content: var(--tw-content);
     inset-block: calc(var(--spacing-1) * -1);
@@ -7488,6 +7942,11 @@
     top: calc(var(--chat-fade) * -1);
   }
 
+  .before\:top-2:before {
+    content: var(--tw-content);
+    top: var(--spacing-2);
+  }
+
   .before\:top-\[50\%\]:before {
     content: var(--tw-content);
     top: 50%;
@@ -7498,6 +7957,11 @@
     bottom: var(--spacing-0);
   }
 
+  .before\:bottom-1\.5:before {
+    content: var(--tw-content);
+    bottom: var(--spacing-1_5);
+  }
+
   .before\:left-0:before {
     content: var(--tw-content);
     left: var(--spacing-0);
@@ -7508,6 +7972,11 @@
     z-index: calc(10 * -1);
   }
 
+  .before\:hidden:before {
+    content: var(--tw-content);
+    display: none;
+  }
+
   .before\:h-0:before {
     content: var(--tw-content);
     height: var(--spacing-0);
@@ -7535,6 +8004,22 @@
     animation: 2s infinite shimmer;
   }
 
+  .before\:rounded-full:before {
+    content: var(--tw-content);
+    border-radius: 3.40282e38px;
+  }
+
+  .before\:rounded-xl:before {
+    content: var(--tw-content);
+    border-radius: var(--radius-xl);
+  }
+
+  .before\:border:before {
+    content: var(--tw-content);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+
   .before\:border-b-\[1px\]:before {
     content: var(--tw-content);
     border-bottom-style: var(--tw-border-style);
@@ -7547,11 +8032,32 @@
     border-style: dashed;
   }
 
+  .before\:border-border1:before {
+    content: var(--tw-content);
+    border-color: var(--color-border1);
+  }
+
   .before\:border-neutral3:before {
     content: var(--tw-content);
     border-color: var(--color-neutral3);
   }
 
+  .before\:border-notice-warning\/20:before {
+    content: var(--tw-content);
+    border-color: var(--color-notice-warning);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .before\:border-notice-warning\/20:before {
+      border-color: color-mix(in oklab, var(--color-notice-warning) 20%, transparent);
+    }
+  }
+
+  .before\:border-t-notice-warning:before {
+    content: var(--tw-content);
+    border-top-color: var(--color-notice-warning);
+  }
+
   .before\:bg-\(--chat-surface\):before {
     content: var(--tw-content);
     background-color: var(--chat-surface);
@@ -7562,6 +8068,11 @@
     background-color: var(--color-border1);
   }
 
+  .before\:bg-surface3:before {
+    content: var(--tw-content);
+    background-color: var(--color-surface3);
+  }
+
   .before\:bg-linear-to-r:before {
     content: var(--tw-content);
     --tw-gradient-position: to right;
@@ -7650,11 +8161,47 @@
     inset: var(--spacing-0);
   }
 
+  .after\:inset-x-0:after {
+    content: var(--tw-content);
+    inset-inline: var(--spacing-0);
+  }
+
+  .after\:inset-x-3:after {
+    content: var(--tw-content);
+    inset-inline: var(--spacing-3);
+  }
+
+  .after\:inset-x-4:after {
+    content: var(--tw-content);
+    inset-inline: var(--spacing-4);
+  }
+
   .after\:inset-y-0:after {
     content: var(--tw-content);
     inset-block: var(--spacing-0);
   }
 
+  .after\:-top-px:after {
+    content: var(--tw-content);
+    top: -1px;
+    top: calc(var(--spacing-px) * -1);
+  }
+
+  .after\:top-0:after {
+    content: var(--tw-content);
+    top: var(--spacing-0);
+  }
+
+  .after\:top-3\.5:after {
+    content: var(--tw-content);
+    top: var(--spacing-3_5);
+  }
+
+  .after\:bottom-0:after {
+    content: var(--tw-content);
+    bottom: var(--spacing-0);
+  }
+
   .after\:bottom-\[50\%\]:after {
     content: var(--tw-content);
     bottom: 50%;
@@ -7666,11 +8213,44 @@
     left: calc(var(--spacing-px) * -1);
   }
 
+  .after\:-z-20:after {
+    content: var(--tw-content);
+    z-index: calc(20 * -1);
+  }
+
+  .after\:h-1:after {
+    content: var(--tw-content);
+    height: var(--spacing-1);
+  }
+
+  .after\:h-px:after {
+    content: var(--tw-content);
+    height: 1px;
+    height: var(--spacing-px);
+  }
+
   .after\:w-0:after {
     content: var(--tw-content);
     width: var(--spacing-0);
   }
 
+  .after\:rounded-xl:after {
+    content: var(--tw-content);
+    border-radius: var(--radius-xl);
+  }
+
+  .after\:border:after {
+    content: var(--tw-content);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+
+  .after\:border-y:after {
+    content: var(--tw-content);
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
+
   .after\:border-l-\[1px\]:after {
     content: var(--tw-content);
     border-left-style: var(--tw-border-style);
@@ -7683,16 +8263,81 @@
     border-style: dashed;
   }
 
+  .after\:border-border1:after {
+    content: var(--tw-content);
+    border-color: var(--color-border1);
+  }
+
   .after\:border-neutral3:after {
     content: var(--tw-content);
     border-color: var(--color-neutral3);
   }
 
+  .after\:bg-accent5:after {
+    content: var(--tw-content);
+    background-color: var(--color-accent5);
+  }
+
+  .after\:bg-negative1:after {
+    content: var(--tw-content);
+    background-color: var(--color-negative1);
+  }
+
+  .after\:bg-neutral3:after {
+    content: var(--tw-content);
+    background-color: var(--color-neutral3);
+  }
+
+  .after\:bg-positive1:after {
+    content: var(--tw-content);
+    background-color: var(--color-positive1);
+  }
+
+  .after\:bg-surface3:after {
+    content: var(--tw-content);
+    background-color: var(--color-surface3);
+  }
+
   .after\:bg-transparent:after {
     content: var(--tw-content);
     background-color: #0000;
   }
 
+  .after\:bg-warning1:after {
+    content: var(--tw-content);
+    background-color: var(--color-warning1);
+  }
+
+  .after\:mask-x-from-60\%:after {
+    content: var(--tw-content);
+    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
+    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));
+    --tw-mask-right-from-position: 60%;
+    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position));
+    --tw-mask-left-from-position: 60%;
+    -webkit-mask-composite: source-in;
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+  }
+
+  .after\:mask-x-from-76\%:after {
+    content: var(--tw-content);
+    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
+    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));
+    --tw-mask-right-from-position: 76%;
+    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position));
+    --tw-mask-left-from-position: 76%;
+    -webkit-mask-composite: source-in;
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+  }
+
   .after\:transition-\[background-color\]:after {
     content: var(--tw-content);
     transition-property: background-color;
@@ -7711,6 +8356,16 @@
     content: var(--tw-content);
   }
 
+  .first\:rounded-l-lg:first-child {
+    border-top-left-radius: var(--radius-lg);
+    border-bottom-left-radius: var(--radius-lg);
+  }
+
+  .first\:rounded-l-none:first-child {
+    border-top-left-radius: var(--radius-none);
+    border-bottom-left-radius: var(--radius-none);
+  }
+
   .first\:border-t-transparent:first-child {
     border-top-color: #0000;
   }
@@ -7719,6 +8374,16 @@
     padding-left: var(--spacing-3);
   }
 
+  .last\:rounded-r-lg:last-child {
+    border-top-right-radius: var(--radius-lg);
+    border-bottom-right-radius: var(--radius-lg);
+  }
+
+  .last\:rounded-r-none:last-child {
+    border-top-right-radius: var(--radius-none);
+    border-bottom-right-radius: var(--radius-none);
+  }
+
   .last\:border-b-0:last-child {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0;
@@ -7740,6 +8405,10 @@
     padding: var(--spacing-0);
   }
 
+  .empty\:py-1\.5:empty {
+    padding-block: var(--spacing-1_5);
+  }
+
   .empty\:before\:text-neutral2:empty:before {
     content: var(--tw-content);
     color: var(--color-neutral2);
@@ -7838,7 +8507,7 @@
       border-color: var(--color-neutral2);
     }
 
-    .hover\:border-neutral6:hover, .hover\:border-neutral6\/\[0\.12\]:hover {
+    .hover\:border-neutral6\/\[0\.12\]:hover {
       border-color: var(--color-neutral6);
     }
 
@@ -7916,6 +8585,10 @@
       background-color: var(--color-button-default-bg-hover);
     }
 
+    .hover\:bg-card:hover {
+      background-color: var(--card);
+    }
+
     .hover\:bg-green-500\/20:hover {
       background-color: var(--color-green-500);
     }
@@ -7986,22 +8659,28 @@
       }
     }
 
-    .hover\:bg-sidebar-nav-active:hover {
-      background-color: var(--sidebar-nav-active);
+    .hover\:bg-selected:hover {
+      background-color: var(--selected);
     }
 
-    .hover\:bg-sidebar-nav-hover:hover {
-      background-color: var(--sidebar-nav-hover);
+    .hover\:bg-sidebar-accent:hover {
+      background-color: var(--sidebar-accent);
     }
 
     .hover\:bg-surface-overlay-strong:hover {
       background-color: var(--color-surface-overlay-strong);
     }
 
-    .hover\:bg-surface2:hover {
+    .hover\:bg-surface2:hover, .hover\:bg-surface2\/50:hover {
       background-color: var(--color-surface2);
     }
 
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-surface2\/50:hover {
+        background-color: color-mix(in oklab, var(--color-surface2) 50%, transparent);
+      }
+    }
+
     .hover\:bg-surface3:hover, .hover\:bg-surface3\/50:hover {
       background-color: var(--color-surface3);
     }
@@ -8048,6 +8727,10 @@
       color: var(--color-accent2);
     }
 
+    .hover\:text-foreground:hover {
+      color: var(--foreground);
+    }
+
     .hover\:text-neutral4:hover {
       color: var(--color-neutral4);
     }
@@ -8064,10 +8747,6 @@
       color: var(--color-white);
     }
 
-    .hover\:underline:hover {
-      text-decoration-line: underline;
-    }
-
     .hover\:opacity-70:hover {
       opacity: .7;
     }
@@ -8235,6 +8914,16 @@
     border-color: #0000;
   }
 
+  .focus-visible\:bg-neutral6\/10:focus-visible {
+    background-color: var(--color-neutral6);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:bg-neutral6\/10:focus-visible {
+      background-color: color-mix(in oklab, var(--color-neutral6) 10%, transparent);
+    }
+  }
+
   .focus-visible\:bg-surface-overlay-strong:focus-visible {
     background-color: var(--color-surface-overlay-strong);
   }
@@ -8260,6 +8949,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\:shadow-none:focus-visible {
+    --tw-shadow: 0 0 #0000;
+    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-0:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
@@ -8297,6 +8991,19 @@
     --tw-ring-color: var(--color-neutral5);
   }
 
+  .focus-visible\:ring-ring:focus-visible {
+    --tw-ring-color: var(--ring);
+  }
+
+  .focus-visible\:ring-offset-2:focus-visible {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+
+  .focus-visible\:ring-offset-background:focus-visible {
+    --tw-ring-offset-color: var(--background);
+  }
+
   .focus-visible\:outline-hidden:focus-visible {
     --tw-outline-style: none;
     outline-style: none;
@@ -8489,17 +9196,17 @@
     }
   }
 
-  :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:via-neutral6\/45 {
-    --tw-gradient-via: var(--color-neutral6);
+  :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:via-foreground\/45 {
+    --tw-gradient-via: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:via-neutral6\/45 {
-      --tw-gradient-via: color-mix(in oklab, var(--color-neutral6) 45%, transparent);
+    :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:via-foreground\/45 {
+      --tw-gradient-via: color-mix(in oklab, var(--foreground) 45%, transparent);
     }
   }
 
-  :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:via-neutral6\/45 {
+  :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:via-foreground\/45 {
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
@@ -8520,7 +9227,24 @@
     align-content: flex-start;
   }
 
-  .has-focus-visible\:bg-surface3:has(:focus-visible), .has-data-featured\:bg-surface3:has([data-featured]) {
+  .has-focus-visible\:bg-surface3:has(:focus-visible) {
+    background-color: var(--color-surface3);
+  }
+
+  .has-focus-visible\:outline-2:has(:focus-visible) {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+
+  .has-focus-visible\:outline-offset-4:has(:focus-visible) {
+    outline-offset: 4px;
+  }
+
+  .has-focus-visible\:outline-accent3:has(:focus-visible) {
+    outline-color: var(--color-accent3);
+  }
+
+  .has-data-featured\:bg-surface3:has([data-featured]) {
     background-color: var(--color-surface3);
   }
 
@@ -8647,6 +9371,14 @@
     }
   }
 
+  .aria-pressed\:border-neutral3[aria-pressed="true"] {
+    border-color: var(--color-neutral3);
+  }
+
+  .aria-pressed\:bg-surface4[aria-pressed="true"] {
+    background-color: var(--color-surface4);
+  }
+
   .aria-selected\:bg-surface5[aria-selected="true"], .aria-selected\:bg-surface5\/50[aria-selected="true"] {
     background-color: var(--color-surface5);
   }
@@ -9076,6 +9808,10 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
+  .data-\[ending-style\]\:grid-rows-\[0fr\][data-ending-style] {
+    grid-template-rows: 0fr;
+  }
+
   .data-\[ending-style\]\:opacity-0[data-ending-style] {
     opacity: 0;
   }
@@ -9298,6 +10034,16 @@
     }
   }
 
+  .data-\[popup-open\]\:bg-neutral6\/10[data-popup-open] {
+    background-color: var(--color-neutral6);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[popup-open\]\:bg-neutral6\/10[data-popup-open] {
+      background-color: color-mix(in oklab, var(--color-neutral6) 10%, transparent);
+    }
+  }
+
   .data-\[popup-open\]\:bg-surface3[data-popup-open] {
     background-color: var(--color-surface3);
   }
@@ -9402,6 +10148,10 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
+  .data-\[starting-style\]\:grid-rows-\[0fr\][data-starting-style] {
+    grid-template-rows: 0fr;
+  }
+
   .data-\[starting-style\]\:opacity-0[data-starting-style] {
     opacity: 0;
   }
@@ -9449,25 +10199,59 @@
       animation: var(--animate-spin);
     }
 
+    .motion-safe\:transition {
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
     .motion-safe\:transition-\[background-color\,border-color\,box-shadow\,scale\] {
       transition-property: background-color, border-color, box-shadow, scale;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
 
+    .motion-safe\: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));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
     .motion-safe\:transition-opacity {
       transition-property: opacity;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
 
+    .motion-safe\:transition-transform {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
     .motion-safe\:duration-150 {
       --tw-duration: .15s;
       transition-duration: .15s;
     }
+
+    .motion-safe\:before\:animate-spin:before {
+      content: var(--tw-content);
+      animation: var(--animate-spin);
+    }
   }
 
   @media (prefers-reduced-motion: reduce) {
+    .motion-reduce\:not-sr-only {
+      clip-path: none;
+      white-space: normal;
+      width: auto;
+      height: auto;
+      margin: 0;
+      padding: 0;
+      position: static;
+      overflow: visible;
+    }
+
     .motion-reduce\:scale-100 {
       --tw-scale-x: 100%;
       --tw-scale-y: 100%;
@@ -9479,6 +10263,10 @@
       animation: none;
     }
 
+    .motion-reduce\:animate-none\! {
+      animation: none !important;
+    }
+
     .motion-reduce\:blur-none {
       --tw-blur:  ;
       filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
@@ -9496,6 +10284,11 @@
     .motion-reduce\:group-data-\[holding\]\/hold\:\[clip-path\:inset\(0_50\%_0_0\)\]:is(:where(.group\/hold)[data-holding] *) {
       clip-path: inset(0 50% 0 0);
     }
+
+    .motion-reduce\:before\:animate-none:before {
+      content: var(--tw-content);
+      animation: none;
+    }
   }
 
   @media not all and (min-width: 22rem) {
@@ -9553,6 +10346,14 @@
       top: var(--spacing-8);
     }
 
+    .sm\:col-span-1 {
+      grid-column: span 1 / span 1;
+    }
+
+    .sm\:-mx-8 {
+      margin-inline: calc(var(--spacing-8) * -1);
+    }
+
     .sm\:ml-auto {
       margin-left: auto;
     }
@@ -9637,6 +10438,22 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
+    .sm\:grid-cols-5 {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+
+    .sm\:grid-cols-\[6\.5rem_4\.5rem_minmax\(0\,1fr\)\] {
+      grid-template-columns: 6.5rem 4.5rem minmax(0, 1fr);
+    }
+
+    .sm\:grid-cols-\[10rem_minmax\(0\,1fr\)\] {
+      grid-template-columns: 10rem minmax(0, 1fr);
+    }
+
+    .sm\:grid-cols-\[10rem_minmax\(0\,1fr\)_auto\] {
+      grid-template-columns: 10rem minmax(0, 1fr) auto;
+    }
+
     .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
       grid-template-columns: minmax(0, 1fr) auto;
     }
@@ -9645,6 +10462,10 @@
       flex-direction: row;
     }
 
+    .sm\:items-baseline {
+      align-items: baseline;
+    }
+
     .sm\:items-center {
       align-items: center;
     }
@@ -9665,10 +10486,18 @@
       justify-content: flex-end;
     }
 
+    .sm\:gap-3 {
+      gap: var(--spacing-3);
+    }
+
     .sm\:gap-4 {
       gap: var(--spacing-4);
     }
 
+    .sm\:gap-8 {
+      gap: var(--spacing-8);
+    }
+
     :where(.sm\:space-y-0 > :not(:last-child)) {
       --tw-space-y-reverse: 0;
       margin-block-start: calc(var(--spacing-0) * var(--tw-space-y-reverse));
@@ -9683,6 +10512,12 @@
       justify-self: flex-end;
     }
 
+    .sm\:truncate {
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+
     .sm\:p-3 {
       padding: var(--spacing-3);
     }
@@ -9703,6 +10538,10 @@
       padding-inline: var(--spacing-6);
     }
 
+    .sm\:px-8 {
+      padding-inline: var(--spacing-8);
+    }
+
     .sm\:py-8 {
       padding-block: var(--spacing-8);
     }
@@ -9863,10 +10702,18 @@
       min-width: var(--container-sm);
     }
 
+    .lg\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
     .lg\:grid-cols-4 {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
+    .lg\:grid-cols-10 {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+
     .lg\:grid-cols-\[1\.4fr_0\.8fr\] {
       grid-template-columns: 1.4fr .8fr;
     }
@@ -9875,6 +10722,10 @@
       grid-template-columns: 1fr 1fr;
     }
 
+    .lg\:grid-cols-\[8rem_minmax\(0\,1fr\)\] {
+      grid-template-columns: 8rem minmax(0, 1fr);
+    }
+
     .lg\:grid-cols-\[17\.5rem_4\.5rem_17\.5rem_4\.5rem_minmax\(0\,1fr\)\] {
       grid-template-columns: 17.5rem 4.5rem 17.5rem 4.5rem minmax(0, 1fr);
     }
@@ -9903,10 +10754,18 @@
       gap: var(--spacing-0);
     }
 
+    .lg\:gap-2 {
+      gap: var(--spacing-2);
+    }
+
     .lg\:gap-4 {
       gap: var(--spacing-4);
     }
 
+    .lg\:gap-6 {
+      gap: var(--spacing-6);
+    }
+
     .lg\:p-6 {
       padding: var(--spacing-6);
     }
@@ -9922,6 +10781,11 @@
     .lg\:pt-6 {
       padding-top: var(--spacing-6);
     }
+
+    .lg\:tabular-nums {
+      --tw-numeric-spacing: tabular-nums;
+      font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
+    }
   }
 
   @media (min-width: 80rem) {
@@ -9945,6 +10809,10 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
+    .xl\:gap-12 {
+      gap: var(--spacing-12);
+    }
+
     .xl\:px-\[4\.375rem\] {
       padding-inline: 4.375rem;
     }
@@ -10078,10 +10946,6 @@
     }
   }
 
-  .dark\:bg-zinc-800:is(.dark *) {
-    background-color: var(--color-zinc-800);
-  }
-
   .dark\:bg-linear-to-b:is(.dark *) {
     --tw-gradient-position: to bottom;
   }
@@ -10190,6 +11054,30 @@
   }
 
   @media (pointer: coarse) {
+    .pointer-coarse\:static {
+      position: static;
+    }
+
+    .pointer-coarse\:flex {
+      display: flex;
+    }
+
+    .pointer-coarse\:min-h-11 {
+      min-height: var(--spacing-11);
+    }
+
+    .pointer-coarse\:min-w-11 {
+      min-width: var(--spacing-11);
+    }
+
+    .pointer-coarse\:items-center {
+      align-items: center;
+    }
+
+    .pointer-coarse\:gap-1 {
+      gap: var(--spacing-1);
+    }
+
     .pointer-coarse\:opacity-100 {
       opacity: 1;
     }
@@ -10309,6 +11197,18 @@
     height: var(--spacing-5);
   }
 
+  .\[\&_\[data-orientation\=vertical\]\]\:w-1 [data-orientation="vertical"] {
+    width: var(--spacing-1);
+  }
+
+  .\[\&_\[data-orientation\=vertical\]\]\:p-0 [data-orientation="vertical"] {
+    padding: var(--spacing-0);
+  }
+
+  .\[\&_\[data-orientation\=vertical\]\[data-has-overflow-y\]\]\:opacity-100 [data-orientation="vertical"][data-has-overflow-y] {
+    opacity: 1;
+  }
+
   .\[\&_\[data-slot\=command-input-wrapper\]\]\:h-11 [data-slot="command-input-wrapper"] {
     height: var(--spacing-11);
   }
@@ -10385,6 +11285,16 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  @media (pointer: coarse) {
+    .\[\&_button\]\:pointer-coarse\:min-h-11 button {
+      min-height: var(--spacing-11);
+    }
+
+    .\[\&_button\]\:pointer-coarse\:min-w-11 button {
+      min-width: var(--spacing-11);
+    }
+  }
+
   .\[\&_code\]\:rounded code {
     border-radius: .25rem;
   }
@@ -10451,14 +11361,27 @@
     height: 1.2em;
   }
 
+  .\[\&_img\]\:size-full img {
+    width: 100%;
+    height: 100%;
+  }
+
   .\[\&_img\]\:shrink-0 img {
     flex-shrink: 0;
   }
 
+  .\[\&_img\]\:object-cover img {
+    object-fit: cover;
+  }
+
   .\[\&_img\]\:opacity-50 img {
     opacity: .5;
   }
 
+  .\[\&_p\]\:my-0\.5 p {
+    margin-block: var(--spacing-0_5);
+  }
+
   .\[\&_p\]\:text-ui-md p {
     font-size: var(--text-ui-md);
     line-height: var(--tw-leading, var(--text-ui-md--line-height));
@@ -10469,6 +11392,15 @@
     line-height: var(--leading-ui-md);
   }
 
+  .\[\&_pre\]\:leading-relaxed pre {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+
+  .\[\&_pre\]\:whitespace-pre-wrap pre {
+    white-space: pre-wrap;
+  }
+
   .\[\&_svg\]\:pointer-events-none svg {
     pointer-events: none;
   }
@@ -10524,22 +11456,26 @@
     color: var(--color-accent1);
   }
 
-  .\[\&_svg\]\:text-neutral3 svg, .\[\&_svg\]\:text-neutral3\/70 svg {
-    color: var(--color-neutral3);
+  .\[\&_svg\]\:text-foreground svg {
+    color: var(--foreground);
+  }
+
+  .\[\&_svg\]\:text-muted-foreground svg, .\[\&_svg\]\:text-muted-foreground\/70 svg {
+    color: var(--muted-foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .\[\&_svg\]\:text-neutral3\/70 svg {
-      color: color-mix(in oklab, var(--color-neutral3) 70%, transparent);
+    .\[\&_svg\]\:text-muted-foreground\/70 svg {
+      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
     }
   }
 
-  .\[\&_svg\]\:text-neutral4 svg {
-    color: var(--color-neutral4);
+  .\[\&_svg\]\:text-neutral3 svg {
+    color: var(--color-neutral3);
   }
 
-  .\[\&_svg\]\:text-neutral6 svg {
-    color: var(--color-neutral6);
+  .\[\&_svg\]\:text-neutral4 svg {
+    color: var(--color-neutral4);
   }
 
   .\[\&_svg\]\:opacity-50 svg {
@@ -10620,6 +11556,10 @@
     border-top-width: 1px;
   }
 
+  .\[\&\:\:-moz-progress-bar\]\:bg-positive1::-moz-progress-bar {
+    background-color: var(--color-positive1);
+  }
+
   .\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button {
     margin: var(--spacing-0);
   }
@@ -10636,6 +11576,14 @@
     appearance: none;
   }
 
+  .\[\&\:\:-webkit-progress-bar\]\:bg-surface4::-webkit-progress-bar {
+    background-color: var(--color-surface4);
+  }
+
+  .\[\&\:\:-webkit-progress-value\]\:bg-positive1::-webkit-progress-value {
+    background-color: var(--color-positive1);
+  }
+
   .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
     appearance: none;
   }
@@ -10678,6 +11626,10 @@
     border-bottom-width: 1px;
   }
 
+  .\[\&\:after\]\:border-border:after {
+    border-color: var(--border);
+  }
+
   .\[\&\:after\]\:border-border1:after {
     border-color: var(--color-border1);
   }
@@ -10751,12 +11703,12 @@
     color: var(--color-accent1);
   }
 
-  .\[\&\:hover_svg\]\:text-neutral5:hover svg {
-    color: var(--color-neutral5);
+  .\[\&\:hover_svg\]\:text-foreground:hover svg {
+    color: var(--foreground);
   }
 
-  .\[\&\:hover_svg\]\:text-neutral6:hover svg {
-    color: var(--color-neutral6);
+  .\[\&\:hover_svg\]\:text-neutral5:hover svg {
+    color: var(--color-neutral5);
   }
 
   .dark\:\[\&\:hover_svg\]\:text-black:is(.dark *):hover svg {
@@ -10775,10 +11727,6 @@
     background-color: var(--color-surface5);
   }
 
-  .\[\&\:hover\>svg\]\:opacity-60:hover > svg {
-    opacity: .6;
-  }
-
   .\[\&\:hover\>svg\]\:opacity-100:hover > svg {
     opacity: 1;
   }
@@ -10866,14 +11814,6 @@
     overflow: hidden;
   }
 
-  .\[\&\>\*\]\:rounded-lg > * {
-    border-radius: var(--radius-lg);
-  }
-
-  .\[\&\>\*\]\:bg-surface3 > * {
-    background-color: var(--color-surface3);
-  }
-
   .\[\&\>\*\]\:text-ellipsis > * {
     text-overflow: ellipsis;
   }
@@ -10882,11 +11822,6 @@
     white-space: nowrap;
   }
 
-  .\[\&\>\*\]\:shadow-lg > * {
-    --tw-shadow: 0 10px 15px var(--tw-shadow-color, oklch(0% 0 0 / .4));
-    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\]\:relative > :focus-visible {
     position: relative;
   }
@@ -10988,6 +11923,10 @@
     border-top-right-radius: var(--radius-xl);
   }
 
+  .\[\&\>\:last-child\]\:mb-0 > :last-child {
+    margin-bottom: var(--spacing-0);
+  }
+
   .\[\&\>\:last-child\]\:rounded-b-xl > :last-child {
     border-bottom-right-radius: var(--radius-xl);
     border-bottom-left-radius: var(--radius-xl);
@@ -11158,6 +12097,10 @@
     color: var(--color-neutral2);
   }
 
+  .\[\&\>b\]\:text-neutral3 > b {
+    color: var(--color-neutral3);
+  }
+
   .\[\&\>button\]\:flex > button {
     display: flex;
   }
@@ -11274,10 +12217,6 @@
     margin-right: var(--spacing-2);
   }
 
-  .\[\&\>svg\]\:ml-auto > svg {
-    margin-left: auto;
-  }
-
   .\[\&\>svg\]\:\!size-4 > svg {
     width: var(--spacing-4) !important;
     height: var(--spacing-4) !important;
@@ -11416,10 +12355,6 @@
     color: var(--color-red-500);
   }
 
-  .\[\&\>svg\]\:opacity-0 > svg {
-    opacity: 0;
-  }
-
   .\[\&\>svg\]\:opacity-20 > svg {
     opacity: .2;
   }
@@ -11436,12 +12371,6 @@
     opacity: .75;
   }
 
-  .\[\&\>svg\]\:transition-all > svg {
-    transition-property: all;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-
   .\[\&\>svg\]\:transition-opacity > svg {
     transition-property: opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -11635,6 +12564,29 @@
   --surface4: oklch(21.78% 0 0);
   --surface5: oklch(24.35% 0 0 / .9);
   --surface6: oklch(30.92% 0 0);
+  --background-1: oklch(0% 0 0);
+  --background-2: oklch(15.91% 0 0);
+  --background-3: oklch(19.13% 0 0);
+  --gray-1: oklch(21.78% 0 0);
+  --gray-2: oklch(24.35% 0 0);
+  --gray-3: oklch(26.86% 0 0);
+  --gray-4: oklch(30.92% 0 0);
+  --gray-5: oklch(37.15% 0 0);
+  --gray-6: oklch(44.95% 0 0);
+  --gray-7: oklch(52.08% 0 0);
+  --gray-8: oklch(65% 0 0);
+  --gray-9: oklch(76.99% 0 0);
+  --gray-10: oklch(98.51% 0 0);
+  --gray-alpha-1: #ffffff0a;
+  --gray-alpha-2: #ffffff12;
+  --gray-alpha-3: #ffffff1a;
+  --gray-alpha-4: #ffffff24;
+  --gray-alpha-5: #ffffff2e;
+  --gray-alpha-6: #ffffff4d;
+  --gray-alpha-7: #ffffff73;
+  --gray-alpha-8: #fff9;
+  --gray-alpha-9: #ffffffbf;
+  --gray-alpha-10: #ffffffe6;
   --accent1: oklch(72.3% .219 149.579);
   --accent2: oklch(63.7% .237 25.331);
   --accent3: oklch(62.3% .214 259.815);
@@ -11657,6 +12609,7 @@
   --neutral5: oklch(92% 0 0);
   --neutral6: oklch(98.5% 0 0);
   --error: oklch(63.7% .237 25.331);
+  --generated-accent-lightness: 72%;
   --overlay: oklch(0% 0 0 / .75);
   --border1: oklch(100% 0 0 / .07);
   --border2: oklch(100% 0 0 / .11);
@@ -11735,6 +12688,29 @@ html.light {
   --surface4: oklch(96.5% 0 0);
   --surface5: oklch(94.4% 0 0 / .94);
   --surface6: oklch(89.5% 0 0);
+  --background-1: oklch(96.42% 0 0);
+  --background-2: oklch(98.51% 0 0);
+  --background-3: oklch(100% 0 0);
+  --gray-1: oklch(94.31% 0 0);
+  --gray-2: oklch(91.89% 0 0);
+  --gray-3: oklch(89.45% 0 0);
+  --gray-4: oklch(84.52% 0 0);
+  --gray-5: oklch(76.04% 0 0);
+  --gray-6: oklch(62.01% 0 0);
+  --gray-7: oklch(54.86% 0 0);
+  --gray-8: oklch(44.59% 0 0);
+  --gray-9: oklch(30.92% 0 0);
+  --gray-10: oklch(12.86% 0 0);
+  --gray-alpha-1: #0000000a;
+  --gray-alpha-2: #00000012;
+  --gray-alpha-3: #0000001a;
+  --gray-alpha-4: #00000024;
+  --gray-alpha-5: #0000002e;
+  --gray-alpha-6: #0000004d;
+  --gray-alpha-7: #00000073;
+  --gray-alpha-8: #0009;
+  --gray-alpha-9: #000000bf;
+  --gray-alpha-10: #000000e6;
   --accent1: oklch(62.7% .194 149.214);
   --accent2: oklch(57.7% .245 27.325);
   --accent3: oklch(54.6% .245 262.881);
@@ -11757,6 +12733,7 @@ html.light {
   --neutral5: oklch(20.8% 0 0);
   --neutral6: oklch(13% 0 0);
   --error: oklch(57.7% .245 27.325);
+  --generated-accent-lightness: 38%;
   --overlay: oklch(20.8% 0 0 / .45);
   --border1: oklch(20.8% 0 0 / .1);
   --border2: oklch(20.8% 0 0 / .16);
@@ -11946,7 +12923,7 @@ html.light {
   initial-value: 0;
 }
 
-@property --tw-divide-y-reverse {
+@property --tw-divide-x-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
@@ -11958,6 +12935,12 @@ html.light {
   initial-value: solid;
 }
 
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
 @property --tw-gradient-position {
   syntax: "*";
   inherits: false
@@ -12351,18 +13334,6 @@ html.light {
   initial-value: "";
 }
 
-@property --tw-scrollbar-thumb {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-
-@property --tw-scrollbar-track {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-
 @property --tw-mask-left-from-position {
   syntax: "*";
   inherits: false;
@@ -12387,6 +13358,18 @@ html.light {
   initial-value: transparent;
 }
 
+@property --tw-scrollbar-thumb {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --tw-scrollbar-track {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
 @property --tw-mask-top-from-position {
   syntax: "*";
   inherits: false;