@opengeni/react 1.4.0 → 1.4.2

package/styles/compiled.css

@@ -888,7 +888,7 @@
 }
 :where(.og-root).og-session-capability-setup label,:where(.og-root) .og-session-capability-setup label {
   display: flex;
-  align-items: start;
+  align-items: flex-start;
   gap: 8px;
   line-height: 1.6;
 }
@@ -1233,6 +1233,34 @@
   :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;
   }
+  :where(.og-root).og-composer-footer:has([data-transcription-attention]) .og-composer-controls > :not([data-transcription-attention]),:where(.og-root) .og-composer-footer:has([data-transcription-attention]) .og-composer-controls > :not([data-transcription-attention]) {
+    display: none;
+  }
+  :where(.og-root).og-composer-footer:has([data-transcription-attention]) .og-composer-actions > :not(:is([data-analytics-action], :has([data-analytics-action]))),:where(.og-root) .og-composer-footer:has([data-transcription-attention]) .og-composer-actions > :not(:is([data-analytics-action], :has([data-analytics-action]))) {
+    display: none;
+  }
+  :where(.og-root).og-composer-footer [data-transcription-attention] :is(.og-transcription-recovered-label, .og-transcription-error-label),:where(.og-root) .og-composer-footer [data-transcription-attention] :is(.og-transcription-recovered-label, .og-transcription-error-label) {
+    max-width: min(15rem, 52vw);
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    line-height: 1.2;
+  }
+  :where(.og-root).og-composer-footer:has([data-realtime-attention]) .og-composer-controls,:where(.og-root) .og-composer-footer:has([data-realtime-attention]) .og-composer-controls {
+    display: none;
+  }
+  :where(.og-root).og-composer-footer:has([data-realtime-attention]) .og-composer-actions,:where(.og-root) .og-composer-footer:has([data-realtime-attention]) .og-composer-actions,:where(.og-root) .og-composer-footer .og-realtime-control:has([data-realtime-attention]),:where(.og-root)  .og-composer-footer .og-realtime-control:has([data-realtime-attention]),:where(.og-root) .og-composer-footer [data-realtime-attention],:where(.og-root)  .og-composer-footer [data-realtime-attention] {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+  :where(.og-root).og-composer-footer:has([data-realtime-attention]) .og-composer-actions > :not(:has([data-realtime-attention])),:where(.og-root) .og-composer-footer:has([data-realtime-attention]) .og-composer-actions > :not(:has([data-realtime-attention])) {
+    flex-shrink: 0;
+  }
+  :where(.og-root).og-composer-footer [data-realtime-attention] .og-realtime-failure-label,:where(.og-root) .og-composer-footer [data-realtime-attention] .og-realtime-failure-label {
+    max-width: none;
+    -webkit-line-clamp: 3;
+  }
 }
 @media (forced-colors: active) {
   :where(.og-root) {
@@ -2383,6 +2411,9 @@
 :where(.og-root).min-w-24,:where(.og-root) .min-w-24 {
     min-width: calc(var(--spacing) * 24);
   }
+:where(.og-root).min-w-\[2\.25rem\],:where(.og-root) .min-w-\[2\.25rem\] {
+    min-width: 2.25rem;
+  }
 :where(.og-root).min-w-\[8rem\],:where(.og-root) .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -5826,14 +5857,9 @@
       height: calc(var(--spacing) * 11);
     }
   }
-:where(.og-root).max-sm\:max-w-24,:where(.og-root) .max-sm\:max-w-24 {
-    @media (width < 40rem) {
-      max-width: calc(var(--spacing) * 24);
-    }
-  }
-:where(.og-root).max-sm\:max-w-28,:where(.og-root) .max-sm\:max-w-28 {
+:where(.og-root).max-sm\:max-w-32,:where(.og-root) .max-sm\:max-w-32 {
     @media (width < 40rem) {
-      max-width: calc(var(--spacing) * 28);
+      max-width: calc(var(--spacing) * 32);
     }
   }
 :where(.og-root).max-sm\:max-w-\[7\.5rem\],:where(.og-root) .max-sm\:max-w-\[7\.5rem\] {
@@ -6447,6 +6473,12 @@
       color: var(--og-color-fg-muted);
     }
   }
