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

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;
@@ -183,6 +185,7 @@
     --radius-lg: 10px;
     --radius-xl: 14px;
     --radius-2xl: 1rem;
+    --radius-3xl: 1.5rem;
     --ease-out: cubic-bezier(0, 0, .2, 1);
     --ease-in-out: cubic-bezier(.4, 0, .2, 1);
     --animate-spin: spin 1s linear infinite;
@@ -264,10 +267,11 @@
     --height-icon-default: 16px;
     --height-icon-lg: 20px;
     --height-icon-sm: 12px;
+    --height-icon-smd: 14px;
     --spacing-form-xs: 1.25rem;
     --spacing-form-sm: 1.5rem;
     --spacing-form-md: 1.75rem;
-    --spacing-form-lg: 1.75rem;
+    --spacing-form-lg: 2rem;
     --height-header-default: 40px;
     --height-table-header: 28px;
     --height-table-row: 40px;
@@ -277,9 +281,11 @@
     --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;
+    --width-icon-smd: 14px;
     --width-avatar-sm: 24px;
     --width-avatar-md: 32px;
     --width-avatar-lg: 40px;
@@ -313,10 +319,8 @@
     --color-border2: var(--border2);
     --color-surface-overlay-soft: var(--surface-overlay-soft);
     --color-surface-overlay-strong: var(--surface-overlay-strong);
-    --color-button-default-bg: var(--button-default-bg);
-    --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-sidebar-divider: var(--sidebar-divider);
+    --color-text1: var(--text1);
     --color-warning1: var(--warning1);
     --color-positive1: var(--positive1);
     --color-negative1: var(--negative1);
@@ -821,6 +825,10 @@
     right: calc(var(--spacing-2) * -1);
   }
 
+  .-right-12 {
+    right: calc(var(--spacing-12) * -1);
+  }
+
   .right-0 {
     right: var(--spacing-0);
   }
@@ -837,10 +845,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 +931,14 @@
     isolation: isolate;
   }
 
+  .-z-1 {
+    z-index: calc(1 * -1);
+  }
+
+  .-z-10 {
+    z-index: calc(10 * -1);
+  }
+
   .z-0 {
     z-index: 0;
   }
@@ -983,8 +1007,8 @@
     grid-column: 1 / -1;
   }
 
-  .col-start-3 {
-    grid-column-start: 3;
+  .col-start-1 {
+    grid-column-start: 1;
   }
 
   .col-start-\[action\] {
@@ -1007,6 +1031,14 @@
     grid-row: 0;
   }
 
+  .row-1 {
+    grid-row: 1;
+  }
+
+  .row-2 {
+    grid-row: 2;
+  }
+
   .row-start-1 {
     grid-row-start: 1;
   }
@@ -1065,6 +1097,10 @@
     margin: var(--spacing-0);
   }
 
+  .m-0\.5 {
+    margin: var(--spacing-0_5);
+  }
+
   .m-1 {
     margin: var(--spacing-1);
   }
@@ -1073,6 +1109,10 @@
     margin: var(--spacing-1_5);
   }
 
+  .m-2\! {
+    margin: var(--spacing-2) !important;
+  }
+
   .m-3 {
     margin: var(--spacing-3);
   }
@@ -1106,6 +1146,14 @@
     margin-inline: calc(var(--spacing-1) * -1);
   }
 
+  .-mx-5 {
+    margin-inline: calc(var(--spacing-5) * -1);
+  }
+
+  .mx-1 {
+    margin-inline: var(--spacing-1);
+  }
+
   .mx-1\.5 {
     margin-inline: var(--spacing-1_5);
   }
@@ -1134,6 +1182,10 @@
     margin-block: var(--spacing-1);
   }
 
+  .my-1\.5 {
+    margin-block: var(--spacing-1_5);
+  }
+
   .my-2 {
     margin-block: var(--spacing-2);
   }
@@ -1684,6 +1736,10 @@
     margin-top: auto;
   }
 
+  .-mr-1\.5 {
+    margin-right: calc(var(--spacing-1_5) * -1);
+  }
+
   .-mr-3 {
     margin-right: calc(var(--spacing-3) * -1);
   }
@@ -1976,6 +2032,11 @@
     height: var(--spacing-10);
   }
 
+  .size-11 {
+    width: var(--spacing-11);
+    height: var(--spacing-11);
+  }
+
   .size-14 {
     width: var(--spacing-14);
     height: var(--spacing-14);
@@ -1991,6 +2052,11 @@
     height: var(--spacing-20);
   }
 
+  .size-28 {
+    width: var(--spacing-28);
+    height: var(--spacing-28);
+  }
+
   .size-\[0\.6rem\] {
     width: .6rem;
     height: .6rem;
@@ -2011,6 +2077,11 @@
     height: 1.125rem;
   }
 
+  .size-form-md {
+    width: var(--spacing-form-md);
+    height: var(--spacing-form-md);
+  }
+
   .size-full {
     width: 100%;
     height: 100%;
@@ -2036,6 +2107,10 @@
     height: var(--spacing-2);
   }
 
+  .h-2\.5 {
+    height: var(--spacing-2_5);
+  }
+
   .h-3 {
     height: var(--spacing-3);
   }
@@ -2092,6 +2167,10 @@
     height: var(--spacing-20);
   }
 
+  .h-24 {
+    height: var(--spacing-24);
+  }
+
   .h-32 {
     height: var(--spacing-32);
   }
@@ -2124,10 +2203,6 @@
     height: var(--spacing-96);
   }
 
-  .h-\[1\.8rem\] {
-    height: 1.8rem;
-  }
-
   .h-\[1lh\] {
     height: 1lh;
   }
@@ -2140,6 +2215,14 @@
     height: 30vh;
   }
 
+  .h-\[38px\] {
+    height: 38px;
+  }
+
+  .h-\[46px\] {
+    height: 46px;
+  }
+
   .h-\[80vh\] {
     height: 80vh;
   }
@@ -2152,6 +2235,10 @@
     height: 400px;
   }
 
+  .h-\[620px\] {
+    height: 620px;
+  }
+
   .h-\[calc\(85dvh\+1\.5rem\)\] {
     height: calc(85dvh + 1.5rem);
   }
@@ -2224,6 +2311,22 @@
     height: var(--height-header-default);
   }
 
+  .h-icon-default {
+    height: var(--height-icon-default);
+  }
+
+  .h-icon-lg {
+    height: var(--height-icon-lg);
+  }
+
+  .h-icon-sm {
+    height: var(--height-icon-sm);
+  }
+
+  .h-icon-smd {
+    height: var(--height-icon-smd);
+  }
+
   .h-max {
     height: max-content;
   }
@@ -2281,6 +2384,10 @@
     max-height: 80vh;
   }
 
+  .max-h-\[220px\] {
+    max-height: 220px;
+  }
+
   .max-h-\[400px\] {
     max-height: 400px;
   }
@@ -2305,6 +2412,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 +2440,10 @@
     min-height: var(--spacing-5);
   }
 
+  .min-h-7 {
+    min-height: var(--spacing-7);
+  }
+
   .min-h-8 {
     min-height: var(--spacing-8);
   }
@@ -2341,6 +2456,10 @@
     min-height: var(--spacing-10);
   }
 
+  .min-h-11 {
+    min-height: var(--spacing-11);
+  }
+
   .min-h-12 {
     min-height: var(--spacing-12);
   }
@@ -2361,6 +2480,10 @@
     min-height: var(--spacing-24);
   }
 
+  .min-h-28 {
+    min-height: var(--spacing-28);
+  }
+
   .min-h-32 {
     min-height: var(--spacing-32);
   }
@@ -2377,10 +2500,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 +2536,10 @@
     min-height: 100%;
   }
 
+  .min-h-header-default {
+    min-height: var(--min-height-header-default);
+  }
+
   .min-h-screen {
     min-height: 100vh;
   }
@@ -2477,6 +2612,10 @@
     width: var(--spacing-6);
   }
 
+  .w-7 {
+    width: var(--spacing-7);
+  }
+
   .w-8 {
     width: var(--spacing-8);
   }
@@ -2521,6 +2660,10 @@
     width: var(--spacing-32);
   }
 
+  .w-36 {
+    width: var(--spacing-36);
+  }
+
   .w-40 {
     width: var(--spacing-40);
   }
@@ -2589,6 +2732,10 @@
     width: 126px;
   }
 
+  .w-\[140px\] {
+    width: 140px;
+  }
+
   .w-\[150px\] {
     width: 150px;
   }
@@ -2637,6 +2784,10 @@
     width: 600px;
   }
 
+  .w-\[688px\] {
+    width: 688px;
+  }
+
   .w-\[calc\(32rem\+1\.5rem\)\] {
     width: 33.5rem;
   }
@@ -2645,6 +2796,10 @@
     width: calc(100% - 2rem);
   }
 
+  .w-\[calc\(100\%-3\.5rem\)\] {
+    width: calc(100% - 3.5rem);
+  }
+
   .w-\[calc\(100vw-1\.5rem\)\] {
     width: calc(100vw - 1.5rem);
   }
@@ -2717,6 +2872,10 @@
     width: fit-content;
   }
 
+  .w-form-lg {
+    width: var(--spacing-form-lg);
+  }
+
   .w-form-md {
     width: var(--spacing-form-md);
   }
@@ -2733,10 +2892,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 +2989,6 @@
     max-width: var(--spacing-64);
   }
 
-  .max-w-80 {
-    max-width: var(--spacing-80);
-  }
-
   .max-w-96 {
     max-width: var(--spacing-96);
   }
@@ -2854,6 +3017,10 @@
     max-width: 62ch;
   }
 
+  .max-w-\[70\%\] {
+    max-width: 70%;
+  }
+
   .max-w-\[80\%\] {
     max-width: 80%;
   }
@@ -2950,6 +3117,10 @@
     min-width: var(--spacing-16);
   }
 
+  .min-w-24 {
+    min-width: var(--spacing-24);
+  }
+
   .min-w-32 {
     min-width: var(--spacing-32);
   }
@@ -2958,8 +3129,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 {
@@ -2970,6 +3141,10 @@
     min-width: var(--spacing-60);
   }
 
+  .min-w-64 {
+    min-width: var(--spacing-64);
+  }
+
   .min-w-72 {
     min-width: var(--spacing-72);
   }
@@ -3043,6 +3218,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 +3239,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 +3254,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 +3382,10 @@
     cursor: pointer;
   }
 
+  .cursor-text {
+    cursor: text;
+  }
+
   .\[touch-action\:auto\] {
     touch-action: auto;
   }
@@ -3253,16 +3446,12 @@
     grid-template-columns: 0 repeat(9, 1fr);
   }
 
-  .grid-cols-\[0fr_1fr_0fr\] {
-    grid-template-columns: 0fr 1fr 0fr;
-  }
-
-  .grid-cols-\[0fr_1fr_1fr\] {
-    grid-template-columns: 0fr 1fr 1fr;
+  .grid-cols-\[0px_1fr_0fr\] {
+    grid-template-columns: 0 1fr 0fr;
   }
 
-  .grid-cols-\[1\.625rem_1\.625rem_1\.625rem\] {
-    grid-template-columns: 1.625rem 1.625rem 1.625rem;
+  .grid-cols-\[0px_1fr_1fr\] {
+    grid-template-columns: 0 1fr 1fr;
   }
 
   .grid-cols-\[1fr\] {
@@ -3273,22 +3462,10 @@
     grid-template-columns: 1fr 1fr;
   }
 
-  .grid-cols-\[1fr_1fr_0fr\] {
-    grid-template-columns: 1fr 1fr 0fr;
-  }
-
-  .grid-cols-\[1fr_1fr_1fr\] {
-    grid-template-columns: 1fr 1fr 1fr;
-  }
-
   .grid-cols-\[1fr_2fr\] {
     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 +3474,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 +3490,14 @@
     grid-template-columns: 6rem 1fr;
   }
 
+  .grid-cols-\[6rem_repeat\(4\,max-content\)_max-content\] {
+    grid-template-columns: 6rem repeat(4, max-content) max-content;
+  }
+
+  .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));
   }
