@tangle-network/sandbox-ui 2.0.22 → 3.0.1

package/dist/globals.css

@@ -284,16 +284,6 @@
     white-space: nowrap;
     border-width: 0;
   }
-  .not-sr-only {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip-path: none;
-    white-space: normal;
-  }
   .\!fixed {
     position: fixed !important;
   }
@@ -459,9 +449,6 @@
   .isolate {
     isolation: isolate;
   }
-  .isolation-auto {
-    isolation: auto;
-  }
   .\!z-10 {
     z-index: 10 !important;
   }
@@ -558,9 +545,6 @@
   .m-0 {
     margin: 0px;
   }
-  .m-1 {
-    margin: var(--spacing);
-  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -789,39 +773,9 @@
   .inline-grid {
     display: inline-grid;
   }
-  .inline-table {
-    display: inline-table;
-  }
-  .list-item {
-    display: list-item;
-  }
   .table {
     display: table;
   }
-  .table-caption {
-    display: table-caption;
-  }
-  .table-cell {
-    display: table-cell;
-  }
-  .table-column {
-    display: table-column;
-  }
-  .table-column-group {
-    display: table-column-group;
-  }
-  .table-footer-group {
-    display: table-footer-group;
-  }
-  .table-header-group {
-    display: table-header-group;
-  }
-  .table-row {
-    display: table-row;
-  }
-  .table-row-group {
-    display: table-row-group;
-  }
   .aspect-\[9\/16\] {
     aspect-ratio: 9/16;
   }
@@ -1899,12 +1853,6 @@
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-none {
-    translate: none;
-  }
-  .scale-3d {
-    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
-  }
   .scale-\[1\.02\] {
     scale: 1.02;
   }
@@ -1959,10 +1907,6 @@
   .cursor-zoom-out {
     cursor: zoom-out;
   }
-  .touch-pinch-zoom {
-    --tw-pinch-zoom: pinch-zoom;
-    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
-  }
   .touch-none {
     touch-action: none;
   }
@@ -2190,9 +2134,6 @@
     margin-block-start: calc(1px * var(--tw-space-y-reverse));
     margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
   }
-  :where(.space-y-reverse > :not(:last-child)) {
-    --tw-space-y-reverse: 1;
-  }
   .gap-x-2 {
     column-gap: calc(var(--spacing) * 2);
   }
@@ -2216,9 +2157,6 @@
     margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
     margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
   }
-  :where(.space-x-reverse > :not(:last-child)) {
-    --tw-space-x-reverse: 1;
-  }
   .gap-y-1 {
     row-gap: var(--spacing);
   }
@@ -2231,12 +2169,6 @@
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
-  :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);
@@ -2244,9 +2176,6 @@
     border-top-width: calc(1px * var(--tw-divide-y-reverse));
     border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   }
-  :where(.divide-y-reverse > :not(:last-child)) {
-    --tw-divide-y-reverse: 1;
-  }
   :where(.divide-\[var\(--border-subtle\)\] > :not(:last-child)) {
     border-color: var(--border-subtle);
   }
@@ -2372,30 +2301,6 @@
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
-  .rounded-s {
-    border-start-start-radius: 0.25rem;
-    border-end-start-radius: 0.25rem;
-  }
-  .rounded-ss {
-    border-start-start-radius: 0.25rem;
-  }
-  .rounded-e {
-    border-start-end-radius: 0.25rem;
-    border-end-end-radius: 0.25rem;
-  }
-  .rounded-se {
-    border-start-end-radius: 0.25rem;
-  }
-  .rounded-ee {
-    border-end-end-radius: 0.25rem;
-  }
-  .rounded-es {
-    border-end-start-radius: 0.25rem;
-  }
-  .rounded-t {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem;
-  }
   .rounded-t-\[var\(--radius-lg\)\] {
     border-top-left-radius: var(--radius-lg);
     border-top-right-radius: var(--radius-lg);
@@ -2416,24 +2321,6 @@
     border-top-left-radius: var(--radius-sm);
     border-top-right-radius: var(--radius-sm);
   }
