@mastra/playground-ui 33.0.0-alpha.3 → 33.0.0

package/dist/index.css

@@ -16,6 +16,15 @@
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
@@ -64,15 +73,6 @@
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
-      --tw-gradient-position: initial;
-      --tw-gradient-from: #0000;
-      --tw-gradient-via: #0000;
-      --tw-gradient-to: #0000;
-      --tw-gradient-stops: initial;
-      --tw-gradient-via-stops: initial;
-      --tw-gradient-from-position: 0%;
-      --tw-gradient-via-position: 50%;
-      --tw-gradient-to-position: 100%;
       --tw-mask-linear: linear-gradient(#fff, #fff);
       --tw-mask-radial: linear-gradient(#fff, #fff);
       --tw-mask-conic: linear-gradient(#fff, #fff);
@@ -119,11 +119,9 @@
 
 @layer theme {
   :root, :host {
-    --font-sans: var(--font-inter), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
-    "Noto Color Emoji";
-    --font-serif: var(--tasa-explorer), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-    --font-mono: var(--geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
-    monospace;
+    --font-sans: var(--font-body);
+    --font-serif: var(--font-display);
+    --font-mono: ui-monospace, sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
     --color-red-400: oklch(70.4% .191 22.216);
     --color-red-500: oklch(63.7% .237 25.331);
     --color-red-600: oklch(57.7% .245 27.325);
@@ -132,8 +130,6 @@
     --color-orange-400: oklch(75% .183 55.934);
     --color-orange-500: oklch(70.5% .213 47.604);
     --color-yellow-500: oklch(79.5% .184 86.047);
-    --color-green-500: oklch(72.3% .219 149.579);
-    --color-green-600: oklch(62.7% .194 149.214);
     --color-cyan-500: oklch(71.5% .143 215.221);
     --color-blue-500: oklch(62.3% .214 259.815);
     --color-purple-500: oklch(62.7% .265 303.9);
@@ -246,6 +242,7 @@
     --height-icon-default: 16px;
     --height-icon-lg: 20px;
     --height-icon-sm: 12px;
+    --spacing-form-xs: 1.5rem;
     --spacing-form-sm: 1.75rem;
     --spacing-form-md: 2rem;
     --spacing-form-default: 2.25rem;
@@ -308,6 +305,10 @@
     --color-notice-info-fg: var(--notice-info-fg);
     --color-notice-note: var(--notice-note);
     --color-notice-note-fg: var(--notice-note-fg);
+    --color-green-500: var(--brand-green-500);
+    --color-green-600: var(--brand-green-600);
+    --font-display: ui-serif, georgia, cambria, "Times New Roman", times, serif;
+    --font-body: system-ui, ui-sans-serif, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --ease-out-custom: cubic-bezier(.33, 1, .68, 1);
     --shadow-dialog: 0 8px 24px -8px oklch(0% 0 0 / .28), 0 24px 56px -16px oklch(0% 0 0 / .36);
   }
@@ -999,6 +1000,10 @@
     margin-top: var(--spacing-8);
   }
 
+  .mt-\[3px\] {
+    margin-top: 3px;
+  }
+
   .mt-\[6vh\] {
     margin-top: 6vh;
   }
@@ -1205,6 +1210,10 @@
     height: var(--spacing-3_5);
   }
 
+  .h-3\/4 {
+    height: 75%;
+  }
+
   .h-4 {
     height: var(--spacing-4);
   }
@@ -1393,6 +1402,10 @@
     height: var(--spacing-form-sm);
   }
 
+  .h-form-xs {
+    height: var(--spacing-form-xs);
+  }
+
   .h-full {
     height: 100%;
   }
@@ -1438,6 +1451,10 @@
     max-height: 80vh;
   }
 
+  .max-h-\[360px\] {
+    max-height: 360px;
+  }
+
   .max-h-\[400px\] {
     max-height: 400px;
   }
@@ -1826,6 +1843,10 @@
     width: var(--spacing-form-sm);
   }
 
+  .w-form-xs {
+    width: var(--spacing-form-xs);
+  }
+
   .w-full {
     width: 100%;
   }
@@ -1907,6 +1928,10 @@
     max-width: 200px;
   }
 
+  .max-w-\[760px\] {
+    max-width: 760px;
+  }
+
   .max-w-\[800px\] {
     max-width: 800px;
   }
@@ -2044,11 +2069,6 @@
     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);
-  }
-
   .translate-x-\[-50\%\] {
     --tw-translate-x: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2525,12 +2545,6 @@
     column-gap: var(--spacing-6);
   }
 
-  :where(.space-x-1 > :not(:last-child)) {
-    --tw-space-x-reverse: 0;
-    margin-inline-start: calc(var(--spacing-1) * var(--tw-space-x-reverse));
-    margin-inline-end: calc(var(--spacing-1) * calc(1 - var(--tw-space-x-reverse)));
-  }
-
   :where(.space-x-2 > :not(:last-child)) {
     --tw-space-x-reverse: 0;
     margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));
@@ -2799,7 +2813,7 @@
     }
   }
 
-  .border-accent2, .border-accent2\/25 {
+  .border-accent2\/25 {
     border-color: var(--color-accent2);
   }
 
@@ -3100,7 +3114,7 @@
   }
 
   .bg-green-500\/10 {
-    background-color: #00c7581a;
+    background-color: var(--color-green-500);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
@@ -3110,7 +3124,7 @@
   }
 
   .bg-green-500\/30 {
-    background-color: #00c7584d;
+    background-color: var(--color-green-500);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
@@ -3447,6 +3461,45 @@
     }
   }
 
+  .bg-linear-to-b {
+    --tw-gradient-position: to bottom;
+  }
+
+  @supports (background-image: linear-gradient(in lab, red, red)) {
+    .bg-linear-to-b {
+      --tw-gradient-position: to bottom in oklab;
+    }
+  }
+
+  .bg-linear-to-b {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
+  .from-transparent {
+    --tw-gradient-from: transparent;
+    --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);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .via-neutral6\/25 {
+      --tw-gradient-via: color-mix(in oklab, var(--color-neutral6) 25%, transparent);
+    }
+  }
+
+  .via-neutral6\/25 {
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+
+  .to-transparent {
+    --tw-gradient-to: transparent;
+    --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));
+  }
+
   .fill-current {
     fill: currentColor;
   }
@@ -3584,6 +3637,10 @@
     padding-inline: var(--spacing-12);
   }
 
+  .px-\[\.8em\] {
+    padding-inline: .8em;
+  }
+
   .px-\[\.9em\] {
     padding-inline: .9em;
   }
@@ -3596,10 +3653,6 @@
     padding-inline: .85em;
   }
 
-  .px-\[1\.15em\] {
-    padding-inline: 1.15em;
-  }
-
   .px-\[1em\] {
     padding-inline: 1em;
   }
@@ -3612,6 +3665,10 @@
     padding-block: var(--spacing-0);
   }
 
+  .py-0\! {
+    padding-block: var(--spacing-0) !important;
+  }
+
   .py-0\.5 {
     padding-block: var(--spacing-0_5);
   }
@@ -3860,6 +3917,10 @@
     text-align: right;
   }
 
+  .font-display {
+    font-family: var(--font-display);
+  }
+
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -3868,10 +3929,6 @@
     font-family: var(--font-sans);
   }
 
-  .font-serif {
-    font-family: var(--font-serif);
-  }
-
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -4102,6 +4159,10 @@
     white-space: nowrap;
   }
 
+  .whitespace-pre {
+    white-space: pre;
+  }
+
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
@@ -4276,6 +4337,10 @@
     text-transform: capitalize;
   }
 
+  .lowercase {
+    text-transform: lowercase;
+  }
+
   .uppercase {
     text-transform: uppercase;
   }
@@ -4683,22 +4748,6 @@
   }
 
   @media (hover: hover) {
-    .group-hover\:translate-x-1\.5:is(:where(.group):hover *) {
-      --tw-translate-x: var(--spacing-1_5);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-
-    .group-hover\:scale-100:is(:where(.group):hover *) {
-      --tw-scale-x: 100%;
-      --tw-scale-y: 100%;
-      --tw-scale-z: 100%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
-
-    .group-hover\:bg-surface5:is(:where(.group):hover *) {
-      background-color: var(--color-surface5);
-    }
-
     .group-hover\:opacity-100:is(:where(.group):hover *) {
       opacity: 1;
     }
@@ -4719,8 +4768,8 @@
       width: var(--spacing-1);
     }
 
-    .group-hover\/separator\:bg-surface5:is(:where(.group\/separator):hover *) {
-      background-color: var(--color-surface5);
+    .group-hover\/separator\:opacity-100:is(:where(.group\/separator):hover *) {
+      opacity: 1;
     }
   }
 
@@ -4728,22 +4777,30 @@
     opacity: 1;
   }
 
-  .group-focus-visible\:bg-accent1:is(:where(.group):focus-visible *) {
-    background-color: var(--color-accent1);
-  }
-
-  .group-focus-visible\/separator\:h-12:is(:where(.group\/separator):focus-visible *) {
-    height: var(--spacing-12);
+  .group-focus-visible\:via-accent1:is(:where(.group):focus-visible *) {
+    --tw-gradient-via: var(--color-accent1);
+    --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);
   }
 
-  .group-focus-visible\/separator\:w-1:is(:where(.group\/separator):focus-visible *) {
-    width: var(--spacing-1);
+  .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
+    opacity: 1;
   }
 
   .group-focus-visible\/separator\:bg-accent1:is(:where(.group\/separator):focus-visible *) {
     background-color: var(--color-accent1);
   }
 
+  .group-focus-visible\/separator\:via-accent1:is(:where(.group\/separator):focus-visible *) {
+    --tw-gradient-via: var(--color-accent1);
+    --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);
+  }
+
+  .group-focus-visible\/separator\:opacity-100:is(:where(.group\/separator):focus-visible *) {
+    opacity: 1;
+  }
+
   .group-active\/switch\:w-6:is(:where(.group\/switch):active *) {
     width: var(--spacing-6);
   }
