@opengeni/react 0.48.0 → 0.52.1

package/styles/compiled.css

@@ -472,6 +472,7 @@
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --blur-sm: 8px;
     --blur-md: 12px;
+    --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --color-og-surface-1: var(--og-color-surface-1);
@@ -555,9 +556,18 @@
 :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-3,:where(.og-root) .-right-3 {
     right: calc(var(--spacing) * -3);
   }
@@ -573,6 +583,9 @@
 :where(.og-root).bottom-0,:where(.og-root) .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+:where(.og-root).bottom-2,:where(.og-root) .bottom-2 {
+    bottom: calc(var(--spacing) * 2);
+  }
 :where(.og-root).bottom-4,:where(.og-root) .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
@@ -588,6 +601,12 @@
 :where(.og-root).left-1\/2,:where(.og-root) .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
+:where(.og-root).left-2,:where(.og-root) .left-2 {
+    left: calc(var(--spacing) * 2);
+  }
+:where(.og-root).z-0,:where(.og-root) .z-0 {
+    z-index: 0;
+  }
 :where(.og-root).z-10,:where(.og-root) .z-10 {
     z-index: 10;
   }
@@ -606,6 +625,12 @@
 :where(.og-root).z-\[1\],:where(.og-root) .z-\[1\] {
     z-index: 1;
   }
+:where(.og-root).z-\[75\],:where(.og-root) .z-\[75\] {
+    z-index: 75;
+  }
+:where(.og-root).z-\[80\],:where(.og-root) .z-\[80\] {
+    z-index: 80;
+  }
 :where(.og-root).z-\[100\],:where(.og-root) .z-\[100\] {
     z-index: 100;
   }
@@ -654,6 +679,9 @@
 :where(.og-root).m-0,:where(.og-root) .m-0 {
     margin: calc(var(--spacing) * 0);
   }
+:where(.og-root).m-auto,:where(.og-root) .m-auto {
+    margin: auto;
+  }
 :where(.og-root).-mx-1,:where(.og-root) .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -768,6 +796,9 @@
 :where(.og-root).ml-px,:where(.og-root) .ml-px {
     margin-left: 1px;
   }