-  .rounded-l {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-  .rounded-tl {
-    border-top-left-radius: 0.25rem;
-  }
-  .rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-  }
-  .rounded-tr {
-    border-top-right-radius: 0.25rem;
-  }
-  .rounded-b {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
   .rounded-b-\[inherit\] {
     border-bottom-right-radius: inherit;
     border-bottom-left-radius: inherit;
@@ -2446,12 +2333,6 @@
     border-bottom-right-radius: var(--radius-sm);
     border-bottom-left-radius: var(--radius-sm);
   }
-  .rounded-br {
-    border-bottom-right-radius: 0.25rem;
-  }
-  .rounded-bl {
-    border-bottom-left-radius: 0.25rem;
-  }
   .\!border {
     border-style: var(--tw-border-style) !important;
     border-width: 1px !important;
@@ -2472,34 +2353,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
-  .border-x {
-    border-inline-style: var(--tw-border-style);
-    border-inline-width: 1px;
-  }
-  .border-y {
-    border-block-style: var(--tw-border-style);
-    border-block-width: 1px;
-  }
   .border-y-0 {
     border-block-style: var(--tw-border-style);
     border-block-width: 0px;
   }
-  .border-s {
-    border-inline-start-style: var(--tw-border-style);
-    border-inline-start-width: 1px;
-  }
-  .border-e {
-    border-inline-end-style: var(--tw-border-style);
-    border-inline-end-width: 1px;
-  }
-  .border-bs {
-    border-block-start-style: var(--tw-border-style);
-    border-block-start-width: 1px;
-  }
-  .border-be {
-    border-block-end-style: var(--tw-border-style);
-    border-block-end-width: 1px;
-  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -2565,9 +2422,6 @@
   .border-\[color\:var\(--surface-danger-border\)\] {
     border-color: var(--surface-danger-border);
   }
-  .border-\[var\(--accent-text\)\] {
-    border-color: var(--accent-text);
-  }
   .border-\[var\(--border-accent\)\] {
     border-color: var(--border-accent);
   }
@@ -2868,9 +2722,6 @@
       background-color: color-mix(in srgb,var(--bg-card) 94%,transparent);
     }
   }
-  .bg-\[var\(--accent-surface\)\] {
-    background-color: var(--accent-surface);
-  }
   .bg-\[var\(--accent-surface-soft\)\] {
     background-color: var(--accent-surface-soft);
   }
@@ -3422,15 +3273,6 @@
   .\[mask-image\:linear-gradient\(to_right\,transparent\,black_16px\,black_calc\(100\%-16px\)\,transparent\)\] {
     mask-image: linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent);
   }
-  .bg-repeat {
-    background-repeat: repeat;
-  }
-  .mask-no-clip {
-    mask-clip: no-clip;
-  }
-  .mask-repeat {
-    mask-repeat: repeat;
-  }
   .fill-current {
     fill: currentcolor;
   }
@@ -4018,9 +3860,6 @@
   .text-balance {
     text-wrap: balance;
   }
-  .text-wrap {
-    text-wrap: wrap;
-  }
   .\[overflow-wrap\:anywhere\] {
     overflow-wrap: anywhere;
   }
@@ -4030,9 +3869,6 @@
   .break-all {
     word-break: break-all;
   }
-  .text-clip {
-    text-overflow: clip;
-  }
   .text-ellipsis {
     text-overflow: ellipsis;
   }
@@ -4375,53 +4211,20 @@
   .italic {
     font-style: italic;
   }
-  .not-italic {
-    font-style: normal;
-  }
-  .diagonal-fractions {
-    --tw-numeric-fraction: diagonal-fractions;
-    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
-  }
-  .lining-nums {
-    --tw-numeric-figure: lining-nums;
-    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
-  }
-  .oldstyle-nums {
-    --tw-numeric-figure: oldstyle-nums;
-    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
-  }
   .ordinal {
     --tw-ordinal: ordinal;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   }