@@ -4814,6 +4871,25 @@
     background-color: var(--color-accent1);
   }
 
+  .group-data-\[separator\=\'active\'\]\/separator\:via-neutral6\/45:is(:where(.group\/separator)[data-separator="active"] *) {
+    --tw-gradient-via: var(--color-neutral6);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .group-data-\[separator\=\'active\'\]\/separator\:via-neutral6\/45:is(:where(.group\/separator)[data-separator="active"] *) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-neutral6) 45%, transparent);
+    }
+  }
+
+  .group-data-\[separator\=\'active\'\]\/separator\:via-neutral6\/45:is(:where(.group\/separator)[data-separator="active"] *) {
+    --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);
+  }
+
+  .group-data-\[separator\=\'active\'\]\/separator\:opacity-100:is(:where(.group\/separator)[data-separator="active"] *) {
+    opacity: 1;
+  }
+
   .group-data-\[separator\=\'hover\'\]\/separator\:h-12:is(:where(.group\/separator)[data-separator="hover"] *) {
     height: var(--spacing-12);
   }
@@ -4822,8 +4898,8 @@
     width: var(--spacing-1);
   }
 
-  .group-data-\[separator\=\'hover\'\]\/separator\:bg-surface5:is(:where(.group\/separator)[data-separator="hover"] *) {
-    background-color: var(--color-surface5);
+  .group-data-\[separator\=\'hover\'\]\/separator\:opacity-100:is(:where(.group\/separator)[data-separator="hover"] *) {
+    opacity: 1;
   }
 
   .group-data-\[size\=default\]\/input-group\:h-form-default:is(:where(.group\/input-group)[data-size="default"] *) {
@@ -4858,6 +4934,14 @@
     font-size: var(--text-ui-sm);
   }
 
+  .group-data-\[size\=xs\]\/input-group\:h-form-xs:is(:where(.group\/input-group)[data-size="xs"] *) {
+    height: var(--spacing-form-xs);
+  }
+
+  .group-data-\[size\=xs\]\/input-group\:text-ui-xs:is(:where(.group\/input-group)[data-size="xs"] *) {
+    font-size: var(--text-ui-xs);
+  }
+
   .group-data-\[variant\=line\]\/tabs-list\:border-b-2:is(:where(.group\/tabs-list)[data-variant="line"] *) {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
@@ -5088,6 +5172,11 @@
     inset: var(--spacing-0);
   }
 
+  .after\:inset-x-\[-0\.25rem\]:after {
+    content: var(--tw-content);
+    inset-inline: -.25rem;
+  }
+
   .after\:top-0:after {
     content: var(--tw-content);
     top: var(--spacing-0);
@@ -5108,6 +5197,11 @@
     bottom: var(--spacing-0);
   }
 
+  .after\:bottom-\[-0\.25rem\]:after {
+    content: var(--tw-content);
+    bottom: -.25rem;
+  }
+
   .after\:bottom-\[50\%\]:after {
     content: var(--tw-content);
     bottom: 50%;
@@ -5123,6 +5217,13 @@
     height: 60%;
   }
 
+  .after\:h-px:after {
+    content: var(--tw-content);
+    content: var(--tw-content);
+    height: 1px;
+    height: var(--spacing-px);
+  }
+
   .after\:w-\[0px\]:after {
     content: var(--tw-content);
     width: 0;
@@ -5158,6 +5259,11 @@
     border-color: var(--color-neutral3);
   }
 
+  .after\:bg-border1:after {
+    content: var(--tw-content);
+    background-color: var(--color-border1);
+  }
+
   .after\:bg-surface5:after {
     content: var(--tw-content);
     background-color: var(--color-surface5);
@@ -5211,6 +5317,16 @@
     margin-top: var(--spacing-3);
   }
 
+  .empty\:before\:text-neutral2:empty:before {
+    content: var(--tw-content);
+    color: var(--color-neutral2);
+  }
+
+  .empty\:before\:content-\[\"—\"\]:empty:before {
+    --tw-content: "—";
+    content: var(--tw-content);
+  }
+
   .focus-within\:relative:focus-within {
     position: relative;
   }
@@ -5283,14 +5399,14 @@
       scale: 1.02;
     }
 
-    .hover\:border-accent2:hover {
-      border-color: var(--color-accent2);
-    }
-
     .hover\:border-border2:hover {
       border-color: var(--color-border2);
     }
 
+    .hover\:border-error:hover {
+      border-color: var(--color-error);
+    }
+
     .hover\:border-neutral2:hover {
       border-color: var(--color-neutral2);
     }
@@ -5309,10 +5425,6 @@
       }
     }
 
-    .hover\:border-transparent:hover {
-      border-color: #0000;
-    }
-
     .hover\:bg-accent1\/80\!:hover {
       background-color: var(--color-accent1) !important;
     }
@@ -5441,10 +5553,6 @@
       color: var(--color-neutral6);
     }
 
-    .hover\:text-red-400:hover {
-      color: var(--color-red-400);
-    }
-
     .hover\:text-white:hover {
       color: var(--color-white);
     }
@@ -5567,10 +5675,6 @@
     border-color: var(--color-accent1);
   }
 
-  .focus-visible\:border-accent2:focus-visible {
-    border-color: var(--color-accent2);
-  }
-
   .focus-visible\:border-border2:focus-visible {
     border-color: var(--color-border2);
   }
@@ -5589,10 +5693,6 @@
     }
   }
 
-  .focus-visible\:border-transparent:focus-visible {
-    border-color: #0000;
-  }
-
   .focus-visible\:bg-surface-overlay-strong:focus-visible {
     background-color: var(--color-surface-overlay-strong);
   }
@@ -5620,16 +5720,10 @@
     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-accent1:focus-visible, .focus-visible\:ring-accent1\/40:focus-visible {
+  .focus-visible\:ring-accent1:focus-visible {
     --tw-ring-color: var(--color-accent1);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .focus-visible\:ring-accent1\/40:focus-visible {
-      --tw-ring-color: color-mix(in oklab, var(--color-accent1) 40%, transparent);
-    }
-  }
-
   .focus-visible\:outline-hidden:focus-visible {
     --tw-outline-style: none;
     outline-style: none;
@@ -5742,10 +5836,6 @@
     }
   }
 
-  .active\:bg-surface3:active {
-    background-color: var(--color-surface3);
-  }
-
   .active\:bg-surface4:active {
     background-color: var(--color-surface4);
   }
@@ -5771,8 +5861,23 @@
     opacity: .5;
   }
 
-  :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:bg-accent1 {
-    background-color: var(--color-accent1);
+  :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:via-neutral6\/45 {
+    --tw-gradient-via: var(--color-neutral6);
+  }
+
+  @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-neutral6\/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);
+  }
+
+  :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:opacity-100 {
+    opacity: 1;
   }
 
   :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:transition-none {
@@ -6441,6 +6546,16 @@
     border-color: var(--color-border2);
   }
 
+  .data-\[popup-open\]\:bg-neutral6\/5[data-popup-open] {
+    background-color: var(--color-neutral6);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[popup-open\]\:bg-neutral6\/5[data-popup-open] {
+      background-color: color-mix(in oklab, var(--color-neutral6) 5%, transparent);
+    }
+  }
+
   .data-\[popup-open\]\:bg-surface3[data-popup-open] {
     background-color: var(--color-surface3);
   }
@@ -6449,6 +6564,10 @@
     background-color: var(--color-surface4);
   }
 
+  .data-\[popup-open\]\:bg-surface5[data-popup-open] {
+    background-color: var(--color-surface5);
+  }
+
   .data-\[popup-open\]\:text-neutral6[data-popup-open] {
     color: var(--color-neutral6);
   }
@@ -7203,8 +7322,9 @@
     content: var(--tw-content);
   }
 