+:where(.og-root).box-border,:where(.og-root) .box-border {
+    box-sizing: border-box;
+  }
 :where(.og-root).line-clamp-1,:where(.og-root) .line-clamp-1 {
     overflow: hidden;
     display: -webkit-box;
@@ -813,6 +844,9 @@
 :where(.og-root).table,:where(.og-root) .table {
     display: table;
   }
+:where(.og-root).aspect-video,:where(.og-root) .aspect-video {
+    aspect-ratio: var(--aspect-video);
+  }
 :where(.og-root).size-1,:where(.og-root) .size-1 {
     width: calc(var(--spacing) * 1);
     height: calc(var(--spacing) * 1);
@@ -841,6 +875,10 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+:where(.og-root).size-4\.5,:where(.og-root) .size-4\.5 {
+    width: calc(var(--spacing) * 4.5);
+    height: calc(var(--spacing) * 4.5);
+  }
 :where(.og-root).size-5,:where(.og-root) .size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
@@ -877,6 +915,10 @@
     width: 100%;
     height: 100%;
   }
+:where(.og-root).size-px,:where(.og-root) .size-px {
+    width: 1px;
+    height: 1px;
+  }
 :where(.og-root).h-1,:where(.og-root) .h-1 {
     height: calc(var(--spacing) * 1);
   }
@@ -886,6 +928,9 @@
 :where(.og-root).h-4,:where(.og-root) .h-4 {
     height: calc(var(--spacing) * 4);
   }
+:where(.og-root).h-5,:where(.og-root) .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
 :where(.og-root).h-6,:where(.og-root) .h-6 {
     height: calc(var(--spacing) * 6);
   }
@@ -937,6 +982,9 @@
 :where(.og-root).max-h-20,:where(.og-root) .max-h-20 {
     max-height: calc(var(--spacing) * 20);
   }
+:where(.og-root).max-h-28,:where(.og-root) .max-h-28 {
+    max-height: calc(var(--spacing) * 28);
+  }
 :where(.og-root).max-h-48,:where(.og-root) .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
@@ -952,6 +1000,9 @@
 :where(.og-root).max-h-80,:where(.og-root) .max-h-80 {
     max-height: calc(var(--spacing) * 80);
   }
+:where(.og-root).max-h-\[32rem\],:where(.og-root) .max-h-\[32rem\] {
+    max-height: 32rem;
+  }
 :where(.og-root).max-h-\[82vh\],:where(.og-root) .max-h-\[82vh\] {
     max-height: 82vh;
   }
@@ -970,6 +1021,9 @@
 :where(.og-root).max-h-\[min\(30rem\,60dvh\)\],:where(.og-root) .max-h-\[min\(30rem\,60dvh\)\] {
     max-height: min(30rem, 60dvh);
   }
+:where(.og-root).max-h-\[min\(32rem\,70vh\)\],:where(.og-root) .max-h-\[min\(32rem\,70vh\)\] {
+    max-height: min(32rem, 70vh);
+  }
 :where(.og-root).max-h-full,:where(.og-root) .max-h-full {
     max-height: 100%;
   }
@@ -985,12 +1039,21 @@
 :where(.og-root).min-h-9,:where(.og-root) .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
+:where(.og-root).min-h-10,:where(.og-root) .min-h-10 {
+    min-height: calc(var(--spacing) * 10);
+  }
 :where(.og-root).min-h-11,:where(.og-root) .min-h-11 {
     min-height: calc(var(--spacing) * 11);
   }
 :where(.og-root).min-h-14,:where(.og-root) .min-h-14 {
     min-height: calc(var(--spacing) * 14);
   }
+:where(.og-root).min-h-56,:where(.og-root) .min-h-56 {
+    min-height: calc(var(--spacing) * 56);
+  }
+:where(.og-root).min-h-72,:where(.og-root) .min-h-72 {
+    min-height: calc(var(--spacing) * 72);
+  }
 :where(.og-root).min-h-\[var\(--og-session-chrome-chip-min-height\)\],:where(.og-root) .min-h-\[var\(--og-session-chrome-chip-min-height\)\] {
     min-height: var(--og-session-chrome-chip-min-height);
   }
@@ -1012,9 +1075,15 @@
 :where(.og-root).w-3,:where(.og-root) .w-3 {
     width: calc(var(--spacing) * 3);
   }
+:where(.og-root).w-5,:where(.og-root) .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
 :where(.og-root).w-6,:where(.og-root) .w-6 {
     width: calc(var(--spacing) * 6);
   }
+:where(.og-root).w-7,:where(.og-root) .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
 :where(.og-root).w-11,:where(.og-root) .w-11 {
     width: calc(var(--spacing) * 11);
   }
@@ -1024,6 +1093,9 @@
 :where(.og-root).w-48,:where(.og-root) .w-48 {
     width: calc(var(--spacing) * 48);
   }
+:where(.og-root).w-64,:where(.og-root) .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
 :where(.og-root).w-72,:where(.og-root) .w-72 {
     width: calc(var(--spacing) * 72);
   }
@@ -1042,6 +1114,9 @@
 :where(.og-root).w-\[clamp\(12rem\,28\%\,15rem\)\],:where(.og-root) .w-\[clamp\(12rem\,28\%\,15rem\)\] {
     width: clamp(12rem, 28%, 15rem);
   }
+:where(.og-root).w-\[min\(25rem\,calc\(100vw-1\.5rem\)\)\],:where(.og-root) .w-\[min\(25rem\,calc\(100vw-1\.5rem\)\)\] {
+    width: min(25rem, calc(100vw - 1.5rem));
+  }
 :where(.og-root).w-\[min\(36rem\,calc\(100vw-2rem\)\)\],:where(.og-root) .w-\[min\(36rem\,calc\(100vw-2rem\)\)\] {
     width: min(36rem, calc(100vw - 2rem));
   }
@@ -1075,6 +1150,15 @@
 :where(.og-root).max-w-44,:where(.og-root) .max-w-44 {
     max-width: calc(var(--spacing) * 44);
   }
+:where(.og-root).max-w-48,:where(.og-root) .max-w-48 {
+    max-width: calc(var(--spacing) * 48);
+  }
+:where(.og-root).max-w-52,:where(.og-root) .max-w-52 {
+    max-width: calc(var(--spacing) * 52);
+  }
+:where(.og-root).max-w-56,:where(.og-root) .max-w-56 {
+    max-width: calc(var(--spacing) * 56);
+  }
 :where(.og-root).max-w-64,:where(.og-root) .max-w-64 {
     max-width: calc(var(--spacing) * 64);
   }
@@ -1123,6 +1207,15 @@
 :where(.og-root).min-w-0,:where(.og-root) .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
+:where(.og-root).min-w-11,:where(.og-root) .min-w-11 {
+    min-width: calc(var(--spacing) * 11);
+  }
+:where(.og-root).min-w-16,:where(.og-root) .min-w-16 {
+    min-width: calc(var(--spacing) * 16);
+  }
+:where(.og-root).min-w-24,:where(.og-root) .min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
 :where(.og-root).min-w-\[8rem\],:where(.og-root) .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1132,6 +1225,9 @@
 :where(.og-root).min-w-\[160px\],:where(.og-root) .min-w-\[160px\] {
     min-width: 160px;
   }
+:where(.og-root).min-w-full,:where(.og-root) .min-w-full {
+    min-width: 100%;
+  }
 :where(.og-root).flex-1,:where(.og-root) .flex-1 {
     flex: 1;
   }
@@ -1226,12 +1322,18 @@
 :where(.og-root).cursor-not-allowed,:where(.og-root) .cursor-not-allowed {
     cursor: not-allowed;
   }
+:where(.og-root).cursor-nwse-resize,:where(.og-root) .cursor-nwse-resize {
+    cursor: nwse-resize;
+  }
 :where(.og-root).cursor-pointer,:where(.og-root) .cursor-pointer {
     cursor: pointer;
   }
 :where(.og-root).cursor-row-resize,:where(.og-root) .cursor-row-resize {
     cursor: row-resize;
   }
+:where(.og-root).cursor-text,:where(.og-root) .cursor-text {
+    cursor: text;
+  }
 :where(.og-root).touch-none,:where(.og-root) .touch-none {
     touch-action: none;
   }
@@ -1340,6 +1442,13 @@
 :where(.og-root).gap-px,:where(.og-root) .gap-px {
     gap: 1px;
   }
+:where(.og-root).space-y-0\.5,:where(.og-root) .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
 :where(.og-root).space-y-1,:where(.og-root) .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1361,6 +1470,13 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+:where(.og-root).space-y-3,:where(.og-root) .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
 :where(.og-root).space-y-4,:where(.og-root) .space-y-4 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1462,6 +1578,9 @@
 :where(.og-root).rounded-md,:where(.og-root) .rounded-md {
     border-radius: var(--og-radius-md);
   }
+:where(.og-root).rounded-none,:where(.og-root) .rounded-none {
+    border-radius: 0;
+  }
 :where(.og-root).rounded-og-lg,:where(.og-root) .rounded-og-lg {
     border-radius: var(--og-radius-lg);
   }
@@ -1480,6 +1599,10 @@
 :where(.og-root).rounded-xl,:where(.og-root) .rounded-xl {
     border-radius: var(--og-radius-xl);
   }
+: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);
+  }
 :where(.og-root).rounded-l-og-md,:where(.og-root) .rounded-l-og-md {
     border-top-left-radius: var(--og-radius-md);
     border-bottom-left-radius: var(--og-radius-md);
@@ -1503,6 +1626,10 @@
     border-style: var(--tw-border-style);
     border-width: 0px;
   }