-  .proportional-nums {
-    --tw-numeric-spacing: proportional-nums;
-    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
-  }
-  .slashed-zero {
-    --tw-slashed-zero: slashed-zero;
-    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
-  }
-  .stacked-fractions {
-    --tw-numeric-fraction: stacked-fractions;
-    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
-  }
   .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,);
   }
-  .normal-nums {
-    font-variant-numeric: normal;
-  }
   .line-through {
     text-decoration-line: line-through;
   }
   .no-underline {
     text-decoration-line: none;
   }
-  .overline {
-    text-decoration-line: overline;
-  }
   .underline {
     text-decoration-line: underline;
   }
@@ -4435,10 +4238,6 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
-  .subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -4571,10 +4370,6 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
   }
-  .inset-ring {
-    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
-  }
   .ring-\[\#ffffff14\] {
     --tw-ring-color: #ffffff14;
   }
@@ -4624,23 +4419,10 @@
     --tw-blur: blur(8px);
     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,);
   }
-  .drop-shadow {
-    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
-    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
-    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,);
-  }
   .grayscale {
     --tw-grayscale: grayscale(100%);
     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,);
   }
-  .invert {
-    --tw-invert: invert(100%);
-    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,);
-  }
-  .sepia {
-    --tw-sepia: sepia(100%);
-    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,);
-  }
   .\!filter {
     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,) !important;
   }
@@ -4667,25 +4449,6 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
-  .backdrop-grayscale {
-    --tw-backdrop-grayscale: grayscale(100%);
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-  }
-  .backdrop-invert {
-    --tw-backdrop-invert: invert(100%);
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-  }
-  .backdrop-sepia {
-    --tw-backdrop-sepia: sepia(100%);
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-  }
-  .backdrop-filter {
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-  }
   .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));
@@ -4828,9 +4591,6 @@
   .\[transition\:opacity_var\(--motion-surface\)\,transform_var\(--motion-surface\)\] {
     transition: opacity var(--motion-surface),transform var(--motion-surface);
   }