-  .\[\&\:has\(\+\.data-list-subheader\)\]\:border-b-transparent:has( + .data-list-subheader) {
-    border-bottom-color: #0000;
+  .\[\&\:has\(\+\.data-list-subheader\)\]\:after\:hidden:has( + .data-list-subheader):after {
+    content: var(--tw-content);
+    display: none;
   }
 
   .\[\&\:has\(\+\.selected-row\)\]\:rounded-b-none:has( + .selected-row) {
@@ -7349,8 +7469,29 @@
     border-bottom-left-radius: var(--radius-lg);
   }
 
-  .\[\&\:not\(\:has\(\~\.data-list-row\)\)\]\:border-b-transparent:not(:has( ~ .data-list-row)) {
-    border-bottom-color: #0000;
+  .\[\&\:not\(\:has\(\~\.data-list-row\)\)\]\:after\:hidden:not(:has( ~ .data-list-row)):after {
+    content: var(--tw-content);
+    display: none;
+  }
+
+  .\[\&\>\*\]\:max-w-full > * {
+    max-width: 100%;
+  }
+
+  .\[\&\>\*\]\:min-w-0 > * {
+    min-width: var(--spacing-0);
+  }
+
+  .\[\&\>\*\]\:overflow-hidden > * {
+    overflow: hidden;
+  }
+
+  .\[\&\>\*\]\:text-ellipsis > * {
+    text-overflow: ellipsis;
+  }
+
+  .\[\&\>\*\]\:whitespace-nowrap > * {
+    white-space: nowrap;
   }
 
   .\[\&\>\*\:focus-visible\]\:relative > :focus-visible {
@@ -7953,10 +8094,6 @@
     appearance: textfield;
   }
 
-  .data-list-row:focus-visible + .\[\.data-list-row\:focus-visible\+\&\]\:border-t-transparent, .data-list-row:hover + .\[\.data-list-row\:hover\+\&\]\:border-t-transparent, .data-list-subheader + .\[\.data-list-subheader\+\&\]\:border-t-transparent {
-    border-top-color: #0000;
-  }
-
   .selected-row + .\[\.selected-row\+\&\]\:rounded-t-none {
     border-top-left-radius: var(--radius-none);
     border-top-right-radius: var(--radius-none);
@@ -7983,6 +8120,16 @@
   :not(pre) > .\[\:not\(pre\)\>\&\]\:py-0\.5 {
     padding-block: var(--spacing-0_5);
   }
+
+  .shiki-token {
+    color: var(--shiki-light, var(--neutral6));
+    background-color: var(--shiki-light-bg, transparent);
+  }
+
+  .dark .shiki-token {
+    color: var(--shiki-dark, var(--neutral6));
+    background-color: var(--shiki-dark-bg, transparent);
+  }
 }
 
 @property --tw-animation-delay {
@@ -8086,1170 +8233,7 @@
   initial-value: 0;
 }
 
-:where(.aui-root) *, :where(.aui-root) :before, :where(.aui-root) :after, :where(.aui-root) ::backdrop {
-  --aui-border-spacing-x: 0;
-  --aui-border-spacing-y: 0;
-  --aui-translate-x: 0;
-  --aui-translate-y: 0;
-  --aui-rotate: 0;
-  --aui-skew-x: 0;
-  --aui-skew-y: 0;
-  --aui-scale-x: 1;
-  --aui-scale-y: 1;
-  --aui-ring-inset: ;
-  --aui-ring-offset-width: 0px;
-  --aui-ring-offset-color: #fff;
-  --aui-ring-color: #3b82f680;
-  --aui-ring-offset-shadow: 0 0 #0000;
-  --aui-ring-shadow: 0 0 #0000;
-  --aui-shadow: 0 0 #0000;
-  --aui-shadow-colored: 0 0 #0000;
-  --aui-blur: ;
-  --aui-brightness: ;
-  --aui-contrast: ;
-  --aui-grayscale: ;
-  --aui-hue-rotate: ;
-  --aui-invert: ;
-  --aui-saturate: ;
-  --aui-sepia: ;
-  --aui-drop-shadow: ;
-  --aui-backdrop-blur: ;
-  --aui-backdrop-brightness: ;
-  --aui-backdrop-contrast: ;
-  --aui-backdrop-grayscale: ;
-  --aui-backdrop-hue-rotate: ;
-  --aui-backdrop-invert: ;
-  --aui-backdrop-opacity: ;
-  --aui-backdrop-saturate: ;
-  --aui-backdrop-sepia: ;
-  --aui-contain-size: ;
-  --aui-contain-layout: ;
-  --aui-contain-paint: ;
-  --aui-contain-style: ;
-}
-
-:where(.aui-root) *, :where(.aui-root) :before, :where(.aui-root) :after {
-  box-sizing: border-box;
-  border: 0 solid #e5e7eb;
-}
-
-:where(.aui-root) :before, :where(.aui-root) :after {
-  --aui-content: "";
-}
-
-:where(.aui-root) html, :where(.aui-root) :host {
-  -webkit-text-size-adjust: 100%;
-  tab-size: 4;
-  font-feature-settings: normal;
-  font-variation-settings: normal;
-  -webkit-tap-highlight-color: transparent;
-  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-  line-height: 1.5;
-}
-
-:where(.aui-root) body {
-  line-height: inherit;
-  margin: 0;
-}
-
-:where(.aui-root) hr {
-  height: 0;
-  color: inherit;
-  border-top-width: 1px;
-}
-
-:where(.aui-root) abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-}
-
-:where(.aui-root) h1, :where(.aui-root) h2, :where(.aui-root) h3, :where(.aui-root) h4, :where(.aui-root) h5, :where(.aui-root) h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-:where(.aui-root) a {
-  color: inherit;
-  -webkit-text-decoration: inherit;
-  -webkit-text-decoration: inherit;
-  text-decoration: inherit;
-}
-
-:where(.aui-root) b, :where(.aui-root) strong {
-  font-weight: bolder;
-}
-
-:where(.aui-root) code, :where(.aui-root) kbd, :where(.aui-root) samp, :where(.aui-root) pre {
-  font-feature-settings: normal;
-  font-variation-settings: normal;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-  font-size: 1em;
-}
-
-:where(.aui-root) small {
-  font-size: 80%;
-}
-
-:where(.aui-root) sub, :where(.aui-root) sup {
-  vertical-align: baseline;
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-}
-
-:where(.aui-root) sub {
-  bottom: -.25em;
-}
-
-:where(.aui-root) sup {
-  top: -.5em;
-}
-
-:where(.aui-root) table {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse;
-}
-
-:where(.aui-root) button, :where(.aui-root) input, :where(.aui-root) optgroup, :where(.aui-root) select, :where(.aui-root) textarea {
-  font-feature-settings: inherit;
-  font-variation-settings: inherit;
-  font-family: inherit;
-  font-size: 100%;
-  font-weight: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
-}
-
-:where(.aui-root) button, :where(.aui-root) select {
-  text-transform: none;
-}
-
-:where(.aui-root) button, :where(.aui-root) input:where([type="button"]), :where(.aui-root) input:where([type="reset"]), :where(.aui-root) input:where([type="submit"]) {
-  -webkit-appearance: button;
-  background-color: #0000;
-  background-image: none;
-}
-
-:where(.aui-root) :-moz-focusring {
-  outline: auto;
-}
-
-:where(.aui-root) :-moz-ui-invalid {
-  box-shadow: none;
-}
-
-:where(.aui-root) progress {
-  vertical-align: baseline;
-}
-
-:where(.aui-root) ::-webkit-inner-spin-button {
-  height: auto;
-}
-
-:where(.aui-root) ::-webkit-outer-spin-button {
-  height: auto;
-}
-
-:where(.aui-root) [type="search"] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-
-:where(.aui-root) ::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-:where(.aui-root) ::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-
-:where(.aui-root) summary {
-  display: list-item;
-}
-
-:where(.aui-root) blockquote, :where(.aui-root) dl, :where(.aui-root) dd, :where(.aui-root) h1, :where(.aui-root) h2, :where(.aui-root) h3, :where(.aui-root) h4, :where(.aui-root) h5, :where(.aui-root) h6, :where(.aui-root) hr, :where(.aui-root) figure, :where(.aui-root) p, :where(.aui-root) pre {
-  margin: 0;
-}
-
-:where(.aui-root) fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-:where(.aui-root) legend {
-  padding: 0;
-}
-
-:where(.aui-root) ol, :where(.aui-root) ul, :where(.aui-root) menu {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-:where(.aui-root) dialog {
-  padding: 0;
-}
-
-:where(.aui-root) textarea {
-  resize: vertical;
-}
-
-:where(.aui-root) input::-moz-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-
-:where(.aui-root) textarea::-moz-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-
-:where(.aui-root) input::placeholder, :where(.aui-root) textarea::placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-
-:where(.aui-root) button, :where(.aui-root) [role="button"] {
-  cursor: pointer;
-}
-
-:where(.aui-root) :disabled {
-  cursor: default;
-}
-
-:where(.aui-root) img, :where(.aui-root) svg, :where(.aui-root) video, :where(.aui-root) canvas, :where(.aui-root) audio, :where(.aui-root) iframe, :where(.aui-root) embed, :where(.aui-root) object {
-  vertical-align: middle;
-  display: block;
-}
-
-:where(.aui-root) img, :where(.aui-root) video {
-  max-width: 100%;
-  height: auto;
-}
-
-:where(.aui-root) [hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-
-@keyframes aui-enter {
-  from {
-    opacity: var(--aui-enter-opacity, 1);
-    transform: translate3d(var(--aui-enter-translate-x, 0), var(--aui-enter-translate-y, 0), 0) scale3d(var(--aui-enter-scale, 1), var(--aui-enter-scale, 1), var(--aui-enter-scale, 1)) rotate(var(--aui-enter-rotate, 0));
-  }
-}
-
-@keyframes aui-exit {
-  to {
-    opacity: var(--aui-exit-opacity, 1);
-    transform: translate3d(var(--aui-exit-translate-x, 0), var(--aui-exit-translate-y, 0), 0) scale3d(var(--aui-exit-scale, 1), var(--aui-exit-scale, 1), var(--aui-exit-scale, 1)) rotate(var(--aui-exit-rotate, 0));
-  }
-}
-
-.aui-root {
-  color: hsl(var(--aui-foreground));
-}
-
-.aui-root * {
-  border-color: hsl(var(--aui-border));
-}
-
-.aui-button {
-  white-space: nowrap;
-  border-radius: calc(var(--aui-radius) - 2px);
-  justify-content: center;
-  align-items: center;
-  gap: .5rem;
-  font-size: .875rem;
-  font-weight: 500;
-  line-height: 1.25rem;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-  display: inline-flex;
-}
-
-.aui-button:focus-visible {
-  outline-offset: 2px;
-  --aui-ring-offset-shadow: var(--aui-ring-inset) 0 0 0 var(--aui-ring-offset-width) var(--aui-ring-offset-color);
-  --aui-ring-shadow: var(--aui-ring-inset) 0 0 0 calc(1px + var(--aui-ring-offset-width)) var(--aui-ring-color);
-  box-shadow: var(--aui-ring-offset-shadow), var(--aui-ring-shadow), var(--aui-shadow, 0 0 #0000);
-  --aui-ring-color: hsl(var(--aui-ring));
-  outline: 2px solid #0000;
-}
-
-.aui-button:disabled {
-  pointer-events: none;
-  opacity: .5;
-}
-
-.aui-button svg {
-  pointer-events: none;
-  flex-shrink: 0;
-  width: 1rem;
-  height: 1rem;
-}
-
-.aui-button-primary {
-  background-color: hsl(var(--aui-primary));
-  color: hsl(var(--aui-primary-foreground));
-  --aui-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
-  --aui-shadow-colored: 0 1px 3px 0 var(--aui-shadow-color), 0 1px 2px -1px var(--aui-shadow-color);
-  box-shadow: var(--aui-ring-offset-shadow, 0 0 #0000), var(--aui-ring-shadow, 0 0 #0000), var(--aui-shadow);
-}
-
-.aui-button-primary:hover {
-  background-color: hsl(var(--aui-primary) / .9);
-}
-
-.aui-button-outline {
-  border-width: 1px;
-  border-color: hsl(var(--aui-input));
-  background-color: hsl(var(--aui-background));
-  --aui-shadow: 0 1px 2px 0 #0000000d;
-  --aui-shadow-colored: 0 1px 2px 0 var(--aui-shadow-color);
-  box-shadow: var(--aui-ring-offset-shadow, 0 0 #0000), var(--aui-ring-shadow, 0 0 #0000), var(--aui-shadow);
-}
-
-.aui-button-outline:hover, .aui-button-ghost:hover {
-  background-color: hsl(var(--aui-accent));
-  color: hsl(var(--aui-accent-foreground));
-}
-
-.aui-button-medium {
-  height: 2.25rem;
-  padding: .5rem 1rem;
-}
-
-.aui-button-icon {
-  width: 1.5rem;
-  height: 1.5rem;
-  padding: .25rem;
-}
-
-.aui-sr-only {
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  position: absolute;
-  overflow: hidden;
-}
-
-.aui-avatar-root {
-  border-radius: 9999px;
-  flex-shrink: 0;
-  width: 2.5rem;
-  height: 2.5rem;
-  display: flex;
-  position: relative;
-  overflow: hidden;
-}
-
-.aui-avatar-image {
-  aspect-ratio: 1;
-  -o-object-fit: cover;
-  object-fit: cover;
-  width: 100%;
-  height: 100%;
-}
-
-.aui-avatar-fallback {
-  background-color: hsl(var(--aui-muted));
-  border-radius: 9999px;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-.aui-tooltip-content {
-  z-index: 50;
-  border-radius: calc(var(--aui-radius) - 2px);
-  background-color: hsl(var(--aui-primary));
-  color: hsl(var(--aui-primary-foreground));
-  --aui-enter-opacity: 0;
-  --aui-enter-scale: .95;
-  --aui-enter-rotate: initial;
-  --aui-enter-translate-x: initial;
-  --aui-enter-translate-y: initial;
-  padding: .375rem .75rem;
-  font-size: .75rem;
-  line-height: 1rem;
-  animation-name: aui-enter;
-  animation-duration: .15s;
-  overflow: hidden;
-}
-
-.aui-tooltip-content[data-state="closed"] {
-  --aui-exit-opacity: 0;
-  --aui-exit-scale: .95;
-  --aui-exit-rotate: initial;
-  --aui-exit-translate-x: initial;
-  --aui-exit-translate-y: initial;
-  animation-name: aui-exit;
-  animation-duration: .15s;
-}
-
-.aui-tooltip-content[data-side="bottom"] {
-  --aui-enter-translate-y: -.5rem;
-}
-
-.aui-tooltip-content[data-side="left"] {
-  --aui-enter-translate-x: .5rem;
-}
-
-.aui-tooltip-content[data-side="right"] {
-  --aui-enter-translate-x: -.5rem;
-}
-
-.aui-tooltip-content[data-side="top"] {
-  --aui-enter-translate-y: .5rem;
-}
-
-.aui-dialog-overlay {
-  z-index: 50;
-  background-color: #000c;
-  position: fixed;
-  inset: 0;
-}
-
-.aui-dialog-overlay[data-state="open"] {
-  --aui-enter-opacity: initial;
-  --aui-enter-scale: initial;
-  --aui-enter-rotate: initial;
-  --aui-enter-translate-x: initial;
-  --aui-enter-translate-y: initial;
-  animation-name: aui-enter;
-  animation-duration: .15s;
-}
-
-.aui-dialog-overlay[data-state="closed"] {
-  --aui-exit-opacity: 0;
-  --aui-exit-scale: initial;
-  --aui-exit-rotate: initial;
-  --aui-exit-translate-x: initial;
-  --aui-exit-translate-y: initial;
-  animation-name: aui-exit;
-  animation-duration: .15s;
-}
-
-.aui-dialog-overlay[data-state="open"] {
-  --aui-enter-opacity: 0;
-}
-
-.aui-dialog-content {
-  z-index: 50;
-  position: fixed;
-  top: 50%;
-  left: 50%;
-}
-
-.aui-dialog-content[data-state="open"] {
-  --aui-enter-opacity: initial;
-  --aui-enter-scale: initial;
-  --aui-enter-rotate: initial;
-  --aui-enter-translate-x: initial;
-  --aui-enter-translate-y: initial;
-  animation-name: aui-enter;
-  animation-duration: .15s;
-}
-
-.aui-dialog-content[data-state="closed"] {
-  --aui-exit-opacity: 0;
-  --aui-exit-scale: initial;
-  --aui-exit-rotate: initial;
-  --aui-exit-translate-x: initial;
-  --aui-exit-translate-y: initial;
-  animation-name: aui-exit;
-  animation-duration: .15s;
-}
-
-.aui-dialog-content[data-state="open"] {
-  --aui-enter-opacity: 0;
-}
-
-.aui-dialog-content[data-state="closed"] {
-  --aui-exit-scale: .95;
-}
-
-.aui-dialog-content[data-state="open"] {
-  --aui-enter-scale: .95;
-}
-
-.aui-dialog-content[data-state="closed"] {
-  --aui-exit-translate-x: -50%;
-  --aui-exit-translate-y: -48%;
-}
-
-.aui-dialog-content[data-state="open"] {
-  --aui-enter-translate-x: -50%;
-  --aui-enter-translate-y: -48%;
-}
-
-.aui-dialog-content {
-  --aui-translate-x: -50%;
-  --aui-translate-y: -50%;
-  transform: translate(var(--aui-translate-x), var(--aui-translate-y)) rotate(var(--aui-rotate)) skewX(var(--aui-skew-x)) skewY(var(--aui-skew-y)) scaleX(var(--aui-scale-x)) scaleY(var(--aui-scale-y));
-  --aui-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
-  --aui-shadow-colored: 0 10px 15px -3px var(--aui-shadow-color), 0 4px 6px -4px var(--aui-shadow-color);
-  box-shadow: var(--aui-ring-offset-shadow, 0 0 #0000), var(--aui-ring-shadow, 0 0 #0000), var(--aui-shadow);
-  transition-duration: .2s;
-  animation-duration: .2s;
-  display: grid;
-}
-
-.aui-thread-root {
-  box-sizing: border-box;
-  background-color: hsl(var(--aui-background));
-  flex-direction: column;
-  height: 100%;
-  display: flex;
-  overflow: hidden;
-}
-
-.aui-thread-viewport {
-  scroll-behavior: smooth;
-  background-color: inherit;
-  flex-direction: column;
-  align-items: center;
-  height: 100%;
-  padding-top: 2rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  display: flex;
-  overflow-y: scroll;
-}
-
-.aui-thread-viewport-footer {
-  width: 100%;
-  max-width: var(--aui-thread-max-width);
-  border-top-left-radius: var(--aui-radius);
-  border-top-right-radius: var(--aui-radius);
-  background-color: inherit;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: center;
-  margin-top: .75rem;
-  padding-bottom: 1rem;
-  display: flex;
-  position: sticky;
-  bottom: 0;
-}
-
-.aui-thread-scroll-to-bottom {
-  border-radius: 9999px;
-  position: absolute;
-  top: -2rem;
-}
-
-.aui-thread-scroll-to-bottom:disabled {
-  visibility: hidden;
-}
-
-.aui-thread-followup-suggestions {
-  justify-content: center;
-  align-items: center;
-  gap: .5rem;
-  min-height: 2rem;
-  display: flex;
-}
-
-.aui-thread-followup-suggestion {
-  background-color: hsl(var(--aui-background));
-  border-width: 1px;
-  border-radius: 9999px;
-  padding: .25rem .75rem;
-  font-size: .875rem;
-  line-height: 1.25rem;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
-  animation-timing-function: cubic-bezier(.4, 0, 1, 1);
-}
-
-.aui-thread-followup-suggestion:hover {
-  background-color: hsl(var(--aui-muted) / .8);
-}
-
-.aui-thread-welcome-root {
-  width: 100%;
-  max-width: var(--aui-thread-max-width);
-  flex-direction: column;
-  flex-grow: 1;
-  display: flex;
-}
-
-.aui-thread-welcome-center {
-  flex-direction: column;
-  flex-grow: 1;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  display: flex;
-}
-
-.aui-thread-welcome-message {
-  margin-top: 1rem;
-  font-weight: 500;
-}
-
-.aui-thread-welcome-suggestions {
-  justify-content: center;
-  align-items: stretch;
-  gap: 1rem;
-  width: 100%;
-  margin-top: .75rem;
-  display: flex;
-}
-
-.aui-thread-welcome-suggestion {
-  border-radius: var(--aui-radius);
-  border-width: 1px;
-  flex-direction: column;
-  flex-grow: 1;
-  flex-basis: 0;
-  justify-content: center;
-  align-items: center;
-  max-width: 24rem;
-  padding: .75rem;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
-  animation-timing-function: cubic-bezier(.4, 0, 1, 1);
-  display: flex;
-}
-
-.aui-thread-welcome-suggestion:hover {
-  background-color: hsl(var(--aui-muted) / .8);
-}
-
-.aui-thread-welcome-suggestion-text {
-  -webkit-line-clamp: 2;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  font-size: .875rem;
-  font-weight: 600;
-  line-height: 1.25rem;
-  display: -webkit-box;
-  overflow: hidden;
-}
-
-.aui-composer-root {
-  border-radius: var(--aui-radius);
-  background-color: inherit;
-  --aui-shadow: 0 1px 2px 0 #0000000d;
-  --aui-shadow-colored: 0 1px 2px 0 var(--aui-shadow-color);
-  width: 100%;
-  box-shadow: var(--aui-ring-offset-shadow, 0 0 #0000), var(--aui-ring-shadow, 0 0 #0000), var(--aui-shadow);
-  border-width: 1px;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  padding-left: .625rem;
-  padding-right: .625rem;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
-  animation-timing-function: cubic-bezier(.4, 0, 1, 1);
-  display: flex;
-}
-
-.aui-composer-root:focus-within {
-  border-color: hsl(var(--aui-ring) / .2);
-}
-
-.aui-composer-input {
-  resize: none;
-  outline-offset: 2px;
-  background-color: #0000;
-  border-style: none;
-  outline: 2px solid #0000;
-  flex-grow: 1;
-  max-height: 10rem;
-  padding: 1rem .5rem;
-  font-size: .875rem;
-  line-height: 1.25rem;
-}
-
-.aui-composer-input::placeholder {
-  color: hsl(var(--aui-muted-foreground));
-}
-
-.aui-composer-input:focus {
-  --aui-ring-offset-shadow: var(--aui-ring-inset) 0 0 0 var(--aui-ring-offset-width) var(--aui-ring-offset-color);
-  --aui-ring-shadow: var(--aui-ring-inset) 0 0 0 calc(0px + var(--aui-ring-offset-width)) var(--aui-ring-color);
-  box-shadow: var(--aui-ring-offset-shadow), var(--aui-ring-shadow), var(--aui-shadow, 0 0 #0000);
-}
-
-.aui-composer-input:disabled {
-  cursor: not-allowed;
-}
-
-.aui-composer-send, .aui-composer-cancel, .aui-composer-attach {
-  width: 2rem;
-  height: 2rem;
-  margin-top: .625rem;
-  margin-bottom: .625rem;
-  padding: .5rem;
-  transition-property: opacity;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
-  animation-timing-function: cubic-bezier(.4, 0, 1, 1);
-}
-
-.aui-composer-attachments {
-  flex-direction: row;
-  gap: .75rem;
-  width: 100%;
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-  display: flex;
-}
-
-.aui-attachment-root {
-  margin-top: .75rem;
-  position: relative;
-}
-
-.aui-attachment-content {
-  border-radius: var(--aui-radius);
-  border-width: 1px;
-  justify-content: center;
-  align-items: center;
-  gap: .5rem;
-  width: 10rem;
-  height: 3rem;
-  padding: .25rem;
-  display: flex;
-}
-
-.aui-attachment-preview-trigger {
-  cursor: pointer;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-
-.aui-attachment-preview-trigger:hover {
-  background-color: hsl(var(--aui-accent) / .5);
-}
-
-.aui-attachment-thumb {
-  background-color: hsl(var(--aui-muted));
-  border-width: 1px;
-  border-radius: .25rem;
-  justify-content: center;
-  align-items: center;
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: .875rem;
-  line-height: 1.25rem;
-  display: flex;
-}
-
-.aui-attachment-text {
-  flex-grow: 1;
-  flex-basis: 0;
-}
-
-.aui-attachment-name {
-  -webkit-line-clamp: 1;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  color: hsl(var(--aui-muted-foreground));
-  -webkit-box-orient: vertical;
-  font-size: .75rem;
-  font-weight: 700;
-  line-height: 1rem;
-  display: -webkit-box;
-  overflow: hidden;
-}
-
-.aui-attachment-type {
-  color: hsl(var(--aui-muted-foreground));
-  font-size: .75rem;
-  line-height: 1rem;
-}
-
-.aui-attachment-remove {
-  width: 1.5rem;
-  height: 1.5rem;
-  color: hsl(var(--aui-muted-foreground));
-  position: absolute;
-  top: -.75rem;
-  right: -.75rem;
-}
-
-.aui-attachment-remove > svg {
-  background-color: hsl(var(--aui-background));
-  border-radius: 9999px;
-  width: 1rem;
-  height: 1rem;
-}
-
-.aui-user-message-root {
-  grid-template-columns: minmax(72px, 1fr) auto;
-  grid-auto-rows: auto;
-  row-gap: .5rem;
-  display: grid;
-}
-
-.aui-user-message-root:where() {
-  grid-column-start: 2;
-}
-
-.aui-user-message-root {
-  width: 100%;
-  max-width: var(--aui-thread-max-width);
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-:where(.aui-user-message-root) > .aui-branch-picker-root, .aui-user-branch-picker {
-  grid-column: 1 / -1;
-  grid-row-start: 3;
-  justify-content: flex-end;
-  margin-right: -.25rem;
-}
-
-.aui-user-message-content {
-  max-width: calc(var(--aui-thread-max-width) * .8);
-  overflow-wrap: break-word;
-  background-color: hsl(var(--aui-muted));
-  color: hsl(var(--aui-foreground));
-  border-radius: 1.5rem;
-  grid-row-start: 2;
-  grid-column-start: 2;
-  padding: .625rem 1.25rem;
-}
-
-.aui-user-message-attachments {
-  flex-direction: row;
-  grid-column: 1 / -1;
-  grid-row-start: 1;
-  justify-content: flex-end;
-  gap: .75rem;
-  width: 100%;
-  display: flex;
-}
-
-.aui-user-action-bar-root {
-  flex-direction: column;
-  grid-row-start: 2;
-  grid-column-start: 1;
-  align-items: flex-end;
-  margin-top: .625rem;
-  margin-right: .75rem;
-  display: flex;
-}
-
-.aui-edit-composer-root {
-  width: 100%;
-  max-width: var(--aui-thread-max-width);
-  background-color: hsl(var(--aui-muted));
-  border-radius: .75rem;
-  flex-direction: column;
-  gap: .5rem;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  display: flex;
-}
-
-.aui-edit-composer-input {
-  resize: none;
-  width: 100%;
-  height: 2rem;
-  color: hsl(var(--aui-foreground));
-  outline-offset: 2px;
-  background-color: #0000;
-  outline: 2px solid #0000;
-  padding: 1rem 1rem 0;
-  display: flex;
-}
-
-.aui-edit-composer-footer {
-  justify-content: center;
-  align-self: flex-end;
-  align-items: center;
-  gap: .5rem;
-  margin-bottom: .75rem;
-  margin-left: .75rem;
-  margin-right: .75rem;
-  display: flex;
-}
-
-.aui-assistant-message-root {
-  width: 100%;
-  max-width: var(--aui-thread-max-width);
-  grid-template-rows: auto 1fr;
-  grid-template-columns: auto auto 1fr;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-  display: grid;
-  position: relative;
-}
-
-:where(.aui-assistant-message-root) > .aui-avatar-root, .aui-assistant-avatar {
-  grid-row: 1 / -1;
-  grid-column-start: 1;
-  margin-right: 1rem;
-}
-
-:where(.aui-assistant-message-root) > .aui-branch-picker-root, .aui-assistant-branch-picker {
-  grid-row-start: 2;
-  grid-column-start: 2;
-  margin-left: -.5rem;
-  margin-right: .5rem;
-}
-
-.aui-assistant-message-content {
-  max-width: calc(var(--aui-thread-max-width) * .8);
-  overflow-wrap: break-word;
-  color: hsl(var(--aui-foreground));
-  grid-column: 2 / span 2;
-  grid-row-start: 1;
-  margin-top: .375rem;
-  margin-bottom: .375rem;
-  line-height: 1.75rem;
-}
-
-.aui-assistant-action-bar-root {
-  color: hsl(var(--aui-muted-foreground));
-  grid-row-start: 2;
-  grid-column-start: 3;
-  gap: .25rem;
-  margin-left: -.25rem;
-  display: flex;
-}
-
-.aui-assistant-action-bar-root[data-floating] {
-  border-radius: calc(var(--aui-radius) - 2px);
-  background-color: hsl(var(--aui-background));
-  --aui-shadow: 0 1px 2px 0 #0000000d;
-  --aui-shadow-colored: 0 1px 2px 0 var(--aui-shadow-color);
-  box-shadow: var(--aui-ring-offset-shadow, 0 0 #0000), var(--aui-ring-shadow, 0 0 #0000), var(--aui-shadow);
-  border-width: 1px;
-  padding: .25rem;
-  position: absolute;
-}
-
-.aui-assistant-action-bar-feedback-positive[data-submitted] {
-  --aui-text-opacity: 1;
-  color: rgb(22 163 74 / var(--aui-text-opacity, 1));
-}
-
-.aui-assistant-action-bar-feedback-positive:hover[data-submitted] {
-  --aui-text-opacity: 1;
-  color: rgb(21 128 61 / var(--aui-text-opacity, 1));
-}
-
-@media (prefers-color-scheme: dark) {
-  .aui-assistant-action-bar-feedback-positive[data-submitted] {
-    --aui-text-opacity: 1;
-    color: rgb(34 197 94 / var(--aui-text-opacity, 1));
-  }
-
-  .aui-assistant-action-bar-feedback-positive:hover[data-submitted] {
-    --aui-text-opacity: 1;
-    color: rgb(74 222 128 / var(--aui-text-opacity, 1));
-  }
-}
-
-.aui-assistant-action-bar-feedback-negative[data-submitted] {
-  --aui-text-opacity: 1;
-  color: rgb(220 38 38 / var(--aui-text-opacity, 1));
-}
-
-.aui-assistant-action-bar-feedback-negative:hover[data-submitted] {
-  --aui-text-opacity: 1;
-  color: rgb(185 28 28 / var(--aui-text-opacity, 1));
-}
-
-@media (prefers-color-scheme: dark) {
-  .aui-assistant-action-bar-feedback-negative[data-submitted] {
-    --aui-text-opacity: 1;
-    color: rgb(239 68 68 / var(--aui-text-opacity, 1));
-  }
-
-  .aui-assistant-action-bar-feedback-negative:hover[data-submitted] {
-    --aui-text-opacity: 1;
-    color: rgb(248 113 113 / var(--aui-text-opacity, 1));
-  }
-}
-
-.aui-branch-picker-root {
-  color: hsl(var(--aui-muted-foreground));
-  align-items: center;
-  font-size: .75rem;
-  line-height: 1rem;
-  display: inline-flex;
-}
-
-.aui-branch-picker-state {
-  font-weight: 500;
-}
-
-.aui-text {
-  white-space: pre-line;
-}
-
-@keyframes aui-pulse {
-  50% {
-    opacity: .5;
-  }
-}
-
-.aui-text-running:after {
-  --aui-content: "●";
-  content: var(--aui-content);
-  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite aui-pulse;
-}
-
-.aui-text-running:where([dir="ltr"], [dir="ltr"] *):after {
-  margin-left: .25rem;
-}
-
-.aui-text-running:where([dir="rtl"], [dir="rtl"] *):after {
-  margin-right: .25rem;
-}
-
-.aui-thread-list-root {
-  flex-direction: column;
-  align-items: stretch;
-  gap: .375rem;
-  display: flex;
-}
-
-.aui-thread-list-item {
-  border-radius: var(--aui-radius);
-  align-items: center;
-  gap: .5rem;
-  transition-property: all;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-  display: flex;
-}
-
-.aui-thread-list-item:hover {
-  background-color: hsl(var(--aui-muted));
-}
-
-.aui-thread-list-item:focus-visible {
-  background-color: hsl(var(--aui-muted));
-  outline-offset: 2px;
-  --aui-ring-offset-shadow: var(--aui-ring-inset) 0 0 0 var(--aui-ring-offset-width) var(--aui-ring-offset-color);
-  --aui-ring-shadow: var(--aui-ring-inset) 0 0 0 calc(2px + var(--aui-ring-offset-width)) var(--aui-ring-color);
-  box-shadow: var(--aui-ring-offset-shadow), var(--aui-ring-shadow), var(--aui-shadow, 0 0 #0000);
-  --aui-ring-color: hsl(var(--aui-ring));
-  outline: 2px solid #0000;
-}
-
-.aui-thread-list-item[data-active] {
-  background-color: hsl(var(--aui-muted));
-}
-
-.aui-thread-list-new {
-  border-radius: var(--aui-radius);
-  text-align: start;
-  justify-content: flex-start;
-  align-items: center;
-  gap: .25rem;
-  padding: .5rem .625rem;
-  display: flex;
-}
-
-.aui-thread-list-new:hover, .aui-thread-list-new[data-active] {
-  background-color: hsl(var(--aui-muted));
-}
-
-.aui-thread-list-new > .lucide-plus {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-
-.aui-thread-list-item-trigger {
-  text-align: start;
-  flex-grow: 1;
-  padding: .5rem .75rem;
-}
-
-.aui-thread-list-item-title {
-  font-size: .875rem;
-  line-height: 1.25rem;
-}
-
-.aui-thread-list-item-archive {
-  width: 1rem;
-  height: 1rem;
-  color: hsl(var(--aui-foreground));
-  margin-left: auto;
-  margin-right: .75rem;
-  padding: 0;
-}
-
-.aui-thread-list-item-archive:hover {
-  color: hsl(var(--aui-primary));
-}
-
-:root {
-  --aui-background: 0 0% 100%;
-  --aui-foreground: 240 10% 3.9%;
-  --aui-card: 0 0% 100%;
-  --aui-card-foreground: 240 10% 3.9%;
-  --aui-popover: 0 0% 100%;
-  --aui-popover-foreground: 240 10% 3.9%;
-  --aui-primary: 240 5.9% 10%;
-  --aui-primary-foreground: 0 0% 98%;
-  --aui-secondary: 240 4.8% 95.9%;
-  --aui-secondary-foreground: 240 5.9% 10%;
-  --aui-muted: 240 4.8% 95.9%;
-  --aui-muted-foreground: 240 3.8% 46.1%;
-  --aui-accent: 240 4.8% 95.9%;
-  --aui-accent-foreground: 240 5.9% 10%;
-  --aui-destructive: 0 84.2% 60.2%;
-  --aui-destructive-foreground: 0 0% 98%;
-  --aui-border: 240 5.9% 90%;
-  --aui-input: 240 5.9% 90%;
-  --aui-ring: 240 10% 3.9%;
-  --aui-radius: .5rem;
-  --aui-thread-max-width: 42rem;
-}
-
-.dark {
-  --aui-background: 0 0% 7%;
-  --aui-foreground: 0 0% 98%;
-  --aui-card: 240 10% 3.9%;
-  --aui-card-foreground: 0 0% 98%;
-  --aui-popover: 240 10% 3.9%;
-  --aui-popover-foreground: 0 0% 98%;
-  --aui-primary: 0 0% 98%;
-  --aui-primary-foreground: 240 5.9% 10%;
-  --aui-secondary: 240 3.7% 15.9%;
-  --aui-secondary-foreground: 0 0% 98%;
-  --aui-muted: 240 3.7% 15.9%;
-  --aui-muted-foreground: 240 5% 64.9%;
-  --aui-accent: 240 3.7% 15.9%;
-  --aui-accent-foreground: 0 0% 98%;
-  --aui-destructive: 0 62.8% 30.6%;
-  --aui-destructive-foreground: 0 0% 98%;
-  --aui-border: 240 3.7% 15.9%;
-  --aui-input: 240 3.7% 15.9%;
-  --aui-ring: 240 4.9% 83.9%;
-}
-
 :root {
-  --font-inter: "Inter", sans-serif;
-  --tasa-explorer: "TasaExplorer", sans-serif;
-  --geist-mono: "GeistMonoVF", monospace;
   --surface1: oklch(0% 0 0);
   --surface2: oklch(16% 0 0);
   --surface3: oklch(18% 0 0);
@@ -9300,6 +8284,24 @@
   --notice-info-fg: oklch(97% .013 224);
   --notice-note: oklch(18% 0 0);
   --notice-note-fg: oklch(99% .001 230);
+  --brand-green-50: oklch(99% .024 138);
+  --brand-green-100: oklch(97.5% .055 138);
+  --brand-green-200: oklch(95.5% .105 138);
+  --brand-green-300: oklch(94% .18 138);
+  --brand-green-400: oklch(93% .235 138);
+  --brand-green-500: var(--notice-success);
+  --brand-green-600: oklch(76% .22 140);
+  --brand-green-700: oklch(62% .19 140);
+  --brand-green-800: oklch(45% .13 142);
+  --brand-green-900: oklch(33% .09 144);
+  --brand-green-950: oklch(22% .06 145);
+  --brand-green-badge-bg: oklch(32.3% .04 140);
+  --brand-green-badge-fg: oklch(83.6% .126 140);
+  --chart-1: oklch(54.6% .245 262.881);
+  --chart-2: var(--color-green-500);
+  --chart-3: oklch(76.9% .188 70.08);
+  --chart-4: oklch(62.7% .265 303.9);
+  --chart-5: oklch(63.7% .237 25.331);
 }
 
 html.light {
@@ -9353,6 +8355,17 @@ html.light {
   --notice-info-fg: oklch(36% .13 225);
   --notice-note: oklch(97% 0 0);
   --notice-note-fg: oklch(18% 0 0);
+  --brand-green-50: oklch(97.8% .025 140);
+  --brand-green-100: oklch(95.5% .055 140);
+  --brand-green-200: oklch(91.5% .095 140);
+  --brand-green-300: oklch(84.5% .145 140);
+  --brand-green-400: oklch(72.5% .18 140);
+  --brand-green-500: var(--notice-success);
+  --brand-green-600: oklch(47% .17 142);
+  --brand-green-700: oklch(38% .13 144);
+  --brand-green-800: oklch(30% .1 145);
+  --brand-green-900: oklch(24% .075 146);
+  --brand-green-950: oklch(17% .05 147);
 }
 
 .thread-viewport > [data-radix-scroll-area-content] {
@@ -9486,6 +8499,57 @@ html.light {
   initial-value: solid;
 }
 
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
 @property --tw-leading {
   syntax: "*";
   inherits: false
@@ -9722,71 +8786,20 @@ html.light {
   inherits: false
 }
 
-@property --tw-duration {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-ease {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-content {
-  syntax: "*";
-  inherits: false;
-  initial-value: "";
-}
-
-@property --tw-gradient-position {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-gradient-from {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-
-@property --tw-gradient-via {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-
-@property --tw-gradient-to {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-
-@property --tw-gradient-stops {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-gradient-via-stops {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-gradient-from-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 0%;
+@property --tw-duration {
+  syntax: "*";
+  inherits: false
 }
 
-@property --tw-gradient-via-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 50%;
+@property --tw-ease {
+  syntax: "*";
+  inherits: false
 }
 
-@property --tw-gradient-to-position {
-  syntax: "<length-percentage>";
+@property --tw-content {
+  syntax: "*";
   inherits: false;
-  initial-value: 100%;
+  initial-value: "";
 }
 
 @property --tw-mask-linear {
@@ -9960,633 +8973,3 @@ html.light {
     transform: translateX(100%);
   }
 }
-/* Toast tokens live here — only consumed by `.mastra-toaster` so they don't need to ship in
-   index.css for every component. The bg/border use color-mix on theme-scoped notice tokens,
-   so the single :root declaration computes correctly under `html.light` too. Only the shadow
-   needs an explicit per-theme override (light gets a gloss highlight, dark stays elevation-only). */
-:root {
-  --toast-success-bg: color-mix(in srgb, var(--notice-success) 20%, var(--surface1));
-  --toast-success-border: color-mix(in srgb, var(--notice-success) 45%, var(--surface1));
-  --toast-destructive-bg: color-mix(in srgb, var(--notice-destructive) 20%, var(--surface1));
-  --toast-destructive-border: color-mix(in srgb, var(--notice-destructive) 45%, var(--surface1));
-  --toast-warning-bg: color-mix(in srgb, var(--notice-warning) 20%, var(--surface1));
-  --toast-warning-border: color-mix(in srgb, var(--notice-warning) 45%, var(--surface1));
-  --toast-info-bg: color-mix(in srgb, var(--notice-info) 20%, var(--surface1));
-  --toast-info-border: color-mix(in srgb, var(--notice-info) 45%, var(--surface1));
-  --toast-shadow: 0 1px 2px oklch(0 0 0 / 0.4), 0 12px 32px -12px oklch(0 0 0 / 0.55);
-}
-html.light {
-  --toast-shadow:
-    inset 0 1px 0 0 oklch(1 0 0 / 0.6), 0 1px 2px oklch(0 0 0 / 0.04), 0 12px 32px -12px oklch(0 0 0 / 0.14);
-}
-
-/* Mastra toast theming — applied to sonner's Toaster wrapper via className.
-   Sonner reads its per-type colors from --success-bg / --error-bg / etc. (richColors mode).
-   The `[data-sonner-toaster][data-sonner-theme]` prefix matches sonner's own theme rules
-   (specificity 0,2,0) and adds our class for (0,3,0) so our notice tokens win without !important. */
-[data-sonner-toaster][data-sonner-theme].mastra-toaster {
-  --normal-bg: var(--surface3);
-  --normal-text: var(--neutral5);
-  --normal-border: var(--border1);
-  --success-bg: var(--toast-success-bg);
-  --success-text: var(--notice-success-fg);
-  --success-border: var(--toast-success-border);
-  --error-bg: var(--toast-destructive-bg);
-  --error-text: var(--notice-destructive-fg);
-  --error-border: var(--toast-destructive-border);
-  --warning-bg: var(--toast-warning-bg);
-  --warning-text: var(--notice-warning-fg);
-  --warning-border: var(--toast-warning-border);
-  --info-bg: var(--toast-info-bg);
-  --info-text: var(--notice-info-fg);
-  --info-border: var(--toast-info-border);
-  --border-radius: var(--radius-xl);
-
-  /* Move the close button to the top-right corner. Sonner's defaults pin it to the LEFT in LTR;
-     we flip start/end and mirror the overhang transform so the chip sits in the same position
-     RTL would normally use. Keeps the icon and the close affordance from competing visually. */
-  --toast-close-button-start: unset;
-  --toast-close-button-end: 0;
-  --toast-close-button-transform: translate(35%, -35%);
-}
-[data-sonner-toaster].mastra-toaster [data-sonner-toast] {
-  box-shadow: var(--toast-shadow);
-}
-
-/* Close button — size + transitions are shared. Per-variant rules below own bg/border colors
-   and beat sonner's per-type rules on specificity (we add .mastra-toaster + [data-type] for 0,5,0). */
-[data-sonner-toaster].mastra-toaster [data-sonner-toast] [data-close-button] {
-  width: 22px;
-  height: 22px;
-  box-shadow: 0 1px 2px oklch(0 0 0 / 0.25);
-  transition:
-    background-color 160ms var(--ease-out-custom),
-    border-color 160ms var(--ease-out-custom),
-    box-shadow 160ms var(--ease-out-custom),
-    transform 200ms var(--ease-out-custom);
-}
-
-/* Per-variant tint cascade. Three vars per variant — all theme-aware via the underlying tokens:
-     --close-tint     → text/icon color (always strong contrast in both themes)
-     --close-bg       → chip surface, equal to the toast's own bg so the chip blends at rest
-     --close-border   → chip border, equal to the toast's own border so the chip blends at rest */
-[data-sonner-toaster].mastra-toaster [data-sonner-toast]:not([data-type]) {
-  --close-tint: var(--neutral5);
-  --close-bg: var(--normal-bg);
-  --close-border: var(--normal-border);
-}
-[data-sonner-toaster].mastra-toaster [data-sonner-toast][data-type='success'] {
-  --close-tint: var(--notice-success-fg);
-  --close-bg: var(--success-bg);
-  --close-border: var(--success-border);
-}
-[data-sonner-toaster].mastra-toaster [data-sonner-toast][data-type='error'] {
-  --close-tint: var(--notice-destructive-fg);
-  --close-bg: var(--error-bg);
-  --close-border: var(--error-border);
-}
-[data-sonner-toaster].mastra-toaster [data-sonner-toast][data-type='warning'] {
-  --close-tint: var(--notice-warning-fg);
-  --close-bg: var(--warning-bg);
-  --close-border: var(--warning-border);
-}
-[data-sonner-toaster].mastra-toaster [data-sonner-toast][data-type='info'] {
-  --close-tint: var(--notice-info-fg);
-  --close-bg: var(--info-bg);
-  --close-border: var(--info-border);
-}
-
-/* Default state: chip mirrors the toast — only the X icon shows. `color` is set explicitly
-   because sonner's theme-conditional color rule won't apply when the Toaster's `theme` prop
-   doesn't match the app theme; var(--close-tint) flips correctly via the underlying tokens. */
-[data-sonner-toaster].mastra-toaster [data-sonner-toast][data-type] [data-close-button],
-[data-sonner-toaster].mastra-toaster [data-sonner-toast]:not([data-type]) [data-close-button] {
-  background: var(--close-bg);
-  border-color: var(--close-border);
-  color: var(--close-tint);
-}
-
-/* Hover/focus: chip lifts — bg shifts one tonal step toward the tint, border bumps to a
-   visible-but-soft 55%-mix of the tint. Smooth in dark mode (no stark white edge). */
-[data-sonner-toaster].mastra-toaster [data-sonner-toast][data-type]:hover [data-close-button]:hover,
-[data-sonner-toaster].mastra-toaster [data-sonner-toast]:not([data-type]):hover [data-close-button]:hover,
-[data-sonner-toaster].mastra-toaster [data-sonner-toast][data-type] [data-close-button]:focus-visible,
-[data-sonner-toaster].mastra-toaster [data-sonner-toast]:not([data-type]) [data-close-button]:focus-visible {
-  background: color-mix(in srgb, var(--close-bg), var(--close-tint) 14%);
-  border-color: color-mix(in srgb, var(--close-tint) 55%, transparent);
-  box-shadow: 0 4px 12px oklch(0 0 0 / 0.3);
-  transform: var(--toast-close-button-transform) scale(1.08);
-}
-
-[data-sonner-toaster].mastra-toaster [data-sonner-toast] [data-close-button]:active {
-  transform: var(--toast-close-button-transform) scale(0.94);
-  transition-duration: 80ms;
-}
-[data-sonner-toaster].mastra-toaster [data-sonner-toast] [data-close-button] svg {
-  width: 13px;
-  height: 13px;
-}
-.logo svg {
-  shape-rendering: geometricprecision;
-  overflow: visible;
-}
-
-.logo .logo-fill {
-  fill: currentcolor;
-  transition: fill-opacity 320ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-/* Inner stroke: clipPath clips the stroke to the shape so only the inside
-   half renders — reads as a line drawn inside, not a border around. */
-.logo .logo-stroke {
-  fill: none;
-  stroke: currentcolor;
-  stroke-width: 0;
-  transition: stroke-width 320ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.logo-animate-on-hover .logo-fill {
-  animation: logo-fill-cycle 1500ms cubic-bezier(0.4, 0, 0.2, 1) 1;
-}
-
-.logo-animate-on-hover .logo-stroke {
-  animation: logo-stroke-cycle 1500ms cubic-bezier(0.4, 0, 0.2, 1) 1;
-}
-
-@keyframes logo-fill-cycle {
-  0% {
-    fill-opacity: 1;
-  }
-
-  23.3% {
-    fill-opacity: 0;
-  }
-
-  43.3% {
-    fill-opacity: 0;
-  }
-
-  100% {
-    fill-opacity: 1;
-  }
-}
-
-@keyframes logo-stroke-cycle {
-  0% {
-    stroke-width: 0;
-  }
-
-  23.3% {
-    stroke-width: 2;
-  }
-
-  43.3% {
-    stroke-width: 2;
-  }
-
-  100% {
-    stroke-width: 0;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .logo .logo-fill,
-  .logo .logo-stroke {
-    transition: none;
-    animation: none;
-  }
-}
-/* Dialog motion. Tailwind v4 sets `translate: -50% -50%` via the standalone
- * `translate` property — keyframes only animate `transform: scale(...)` so
- * the two don't compose and double-offset the centering. */
-
-@keyframes dialog-content-in {
-  from {
-    opacity: 0;
-    transform: scale(1.08);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-@keyframes dialog-content-out {
-  from {
-    opacity: 1;
-    transform: scale(1);
-  }
-
-  to {
-    opacity: 0;
-    transform: scale(1.02);
-  }
-}
-
-@keyframes dialog-overlay-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes dialog-overlay-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-/* Open/close state attributes: Radix (`data-state`) for AlertDialog, Base UI
- * (`data-open` / `data-closed`) for Dialog. Both share these animation classes. */
-
-.dialog-overlay-anim[data-state='open'],
-.dialog-overlay-anim[data-open] {
-  animation: dialog-overlay-in 320ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-.dialog-overlay-anim[data-state='closed'],
-.dialog-overlay-anim[data-closed] {
-  animation: dialog-overlay-out 240ms cubic-bezier(0.32, 0, 0.67, 0);
-}
-
-.dialog-content-anim[data-state='open'],
-.dialog-content-anim[data-open] {
-  animation: dialog-content-in 680ms cubic-bezier(0.16, 1, 0.3, 1);
-}
-
-.dialog-content-anim[data-state='closed'],
-.dialog-content-anim[data-closed] {
-  animation: dialog-content-out 180ms cubic-bezier(0.5, 0, 0.75, 0);
-}
-/* Drawer motion.
- *
- * Only the *advanced* motion lives here — the swipe/stack transforms are long
- * calc() expressions that are unreadable as escaped Tailwind arbitrary values
- * (`[transform:translateY(calc(..._-_...))]`). Everything native (layout, colour,
- * sizing, borders, the `after:` dim overlay) stays as inline Tailwind in drawer.tsx.
- *
- * Base UI drives the gesture through CSS custom properties set on the popup:
- *   --drawer-swipe-movement-x/y   finger tracking
- *   --drawer-swipe-progress       0..1 dismiss progress (fades the backdrop)
- *   --drawer-swipe-strength       0.1..1 release-velocity scalar
- *   --drawer-snap-point-offset    bottom-sheet snap offset
- *   --nested-drawers              stack depth (frontmost = 0)
- *   --drawer-height               measured popup height
- *   --drawer-frontmost-height     height of the frontmost drawer in the stack
- *
- * The 3rem bleed mirrors `-mb-12`/`pb-12` (and `-mt-12`/`pt-12`) on the popup in
- * drawer.tsx — keep the two in sync. */
-
-.drawer-popup {
-  --bleed: 3rem;
-  --peek: 1rem;
-  --stack-step: 0.05;
-
-  /* For an unnested drawer `--nested-drawers` is 0, so peek/shrink collapse to 0
-   * and scale to 1 — the transforms below reduce to a plain slide. */
-  --stack-progress: clamp(0, var(--drawer-swipe-progress, 0), 1);
-  --stack-peek-offset: max(0px, calc((var(--nested-drawers, 0) - var(--stack-progress)) * var(--peek)));
-  --stack-scale: calc(
-    max(0, calc(1 - (var(--nested-drawers, 0) * var(--stack-step)))) + (var(--stack-step) * var(--stack-progress))
-  );
-  --stack-shrink: calc(1 - var(--stack-scale));
-  --stack-height: max(0px, calc(var(--drawer-frontmost-height, var(--drawer-height, 0px)) - var(--bleed)));
-
-  /* Combined push-back applied to a stacked drawer (peek lift + scale shrink),
-   * folded into one var so the per-side transforms stay on a single line. */
-  --stack-offset: calc(var(--stack-peek-offset) + (var(--stack-shrink) * var(--stack-height)));
-
-  transition:
-    transform 450ms cubic-bezier(0.32, 0.72, 0, 1),
-    height 450ms cubic-bezier(0.32, 0.72, 0, 1),
-    opacity 450ms cubic-bezier(0.32, 0.72, 0, 1);
-}
-
-/* Track the finger 1:1 — no easing while a drag (own or nested) is in progress. */
-.drawer-popup[data-swiping],
-.drawer-popup[data-nested-drawer-swiping] {
-  transition-duration: 0ms;
-}
-
-/* Release after a swipe: scale the settle duration by the gesture velocity. */
-.drawer-popup[data-ending-style] {
-  transition-duration: calc(var(--drawer-swipe-strength, 1) * 400ms);
-}
-
-/* ---- Bottom sheet (swipe down) ---------------------------------------------- */
-
-.drawer-popup[data-swipe-direction='down'] {
-  --live-y: calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px));
-
-  transform-origin: 50% calc(100% - var(--bleed));
-  transform: translateY(calc(var(--live-y) - var(--stack-offset))) scale(var(--stack-scale));
-}
-
-.drawer-popup[data-swipe-direction='down'][data-starting-style],
-.drawer-popup[data-swipe-direction='down'][data-ending-style] {
-  transform: translateY(calc(100% - var(--bleed) + 2px));
-}
-
-/* ---- Top sheet (swipe up) --------------------------------------------------- */
-
-.drawer-popup[data-swipe-direction='up'] {
-  transform-origin: 50% var(--bleed);
-  transform: translateY(calc(var(--drawer-swipe-movement-y, 0px) + var(--stack-offset))) scale(var(--stack-scale));
-}
-
-.drawer-popup[data-swipe-direction='up'][data-starting-style],
-.drawer-popup[data-swipe-direction='up'][data-ending-style] {
-  transform: translateY(calc(-100% + var(--bleed) - 2px));
-}
-
-/* Collapse a stacked top/bottom parent to the frontmost drawer's height. */
-.drawer-popup[data-swipe-direction='down'][data-nested-drawer-open],
-.drawer-popup[data-swipe-direction='up'][data-nested-drawer-open] {
-  height: calc(var(--stack-height) + var(--bleed));
-  overflow: hidden;
-}
-
-/* ---- Side drawers (swipe left / right) -------------------------------------- */
-
-.drawer-popup[data-swipe-direction='left'],
-.drawer-popup[data-swipe-direction='right'] {
-  transform: translateX(var(--drawer-swipe-movement-x, 0px));
-}
-
-.drawer-popup[data-swipe-direction='right'][data-starting-style],
-.drawer-popup[data-swipe-direction='right'][data-ending-style] {
-  transform: translateX(100%);
-}
-
-.drawer-popup[data-swipe-direction='left'][data-starting-style],
-.drawer-popup[data-swipe-direction='left'][data-ending-style] {
-  transform: translateX(-100%);
-}
-
-/* ---- Backdrop --------------------------------------------------------------- */
-
-.drawer-backdrop {
-  opacity: calc(1 - var(--drawer-swipe-progress, 0));
-  transition: opacity 450ms cubic-bezier(0.32, 0.72, 0, 1);
-}
-
-.drawer-backdrop[data-starting-style],
-.drawer-backdrop[data-ending-style] {
-  opacity: 0;
-}
-
-.drawer-backdrop[data-swiping] {
-  transition-duration: 0ms;
-}
-
-.drawer-backdrop[data-ending-style] {
-  transition-duration: calc(var(--drawer-swipe-strength, 1) * 400ms);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .drawer-popup,
-  .drawer-backdrop {
-    transition-duration: 0ms;
-  }
-}
-.spinner {
-  --spinner-stroke: 2.2;
-  --spinner-pulse-ring-stroke: 2;
-
-  shape-rendering: geometricprecision;
-}
-
-.spinner[data-size='sm'] {
-  --spinner-stroke: 2.8;
-  --spinner-pulse-ring-stroke: 2.4;
-}
-
-.spinner[data-variant='default'] {
-  transform-origin: center;
-  animation: spinner-spin 1.1s linear infinite;
-}
-
-.spinner-ring {
-  fill: none;
-  stroke: currentcolor;
-  stroke-width: var(--spinner-stroke, 2.2);
-  stroke-linecap: round;
-  stroke-dashoffset: 0;
-  stroke-dasharray: 8 200;
-  animation: spinner-flex 1.4s ease-in-out infinite;
-}
-
-.spinner[data-variant='pulse'] {
-  overflow: visible;
-}
-
-.spinner-pulse-core,
-.spinner-pulse-ring {
-  transform-box: fill-box;
-  transform-origin: center;
-}
-
-.spinner-pulse-core {
-  fill: currentcolor;
-  animation: spinner-pulse-breath 1.5s ease-in-out infinite;
-}
-
-.spinner-pulse-ring {
-  fill: none;
-  stroke: currentcolor;
-  stroke-width: var(--spinner-pulse-ring-stroke, 2);
-  animation: spinner-pulse-ping 1.5s ease-out infinite;
-}
-
-@keyframes spinner-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes spinner-flex {
-  0%,
-  100% {
-    stroke-dasharray: 8 200;
-  }
-
-  50% {
-    stroke-dasharray: 40 200;
-  }
-}
-
-@keyframes spinner-pulse-breath {
-  0%,
-  100% {
-    transform: scale(0.78);
-  }
-
-  45% {
-    transform: scale(1.05);
-  }
-}
-
-@keyframes spinner-pulse-ping {
-  0% {
-    transform: scale(0.62);
-    opacity: 0;
-  }
-
-  18% {
-    opacity: 0.5;
-  }
-
-  75%,
-  100% {
-    transform: scale(1.7);
-    opacity: 0;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .spinner[data-variant='default'],
-  .spinner-ring,
-  .spinner-pulse-core,
-  .spinner-pulse-ring {
-    animation: none;
-  }
-
-  .spinner-ring {
-    stroke-dasharray: 40 200;
-  }
-
-  .spinner-pulse-core {
-    transform: scale(0.92);
-  }
-
-  .spinner-pulse-ring {
-    opacity: 0.35;
-  }
-}
-.brand-loader svg {
-  display: block;
-  width: 100%;
-  height: auto;
-  shape-rendering: geometricprecision;
-}
-
-.brand-loader circle {
-  fill: currentcolor;
-}
-
-.brand-loader line {
-  stroke: currentcolor;
-  stroke-width: var(--brand-loader-stroke, 2.9);
-  stroke-linecap: round;
-}
-
-.brand-loader circle,
-.brand-loader line {
-  animation: brand-loader-pulse 1.8s ease-in-out infinite;
-}
-
-.brand-loader .brand-loader-b1 {
-  animation-delay: 0s;
-}
-
-.brand-loader .brand-loader-b2 {
-  animation-delay: 0.09s;
-}
-
-.brand-loader .brand-loader-ln23 {
-  animation-delay: 0.135s;
-}
-
-.brand-loader .brand-loader-b3 {
-  animation-delay: 0.18s;
-}
-
-.brand-loader .brand-loader-ln34 {
-  animation-delay: 0.225s;
-}
-
-.brand-loader .brand-loader-b4 {
-  animation-delay: 0.27s;
-}
-
-.brand-loader .brand-loader-ln45 {
-  animation-delay: 0.315s;
-}
-
-.brand-loader .brand-loader-b5 {
-  animation-delay: 0.36s;
-}
-
-@keyframes brand-loader-pulse {
-  0%,
-  100% {
-    opacity: 1;
-  }
-
-  40% {
-    opacity: 0;
-  }
-
-  70% {
-    opacity: 1;
-  }
-}
-/* State-change motion lives in CSS so the switch does not need React state just
- * to time a visual-only settling effect. Base UI swaps `data-checked` and
- * `data-unchecked`; distinct animation names make each direction restart. */
-
-@keyframes switch-thumb-settle-on {
-  0% {
-    transform: scaleY(1);
-  }
-
-  48% {
-    transform: scaleY(0.8);
-  }
-
-  100% {
-    transform: scaleY(1);
-  }
-}
-
-@keyframes switch-thumb-settle-off {
-  0% {
-    transform: scaleY(1);
-  }
-
-  48% {
-    transform: scaleY(0.8);
-  }
-
-  100% {
-    transform: scaleY(1);
-  }
-}
-
-.switch-thumb-motion {
-  transform: scaleY(1);
-  transform-origin: center;
-}
-
-.switch-thumb-motion[data-checked] {
-  animation: switch-thumb-settle-on 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
-}
-
-.switch-thumb-motion[data-unchecked] {
-  animation: switch-thumb-settle-off 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .switch-thumb-motion[data-checked],
-  .switch-thumb-motion[data-unchecked] {
-    animation: none;
-  }
-}