@@ -3321,6 +3510,18 @@
     grid-template-columns: 12rem 1fr 1fr;
   }
 
+  .grid-cols-\[18rem_1fr_0fr\] {
+    grid-template-columns: 18rem 1fr 0fr;
+  }
+
+  .grid-cols-\[18rem_1fr_1fr\] {
+    grid-template-columns: 18rem 1fr 1fr;
+  }
+
+  .grid-cols-\[24rem_minmax\(0\,1fr\)\] {
+    grid-template-columns: 24rem minmax(0, 1fr);
+  }
+
   .grid-cols-\[120px_1fr\] {
     grid-template-columns: 120px 1fr;
   }
@@ -3349,6 +3550,14 @@
     grid-template-columns: minmax(0, 1fr);
   }
 
+  .grid-cols-\[minmax\(0\,1fr\)_0\%\] {
+    grid-template-columns: minmax(0, 1fr) 0%;
+  }
+
+  .grid-cols-\[minmax\(0\,1fr\)_40\%\] {
+    grid-template-columns: minmax(0, 1fr) 40%;
+  }
+
   .grid-cols-\[minmax\(0\,1fr\)_80px_64px\] {
     grid-template-columns: minmax(0, 1fr) 80px 64px;
   }
@@ -3357,16 +3566,20 @@
     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\] {
+    grid-template-columns: minmax(0, 1fr) auto;
+  }
+
+  .grid-cols-\[minmax\(0\,1fr\)_auto_0fr\] {
+    grid-template-columns: minmax(0, 1fr) auto 0fr;
   }
 
-  .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_minmax\(0\,1fr\)\] {
+    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
   }
 
-  .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 {
@@ -3389,14 +3602,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 +3618,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;
   }
@@ -3449,12 +3646,12 @@
     flex-direction: row;
   }
 
-  .flex-wrap {
-    flex-wrap: wrap;
+  .flex-nowrap {
+    flex-wrap: nowrap;
   }
 
-  .flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
+  .flex-wrap {
+    flex-wrap: wrap;
   }
 
   .place-items-center {
@@ -3585,10 +3782,6 @@
     gap: .75em;
   }
 
-  .gap-\[0\.1rem\] {
-    gap: .1rem;
-  }
-
   .gap-\[6px\] {
     gap: 6px;
   }
@@ -3686,6 +3879,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 +3914,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);
@@ -3725,6 +3929,10 @@
     border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   }
 
+  :where(.divide-border > :not(:last-child)) {
+    border-color: var(--border);
+  }
+
   :where(.divide-border1 > :not(:last-child)) {
     border-color: var(--color-border1);
   }
@@ -3745,6 +3953,10 @@
     align-self: stretch;
   }
 
+  .justify-self-center {
+    justify-self: center;
+  }
+
   .justify-self-end {
     justify-self: flex-end;
   }
@@ -3803,6 +4015,10 @@
     border-radius: .25rem;
   }
 
+  .rounded-\(--card-radius\) {
+    border-radius: var(--card-radius);
+  }
+
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
@@ -3823,6 +4039,10 @@
     border-radius: 23px;
   }
 
+  .rounded-\[calc\(var\(--radius-xl\)-2px\)\] {
+    border-radius: calc(var(--radius-xl) - 2px);
+  }
+
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -3868,6 +4088,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,16 +4103,16 @@
     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);
   }
 
+  .rounded-l-none {
+    border-top-left-radius: var(--radius-none);
+    border-bottom-left-radius: var(--radius-none);
+  }
+
   .rounded-l-xl {
     border-top-left-radius: var(--radius-xl);
     border-bottom-left-radius: var(--radius-xl);
@@ -3898,11 +4123,21 @@
     border-bottom-right-radius: .25rem;
   }
 
+  .rounded-r-3xl {
+    border-top-right-radius: var(--radius-3xl);
+    border-bottom-right-radius: var(--radius-3xl);
+  }
+
   .rounded-r-md {
     border-top-right-radius: var(--radius-md);
     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 +4266,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);
   }
@@ -4091,10 +4336,6 @@
     }
   }
 
-  .border-button-default-border {
-    border-color: var(--color-button-default-border);
-  }
-
   .border-current\/25 {
     border-color: currentColor;
   }
@@ -4119,6 +4360,26 @@
     border-color: var(--color-error);
   }
 
+  .border-foreground\/30 {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-foreground\/30 {
+      border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
+    }
+  }
+
+  .border-foreground\/45 {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-foreground\/45 {
+      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
@@ -4161,6 +4422,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);
   }
@@ -4265,10 +4550,6 @@
     }
   }
 
-  .border-red-400 {
-    border-color: var(--color-red-400);
-  }
-
   .border-red-400\/30 {
     border-color: #ff65684d;
   }
@@ -4313,6 +4594,10 @@
     border-color: var(--color-red-900);
   }
 
+  .border-sidebar-divider {
+    border-color: var(--color-sidebar-divider);
+  }
+
   .border-surface2 {
     border-color: var(--color-surface2);
   }
@@ -4345,6 +4630,10 @@
     border-left-color: #0000;
   }
 
+  .border-l-warning1 {
+    border-left-color: var(--color-warning1);
+  }
+
   .bg-\(--chat-surface\) {
     background-color: var(--chat-surface);
   }
@@ -4361,15 +4650,7 @@
     background-color: var(--tab-indicator-color, var(--surface4));
   }
 
-  .bg-accent1 {
-    background-color: var(--color-accent1);
-  }
-
-  .bg-accent1\! {
-    background-color: var(--color-accent1) !important;
-  }
-
-  .bg-accent1\/10 {
+  .bg-accent1, .bg-accent1\/10 {
     background-color: var(--color-accent1);
   }
 
@@ -4439,6 +4720,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 +4924,10 @@
     }
   }
 
+  .bg-border {
+    background-color: var(--border);
+  }
+
   .bg-border1, .bg-border1\/40 {
     background-color: var(--color-border1);
   }
@@ -4647,8 +4942,14 @@
     background-color: var(--color-border2);
   }
 
-  .bg-button-default-bg {
-    background-color: var(--color-button-default-bg);
+  .bg-card, .bg-card\/95 {
+    background-color: var(--card);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-card\/95 {
+      background-color: color-mix(in oklab, var(--card) 95%, transparent);
+    }
   }
 
   .bg-current, .bg-current\/10 {
@@ -4681,6 +4982,10 @@
     }
   }
 
+  .bg-destructive {
+    background-color: var(--destructive);
+  }
+
   .bg-emerald-500\/10 {
     background-color: #00bb7f1a;
   }
@@ -4701,12 +5006,42 @@
     }
   }
 
-  .bg-gray-100 {
-    background-color: var(--color-gray-100);
+  .bg-foreground, .bg-foreground\/10 {
+    background-color: var(--foreground);
   }
 
-  .bg-gray-500\/10 {
-    background-color: #6a72821a;
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-foreground\/10 {
+      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+    }
+  }
+
+  .bg-foreground\/14 {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-foreground\/14 {
+      background-color: color-mix(in oklab, var(--foreground) 14%, transparent);
+    }
+  }
+
+  .bg-foreground\/30 {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-foreground\/30 {
+      background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
+    }
+  }
+
+  .bg-gray-100 {
+    background-color: var(--color-gray-100);
+  }
+
+  .bg-gray-500\/10 {
+    background-color: #6a72821a;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
@@ -4753,6 +5088,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 +5106,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);
   }
 
@@ -4795,7 +5150,15 @@
     background-color: var(--color-neutral5);
   }
 
-  .bg-neutral6, .bg-neutral6\/5 {
+  .bg-neutral6 {
+    background-color: var(--color-neutral6);
+  }
+
+  .bg-neutral6\! {
+    background-color: var(--color-neutral6) !important;
+  }
+
+  .bg-neutral6\/5 {
     background-color: var(--color-neutral6);
   }
 
@@ -4845,16 +5208,6 @@
     }
   }
 
-  .bg-neutral6\/\[0\.14\] {
-    background-color: var(--color-neutral6);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-neutral6\/\[0\.14\] {
-      background-color: color-mix(in oklab, var(--color-neutral6) 14.0%, transparent);
-    }
-  }
-
   .bg-neutral6\/\[0\.025\] {
     background-color: var(--color-neutral6);
   }
@@ -4865,7 +5218,7 @@
     }
   }
 
-  .bg-notice-destructive\/20 {
+  .bg-notice-destructive, .bg-notice-destructive\/20 {
     background-color: var(--color-notice-destructive);
   }
 
@@ -4875,7 +5228,7 @@
     }
   }
 
-  .bg-notice-info\/20 {
+  .bg-notice-info, .bg-notice-info\/20 {
     background-color: var(--color-notice-info);
   }
 
@@ -4889,7 +5242,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 +5252,7 @@
     }
   }
 
-  .bg-notice-warning\/20 {
+  .bg-notice-warning, .bg-notice-warning\/20 {
     background-color: var(--color-notice-warning);
   }
 
@@ -4909,10 +5262,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 +5340,30 @@
     }
   }
 
+  .bg-selected {
+    background-color: var(--selected);
+  }
+
+  .bg-sidebar {
+    background-color: var(--sidebar);
+  }
+
+  .bg-sidebar-accent {
+    background-color: var(--sidebar-accent);
+  }
+
+  .bg-sidebar-divider {
+    background-color: var(--color-sidebar-divider);
+  }
+
   .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 +5432,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 +5462,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,17 +5556,17 @@
     --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-neutral6\/25 {
-    --tw-gradient-via: var(--color-neutral6);
+  .via-foreground\/30 {
+    --tw-gradient-via: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .via-neutral6\/25 {
-      --tw-gradient-via: color-mix(in oklab, var(--color-neutral6) 25%, transparent);
+    .via-foreground\/30 {
+      --tw-gradient-via: color-mix(in oklab, var(--foreground) 30%, transparent);
     }
   }
 
-  .via-neutral6\/25 {
+  .via-foreground\/30 {
     --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);
   }
@@ -5252,22 +5627,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 +5772,10 @@
     padding-inline: var(--spacing-3);
   }
 
+  .px-3\.5 {
+    padding-inline: var(--spacing-3_5);
+  }
+
   .px-4 {
     padding-inline: var(--spacing-4);
   }
@@ -5413,6 +5828,10 @@
     padding-inline: 1em;
   }
 
+  .px-\[13\.5px\] {
+    padding-inline: 13.5px;
+  }
+
   .px-\[32px\] {
     padding-inline: 32px;
   }
@@ -5485,6 +5904,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);
   }
@@ -5533,6 +5957,10 @@
     padding-top: var(--spacing-12);
   }
 
+  .pt-\[env\(safe-area-inset-top\)\] {
+    padding-top: env(safe-area-inset-top);
+  }
+
   .pr-0 {
     padding-right: var(--spacing-0);
   }
@@ -5601,6 +6029,10 @@
     padding-bottom: var(--spacing-2);
   }
 
+  .pb-2\.5 {
+    padding-bottom: var(--spacing-2_5);
+  }
+
   .pb-3 {
     padding-bottom: var(--spacing-3);
   }
@@ -5629,6 +6061,14 @@
     padding-bottom: 2px;
   }
 