+:where(.og-root).\[\&_tr\:last-child\>td\]\:border-b-0,:where(.og-root) .\[\&_tr\:last-child\>td\]\:border-b-0 {
+    & tr:last-child>td {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
 :where(.og-root).\[\&\+section\]\:mt-1\.5,:where(.og-root) .\[\&\+section\]\:mt-1\.5 {
     &+section {
       margin-top: calc(var(--spacing) * 1.5);
@@ -6589,12 +6621,6 @@
       min-width: calc(var(--spacing) * 11);
     }
   }
-:where(.og-root).\[tr\:last-child\>\&\]\:border-b-0,:where(.og-root) .\[tr\:last-child\>\&\]\:border-b-0 {
-    tr:last-child>& {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0px;
-    }
-  }
 :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;
@@ -6608,8 +6634,8 @@
   --_og-c-model-max: 16rem;
   --_og-c-model-x: 0.625rem;
   --_og-c-native-max: 180px;
-  --_og-c-recovered-max: 11rem;
-  --_og-c-error-max: 10rem;
+  --_og-c-recovered-max: 14rem;
+  --_og-c-error-max: 14rem;
   --og-model-policy-label-full-display: inline;
   --og-model-policy-label-short-display: none;
   --og-model-policy-effort-display: inline;
@@ -6690,8 +6716,8 @@
     --_og-c-model-max: 7.5rem;
     --_og-c-model-x: 0.5rem;
     --_og-c-native-max: 7.5rem;
-    --_og-c-recovered-max: 7rem;
-    --_og-c-error-max: 6rem;
+    --_og-c-recovered-max: 8rem;
+    --_og-c-error-max: 8rem;
     --og-model-policy-label-full-display: none;
     --og-model-policy-label-short-display: inline;
     --og-model-policy-effort-display: none;
@@ -6715,6 +6741,34 @@
   :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;
   }
+  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-attention]) .og-composer-controls > :not([data-transcription-attention]),:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-attention]) .og-composer-controls > :not([data-transcription-attention]) {
+    display: none;
+  }
+  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-attention]) .og-composer-actions > :not(:is([data-analytics-action], :has([data-analytics-action]))),:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer:has([data-transcription-attention]) .og-composer-actions > :not(:is([data-analytics-action], :has([data-analytics-action]))) {
+    display: none;
+  }
+  :where(.og-root)[data-og-responsive-basis="container"] [data-transcription-attention] :is(.og-transcription-recovered-label, .og-transcription-error-label),:where(.og-root) [data-og-responsive-basis="container"] [data-transcription-attention] :is(.og-transcription-recovered-label, .og-transcription-error-label) {
+    max-width: 15rem;
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    line-height: 1.2;
+  }
+  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer:has([data-realtime-attention]) .og-composer-controls,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer:has([data-realtime-attention]) .og-composer-controls {
+    display: none;
+  }
+  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer:has([data-realtime-attention]) .og-composer-actions,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer:has([data-realtime-attention]) .og-composer-actions,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer .og-realtime-control:has([data-realtime-attention]),:where(.og-root)  [data-og-responsive-basis="container"] .og-composer-footer .og-realtime-control:has([data-realtime-attention]),:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer [data-realtime-attention],:where(.og-root)  [data-og-responsive-basis="container"] .og-composer-footer [data-realtime-attention] {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer:has([data-realtime-attention]) .og-composer-actions > :not(:has([data-realtime-attention])),:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer:has([data-realtime-attention]) .og-composer-actions > :not(:has([data-realtime-attention])) {
+    flex-shrink: 0;
+  }
+  :where(.og-root)[data-og-responsive-basis="container"] .og-composer-footer [data-realtime-attention] .og-realtime-failure-label,:where(.og-root) [data-og-responsive-basis="container"] .og-composer-footer [data-realtime-attention] .og-realtime-failure-label {
+    max-width: none;
+    -webkit-line-clamp: 3;
+  }
 }
 @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

@@ -601,6 +601,55 @@
   .og-composer-footer:has([data-transcription-capturing]) .og-composer-actions {
     display: none;
   }
