@livelayer/react 0.9.3 → 0.9.5

package/dist/styles.css

@@ -1007,17 +1007,24 @@
 }
 
 /* Captions affordance for deaf-friendly UX: when the latest transcript
-   line is the AGENT's spoken output, tint the pill with a soft orange
-   glow signalling "this text is coming from Live Layer." The user's STT
-   keeps default styling (no glow) so the two voices read distinctly.
-   Hue is the warm side of the brand; opacity is tuned so the text on
-   the dark blurred backdrop stays readable. */
+   line is the AGENT's spoken output, tint the pill ORANGE so it reads
+   unambiguously as "this text is coming from Live Layer." The user's
+   STT pill keeps default dark styling so the two voices contrast
+   immediately at a glance. Previous opacity (0.18) was so faint
+   testers couldn't tell the agent line was differentiated at all —
+   now the pill is brand-orange, with a saturated glow + warm white
+   text on the colored background. */
 .ll-expanded__transcript--agent {
-  background: rgba(255, 139, 61, 0.18);
-  border-color: rgba(255, 175, 110, 0.45);
+  background: rgba(224, 101, 64, 0.85);
+  border-color: rgba(255, 175, 110, 0.6);
   box-shadow:
-    0 0 18px rgba(255, 139, 61, 0.3),
-    inset 0 0 0 1px rgba(255, 175, 110, 0.2);
+    0 0 24px rgba(224, 101, 64, 0.4),
+    inset 0 0 0 1px rgba(255, 200, 160, 0.25);
+}
+
+.ll-expanded__transcript--agent .ll-expanded__transcript-text {
+  color: #fff;
+  font-weight: 500;
 }
 
 @media (prefers-reduced-motion: reduce) {

package/package.json

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