+:where(.og-root).border-2,:where(.og-root) .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
 :where(.og-root).border-t,:where(.og-root) .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -1515,6 +1642,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+:where(.og-root).border-b-0,:where(.og-root) .border-b-0 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
 :where(.og-root).border-l,:where(.og-root) .border-l {
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
@@ -1741,6 +1872,9 @@
       border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
     }
   }
+:where(.og-root).bg-black,:where(.og-root) .bg-black {
+    background-color: var(--color-black);
+  }
 :where(.og-root).bg-black\/5,:where(.og-root) .bg-black\/5 {
     background-color: color-mix(in srgb, #000 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1759,6 +1893,12 @@
       background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
     }
   }
+:where(.og-root).bg-black\/65,:where(.og-root) .bg-black\/65 {
+    background-color: color-mix(in srgb, #000 65%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
+    }
+  }
 :where(.og-root).bg-black\/90,:where(.og-root) .bg-black\/90 {
     background-color: color-mix(in srgb, #000 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1852,6 +1992,12 @@
 :where(.og-root).bg-og-status-failed,:where(.og-root) .bg-og-status-failed {
     background-color: var(--og-color-status-failed);
   }
+:where(.og-root).bg-og-status-failed\/5,:where(.og-root) .bg-og-status-failed\/5 {
+    background-color: var(--og-color-status-failed);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-status-failed) 5%, transparent);
+    }
+  }
 :where(.og-root).bg-og-status-failed\/8,:where(.og-root) .bg-og-status-failed\/8 {
     background-color: var(--og-color-status-failed);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1909,12 +2055,6 @@
       background-color: color-mix(in oklab, var(--og-color-status-running) 10%, transparent);
     }
   }
-:where(.og-root).bg-og-status-running\/20,:where(.og-root) .bg-og-status-running\/20 {
-    background-color: var(--og-color-status-running);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--og-color-status-running) 20%, transparent);
-    }
-  }
 :where(.og-root).bg-og-status-waiting,:where(.og-root) .bg-og-status-waiting {
     background-color: var(--og-color-status-waiting);
   }
@@ -1978,6 +2118,12 @@
       background-color: color-mix(in oklab, var(--og-color-surface-2) 40%, 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)) {
+      background-color: color-mix(in oklab, var(--og-color-surface-2) 60%, transparent);
+    }
+  }
 :where(.og-root).bg-og-surface-2\/70,:where(.og-root) .bg-og-surface-2\/70 {
     background-color: var(--og-color-surface-2);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1993,6 +2139,12 @@
       background-color: color-mix(in oklab, var(--og-color-surface-3) 50%, transparent);
     }
   }
