@livelayer/react 0.23.0 → 0.23.2

package/dist/styles.css

@@ -649,7 +649,20 @@
 }
 
 .ll-expanded__bg { z-index: 0; }
-.ll-expanded__video { z-index: 1; pointer-events: none; }
+
+/* Live talking-head sits above the composite poster. Hidden until the
+   LemonSlice stream pushes real frames (data-ready, set from agentVideoReady
+   in ExpandedLayout) so a frame-less black <video> never flashes over the
+   poster during the voice-first greeting. Fades in over the still. */
+.ll-expanded__video {
+  z-index: 1;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.45s ease;
+}
+.ll-expanded__video[data-ready="true"] {
+  opacity: 1;
+}
 
 .ll-expanded__video > video {
   width: 100%;
@@ -731,17 +744,14 @@
   font-family: inherit;
 }
 
-/* Connecting / warming overlay — must FULLY hide the static portrait
-   behind it until the live, talking avatar is revealed. The base 0.35
-   scrim let a sharp still bleed through, so during boot the visitor saw a
-   frozen, background-less portrait ("we're looking at a still image").
-   Near-opaque + strong blur so nothing shows until the agent speaks. */
-.ll-expanded__overlay--connecting {
-  background: rgba(13, 13, 13, 0.94);
-  -webkit-backdrop-filter: blur(18px);
-  backdrop-filter: blur(18px);
-}
-
+/* Connecting / warming overlay — keep it LIGHT so the composite portrait
+   (agent + real background, sourced via resolveAvatarStillUrl) stays
+   visible underneath while we boot. An opaque scrim here blanked the whole
+   connecting screen — the visitor expects to see the composed avatar until
+   the agent actually starts talking, at which point the live video is
+   revealed. So we inherit only the base .ll-expanded__overlay scrim (0.35 +
+   blur 2px): enough to seat the spinner/caption, not enough to hide the
+   avatar. The reveal is gated on first "speaking" in ExpandedLayout. */
 .ll-expanded__overlay--gesture {
   cursor: pointer;
   background: rgba(0, 0, 0, 0.5);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livelayer/react",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "description": "LiveLayer agent widget for React — avatar video, team switching, responsive layouts, full-fidelity embed",
   "keywords": [
     "livelayer",