+  .pb-\[env\(safe-area-inset-bottom\)\] {
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+
+  .pl-0 {
+    padding-left: var(--spacing-0);
+  }
+
   .pl-0\! {
     padding-left: var(--spacing-0) !important;
   }
@@ -5685,6 +6125,10 @@
     padding-left: var(--spacing-14);
   }
 
+  .pl-\[\.9em\] {
+    padding-left: .9em;
+  }
+
   .pl-\[calc\(\.9em\+1\.1em\+\.75em\)\] {
     padding-left: 2.75em;
   }
@@ -5803,6 +6247,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 +6317,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,6 +6337,10 @@
     letter-spacing: var(--tracking-widest);
   }
 
+  .text-balance {
+    text-wrap: balance;
+  }
+
   .text-pretty {
     text-wrap: pretty;
   }
@@ -5999,6 +6457,10 @@
     color: var(--color-amber-400);
   }
 
+  .text-background {
+    color: var(--background);
+  }
+
   .text-badge-blue-fg {
     color: var(--color-badge-blue-fg);
   }
@@ -6071,6 +6533,14 @@
     color: currentColor;
   }
 
+  .text-destructive {
+    color: var(--destructive);
+  }
+
+  .text-destructive-foreground {
+    color: var(--destructive-foreground);
+  }
+
   .text-emerald-200\/80 {
     color: #a4f4cfcc;
   }
@@ -6081,7 +6551,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 +6569,46 @@
     }
   }
 
+  .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-foreground\/90 {
+    color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-foreground\/90 {
+      color: color-mix(in oklab, var(--foreground) 90%, transparent);
+    }
+  }
+
   .text-gray-600 {
     color: var(--color-gray-600);
   }
@@ -6117,6 +6635,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 +6661,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 +6693,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 +6715,10 @@
     }
   }
 
+  .text-purple-400 {
+    color: var(--color-purple-400);
+  }
+
   .text-red-400 {
     color: var(--color-red-400);
   }
@@ -6213,6 +6743,14 @@
     color: var(--color-surface1);
   }
 
+  .text-surface1\! {
+    color: var(--color-surface1) !important;
+  }
+
+  .text-text1 {
+    color: var(--color-text1);
+  }
+
   .text-transparent {
     color: #0000;
   }
@@ -6229,10 +6767,6 @@
     color: var(--color-white);
   }
 
-  .text-white\! {
-    color: var(--color-white) !important;
-  }
-
   .text-yellow-600 {
     color: var(--color-yellow-600);
   }
@@ -6245,6 +6779,10 @@
     text-transform: lowercase;
   }
 
+  .normal-case {
+    text-transform: none;
+  }
+
   .uppercase {
     text-transform: uppercase;
   }
@@ -6275,6 +6813,14 @@
     accent-color: currentColor;
   }
 
+  .accent-foreground {
+    accent-color: var(--foreground);
+  }
+
+  .accent-positive1 {
+    accent-color: var(--color-positive1);
+  }
+
   .opacity-0 {
     opacity: 0;
   }
@@ -6410,6 +6956,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 +7053,10 @@
     }
   }
 
+  .ring-offset-background {
+    --tw-ring-offset-color: var(--background);
+  }
+
   .outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -6527,6 +7082,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);
   }
@@ -6618,6 +7181,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[background-color\,border-color\,color\] {
+    transition-property: background-color, border-color, color;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[background-color\,border-color\] {
     transition-property: background-color, border-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -6636,6 +7205,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 +7235,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 +7289,18 @@
     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\,gap\,background-color\,color\] {
+    transition-property: padding, gap, background-color, color;
+    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));
@@ -6750,12 +7343,6 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
-  .transition-\[width\] {
-    transition-property: width;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -6800,11 +7387,6 @@
     transition-duration: .2s;
   }
 
-  .duration-220 {
-    --tw-duration: .22s;
-    transition-duration: .22s;
-  }
-
   .duration-300 {
     --tw-duration: .3s;
     transition-duration: .3s;
@@ -6881,6 +7463,10 @@
     will-change: opacity,filter,scale;
   }
 
+  .will-change-\[opacity\,translate\] {
+    will-change: opacity,translate;
+  }
+
   .will-change-transform {
     will-change: transform;
   }
@@ -6913,6 +7499,10 @@
     user-select: none;
   }
 
+  .\[--card-radius\:calc\(var\(--radius-xl\)-2px\)\] {
+    --card-radius: calc(var(--radius-xl) - 2px);
+  }
+
   .\[--chat-column\:44rem\] {
     --chat-column: 44rem;
   }
@@ -7012,11 +7602,6 @@
     border-color: var(--color-border1);
   }
 
-  .group-last\:rounded-b-xl:is(:where(.group):last-child *) {
-    border-bottom-right-radius: var(--radius-xl);
-    border-bottom-left-radius: var(--radius-xl);
-  }
-
   .group-focus-within\:opacity-100:is(:where(.group):focus-within *), .group-focus-within\/comment-item\:opacity-100:is(:where(.group\/comment-item):focus-within *), .group-focus-within\/data-list-row\:opacity-100:is(:where(.group\/data-list-row):focus-within *) {
     opacity: 1;
   }
@@ -7025,16 +7610,40 @@
     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-card:is(:where(.group):hover *) {
+      background-color: var(--card);
+    }
+
+    .group-hover\:bg-surface4:is(:where(.group):hover *) {
+      background-color: var(--color-surface4);
+    }
+
+    .group-hover\:text-foreground:is(:where(.group):hover *) {
+      color: var(--foreground);
+    }
+
     .group-hover\:text-neutral6:is(:where(.group):hover *) {
       color: var(--color-neutral6);
     }
 
-    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/block\:opacity-100:is(:where(.group\/block):hover *), .group-hover\/comment-item\:opacity-100:is(:where(.group\/comment-item):hover *), .group-hover\/data-list-row\:opacity-100:is(:where(.group\/data-list-row):hover *) {
+    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/block\:opacity-100:is(:where(.group\/block):hover *) {
+      opacity: 1;
+    }
+
+    .group-hover\/brand\:opacity-0:is(:where(.group\/brand):hover *) {
+      opacity: 0;
+    }
+
+    .group-hover\/brand\:opacity-100:is(:where(.group\/brand):hover *), .group-hover\/comment-item\:opacity-100:is(:where(.group\/comment-item):hover *), .group-hover\/data-list-row\:opacity-100:is(:where(.group\/data-list-row):hover *) {
       opacity: 1;
     }
 
@@ -7042,7 +7651,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;
     }
 
@@ -7085,16 +7694,25 @@
     opacity: 1;
   }
 
+  .group-focus-visible\:ring-1:is(:where(.group):focus-visible *) {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + 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);
+  }
+
   .group-focus-visible\:ring-2:is(:where(.group):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);
   }
 
+  .group-focus-visible\:ring-accent1:is(:where(.group):focus-visible *) {
+    --tw-ring-color: var(--color-accent1);
+  }
+
   .group-focus-visible\:ring-accent3:is(:where(.group):focus-visible *) {
     --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;
   }
 
@@ -7120,12 +7738,8 @@
     width: var(--spacing-6);
   }
 
-  .group-has-focus\:opacity-100:is(:where(.group):has(:focus) *) {
-    opacity: 1;
-  }
-
-  .group-has-\[\:disabled\]\/input-group\:opacity-50:is(:where(.group\/input-group):has(:disabled) *) {
-    opacity: .5;
+  .group-has-\[\:disabled\]\/input-group\:text-muted-foreground:is(:where(.group\/input-group):has(:disabled) *) {
+    color: var(--muted-foreground);
   }
 
   .group-data-\[checked\]\/checkbox-indicator\:scale-100:is(:where(.group\/checkbox-indicator)[data-checked] *) {
@@ -7139,8 +7753,8 @@
     stroke-dashoffset: 0;
   }
 
-  .group-data-\[checked\]\/switch\:text-neutral6:is(:where(.group\/switch)[data-checked] *) {
-    color: var(--color-neutral6);
+  .group-data-\[checked\]\/switch\:text-foreground:is(:where(.group\/switch)[data-checked] *) {
+    color: var(--foreground);
   }
 
   .group-data-\[checked\]\/switch\:opacity-0:is(:where(.group\/switch)[data-checked] *) {
@@ -7159,6 +7773,14 @@
     width: var(--spacing-5);
   }
 
+  .group-data-\[ending-style\]\/popup\:opacity-0:is(:where(.group\/popup)[data-ending-style] *) {
+    opacity: 0;
+  }
+
+  .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 +7808,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);
   }
@@ -7341,12 +7971,12 @@
     border-width: 1px;
   }
 
-  .group-data-\[variant\=factory\]\/section\:border-border1:is(:where(.group\/section)[data-variant="factory"] *) {
-    border-color: var(--color-border1);
+  .group-data-\[variant\=factory\]\/section\:border-border:is(:where(.group\/section)[data-variant="factory"] *) {
+    border-color: var(--border);
   }
 
-  .group-data-\[variant\=factory\]\/section\:bg-surface3:is(:where(.group\/section)[data-variant="factory"] *) {
-    background-color: var(--color-surface3);
+  .group-data-\[variant\=factory\]\/section\:bg-card:is(:where(.group\/section)[data-variant="factory"] *) {
+    background-color: var(--card);
   }
 
   .group-data-\[variant\=factory\]\/section\:px-3:is(:where(.group\/section)[data-variant="factory"] *) {
@@ -7435,6 +8065,10 @@
     opacity: .7;
   }
 
+  .placeholder\:text-muted-foreground::placeholder {
+    color: var(--muted-foreground);
+  }
+
   .placeholder\:text-neutral2::placeholder {
     color: var(--color-neutral2);
   }
@@ -7463,6 +8097,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 +8112,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 +8132,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 +8147,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 +8162,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 +8194,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 +8222,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 +8258,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 +8351,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 +8403,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 +8453,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 +8546,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 +8564,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 +8595,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);
@@ -7762,13 +8621,13 @@
     border-color: var(--color-border2);
   }
 
-  .focus-within\:border-neutral5\/50:focus-within {
-    border-color: var(--color-neutral5);
+  .focus-within\:border-foreground\/60:focus-within {
+    border-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .focus-within\:border-neutral5\/50:focus-within {
-      border-color: color-mix(in oklab, var(--color-neutral5) 50%, transparent);
+    .focus-within\:border-foreground\/60:focus-within {
+      border-color: color-mix(in oklab, var(--foreground) 60%, transparent);
     }
   }
 
@@ -7782,6 +8641,16 @@
     }
   }
 
+  .focus-within\:bg-foreground\/14:focus-within {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-within\:bg-foreground\/14:focus-within {
+      background-color: color-mix(in oklab, var(--foreground) 14%, transparent);
+    }
+  }
+
   .focus-within\:bg-surface-overlay-strong:focus-within {
     background-color: var(--color-surface-overlay-strong);
   }
@@ -7794,6 +8663,10 @@
     color: var(--color-neutral6);
   }
 
+  .focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .focus-within\:outline-hidden:focus-within {
     --tw-outline-style: none;
     outline-style: none;
@@ -7834,64 +8707,64 @@
       border-color: var(--color-error);
     }
 