+:where(.og-root).bg-og-surface-3\/60,:where(.og-root) .bg-og-surface-3\/60 {
+    background-color: var(--og-color-surface-3);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-surface-3) 60%, transparent);
+    }
+  }
 :where(.og-root).bg-og-surface-3\/70,:where(.og-root) .bg-og-surface-3\/70 {
     background-color: var(--og-color-surface-3);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2056,6 +2208,9 @@
 :where(.og-root).bg-transparent,:where(.og-root) .bg-transparent {
     background-color: transparent;
   }
+:where(.og-root).bg-white,:where(.og-root) .bg-white {
+    background-color: var(--color-white);
+  }
 :where(.og-root).bg-gradient-to-t,:where(.og-root) .bg-gradient-to-t {
     --tw-gradient-position: to top in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2127,6 +2282,9 @@
 :where(.og-root).p-6,:where(.og-root) .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+:where(.og-root).p-8,:where(.og-root) .p-8 {
+    padding: calc(var(--spacing) * 8);
+  }
 :where(.og-root).p-\[var\(--og-model-picker-menu-padding\)\],:where(.og-root) .p-\[var\(--og-model-picker-menu-padding\)\] {
     padding: var(--og-model-picker-menu-padding);
   }
@@ -2406,6 +2564,10 @@
     --tw-tracking: 0.08em;
     letter-spacing: 0.08em;
   }
+:where(.og-root).tracking-\[0\.12em\],:where(.og-root) .tracking-\[0\.12em\] {
+    --tw-tracking: 0.12em;
+    letter-spacing: 0.12em;
+  }
 :where(.og-root).tracking-\[0\.25em\],:where(.og-root) .tracking-\[0\.25em\] {
     --tw-tracking: 0.25em;
     letter-spacing: 0.25em;
@@ -2543,6 +2705,12 @@
       color: color-mix(in oklab, var(--color-white) 70%, transparent);
     }
   }
+:where(.og-root).text-white\/80,:where(.og-root) .text-white\/80 {
+    color: color-mix(in srgb, #fff 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    }
+  }
 :where(.og-root).capitalize,:where(.og-root) .capitalize {
     text-transform: capitalize;
   }
@@ -2569,6 +2737,9 @@
 :where(.og-root).underline,:where(.og-root) .underline {
     text-decoration-line: underline;
   }
+:where(.og-root).decoration-og-border,:where(.og-root) .decoration-og-border {
+    text-decoration-color: var(--og-color-border);
+  }
 :where(.og-root).decoration-og-border-strong,:where(.og-root) .decoration-og-border-strong {
     text-decoration-color: var(--og-color-border-strong);
   }
@@ -2624,6 +2795,10 @@
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
   }
+:where(.og-root).shadow-none,:where(.og-root) .shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
 :where(.og-root).shadow-og-glow,:where(.og-root) .shadow-og-glow {
     --tw-shadow: var(--_og-shadow-glow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3228,6 +3403,14 @@
       }
     }
   }
+:where(.og-root).focus-within\:border-og-accent\/60,:where(.og-root) .focus-within\:border-og-accent\/60 {
+    &:focus-within {
+      border-color: var(--og-color-accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--og-color-accent) 60%, transparent);
+      }
+    }
+  }
 :where(.og-root).focus-within\:opacity-100,:where(.og-root) .focus-within\:opacity-100 {
     &:focus-within {
       opacity: 100%;
@@ -3623,12 +3806,28 @@
       color: var(--color-fg);
     }
   }
+:where(.og-root).focus\:opacity-100,:where(.og-root) .focus\:opacity-100 {
+    &:focus {
+      opacity: 100%;
+    }
+  }
+:where(.og-root).focus\:ring-1,:where(.og-root) .focus\:ring-1 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
 :where(.og-root).focus\:ring-2,:where(.og-root) .focus\:ring-2 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+:where(.og-root).focus\:ring-og-accent,:where(.og-root) .focus\:ring-og-accent {
+    &:focus {
+      --tw-ring-color: var(--og-color-accent);
+    }
+  }
 :where(.og-root).focus\:ring-og-accent-soft,:where(.og-root) .focus\:ring-og-accent-soft {
     &:focus {
       --tw-ring-color: var(--_og-color-accent-soft);
@@ -3718,6 +3917,11 @@
       }
     }
   }
+:where(.og-root).focus-visible\:ring-og-status-waiting,:where(.og-root) .focus-visible\:ring-og-status-waiting {
+    &:focus-visible {
+      --tw-ring-color: var(--og-color-status-waiting);
+    }
+  }
 :where(.og-root).focus-visible\:ring-ring\/40,:where(.og-root) .focus-visible\:ring-ring\/40 {
     &:focus-visible {
       --tw-ring-color: var(--color-brand);
@@ -3797,6 +4001,16 @@
       color: var(--og-color-fg-subtle);
     }
   }
+:where(.og-root).disabled\:opacity-30,:where(.og-root) .disabled\:opacity-30 {
+    &:disabled {
+      opacity: 30%;
+    }
+  }
+:where(.og-root).disabled\:opacity-35,:where(.og-root) .disabled\:opacity-35 {
+    &:disabled {
+      opacity: 35%;
+    }
+  }
 :where(.og-root).disabled\:opacity-40,:where(.og-root) .disabled\:opacity-40 {
     &:disabled {
       opacity: 40%;
@@ -4305,6 +4519,11 @@
       padding-inline: calc(var(--spacing) * 3);
     }
   }