-  :where(.divide-x-reverse > :not(:last-child)) {
-    --tw-divide-x-reverse: 1;
-  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -5876,9 +5636,6 @@
   .data-\[state\=active\]\:bg-\[var\(--ix-sel-bg\)\][data-state="active"] {
     background-color: var(--ix-sel-bg);
   }
-  .data-\[state\=active\]\:bg-background[data-state="active"] {
-    background-color: hsl(var(--background));
-  }
   .data-\[state\=active\]\:text-\[var\(--accent-text\)\][data-state="active"] {
     color: var(--accent-text);
   }
@@ -12475,9 +12232,6 @@ button.tgc-count-label {
 .fw-root .fw-link-up::before {
   right: -3.25px;
 }
-.fw-root .fw-card-anchor {
-  display: contents;
-}
 .fw-root .fw-seg-alt {
   filter: brightness(.78);
 }
@@ -12502,9 +12256,8 @@ button.tgc-count-label {
   box-shadow: 0 0 0 3px var(--fw-surface);
 }
 .fw-root .fw-card {
-  position: absolute;
-  z-index: 20;
-  width: min(320px, calc(100% - 16px));
+  position: relative;
+  width: 100%;
   max-height: min(60vh, 560px);
   overflow-y: auto;
   overscroll-behavior: contain;
@@ -12513,13 +12266,7 @@ button.tgc-count-label {
   background: var(--fw-raised);
   border: 1px solid var(--fw-border);
   box-shadow: var(--shadow-dropdown);
-  transition: left var(--motion-surface), top var(--motion-surface), opacity var(--motion-control);
-}
-.fw-root .fw-card[role="tooltip"] {
-  pointer-events: none;
-}
-.fw-root .fw-card-above .fw-card {
-  transform: translateY(-100%);
+  transition: opacity var(--motion-control);
 }
 .fw-root .fw-card-agent {
   display: flex;
@@ -15117,6 +14864,7 @@ button.tgc-count-label {
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
     --radius-full: 999px;
+    --shadow-card: 0 1px 2px hsl(var(--shadow-color) / 0.3);
   }
 }
 @layer utilities.agent-graph-base {
@@ -15309,6 +15057,9 @@ button.tgc-count-label {
     .left-3, :scope:is(.left-3) {
       left: calc(var(--spacing) * 3);
     }
+    .z-50, :scope:is(.z-50) {
+      z-index: 50;
+    }
     .container, :scope:is(.container) {
       width: 100%;
       @media (width >= 40rem) {
@@ -15387,12 +15138,21 @@ button.tgc-count-label {
     .w-8, :scope:is(.w-8) {
       width: calc(var(--spacing) * 8);
     }
+    .w-64, :scope:is(.w-64) {
+      width: calc(var(--spacing) * 64);
+    }
+    .w-72, :scope:is(.w-72) {
+      width: calc(var(--spacing) * 72);
+    }
     .w-full, :scope:is(.w-full) {
       width: 100%;
     }
     .max-w-64, :scope:is(.max-w-64) {
       max-width: calc(var(--spacing) * 64);
     }
+    .max-w-\[calc\(100vw-2rem\)\], :scope:is(.max-w-\[calc\(100vw-2rem\)\]) {
+      max-width: calc(100vw - 2rem);
+    }
     .\!min-w-0, :scope:is(.\!min-w-0) {
       min-width: 0px !important;
     }
@@ -15405,6 +15165,9 @@ button.tgc-count-label {
     .shrink-0, :scope:is(.shrink-0) {
       flex-shrink: 0;
     }
+    .origin-\(--radix-popover-content-transform-origin\), :scope:is(.origin-\(--radix-popover-content-transform-origin\)) {
+      transform-origin: var(--radix-popover-content-transform-origin);
+    }
     .-rotate-90, :scope:is(.-rotate-90) {
       rotate: calc(90deg * -1);
     }
@@ -15414,6 +15177,9 @@ button.tgc-count-label {
     .animate-\[tangle-breathe_var\(--motion-ambient\)_infinite\], :scope:is(.animate-\[tangle-breathe_var\(--motion-ambient\)_infinite\]) {
       animation: tangle-breathe var(--motion-ambient) infinite;
     }
+    .cursor-pointer, :scope:is(.cursor-pointer) {
+      cursor: pointer;
+    }
     .grid-cols-\[minmax\(0\,1fr\)_auto\],:scope:is(.grid-cols-\[minmax\(0\,1fr\)_auto\]) {
       grid-template-columns: minmax(0,1fr) auto;
     }
@@ -15545,6 +15311,9 @@ button.tgc-count-label {
     .pt-3, :scope:is(.pt-3) {
       padding-top: calc(var(--spacing) * 3);
     }
+    .pb-2, :scope:is(.pb-2) {
+      padding-bottom: calc(var(--spacing) * 2);
+    }
     .text-center, :scope:is(.text-center) {
       text-align: center;
     }
@@ -15576,6 +15345,10 @@ button.tgc-count-label {
       --tw-leading: 18px;
       line-height: 18px;
     }
+    .leading-none, :scope:is(.leading-none) {
+      --tw-leading: 1;
+      line-height: 1;
+    }
     .font-medium, :scope:is(.font-medium) {
       --tw-font-weight: var(--font-weight-medium);
       font-weight: var(--font-weight-medium);
@@ -15613,9 +15386,20 @@ button.tgc-count-label {
       --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,);
     }
+    .underline-offset-4, :scope:is(.underline-offset-4) {
+      text-underline-offset: 4px;
+    }
     .opacity-0, :scope:is(.opacity-0) {
       opacity: 0%;
     }
+    .shadow, :scope:is(.shadow) {
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    .shadow-\[var\(--shadow-card\)\], :scope:is(.shadow-\[var\(--shadow-card\)\]) {
+      --tw-shadow: var(--shadow-card);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
     .shadow-sm, :scope:is(.shadow-sm) {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -15624,6 +15408,18 @@ button.tgc-count-label {
       --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
+    .outline-hidden, :scope:is(.outline-hidden) {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+    .blur, :scope:is(.blur) {
+      --tw-blur: blur(8px);
+      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,);
+    }
     .grayscale, :scope:is(.grayscale) {
       --tw-grayscale: grayscale(100%);
       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,);
@@ -15650,6 +15446,9 @@ button.tgc-count-label {
       .hover\:text-foreground:hover, :scope:is(.hover\:text-foreground:hover) {
         color: hsl(var(--foreground));
       }
+      .hover\:underline:hover, :scope:is(.hover\:underline:hover) {
+        text-decoration-line: underline;
+      }
       .hover\:grayscale-0:hover, :scope:is(.hover\:grayscale-0:hover) {
         --tw-grayscale: grayscale(0%);
         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,);
@@ -15665,7 +15464,22 @@ button.tgc-count-label {
     .aria-pressed\:bg-muted[aria-pressed="true"], :scope:is(.aria-pressed\:bg-muted[aria-pressed="true"]) {
       background-color: hsl(var(--muted));
     }
+    .data-\[state\=closed\]\:\[animation\:tangle-surface-absent_var\(--motion-dismiss\)_both\][data-state="closed"], :scope:is(.data-\[state\=closed\]\:\[animation\:tangle-surface-absent_var\(--motion-dismiss\)_both\][data-state="closed"]) {
+      animation: tangle-surface-absent var(--motion-dismiss) both;
+    }
+    .data-\[state\=delayed-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="delayed-open"], :scope:is(.data-\[state\=delayed-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="delayed-open"]) {
+      animation: tangle-surface-present var(--motion-surface) both;
+    }
+    .data-\[state\=instant-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="instant-open"], :scope:is(.data-\[state\=instant-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="instant-open"]) {
+      animation: tangle-surface-present var(--motion-surface) both;
+    }
+    .data-\[state\=open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="open"], :scope:is(.data-\[state\=open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="open"]) {
+      animation: tangle-surface-present var(--motion-surface) both;
+    }
     @media (prefers-reduced-motion: reduce) {
+      .motion-reduce\:animate-none\!, :scope:is(.motion-reduce\:animate-none\!) {
+        animation: none !important;
+      }
       .motion-reduce\:transition-none, :scope:is(.motion-reduce\:transition-none) {
         transition-property: none;
       }
@@ -16748,6 +16562,22 @@ svg.react-flow__connectionline {
     transform: none;
   }
 }
+@keyframes tangle-surface-present {
+  from {
+    --tangle-presence: 0;
+  }
+  to {
+    --tangle-presence: 1;
+  }
+}
+@keyframes tangle-surface-absent {
+  from {
+    --tangle-presence: 1;
+  }
+  to {
+    --tangle-presence: 0;
+  }
+}
 .record-conversation {
   height: 29rem;
   overflow: auto;
@@ -16967,21 +16797,6 @@ svg.react-flow__connectionline {
   inherits: false;
   initial-value: 0;
 }
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
@@ -17002,18 +16817,6 @@ svg.react-flow__connectionline {
   syntax: "*";
   inherits: false;
 }
-@property --tw-pan-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-pan-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-pinch-zoom {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -17024,7 +16827,7 @@ svg.react-flow__connectionline {
   inherits: false;
   initial-value: 0;
 }
-@property --tw-divide-x-reverse {
+@property --tw-divide-y-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
@@ -17034,11 +16837,6 @@ svg.react-flow__connectionline {
   inherits: false;
   initial-value: solid;
 }
-@property --tw-divide-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-gradient-position {
   syntax: "*";
   inherits: false;
@@ -17285,6 +17083,21 @@ svg.react-flow__connectionline {
   initial-value: "";
   inherits: false;
 }
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -17317,22 +17130,15 @@ svg.react-flow__connectionline {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
-      --tw-pan-x: initial;
-      --tw-pan-y: initial;
-      --tw-pinch-zoom: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
-      --tw-divide-x-reverse: 0;
-      --tw-border-style: solid;
       --tw-divide-y-reverse: 0;
+      --tw-border-style: solid;
       --tw-gradient-position: initial;
       --tw-gradient-from: #0000;
       --tw-gradient-via: #0000;
@@ -17390,6 +17196,9 @@ svg.react-flow__connectionline {
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
     }
   }
 }