+
+  /* A saved recording or voice error needs its explanation to be readable:
+     give it the controls row (Send stays) instead of an ellipsis. */
+  .og-composer-footer:has([data-transcription-attention])
+    .og-composer-controls
+    > :not([data-transcription-attention]) {
+    display: none;
+  }
+
+  /* Host extras (live voice, custom actions) step aside too; Pause/Stop/Send stay. */
+  .og-composer-footer:has([data-transcription-attention])
+    .og-composer-actions
+    > :not(:is([data-analytics-action], :has([data-analytics-action]))) {
+    display: none;
+  }
+
+  .og-composer-footer
+    [data-transcription-attention]
+    :is(.og-transcription-recovered-label, .og-transcription-error-label) {
+    max-width: min(15rem, 52vw);
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    line-height: 1.2;
+  }
+
+  /* A failed live-voice start explains itself in the row until dismissed. */
+  .og-composer-footer:has([data-realtime-attention]) .og-composer-controls {
+    display: none;
+  }
+
+  .og-composer-footer:has([data-realtime-attention]) .og-composer-actions,
+  .og-composer-footer .og-realtime-control:has([data-realtime-attention]),
+  .og-composer-footer [data-realtime-attention] {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  .og-composer-footer:has([data-realtime-attention])
+    .og-composer-actions
+    > :not(:has([data-realtime-attention])) {
+    flex-shrink: 0;
+  }
+
+  .og-composer-footer [data-realtime-attention] .og-realtime-failure-label {
+    max-width: none;
+    -webkit-line-clamp: 3;
+  }
 }
 
 @media (forced-colors: active) {

package/styles/responsive.css

@@ -14,8 +14,8 @@
   --_og-c-model-max: 16rem;
   --_og-c-model-x: 0.625rem;
   --_og-c-native-max: 180px;
-  --_og-c-recovered-max: 11rem;
-  --_og-c-error-max: 10rem;
+  --_og-c-recovered-max: 14rem;
+  --_og-c-error-max: 14rem;
   --og-model-policy-label-full-display: inline;
   --og-model-policy-label-short-display: none;
   --og-model-policy-effort-display: inline;
@@ -120,8 +120,8 @@
     --_og-c-model-max: 7.5rem;
     --_og-c-model-x: 0.5rem;
     --_og-c-native-max: 7.5rem;
-    --_og-c-recovered-max: 7rem;
-    --_og-c-error-max: 6rem;
+    --_og-c-recovered-max: 8rem;
+    --_og-c-error-max: 8rem;
     --og-model-policy-label-full-display: none;
     --og-model-policy-label-short-display: inline;
     --og-model-policy-effort-display: none;
@@ -160,6 +160,63 @@
     .og-composer-actions {
     display: none;
   }
+
+  [data-og-responsive-basis="container"]
+    .og-composer-footer:has([data-transcription-attention])
+    .og-composer-controls
+    > :not([data-transcription-attention]) {
+    display: none;
+  }
+
+  [data-og-responsive-basis="container"]
+    .og-composer-footer:has([data-transcription-attention])
+    .og-composer-actions
+    > :not(:is([data-analytics-action], :has([data-analytics-action]))) {
+    display: none;
+  }
+
+  [data-og-responsive-basis="container"]
+    [data-transcription-attention]
+    :is(.og-transcription-recovered-label, .og-transcription-error-label) {
+    max-width: 15rem;
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    line-height: 1.2;
+  }
+
+  [data-og-responsive-basis="container"]
+    .og-composer-footer:has([data-realtime-attention])
+    .og-composer-controls {
+    display: none;
+  }
+
+  [data-og-responsive-basis="container"]
+    .og-composer-footer:has([data-realtime-attention])
+    .og-composer-actions,
+  [data-og-responsive-basis="container"]
+    .og-composer-footer
+    .og-realtime-control:has([data-realtime-attention]),
+  [data-og-responsive-basis="container"] .og-composer-footer [data-realtime-attention] {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  [data-og-responsive-basis="container"]
+    .og-composer-footer:has([data-realtime-attention])
+    .og-composer-actions
+    > :not(:has([data-realtime-attention])) {
+    flex-shrink: 0;
+  }
+
+  [data-og-responsive-basis="container"]
+    .og-composer-footer
+    [data-realtime-attention]
+    .og-realtime-failure-label {
+    max-width: none;
+    -webkit-line-clamp: 3;
+  }
 }
 
 @container og-composer (max-width: 24.999rem) {

package/styles/session-capability.css

@@ -24,7 +24,7 @@
 .og-session-capability-dialog:has(.og-session-capability-setup) { width:min(32rem,calc(100vw - 32px)); }
 .og-session-capability-setup { padding:24px; display:grid; gap:16px; font-size:13px; }
 .og-session-capability-setup > p { margin:0; line-height:1.6; }
-.og-session-capability-setup label { display:flex; align-items:start; gap:8px; line-height:1.6; }
+.og-session-capability-setup label { display:flex; align-items:flex-start; gap:8px; line-height:1.6; }
 .og-session-capability-setup button { font:inherit; padding:9px 12px; border-radius:7px; border:1px solid var(--og-color-border); background:var(--og-color-surface-2); color:inherit; cursor:pointer; }
 .og-session-capability-setup button:disabled { opacity:.55; cursor:not-allowed; }
 .og-session-capability-setup [role=alert] { color:var(--og-color-danger); }

package/dist/browser-viewer-SHYKQRNX.js

@@ -1,16 +0,0 @@
-import {
-  BrowserViewer
-} from "./chunk-HDJWDK7W.js";
-import "./chunk-J6DBS4T3.js";
-import "./chunk-JVYQRRC4.js";
-import "./chunk-RHREZ7BO.js";
-import "./chunk-UTRTG6LH.js";
-import "./chunk-5J4FOW6Q.js";
-import "./chunk-YQEAA6LT.js";
-import "./chunk-UGLEYEMP.js";
-import "./chunk-TKOTKRWY.js";
-import "./chunk-22KP6LR5.js";
-export {
-  BrowserViewer
-};
-//# sourceMappingURL=browser-viewer-SHYKQRNX.js.map

package/dist/chat-interactive-block-UGBTNB3L.js

@@ -1,11 +0,0 @@
-import {
-  ChatInteractiveBlock
-} from "./chunk-YBXQDQFX.js";
-import "./chunk-5CVXZA3Y.js";
-import "./chunk-XCHWDJ22.js";
-import "./chunk-SCOTPE2I.js";
-import "./chunk-22KP6LR5.js";
-export {
-  ChatInteractiveBlock
-};
-//# sourceMappingURL=chat-interactive-block-UGBTNB3L.js.map