+:where(.og-root).sm\:px-4,:where(.og-root) .sm\:px-4 {
+    @media (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
 :where(.og-root).sm\:px-6,:where(.og-root) .sm\:px-6 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 6);
@@ -4591,15 +4810,15 @@
 }
 @supports (color: color-mix(in lab, red, red)) {
   :where(.og-root) {
-    --og-color-accent-soft: color-mix(in oklch, var(--og-color-accent) 16%, transparent);
-    --og-color-diff-add-bg: color-mix(in oklch, var(--og-color-status-idle) 14%, transparent);
-    --og-color-diff-del-bg: color-mix(in oklch, var(--og-color-status-failed) 14%, transparent);
-    --og-shadow-glow: 0 0 24px color-mix(in oklch, var(--og-color-accent) 18%, transparent);
-    --og-session-chrome-surface: color-mix(in oklch, var(--og-color-surface-2) 82%, transparent);
-    --og-session-chrome-surface-open: color-mix(in oklch, var(--og-color-surface-2) 92%, transparent);
-    --og-session-chrome-border: color-mix(in oklch, var(--og-color-border) 85%, transparent);
-    --og-session-chrome-highlight-ring: color-mix(in oklch, var(--og-color-fg) 16%, transparent);
-    --og-session-chrome-row-hover: color-mix(in oklch, var(--og-color-surface-3) 55%, transparent);
+    --_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) {
@@ -4879,6 +5098,14 @@
     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;
@@ -5036,6 +5263,12 @@
   :where(.og-root)[data-og-responsive-basis="container"] .og-realtime-control[data-model-menu="split-desktop"] .og-realtime-model-trigger,:where(.og-root) [data-og-responsive-basis="container"] .og-realtime-control[data-model-menu="split-desktop"] .og-realtime-model-trigger {
     display: none;
   }
+  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-capturing]) .og-composer-controls > :not([data-transcription-capturing]),:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-capturing]) .og-composer-controls > :not([data-transcription-capturing]) {
+    display: none;
+  }
+  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-capturing]) .og-composer-actions,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-capturing]) .og-composer-actions {
+    display: none;
+  }
 }
 @container og-composer (max-width: 24.999rem) {
   :where(.og-root).og-composer[data-og-responsive-basis="container"] .og-composer-resume-label-long,:where(.og-root) .og-composer[data-og-responsive-basis="container"] .og-composer-resume-label-long {

package/styles/index.css

@@ -475,6 +475,21 @@
   }
 }
 