-    .hover\:border-neutral2:hover {
-      border-color: var(--color-neutral2);
-    }
-
-    .hover\:border-neutral6:hover, .hover\:border-neutral6\/\[0\.12\]:hover {
-      border-color: var(--color-neutral6);
+    .hover\:border-foreground\/18:hover {
+      border-color: var(--foreground);
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .hover\:border-neutral6\/\[0\.12\]:hover {
-        border-color: color-mix(in oklab, var(--color-neutral6) 12%, transparent);
+      .hover\:border-foreground\/18:hover {
+        border-color: color-mix(in oklab, var(--foreground) 18%, transparent);
       }
     }
 
-    .hover\:bg-accent1\/60:hover {
-      background-color: var(--color-accent1);
+    .hover\:border-foreground\/45:hover {
+      border-color: var(--foreground);
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-accent1\/60:hover {
-        background-color: color-mix(in oklab, var(--color-accent1) 60%, transparent);
+      .hover\:border-foreground\/45:hover {
+        border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
       }
     }
 
-    .hover\:bg-accent1\/80\!:hover {
-      background-color: var(--color-accent1) !important;
+    .hover\:border-foreground\/60:hover {
+      border-color: var(--foreground);
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-accent1\/80\!:hover {
-        background-color: color-mix(in oklab, var(--color-accent1) 80%, transparent) !important;
+      .hover\:border-foreground\/60:hover {
+        border-color: color-mix(in oklab, var(--foreground) 60%, transparent);
       }
     }
 
-    .hover\:bg-accent1Darker:hover {
-      background-color: var(--color-accent1Darker);
+    .hover\:border-neutral2:hover {
+      border-color: var(--color-neutral2);
     }
 
-    .hover\:bg-accent2\/10:hover {
-      background-color: var(--color-accent2);
+    .hover\:border-neutral6\/\[0\.12\]:hover {
+      border-color: var(--color-neutral6);
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-accent2\/10:hover {
-        background-color: color-mix(in oklab, var(--color-accent2) 10%, transparent);
+      .hover\:border-neutral6\/\[0\.12\]:hover {
+        border-color: color-mix(in oklab, var(--color-neutral6) 12%, transparent);
       }
     }
 
-    .hover\:bg-accent2\/90:hover {
-      background-color: var(--color-accent2);
+    .hover\:bg-accent1\/60:hover {
+      background-color: var(--color-accent1);
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-accent2\/90:hover {
-        background-color: color-mix(in oklab, var(--color-accent2) 90%, transparent);
+      .hover\:bg-accent1\/60:hover {
+        background-color: color-mix(in oklab, var(--color-accent1) 60%, transparent);
       }
     }
 
+    .hover\:bg-accent1Darker:hover {
+      background-color: var(--color-accent1Darker);
+    }
+
     .hover\:bg-accent3Dark\/70:hover {
       background-color: var(--color-accent3Dark);
     }
@@ -7912,8 +8785,38 @@
       }
     }
 
-    .hover\:bg-button-default-bg-hover:hover {
-      background-color: var(--color-button-default-bg-hover);
+    .hover\:bg-card:hover {
+      background-color: var(--card);
+    }
+
+    .hover\:bg-foreground\/10:hover {
+      background-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-foreground\/10:hover {
+        background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+      }
+    }
+
+    .hover\:bg-foreground\/14:hover {
+      background-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-foreground\/14:hover {
+        background-color: color-mix(in oklab, var(--foreground) 14%, transparent);
+      }
+    }
+
+    .hover\:bg-foreground\/18:hover {
+      background-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-foreground\/18:hover {
+        background-color: color-mix(in oklab, var(--foreground) 18%, transparent);
+      }
     }
 
     .hover\:bg-green-500\/20:hover {
@@ -7946,13 +8849,13 @@
       }
     }
 
-    .hover\:bg-neutral6\/90:hover {
-      background-color: var(--color-neutral6);
+    .hover\:bg-neutral6\/90\!:hover {
+      background-color: var(--color-neutral6) !important;
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-neutral6\/90:hover {
-        background-color: color-mix(in oklab, var(--color-neutral6) 90%, transparent);
+      .hover\:bg-neutral6\/90\!:hover {
+        background-color: color-mix(in oklab, var(--color-neutral6) 90%, transparent) !important;
       }
     }
 
@@ -7966,16 +8869,6 @@
       }
     }
 
-    .hover\:bg-neutral6\/\[0\.18\]:hover {
-      background-color: var(--color-neutral6);
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-neutral6\/\[0\.18\]:hover {
-        background-color: color-mix(in oklab, var(--color-neutral6) 18%, transparent);
-      }
-    }
-
     .hover\:bg-red-500\/20:hover {
       background-color: #fb2c3633;
     }
@@ -7986,8 +8879,12 @@
       }
     }
 
-    .hover\:bg-sidebar-nav-active:hover {
-      background-color: var(--sidebar-nav-active);
+    .hover\:bg-selected:hover {
+      background-color: var(--selected);
+    }
+
+    .hover\:bg-sidebar-accent:hover {
+      background-color: var(--sidebar-accent);
     }
 
     .hover\:bg-sidebar-nav-hover:hover {
@@ -7998,11 +8895,17 @@
       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);
     }
 
-    .hover\:bg-surface3:hover, .hover\:bg-surface3\/50:hover {
+    @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);
     }
 
@@ -8030,6 +8933,10 @@
       background-color: var(--color-surface5);
     }
 
+    .hover\:bg-transparent:hover {
+      background-color: #0000;
+    }
+
     .hover\:bg-white\/\[0\.03\]:hover {
       background-color: #ffffff08;
     }
@@ -8048,6 +8955,10 @@
       color: var(--color-accent2);
     }
 
+    .hover\:text-foreground:hover {
+      color: var(--foreground);
+    }
+
     .hover\:text-neutral4:hover {
       color: var(--color-neutral4);
     }
@@ -8064,10 +8975,6 @@
       color: var(--color-white);
     }
 
-    .hover\:underline:hover {
-      text-decoration-line: underline;
-    }
-
     .hover\:opacity-70:hover {
       opacity: .7;
     }
@@ -8109,6 +9016,84 @@
       --tw-brightness: brightness(125%);
       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, );
     }
+
+    .not-disabled\:hover\:border-foreground\/45:not(:disabled):hover {
+      border-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .not-disabled\:hover\:border-foreground\/45:not(:disabled):hover {
+        border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+      }
+    }
+
+    .not-disabled\:hover\:bg-destructive\/20:not(:disabled):hover {
+      background-color: var(--destructive);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .not-disabled\:hover\:bg-destructive\/20:not(:disabled):hover {
+        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+
+    .not-disabled\:hover\:bg-destructive\/80:not(:disabled):hover {
+      background-color: var(--destructive);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .not-disabled\:hover\:bg-destructive\/80:not(:disabled):hover {
+        background-color: color-mix(in oklab, var(--destructive) 80%, transparent);
+      }
+    }
+
+    .not-disabled\:hover\:bg-foreground\/4:not(:disabled):hover {
+      background-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .not-disabled\:hover\:bg-foreground\/4:not(:disabled):hover {
+        background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
+      }
+    }
+
+    .not-disabled\:hover\:bg-foreground\/14:not(:disabled):hover {
+      background-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .not-disabled\:hover\:bg-foreground\/14:not(:disabled):hover {
+        background-color: color-mix(in oklab, var(--foreground) 14%, transparent);
+      }
+    }
+
+    .not-disabled\:hover\:bg-foreground\/75:not(:disabled):hover {
+      background-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .not-disabled\:hover\:bg-foreground\/75:not(:disabled):hover {
+        background-color: color-mix(in oklab, var(--foreground) 75%, transparent);
+      }
+    }
+
+    .not-disabled\:hover\:text-destructive:not(:disabled):hover {
+      color: var(--destructive);
+    }
+
+    .not-disabled\:hover\:text-foreground:not(:disabled):hover {
+      color: var(--foreground);
+    }
+
+    .not-has-\[\:disabled\]\:hover\:bg-foreground\/14:not(:has(:disabled)):hover {
+      background-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .not-has-\[\:disabled\]\:hover\:bg-foreground\/14:not(:has(:disabled)):hover {
+        background-color: color-mix(in oklab, var(--foreground) 14%, transparent);
+      }
+    }
   }
 
   .focus\:border-accent1:focus {
@@ -8119,23 +9104,23 @@
     border-color: var(--color-border2);
   }
 
-  .focus\:bg-accent1\/80\!:focus {
-    background-color: var(--color-accent1) !important;
+  .focus\:bg-neutral6\/5:focus {
+    background-color: var(--color-neutral6);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .focus\:bg-accent1\/80\!:focus {
-      background-color: color-mix(in oklab, var(--color-accent1) 80%, transparent) !important;
+    .focus\:bg-neutral6\/5:focus {
+      background-color: color-mix(in oklab, var(--color-neutral6) 5%, transparent);
     }
   }
 
-  .focus\:bg-neutral6\/5:focus {
-    background-color: var(--color-neutral6);
+  .focus\:bg-neutral6\/90\!:focus {
+    background-color: var(--color-neutral6) !important;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .focus\:bg-neutral6\/5:focus {
-      background-color: color-mix(in oklab, var(--color-neutral6) 5%, transparent);
+    .focus\:bg-neutral6\/90\!:focus {
+      background-color: color-mix(in oklab, var(--color-neutral6) 90%, transparent) !important;
     }
   }
 
@@ -8147,8 +9132,8 @@
     color: var(--color-neutral6);
   }
 
-  .focus\:text-white\!:focus {
-    color: var(--color-white) !important;
+  .focus\:text-surface1\!:focus {
+    color: var(--color-surface1) !important;
   }
 
   .focus\:opacity-100:focus {
@@ -8213,14 +9198,30 @@
     border-color: var(--color-accent1);
   }
 
-  .focus-visible\:border-border2:focus-visible {
-    border-color: var(--color-border2);
-  }
-
   .focus-visible\:border-error:focus-visible {
     border-color: var(--color-error);
   }
 
+  .focus-visible\:border-foreground\/45:focus-visible {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:border-foreground\/45:focus-visible {
+      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
+  .focus-visible\:border-foreground\/60:focus-visible {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:border-foreground\/60:focus-visible {
+      border-color: color-mix(in oklab, var(--foreground) 60%, transparent);
+    }
+  }
+
   .focus-visible\:border-neutral5\/50:focus-visible {
     border-color: var(--color-neutral5);
   }
@@ -8235,8 +9236,24 @@
     border-color: #0000;
   }
 
-  .focus-visible\:bg-surface-overlay-strong:focus-visible {
-    background-color: var(--color-surface-overlay-strong);
+  .focus-visible\:bg-foreground\/14:focus-visible {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:bg-foreground\/14:focus-visible {
+      background-color: color-mix(in oklab, var(--foreground) 14%, transparent);
+    }
+  }
+
+  .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-surface3:focus-visible {
@@ -8260,6 +9277,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 +9319,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;
@@ -8323,6 +9358,16 @@
     outline-offset: 2px;
   }
 
+  .focus-visible\:outline-foreground\/45:focus-visible {
+    outline-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:outline-foreground\/45:focus-visible {
+      outline-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
   .focus-visible\:outline-neutral5\/55:focus-visible {
     outline-color: var(--color-neutral5);
   }
@@ -8368,6 +9413,13 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
+  .active\:scale-100:active {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+
   .active\:scale-\[0\.98\]:active {
     scale: .98;
   }
@@ -8380,6 +9432,16 @@
     cursor: grabbing;
   }
 
+  .active\:border-foreground\/30:active {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .active\:border-foreground\/30:active {
+      border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
+    }
+  }
+
   .active\:border-neutral6\/\[0\.18\]:active {
     border-color: var(--color-neutral6);
   }
@@ -8390,85 +9452,107 @@
     }
   }
 
-  .active\:bg-accent2\/15:active {
-    background-color: var(--color-accent2);
+  .active\:bg-foreground\/30:active {
+    background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .active\:bg-accent2\/15:active {
-      background-color: color-mix(in oklab, var(--color-accent2) 15%, transparent);
+    .active\:bg-foreground\/30:active {
+      background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
     }
   }
 
-  .active\:bg-accent2\/80:active {
-    background-color: var(--color-accent2);
+  .active\:bg-neutral6\/10:active {
+    background-color: var(--color-neutral6);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .active\:bg-accent2\/80:active {
-      background-color: color-mix(in oklab, var(--color-accent2) 80%, transparent);
+    .active\:bg-neutral6\/10:active {
+      background-color: color-mix(in oklab, var(--color-neutral6) 10%, transparent);
     }
   }
 
-  .active\:bg-button-default-bg-active:active {
-    background-color: var(--color-button-default-bg-active);
+  .active\:bg-neutral6\/\[0\.18\]:active {
+    background-color: var(--color-neutral6);
   }
 
-  .active\:bg-neutral6\/10:active {
-    background-color: var(--color-neutral6);
+  @supports (color: color-mix(in lab, red, red)) {
+    .active\:bg-neutral6\/\[0\.18\]:active {
+      background-color: color-mix(in oklab, var(--color-neutral6) 18%, transparent);
+    }
+  }
+
+  .active\:bg-surface4:active {
+    background-color: var(--color-surface4);
+  }
+
+  .active\:bg-surface5:active {
+    background-color: var(--color-surface5);
+  }
+
+  .active\:shadow-none:active {
+    --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);
+  }
+
+  .not-disabled\:active\:bg-destructive\/30:not(:disabled):active {
+    background-color: var(--destructive);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .active\:bg-neutral6\/10:active {
-      background-color: color-mix(in oklab, var(--color-neutral6) 10%, transparent);
+    .not-disabled\:active\:bg-destructive\/30:not(:disabled):active {
+      background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
     }
   }
 
-  .active\:bg-neutral6\/80:active {
-    background-color: var(--color-neutral6);
+  .not-disabled\:active\:bg-destructive\/70:not(:disabled):active {
+    background-color: var(--destructive);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .active\:bg-neutral6\/80:active {
-      background-color: color-mix(in oklab, var(--color-neutral6) 80%, transparent);
+    .not-disabled\:active\:bg-destructive\/70:not(:disabled):active {
+      background-color: color-mix(in oklab, var(--destructive) 70%, transparent);
     }
   }
 
-  .active\:bg-neutral6\/\[0\.18\]:active {
-    background-color: var(--color-neutral6);
+  .not-disabled\:active\:bg-foreground\/10:not(:disabled):active {
+    background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .active\:bg-neutral6\/\[0\.18\]:active {
-      background-color: color-mix(in oklab, var(--color-neutral6) 18%, transparent);
+    .not-disabled\:active\:bg-foreground\/10:not(:disabled):active {
+      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
     }
   }
 
-  .active\:bg-neutral6\/\[0\.22\]:active {
-    background-color: var(--color-neutral6);
+  .not-disabled\:active\:bg-foreground\/14:not(:disabled):active {
+    background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .active\:bg-neutral6\/\[0\.22\]:active {
-      background-color: color-mix(in oklab, var(--color-neutral6) 22%, transparent);
+    .not-disabled\:active\:bg-foreground\/14:not(:disabled):active {
+      background-color: color-mix(in oklab, var(--foreground) 14%, transparent);
     }
   }
 
-  .active\:bg-surface4:active {
-    background-color: var(--color-surface4);
+  .not-disabled\:active\:bg-foreground\/18:not(:disabled):active {
+    background-color: var(--foreground);
   }
 
-  .active\:bg-surface5:active {
-    background-color: var(--color-surface5);
+  @supports (color: color-mix(in lab, red, red)) {
+    .not-disabled\:active\:bg-foreground\/18:not(:disabled):active {
+      background-color: color-mix(in oklab, var(--foreground) 18%, transparent);
+    }
   }
 
-  .active\:bg-surface6:active {
-    background-color: var(--color-surface6);
+  .not-disabled\:active\:bg-foreground\/60:not(:disabled):active {
+    background-color: var(--foreground);
   }
 
-  .active\:shadow-none:active {
-    --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);
+  @supports (color: color-mix(in lab, red, red)) {
+    .not-disabled\:active\:bg-foreground\/60:not(:disabled):active {
+      background-color: color-mix(in oklab, var(--foreground) 60%, transparent);
+    }
   }
 
   .disabled\:pointer-events-none:disabled {
@@ -8479,6 +9563,72 @@
     cursor: not-allowed;
   }
 
+  .disabled\:border-border:disabled {
+    border-color: var(--border);
+  }
+
+  .disabled\:bg-destructive\/45:disabled {
+    background-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .disabled\:bg-destructive\/45:disabled {
+      background-color: color-mix(in oklab, var(--destructive) 45%, transparent);
+    }
+  }
+
+  .disabled\:bg-foreground\/45:disabled {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .disabled\:bg-foreground\/45:disabled {
+      background-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
+  .disabled\:bg-muted:disabled {
+    background-color: var(--muted);
+  }
+
+  .disabled\:bg-transparent:disabled {
+    background-color: #0000;
+  }
+
+  .disabled\:text-background\/75:disabled {
+    color: var(--background);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .disabled\:text-background\/75:disabled {
+      color: color-mix(in oklab, var(--background) 75%, transparent);
+    }
+  }
+
+  .disabled\:text-destructive-foreground\/75:disabled {
+    color: var(--destructive-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .disabled\:text-destructive-foreground\/75:disabled {
+      color: color-mix(in oklab, var(--destructive-foreground) 75%, transparent);
+    }
+  }
+
+  .disabled\:text-destructive\/50:disabled {
+    color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .disabled\:text-destructive\/50:disabled {
+      color: color-mix(in oklab, var(--destructive) 50%, transparent);
+    }
+  }
+
+  .disabled\:text-muted-foreground:disabled {
+    color: var(--muted-foreground);
+  }
+
   .disabled\:opacity-50:disabled {
     opacity: .5;
   }
@@ -8489,17 +9639,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 +9670,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);
   }
 
@@ -8562,6 +9729,18 @@
     cursor: not-allowed;
   }
 
+  .has-\[\:disabled\]\:border-border:has(:disabled) {
+    border-color: var(--border);
+  }
+
+  .has-\[\:disabled\]\:bg-muted:has(:disabled) {
+    background-color: var(--muted);
+  }
+
+  .has-\[\:disabled\]\:text-muted-foreground:has(:disabled) {
+    color: var(--muted-foreground);
+  }
+
   .has-\[\:disabled\]\:opacity-50:has(:disabled) {
     opacity: .5;
   }
@@ -8609,32 +9788,102 @@
     height: auto;
   }
 
-  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
-    flex-direction: column;
+  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
+    flex-direction: column;
+  }
+
+  .has-\[\>\[data-align\=block-start\]\]\:rounded-xl:has( > [data-align="block-start"]) {
+    border-radius: var(--radius-xl);
+  }
+
+  .has-\[\>\[data-slot\=page-header-icon\]\]\:grid-cols-\[\[icon\]_auto_\[title\]_auto_\[meta\]_minmax\(0\,1fr\)_\[action\]_auto_\[end\]\]:has( > [data-slot="page-header-icon"]) {
+    grid-template-columns: [icon] auto[title] auto[meta] minmax(0, 1fr)[action] auto[end];
+  }
+
+  .has-\[\>button\]\:pr-1:has( > button) {
+    padding-right: var(--spacing-1);
+  }
+
+  .has-\[\>button\]\:pl-1:has( > button) {
+    padding-left: var(--spacing-1);
+  }
+
+  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
+    pointer-events: none;
+  }
+
+  .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
+    cursor: not-allowed;
+  }
+
+  .aria-disabled\:cursor-wait[aria-disabled="true"] {
+    cursor: wait;
+  }
+
+  .aria-disabled\:border-border[aria-disabled="true"] {
+    border-color: var(--border);
+  }
+
+  .aria-disabled\:bg-destructive\/45[aria-disabled="true"] {
+    background-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .aria-disabled\:bg-destructive\/45[aria-disabled="true"] {
+      background-color: color-mix(in oklab, var(--destructive) 45%, transparent);
+    }
+  }
+
+  .aria-disabled\:bg-foreground\/45[aria-disabled="true"] {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .aria-disabled\:bg-foreground\/45[aria-disabled="true"] {
+      background-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
+  .aria-disabled\:bg-muted[aria-disabled="true"] {
+    background-color: var(--muted);
+  }
+
+  .aria-disabled\:bg-transparent[aria-disabled="true"] {
+    background-color: #0000;
+  }
+
+  .aria-disabled\:text-background\/75[aria-disabled="true"] {
+    color: var(--background);
   }
 
-  .has-\[\>\[data-align\=block-start\]\]\:rounded-xl:has( > [data-align="block-start"]) {
-    border-radius: var(--radius-xl);
+  @supports (color: color-mix(in lab, red, red)) {
+    .aria-disabled\:text-background\/75[aria-disabled="true"] {
+      color: color-mix(in oklab, var(--background) 75%, transparent);
+    }
   }
 
-  .has-\[\>\[data-slot\=page-header-icon\]\]\:grid-cols-\[\[icon\]_auto_\[title\]_auto_\[meta\]_minmax\(0\,1fr\)_\[action\]_auto_\[end\]\]:has( > [data-slot="page-header-icon"]) {
-    grid-template-columns: [icon] auto[title] auto[meta] minmax(0, 1fr)[action] auto[end];
+  .aria-disabled\:text-destructive-foreground\/75[aria-disabled="true"] {
+    color: var(--destructive-foreground);
   }
 
-  .has-\[\>button\]\:pr-1:has( > button) {
-    padding-right: var(--spacing-1);
+  @supports (color: color-mix(in lab, red, red)) {
+    .aria-disabled\:text-destructive-foreground\/75[aria-disabled="true"] {
+      color: color-mix(in oklab, var(--destructive-foreground) 75%, transparent);
+    }
   }
 
-  .has-\[\>button\]\:pl-1:has( > button) {
-    padding-left: var(--spacing-1);
+  .aria-disabled\:text-destructive\/50[aria-disabled="true"] {
+    color: var(--destructive);
   }
 
-  .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
-    cursor: not-allowed;
+  @supports (color: color-mix(in lab, red, red)) {
+    .aria-disabled\:text-destructive\/50[aria-disabled="true"] {
+      color: color-mix(in oklab, var(--destructive) 50%, transparent);
+    }
   }
 
-  .aria-disabled\:cursor-wait[aria-disabled="true"] {
-    cursor: wait;
+  .aria-disabled\:text-muted-foreground[aria-disabled="true"] {
+    color: var(--muted-foreground);
   }
 
   .aria-disabled\:opacity-50[aria-disabled="true"] {
@@ -8647,13 +9896,31 @@
     }
   }
 
-  .aria-selected\:bg-surface5[aria-selected="true"], .aria-selected\:bg-surface5\/50[aria-selected="true"] {
-    background-color: var(--color-surface5);
+  .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-neutral6\/5[aria-selected="true"] {
+    background-color: var(--color-neutral6);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .aria-selected\:bg-neutral6\/5[aria-selected="true"] {
+      background-color: color-mix(in oklab, var(--color-neutral6) 5%, transparent);
+    }
+  }
+
+  .aria-selected\:bg-neutral6\/10[aria-selected="true"] {
+    background-color: var(--color-neutral6);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .aria-selected\:bg-surface5\/50[aria-selected="true"] {
-      background-color: color-mix(in oklab, var(--color-surface5) 50%, transparent);
+    .aria-selected\:bg-neutral6\/10[aria-selected="true"] {
+      background-color: color-mix(in oklab, var(--color-neutral6) 10%, transparent);
     }
   }
 
@@ -8661,8 +9928,8 @@
     color: var(--color-neutral3);
   }
 
-  .aria-selected\:text-neutral5[aria-selected="true"] {
-    color: var(--color-neutral5);
+  .aria-selected\:text-neutral6[aria-selected="true"] {
+    color: var(--color-neutral6);
   }
 
   .aria-selected\:opacity-30[aria-selected="true"] {
@@ -8705,32 +9972,32 @@
     }
   }
 
-  .data-highlighted\:bg-accent2\/10[data-highlighted] {
-    background-color: var(--color-accent2);
+  .data-highlighted\:bg-destructive\/20[data-highlighted] {
+    background-color: var(--destructive);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .data-highlighted\:bg-accent2\/10[data-highlighted] {
-      background-color: color-mix(in oklab, var(--color-accent2) 10%, transparent);
+    .data-highlighted\:bg-destructive\/20[data-highlighted] {
+      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
     }
   }
 
-  .data-highlighted\:bg-neutral6\/5[data-highlighted] {
-    background-color: var(--color-neutral6);
+  .data-highlighted\:bg-foreground\/4[data-highlighted] {
+    background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .data-highlighted\:bg-neutral6\/5[data-highlighted] {
-      background-color: color-mix(in oklab, var(--color-neutral6) 5%, transparent);
+    .data-highlighted\:bg-foreground\/4[data-highlighted] {
+      background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
     }
   }
 
-  .data-highlighted\:text-accent2[data-highlighted] {
-    color: var(--color-accent2);
+  .data-highlighted\:text-destructive[data-highlighted] {
+    color: var(--destructive);
   }
 
-  .data-highlighted\:text-neutral6[data-highlighted], .data-selected\:text-neutral6[data-selected] {
-    color: var(--color-neutral6);
+  .data-highlighted\:text-foreground[data-highlighted], .data-selected\:text-foreground[data-selected] {
+    color: var(--foreground);
   }
 
   .data-\[active\]\:text-neutral5[data-active] {
@@ -8815,22 +10082,34 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
+  .data-\[checked\]\:border-foreground[data-checked] {
+    border-color: var(--foreground);
+  }
+
   .data-\[checked\]\:border-neutral6[data-checked] {
     border-color: var(--color-neutral6);
   }
 
-  .data-\[checked\]\:bg-neutral6[data-checked], .data-\[checked\]\:bg-neutral6\/\[0\.92\][data-checked] {
-    background-color: var(--color-neutral6);
+  .data-\[checked\]\:bg-background[data-checked] {
+    background-color: var(--background);
+  }
+
+  .data-\[checked\]\:bg-foreground[data-checked], .data-\[checked\]\:bg-foreground\/90[data-checked] {
+    background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .data-\[checked\]\:bg-neutral6\/\[0\.92\][data-checked] {
-      background-color: color-mix(in oklab, var(--color-neutral6) 92%, transparent);
+    .data-\[checked\]\:bg-foreground\/90[data-checked] {
+      background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
     }
   }
 
-  .data-\[checked\]\:bg-surface1[data-checked] {
-    background-color: var(--color-surface1);
+  .data-\[checked\]\:bg-neutral6[data-checked] {
+    background-color: var(--color-neutral6);
+  }
+
+  .data-\[checked\]\:text-background[data-checked] {
+    color: var(--background);
   }
 
   .data-\[checked\]\:text-surface1[data-checked] {
@@ -8847,16 +10126,42 @@
   }
 
   @media (hover: hover) {
+    .data-\[checked\]\:hover\:border-foreground\/90[data-checked]:hover {
+      border-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .data-\[checked\]\:hover\:border-foreground\/90[data-checked]:hover {
+        border-color: color-mix(in oklab, var(--foreground) 90%, transparent);
+      }
+    }
+
     .data-\[checked\]\:hover\:border-neutral5[data-checked]:hover {
       border-color: var(--color-neutral5);
     }
 
+    .data-\[checked\]\:hover\:bg-foreground[data-checked]:hover, .data-\[checked\]\:hover\:bg-foreground\/90[data-checked]:hover {
+      background-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .data-\[checked\]\:hover\:bg-foreground\/90[data-checked]:hover {
+        background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
+      }
+    }
+
     .data-\[checked\]\:hover\:bg-neutral5[data-checked]:hover {
       background-color: var(--color-neutral5);
     }
+  }
 
-    .data-\[checked\]\:hover\:bg-neutral6[data-checked]:hover {
-      background-color: var(--color-neutral6);
+  .data-\[checked\]\:active\:border-foreground\/75[data-checked]:active {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[checked\]\:active\:border-foreground\/75[data-checked]:active {
+      border-color: color-mix(in oklab, var(--foreground) 75%, transparent);
     }
   }
 
@@ -8864,12 +10169,18 @@
     border-color: var(--color-neutral4);
   }
 
-  .data-\[checked\]\:active\:bg-neutral4[data-checked]:active {
-    background-color: var(--color-neutral4);
+  .data-\[checked\]\:active\:bg-foreground\/75[data-checked]:active {
+    background-color: var(--foreground);
   }
 
-  .data-\[checked\]\:active\:bg-neutral5[data-checked]:active {
-    background-color: var(--color-neutral5);
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[checked\]\:active\:bg-foreground\/75[data-checked]:active {
+      background-color: color-mix(in oklab, var(--foreground) 75%, transparent);
+    }
+  }
+
+  .data-\[checked\]\:active\:bg-neutral4[data-checked]:active {
+    background-color: var(--color-neutral4);
   }
 
   .data-\[closed\]\:animate-out[data-closed] {
@@ -8910,6 +10221,16 @@
     cursor: not-allowed;
   }
 
+  .data-\[disabled\]\:border-foreground\/45[data-disabled] {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[disabled\]\:border-foreground\/45[data-disabled] {
+      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
   .data-\[disabled\]\:border-neutral6\/\[0\.38\][data-disabled] {
     border-color: var(--color-neutral6);
   }
@@ -8920,13 +10241,23 @@
     }
   }
 
-  .data-\[disabled\]\:bg-neutral6\/\[0\.16\][data-disabled] {
-    background-color: var(--color-neutral6);
+  .data-\[disabled\]\:bg-foreground\/14[data-disabled] {
+    background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .data-\[disabled\]\:bg-neutral6\/\[0\.16\][data-disabled] {
-      background-color: color-mix(in oklab, var(--color-neutral6) 16%, transparent);
+    .data-\[disabled\]\:bg-foreground\/14[data-disabled] {
+      background-color: color-mix(in oklab, var(--foreground) 14%, transparent);
+    }
+  }
+
+  .data-\[disabled\]\:bg-foreground\/45[data-disabled] {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[disabled\]\:bg-foreground\/45[data-disabled] {
+      background-color: color-mix(in oklab, var(--foreground) 45%, transparent);
     }
   }
 
@@ -8945,6 +10276,16 @@
   }
 
   @media (hover: hover) {
+    .data-\[disabled\]\:hover\:border-foreground\/45[data-disabled]:hover {
+      border-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .data-\[disabled\]\:hover\:border-foreground\/45[data-disabled]:hover {
+        border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+      }
+    }
+
     .data-\[disabled\]\:hover\:border-neutral6\/\[0\.38\][data-disabled]:hover {
       border-color: var(--color-neutral6);
     }
@@ -8955,13 +10296,23 @@
       }
     }
 
-    .data-\[disabled\]\:hover\:bg-neutral6\/\[0\.16\][data-disabled]:hover {
-      background-color: var(--color-neutral6);
+    .data-\[disabled\]\:hover\:bg-foreground\/14[data-disabled]:hover {
+      background-color: var(--foreground);
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .data-\[disabled\]\:hover\:bg-neutral6\/\[0\.16\][data-disabled]:hover {
-        background-color: color-mix(in oklab, var(--color-neutral6) 16%, transparent);
+      .data-\[disabled\]\:hover\:bg-foreground\/14[data-disabled]:hover {
+        background-color: color-mix(in oklab, var(--foreground) 14%, transparent);
+      }
+    }
+
+    .data-\[disabled\]\:hover\:bg-foreground\/45[data-disabled]:hover {
+      background-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .data-\[disabled\]\:hover\:bg-foreground\/45[data-disabled]:hover {
+        background-color: color-mix(in oklab, var(--foreground) 45%, transparent);
       }
     }
 
@@ -8987,6 +10338,16 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
+  .data-\[disabled\]\:data-\[checked\]\:border-foreground\/45[data-disabled][data-checked] {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[disabled\]\:data-\[checked\]\:border-foreground\/45[data-disabled][data-checked] {
+      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
   .data-\[disabled\]\:data-\[checked\]\:border-neutral6\/\[0\.38\][data-disabled][data-checked] {
     border-color: var(--color-neutral6);
   }
@@ -8997,48 +10358,62 @@
     }
   }
 
-  .data-\[disabled\]\:data-\[checked\]\:bg-neutral6\/\[0\.3\][data-disabled][data-checked] {
-    background-color: var(--color-neutral6);
+  .data-\[disabled\]\:data-\[checked\]\:bg-background\/75[data-disabled][data-checked] {
+    background-color: var(--background);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .data-\[disabled\]\:data-\[checked\]\:bg-neutral6\/\[0\.3\][data-disabled][data-checked] {
-      background-color: color-mix(in oklab, var(--color-neutral6) 30%, transparent);
+    .data-\[disabled\]\:data-\[checked\]\:bg-background\/75[data-disabled][data-checked] {
+      background-color: color-mix(in oklab, var(--background) 75%, transparent);
     }
   }
 
-  .data-\[disabled\]\:data-\[checked\]\:bg-neutral6\/\[0\.38\][data-disabled][data-checked] {
-    background-color: var(--color-neutral6);
+  .data-\[disabled\]\:data-\[checked\]\:bg-foreground\/30[data-disabled][data-checked] {
+    background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .data-\[disabled\]\:data-\[checked\]\:bg-neutral6\/\[0\.38\][data-disabled][data-checked] {
-      background-color: color-mix(in oklab, var(--color-neutral6) 38%, transparent);
+    .data-\[disabled\]\:data-\[checked\]\:bg-foreground\/30[data-disabled][data-checked] {
+      background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
     }
   }
 
-  .data-\[disabled\]\:data-\[checked\]\:bg-surface1\/80[data-disabled][data-checked] {
-    background-color: var(--color-surface1);
+  .data-\[disabled\]\:data-\[checked\]\:bg-foreground\/45[data-disabled][data-checked] {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[disabled\]\:data-\[checked\]\:bg-foreground\/45[data-disabled][data-checked] {
+      background-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
+  .data-\[disabled\]\:data-\[checked\]\:bg-neutral6\/\[0\.38\][data-disabled][data-checked] {
+    background-color: var(--color-neutral6);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .data-\[disabled\]\:data-\[checked\]\:bg-surface1\/80[data-disabled][data-checked] {
-      background-color: color-mix(in oklab, var(--color-surface1) 80%, transparent);
+    .data-\[disabled\]\:data-\[checked\]\:bg-neutral6\/\[0\.38\][data-disabled][data-checked] {
+      background-color: color-mix(in oklab, var(--color-neutral6) 38%, transparent);
     }
   }
 
+  .data-\[disabled\]\:data-\[checked\]\:text-foreground[data-disabled][data-checked] {
+    color: var(--foreground);
+  }
+
   .data-\[disabled\]\:data-\[checked\]\:text-neutral6[data-disabled][data-checked] {
     color: var(--color-neutral6);
   }
 
   @media (hover: hover) {
-    .data-\[disabled\]\:data-\[checked\]\:hover\:bg-neutral6\/\[0\.3\][data-disabled][data-checked]:hover {
-      background-color: var(--color-neutral6);
+    .data-\[disabled\]\:data-\[checked\]\:hover\:bg-foreground\/30[data-disabled][data-checked]:hover {
+      background-color: var(--foreground);
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .data-\[disabled\]\:data-\[checked\]\:hover\:bg-neutral6\/\[0\.3\][data-disabled][data-checked]:hover {
-        background-color: color-mix(in oklab, var(--color-neutral6) 30%, transparent);
+      .data-\[disabled\]\:data-\[checked\]\:hover\:bg-foreground\/30[data-disabled][data-checked]:hover {
+        background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
       }
     }
   }
@@ -9076,6 +10451,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;
   }
@@ -9095,16 +10474,16 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
-  .data-\[indeterminate\]\:border-neutral6[data-indeterminate] {
-    border-color: var(--color-neutral6);
+  .data-\[indeterminate\]\:border-foreground[data-indeterminate] {
+    border-color: var(--foreground);
   }
 
-  .data-\[indeterminate\]\:bg-neutral6[data-indeterminate] {
-    background-color: var(--color-neutral6);
+  .data-\[indeterminate\]\:bg-foreground[data-indeterminate] {
+    background-color: var(--foreground);
   }
 
-  .data-\[indeterminate\]\:text-surface1[data-indeterminate] {
-    color: var(--color-surface1);
+  .data-\[indeterminate\]\:text-background[data-indeterminate] {
+    color: var(--background);
   }
 
   .data-\[indeterminate\]\:opacity-100[data-indeterminate] {
@@ -9112,45 +10491,69 @@
   }
 
   @media (hover: hover) {
-    .data-\[indeterminate\]\:hover\:border-neutral5[data-indeterminate]:hover {
-      border-color: var(--color-neutral5);
+    .data-\[indeterminate\]\:hover\:border-foreground\/90[data-indeterminate]:hover {
+      border-color: var(--foreground);
     }
 
-    .data-\[indeterminate\]\:hover\:bg-neutral5[data-indeterminate]:hover {
-      background-color: var(--color-neutral5);
+    @supports (color: color-mix(in lab, red, red)) {
+      .data-\[indeterminate\]\:hover\:border-foreground\/90[data-indeterminate]:hover {
+        border-color: color-mix(in oklab, var(--foreground) 90%, transparent);
+      }
+    }
+
+    .data-\[indeterminate\]\:hover\:bg-foreground\/90[data-indeterminate]:hover {
+      background-color: var(--foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .data-\[indeterminate\]\:hover\:bg-foreground\/90[data-indeterminate]:hover {
+        background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
+      }
     }
   }
 
-  .data-\[indeterminate\]\:active\:border-neutral4[data-indeterminate]:active {
-    border-color: var(--color-neutral4);
+  .data-\[indeterminate\]\:active\:border-foreground\/75[data-indeterminate]:active {
+    border-color: var(--foreground);
   }
 
-  .data-\[indeterminate\]\:active\:bg-neutral4[data-indeterminate]:active {
-    background-color: var(--color-neutral4);
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[indeterminate\]\:active\:border-foreground\/75[data-indeterminate]:active {
+      border-color: color-mix(in oklab, var(--foreground) 75%, transparent);
+    }
   }
 
-  .data-\[disabled\]\:data-\[indeterminate\]\:border-neutral6\/\[0\.38\][data-disabled][data-indeterminate] {
-    border-color: var(--color-neutral6);
+  .data-\[indeterminate\]\:active\:bg-foreground\/75[data-indeterminate]:active {
+    background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .data-\[disabled\]\:data-\[indeterminate\]\:border-neutral6\/\[0\.38\][data-disabled][data-indeterminate] {
-      border-color: color-mix(in oklab, var(--color-neutral6) 38%, transparent);
+    .data-\[indeterminate\]\:active\:bg-foreground\/75[data-indeterminate]:active {
+      background-color: color-mix(in oklab, var(--foreground) 75%, transparent);
     }
   }
 
-  .data-\[disabled\]\:data-\[indeterminate\]\:bg-neutral6\/\[0\.38\][data-disabled][data-indeterminate] {
-    background-color: var(--color-neutral6);
+  .data-\[disabled\]\:data-\[indeterminate\]\:border-foreground\/45[data-disabled][data-indeterminate] {
+    border-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .data-\[disabled\]\:data-\[indeterminate\]\:bg-neutral6\/\[0\.38\][data-disabled][data-indeterminate] {
-      background-color: color-mix(in oklab, var(--color-neutral6) 38%, transparent);
+    .data-\[disabled\]\:data-\[indeterminate\]\:border-foreground\/45[data-disabled][data-indeterminate] {
+      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
     }
   }
 
-  .data-\[disabled\]\:data-\[indeterminate\]\:text-neutral6[data-disabled][data-indeterminate] {
-    color: var(--color-neutral6);
+  .data-\[disabled\]\:data-\[indeterminate\]\:bg-foreground\/45[data-disabled][data-indeterminate] {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[disabled\]\:data-\[indeterminate\]\:bg-foreground\/45[data-disabled][data-indeterminate] {
+      background-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
+  .data-\[disabled\]\:data-\[indeterminate\]\:text-foreground[data-disabled][data-indeterminate] {
+    color: var(--foreground);
   }
 
   .data-\[instant\]\:transition-none[data-instant] {
@@ -9276,16 +10679,38 @@
     mask-composite: intersect;
   }
 
-  .data-\[placeholder\]\:text-neutral3[data-placeholder] {
-    color: var(--color-neutral3);
+  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
+    color: var(--muted-foreground);
   }
 
-  .data-\[popup-open\]\:border-border2[data-popup-open] {
-    border-color: var(--color-border2);
+  .data-\[popup-open\]\:border-foreground\/45[data-popup-open] {
+    border-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[popup-open\]\:border-foreground\/45[data-popup-open] {
+      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
+  .data-\[popup-open\]\:bg-foreground\/4[data-popup-open] {
+    background-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[popup-open\]\:bg-foreground\/4[data-popup-open] {
+      background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
+    }
+  }
+
+  .data-\[popup-open\]\:bg-foreground\/14[data-popup-open] {
+    background-color: var(--foreground);
   }
 
-  .data-\[popup-open\]\:bg-button-default-bg-hover[data-popup-open] {
-    background-color: var(--color-button-default-bg-hover);
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[popup-open\]\:bg-foreground\/14[data-popup-open] {
+      background-color: color-mix(in oklab, var(--foreground) 14%, transparent);
+    }
   }
 
   .data-\[popup-open\]\:bg-neutral6\/5[data-popup-open] {
@@ -9298,8 +10723,18 @@
     }
   }
 
-  .data-\[popup-open\]\:bg-surface3[data-popup-open] {
-    background-color: var(--color-surface3);
+  .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\]\:text-foreground[data-popup-open] {
+    color: var(--foreground);
   }
 
   .data-\[popup-open\]\:text-neutral6[data-popup-open] {
@@ -9319,16 +10754,6 @@
     border-color: var(--color-border1);
   }
 
-  .data-\[selected\=true\]\:bg-surface4[data-selected="true"], .data-\[selected\=true\]\:bg-surface4\/80[data-selected="true"] {
-    background-color: var(--color-surface4);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .data-\[selected\=true\]\:bg-surface4\/80[data-selected="true"] {
-      background-color: color-mix(in oklab, var(--color-surface4) 80%, transparent);
-    }
-  }
-
   .data-\[selected\=true\]\:text-neutral6[data-selected="true"] {
     color: var(--color-neutral6);
   }
@@ -9402,6 +10827,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;
   }
@@ -9416,13 +10845,13 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .data-\[disabled\]\:data-\[unchecked\]\:bg-neutral6\/\[0\.42\][data-disabled][data-unchecked] {
-    background-color: var(--color-neutral6);
+  .data-\[disabled\]\:data-\[unchecked\]\:bg-foreground\/45[data-disabled][data-unchecked] {
+    background-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .data-\[disabled\]\:data-\[unchecked\]\:bg-neutral6\/\[0\.42\][data-disabled][data-unchecked] {
-      background-color: color-mix(in oklab, var(--color-neutral6) 42%, transparent);
+    .data-\[disabled\]\:data-\[unchecked\]\:bg-foreground\/45[data-disabled][data-unchecked] {
+      background-color: color-mix(in oklab, var(--foreground) 45%, transparent);
     }
   }
 
@@ -9449,25 +10878,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 +10942,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 +10963,15 @@
     .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\:placeholder\:transition-none::placeholder {
+      transition-property: none;
+    }
+
+    .motion-reduce\:before\:animate-none:before {
+      content: var(--tw-content);
+      animation: none;
+    }
   }
 
   @media not all and (min-width: 22rem) {
@@ -9553,6 +11029,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;
     }
@@ -9613,6 +11097,10 @@
       width: auto;
     }
 
+    .sm\:max-w-96 {
+      max-width: var(--spacing-96);
+    }
+
     .sm\:max-w-\[calc\(100vw-2rem\)\] {
       max-width: calc(100vw - 2rem);
     }
@@ -9637,6 +11125,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,12 +11149,12 @@
       flex-direction: row;
     }
 
-    .sm\:items-center {
-      align-items: center;
+    .sm\:items-baseline {
+      align-items: baseline;
     }
 
-    .sm\:items-end {
-      align-items: flex-end;
+    .sm\:items-center {
+      align-items: center;
     }
 
     .sm\:items-start {
@@ -9665,10 +11169,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 +11195,12 @@
       justify-self: flex-end;
     }
 
+    .sm\:truncate {
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+
     .sm\:p-3 {
       padding: var(--spacing-3);
     }
@@ -9703,6 +11221,10 @@
       padding-inline: var(--spacing-6);
     }
 
+    .sm\:px-8 {
+      padding-inline: var(--spacing-8);
+    }
+
     .sm\:py-8 {
       padding-block: var(--spacing-8);
     }
@@ -9855,18 +11377,22 @@
       width: var(--spacing-72);
     }
 
-    .lg\:max-w-96 {
-      max-width: var(--spacing-96);
-    }
-
     .lg\:min-w-sm {
       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,10 +11401,22 @@
       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);
     }
 
+    .lg\:grid-cols-\[24rem_1fr_0fr\] {
+      grid-template-columns: 24rem 1fr 0fr;
+    }
+
+    .lg\:grid-cols-\[24rem_1fr_1fr\] {
+      grid-template-columns: 24rem 1fr 1fr;
+    }
+
     .lg\:grid-cols-\[auto_1fr\] {
       grid-template-columns: auto 1fr;
     }
@@ -9903,8 +11441,12 @@
       gap: var(--spacing-0);
     }
 
-    .lg\:gap-4 {
-      gap: var(--spacing-4);
+    .lg\:gap-2 {
+      gap: var(--spacing-2);
+    }
+
+    .lg\:gap-6 {
+      gap: var(--spacing-6);
     }
 
     .lg\:p-6 {
@@ -9922,6 +11464,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 +11492,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 +11629,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 +11737,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 +11880,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 +11968,36 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .\[\&_\[data-slot\=sidebar-new-search-trigger\]\]\:hidden [data-slot="sidebar-new-search-trigger"] {
+    display: none;
+  }
+
+  .\[\&_a\]\:min-h-11 a {
+    min-height: var(--spacing-11);
+  }
+
+  .\[\&_a\]\:touch-manipulation a {
+    touch-action: manipulation;
+  }
+
+  .\[\&_button\]\:min-h-11 button {
+    min-height: var(--spacing-11);
+  }
+
+  .\[\&_button\]\:touch-manipulation button {
+    touch-action: manipulation;
+  }
+
+  @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 +12064,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 +12095,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;
   }
@@ -10498,11 +12133,6 @@
     height: 1.3em;
   }
 
-  .\[\&_svg\]\:size-\[1\.25em\] svg {
-    width: 1.25em;
-    height: 1.25em;
-  }
-
   .\[\&_svg\]\:size-\[1em\] svg {
     width: 1em;
     height: 1em;
@@ -10524,22 +12154,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 {
@@ -10562,6 +12196,25 @@
     transition-duration: var(--duration-normal);
   }
 
+  .\[\&_svg\]\:duration-slow svg {
+    transition-duration: var(--duration-slow);
+  }
+
+  .\[\&_svg\]\:ease-out-custom svg {
+    --tw-ease: var(--ease-out-custom);
+    transition-timing-function: var(--ease-out-custom);
+  }
+
+  @media (hover: hover) {
+    .not-disabled\:hover\:\[\&_svg\]\:text-foreground:not(:disabled):hover svg {
+      color: var(--foreground);
+    }
+  }
+
+  .aria-disabled\:\[\&_svg\]\:text-muted-foreground[aria-disabled="true"] svg {
+    color: var(--muted-foreground);
+  }
+
   .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction="start"] svg {
     rotate: 180deg;
   }
@@ -10620,6 +12273,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 +12293,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,10 +12343,18 @@
     border-bottom-width: 1px;
   }
 
+  .\[\&\:after\]\:border-border:after {
+    border-color: var(--border);
+  }
+
   .\[\&\:after\]\:border-border1:after {
     border-color: var(--color-border1);
   }
 
+  .\[\&\:after\]\:border-sidebar-divider:after {
+    border-color: var(--color-sidebar-divider);
+  }
+
   .\[\&\:after\]\:content-\[\"\"\]:after {
     --tw-content: "";
     content: var(--tw-content);
@@ -10710,8 +12383,14 @@
     border-radius: var(--radius-md);
   }
 
-  .\[\&\:has\(\[aria-selected\]\)\]\:bg-surface5:has([aria-selected]) {
-    background-color: var(--color-surface5);
+  .\[\&\:has\(\[aria-selected\]\)\]\:bg-neutral6\/10:has([aria-selected]) {
+    background-color: var(--color-neutral6);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .\[\&\:has\(\[aria-selected\]\)\]\:bg-neutral6\/10:has([aria-selected]) {
+      background-color: color-mix(in oklab, var(--color-neutral6) 10%, transparent);
+    }
   }
 
   .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
@@ -10724,13 +12403,13 @@
     border-bottom-right-radius: var(--radius-md);
   }
 
-  .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-surface5\/50:has([aria-selected].day-outside) {
-    background-color: var(--color-surface5);
+  .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-neutral6\/5:has([aria-selected].day-outside) {
+    background-color: var(--color-neutral6);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-surface5\/50:has([aria-selected].day-outside) {
-      background-color: color-mix(in oklab, var(--color-surface5) 50%, transparent);
+    .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-neutral6\/5:has([aria-selected].day-outside) {
+      background-color: color-mix(in oklab, var(--color-neutral6) 5%, transparent);
     }
   }
 
@@ -10751,32 +12430,40 @@
     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 {
     color: var(--color-black);
   }
 
-  .\[\&\:hover\:not\(\:focus-visible\)\]\:border-border2:hover:not(:focus-visible), .\[\&\:hover\:not\(\:focus-within\)\]\:border-border2:hover:not(:focus-within) {
-    border-color: var(--color-border2);
+  .\[\&\:hover\:not\(\:focus-visible\)\:not\(\:disabled\)\]\:border-foreground\/45:hover:not(:focus-visible):not(:disabled) {
+    border-color: var(--foreground);
   }
 
-  .\[\&\:hover\>\[data-slot\=button-icon\]\]\:opacity-100:hover > [data-slot="button-icon"] {
-    opacity: 1;
+  @supports (color: color-mix(in lab, red, red)) {
+    .\[\&\:hover\:not\(\:focus-visible\)\:not\(\:disabled\)\]\:border-foreground\/45:hover:not(:focus-visible):not(:disabled) {
+      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
   }
 
-  .\[\&\:hover\>div\]\:bg-surface5:hover > div {
-    background-color: var(--color-surface5);
+  .\[\&\:hover\:not\(\:focus-within\)\:not\(\:has\(\:disabled\)\)\]\:border-foreground\/45:hover:not(:focus-within):not(:has(:disabled)) {
+    border-color: var(--foreground);
   }
 
-  .\[\&\:hover\>svg\]\:opacity-60:hover > svg {
-    opacity: .6;
+  @supports (color: color-mix(in lab, red, red)) {
+    .\[\&\:hover\:not\(\:focus-within\)\:not\(\:has\(\:disabled\)\)\]\:border-foreground\/45:hover:not(:focus-within):not(:has(:disabled)) {
+      border-color: color-mix(in oklab, var(--foreground) 45%, transparent);
+    }
+  }
+
+  .\[\&\:hover\>div\]\:bg-surface5:hover > div {
+    background-color: var(--color-surface5);
   }
 
   .\[\&\:hover\>svg\]\:opacity-100:hover > svg {
@@ -10866,14 +12553,6 @@
     overflow: hidden;
   }
 
-  .\[\&\>\*\]\:rounded-lg > * {
-    border-radius: var(--radius-lg);
-  }
-
-  .\[\&\>\*\]\:bg-surface3 > * {
-    background-color: var(--color-surface3);
-  }
-
   .\[\&\>\*\]\:text-ellipsis > * {
     text-overflow: ellipsis;
   }
@@ -10882,11 +12561,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 +12662,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);
@@ -10997,25 +12675,6 @@
     margin-left: -.3em;
   }
 
-  .\[\&\>\[data-slot\=button-icon\]\]\:opacity-50 > [data-slot="button-icon"] {
-    opacity: .5;
-  }
-
-  .\[\&\>\[data-slot\=button-icon\]\]\:transition-opacity > [data-slot="button-icon"] {
-    transition-property: opacity;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-
-  .\[\&\>\[data-slot\=button-icon\]\]\:duration-normal > [data-slot="button-icon"] {
-    transition-duration: var(--duration-normal);
-  }
-
-  .\[\&\>\[data-slot\=button-icon\]\]\:ease-out-custom > [data-slot="button-icon"] {
-    --tw-ease: var(--ease-out-custom);
-    transition-timing-function: var(--ease-out-custom);
-  }
-
   .has-\[\>\[data-align\=block-end\]\]\:\[\&\>\[data-slot\=input-group-control\]\]\:w-full:has( > [data-align="block-end"]) > [data-slot="input-group-control"] {
     width: 100%;
   }
@@ -11158,6 +12817,10 @@
     color: var(--color-neutral2);
   }
 
+  .\[\&\>b\]\:text-neutral3 > b {
+    color: var(--color-neutral3);
+  }
+
   .\[\&\>button\]\:flex > button {
     display: flex;
   }
@@ -11274,10 +12937,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;
@@ -11364,6 +13023,10 @@
     height: var(--height-icon-sm);
   }
 
+  .\[\&\>svg\]\:h-icon-smd > svg {
+    height: var(--height-icon-smd);
+  }
+
   .\[\&\>svg\]\:w-4 > svg {
     width: var(--spacing-4);
   }
@@ -11380,14 +13043,42 @@
     width: var(--width-icon-sm);
   }
 
+  .\[\&\>svg\]\:w-icon-smd > svg {
+    width: var(--width-icon-smd);
+  }
+
   .\[\&\>svg\]\:shrink-0 > svg {
     flex-shrink: 0;
   }
 
+  .\[\&\>svg\]\:\[stroke-width\:1\.5\] > svg {
+    stroke-width: 1.5px;
+  }
+
+  .\[\&\>svg\]\:\[stroke-width\:1\.25\] > svg {
+    stroke-width: 1.25px;
+  }
+
+  .\[\&\>svg\]\:\[stroke-width\:1\.75\] > svg {
+    stroke-width: 1.75px;
+  }
+
+  .\[\&\>svg\]\:\[stroke-width\:2\] > svg {
+    stroke-width: 2px;
+  }
+
   .\[\&\>svg\]\:text-accent1 > svg {
     color: var(--color-accent1);
   }
 
+  .\[\&\>svg\]\:text-destructive > svg {
+    color: var(--destructive);
+  }
+
+  .\[\&\>svg\]\:text-error > svg {
+    color: var(--color-error);
+  }
+
   .\[\&\>svg\]\:text-negative1 > svg {
     color: var(--color-negative1);
   }
@@ -11408,18 +13099,10 @@
     color: var(--color-positive1);
   }
 
-  .\[\&\>svg\]\:text-red-400 > svg {
-    color: var(--color-red-400);
-  }
-
   .\[\&\>svg\]\:text-red-500 > svg {
     color: var(--color-red-500);
   }
 
-  .\[\&\>svg\]\:opacity-0 > svg {
-    opacity: 0;
-  }
-
   .\[\&\>svg\]\:opacity-20 > svg {
     opacity: .2;
   }
@@ -11436,18 +13119,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));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-
   .\[\&\>svg\]\:transition-transform > svg {
     transition-property: transform, translate, scale, rotate;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -11512,6 +13183,10 @@
     border-top-right-radius: var(--radius-none);
   }
 
+  [data-sidebar-mobile-present="true"] .\[\[data-sidebar-mobile-present\=\'true\'\]_\&\]\:invisible {
+    visibility: hidden;
+  }
+
   [data-sidebar-mobile="false"] .\[\[data-sidebar-mobile\=\'false\'\]_\&\]\:hidden {
     display: none;
   }
@@ -11635,6 +13310,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 +13355,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);
@@ -11672,6 +13371,7 @@
   --shadow-main-frame: 0 14px 48px -36px oklch(0% 0 0 / .85);
   --sidebar-nav-hover: oklch(100% 0 0 / .07);
   --sidebar-nav-active: oklch(100% 0 0 / .11);
+  --sidebar-divider: oklch(100% 0 0 / .11);
   --text1: var(--neutral6);
   --warning1: var(--accent6);
   --positive1: var(--accent1);
@@ -11735,6 +13435,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 +13480,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);
@@ -11772,6 +13496,7 @@ html.light {
   --shadow-main-frame: 0 1px 2px oklch(24% 0 0 / .04), 0 18px 48px -34px oklch(24% 0 0 / .22);
   --sidebar-nav-hover: oklch(20.8% 0 0 / .055);
   --sidebar-nav-active: oklch(20.8% 0 0 / .085);
+  --sidebar-divider: oklch(20.8% 0 0 / .16);
   --text1: var(--neutral6);
   --warning1: var(--accent6);
   --positive1: var(--accent1);
@@ -11821,6 +13546,22 @@ html.light {
   --chart-soft-5: oklch(92% .035 285);
 }
 
+:root {
+  --resize-dur: .3s;
+  --resize-ease: cubic-bezier(.22, 1, .36, 1);
+}
+
+.t-resize {
+  transition: width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease);
+  will-change: width, height;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .t-resize {
+    transition: none !important;
+  }
+}
+
 .thread-viewport > [data-radix-scroll-area-content] {
   background-color: inherit;
   flex-direction: column;
@@ -11946,7 +13687,7 @@ html.light {
   initial-value: 0;
 }
 
-@property --tw-divide-y-reverse {
+@property --tw-divide-x-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
@@ -11958,6 +13699,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 +14098,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 +14122,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;