@livelayer/react 0.9.7 → 0.10.0

package/dist/styles.css

@@ -114,6 +114,22 @@
 }
 /* "custom" position relies on consumer-supplied style. */
 
+/* Floating chrome (HiddenLayout / MinimizedLayout) — portaled to
+   document.body so its fixed-position chrome anchors to the viewport
+   regardless of where the package is rendered in the host's DOM tree.
+   Without this, EMBEDDED hosts that wrap the slot in a transformed
+   ancestor (translateZ, scale, etc.) capture the fixed chrome and
+   pin it to the slot rather than the viewport edge — that's what
+   made the side-tab and audio-waveform pill unreachable in EMBEDDED
+   pre-0.10.0. The .ll-widget base rules above apply unchanged. */
+.ll-widget--floating {
+  position: fixed;
+  pointer-events: none;
+}
+.ll-widget--floating > * {
+  pointer-events: auto;
+}
+
 /* Mobile: minimized + expanded ignore position, always full-width bottom. */
 .ll-widget--mobile.ll-widget--minimized,
 .ll-widget--mobile.ll-widget--expanded {
@@ -170,6 +186,23 @@
   box-shadow: none;
 }
 
+/* When an EMBEDDED widget is in hidden/minimized state, the main
+   container inside the host slot is empty (HiddenLayout /
+   MinimizedLayout are portaled to document.body). Fade the empty
+   container so a transitioning host slot doesn't expose blank space
+   in the cinematic moment. The 0.25s opacity matches the floating
+   chrome's mount fade for a coordinated handoff. */
+.ll-widget[data-experience-mode="embedded"][data-display-mode="expanded"] {
+  opacity: 1;
+  transition: opacity 0.25s ease;
+}
+.ll-widget[data-experience-mode="embedded"][data-display-mode="hidden"],
+.ll-widget[data-experience-mode="embedded"][data-display-mode="minimized"] {
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.25s ease;
+}
+
 /* ── Hidden mode: edge chevron tab ────────────────────────────────── */
 /* Solid-black tab docked to the screen edge with a white chevron.
    Designed to be unmistakably visible on light AND dark pages — no

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livelayer/react",
-  "version": "0.9.7",
+  "version": "0.10.0",
   "description": "LiveLayer agent widget for React — avatar video, team switching, responsive layouts, full-fidelity embed",
   "main": "dist/index.js",
   "module": "dist/index.mjs",