+/* A phone footer cannot fit capture chrome beside model, realtime, Pause, and
+   Send controls. While voice input owns the microphone, reserve the row for its
+   Cancel/Stop actions so unrelated Pause chrome cannot masquerade as Stop. */
+@media (max-width: 39.999rem) {
+  .og-composer-footer:has([data-transcription-capturing])
+    .og-composer-controls
+    > :not([data-transcription-capturing]) {
+    display: none;
+  }
+
+  .og-composer-footer:has([data-transcription-capturing]) .og-composer-actions {
+    display: none;
+  }
+}
+
 @media (forced-colors: active) {
   /* Forced-colors can replace a painted background with Canvas while custom
      properties retain their authored dark/light values. That combination is

package/styles/responsive.css

@@ -147,6 +147,19 @@
     .og-realtime-model-trigger {
     display: none;
   }
+
+  [data-og-responsive-basis="container"]
+    .og-composer-footer:has([data-transcription-capturing])
+    .og-composer-controls
+    > :not([data-transcription-capturing]) {
+    display: none;
+  }
+
+  [data-og-responsive-basis="container"]
+    .og-composer-footer:has([data-transcription-capturing])
+    .og-composer-actions {
+    display: none;
+  }
 }
 
 @container og-composer (max-width: 24.999rem) {
@@ -193,4 +206,3 @@
   );
   max-width: calc(100vw - 1rem);
 }
-

package/dist/chunk-EKZH6IDG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/session-context.ts"],"sourcesContent":["import type { StreamConnectionState, WorkspaceControlEvent } from \"@opengeni/sdk\";\nimport { createContext, useContext } from \"react\";\nimport type {\n  EmbeddedFileAttachmentClientLike,\n  EmbeddedGoalClientLike,\n  EmbeddedHumanInputSessionClientLike,\n  EmbeddedRealtimeSessionClientLike,\n  EmbeddedSessionClientLike,\n  EmbeddedSessionLineageClientLike,\n  EmbeddedSessionMcpApprovalPolicyClientLike,\n  EmbeddedSessionReadClientLike,\n  SessionClientLike,\n} from \"./client\";\n\nexport type OpenGeniContextValue = {\n  client: SessionClientLike;\n  workspaceId: string;\n  workspaceControlEvent: WorkspaceControlEvent | null;\n  workspaceControlConnectionState: StreamConnectionState | \"idle\" | \"error\";\n  registerSessionReconciler: (\n    sessionId: string,\n    key: string,\n    reconcile: () => Promise<void>,\n  ) => () => void;\n  reconcileSession: (sessionId: string) => Promise<void>;\n};\n\nexport const OpenGeniContext = createContext<OpenGeniContextValue | null>(null);\n\nconst NOOP_REGISTER_RECONCILER: OpenGeniContextValue[\"registerSessionReconciler\"] = () => () =>\n  undefined;\nconst NOOP_RECONCILE_SESSION: OpenGeniContextValue[\"reconcileSession\"] = async () => undefined;\n\nexport type ClientOverride = {\n  client?: SessionClientLike | undefined;\n  workspaceId?: string | undefined;\n};\n\nexport type EmbeddedSessionClientOverride = {\n  client?: EmbeddedSessionClientLike | undefined;\n  workspaceId?: string | undefined;\n};\n\nexport type EmbeddedHumanInputClientOverride = {\n  client?: EmbeddedHumanInputSessionClientLike | undefined;\n  workspaceId?: string | undefined;\n};\n\nexport type EmbeddedSessionMcpApprovalPolicyClientOverride = {\n  client?: EmbeddedSessionMcpApprovalPolicyClientLike | undefined;\n  workspaceId?: string | undefined;\n};\n\nexport type EmbeddedSessionReadClientOverride = {\n  client?: EmbeddedSessionReadClientLike | undefined;\n  workspaceId?: string | undefined;\n};\n\nexport type EmbeddedRealtimeSessionClientOverride = {\n  client?: EmbeddedRealtimeSessionClientLike | undefined;\n  workspaceId?: string | undefined;\n};\n\nexport type EmbeddedGoalClientOverride = {\n  client?: EmbeddedGoalClientLike | undefined;\n  workspaceId?: string | undefined;\n};\n\nexport type EmbeddedSessionLineageClientOverride = {\n  client?: EmbeddedSessionLineageClientLike | undefined;\n  workspaceId?: string | undefined;\n};\n\nexport type EmbeddedFileAttachmentClientOverride = {\n  client?: EmbeddedFileAttachmentClientLike | undefined;\n  workspaceId?: string | undefined;\n};\n\nexport type EmbeddedSessionContextValue = Omit<OpenGeniContextValue, \"client\"> & {\n  client: EmbeddedSessionClientLike;\n};\n\ntype EmbeddedClientOverride<TClient> = {\n  client?: TClient | undefined;\n  workspaceId?: string | undefined;\n};\n\ntype EmbeddedClientContextValue<TClient> = Omit<OpenGeniContextValue, \"client\"> & {\n  client: TClient;\n};\n\nfunction useEmbeddedClientRefinement<TClient extends object>(\n  override: EmbeddedClientOverride<TClient>,\n  requiredMethods: readonly string[],\n  hookName: string,\n): EmbeddedClientContextValue<TClient> {\n  const context = useContext(OpenGeniContext);\n  const candidate = override.client ?? context?.client;\n  const workspaceId = override.workspaceId ?? context?.workspaceId;\n  if (!candidate || !workspaceId) {\n    throw new Error(\n      \"@opengeni/react: no OpenGeni client/workspace available. Wrap the tree in <OpenGeniProvider> or pass { client, workspaceId } to the hook.\",\n    );\n  }\n  const methods = candidate as Record<string, unknown>;\n  const missing = requiredMethods.filter((method) => typeof methods[method] !== \"function\");\n  if (missing.length > 0) {\n    throw new Error(\n      `@opengeni/react: ${hookName} requires client method${missing.length === 1 ? \"\" : \"s\"} ${missing.join(\", \")}.`,\n    );\n  }\n  return {\n    client: candidate as TClient,\n    workspaceId,\n    workspaceControlEvent: context?.workspaceControlEvent ?? null,\n    workspaceControlConnectionState: context?.workspaceControlConnectionState ?? \"idle\",\n    registerSessionReconciler: context?.registerSessionReconciler ?? NOOP_REGISTER_RECONCILER,\n    reconcileSession: context?.reconcileSession ?? NOOP_RECONCILE_SESSION,\n  };\n}\n\nfunction eventClientMethods(override: object, directMethods: readonly string[]): readonly string[] {\n  const hasSharedEventFeed =\n    \"events\" in override && (override as { events?: unknown }).events !== undefined;\n  return hasSharedEventFeed ? directMethods : [\"getSession\", \"streamEvents\", ...directMethods];\n}\n\n/** Resolve client + workspace from explicit overrides or the provider. */\nexport function useOpenGeni(override: ClientOverride = {}): OpenGeniContextValue {\n  const context = useContext(OpenGeniContext);\n  const client = override.client ?? context?.client;\n  const workspaceId = override.workspaceId ?? context?.workspaceId;\n  if (!client || !workspaceId) {\n    throw new Error(\n      \"@opengeni/react: no OpenGeni client/workspace available. Wrap the tree in <OpenGeniProvider> or pass { client, workspaceId } to the hook.\",\n    );\n  }\n  return {\n    client,\n    workspaceId,\n    workspaceControlEvent: context?.workspaceControlEvent ?? null,\n    workspaceControlConnectionState: context?.workspaceControlConnectionState ?? \"idle\",\n    registerSessionReconciler: context?.registerSessionReconciler ?? NOOP_REGISTER_RECONCILER,\n    reconcileSession: context?.reconcileSession ?? NOOP_RECONCILE_SESSION,\n  };\n}\n\n/**\n * Resolve the narrow client required by the session-only hooks. The full\n * provider client is structurally compatible, while an explicit host proxy\n * only needs to expose session/event/composer/queue/control operations.\n */\nexport function useEmbeddedSession(\n  override: EmbeddedSessionClientOverride = {},\n): EmbeddedSessionContextValue {\n  return useEmbeddedClientRefinement(\n    override,\n    [\n      \"getSession\",\n      \"listEvents\",\n      \"streamEvents\",\n      \"getComposerDraft\",\n      \"saveComposerDraft\",\n      \"sendMessage\",\n      \"steerMessage\",\n      \"getQueue\",\n      \"moveQueueItem\",\n      \"editQueueItem\",\n      \"steerQueueItem\",\n      \"deleteQueueItem\",\n      \"pauseSession\",\n      \"resumeSession\",\n      \"sendApprovalDecision\",\n    ],\n    \"session hooks\",\n  );\n}\n\n/** Resolve the exact client surface required by `useSession`. */\nexport function useEmbeddedSessionRead(\n  override: EmbeddedSessionReadClientOverride = {},\n): EmbeddedClientContextValue<EmbeddedSessionReadClientLike> {\n  return useEmbeddedClientRefinement(\n    override,\n    eventClientMethods(override, [\"getSession\", \"updateSession\"]),\n    \"useSession\",\n  );\n}\n\n/** Resolve the exact client surface required by `useGoal`. */\nexport function useEmbeddedGoal(\n  override: EmbeddedGoalClientOverride = {},\n): EmbeddedClientContextValue<EmbeddedGoalClientLike> {\n  return useEmbeddedClientRefinement(\n    override,\n    eventClientMethods(override, [\"getGoal\", \"updateGoal\", \"deleteGoal\"]),\n    \"useGoal\",\n  );\n}\n\n/** Resolve the exact client surface required by `useSessionLineage`. */\nexport function useEmbeddedSessionLineage(\n  override: EmbeddedSessionLineageClientOverride = {},\n): EmbeddedClientContextValue<EmbeddedSessionLineageClientLike> {\n  return useEmbeddedClientRefinement(\n    override,\n    eventClientMethods(override, [\"getSessionLineage\"]),\n    \"useSessionLineage\",\n  );\n}\n\n/** Resolve the exact client surface required by `useFileAttachments`. */\nexport function useEmbeddedFileAttachments(\n  override: EmbeddedFileAttachmentClientOverride = {},\n): EmbeddedClientContextValue<EmbeddedFileAttachmentClientLike> {\n  return useEmbeddedClientRefinement(override, [\"uploadFile\"], \"useFileAttachments\");\n}\n\n/**\n * Resolve the structured-input refinement without widening the baseline\n * session-only proxy contract.\n */\nexport function useEmbeddedHumanInputSession(override: EmbeddedHumanInputClientOverride = {}): Omit<\n  EmbeddedSessionContextValue,\n  \"client\"\n> & {\n  client: EmbeddedHumanInputSessionClientLike;\n} {\n  return useEmbeddedClientRefinement(\n    override,\n    eventClientMethods(override, [\"listHumanInputRequests\", \"submitHumanInputResponse\"]),\n    \"useHumanInputRequests\",\n  );\n}\n\n/** Resolve the approval-policy refinement without widening session-only hosts. */\nexport function useEmbeddedSessionMcpApprovalPolicy(\n  override: EmbeddedSessionMcpApprovalPolicyClientOverride = {},\n): Omit<EmbeddedSessionContextValue, \"client\"> & {\n  client: EmbeddedSessionMcpApprovalPolicyClientLike;\n} {\n  return useEmbeddedClientRefinement(\n    override,\n    eventClientMethods(override, [\"getSession\", \"updateSessionMcpApprovalPolicy\"]),\n    \"useSessionMcpApprovalPolicy\",\n  );\n}\n\n/** Resolve the exact browser/API surface required by `@opengeni/react/realtime`. */\nexport function useEmbeddedRealtimeSession(\n  override: EmbeddedRealtimeSessionClientOverride = {},\n): EmbeddedClientContextValue<EmbeddedRealtimeSessionClientLike> {\n  // Preserve the existing lazy capability behavior: proxy/test clients may\n  // implement only the methods reached by their selected model and lifecycle.\n  // The exported structural type remains the complete embedding contract.\n  return useEmbeddedClientRefinement(override, [], \"realtime hooks\");\n}\n\n/**\n * Resolve the client only — for hooks that are not workspace-scoped\n * (`useWorkspaces`, `useBillingUsage`).\n */\nexport function useOpenGeniClient(\n  override: Pick<ClientOverride, \"client\"> = {},\n): SessionClientLike {\n  const context = useContext(OpenGeniContext);\n  const client = override.client ?? context?.client;\n  if (!client) {\n    throw new Error(\n      \"@opengeni/react: no OpenGeni client available. Wrap the tree in <OpenGeniProvider> or pass { client } to the hook.\",\n    );\n  }\n  return client;\n}\n"],"mappings":";AACA,SAAS,eAAe,kBAAkB;AA0BnC,IAAM,kBAAkB,cAA2C,IAAI;AAE9E,IAAM,2BAA8E,MAAM,MACxF;AACF,IAAM,yBAAmE,YAAY;AA4DrF,SAAS,4BACP,UACA,iBACA,UACqC;AACrC,QAAM,UAAU,WAAW,eAAe;AAC1C,QAAM,YAAY,SAAS,UAAU,SAAS;AAC9C,QAAM,cAAc,SAAS,eAAe,SAAS;AACrD,MAAI,CAAC,aAAa,CAAC,aAAa;AAC9B,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,UAAU;AAChB,QAAM,UAAU,gBAAgB,OAAO,CAAC,WAAW,OAAO,QAAQ,MAAM,MAAM,UAAU;AACxF,MAAI,QAAQ,SAAS,GAAG;AACtB,UAAM,IAAI;AAAA,MACR,oBAAoB,QAAQ,0BAA0B,QAAQ,WAAW,IAAI,KAAK,GAAG,IAAI,QAAQ,KAAK,IAAI,CAAC;AAAA,IAC7G;AAAA,EACF;AACA,SAAO;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,IACA,uBAAuB,SAAS,yBAAyB;AAAA,IACzD,iCAAiC,SAAS,mCAAmC;AAAA,IAC7E,2BAA2B,SAAS,6BAA6B;AAAA,IACjE,kBAAkB,SAAS,oBAAoB;AAAA,EACjD;AACF;AAEA,SAAS,mBAAmB,UAAkB,eAAqD;AACjG,QAAM,qBACJ,YAAY,YAAa,SAAkC,WAAW;AACxE,SAAO,qBAAqB,gBAAgB,CAAC,cAAc,gBAAgB,GAAG,aAAa;AAC7F;AAGO,SAAS,YAAY,WAA2B,CAAC,GAAyB;AAC/E,QAAM,UAAU,WAAW,eAAe;AAC1C,QAAM,SAAS,SAAS,UAAU,SAAS;AAC3C,QAAM,cAAc,SAAS,eAAe,SAAS;AACrD,MAAI,CAAC,UAAU,CAAC,aAAa;AAC3B,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,uBAAuB,SAAS,yBAAyB;AAAA,IACzD,iCAAiC,SAAS,mCAAmC;AAAA,IAC7E,2BAA2B,SAAS,6BAA6B;AAAA,IACjE,kBAAkB,SAAS,oBAAoB;AAAA,EACjD;AACF;AAOO,SAAS,mBACd,WAA0C,CAAC,GACd;AAC7B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;AAGO,SAAS,uBACd,WAA8C,CAAC,GACY;AAC3D,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB,UAAU,CAAC,cAAc,eAAe,CAAC;AAAA,IAC5D;AAAA,EACF;AACF;AAGO,SAAS,gBACd,WAAuC,CAAC,GACY;AACpD,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB,UAAU,CAAC,WAAW,cAAc,YAAY,CAAC;AAAA,IACpE;AAAA,EACF;AACF;AAGO,SAAS,0BACd,WAAiD,CAAC,GACY;AAC9D,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB,UAAU,CAAC,mBAAmB,CAAC;AAAA,IAClD;AAAA,EACF;AACF;AAGO,SAAS,2BACd,WAAiD,CAAC,GACY;AAC9D,SAAO,4BAA4B,UAAU,CAAC,YAAY,GAAG,oBAAoB;AACnF;AAMO,SAAS,6BAA6B,WAA6C,CAAC,GAKzF;AACA,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB,UAAU,CAAC,0BAA0B,0BAA0B,CAAC;AAAA,IACnF;AAAA,EACF;AACF;AAGO,SAAS,oCACd,WAA2D,CAAC,GAG5D;AACA,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB,UAAU,CAAC,cAAc,gCAAgC,CAAC;AAAA,IAC7E;AAAA,EACF;AACF;AAGO,SAAS,2BACd,WAAkD,CAAC,GACY;AAI/D,SAAO,4BAA4B,UAAU,CAAC,GAAG,gBAAgB;AACnE;AAMO,SAAS,kBACd,WAA2C,CAAC,GACzB;AACnB,QAAM,UAAU,WAAW,eAAe;AAC1C,QAAM,SAAS,SAAS,UAAU,SAAS;AAC3C,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;","names":[]}