@livelayer/react 0.6.2 → 0.8.0

package/dist/styles.css

@@ -123,6 +123,53 @@
   top: auto;
 }
 
+/* ── Embedded experience mode ──────────────────────────────────────
+   When `experienceMode="EMBEDDED"`, the widget renders inline within
+   the host container instead of as a fixed-position floating overlay.
+   The host owns size, position, and stacking — we just unstick the
+   widget from the viewport corners and let .ll-expanded fill its
+   parent. Locked to displayMode="expanded" in TS (minimize/hide are
+   floating-widget concepts that don't apply inline). */
+.ll-widget[data-experience-mode="embedded"] {
+  position: relative;
+  inset: auto;
+  width: 100%;
+  height: 100%;
+  pointer-events: auto;
+}
+
+/* Disable the corner-anchoring rules in embedded mode regardless of
+   what `position` was passed (we keep the prop for API symmetry). */
+.ll-widget[data-experience-mode="embedded"][data-position="bottom-right"],
+.ll-widget[data-experience-mode="embedded"][data-position="bottom-left"],
+.ll-widget[data-experience-mode="embedded"][data-position="top-right"],
+.ll-widget[data-experience-mode="embedded"][data-position="top-left"] {
+  inset: auto;
+  left: auto;
+  right: auto;
+  top: auto;
+  bottom: auto;
+}
+
+/* Override the mobile sheet behavior — no full-width bottom in embedded. */
+.ll-widget[data-experience-mode="embedded"].ll-widget--mobile.ll-widget--expanded {
+  position: relative;
+  left: auto;
+  right: auto;
+  top: auto;
+  bottom: auto;
+}
+
+/* The expanded panel fills its parent in embedded mode (host drives size).
+   No floating shadow chrome — the host card already has its own. */
+.ll-widget[data-experience-mode="embedded"] .ll-expanded--desktop,
+.ll-widget[data-experience-mode="embedded"] .ll-expanded--mobile {
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  box-shadow: none;
+}
+
 /* ── 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
@@ -576,6 +623,15 @@
   background: rgba(0, 0, 0, 0.5);
 }
 
+/* Caller-controlled "transforming" overlay (avatar swap, voice swap, etc.).
+   Wins over every other overlay in the expanded surface — z-index sits
+   above the connecting/gesture overlays (4) and the local PIP (5) so the
+   caller-driven status takes priority while the swap is in flight. */
+.ll-expanded__overlay--transforming {
+  z-index: 20;
+  background: rgba(0, 0, 0, 0.45);
+}
+
 .ll-expanded__overlay-text {
   margin: 0;
   font-size: 13px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livelayer/react",
-  "version": "0.6.2",
+  "version": "0.8.0",
   "description": "LiveLayer agent widget for React — avatar video, team switching, responsive layouts, full-fidelity embed",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -16,13 +16,19 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "vite build",
+    "prepublishOnly": "npm run build",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "livekit-client": "^2.17.3",
-    "@livelayer/sdk": "0.4.2"
+    "@livelayer/sdk": "workspace:*",
+    "livekit-client": "^2.17.3"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",
@@ -43,10 +49,5 @@
     "type": "git",
     "url": "https://github.com/Fusion-Studios-Code/live-layer.git",
     "directory": "packages/react"
-  },
-  "scripts": {
-    "build": "vite build",
-    "test": "vitest run",
-    "test:watch": "vitest"
   }
-}
+}