@opengeni/react 3.7.0-canary.0 → 3.7.0-canary.1

package/styles/compiled.css

@@ -485,99 +485,466 @@
     --animate-og-markdown-settle: og-markdown-settle var(--_og-duration-markdown-crystallize)
     var(--og-ease-stream) both;
   }
-:where(.og-root).pointer-events-auto,:where(.og-root) .pointer-events-auto {
-    pointer-events: auto;
-  }
-:where(.og-root).pointer-events-none,:where(.og-root) .pointer-events-none {
-    pointer-events: none;
-  }
-:where(.og-root).collapse,:where(.og-root) .collapse {
-    visibility: collapse;
+:where(.og-root) {
+  color-scheme: var(--_og-color-scheme, dark);
+}
+@supports (color: color-mix(in lab, red, red)) {
+  :where(.og-root) {
+    --_og-color-accent-soft: var(--og-color-accent-soft, color-mix(in oklch, var(--og-color-accent) 16%, transparent));
+    --_og-color-diff-add-bg: var(--og-color-diff-add-bg, color-mix(in oklch, var(--og-color-status-idle) 14%, transparent));
+    --_og-color-diff-del-bg: var(--og-color-diff-del-bg, color-mix(in oklch, var(--og-color-status-failed) 14%, transparent));
+    --_og-shadow-glow: var(--og-shadow-glow, 0 0 24px color-mix(in oklch, var(--og-color-accent) 18%, transparent));
+    --_og-session-chrome-surface: var(--og-session-chrome-surface, color-mix(in oklch, var(--og-color-surface-2) 82%, transparent));
+    --_og-session-chrome-surface-open: var(--og-session-chrome-surface-open, color-mix(in oklch, var(--og-color-surface-2) 92%, transparent));
+    --_og-session-chrome-border: var(--og-session-chrome-border, color-mix(in oklch, var(--og-color-border) 85%, transparent));
+    --_og-session-chrome-highlight-ring: var(--og-session-chrome-highlight-ring, color-mix(in oklch, var(--og-color-fg) 16%, transparent));
+    --_og-session-chrome-row-hover: var(--og-session-chrome-row-hover, color-mix(in oklch, var(--og-color-surface-3) 55%, transparent));
   }
-:where(.og-root).invisible,:where(.og-root) .invisible {
-    visibility: hidden;
+}
+:where([data-og-density="compact"]):where(.og-root),:where([data-og-density="compact"]):has(:where(.og-root)),:where(.og-root) :where([data-og-density="compact"]),:where( .og-density-compact):where(.og-root),:where( .og-density-compact):has(:where(.og-root)),:where(.og-root) :where( .og-density-compact) {
+  --og-font-size-xs: 10px;
+  --og-line-height-xs: 1.5;
+  --og-font-size-sm: 11px;
+  --og-line-height-sm: 1.5;
+  --og-font-size-base: 12px;
+  --og-line-height-base: 1.55;
+  --og-font-size-md: 13px;
+  --og-line-height-md: 1.6;
+  --og-font-size-control: 11px;
+  --og-line-height-control: 16px;
+  --og-font-size-menu: 12px;
+  --og-line-height-menu: 18px;
+  --og-font-size-composer: 13px;
+  --og-line-height-composer: 20px;
+  --og-font-size-composer-wide: 13px;
+  --og-line-height-composer-wide: 20px;
+  --og-model-picker-trigger-height: 1.75rem;
+  --og-model-picker-trigger-height-mobile: 1.75rem;
+  --og-model-picker-menu-width: 15rem;
+  --og-model-picker-menu-padding: 0.25rem;
+  --og-model-picker-row-padding-x: 0.5rem;
+  --og-model-picker-row-padding-y: 0.375rem;
+  --og-model-picker-effort-height: 1.75rem;
+  --og-realtime-menu-width: 15rem;
+}
+:where([data-og-theme="light"]):where(.og-root),:where([data-og-theme="light"]):has(:where(.og-root)),:where(.og-root) :where([data-og-theme="light"]),:where( .og-light):where(.og-root),:where( .og-light):has(:where(.og-root)),:where(.og-root) :where( .og-light) {
+  --og-color-bg: oklch(0.978 0.003 260);
+  --og-color-surface-1: oklch(1 0 0);
+  --og-color-surface-2: oklch(0.962 0.004 260);
+  --og-color-surface-3: oklch(0.935 0.006 260);
+  --og-color-border: oklch(0.9 0.006 260);
+  --og-color-border-strong: oklch(0.8 0.01 260);
+  --og-color-fg: oklch(0.21 0.015 260);
+  --og-color-fg-muted: oklch(0.46 0.014 260);
+  --og-color-fg-subtle: oklch(0.5 0.012 260);
+  --og-color-accent: oklch(0.55 0.18 255);
+  --og-color-accent-strong: oklch(0.48 0.19 255);
+  --og-color-accent-deep: oklch(0.44 0.19 255);
+  --og-color-accent-fg: oklch(0.985 0.005 260);
+  --og-color-accent-soft: var(--og-color-accent);
+  --og-color-status-queued: oklch(0.55 0.03 260);
+  --og-color-status-running: oklch(0.48 0.13 80);
+  --og-color-status-idle: oklch(0.49 0.13 155);
+  --og-color-status-waiting: oklch(0.54 0.15 305);
+  --og-color-status-failed: oklch(0.5 0.19 22);
+  --og-color-status-cancelled: oklch(0.55 0.025 260);
+  --og-color-danger: oklch(0.54 0.2 22);
+  --og-color-diff-add-bg: var(--og-color-status-idle);
+  --og-color-diff-del-bg: var(--og-color-status-failed);
+  --og-shadow-sm: 0 1px 2px oklch(0.2 0.02 260 / 0.07);
+  --og-shadow-md: 0 2px 8px oklch(0.2 0.02 260 / 0.09), 0 1px 2px oklch(0.2 0.02 260 / 0.06);
+  --og-shadow-lg: 0 8px 28px oklch(0.2 0.02 260 / 0.13), 0 2px 8px oklch(0.2 0.02 260 / 0.07);
+  --og-shadow-glow: 0 0 20px var(--og-color-accent);
+  --og-session-chrome-surface: var(--og-color-surface-2);
+  --og-session-chrome-surface-open: var(--og-color-surface-2);
+  --og-session-chrome-border: var(--og-color-border);
+  --og-session-chrome-border-open: var(--og-color-border);
+  --og-session-chrome-highlight: var(--og-color-surface-3);
+  --og-session-chrome-highlight-ring: var(--og-color-fg);
+  --og-session-chrome-shadow: 0 4px 16px -10px oklch(0.2 0.02 260 / 0.14);
+  --og-session-chrome-shadow-open: 0 8px 22px -12px oklch(0.2 0.02 260 / 0.18);
+  --og-session-chrome-row-hover: var(--og-color-surface-3);
+  color-scheme: light;
+  --_og-color-scheme: light;
+}
+@supports (color: color-mix(in lab, red, red)) {
+  :where([data-og-theme="light"]):where(.og-root),:where([data-og-theme="light"]):has(:where(.og-root)),:where(.og-root) :where([data-og-theme="light"]),:where( .og-light):where(.og-root),:where( .og-light):has(:where(.og-root)),:where(.og-root) :where( .og-light) {
+    --og-color-accent-soft: color-mix(in oklch, var(--og-color-accent) 11%, transparent);
+    --og-color-diff-add-bg: color-mix(in oklch, var(--og-color-status-idle) 12%, transparent);
+    --og-color-diff-del-bg: color-mix(in oklch, var(--og-color-status-failed) 12%, transparent);
+    --og-shadow-glow: 0 0 20px color-mix(in oklch, var(--og-color-accent) 14%, transparent);
+    --og-session-chrome-surface: color-mix(in oklch, var(--og-color-surface-2) 88%, transparent);
+    --og-session-chrome-border: color-mix(in oklch, var(--og-color-border) 90%, transparent);
+    --og-session-chrome-highlight-ring: color-mix(in oklch, var(--og-color-fg) 12%, transparent);
+    --og-session-chrome-row-hover: color-mix(in oklch, var(--og-color-surface-3) 70%, transparent);
   }
-:where(.og-root).visible,:where(.og-root) .visible {
-    visibility: visible;
+}
+:where(.og-root),:where( [data-og-density="compact"]):where(.og-root),:where( [data-og-density="compact"]):has(:where(.og-root)),:where(.og-root) :where( [data-og-density="compact"]),:where( .og-density-compact):where(.og-root),:where( .og-density-compact):has(:where(.og-root)),:where(.og-root) :where( .og-density-compact),:where( [data-og-theme="light"]):where(.og-root),:where( [data-og-theme="light"]):has(:where(.og-root)),:where(.og-root) :where( [data-og-theme="light"]),:where( .og-light):where(.og-root),:where( .og-light):has(:where(.og-root)),:where(.og-root) :where( .og-light) {
+  --_og-duration-fast: var(--og-duration-fast, calc(120ms * var(--og-motion-inspect-scale)));
+  --_og-duration-base: var(--og-duration-base, calc(180ms * var(--og-motion-inspect-scale)));
+  --_og-duration-slow: var(--og-duration-slow, calc(320ms * var(--og-motion-inspect-scale)));
+  --_og-duration-disclose: var(--og-duration-disclose, calc(120ms * var(--og-motion-inspect-scale)));
+  --_og-duration-disclose-settle: var(--og-duration-disclose-settle, calc(820ms * var(--og-motion-inspect-scale)));
+  --_og-duration-stream: var(--og-duration-stream, calc(420ms * var(--og-motion-inspect-scale)));
+  --_og-duration-markdown-crystallize: var(--og-duration-markdown-crystallize, calc(480ms * var(--og-motion-inspect-scale)));
+  --_og-color-accent-soft: var(--og-color-accent-soft, var(--og-color-accent));
+  --_og-color-diff-add-bg: var(--og-color-diff-add-bg, var(--og-color-status-idle));
+  --_og-color-diff-del-bg: var(--og-color-diff-del-bg, var(--og-color-status-failed));
+  --_og-shadow-glow: var(--og-shadow-glow, 0 0 24px var(--og-color-accent));
+  --_og-session-chrome-surface: var(--og-session-chrome-surface, var(--og-color-surface-2));
+  --_og-session-chrome-surface-open: var(--og-session-chrome-surface-open, var(--og-color-surface-2));
+  --_og-session-chrome-border: var(--og-session-chrome-border, var(--og-color-border));
+  --_og-session-chrome-border-open: var(--og-session-chrome-border-open, var(--og-color-border));
+  --_og-session-chrome-highlight: var(--og-session-chrome-highlight, var(--og-color-surface-3));
+  --_og-session-chrome-highlight-ring: var(--og-session-chrome-highlight-ring, var(--og-color-fg));
+  --_og-session-chrome-radius: var(--og-session-chrome-radius, var(--og-radius-lg));
+  --_og-session-chrome-ease: var(--og-session-chrome-ease, var(--og-ease-out));
+  --_og-session-chrome-row-hover: var(--og-session-chrome-row-hover, var(--og-color-surface-3));
+}
+.og-root :where([hidden]:not([hidden="until-found"])) {
+    display: none !important;
   }
-:where(.og-root).sr-only,:where(.og-root) .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
+.og-root :where(button, input, textarea, select) {
+    box-sizing: border-box;
+    margin: 0;
     padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip-path: inset(50%);
-    white-space: nowrap;
-    border-width: 0;
+    border: 0 solid;
+    border-radius: 0;
+    background-color: transparent;
+    color: inherit;
+    font: inherit;
+    letter-spacing: inherit;
   }
-:where(.og-root).absolute,:where(.og-root) .absolute {
-    position: absolute;
+.og-root :where(button, input[type="button"], input[type="submit"], input[type="reset"]) {
+    appearance: button;
   }
-:where(.og-root).fixed,:where(.og-root) .fixed {
-    position: fixed;
+@keyframes og-expand {
+  from {
+    height: 0;
+    opacity: 0;
   }
-:where(.og-root).relative,:where(.og-root) .relative {
-    position: relative;
+  40% {
+    opacity: 0.25;
   }
-:where(.og-root).static,:where(.og-root) .static {
-    position: static;
+  85% {
+    opacity: 1;
   }
-:where(.og-root).sticky,:where(.og-root) .sticky {
-    position: sticky;
+  to {
+    height: var(--radix-collapsible-content-height);
+    opacity: 1;
   }
-:where(.og-root).-inset-px,:where(.og-root) .-inset-px {
-    inset: -1px;
+}
+@keyframes og-collapse {
+  from {
+    height: var(--radix-collapsible-content-height);
+    opacity: 1;
   }
-:where(.og-root).inset-0,:where(.og-root) .inset-0 {
-    inset: calc(var(--spacing) * 0);
+  35% {
+    opacity: 0.7;
   }
-:where(.og-root).inset-x-0,:where(.og-root) .inset-x-0 {
-    inset-inline: calc(var(--spacing) * 0);
+  70% {
+    opacity: 0;
   }
-:where(.og-root).inset-y-0,:where(.og-root) .inset-y-0 {
-    inset-block: calc(var(--spacing) * 0);
+  to {
+    height: 0;
+    opacity: 0;
   }
-:where(.og-root).start,:where(.og-root) .start {
-    inset-inline-start: var(--spacing);
+}
+@keyframes og-settle-chip {
+  from {
+    background-color: color-mix(in oklch, var(--color-og-surface-1, transparent) 55%, transparent);
   }
-:where(.og-root).end,:where(.og-root) .end {
-    inset-inline-end: var(--spacing);
+  to {
+    background-color: transparent;
   }
-:where(.og-root).-top-0\.5,:where(.og-root) .-top-0\.5 {
-    top: calc(var(--spacing) * -0.5);
+}
+@keyframes og-stream-ink {
+  from {
+    opacity: 0.3;
   }
-:where(.og-root).-top-3,:where(.og-root) .-top-3 {
-    top: calc(var(--spacing) * -3);
+  to {
+    opacity: 1;
   }
-:where(.og-root).top-0,:where(.og-root) .top-0 {
-    top: calc(var(--spacing) * 0);
+}
+:where(.og-root).og-stream-ink,:where(.og-root) .og-stream-ink {
+  display: inline;
+  animation: og-stream-ink var(--_og-duration-stream) var(--og-ease-out) both;
+}
+@keyframes og-markdown-settle {
+  from {
+    opacity: 0.92;
   }
-:where(.og-root).top-1\.5,:where(.og-root) .top-1\.5 {
-    top: calc(var(--spacing) * 1.5);
+  to {
+    opacity: 1;
   }
-:where(.og-root).top-1\/2,:where(.og-root) .top-1\/2 {
-    top: calc(1 / 2 * 100%);
+}
+:where(.og-root).og-markdown-settle,:where(.og-root) .og-markdown-settle {
+  animation: var(--animate-og-markdown-settle);
+}
+@keyframes og-enter {
+  from {
+    opacity: 0;
   }
-:where(.og-root).top-2,:where(.og-root) .top-2 {
-    top: calc(var(--spacing) * 2);
+  to {
+    opacity: 1;
   }
-:where(.og-root).top-3,:where(.og-root) .top-3 {
-    top: calc(var(--spacing) * 3);
+}
+@keyframes og-row-enter {
+  from {
+    opacity: 0;
   }
-:where(.og-root).top-8,:where(.og-root) .top-8 {
-    top: calc(var(--spacing) * 8);
+  to {
+    opacity: 1;
   }
-:where(.og-root).top-10,:where(.og-root) .top-10 {
-    top: calc(var(--spacing) * 10);
+}
+:where(.og-root).animate-og-row-enter,:where(.og-root) .animate-og-row-enter {
+  animation: var(--animate-og-row-enter);
+}
+@keyframes og-pulse {
+  0%, 100% {
+    opacity: 1;
   }
-:where(.og-root).-right-0\.5,:where(.og-root) .-right-0\.5 {
-    right: calc(var(--spacing) * -0.5);
+  50% {
+    opacity: 0.35;
   }
-:where(.og-root).-right-3,:where(.og-root) .-right-3 {
-    right: calc(var(--spacing) * -3);
+}
+@keyframes og-blink {
+  0%, 100% {
+    opacity: 1;
   }
-:where(.og-root).right-0,:where(.og-root) .right-0 {
+  50% {
+    opacity: 0;
+  }
+}
+@keyframes og-shimmer {
+  from {
+    background-position: 200% center;
+  }
+  to {
+    background-position: -200% center;
+  }
+}
+@keyframes og-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes og-waveform {
+  0%, 100% {
+    transform: scaleY(0.28);
+    opacity: 0.45;
+  }
+  50% {
+    transform: scaleY(1);
+    opacity: 0.95;
+  }
+}
+@keyframes og-mh-draw {
+  from {
+    stroke-dashoffset: 1;
+  }
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+:where(.og-root).og-mh-draw,:where(.og-root) .og-mh-draw {
+  stroke-dasharray: 1;
+  animation: og-mh-draw 900ms var(--og-ease-out) forwards;
+}
+@media (prefers-reduced-motion: reduce) {
+  :where(.og-root).og-mh-draw,:where(.og-root) .og-mh-draw {
+    animation: none;
+    stroke-dasharray: none;
+  }
+}
+:where(.og-root).og-shimmer-text,:where(.og-root) .og-shimmer-text {
+  background: linear-gradient( 90deg, var(--og-color-fg-subtle) 0%, var(--og-color-fg) 50%, var(--og-color-fg-subtle) 100% );
+  background-size: 200% auto;
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  animation: og-shimmer 2.2s linear infinite;
+}
+:where(.og-root) {
+  font-family: var(--og-font-sans);
+  font-feature-settings: var(--og-font-features);
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  color: var(--og-color-fg);
+}
+:is(.og-root.og-root, .og-root .og-root) :where( .text-og-xs, .text-og-sm, .text-og-base, .text-og-md, .text-og-control, .text-og-menu, .text-og-composer, .text-og-composer-wide ), :is( .og-root.text-og-xs, .og-root.text-og-sm, .og-root.text-og-base, .og-root.text-og-md, .og-root.text-og-control, .og-root.text-og-menu, .og-root.text-og-composer, .og-root.text-og-composer-wide ) {
+  font-size: var(--og-component-font-size);
+  line-height: var(--tw-leading, var(--og-component-line-height));
+}
+:where(.og-root) :where(*) {
+  scrollbar-width: thin;
+  scrollbar-color: var(--og-color-border-strong) transparent;
+}
+:where(.og-root)[data-radix-popper-content-wrapper]:has( > [data-machine-state-popover][data-state="closed"] ),:where(.og-root) [data-radix-popper-content-wrapper]:has( > [data-machine-state-popover][data-state="closed"] ) {
+  visibility: hidden;
+  pointer-events: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  :where(.og-root) *,:where(.og-root) *::before,:where(.og-root) *::after,:where(.og-root) .og-shimmer-text,:where(.og-root)  .og-shimmer-text {
+    animation-duration: 0.001ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.001ms !important;
+    scroll-behavior: auto !important;
+  }
+  :where(.og-root) .og-stream-ink {
+    animation-delay: 0ms !important;
+  }
+}
+@media (max-width: 39.999rem) {
+  :where(.og-root).og-composer-footer:has([data-transcription-capturing]) .og-composer-controls > :not([data-transcription-capturing]),:where(.og-root) .og-composer-footer:has([data-transcription-capturing]) .og-composer-controls > :not([data-transcription-capturing]) {
+    display: none;
+  }
+  :where(.og-root).og-composer-footer:has([data-transcription-capturing]) .og-composer-actions,:where(.og-root) .og-composer-footer:has([data-transcription-capturing]) .og-composer-actions {
+    display: none;
+  }
+}
+@media (forced-colors: active) {
+  :where(.og-root) {
+    --og-color-bg: Canvas;
+    --og-color-surface-1: Canvas;
+    --og-color-surface-2: Canvas;
+    --og-color-surface-3: Canvas;
+    --og-color-border: CanvasText;
+    --og-color-border-strong: CanvasText;
+    --og-color-fg: CanvasText;
+    --og-color-fg-muted: CanvasText;
+    --og-color-fg-subtle: CanvasText;
+    --og-color-accent: CanvasText;
+    --og-color-accent-strong: CanvasText;
+    --og-color-accent-deep: CanvasText;
+    --og-color-accent-fg: CanvasText;
+    --og-color-accent-soft: Canvas;
+    --og-color-status-queued: CanvasText;
+    --og-color-status-running: CanvasText;
+    --og-color-status-idle: CanvasText;
+    --og-color-status-waiting: CanvasText;
+    --og-color-status-failed: CanvasText;
+    --og-color-status-cancelled: CanvasText;
+    --og-color-danger: CanvasText;
+    --og-color-diff-add-bg: Canvas;
+    --og-color-diff-del-bg: Canvas;
+    --og-shadow-sm: none;
+    --og-shadow-md: none;
+    --og-shadow-lg: none;
+    --og-shadow-glow: none;
+  }
+  :where(.og-root) [role="tab"][aria-selected="true"] {
+    outline: 2px solid Highlight;
+    outline-offset: -2px;
+  }
+}
+:where(.og-root).xterm .xterm-width-cache-measure-container,:where(.og-root) .xterm .xterm-width-cache-measure-container,:where(.og-root) .xterm-width-cache-measure-container,:where(.og-root)  .xterm-width-cache-measure-container,:where(.og-root) .xterm .xterm-char-measure-element,:where(.og-root)  .xterm .xterm-char-measure-element {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  visibility: hidden !important;
+  pointer-events: none !important;
+  z-index: -1 !important;
+}
+:where(.og-root).pointer-events-auto,:where(.og-root) .pointer-events-auto {
+    pointer-events: auto;
+  }
+:where(.og-root).pointer-events-none,:where(.og-root) .pointer-events-none {
+    pointer-events: none;
+  }
+:where(.og-root).collapse,:where(.og-root) .collapse {
+    visibility: collapse;
+  }
+:where(.og-root).invisible,:where(.og-root) .invisible {
+    visibility: hidden;
+  }
+:where(.og-root).visible,:where(.og-root) .visible {
+    visibility: visible;
+  }
+:where(.og-root).sr-only,:where(.og-root) .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
+:where(.og-root).absolute,:where(.og-root) .absolute {
+    position: absolute;
+  }
+:where(.og-root).fixed,:where(.og-root) .fixed {
+    position: fixed;
+  }
+:where(.og-root).relative,:where(.og-root) .relative {
+    position: relative;
+  }
+:where(.og-root).static,:where(.og-root) .static {
+    position: static;
+  }
+:where(.og-root).sticky,:where(.og-root) .sticky {
+    position: sticky;
+  }
+:where(.og-root).-inset-px,:where(.og-root) .-inset-px {
+    inset: -1px;
+  }
+:where(.og-root).inset-0,:where(.og-root) .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
+:where(.og-root).inset-x-0,:where(.og-root) .inset-x-0 {
+    inset-inline: calc(var(--spacing) * 0);
+  }
+:where(.og-root).inset-y-0,:where(.og-root) .inset-y-0 {
+    inset-block: calc(var(--spacing) * 0);
+  }
+:where(.og-root).start,:where(.og-root) .start {
+    inset-inline-start: var(--spacing);
+  }
+:where(.og-root).end,:where(.og-root) .end {
+    inset-inline-end: var(--spacing);
+  }
+:where(.og-root).-top-0\.5,:where(.og-root) .-top-0\.5 {
+    top: calc(var(--spacing) * -0.5);
+  }
+:where(.og-root).-top-3,:where(.og-root) .-top-3 {
+    top: calc(var(--spacing) * -3);
+  }
+:where(.og-root).-top-11,:where(.og-root) .-top-11 {
+    top: calc(var(--spacing) * -11);
+  }
+:where(.og-root).-top-16,:where(.og-root) .-top-16 {
+    top: calc(var(--spacing) * -16);
+  }
+:where(.og-root).top-0,:where(.og-root) .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+:where(.og-root).top-1\.5,:where(.og-root) .top-1\.5 {
+    top: calc(var(--spacing) * 1.5);
+  }
+:where(.og-root).top-1\/2,:where(.og-root) .top-1\/2 {
+    top: calc(1 / 2 * 100%);
+  }
+:where(.og-root).top-2,:where(.og-root) .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+:where(.og-root).top-3,:where(.og-root) .top-3 {
+    top: calc(var(--spacing) * 3);
+  }
+:where(.og-root).top-8,:where(.og-root) .top-8 {
+    top: calc(var(--spacing) * 8);
+  }
+:where(.og-root).top-10,:where(.og-root) .top-10 {
+    top: calc(var(--spacing) * 10);
+  }
+:where(.og-root).-right-0\.5,:where(.og-root) .-right-0\.5 {
+    right: calc(var(--spacing) * -0.5);
+  }
+:where(.og-root).-right-3,:where(.og-root) .-right-3 {
+    right: calc(var(--spacing) * -3);
+  }
+:where(.og-root).right-0,:where(.og-root) .right-0 {
     right: calc(var(--spacing) * 0);
   }
 :where(.og-root).right-1\.5,:where(.og-root) .right-1\.5 {
@@ -1021,6 +1388,9 @@
 :where(.og-root).max-h-\[32rem\],:where(.og-root) .max-h-\[32rem\] {
     max-height: 32rem;
   }
+:where(.og-root).max-h-\[40\%\],:where(.og-root) .max-h-\[40\%\] {
+    max-height: 40%;
+  }
 :where(.og-root).max-h-\[82vh\],:where(.og-root) .max-h-\[82vh\] {
     max-height: 82vh;
   }
@@ -1293,6 +1663,10 @@
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+:where(.og-root).-translate-y-full,:where(.og-root) .-translate-y-full {
+    --tw-translate-y: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
 :where(.og-root).translate-y-\[2px\],:where(.og-root) .translate-y-\[2px\] {
     --tw-translate-y: 2px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1415,6 +1789,9 @@
 :where(.og-root).flex-row,:where(.og-root) .flex-row {
     flex-direction: row;
   }
+:where(.og-root).flex-nowrap,:where(.og-root) .flex-nowrap {
+    flex-wrap: nowrap;
+  }
 :where(.og-root).flex-wrap,:where(.og-root) .flex-wrap {
     flex-wrap: wrap;
   }
@@ -1564,6 +1941,14 @@
       border-color: var(--og-color-border);
     }
   }
+:where(.og-root).divide-og-border\/40,:where(.og-root) .divide-og-border\/40 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--og-color-border);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--og-color-border) 40%, transparent);
+      }
+    }
+  }
 :where(.og-root).self-center,:where(.og-root) .self-center {
     align-self: center;
   }
@@ -1635,6 +2020,10 @@
 :where(.og-root).rounded-xl,:where(.og-root) .rounded-xl {
     border-radius: var(--og-radius-xl);
   }
+:where(.og-root).rounded-t-og-lg,:where(.og-root) .rounded-t-og-lg {
+    border-top-left-radius: var(--og-radius-lg);
+    border-top-right-radius: var(--og-radius-lg);
+  }
 :where(.og-root).rounded-t-og-sm,:where(.og-root) .rounded-t-og-sm {
     border-top-left-radius: var(--og-radius-sm);
     border-top-right-radius: var(--og-radius-sm);
@@ -1651,6 +2040,10 @@
     border-top-right-radius: var(--og-radius-md);
     border-bottom-right-radius: var(--og-radius-md);
   }
+:where(.og-root).rounded-b-og-lg,:where(.og-root) .rounded-b-og-lg {
+    border-bottom-right-radius: var(--og-radius-lg);
+    border-bottom-left-radius: var(--og-radius-lg);
+  }
 :where(.og-root).rounded-br-og-xs,:where(.og-root) .rounded-br-og-xs {
     border-bottom-right-radius: var(--og-radius-xs);
   }
@@ -2193,6 +2586,12 @@
       background-color: color-mix(in oklab, var(--og-color-surface-2) 40%, transparent);
     }
   }
+:where(.og-root).bg-og-surface-2\/50,:where(.og-root) .bg-og-surface-2\/50 {
+    background-color: var(--og-color-surface-2);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-surface-2) 50%, transparent);
+    }
+  }
 :where(.og-root).bg-og-surface-2\/60,:where(.og-root) .bg-og-surface-2\/60 {
     background-color: var(--og-color-surface-2);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2468,6 +2867,9 @@
 :where(.og-root).pt-3,:where(.og-root) .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
+:where(.og-root).pt-16,:where(.og-root) .pt-16 {
+    padding-top: calc(var(--spacing) * 16);
+  }
 :where(.og-root).pr-1,:where(.og-root) .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -2498,9 +2900,15 @@
 :where(.og-root).pb-3,:where(.og-root) .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
+:where(.og-root).pb-6,:where(.og-root) .pb-6 {
+    padding-bottom: calc(var(--spacing) * 6);
+  }
 :where(.og-root).pb-\[8\%\],:where(.og-root) .pb-\[8\%\] {
     padding-bottom: 8%;
   }
+:where(.og-root).pl-0\.5,:where(.og-root) .pl-0\.5 {
+    padding-left: calc(var(--spacing) * 0.5);
+  }
 :where(.og-root).pl-1,:where(.og-root) .pl-1 {
     padding-left: calc(var(--spacing) * 1);
   }
@@ -3207,6 +3615,11 @@
       rotate: 90deg;
     }
   }
+:where(.og-root).group-open\/command\:rotate-90,:where(.og-root) .group-open\/command\:rotate-90 {
+    &:is(:where(.group\/command):is([open], :popover-open, :open) *) {
+      rotate: 90deg;
+    }
+  }
 :where(.og-root).group-focus-within\/copy\:opacity-100,:where(.og-root) .group-focus-within\/copy\:opacity-100 {
     &:is(:where(.group\/copy):focus-within *) {
       opacity: 100%;
@@ -3495,6 +3908,11 @@
       margin-top: calc(var(--spacing) * 0);
     }
   }
+:where(.og-root).first\:pt-0,:where(.og-root) .first\:pt-0 {
+    &:first-child {
+      padding-top: calc(var(--spacing) * 0);
+    }
+  }
 :where(.og-root).first\:pl-0,:where(.og-root) .first\:pl-0 {
     &:first-child {
       padding-left: calc(var(--spacing) * 0);
@@ -3505,7 +3923,12 @@
       margin-bottom: calc(var(--spacing) * 0);
     }
   }
-:where(.og-root).focus-within\:border-og-accent\/50,:where(.og-root) .focus-within\:border-og-accent\/50 {
+:where(.og-root).last\:pb-0,:where(.og-root) .last\:pb-0 {
+    &:last-child {
+      padding-bottom: calc(var(--spacing) * 0);
+    }
+  }
+:where(.og-root).focus-within\:border-og-accent\/50,:where(.og-root) .focus-within\:border-og-accent\/50 {
     &:focus-within {
       border-color: var(--og-color-accent);
       @supports (color: color-mix(in lab, red, red)) {
@@ -4739,6 +5162,11 @@
       width: calc(var(--spacing) * 11);
     }
   }
+:where(.og-root).pointer-coarse\:w-auto,:where(.og-root) .pointer-coarse\:w-auto {
+    @media (pointer: coarse) {
+      width: auto;
+    }
+  }
 :where(.og-root).pointer-coarse\:min-w-11,:where(.og-root) .pointer-coarse\:min-w-11 {
     @media (pointer: coarse) {
       min-width: calc(var(--spacing) * 11);
@@ -4889,350 +5317,6 @@
       border-bottom-width: 0px;
     }
   }
-:where(.og-root) {
-  color-scheme: var(--_og-color-scheme, dark);
-}
-@supports (color: color-mix(in lab, red, red)) {
-  :where(.og-root) {
-    --_og-color-accent-soft: var(--og-color-accent-soft, color-mix(in oklch, var(--og-color-accent) 16%, transparent));
-    --_og-color-diff-add-bg: var(--og-color-diff-add-bg, color-mix(in oklch, var(--og-color-status-idle) 14%, transparent));
-    --_og-color-diff-del-bg: var(--og-color-diff-del-bg, color-mix(in oklch, var(--og-color-status-failed) 14%, transparent));
-    --_og-shadow-glow: var(--og-shadow-glow, 0 0 24px color-mix(in oklch, var(--og-color-accent) 18%, transparent));
-    --_og-session-chrome-surface: var(--og-session-chrome-surface, color-mix(in oklch, var(--og-color-surface-2) 82%, transparent));
-    --_og-session-chrome-surface-open: var(--og-session-chrome-surface-open, color-mix(in oklch, var(--og-color-surface-2) 92%, transparent));
-    --_og-session-chrome-border: var(--og-session-chrome-border, color-mix(in oklch, var(--og-color-border) 85%, transparent));
-    --_og-session-chrome-highlight-ring: var(--og-session-chrome-highlight-ring, color-mix(in oklch, var(--og-color-fg) 16%, transparent));
-    --_og-session-chrome-row-hover: var(--og-session-chrome-row-hover, color-mix(in oklch, var(--og-color-surface-3) 55%, transparent));
-  }
-}
-:where([data-og-density="compact"]):where(.og-root),:where([data-og-density="compact"]):has(:where(.og-root)),:where(.og-root) :where([data-og-density="compact"]),:where( .og-density-compact):where(.og-root),:where( .og-density-compact):has(:where(.og-root)),:where(.og-root) :where( .og-density-compact) {
-  --og-font-size-xs: 10px;
-  --og-line-height-xs: 1.5;
-  --og-font-size-sm: 11px;
-  --og-line-height-sm: 1.5;
-  --og-font-size-base: 12px;
-  --og-line-height-base: 1.55;
-  --og-font-size-md: 13px;
-  --og-line-height-md: 1.6;
-  --og-font-size-control: 11px;
-  --og-line-height-control: 16px;
-  --og-font-size-menu: 12px;
-  --og-line-height-menu: 18px;
-  --og-font-size-composer: 13px;
-  --og-line-height-composer: 20px;
-  --og-font-size-composer-wide: 13px;
-  --og-line-height-composer-wide: 20px;
-  --og-model-picker-trigger-height: 1.75rem;
-  --og-model-picker-trigger-height-mobile: 1.75rem;
-  --og-model-picker-menu-width: 15rem;
-  --og-model-picker-menu-padding: 0.25rem;
-  --og-model-picker-row-padding-x: 0.5rem;
-  --og-model-picker-row-padding-y: 0.375rem;
-  --og-model-picker-effort-height: 1.75rem;
-  --og-realtime-menu-width: 15rem;
-}
-:where([data-og-theme="light"]):where(.og-root),:where([data-og-theme="light"]):has(:where(.og-root)),:where(.og-root) :where([data-og-theme="light"]),:where( .og-light):where(.og-root),:where( .og-light):has(:where(.og-root)),:where(.og-root) :where( .og-light) {
-  --og-color-bg: oklch(0.978 0.003 260);
-  --og-color-surface-1: oklch(1 0 0);
-  --og-color-surface-2: oklch(0.962 0.004 260);
-  --og-color-surface-3: oklch(0.935 0.006 260);
-  --og-color-border: oklch(0.9 0.006 260);
-  --og-color-border-strong: oklch(0.8 0.01 260);
-  --og-color-fg: oklch(0.21 0.015 260);
-  --og-color-fg-muted: oklch(0.46 0.014 260);
-  --og-color-fg-subtle: oklch(0.5 0.012 260);
-  --og-color-accent: oklch(0.55 0.18 255);
-  --og-color-accent-strong: oklch(0.48 0.19 255);
-  --og-color-accent-deep: oklch(0.44 0.19 255);
-  --og-color-accent-fg: oklch(0.985 0.005 260);
-  --og-color-accent-soft: var(--og-color-accent);
-  --og-color-status-queued: oklch(0.55 0.03 260);
-  --og-color-status-running: oklch(0.48 0.13 80);
-  --og-color-status-idle: oklch(0.49 0.13 155);
-  --og-color-status-waiting: oklch(0.54 0.15 305);
-  --og-color-status-failed: oklch(0.5 0.19 22);
-  --og-color-status-cancelled: oklch(0.55 0.025 260);
-  --og-color-danger: oklch(0.54 0.2 22);
-  --og-color-diff-add-bg: var(--og-color-status-idle);
-  --og-color-diff-del-bg: var(--og-color-status-failed);
-  --og-shadow-sm: 0 1px 2px oklch(0.2 0.02 260 / 0.07);
-  --og-shadow-md: 0 2px 8px oklch(0.2 0.02 260 / 0.09), 0 1px 2px oklch(0.2 0.02 260 / 0.06);
-  --og-shadow-lg: 0 8px 28px oklch(0.2 0.02 260 / 0.13), 0 2px 8px oklch(0.2 0.02 260 / 0.07);
-  --og-shadow-glow: 0 0 20px var(--og-color-accent);
-  --og-session-chrome-surface: var(--og-color-surface-2);
-  --og-session-chrome-surface-open: var(--og-color-surface-2);
-  --og-session-chrome-border: var(--og-color-border);
-  --og-session-chrome-border-open: var(--og-color-border);
-  --og-session-chrome-highlight: var(--og-color-surface-3);
-  --og-session-chrome-highlight-ring: var(--og-color-fg);
-  --og-session-chrome-shadow: 0 4px 16px -10px oklch(0.2 0.02 260 / 0.14);
-  --og-session-chrome-shadow-open: 0 8px 22px -12px oklch(0.2 0.02 260 / 0.18);
-  --og-session-chrome-row-hover: var(--og-color-surface-3);
-  color-scheme: light;
-  --_og-color-scheme: light;
-}
-@supports (color: color-mix(in lab, red, red)) {
-  :where([data-og-theme="light"]):where(.og-root),:where([data-og-theme="light"]):has(:where(.og-root)),:where(.og-root) :where([data-og-theme="light"]),:where( .og-light):where(.og-root),:where( .og-light):has(:where(.og-root)),:where(.og-root) :where( .og-light) {
-    --og-color-accent-soft: color-mix(in oklch, var(--og-color-accent) 11%, transparent);
-    --og-color-diff-add-bg: color-mix(in oklch, var(--og-color-status-idle) 12%, transparent);
-    --og-color-diff-del-bg: color-mix(in oklch, var(--og-color-status-failed) 12%, transparent);
-    --og-shadow-glow: 0 0 20px color-mix(in oklch, var(--og-color-accent) 14%, transparent);
-    --og-session-chrome-surface: color-mix(in oklch, var(--og-color-surface-2) 88%, transparent);
-    --og-session-chrome-border: color-mix(in oklch, var(--og-color-border) 90%, transparent);
-    --og-session-chrome-highlight-ring: color-mix(in oklch, var(--og-color-fg) 12%, transparent);
-    --og-session-chrome-row-hover: color-mix(in oklch, var(--og-color-surface-3) 70%, transparent);
-  }
-}
-:where(.og-root),:where( [data-og-density="compact"]):where(.og-root),:where( [data-og-density="compact"]):has(:where(.og-root)),:where(.og-root) :where( [data-og-density="compact"]),:where( .og-density-compact):where(.og-root),:where( .og-density-compact):has(:where(.og-root)),:where(.og-root) :where( .og-density-compact),:where( [data-og-theme="light"]):where(.og-root),:where( [data-og-theme="light"]):has(:where(.og-root)),:where(.og-root) :where( [data-og-theme="light"]),:where( .og-light):where(.og-root),:where( .og-light):has(:where(.og-root)),:where(.og-root) :where( .og-light) {
-  --_og-duration-fast: var(--og-duration-fast, calc(120ms * var(--og-motion-inspect-scale)));
-  --_og-duration-base: var(--og-duration-base, calc(180ms * var(--og-motion-inspect-scale)));
-  --_og-duration-slow: var(--og-duration-slow, calc(320ms * var(--og-motion-inspect-scale)));
-  --_og-duration-disclose: var(--og-duration-disclose, calc(120ms * var(--og-motion-inspect-scale)));
-  --_og-duration-disclose-settle: var(--og-duration-disclose-settle, calc(820ms * var(--og-motion-inspect-scale)));
-  --_og-duration-stream: var(--og-duration-stream, calc(420ms * var(--og-motion-inspect-scale)));
-  --_og-duration-markdown-crystallize: var(--og-duration-markdown-crystallize, calc(480ms * var(--og-motion-inspect-scale)));
-  --_og-color-accent-soft: var(--og-color-accent-soft, var(--og-color-accent));
-  --_og-color-diff-add-bg: var(--og-color-diff-add-bg, var(--og-color-status-idle));
-  --_og-color-diff-del-bg: var(--og-color-diff-del-bg, var(--og-color-status-failed));
-  --_og-shadow-glow: var(--og-shadow-glow, 0 0 24px var(--og-color-accent));
-  --_og-session-chrome-surface: var(--og-session-chrome-surface, var(--og-color-surface-2));
-  --_og-session-chrome-surface-open: var(--og-session-chrome-surface-open, var(--og-color-surface-2));
-  --_og-session-chrome-border: var(--og-session-chrome-border, var(--og-color-border));
-  --_og-session-chrome-border-open: var(--og-session-chrome-border-open, var(--og-color-border));
-  --_og-session-chrome-highlight: var(--og-session-chrome-highlight, var(--og-color-surface-3));
-  --_og-session-chrome-highlight-ring: var(--og-session-chrome-highlight-ring, var(--og-color-fg));
-  --_og-session-chrome-radius: var(--og-session-chrome-radius, var(--og-radius-lg));
-  --_og-session-chrome-ease: var(--og-session-chrome-ease, var(--og-ease-out));
-  --_og-session-chrome-row-hover: var(--og-session-chrome-row-hover, var(--og-color-surface-3));
-}
-@keyframes og-expand {
-  from {
-    height: 0;
-    opacity: 0;
-  }
-  40% {
-    opacity: 0.25;
-  }
-  85% {
-    opacity: 1;
-  }
-  to {
-    height: var(--radix-collapsible-content-height);
-    opacity: 1;
-  }
-}
-@keyframes og-collapse {
-  from {
-    height: var(--radix-collapsible-content-height);
-    opacity: 1;
-  }
-  35% {
-    opacity: 0.7;
-  }
-  70% {
-    opacity: 0;
-  }
-  to {
-    height: 0;
-    opacity: 0;
-  }
-}
-@keyframes og-settle-chip {
-  from {
-    background-color: color-mix(in oklch, var(--color-og-surface-1, transparent) 55%, transparent);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-@keyframes og-stream-ink {
-  from {
-    opacity: 0.3;
-  }
-  to {
-    opacity: 1;
-  }
-}
-:where(.og-root).og-stream-ink,:where(.og-root) .og-stream-ink {
-  display: inline;
-  animation: og-stream-ink var(--_og-duration-stream) var(--og-ease-out) both;
-}
-@keyframes og-markdown-settle {
-  from {
-    opacity: 0.92;
-  }
-  to {
-    opacity: 1;
-  }
-}
-:where(.og-root).og-markdown-settle,:where(.og-root) .og-markdown-settle {
-  animation: var(--animate-og-markdown-settle);
-}
-@keyframes og-enter {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes og-row-enter {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-:where(.og-root).animate-og-row-enter,:where(.og-root) .animate-og-row-enter {
-  animation: var(--animate-og-row-enter);
-}
-@keyframes og-pulse {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.35;
-  }
-}
-@keyframes og-blink {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-  }
-}
-@keyframes og-shimmer {
-  from {
-    background-position: 200% center;
-  }
-  to {
-    background-position: -200% center;
-  }
-}
-@keyframes og-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes og-waveform {
-  0%, 100% {
-    transform: scaleY(0.28);
-    opacity: 0.45;
-  }
-  50% {
-    transform: scaleY(1);
-    opacity: 0.95;
-  }
-}
-@keyframes og-mh-draw {
-  from {
-    stroke-dashoffset: 1;
-  }
-  to {
-    stroke-dashoffset: 0;
-  }
-}
-:where(.og-root).og-mh-draw,:where(.og-root) .og-mh-draw {
-  stroke-dasharray: 1;
-  animation: og-mh-draw 900ms var(--og-ease-out) forwards;
-}
-@media (prefers-reduced-motion: reduce) {
-  :where(.og-root).og-mh-draw,:where(.og-root) .og-mh-draw {
-    animation: none;
-    stroke-dasharray: none;
-  }
-}
-:where(.og-root).og-shimmer-text,:where(.og-root) .og-shimmer-text {
-  background: linear-gradient( 90deg, var(--og-color-fg-subtle) 0%, var(--og-color-fg) 50%, var(--og-color-fg-subtle) 100% );
-  background-size: 200% auto;
-  background-clip: text;
-  -webkit-background-clip: text;
-  color: transparent;
-  animation: og-shimmer 2.2s linear infinite;
-}
-:where(.og-root) {
-  font-family: var(--og-font-sans);
-  font-feature-settings: var(--og-font-features);
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  color: var(--og-color-fg);
-}
-:is(.og-root.og-root, .og-root .og-root) :where( .text-og-xs, .text-og-sm, .text-og-base, .text-og-md, .text-og-control, .text-og-menu, .text-og-composer, .text-og-composer-wide ), :is( .og-root.text-og-xs, .og-root.text-og-sm, .og-root.text-og-base, .og-root.text-og-md, .og-root.text-og-control, .og-root.text-og-menu, .og-root.text-og-composer, .og-root.text-og-composer-wide ) {
-  font-size: var(--og-component-font-size);
-  line-height: var(--tw-leading, var(--og-component-line-height));
-}
-:where(.og-root) :where(*) {
-  scrollbar-width: thin;
-  scrollbar-color: var(--og-color-border-strong) transparent;
-}
-:where(.og-root)[data-radix-popper-content-wrapper]:has( > [data-machine-state-popover][data-state="closed"] ),:where(.og-root) [data-radix-popper-content-wrapper]:has( > [data-machine-state-popover][data-state="closed"] ) {
-  visibility: hidden;
-  pointer-events: none;
-}
-@media (prefers-reduced-motion: reduce) {
-  :where(.og-root) *,:where(.og-root) *::before,:where(.og-root) *::after,:where(.og-root) .og-shimmer-text,:where(.og-root)  .og-shimmer-text {
-    animation-duration: 0.001ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.001ms !important;
-    scroll-behavior: auto !important;
-  }
-  :where(.og-root) .og-stream-ink {
-    animation-delay: 0ms !important;
-  }
-}
-@media (max-width: 39.999rem) {
-  :where(.og-root).og-composer-footer:has([data-transcription-capturing]) .og-composer-controls > :not([data-transcription-capturing]),:where(.og-root) .og-composer-footer:has([data-transcription-capturing]) .og-composer-controls > :not([data-transcription-capturing]) {
-    display: none;
-  }
-  :where(.og-root).og-composer-footer:has([data-transcription-capturing]) .og-composer-actions,:where(.og-root) .og-composer-footer:has([data-transcription-capturing]) .og-composer-actions {
-    display: none;
-  }
-}
-@media (forced-colors: active) {
-  :where(.og-root) {
-    --og-color-bg: Canvas;
-    --og-color-surface-1: Canvas;
-    --og-color-surface-2: Canvas;
-    --og-color-surface-3: Canvas;
-    --og-color-border: CanvasText;
-    --og-color-border-strong: CanvasText;
-    --og-color-fg: CanvasText;
-    --og-color-fg-muted: CanvasText;
-    --og-color-fg-subtle: CanvasText;
-    --og-color-accent: CanvasText;
-    --og-color-accent-strong: CanvasText;
-    --og-color-accent-deep: CanvasText;
-    --og-color-accent-fg: CanvasText;
-    --og-color-accent-soft: Canvas;
-    --og-color-status-queued: CanvasText;
-    --og-color-status-running: CanvasText;
-    --og-color-status-idle: CanvasText;
-    --og-color-status-waiting: CanvasText;
-    --og-color-status-failed: CanvasText;
-    --og-color-status-cancelled: CanvasText;
-    --og-color-danger: CanvasText;
-    --og-color-diff-add-bg: Canvas;
-    --og-color-diff-del-bg: Canvas;
-    --og-shadow-sm: none;
-    --og-shadow-md: none;
-    --og-shadow-lg: none;
-    --og-shadow-glow: none;
-  }
-  :where(.og-root) [role="tab"][aria-selected="true"] {
-    outline: 2px solid Highlight;
-    outline-offset: -2px;
-  }
-}
-:where(.og-root).xterm .xterm-width-cache-measure-container,:where(.og-root) .xterm .xterm-width-cache-measure-container,:where(.og-root) .xterm-width-cache-measure-container,:where(.og-root)  .xterm-width-cache-measure-container,:where(.og-root) .xterm .xterm-char-measure-element,:where(.og-root)  .xterm .xterm-char-measure-element {
-  position: absolute !important;
-  top: 0;
-  left: 0;
-  visibility: hidden !important;
-  pointer-events: none !important;
-  z-index: -1 !important;
-}
 :where(.og-root).og-composer[data-og-responsive-basis="container"],:where(.og-root) .og-composer[data-og-responsive-basis="container"] {
   container: og-composer / inline-size;
   --_og-c-input-x: 1rem;