@livelayer/react 0.14.0 → 0.15.0

package/dist/index.d.ts

@@ -743,6 +743,36 @@ export declare interface PageContext {
             type: string;
             /** Whether the field is required (HTML5 `required` attribute). */
             required?: boolean;
+            /** Placeholder text. Useful when no <label> is associated. */
+            placeholder?: string;
+            /**
+             * HTML5 constraint hints — surfaced proactively so the agent can
+             * format input correctly the first time instead of learning the
+             * constraint reactively from `validationMessage` after a rejected
+             * fill. All optional; only present when the underlying attribute
+             * was set on the DOM element.
+             *
+             *   minLength / maxLength — string length bounds (text, email,
+             *                            textarea, password, etc.)
+             *   min / max             — numeric / date / time bounds (typed
+             *                            as strings to preserve the host's
+             *                            exact attribute value)
+             *   step                  — numeric / date / time step
+             *   pattern               — regex the value must satisfy
+             *   autocomplete          — semantic hint (e.g. "email",
+             *                            "given-name", "tel", "street-
+             *                            address"). Excluded when its value
+             *                            is "off" or starts with "cc-"
+             *                            (those fields are privacy-filtered
+             *                            entirely upstream).
+             */
+            minLength?: number;
+            maxLength?: number;
+            min?: string;
+            max?: string;
+            step?: string;
+            pattern?: string;
+            autocomplete?: string;
             /** Choices for <select> fields. Capped at 20 per field. */
             options?: Array<{
                 value: string;

package/dist/index.js

@@ -1,5 +1,5 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),At=require("react-dom"),Ve=require("@livelayer/sdk"),yt=require("livekit-client");class yn extends r.Component{constructor(){super(...arguments),this.state={hasError:!1,error:null},this.reset=()=>{this.setState({hasError:!1,error:null})}}static getDerivedStateFromError(n){return{hasError:!0,error:n}}componentDidCatch(n,i){var o,l;(l=(o=this.props).onError)==null||l.call(o,n,i)}render(){var n;return this.state.hasError?this.props.fallback?this.props.fallback:t.jsxs("div",{className:"ll-error-boundary",role:"alert",children:[t.jsx("p",{className:"ll-error-boundary__title",children:"Widget crashed"}),t.jsx("p",{className:"ll-error-boundary__message",children:((n=this.state.error)==null?void 0:n.message)||"Something went wrong."}),t.jsx("button",{type:"button",className:"ll-error-boundary__retry",onClick:this.reset,children:"Reload widget"})]}):this.props.children}}function vn(e){const[n,i]=r.useState("idle"),[o,l]=r.useState("idle"),[s,c]=r.useState([]),[a,u]=r.useState(null),[h,b]=r.useState(null),[p,f]=r.useState(null),[E,C]=r.useState(!1),[w,m]=r.useState(null),x=r.useRef(null),S=r.useRef(e.onDataMessage);S.current=e.onDataMessage,r.useEffect(()=>{const y={onConnectionStateChange:P=>{i(P),P==="connected"&&m(null)},onAgentStateChange:l,onTranscript:P=>c([...P]),onAgentConfig:u,onAudioTrack:P=>f(P),onVideoTrack:P=>b(P),onVideoTrackRemoved:()=>b(null),onError:P=>m(P),onDataMessage:P=>{var z;(z=S.current)==null||z.call(S,P)},onResumabilityChange:C},A=new Ve.LiveKitSession({agentId:e.agentId,baseUrl:e.baseUrl,apiKey:e.apiKey,sessionEndpoint:e.sessionEndpoint,sessionBody:e.sessionBody},y);return x.current=A,i("idle"),l("idle"),c([]),u(null),b(null),f(null),C(!1),m(null),()=>{var P;(P=A.destroy)==null||P.call(A),x.current=null}},[e.agentId,e.baseUrl,e.apiKey,e.sessionEndpoint,JSON.stringify(e.sessionBody??{})]);const R=r.useCallback(async()=>{const y=x.current;if(y)try{await y.connect()}catch(A){throw m(A instanceof Error?A.message:String(A)),A}},[]),j=r.useCallback(()=>{const y=x.current;y&&y.disconnect()},[]),O=r.useCallback(()=>{var y;return((y=x.current)==null?void 0:y.getRoom())??null},[]);return{connectionState:n,agentState:o,transcript:s,agentConfig:a,videoElement:h,audioElement:p,canResume:E,error:w,connect:R,disconnect:j,getRoom:O,session:x.current}}function bn(){const e=r.useRef(null),n=r.useRef(null),i=r.useRef(null),o=r.useRef(null),l=r.useRef(new Set),s=r.useRef(null),c=r.useCallback(()=>{const p=n.current;if(!p){o.current=null;return}(!s.current||s.current.length!==p.frequencyBinCount)&&(s.current=new Uint8Array(new ArrayBuffer(p.frequencyBinCount)));const f=s.current;p.getByteFrequencyData(f);let E=0;for(let w=0;w<f.length;w++)E+=f[w];const C=E/f.length/255;for(const w of l.current)try{w(C)}catch(m){console.error("[useAudioLevel] subscriber threw:",m)}o.current=requestAnimationFrame(c)},[]),a=r.useCallback(()=>{if(e.current||typeof window>"u"||typeof AudioContext>"u")return;const p=new AudioContext,f=p.createAnalyser();f.fftSize=64,f.connect(p.destination),e.current=p,n.current=f},[]),u=r.useCallback(p=>{if(a(),!(!e.current||!n.current)){if(i.current){try{i.current.disconnect()}catch{}i.current=null}try{const f=e.current.createMediaElementSource(p);f.connect(n.current),i.current=f}catch(f){console.warn("[useAudioLevel] createMediaElementSource failed:",f);return}o.current===null&&(o.current=requestAnimationFrame(c))}},[a,c]),h=r.useCallback(()=>{if(o.current!==null&&(cancelAnimationFrame(o.current),o.current=null),i.current){try{i.current.disconnect()}catch{}i.current=null}},[]),b=r.useCallback(p=>(l.current.add(p),()=>{l.current.delete(p)}),[]);return r.useEffect(()=>()=>{if(h(),n.current){try{n.current.disconnect()}catch{}n.current=null}if(e.current){try{e.current.close()}catch{}e.current=null}l.current.clear(),s.current=null},[h]),{attach:u,detach:h,subscribe:b}}function xn(){const[e,n]=r.useState(!1),[i,o]=r.useState(""),[l,s]=r.useState(null),c=r.useRef(null),a=r.useRef(null),u=r.useCallback(async C=>{var w,m;if(c.current&&a.current){try{await a.current.localParticipant.unpublishTrack(c.current)}catch{}c.current.stop(),c.current=null}a.current=C,s(null);try{const x=await yt.createLocalAudioTrack({echoCancellation:!0,noiseSuppression:!0});await C.localParticipant.publishTrack(x),c.current=x,n(x.isMuted);const S=(m=(w=x.mediaStreamTrack)==null?void 0:w.getSettings)==null?void 0:m.call(w);S!=null&&S.deviceId&&o(S.deviceId)}catch(x){const S=x instanceof Error&&x.name==="NotAllowedError"?"Enable your microphone to talk with the agent.":"Microphone unavailable. Check browser permissions and try again.";throw s(S),x}},[]),h=r.useCallback(C=>{a.current=C},[]),b=r.useCallback(async C=>{const w=a.current;if(w)try{await w.switchActiveDevice("audioinput",C),o(C)}catch(m){console.warn("[useMicrophoneState] switchDevice failed:",m)}},[]),p=r.useCallback(async()=>{const C=a.current,w=!e;if(n(w),!!C)try{await C.localParticipant.setMicrophoneEnabled(!w)}catch(m){console.warn("[useMicrophoneState] setMicrophoneEnabled failed:",m),n(!w)}},[e]),f=r.useCallback(()=>{const C=c.current,w=a.current;if(C&&w){try{w.localParticipant.unpublishTrack(C)}catch{}C.stop()}c.current=null,a.current=null,n(!1),o("")},[]),E=r.useCallback(()=>s(null),[]);return{isMuted:e,activeDeviceId:i,micError:l,toggleMute:p,setupMic:u,attachRoom:h,switchDevice:b,teardownMic:f,clearError:E}}const lr={resolution:{width:640,height:480,frameRate:24}};function wn(){const[e,n]=r.useState(!1),[i,o]=r.useState(null),[l,s]=r.useState(null),[c,a]=r.useState(""),u=r.useRef(null),h=r.useRef(null),b=r.useCallback(x=>{u.current=x},[]),p=r.useCallback(()=>{var R;const x=u.current,S=h.current;if(S&&x){const j=x.localParticipant.getTrackPublication(yt.Track.Source.Camera),y=(j==null?void 0:j.track)??S;try{x.localParticipant.unpublishTrack(y)}catch{}try{(R=y.stop)==null||R.call(y)}catch{}}h.current=null,s(null),n(!1)},[]),f=r.useCallback(async x=>{const S=u.current;if(S){o(null);try{const R={...lr};x&&(R.deviceId=x);const j=await yt.createLocalVideoTrack(R);await S.localParticipant.publishTrack(j),h.current=j;const O=j.attach();s(O),n(!0),x&&a(x);try{S.localParticipant.publishData(new TextEncoder().encode(JSON.stringify({type:"user_camera_on"})),{reliable:!0})}catch{}}catch(R){const j=R instanceof Error&&R.name==="NotAllowedError"?"Enable your camera in the browser to share video.":"Camera unavailable. Check permissions and try again.";o(j)}}},[]),E=r.useCallback(async()=>{e?p():await f(c||void 0)},[e,c,p,f]),C=r.useCallback(async x=>{p(),await f(x)},[p,f]),w=r.useCallback(()=>{p(),u.current=null,o(null),a("")},[p]),m=r.useCallback(()=>o(null),[]);return r.useEffect(()=>()=>{h.current&&h.current.stop()},[]),{isEnabled:e,error:i,previewEl:l,activeDeviceId:c,toggle:E,switchDevice:C,attachRoom:b,teardown:w,clearError:m}}function _n(){const[e,n]=r.useState(!1),[i,o]=r.useState(null),[l,s]=r.useState(null),c=r.useRef(null),a=r.useCallback(f=>{c.current=f},[]),u=r.useCallback(()=>s(null),[]),h=r.useCallback(async()=>{const f=c.current;if(f){if(e){try{await f.localParticipant.setScreenShareEnabled(!1)}catch{}u(),n(!1);return}o(null);try{await f.localParticipant.setScreenShareEnabled(!0);let E=0;const C=()=>{const w=f.localParticipant.getTrackPublication(yt.Track.Source.ScreenShare);if(w!=null&&w.track){const m=w.track.attach();s(m),n(!0);try{f.localParticipant.publishData(new TextEncoder().encode(JSON.stringify({type:"user_screen_share_on"})),{reliable:!0})}catch{}return}E++<10?setTimeout(C,100):n(!0)};C()}catch(E){const C=E instanceof Error?E.name:"";C!=="NotAllowedError"&&C!=="AbortError"&&o("Screen share unavailable. Try again."),n(!1)}}},[e,u]),b=r.useCallback(()=>{const f=c.current;if(f&&e)try{f.localParticipant.setScreenShareEnabled(!1)}catch{}u(),n(!1),o(null),c.current=null},[e,u]),p=r.useCallback(()=>o(null),[]);return{isEnabled:e,error:i,previewEl:l,toggle:h,attachRoom:a,teardown:b,clearError:p}}function kn(){const[e,n]=r.useState([]),[i,o]=r.useState([]),l=r.useCallback(async()=>{if(!(typeof navigator>"u"||!navigator.mediaDevices))try{const s=await navigator.mediaDevices.enumerateDevices();n(s.filter(c=>c.kind==="audioinput")),o(s.filter(c=>c.kind==="videoinput"))}catch{}},[]);return r.useEffect(()=>{if(l(),typeof navigator>"u"||!navigator.mediaDevices)return;const s=()=>void l();return navigator.mediaDevices.addEventListener("devicechange",s),()=>navigator.mediaDevices.removeEventListener("devicechange",s)},[l]),{mics:e,cameras:i,refresh:l}}function Cn(e,n,i=!1){const[o,l]=r.useState(null),[s,c]=r.useState(null),[a,u]=r.useState(!i&&!!e);return r.useEffect(()=>{if(i||!e){u(!1);return}const h=new AbortController,b=n||"https://app.livelayer.studio";return u(!0),c(null),fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`,{signal:h.signal}).then(async p=>{if(!p.ok){const f=await p.json().catch(()=>({}));throw new Error(f.error||`HTTP ${p.status}`)}return p.json()}).then(p=>{h.signal.aborted||(l(p),u(!1))}).catch(p=>{h.signal.aborted||(c(p instanceof Error?p.message:"Agent lookup failed"),u(!1))}),()=>h.abort()},[e,n,i]),{info:o,error:s,loading:a}}function ar(e){if(typeof window>"u")return null;try{return window.localStorage.getItem(e)}catch{return null}}function cr(e,n){if(!(typeof window>"u"))try{window.localStorage.setItem(e,n)}catch{}}function Sn({value:e,defaultValue:n="expanded",onChange:i}={}){const o=e!==void 0,[l,s]=r.useState(n),c=o?e:l,a=r.useCallback(u=>{u!==c&&(o||s(u),i==null||i(u))},[c,o,i]);return[c,a]}const ur=["hidden","minimized","expanded"];function dr(e){return e&&ur.includes(e)?e:null}function jn({value:e,defaultValue:n="expanded",onChange:i,persistKey:o="ll-widget",disablePersistence:l=!1}={}){const s=`${o}:display-mode`,c=r.useRef(!1),[a,u]=Sn({value:e,defaultValue:n,onChange:h=>{e===void 0&&!l&&cr(s,h),i==null||i(h)}});return r.useEffect(()=>{if(c.current||(c.current=!0,l||e!==void 0))return;const h=dr(ar(s));h&&h!==a&&u(h)},[]),[a,u]}const fr=640;function En(e=fr){const[n,i]=r.useState(!1);return r.useEffect(()=>{if(e===!1){i(!1);return}if(typeof window>"u"||typeof window.matchMedia>"u")return;const o=`(max-width: ${e-1}px)`,l=window.matchMedia(o),s=()=>i(l.matches);return s(),typeof l.addEventListener=="function"?(l.addEventListener("change",s),()=>l.removeEventListener("change",s)):(l.addListener(s),()=>{l.removeListener(s)})},[e]),n}const Jt="__llHistoryPatched",vt="ll:pathname";function pr(){if(typeof window>"u"||window.history[Jt])return;const e=window.history.pushState,n=window.history.replaceState;window.history.pushState=function(...i){const o=e.apply(this,i);return window.dispatchEvent(new Event(vt)),o},window.history.replaceState=function(...i){const o=n.apply(this,i);return window.dispatchEvent(new Event(vt)),o},window.history[Jt]=!0}function Xt(){return typeof window>"u"?"/":window.location.pathname||"/"}function Ln(e){const[n,i]=r.useState(()=>e??Xt());return r.useEffect(()=>{if(e!==void 0)return;pr();const o=()=>i(Xt());return o(),window.addEventListener("popstate",o),window.addEventListener(vt,o),()=>{window.removeEventListener("popstate",o),window.removeEventListener(vt,o)}},[e]),e??n}const Qt=new Map,hr=/[\\^$+?.()|{}[\]]/g;function mr(e){return e.replace(hr,"\\$&")}function gr(e){const n=Qt.get(e);if(n)return n;const i=e.length>1&&e.endsWith("/")?e.slice(0,-1):e,o="
",l="",s=i.replace(/\*\*/g,o).replace(/\*/g,l),a=mr(s).replace(new RegExp(`\\/${o}`,"g"),"(?:\\/.*)?").replace(new RegExp(o,"g"),".*").replace(new RegExp(l,"g"),"[^/]+"),u=new RegExp(`^${a}\\/?$`);return Qt.set(e,u),u}function yr(e,n){const i=n.length>1&&n.endsWith("/")?n.slice(0,-1):n;return gr(e).test(i)}function Rn(e,n){return typeof e=="function"?e(n):e instanceof RegExp?e.test(n):yr(e,n)}function Zt(e,n){if(!e||e.length===0)return!1;for(const i of e)if(Rn(i,n))return!0;return!1}function Nn(e,n,i){return e===void 0?!0:Zt(i,e)?!1:n&&n.length>0?Zt(n,e):!0}function An(e,n,i){return r.useMemo(()=>Nn(e,n,i),[e,n,i])}function vr(e){return e===!1?{navigate:!1,thinking:!1,action:!1}:e===void 0||e===!0?{navigate:!0,thinking:!0,action:!0}:{navigate:e.navigate!==!1,thinking:e.thinking!==!1,action:e.action!==!1}}function br(e){const n=r.useMemo(()=>vr(e.config),[e.config]),i=e.baseUrl.replace(/\/+$/,""),o=r.useRef(null),l=r.useCallback(u=>{try{new Audio(`${i}${u}`).play().catch(()=>{})}catch{}},[i]),s=r.useCallback(()=>{n.navigate&&l("/audio/page-change-sound.mp3")},[n.navigate,l]),c=r.useCallback(()=>{n.action&&l("/audio/confirmation-sound.mp3")},[n.action,l]),a=r.useCallback(u=>{if(!n.thinking){if(o.current){try{o.current.pause()}catch{}o.current=null}return}if(u){if(o.current)return;try{const h=new Audio(`${i}/audio/thinking-sound.mp3`);h.loop=!0,h.volume=.3,h.play().catch(()=>{o.current=null}),o.current=h}catch{}}else if(o.current){try{o.current.pause()}catch{}o.current=null}},[i,n.thinking]);return r.useEffect(()=>()=>{if(o.current){try{o.current.pause()}catch{}o.current=null}},[]),r.useMemo(()=>({playPageChange:s,playConfirmation:c,setThinking:a}),[s,c,a])}const en=({muted:e=!1,className:n})=>e?t.jsxs("svg",{className:n,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"}),t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2"})]}):t.jsx("svg",{className:n,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4M12 1a3 3 0 00-3 3v4a3 3 0 006 0V4a3 3 0 00-3-3z"})}),tn=({className:e})=>t.jsx("svg",{className:e,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"})}),xr=({className:e})=>t.jsx("svg",{className:e,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})}),wr={left:180,right:0,up:-90,down:90},nn=({direction:e="right",className:n})=>t.jsx("svg",{className:n,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,style:{transform:`rotate(${wr[e]}deg)`},"aria-hidden":"true",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 6l6 6-6 6"})});function _r(e){return e==="top-left"||e==="bottom-left"?"left":"right"}const In="ll-hidden-tab-center-y",kr=5,rn=16;function Cr(){if(typeof window>"u")return null;try{const e=window.localStorage.getItem(In);if(!e)return null;const n=Number.parseFloat(e);return Number.isFinite(n)?n:null}catch{return null}}function on(e){if(!(typeof window>"u"))try{window.localStorage.setItem(In,String(e))}catch{}}const Sr=({position:e,isMobile:n,isSpeaking:i,onExpand:o,label:l="Open widget",avatarImageUrl:s,agentName:c,containerEl:a})=>{const u=_r(e),h=u==="right"?"left":"right",b=n?80:72,p=!!s,f=!!a,[E,C]=r.useState(null),[w,m]=r.useState(!1),x=r.useRef(null),S=r.useRef(!1),R=r.useCallback(D=>{if(typeof window>"u")return D;const F=b/2,L=rn+F,V=window.innerHeight-rn-F;return V<L?Math.max(L,D):Math.max(L,Math.min(V,D))},[b]);r.useEffect(()=>{if(f){C(null);return}const D=Cr();C(R(D??window.innerHeight/2));const F=()=>{C(L=>L===null?null:R(L))};return window.addEventListener("resize",F),()=>window.removeEventListener("resize",F)},[R,f]);const j=r.useCallback(D=>{if(!f&&!(D.pointerType==="mouse"&&D.button!==0)&&E!==null){try{D.currentTarget.setPointerCapture(D.pointerId)}catch{}x.current={startClientY:D.clientY,startCenterY:E,moved:!1}}},[E,f]),O=r.useCallback(D=>{const F=x.current;if(!F)return;const L=D.clientY-F.startClientY;!F.moved&&Math.abs(L)>kr&&(F.moved=!0,m(!0)),F.moved&&C(R(F.startCenterY+L))},[R]),y=r.useCallback(D=>{const F=x.current;if(F){try{D.currentTarget.releasePointerCapture(D.pointerId)}catch{}x.current=null,F.moved&&(m(!1),S.current=!0,C(L=>(L!==null&&on(L),L)))}},[]),A=r.useCallback(()=>{if(S.current){S.current=!1;return}o()},[o]),P=r.useCallback(D=>{if(D.key==="ArrowUp"||D.key==="ArrowDown"){D.preventDefault();const F=D.key==="ArrowUp"?-8:8;C(L=>{if(L===null)return L;const V=R(L+F);return on(V),V})}},[R]),z=["ll-hidden",`ll-hidden--${u}`,n?"ll-hidden--mobile":"ll-hidden--desktop",i?"ll-hidden--speaking":null,w?"is-dragging":null,p?"ll-hidden--with-avatar":null,f?"ll-hidden--scoped":null].filter(Boolean).join(" "),J=E===null?void 0:{top:`${E-b/2}px`,transform:"none"};return t.jsx("button",{type:"button",className:z,onPointerDown:j,onPointerMove:O,onPointerUp:y,onPointerCancel:y,onClick:A,onKeyDown:P,"aria-label":l,"data-position":e,style:J,children:p?t.jsxs(t.Fragment,{children:[t.jsx(nn,{direction:h,className:"ll-hidden__chevron ll-hidden__chevron--mini"}),t.jsx("img",{src:s,alt:c?`${c} avatar`:"Agent avatar",className:"ll-hidden__avatar",draggable:!1})]}):t.jsx(nn,{direction:h,className:"ll-hidden__chevron"})})},jr=({audioLevel:e,bars:n=20,maxHeight:i=20,minHeight:o=4,className:l,barClassName:s})=>{const c=r.useRef(null),a=r.useRef([]),u=r.useMemo(()=>{const b=(Math.sqrt(5)-1)/2;return Array.from({length:n},(p,f)=>.5+f*b%1*.5)},[n]);r.useEffect(()=>e.subscribe(p=>{for(let f=0;f<n;f++){const E=a.current[f];if(!E)continue;const C=Math.max(o,p*i*u[f]);E.style.height=`${C}px`}}),[e,n,i,o,u]);const h=["ll-waveform",l].filter(Boolean).join(" ");return t.jsx("div",{ref:c,className:h,"aria-hidden":"true",children:Array.from({length:n},(b,p)=>t.jsx("div",{ref:f=>{a.current[p]=f},className:["ll-waveform__bar",s].filter(Boolean).join(" "),style:{height:`${o}px`}},p))})},Er=({position:e,isMobile:n,agentName:i,avatarImageUrl:o,agentState:l,isMuted:s,audioLevel:c,onExpand:a,onToggleMute:u,onClose:h})=>n?t.jsx("div",{className:"ll-minimized ll-minimized--mobile",role:"region","aria-label":`${i} widget`,children:t.jsxs("button",{type:"button",className:"ll-minimized__surface",onClick:a,"aria-label":`Expand ${i} widget`,children:[o?t.jsx("img",{src:o,alt:i,className:"ll-minimized__avatar"}):t.jsx("div",{className:"ll-minimized__avatar ll-minimized__avatar--placeholder"}),t.jsx(jr,{audioLevel:c,bars:16,maxHeight:18,className:"ll-minimized__waveform"}),t.jsx("span",{className:"ll-minimized__name",children:i}),t.jsxs("div",{className:"ll-minimized__controls",children:[t.jsx("span",{className:"ll-minimized__btn",role:"button",tabIndex:0,onClick:b=>{b.stopPropagation(),u()},onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.stopPropagation(),b.preventDefault(),u())},"aria-label":s?"Unmute microphone":"Mute microphone",children:t.jsx(en,{muted:s,className:"ll-minimized__icon"})}),t.jsx(tn,{className:"ll-minimized__icon ll-minimized__icon--expand"})]})]})}):t.jsx("div",{className:"ll-minimized ll-minimized--desktop","data-position":e,role:"region","aria-label":`${i} widget`,children:t.jsxs("div",{className:"ll-minimized__surface",children:[o?t.jsx("img",{src:o,alt:i,className:"ll-minimized__avatar"}):t.jsx("div",{className:"ll-minimized__avatar ll-minimized__avatar--placeholder"}),t.jsxs("div",{className:"ll-minimized__meta",children:[t.jsx("span",{className:"ll-minimized__name",children:i}),t.jsx("span",{className:"ll-minimized__state",children:l==="speaking"?"Speaking":l==="thinking"?"Thinking":"Listening"})]}),t.jsxs("div",{className:"ll-minimized__controls",children:[t.jsx("button",{type:"button",className:"ll-minimized__btn",onClick:u,"aria-label":s?"Unmute microphone":"Mute microphone",children:t.jsx(en,{muted:s,className:"ll-minimized__icon"})}),t.jsx("button",{type:"button",className:"ll-minimized__btn",onClick:a,"aria-label":`Expand ${i} widget`,children:t.jsx(tn,{className:"ll-minimized__icon"})}),t.jsx("button",{type:"button",className:"ll-minimized__btn ll-minimized__btn--close",onClick:h,"aria-label":"Close widget",children:t.jsx(xr,{className:"ll-minimized__icon"})})]})]})}),Lr=({src:e,alt:n,preCannedPlaying:i=!1,className:o,style:l})=>{const[s,c]=r.useState(!1),a=r.useRef(e);if(r.useEffect(()=>{a.current!==e&&(a.current=e,c(!1))},[e]),!e)return null;const u={position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"top",transition:"opacity 500ms ease, transform 500ms ease",transform:i?"scale(1.02)":"scale(1)",opacity:s?1:0,...l};return t.jsx("img",{src:e,alt:n,className:o,style:u,loading:"eager",fetchPriority:"high",onLoad:()=>c(!0)})},Rr=8,sn=8,Nr=({open:e,onClose:n,anchorRef:i,children:o})=>{const l=r.useRef(null),[s,c]=r.useState(null);return r.useLayoutEffect(()=>{if(!e){c(null);return}const a=i.current;if(!a)return;const u=()=>{const h=a.getBoundingClientRect(),b={top:h.top-Rr,left:h.left+h.width/2},p=sn+90,f=window.innerWidth-sn-90;b.left<p&&(b.left=p),b.left>f&&(b.left=f),c(b)};return u(),window.addEventListener("scroll",u,!0),window.addEventListener("resize",u),()=>{window.removeEventListener("scroll",u,!0),window.removeEventListener("resize",u)}},[e,i]),r.useEffect(()=>{if(!e)return;const a=h=>{const b=h.target,p=l.current,f=i.current;p&&p.contains(b)||f&&f.contains(b)||n()},u=h=>{h.key==="Escape"&&(h.stopPropagation(),n())};return document.addEventListener("mousedown",a),document.addEventListener("keydown",u),()=>{document.removeEventListener("mousedown",a),document.removeEventListener("keydown",u)}},[e,n,i]),!e||s===null||typeof document>"u"?null:At.createPortal(t.jsx("div",{ref:l,className:"ll-overflow-popover",role:"menu",style:{position:"fixed",top:s.top,left:s.left,transform:"translate(-50%, -100%)"},children:o}),document.body)},Ar=({isMuted:e,onToggleMute:n,isCameraEnabled:i,onToggleCamera:o,allowCamera:l,isScreenShareEnabled:s,onToggleScreenShare:c,allowScreenShare:a,isSpeakerMuted:u,onToggleSpeaker:h,allowTyping:b,isTypingOpen:p,onToggleTyping:f,onDisconnect:E})=>{const[C,w]=r.useState(!1),m=r.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"ll-toolbar ll-toolbar--compact","data-testid":"compact-toolbar",onClick:x=>x.stopPropagation(),children:[t.jsx("button",{type:"button",className:`ll-tool ${e?"is-muted":""}`,onClick:n,"aria-label":e?"Unmute microphone":"Mute microphone",children:t.jsx(Pn,{muted:e})}),t.jsx("button",{ref:m,type:"button",className:`ll-tool ${C?"is-on":""}`,onClick:()=>w(x=>!x),"aria-label":"More controls","aria-haspopup":"menu","aria-expanded":C,children:t.jsx(Ir,{})}),t.jsx("button",{type:"button",className:"ll-tool ll-tool--danger",onClick:E,"aria-label":"End conversation",children:t.jsx($n,{})})]}),t.jsxs(Nr,{open:C,onClose:()=>w(!1),anchorRef:m,children:[l&&t.jsxs("button",{type:"button",className:`ll-overflow-popover__item ${i?"is-on":""}`,onClick:()=>{o(),w(!1)},children:[t.jsx(Tn,{}),t.jsx("span",{children:i?"Stop camera":"Start camera"})]}),a&&t.jsxs("button",{type:"button",className:`ll-overflow-popover__item ${s?"is-on":""}`,onClick:()=>{c(),w(!1)},children:[t.jsx(Mn,{}),t.jsx("span",{children:s?"Stop sharing":"Share screen"})]}),t.jsxs("button",{type:"button",className:`ll-overflow-popover__item ${u?"is-on":""}`,onClick:()=>{h(),w(!1)},children:[t.jsx(Dn,{muted:u}),t.jsx("span",{children:u?"Unmute speaker":"Mute speaker"})]}),b&&t.jsxs("button",{type:"button",className:`ll-overflow-popover__item ${p?"is-on":""}`,onClick:()=>{f(),w(!1)},children:[t.jsx(Mr,{}),t.jsx("span",{children:p?"Hide typing":"Type a message"})]}),t.jsxs("button",{type:"button",className:"ll-overflow-popover__item is-active",disabled:!0,"aria-current":"true",children:[t.jsx("span",{className:"ll-overflow-popover__lang-code",children:"EN"}),t.jsx("span",{children:"English"})]})]})]})};function Ir(){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:[t.jsx("circle",{cx:"6",cy:"12",r:"1.5"}),t.jsx("circle",{cx:"12",cy:"12",r:"1.5"}),t.jsx("circle",{cx:"18",cy:"12",r:"1.5"})]})}function Mr(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:t.jsx("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})})}const Tr=({position:e,isMobile:n,agentName:i,avatarImageUrl:o,idleLoopUrl:l,greeting:s,branding:c,teamMembers:a,currentTeamMemberId:u,isSwitchingTeamMember:h,teamSwitcherOpen:b,onToggleTeamSwitcher:p,onSelectTeamMember:f,languageMenuOpen:E,onToggleLanguageMenu:C,connectionState:w,agentState:m,transcript:x,canResume:S,needsUserGesture:R,error:j,isMuted:O,micError:y,micDevices:A,activeMicId:P,isCameraEnabled:z,cameraPreviewEl:J,cameraDevices:D,activeCameraId:F,isScreenShareEnabled:L,screenPreviewEl:V,isSpeakerMuted:pe,allowCamera:te,allowScreenShare:Ie,allowTyping:Me,showMinimize:he=!0,showClose:_e=!0,chromeless:W=!1,compactControls:Y=!1,transforming:me,transformingLabel:ge,avatarVideoContainerRef:ke,agentVideoEl:ie,onConnect:Ye,onDisconnect:Ge,onRetry:lt,onResumeAudio:Ke,onToggleMute:Ce,onSwitchMicDevice:Te,onToggleCamera:Se,onSwitchCameraDevice:Pe,onToggleScreenShare:je,onToggleSpeaker:Ee,onSendMessage:Le,onMinimize:Re,onClose:I,onClearMicError:bt})=>{var ut;const Ne=((a==null?void 0:a.length)??0)>1,De=w==="connecting"||w==="connected",oe=w==="connected",Je=w==="idle"||w==="disconnected"||w==="error",[Ae,$e]=r.useState(!1);r.useEffect(()=>{if(!ie){$e(!1);return}if(!ie.paused&&ie.readyState>=2){$e(!0);return}$e(!1);const g=()=>$e(!0);return ie.addEventListener("playing",g),ie.addEventListener("loadeddata",g),()=>{ie.removeEventListener("playing",g),ie.removeEventListener("loadeddata",g)}},[ie]);const[xt,be]=r.useState(!1);r.useEffect(()=>{if(!oe){be(!1);return}if(Ae)return;const g=setTimeout(()=>be(!0),8e3);return()=>clearTimeout(g)},[oe,Ae]);const X=w==="connecting"||oe&&!!o&&!Ae&&!xt,Xe=r.useRef(null),le=r.useRef(null);r.useEffect(()=>{const g=Xe.current;g&&(g.innerHTML="",J&&(J.style.width="100%",J.style.height="100%",J.style.objectFit="cover",J.style.transform="scaleX(-1)",g.appendChild(J)))},[J]),r.useEffect(()=>{const g=le.current;g&&(g.innerHTML="",V&&(V.style.width="100%",V.style.height="100%",V.style.objectFit="contain",g.appendChild(V)))},[V]);const[ze,Oe]=r.useState(!1),[Q,ne]=r.useState(!1),at=r.useRef(null),ct=r.useRef(null);r.useEffect(()=>{if(!ze&&!Q&&!E&&!b)return;const g=()=>{Oe(!1),ne(!1),E&&C(),b&&p()};return document.addEventListener("click",g),()=>document.removeEventListener("click",g)},[ze,Q,E,b,C,p]);const[xe,Qe]=r.useState(!1),ee=r.useCallback(()=>Qe(g=>!g),[]),[re,we]=r.useState(""),Ze=r.useCallback(g=>{g.preventDefault();const q=re.trim();q&&(Le(q),we(""))},[re,Le]),wt=c.productName||"Live Layer";let ae=null,ce=null;for(let g=x.length-1;g>=0;g--){const q=x[g];if(!ae&&q.role==="agent"?ae=q:!ce&&q.role==="user"&&(ce=q),ae&&ce)break}const et=oe?(ae==null?void 0:ae.text)||null:s||null,Fe=oe&&(ce==null?void 0:ce.text)||null,tt=["ll-expanded",n?"ll-expanded--mobile":"ll-expanded--desktop"].join(" ");return t.jsxs("div",{className:tt,"data-position":e,"data-state":oe?"connected":De?"connecting":"idle",role:"dialog","aria-label":`${i} widget`,children:[t.jsxs("div",{className:"ll-expanded__bg",children:[o?t.jsx(Lr,{src:o,alt:i,className:"ll-expanded__bg-img"}):t.jsx("div",{className:"ll-expanded__bg-fallback",children:t.jsx("span",{className:"ll-expanded__bg-initial",children:((ut=i==null?void 0:i.charAt(0))==null?void 0:ut.toUpperCase())||"A"})}),l&&!oe&&t.jsx("video",{className:"ll-expanded__bg-idle",src:l,autoPlay:!0,loop:!0,muted:!0,playsInline:!0})]}),t.jsx("div",{ref:ke,className:"ll-expanded__video"}),X&&t.jsxs("div",{className:"ll-expanded__overlay ll-expanded__overlay--connecting",children:[t.jsx("div",{className:"ll-expanded__spinner"}),t.jsx("p",{className:"ll-expanded__overlay-text",children:h?"Switching...":"Connecting..."})]}),R&&oe&&t.jsxs("button",{type:"button",className:"ll-expanded__overlay ll-expanded__overlay--gesture",onClick:Ke,children:[t.jsx("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:t.jsx("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z"})}),t.jsx("p",{className:"ll-expanded__overlay-text",children:"Tap to enable audio"})]}),me&&t.jsxs("div",{className:"ll-expanded__overlay ll-expanded__overlay--transforming",role:"status","aria-live":"polite","aria-label":ge,children:[t.jsx("div",{className:"ll-expanded__spinner"}),t.jsx("p",{className:"ll-expanded__overlay-text",children:ge})]}),De?t.jsxs(t.Fragment,{children:[!Y&&t.jsxs("div",{className:"ll-expanded__topbar",children:[!W&&t.jsxs("div",{className:"ll-expanded__topbar-left",children:[t.jsxs("div",{className:"ll-expanded__pill-wrap",children:[t.jsxs("button",{type:"button",className:"ll-hpill",onClick:g=>{Ne&&(g.stopPropagation(),p())},"aria-haspopup":Ne?"listbox":void 0,"aria-expanded":Ne?b:void 0,children:[t.jsx("span",{className:"ll-hpill__label",children:i}),Ne&&t.jsx(ht,{})]}),Ne&&b&&t.jsx("div",{className:"ll-hmenu",onClick:g=>g.stopPropagation(),role:"listbox",children:a==null?void 0:a.map(g=>t.jsxs("button",{type:"button",className:`ll-hmenu__item ${g.id===u?"is-active":""}`,onClick:()=>f(g.id),role:"option","aria-selected":g.id===u,children:[g.avatarImageUrl&&t.jsx("img",{src:g.avatarImageUrl,alt:"",className:"ll-hmenu__avatar"}),t.jsx("span",{className:"ll-hmenu__name",children:g.name}),g.role&&t.jsx("span",{className:"ll-hmenu__role",children:g.role})]},g.id))})]}),t.jsxs("div",{className:"ll-expanded__pill-wrap",children:[t.jsxs("button",{type:"button",className:"ll-hpill ll-hpill--compact",onClick:g=>{g.stopPropagation(),C()},"aria-haspopup":"listbox","aria-expanded":E,"aria-label":"Language: English",title:"Language: English",children:[t.jsx("span",{className:"ll-hpill__label",children:"EN"}),t.jsx(ht,{})]}),E&&t.jsx("div",{className:"ll-hmenu",onClick:g=>g.stopPropagation(),role:"listbox",children:t.jsx("button",{type:"button",className:"ll-hmenu__item is-active",role:"option","aria-selected":!0,children:t.jsx("span",{className:"ll-hmenu__name",children:"English"})})})]}),t.jsx("span",{className:`ll-expanded__state ll-expanded__state--${m}`,children:m})]}),t.jsxs("div",{className:"ll-expanded__header-actions",children:[he!==!1&&t.jsx("button",{type:"button",className:"ll-hbtn",onClick:Re,"aria-label":"Minimize widget",title:"Minimize",children:t.jsx(an,{})}),_e!==!1&&t.jsx("button",{type:"button",className:"ll-hbtn ll-hbtn--danger",onClick:I,"aria-label":"End call",title:"End call",children:t.jsx(ln,{})})]})]}),Y&&t.jsxs("div",{className:"ll-compact-status","data-state":m,children:[t.jsx("span",{className:"ll-compact-status__dot","aria-hidden":!0}),t.jsx("span",{className:"ll-compact-status__label",children:m})]})]}):!Y&&t.jsxs("div",{className:"ll-expanded__header ll-expanded__header--idle",children:[t.jsx("span",{className:"ll-expanded__brand",children:wt}),t.jsxs("div",{className:"ll-expanded__header-actions",children:[he!==!1&&t.jsx("button",{type:"button",className:"ll-hbtn ll-hbtn--ghost",onClick:Re,"aria-label":"Minimize widget",children:t.jsx(an,{})}),_e!==!1&&t.jsx("button",{type:"button",className:"ll-hbtn ll-hbtn--danger",onClick:I,"aria-label":"Close widget",children:t.jsx(ln,{})})]})]}),Je&&(()=>{const g=S?"Resume session":w==="disconnected"?"Reconnect to agent":"Start video call",q=!j;return t.jsxs(t.Fragment,{children:[q&&t.jsxs("button",{type:"button",className:"ll-expanded__play",onClick:Ye,"aria-label":g,children:[t.jsx("div",{className:"ll-expanded__play-circle",children:t.jsx("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:t.jsx("polygon",{points:"6 3 20 12 6 21 6 3"})})}),Y&&t.jsx("span",{className:"ll-expanded__play-label",children:g})]}),!Y&&t.jsxs("div",{className:"ll-expanded__bottom ll-expanded__bottom--idle",children:[s&&t.jsx("div",{className:"ll-expanded__transcript",children:t.jsx("p",{className:"ll-expanded__transcript-text",children:s})}),t.jsx("button",{type:"button",className:"ll-expanded__cta",onClick:Ye,"aria-label":g,children:g})]})]})})(),t.jsxs("div",{className:`ll-expanded__pip ${De&&(z||L)?"is-visible":""}`,children:[t.jsx("div",{ref:le,className:L?"ll-expanded__pip-host":"ll-expanded__pip-host is-hidden"}),t.jsx("div",{ref:Xe,className:!L&&z?"ll-expanded__pip-host":"ll-expanded__pip-host is-hidden"})]}),De?t.jsxs("div",{className:"ll-expanded__bottom",children:[!Y&&et&&t.jsx("div",{className:"ll-expanded__transcript ll-expanded__transcript--agent","data-role":"agent",children:t.jsx("p",{className:"ll-expanded__transcript-text",children:et})}),!Y&&Fe&&t.jsx("div",{className:"ll-expanded__transcript ll-expanded__transcript--user","data-role":"user",children:t.jsx("p",{className:"ll-expanded__transcript-text",children:Fe})}),!W&&!Y&&t.jsxs("div",{className:"ll-toolbar",onClick:g=>g.stopPropagation(),children:[Ie&&t.jsx("button",{type:"button",className:`ll-tool ${L?"is-on":""}`,onClick:je,"aria-label":L?"Stop sharing screen":"Share screen",title:L?"Stop sharing":"Share screen",children:t.jsx(Mn,{})}),te&&t.jsxs("div",{className:"ll-tool-split",children:[t.jsx("button",{type:"button",className:`ll-tool ll-tool--left ${z?"is-on":""}`,onClick:Se,"aria-label":z?"Turn off camera":"Turn on camera",title:z?"Stop camera":"Start camera",children:t.jsx(Tn,{})}),t.jsx("button",{ref:ct,type:"button",className:`ll-tool ll-tool--right ${z?"is-on":""}`,onClick:g=>{g.stopPropagation(),ne(q=>!q),Oe(!1)},"aria-label":"Camera devices","aria-haspopup":"listbox","aria-expanded":Q,children:t.jsx(ht,{})}),Q&&D.length>0&&t.jsx(cn,{label:"Camera",devices:D,activeId:F,anchorRef:ct,onPick:g=>{ne(!1),Pe(g)}})]}),t.jsxs("div",{className:"ll-tool-split",children:[t.jsx("button",{type:"button",className:`ll-tool ll-tool--left ${O?"is-muted":""}`,onClick:Ce,"aria-label":O?"Unmute microphone":"Mute microphone",title:O?"Unmute":"Mute",children:t.jsx(Pn,{muted:O})}),t.jsx("button",{ref:at,type:"button",className:`ll-tool ll-tool--right ${O?"is-muted":""}`,onClick:g=>{g.stopPropagation(),Oe(q=>!q),ne(!1)},"aria-label":"Microphone devices","aria-haspopup":"listbox","aria-expanded":ze,children:t.jsx(ht,{})}),ze&&A.length>0&&t.jsx(cn,{label:"Microphone",devices:A,activeId:P,anchorRef:at,onPick:g=>{Oe(!1),Te(g)}})]}),t.jsx("button",{type:"button",className:`ll-tool ${pe?"is-muted":""}`,onClick:Ee,"aria-label":pe?"Unmute speaker":"Mute speaker",title:pe?"Unmute speaker":"Mute speaker",children:t.jsx(Dn,{muted:pe})}),t.jsx("button",{type:"button",className:"ll-tool ll-tool--danger",onClick:Ge,"aria-label":"End conversation",title:"End conversation",children:t.jsx($n,{})})]}),!W&&Y&&t.jsx(Ar,{isMuted:O,onToggleMute:Ce,isCameraEnabled:z,onToggleCamera:Se,allowCamera:te,isScreenShareEnabled:L,onToggleScreenShare:je,allowScreenShare:Ie,isSpeakerMuted:pe,onToggleSpeaker:Ee,allowTyping:Me,isTypingOpen:xe,onToggleTyping:ee,onDisconnect:Ge}),!W&&Me&&(Y?xe:!0)&&t.jsxs("form",{className:"ll-message-input",onSubmit:Ze,children:[t.jsx("input",{type:"text",className:"ll-message-input__field",placeholder:"Message...",value:re,onChange:g=>we(g.target.value),"aria-label":"Message the agent"}),re.trim()&&t.jsx("button",{type:"submit",className:"ll-message-input__send","aria-label":"Send message",children:t.jsx(Pr,{})})]})]}):null,(()=>{if(y&&w!=="error")return t.jsxs("div",{className:"ll-expanded__banner",role:"alert",children:[t.jsx("span",{children:y}),t.jsx("button",{type:"button",className:"ll-expanded__banner-x",onClick:bt,"aria-label":"Dismiss",children:"×"})]});if(!j||w!=="error")return null;let g="Failed to connect",q="Try again";return j==="MIC_PERMISSION_DENIED"?g="Microphone blocked. Allow access to talk.":j==="MIC_NOT_FOUND"?g="No microphone found. Plug one in + retry.":j==="MIC_UNAVAILABLE"?g="Mic unavailable. Check other apps using it.":j==="AGENT_TIMEOUT"?g="Agent didn't pick up. Try again.":j==="CONNECT_FAILED"?g="Connection failed. Check your network.":j.length<80&&(g=j),t.jsxs("div",{className:"ll-expanded__banner ll-expanded__banner--error",role:"alert",children:[t.jsx("span",{children:g}),t.jsx("button",{type:"button",className:"ll-expanded__banner-retry",onClick:lt,children:q})]})})()]})};function ht(){return t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":!0,children:t.jsx("polyline",{points:"6 9 12 15 18 9"})})}function ln(){return t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}function an(){return t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})})}function Mn(){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),t.jsx("line",{x1:"8",y1:"21",x2:"16",y2:"21"}),t.jsx("line",{x1:"12",y1:"17",x2:"12",y2:"21"})]})}function Tn(){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("path",{d:"M23 7l-7 5 7 5V7z"}),t.jsx("rect",{x:"1",y:"5",width:"15",height:"14",rx:"2"})]})}function Pn({muted:e}){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("path",{d:"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"}),t.jsx("path",{d:"M19 10v2a7 7 0 0 1-14 0v-2"}),t.jsx("line",{x1:"12",y1:"19",x2:"12",y2:"23"}),e&&t.jsx("line",{x1:"1",y1:"1",x2:"23",y2:"23"})]})}function Dn({muted:e}){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("polygon",{points:"11 5 6 9 2 9 2 15 6 15 11 19 11 5"}),e?t.jsx("line",{x1:"23",y1:"9",x2:"17",y2:"15"}):t.jsxs(t.Fragment,{children:[t.jsx("path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14"}),t.jsx("path",{d:"M15.54 8.46a5 5 0 0 1 0 7.07"})]})]})}function Pr(){return t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),t.jsx("polyline",{points:"12 5 19 12 12 19"})]})}function $n(){return t.jsx("svg",{width:"16",height:"16",viewBox:"-4 -4 32 32",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:t.jsx("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.93.37 1.84.71 2.7a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.38-1.38a2 2 0 0 1 2.11-.45c.86.34 1.77.58 2.7.71A2 2 0 0 1 22 16.92z",transform:"rotate(135 12 12)"})})}const cn=({label:e,devices:n,activeId:i,onPick:o,anchorRef:l})=>{const[s,c]=r.useState(null);return r.useLayoutEffect(()=>{const a=()=>{const u=l.current;if(!u)return;const h=u.getBoundingClientRect(),b=126,p=window.innerWidth-16-110,f=h.left+h.width/2;c({top:h.top-8,left:Math.max(b,Math.min(p,f))})};return a(),window.addEventListener("scroll",a,!0),window.addEventListener("resize",a),()=>{window.removeEventListener("scroll",a,!0),window.removeEventListener("resize",a)}},[l]),s===null||typeof document>"u"?null:At.createPortal(t.jsxs("div",{className:"ll-device-menu ll-device-menu--floating",onClick:a=>a.stopPropagation(),role:"listbox",style:{position:"fixed",top:s.top,left:s.left,transform:"translate(-50%, -100%)"},children:[t.jsx("p",{className:"ll-device-menu__label",children:e}),n.map((a,u)=>{const h=i===a.deviceId;return t.jsxs("button",{type:"button",className:`ll-device-menu__item ${h?"is-active":""}`,onClick:()=>o(a.deviceId),role:"option","aria-selected":h,children:[h&&t.jsx("span",{className:"ll-device-menu__dot",children:"●"}),t.jsx("span",{className:"ll-device-menu__name",children:a.label||`${e} ${u+1}`})]},a.deviceId||u)})]}),document.body)},Dr=["[data-ll-private]","[data-ll-skip]",".ll-widget"];function It(e){let n=e;for(;n;){for(const i of Dr)if(n.matches(i))return!0;n=n.parentElement}return!1}function Rt(e){if(It(e))return!1;if(e instanceof HTMLInputElement){if(e.type==="password")return!1;const n=(e.getAttribute("autocomplete")||"").toLowerCase();if(n==="off"||n.startsWith("cc-"))return!1}return!0}const mt=4096,$r=20,zr=20,Or=10,Fr=10,Hr=30,Br=20,un=500,qr=['[data-ll-private="true"]',".ll-widget","script","style","noscript","iframe"];function ot(e){if(e.getAttribute("aria-hidden")==="true"||e.hasAttribute("hidden"))return!0;let n=e;for(;n;){for(const i of qr)if(n.matches(i))return!0;n=n.parentElement}return!1}function st(e){if(typeof window>"u")return!0;const n=e.getBoundingClientRect();if(n.width<=0||n.height<=0)return!1;const i=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth;return n.bottom>0&&n.right>0&&n.top<i&&n.left<o}function dn(e){const n=e.getAttribute("id");if(n){const s=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(n):n.replace(/"/g,'\\"'),c=document.querySelector(`label[for="${s}"]`);if(c!=null&&c.textContent)return c.textContent.trim()}const i=e.getAttribute("aria-label");if(i)return i.trim();const o=e.getAttribute("placeholder");if(o)return o.trim();const l=e.closest("label");return l!=null&&l.textContent?l.textContent.trim():""}function ve(e,n){return e.length<=n?e:e.slice(0,n-1)+"…"}function Wr(e){return e&&e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"").slice(0,60)||null}function Ur(e){const n=e.getAttribute("aria-label");if(n)return n.trim().slice(0,80);const i=e.getAttribute("aria-labelledby");if(i){const s=document.getElementById(i);if(s!=null&&s.textContent)return s.textContent.trim().slice(0,80)}const o=e.querySelector('button[type="submit"], input[type="submit"], button:not([type])');if(o){const s=o instanceof HTMLInputElement?o.value:(o.textContent??"").trim();if(s&&s.length<60&&!/^(submit|ok|continue)$/i.test(s))return s}let l=e.parentElement;for(let s=0;l&&s<4;s++,l=l.parentElement){const c=l.querySelector("h1, h2, h3, h4");if(c!=null&&c.textContent){const a=c.textContent.trim();if(a&&a.length<80)return a}}return null}function qe(e){return e.length}function zn(e,n={}){const i=n.doc??(typeof document<"u"?document:null);if(!i)return{url:"",title:"",pathname:"/",regions:[],visibleText:"",visibleLinks:[],visibleFields:[],forms:[],extras:e};const o=typeof window<"u"&&window.location.href||"",l=typeof window<"u"&&window.location.pathname||"/",s=i.title||"",c=Array.from(i.querySelectorAll("[data-ll-region]")),a=[];for(const y of c){if(a.length>=Or)break;if(ot(y)||!st(y))continue;const A=y.getAttribute("data-ll-region")??"",P=y.getAttribute("data-ll-intent")??void 0,z=ve((y.innerText||y.textContent||"").trim(),un*2);!A||!z||a.push({id:A,intent:P,text:z})}const u=[],h=["H1","H2","H3","H4","H5","H6"],b=Array.from(i.querySelectorAll("h1, h2, h3, h4, h5, h6"));for(const y of b){if(ot(y)||!st(y))continue;const A=(y.textContent||"").trim();A&&u.push(`${y.tagName}: ${ve(A,200)}`)}const p=Array.from(i.querySelectorAll("p, li"));for(const y of p){if(ot(y)||!st(y)||h.includes(y.tagName))continue;const A=(y.textContent||"").trim();A.length>10&&u.push(ve(A,un))}const f=u.join(`
-`),E=[],C=Array.from(i.querySelectorAll("a[href]"));for(const y of C){if(E.length>=$r)break;if(ot(y)||!st(y))continue;const A=y.getAttribute("href")||"",P=(y.textContent||"").trim();!A||!P||E.push({href:A,text:ve(P,100)})}const w=[],m=Array.from(i.querySelectorAll("input, textarea, select"));for(const y of m){if(w.length>=zr)break;if(ot(y)||!Rt(y)||!st(y))continue;const A=dn(y),P=y instanceof HTMLInputElement?y.type:y.tagName.toLowerCase();A&&w.push({label:ve(A,100),type:P})}const x=Array.from(i.querySelectorAll("form")),S=[];let R=0;for(const y of x){if(S.length>=Fr)break;if(It(y)||y.matches(".ll-widget *, .ll-widget"))continue;const A=y.getAttribute("id")||y.getAttribute("name")||Wr(y.getAttribute("data-ll-intent"))||`form_${R++}`,P=y.getAttribute("data-ll-intent")||Ur(y)||void 0,z=Array.from(y.querySelectorAll("input, textarea, select")),J=[];let D=0;const F=new Set;for(const L of z){if(J.length>=Hr)break;if(!Rt(L))continue;if(L instanceof HTMLInputElement){const W=L.type;if(W==="submit"||W==="button"||W==="reset"||W==="hidden"||W==="image"||W==="file")continue}const V=L.getAttribute("name")||"",pe=L.getAttribute("id")||"";let te=V||pe||`field_${D}`;F.has(te)&&(te=`${te}__${D}`),F.add(te),D++;const Ie=dn(L)||te,Me=L instanceof HTMLInputElement?L.type:L.tagName.toLowerCase(),he={name:te,label:ve(Ie,100),type:Me};if(L.required===!0&&(he.required=!0),L instanceof HTMLSelectElement){const W=[];for(let Y=0;Y<L.options.length&&!(W.length>=Br);Y++){const me=L.options[Y];if(!me||me.disabled)continue;const ge=me.value||"",ke=(me.textContent||"").trim()||ge;!ge&&!ke||W.push({value:ge,label:ve(ke,60)})}W.length>0&&(he.options=W)}const _e=typeof L.validationMessage=="string"?L.validationMessage:"";_e&&(he.validationMessage=ve(_e,200)),J.push(he)}S.push({id:A,intent:P,fields:J})}const j={url:o,title:s,pathname:l,regions:a,visibleText:f,visibleLinks:E,visibleFields:w,forms:S,extras:e};let O=qe(JSON.stringify(j.regions))+qe(j.visibleText)+qe(JSON.stringify(j.visibleLinks))+qe(JSON.stringify(j.visibleFields));for(;O>mt&&j.visibleFields.length>0;)j.visibleFields.pop(),O=qe(JSON.stringify(j.visibleFields));for(;O>mt&&j.visibleLinks.length>0;)j.visibleLinks.pop(),O-=80;return qe(j.visibleText)>mt&&(j.visibleText=ve(j.visibleText,mt-100)),j}let We=null;function Nt(e,n={}){const i=Date.now(),l=`${typeof window<"u"&&window.location.pathname||"/"}::${typeof window<"u"?window.scrollY:0}`;if(We&&We.key===l&&i-We.at<1e3)return We.ctx;const s=zn(e,n);return We={key:l,at:i,ctx:s},s}function On(){We=null}const Vr=200;function Fn(e){const n=String(e.href||"");return{href:n,text:String(e.text??e.title??n),internal:e.internal??!0,title:e.title,description:e.description}}function Yr(e){return!(!e||e.startsWith("#")||e.startsWith("javascript:")||e.startsWith("mailto:")||e.startsWith("tel:"))}function Hn(e){const n=e??(typeof document<"u"?document:null);if(!n)return[];const i=typeof window<"u"&&window.location.origin||"",o=new Set,l=[],s=Array.from(n.querySelectorAll("a[href]"));for(const c of s){if(l.length>=Vr)break;if(It(c))continue;const a=c.getAttribute("href")||"";if(!Yr(a))continue;let u=a,h=!0;try{if(typeof window<"u"){const p=new URL(a,i);h=p.origin===i,h&&a.startsWith("http")&&(u=p.pathname+p.search+p.hash)}}catch{continue}if(o.has(u))continue;o.add(u);const b=(c.textContent||"").trim().slice(0,120);l.push({href:u,text:b,internal:h})}return l}let Ue=null;const Gr=5e3;function gt(){const e=Date.now(),n=typeof window<"u"&&window.location.pathname||"/";if(Ue&&Ue.pathname===n&&e-Ue.at<Gr)return Ue.routes;const i=Hn();return Ue={at:e,pathname:n,routes:i},i}function Bn(){Ue=null}function fn(e){if(e instanceof HTMLInputElement){const n=e.type;if(n==="submit"||n==="button"||n==="reset"||n==="hidden"||n==="image"||n==="file")return!1}return!0}function Kr(e,n){return e.getAttribute("name")||e.getAttribute("id")||`field_${n}`}function Jr(e,n){if(!n)return null;try{const s=e.querySelector(`[name="${n.replace(/"/g,'\\"')}"]`);if(s&&fn(s))return s}catch{}const i=Array.from(e.querySelectorAll("input, textarea, select"));let o=0;const l=new Map;for(const s of i){if(!fn(s))continue;const c=Kr(s,o);let a=c;if(l.has(c)&&(a=`${c}__${o}`),a===n)return s;l.set(c,s),o++}return null}function pn(e,n){const i=Jr(e,n);return i?Rt(i)?{el:i}:{el:null,reason:"private"}:{el:null,reason:"not_found"}}function Xr(e,n){const i=e instanceof HTMLInputElement?HTMLInputElement.prototype:e instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLSelectElement.prototype,o=Object.getOwnPropertyDescriptor(i,"value"),l=o==null?void 0:o.set;l?l.call(e,n):e.value=n}function Qr(e,n,i={}){const o=i.triggerInput??!0,l=i.triggerChange??!0;if(e instanceof HTMLInputElement&&(e.type==="checkbox"||e.type==="radio")){const s=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"checked"),c=s==null?void 0:s.set,a=n==="true"||n==="1"||n==="on";c?c.call(e,a):e.checked=a,o&&e.dispatchEvent(new Event("input",{bubbles:!0})),l&&e.dispatchEvent(new Event("change",{bubbles:!0}));return}Xr(e,n),o&&e.dispatchEvent(new Event("input",{bubbles:!0})),l&&e.dispatchEvent(new Event("change",{bubbles:!0}))}function hn(e,n){if(!n)return null;const i=n.replace(/"/g,'\\"');try{const c=e.querySelector(`form#${CSS.escape(n)}`);if(c)return c}catch{}const o=e.querySelector(`form[name="${i}"]`);if(o)return o;const l=e.querySelector(`form[data-ll-intent="${i}"]`);if(l)return l;const s=Array.from(e.querySelectorAll("form"));for(const c of s){const a=c.getAttribute("data-ll-intent");if(a&&Zr(a)===n)return c}if(/^form_\d+$/.test(n)){const c=parseInt(n.slice(5),10);let a=0;for(const u of s)if(!(u.id||u.getAttribute("name")||u.getAttribute("data-ll-intent"))){if(a===c)return u;a++}}return null}function Zr(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"").slice(0,60)||null}function ei(){if(typeof window>"u"||typeof document>"u")return!1;const e=document.scrollingElement||document.documentElement;if(!e||e.scrollHeight<=e.clientHeight+2)return!1;const n=window.getComputedStyle(e);return!(n.overflowY==="hidden"||n.overflowY==="clip")}function ti(e){if(!(e instanceof HTMLElement))return!1;const i=window.getComputedStyle(e).overflowY;return!(i!=="auto"&&i!=="scroll"||e.scrollHeight<=e.clientHeight+2)}function ni(){if(typeof document>"u")return null;const e=Array.from(document.querySelectorAll("body, body *"));let n=null,i=0;for(const o of e){if(!ti(o))continue;const l=o.getBoundingClientRect();if(l.bottom<=0||l.top>=window.innerHeight||l.right<=0||l.left>=window.innerWidth||l.width<=0||l.height<=0||o.closest(".ll-widget"))continue;const s=l.width*l.height;s>i&&(i=s,n=o)}return n}function ri(){if(typeof window>"u")return null;if(ei())return window;const e=ni();return e||window}function mn(e){return e instanceof Window?e.innerHeight||0:e.clientHeight||0}function ii(e){var n,i;return e instanceof Window?typeof document>"u"?0:Math.max(((n=document.body)==null?void 0:n.scrollHeight)??0,((i=document.documentElement)==null?void 0:i.scrollHeight)??0):e.scrollHeight-e.clientHeight}const oi=new Set(["agent_state","avatar_stream_ready","avatar_active","avatar_idle","bot_ready","agent_error","idle_warning","idle_timeout","navigate","scroll_to","request_page_context","scroll_page","click","fill_form","focus_field","submit_form","request_routes","task_field_updated","task_completed"]),qn=r.forwardRef(function(n,i){var qt,Wt,Ut,Vt,Yt,Gt,Kt;const{agentId:o,apiKey:l,baseUrl:s="https://app.livelayer.studio",sessionEndpoint:c,sessionBody:a,soundEffects:u,experienceMode:h="WIDGET",autoConnect:b=!1,displayMode:p,defaultDisplayMode:f="expanded",onDisplayModeChange:E,position:C="bottom-right",mobileBreakpoint:w=640,persistKey:m="ll-widget",disablePersistence:x=!1,teamMembers:S,currentTeamMemberId:R,onTeamMemberChange:j,idleLoopUrl:O,greeting:y,avatarImageUrl:A,agentName:P,branding:z={},allowCamera:J=!0,allowScreenShare:D=!0,allowTyping:F=!0,showMinimize:L,showClose:V,chromeless:pe=!1,floatingChromeContainer:te=null,compactControls:Ie=!1,transforming:Me=!1,transformingLabel:he="Transforming…",showOn:_e,hideOn:W,pathname:Y,onNavigate:me,onScrollToSelector:ge,getPageContext:ke,pageContextExtras:ie,getRoutes:Ye,onScrollPage:Ge,onClick:lt,capabilities:Ke,onConnect:Ce,onDisconnect:Te,onTranscript:Se,onAgentState:Pe,onConnectionStateChange:je,onAgentEvent:Ee,onAgentCommand:Le,onCollect:Re,controlledSession:I,className:bt,style:Ne,zIndex:De=2147483647}=n,oe=Ln(Y),Je=An(oe,_e,W);r.useEffect(()=>{On(),Bn()},[oe]);const Ae=R!==void 0,[$e,xt]=r.useState(()=>{var v;return R??((v=S==null?void 0:S[0])==null?void 0:v.id)}),be=Ae?R:$e,X=r.useMemo(()=>(S==null?void 0:S.find(v=>v.id===be))??null,[S,be]),Xe=(X==null?void 0:X.agentId)??o,le=h==="EMBEDDED",[ze,Oe]=jn({value:p,defaultValue:f,onChange:E,persistKey:m,disablePersistence:le||x}),Q=le?"expanded":ze,ne=le?()=>{}:Oe,at=L??!le,ct=V??!le,xe=En(w),Qe=bn(),ee=xn(),re=wn(),we=_n(),Ze=kn(),[wt,ae]=r.useState(!1),[ce,et]=r.useState(!1),[Fe,tt]=r.useState(!1),[ut,g]=r.useState(!1),[q,Vn]=r.useState(!1),dt=br({baseUrl:s,config:u}),ft=r.useRef(dt);ft.current=dt;const _t=r.useRef(me),kt=r.useRef(ge),Ct=r.useRef(Ge),St=r.useRef(lt),Mt=r.useRef(ke),Tt=r.useRef(ie),Pt=r.useRef(Ye),jt=r.useRef(Ke),ue=r.useRef(null);_t.current=me,kt.current=ge,Ct.current=Ge,St.current=lt,Mt.current=ke,Tt.current=ie,Pt.current=Ye,jt.current=Ke;function de(v){const d=jt.current;return d?d.includes(v):!0}function fe(v,d){console.warn(`[LiveLayer] Agent command "${v}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`)}const nt=r.useCallback(v=>{var U,se,ye,it;const d=v;if(!(!d.type||typeof d.type!="string")){if(Ee==null||Ee({eventName:d.type,data:v}),d.type==="navigate"){if(!de("navigate")){fe("navigate","navigate");return}const _=typeof d.href=="string"?d.href:null;if(!_){console.warn(`[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`);return}if(ft.current.playPageChange(),_t.current){try{_t.current(_)}catch(N){console.warn(`[LiveLayer] onNavigate threw for "${_}". Falling back. Error:`,N)}return}if(typeof document<"u"){const N=document.querySelector(`a[href="${_.replace(/"/g,'\\"')}"]`);if(N){N.click();return}}if(typeof window<"u"&&typeof history<"u")try{history.pushState({},"",_),window.dispatchEvent(new PopStateEvent("popstate"))}catch(N){console.warn(`[LiveLayer] history.pushState fallback failed for "${_}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,N)}return}if(d.type==="scroll_to"){if(!de("scroll")){fe("scroll_to","scroll");return}const _=typeof d.selector=="string"?d.selector:null;if(!_)return;const N=d.behavior==="instant"?"instant":"smooth";if(kt.current){try{kt.current(_,N)}catch($){console.warn("[LiveLayer] onScrollToSelector threw.",$)}return}if(typeof document<"u"){let $=null;try{$=document.querySelector(_)}catch{console.warn(`[LiveLayer] scroll_to: invalid selector "${_}".`);return}if(!$){console.warn(`[LiveLayer] scroll_to: no element matched "${_}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`);return}$.scrollIntoView({behavior:N,block:"start"})}return}if(d.type==="request_page_context"){if(!de("read_page")){fe("request_page_context","read_page");return}const _=typeof d.requestId=="string"?d.requestId:void 0,N=(U=ue.current)==null?void 0:U.call(ue),$=B=>{const M=N,K=M==null?void 0:M.localParticipant;if(K!=null&&K.publishData)try{const Z=_?{...B,requestId:_}:B,Be=new TextEncoder().encode(JSON.stringify(Z));K.publishData(Be,{reliable:!0})}catch(Z){console.warn("[LiveLayer] publishData failed.",Z)}},T=Tt.current,H=Mt.current;try{if(H){const B=H(T);if(B instanceof Promise){$({type:"page_context_pending"}),B.then(M=>$({type:"page_context",context:M})).catch(M=>{console.warn("[LiveLayer] getPageContext rejected; falling back to default walker.",M),$({type:"page_context",context:Nt(T)})});return}$({type:"page_context",context:B});return}$({type:"page_context",context:Nt(T)})}catch(B){console.warn("[LiveLayer] page-context extraction threw. Sending empty context.",B),$({type:"page_context",context:{url:"",title:"",pathname:"/",regions:[],visibleText:"",visibleLinks:[],visibleFields:[],forms:[],extras:T}})}return}if(d.type==="scroll_page"){if(!de("scroll")){fe("scroll_page","scroll");return}const _=d.direction;if(_!=="up"&&_!=="down"&&_!=="top"&&_!=="bottom"){console.warn(`[LiveLayer] scroll_page: invalid direction "${String(_)}". Expected up | down | top | bottom.`);return}const N=d.behavior==="instant"?"instant":"smooth";if(Ct.current){try{Ct.current(_,N)}catch(M){console.warn("[LiveLayer] onScrollPage threw.",M)}return}if(typeof window>"u")return;const $={behavior:N},T=ri(),H=M=>{T instanceof Window?T.scrollBy({top:M,...$}):T.scrollBy({top:M,...$})},B=M=>{T instanceof Window?T.scrollTo({top:M,...$}):T.scrollTo({top:M,...$})};_==="up"?H(-mn(T)):_==="down"?H(mn(T)):B(_==="top"?0:ii(T));return}if(d.type==="click"){if(!de("click")){fe("click","click");return}const _=typeof d.selector=="string"?d.selector:null;if(!_){console.warn("[LiveLayer] click: missing selector.");return}if(St.current){try{St.current(_)}catch($){console.warn("[LiveLayer] onClick threw.",$)}return}if(typeof document>"u")return;let N=null;try{N=document.querySelector(_)}catch{console.warn(`[LiveLayer] click: invalid selector "${_}".`);return}if(!N){console.warn(`[LiveLayer] click: no element matched "${_}". See https://livelayer.studio/docs/errors/click-no-match`);return}if(N.closest('[data-ll-private="true"], .ll-widget')){console.warn("[LiveLayer] click: refusing to click element inside a private subtree.");return}(se=N.click)==null||se.call(N);return}if(d.type==="fill_form"||d.type==="focus_field"){if(!de("fill_forms")){fe(d.type,"fill_forms");return}if(typeof document>"u")return;d.type==="fill_form"&&ft.current.playConfirmation();const _=typeof d.formId=="string"?d.formId:null;if(!_){console.warn(`[LiveLayer] ${d.type}: missing formId.`);return}const N=hn(document,_);if(!N){console.warn(`[LiveLayer] ${d.type}: no <form> matched id="${_}" (or matching name / data-ll-intent slug). Forms are auto-discovered — make sure the form has an \`id\`, \`name\`, or \`data-ll-intent\` attribute the agent observed in PageContext.forms.`);return}if(N.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')){console.warn(`[LiveLayer] ${d.type}: refusing to touch a form in a private / opted-out subtree.`);return}if(d.type==="focus_field"){const T=typeof d.fieldName=="string"?d.fieldName:null;if(!T){console.warn("[LiveLayer] focus_field: missing fieldName.");return}const H=pn(N,T);if(H.el===null){H.reason==="private"?console.warn(`[LiveLayer] focus_field: field "${T}" is privacy-protected and not focusable.`):console.warn(`[LiveLayer] focus_field: no input matching key="${T}" in form "${_}". The agent should use the field.name it observed in PageContext.forms[].fields[].`);return}H.el.focus();return}const $=d.values&&typeof d.values=="object"?d.values:null;if(!$){console.warn("[LiveLayer] fill_form: missing or invalid values.");return}for(const[T,H]of Object.entries($)){if(typeof H!="string")continue;const B=pn(N,T);if(B.el===null){B.reason==="private"?console.warn(`[LiveLayer] fill_form: field "${T}" is privacy-protected (password / cc-* / data-ll-private). Skipping.`):console.warn(`[LiveLayer] fill_form: no input matching key="${T}" in form "${_}". The agent should use the field.name it observed in PageContext.forms[].fields[]. Skipping.`);continue}try{Qr(B.el,H)}catch(M){console.warn(`[LiveLayer] fill_form: failed to set "${T}".`,M)}}return}if(d.type==="submit_form"){if(!de("submit_forms")){fe("submit_form","submit_forms");return}if(typeof document>"u")return;const _=typeof d.formId=="string"?d.formId:null;if(!_){console.warn("[LiveLayer] submit_form: missing formId.");return}ft.current.playConfirmation();const N=hn(document,_);if(!N){console.warn(`[LiveLayer] submit_form: no <form> matched id="${_}" (or matching name / data-ll-intent slug).`);return}if(N.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')){console.warn("[LiveLayer] submit_form: refusing to submit a form in a private / opted-out subtree.");return}const $=typeof d.requestId=="string"?d.requestId:void 0,T=(ye=ue.current)==null?void 0:ye.call(ue),H=K=>{const Z=T,Be=Z==null?void 0:Z.localParticipant;if(Be!=null&&Be.publishData)try{const or=$?{...K,requestId:$}:K,sr=new TextEncoder().encode(JSON.stringify(or));Be.publishData(sr,{reliable:!0})}catch{}};let B=!1;const M=()=>{B=!0,H({type:"form_submitted",formId:_})};N.addEventListener("submit",M,{once:!0});try{typeof N.requestSubmit=="function"?N.requestSubmit():N.submit()}catch(K){console.warn("[LiveLayer] submit_form: requestSubmit threw.",K),N.removeEventListener("submit",M),H({type:"form_submit_blocked",formId:_,reason:"exception"});return}setTimeout(()=>{B||(N.removeEventListener("submit",M),H({type:"form_submit_blocked",formId:_,reason:"validation"}))},500);return}if(d.type==="request_routes"){if(!de("read_page")){fe("request_routes","read_page");return}const _=typeof d.requestId=="string"?d.requestId:void 0,$=(it=ue.current)==null?void 0:it.call(ue),T=$==null?void 0:$.localParticipant;if(!(T!=null&&T.publishData))return;const H=M=>{try{const K=_?{type:"routes",routes:M,requestId:_}:{type:"routes",routes:M},Z=new TextEncoder().encode(JSON.stringify(K));T.publishData(Z,{reliable:!0})}catch(K){console.warn("[LiveLayer] request_routes: publishData failed.",K)}},B=Pt.current;if(B){try{const M=B(),K=Z=>{if(!Array.isArray(Z)){H([]);return}H(Z.map(Fn).slice(0,200))};M instanceof Promise?M.then(K).catch(Z=>{console.warn("[LiveLayer] getRoutes rejected; falling back to DOM walker.",Z),H(gt())}):K(M)}catch(M){console.warn("[LiveLayer] getRoutes threw; falling back to DOM walker.",M),H(gt())}return}try{H(gt())}catch(M){console.warn("[LiveLayer] request_routes: extractRoutes threw.",M)}return}if(d.type==="task_field_updated"){if(!de("collect_data")){fe("task_field_updated","collect_data");return}const _={phase:"field",fieldId:typeof d.fieldId=="string"?d.fieldId:"",fieldName:typeof d.fieldName=="string"?d.fieldName:typeof d.fieldId=="string"?d.fieldId:"",value:typeof d.value=="string"?d.value:"",kind:typeof d.kind=="string"?d.kind:"text",source:d.source==="slide"?"slide":d.source==="page"?"page":"agent",...typeof d.slideId=="string"?{slideId:d.slideId}:{},...typeof d.formId=="string"?{formId:d.formId}:{}};if(typeof document<"u")try{document.dispatchEvent(new CustomEvent("ll-collected",{detail:_}))}catch{}return}if(d.type==="task_completed"){if(!de("collect_data")){fe("task_completed","collect_data");return}const _=d.result;if(!_||typeof _!="object"){console.warn("[LiveLayer] task_completed missing `result` payload.");return}if(typeof document<"u")try{document.dispatchEvent(new CustomEvent("ll-collected",{detail:{phase:"complete",result:_}}))}catch{}try{Re==null||Re(_)}catch(N){console.warn("[LiveLayer] onCollect threw.",N)}return}oi.has(d.type)||Le==null||Le(d)}},[Le,Ee,Re]),G=vn({agentId:I?"__controlled__":Xe,baseUrl:s,apiKey:l,sessionEndpoint:c,sessionBody:a,onDataMessage:I?void 0:nt});r.useEffect(()=>{if(I!=null&&I.subscribeToDataMessages)return I.subscribeToDataMessages(nt)},[I,nt]),ue.current=()=>{var v;return(v=G.getRoom)==null?void 0:v.call(G)},r.useEffect(()=>{var U;if(typeof window>"u")return;const v=((U=window.location)==null?void 0:U.hostname)||"";if(v==="localhost"||v==="127.0.0.1"||v==="0.0.0.0"||v.endsWith(".local")||v.endsWith(".test"))return window.__livelayerSimulateCommand=se=>{try{nt(se)}catch(ye){console.warn("[LiveLayer] simulate-command threw:",ye)}},()=>{delete window.__livelayerSimulateCommand}},[nt]);const k=r.useMemo(()=>I?{connectionState:I.connectionState,agentState:I.agentState,transcript:I.transcript,videoElement:I.videoElement,audioElement:I.audioElement,canResume:I.canResume,error:I.error,agentConfig:null,connect:async()=>{await I.onConnect()},disconnect:()=>I.onDisconnect(),getRoom:G.getRoom,isControlled:!0}:{connectionState:G.connectionState,agentState:G.agentState,transcript:G.transcript,videoElement:G.videoElement,audioElement:G.audioElement,canResume:G.canResume,error:G.error,agentConfig:G.agentConfig,connect:G.connect,disconnect:G.disconnect,getRoom:G.getRoom,isControlled:!1},[I,G]),Dt=r.useRef(k);Dt.current=k;const $t=r.useRef(I);$t.current=I,r.useImperativeHandle(i,()=>({sendData:async v=>{var ye,it;const d=$t.current;if(d!=null&&d.publishData){try{await d.publishData(v)}catch(_){console.warn("[AvatarWidget] sendData (controlled) failed:",_)}return}const U=(it=(ye=Dt.current)==null?void 0:ye.getRoom)==null?void 0:it.call(ye),se=U==null?void 0:U.localParticipant;if(se!=null&&se.publishData)try{const _=new TextEncoder().encode(JSON.stringify(v));await se.publishData(_,{reliable:!0})}catch(_){console.warn("[AvatarWidget] sendData failed:",_)}}}),[]);const zt=r.useRef(null);r.useEffect(()=>{const v=k.videoElement,d=zt.current;if(!(!v||!d))return d.appendChild(v),()=>{v.parentNode===d&&d.removeChild(v)}},[k.videoElement]),r.useEffect(()=>{const v=k.audioElement;if(!v)return;Qe.attach(v);const d=v.play();return d&&typeof d.catch=="function"&&d.catch(U=>{(U==null?void 0:U.name)==="NotAllowedError"&&ae(!0)}),()=>{Qe.detach()}},[k.audioElement]),r.useEffect(()=>{if(k.isControlled||k.connectionState!=="connected")return;const v=k.getRoom();if(v)return ee.setupMic(v).catch(()=>{}),()=>{ee.teardownMic()}},[k.isControlled,k.connectionState]),r.useEffect(()=>{var d;if(k.connectionState!=="connected")return;const v=k.isControlled?(d=I==null?void 0:I.getRoom)==null?void 0:d.call(I):k.getRoom();if(v)return re.attachRoom(v),we.attachRoom(v),k.isControlled&&ee.attachRoom(v),Ze.refresh(),()=>{re.teardown(),we.teardown()}},[k.isControlled,k.connectionState,I]),r.useEffect(()=>{const v=k.audioElement;v&&(v.muted=q)},[k.audioElement,q]);const Yn=r.useCallback(v=>{const d={type:"user_message",text:v};if(I!=null&&I.publishData){try{I.publishData(d)}catch{}return}const U=k.getRoom();if(U)try{const se=new TextEncoder().encode(JSON.stringify(d));U.localParticipant.publishData(se,{reliable:!0})}catch{}},[k,I]),Gn=r.useCallback(()=>{Vn(v=>!v)},[]);r.useEffect(()=>{je==null||je(k.connectionState),k.connectionState==="connected"?Ce==null||Ce():k.connectionState==="disconnected"&&(Te==null||Te())},[k.connectionState,Ce,Te,je]),r.useEffect(()=>{Se==null||Se(k.transcript)},[k.transcript,Se]),r.useEffect(()=>{Pe==null||Pe(k.agentState)},[k.agentState,Pe]),r.useEffect(()=>{dt.setThinking(k.agentState==="thinking")},[k.agentState,dt]);const Ot=r.useRef(!1);r.useEffect(()=>{!b||Ot.current||Je&&k.connectionState==="idle"&&(Ot.current=!0,k.connect())},[b,k.connectionState,k,Je]);const Kn=r.useCallback(v=>{const d=S==null?void 0:S.find(U=>U.id===v);d&&(tt(!1),v!==be&&(et(!0),k.disconnect(),Ae||xt(v),j==null||j(d)))},[S,be,k,Ae,j]);r.useEffect(()=>{ce&&k.connectionState==="connected"&&et(!1)},[k.connectionState,ce]),r.useEffect(()=>{if(!Fe)return;const v=d=>{d.key==="Escape"&&tt(!1)};return window.addEventListener("keydown",v),()=>window.removeEventListener("keydown",v)},[Fe]);const Jn=!!A||!!(X!=null&&X.avatarImageUrl)||k.isControlled,rt=Cn(Xe,s,Jn);Ke===void 0&&((qt=rt.info)!=null&&qt.capabilities)&&(jt.current=rt.info.capabilities);const pt=(X==null?void 0:X.name)??P??((Wt=k.agentConfig)==null?void 0:Wt.name)??((Ut=rt.info)==null?void 0:Ut.name)??"Live Layer",Et=(X==null?void 0:X.avatarImageUrl)??A??((Vt=k.agentConfig)==null?void 0:Vt.avatarImageUrl)??((Yt=rt.info)==null?void 0:Yt.avatarImageUrl)??null,Xn=O??((Gt=k.agentConfig)==null?void 0:Gt.idleLoopUrl)??((Kt=rt.info)==null?void 0:Kt.idleLoopUrl)??null,Qn=y??null,Zn=r.useCallback(()=>ne("expanded"),[ne]),er=r.useCallback(()=>ne("minimized"),[ne]),Ft=r.useCallback(()=>{k.disconnect(),ne("hidden")},[k,ne]),tr=r.useCallback(()=>{const v=k.audioElement;v&&v.play().then(()=>ae(!1)).catch(()=>{})},[k.audioElement]),nr=r.useCallback(()=>{ae(!1),k.connect()},[k]),He={...Ne,...le?{}:{zIndex:De}};z.primaryColor&&(He["--ll-color-primary"]=z.primaryColor),z.accentColor&&(He["--ll-color-accent"]=z.accentColor),z.backgroundColor&&(He["--ll-color-bg"]=z.backgroundColor),z.textColor&&(He["--ll-color-fg"]=z.textColor);const rr=["ll-widget",`ll-widget--${Q}`,`ll-widget--${xe?"mobile":"desktop"}`,bt].filter(Boolean).join(" ");if(!Je)return null;const ir=t.jsx("div",{className:rr,style:He,"data-display-mode":Q,"data-position":C,"data-experience-mode":h==="EMBEDDED"?"embedded":"widget",children:Q==="expanded"&&t.jsx(Tr,{position:C,isMobile:xe,agentName:pt,avatarImageUrl:Et,idleLoopUrl:Xn,greeting:Qn,branding:z,teamMembers:S,currentTeamMemberId:be,isSwitchingTeamMember:ce,teamSwitcherOpen:Fe,onToggleTeamSwitcher:()=>tt(v=>!v),onSelectTeamMember:Kn,connectionState:k.connectionState,agentState:k.agentState,transcript:k.transcript,isMuted:ee.isMuted,micDevices:Ze.mics,activeMicId:ee.activeDeviceId,isCameraEnabled:re.isEnabled,cameraPreviewEl:re.previewEl,cameraDevices:Ze.cameras,activeCameraId:re.activeDeviceId,isScreenShareEnabled:we.isEnabled,screenPreviewEl:we.previewEl,isSpeakerMuted:q,allowCamera:J,allowScreenShare:D,allowTyping:F,showMinimize:at,showClose:ct,chromeless:pe,compactControls:Ie,transforming:Me,transformingLabel:he,languageMenuOpen:ut,onToggleLanguageMenu:()=>g(v=>!v),needsUserGesture:wt,canResume:k.canResume,micError:ee.micError,error:k.error,avatarVideoContainerRef:zt,agentVideoEl:k.videoElement,onConnect:()=>void k.connect(),onDisconnect:()=>k.disconnect(),onRetry:nr,onResumeAudio:tr,onToggleMute:ee.toggleMute,onSwitchMicDevice:v=>void ee.switchDevice(v),onToggleCamera:()=>void re.toggle(),onSwitchCameraDevice:v=>void re.switchDevice(v),onToggleScreenShare:()=>void we.toggle(),onToggleSpeaker:Gn,onSendMessage:Yn,onMinimize:er,onClose:Ft,onClearMicError:ee.clearError})}),Ht=!le&&(Q==="hidden"||Q==="minimized")?t.jsxs("div",{className:["ll-widget","ll-widget--floating",`ll-widget--${Q}`,`ll-widget--${xe?"mobile":"desktop"}`].join(" "),style:He,"data-display-mode":Q,"data-position":C,children:[Q==="hidden"&&t.jsx(Sr,{position:C,isMobile:xe,isSpeaking:k.agentState==="speaking",onExpand:()=>ne("expanded"),label:`Open ${pt} widget`,avatarImageUrl:Et,agentName:pt,containerEl:te}),Q==="minimized"&&t.jsx(Er,{position:C,isMobile:xe,agentName:pt,avatarImageUrl:Et,agentState:k.agentState,isMuted:ee.isMuted,audioLevel:Qe,onExpand:Zn,onToggleMute:ee.toggleMute,onClose:Ft})]}):null,Bt=te??(typeof document<"u"?document.body:null);return t.jsxs(t.Fragment,{children:[ir,Ht&&Bt&&At.createPortal(Ht,Bt)]})});qn.displayName="AvatarWidgetInner";const Wn=r.forwardRef(function(n,i){return t.jsx(yn,{children:t.jsx(qn,{...n,ref:i})})});Wn.displayName="AvatarWidget";const si=({agentId:e,baseUrl:n,apiKey:i,mode:o,onAgentEvent:l,className:s,style:c})=>{const a=r.useRef(null),u=r.useRef(null),h=r.useRef(l);h.current=l;const b=r.useCallback(p=>{var E;const f=p.detail;(E=h.current)==null||E.call(h,f)},[]);return r.useEffect(()=>{const p=a.current;if(!p)return;const f=document.createElement("livelayer-widget");return f.setAttribute("agent-id",e),n&&f.setAttribute("base-url",n),i&&f.setAttribute("api-key",i),o&&f.setAttribute("mode",o),f.addEventListener("agent-event",b),p.appendChild(f),u.current=f,()=>{f.removeEventListener("agent-event",b),p.removeChild(f),u.current=null}},[e]),r.useEffect(()=>{u.current&&(o?u.current.setAttribute("mode",o):u.current.removeAttribute("mode"))},[o]),t.jsx("div",{ref:a,className:s,style:c})},li=r.forwardRef(function({id:n,intent:i,as:o="div",className:l,style:s,children:c},a){return r.createElement(o,{ref:a,"data-ll-region":n,"data-ll-intent":i,className:l,style:s},c)});function ai(e={}){const{onFieldUpdate:n,onComplete:i,source:o="all"}=e,[l,s]=r.useState({}),[c,a]=r.useState(!1),[u,h]=r.useState(null),b=r.useRef(n),p=r.useRef(i),f=r.useRef(o);r.useEffect(()=>{b.current=n,p.current=i,f.current=o},[n,i,o]);const E=r.useCallback(()=>{s({}),a(!1)},[]);return r.useEffect(()=>{if(typeof window>"u")return;const C=w=>{var x,S;const m=w.detail;if(m){if(m.phase==="field"){if(f.current!=="all"&&m.source!==f.current)return;a(!0),s(R=>R[m.fieldName]===m.value?R:{...R,[m.fieldName]:m.value});try{(x=b.current)==null||x.call(b,m)}catch(R){console.warn("[LiveLayer] useCollect onFieldUpdate threw.",R)}return}if(m.phase==="complete"){const R=m.result;if(f.current!=="all"&&R.source!==f.current)return;h(R),a(!1);try{(S=p.current)==null||S.call(p,R)}catch(j){console.warn("[LiveLayer] useCollect onComplete threw.",j)}}}};return document.addEventListener("ll-collected",C),()=>document.removeEventListener("ll-collected",C)},[]),{fields:l,isCollecting:c,lastResult:u,reset:E}}let gn=1;function ci({onMount:e,defaultOpen:n=!1,storageKey:i="ll-debug-open"}){const[o,l]=r.useState(n),[s,c]=r.useState([]),[a,u]=r.useState(""),[h,b]=r.useState(!1),p=r.useRef(new Set),f=r.useRef([]),E=r.useRef(h);E.current=h,r.useEffect(()=>{try{const m=localStorage.getItem(i);m==="1"&&l(!0),m==="0"&&l(!1)}catch{}},[i]),r.useEffect(()=>{try{localStorage.setItem(i,o?"1":"0")}catch{}},[o,i]),r.useEffect(()=>{const m=x=>{(x.metaKey||x.ctrlKey)&&x.shiftKey&&x.key.toLowerCase()==="l"&&(x.preventDefault(),l(S=>!S))};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[]),r.useEffect(()=>{const m=setInterval(()=>{if(f.current.length===0||E.current)return;const x=f.current.splice(0,f.current.length);c(S=>[...x.reverse(),...S].slice(0,200))},100);return()=>clearInterval(m)},[]);const C=r.useRef(!1);if(r.useEffect(()=>{!e||C.current||(C.current=!0,e(m=>{f.current.push({id:gn++,ts:Date.now(),kind:"event",type:m.eventName,data:m.data})}))},[e]),r.useEffect(()=>{const m=console.warn,x=console.log,S=(R,j)=>function(...O){try{const y=typeof O[0]=="string"?O[0]:"";y.startsWith("[LiveLayer]")&&f.current.push({id:gn++,ts:Date.now(),kind:R,type:y.slice(0,120),data:{args:O.slice(1).map(A=>di(A))}})}catch{}return j.apply(this,O)};return console.warn=S("warn",m),console.log=S("log",x),()=>{console.warn=m,console.log=x}},[]),!o)return t.jsx("button",{type:"button",onClick:()=>l(!0),title:"Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)","aria-label":"Open LiveLayer debug panel",style:{position:"fixed",left:16,bottom:16,zIndex:2147483640,background:"#0d0d0d",color:"#fff",border:"1px solid rgba(255,255,255,0.18)",borderRadius:999,padding:"6px 10px",font:"500 11px -apple-system, BlinkMacSystemFont, system-ui, sans-serif",letterSpacing:"-0.1px",cursor:"pointer",boxShadow:"0 4px 12px rgba(0,0,0,0.35)",opacity:.85},children:"🛰 LL debug"});const w=s.filter(m=>{if(!a)return!0;const x=a.toLowerCase();return m.type.toLowerCase().includes(x)||JSON.stringify(m.data||{}).toLowerCase().includes(x)});return t.jsxs("div",{style:{position:"fixed",left:16,bottom:16,zIndex:2147483640,width:380,maxHeight:"60vh",background:"#0d0d0d",color:"#fff",border:"1px solid rgba(255,255,255,0.16)",borderRadius:12,boxShadow:"0 16px 48px rgba(0,0,0,0.5)",font:"500 11px -apple-system, BlinkMacSystemFont, system-ui, sans-serif",letterSpacing:"-0.1px",display:"flex",flexDirection:"column",overflow:"hidden"},children:[t.jsxs("div",{style:{padding:"8px 10px",background:"rgba(255,255,255,0.04)",borderBottom:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",gap:8},children:[t.jsx("span",{style:{fontWeight:600,fontSize:12},children:"LiveLayer debug"}),t.jsxs("span",{style:{fontSize:10,color:"rgba(255,255,255,0.4)"},children:[s.length," event",s.length===1?"":"s"]}),t.jsx("span",{style:{flex:1}}),t.jsx("button",{type:"button",onClick:()=>b(m=>!m),style:Lt(h?"#f59e0b":"transparent"),title:"Pause / resume capture",children:h?"▶ resume":"⏸ pause"}),t.jsx("button",{type:"button",onClick:()=>{c([]),f.current=[]},style:Lt("transparent"),title:"Clear buffer",children:"clear"}),t.jsx("button",{type:"button",onClick:()=>l(!1),style:Lt("transparent"),"aria-label":"Close",title:"Close (Cmd/Ctrl + Shift + L)",children:"✕"})]}),t.jsx("input",{type:"text",value:a,onChange:m=>u(m.target.value),placeholder:"filter by type or data…",style:{margin:8,padding:"6px 8px",background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:6,color:"#fff",fontSize:11,outline:"none"}}),t.jsx("div",{style:{flex:1,overflowY:"auto",padding:"0 8px 8px"},children:w.length===0?t.jsxs("div",{style:{padding:14,fontSize:11,color:"rgba(255,255,255,0.4)",lineHeight:1.5},children:["No events yet. Connect to the agent and trigger a tool call — the events will stream in here. You can also dispatch commands manually in DevTools:",t.jsx("pre",{style:{marginTop:6,background:"rgba(255,255,255,0.04)",padding:6,borderRadius:4,fontSize:10,whiteSpace:"pre-wrap"},children:`window.__livelayerSimulateCommand({
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),It=require("react-dom"),Ye=require("@livelayer/sdk"),vt=require("livekit-client");class vn extends r.Component{constructor(){super(...arguments),this.state={hasError:!1,error:null},this.reset=()=>{this.setState({hasError:!1,error:null})}}static getDerivedStateFromError(n){return{hasError:!0,error:n}}componentDidCatch(n,i){var o,a;(a=(o=this.props).onError)==null||a.call(o,n,i)}render(){var n;return this.state.hasError?this.props.fallback?this.props.fallback:t.jsxs("div",{className:"ll-error-boundary",role:"alert",children:[t.jsx("p",{className:"ll-error-boundary__title",children:"Widget crashed"}),t.jsx("p",{className:"ll-error-boundary__message",children:((n=this.state.error)==null?void 0:n.message)||"Something went wrong."}),t.jsx("button",{type:"button",className:"ll-error-boundary__retry",onClick:this.reset,children:"Reload widget"})]}):this.props.children}}function bn(e){const[n,i]=r.useState("idle"),[o,a]=r.useState("idle"),[s,c]=r.useState([]),[l,u]=r.useState(null),[h,b]=r.useState(null),[p,f]=r.useState(null),[S,C]=r.useState(!1),[w,g]=r.useState(null),x=r.useRef(null),E=r.useRef(e.onDataMessage);E.current=e.onDataMessage,r.useEffect(()=>{const y={onConnectionStateChange:P=>{i(P),P==="connected"&&g(null)},onAgentStateChange:a,onTranscript:P=>c([...P]),onAgentConfig:u,onAudioTrack:P=>f(P),onVideoTrack:P=>b(P),onVideoTrackRemoved:()=>b(null),onError:P=>g(P),onDataMessage:P=>{var H;(H=E.current)==null||H.call(E,P)},onResumabilityChange:C},A=new Ye.LiveKitSession({agentId:e.agentId,baseUrl:e.baseUrl,apiKey:e.apiKey,sessionEndpoint:e.sessionEndpoint,sessionBody:e.sessionBody},y);return x.current=A,i("idle"),a("idle"),c([]),u(null),b(null),f(null),C(!1),g(null),()=>{var P;(P=A.destroy)==null||P.call(A),x.current=null}},[e.agentId,e.baseUrl,e.apiKey,e.sessionEndpoint,JSON.stringify(e.sessionBody??{})]);const R=r.useCallback(async()=>{const y=x.current;if(y)try{await y.connect()}catch(A){throw g(A instanceof Error?A.message:String(A)),A}},[]),j=r.useCallback(()=>{const y=x.current;y&&y.disconnect()},[]),O=r.useCallback(()=>{var y;return((y=x.current)==null?void 0:y.getRoom())??null},[]);return{connectionState:n,agentState:o,transcript:s,agentConfig:l,videoElement:h,audioElement:p,canResume:S,error:w,connect:R,disconnect:j,getRoom:O,session:x.current}}function xn(){const e=r.useRef(null),n=r.useRef(null),i=r.useRef(null),o=r.useRef(null),a=r.useRef(new Set),s=r.useRef(null),c=r.useCallback(()=>{const p=n.current;if(!p){o.current=null;return}(!s.current||s.current.length!==p.frequencyBinCount)&&(s.current=new Uint8Array(new ArrayBuffer(p.frequencyBinCount)));const f=s.current;p.getByteFrequencyData(f);let S=0;for(let w=0;w<f.length;w++)S+=f[w];const C=S/f.length/255;for(const w of a.current)try{w(C)}catch(g){console.error("[useAudioLevel] subscriber threw:",g)}o.current=requestAnimationFrame(c)},[]),l=r.useCallback(()=>{if(e.current||typeof window>"u"||typeof AudioContext>"u")return;const p=new AudioContext,f=p.createAnalyser();f.fftSize=64,f.connect(p.destination),e.current=p,n.current=f},[]),u=r.useCallback(p=>{if(l(),!(!e.current||!n.current)){if(i.current){try{i.current.disconnect()}catch{}i.current=null}try{const f=e.current.createMediaElementSource(p);f.connect(n.current),i.current=f}catch(f){console.warn("[useAudioLevel] createMediaElementSource failed:",f);return}o.current===null&&(o.current=requestAnimationFrame(c))}},[l,c]),h=r.useCallback(()=>{if(o.current!==null&&(cancelAnimationFrame(o.current),o.current=null),i.current){try{i.current.disconnect()}catch{}i.current=null}},[]),b=r.useCallback(p=>(a.current.add(p),()=>{a.current.delete(p)}),[]);return r.useEffect(()=>()=>{if(h(),n.current){try{n.current.disconnect()}catch{}n.current=null}if(e.current){try{e.current.close()}catch{}e.current=null}a.current.clear(),s.current=null},[h]),{attach:u,detach:h,subscribe:b}}function wn(){const[e,n]=r.useState(!1),[i,o]=r.useState(""),[a,s]=r.useState(null),c=r.useRef(null),l=r.useRef(null),u=r.useCallback(async C=>{var w,g;if(c.current&&l.current){try{await l.current.localParticipant.unpublishTrack(c.current)}catch{}c.current.stop(),c.current=null}l.current=C,s(null);try{const x=await vt.createLocalAudioTrack({echoCancellation:!0,noiseSuppression:!0});await C.localParticipant.publishTrack(x),c.current=x,n(x.isMuted);const E=(g=(w=x.mediaStreamTrack)==null?void 0:w.getSettings)==null?void 0:g.call(w);E!=null&&E.deviceId&&o(E.deviceId)}catch(x){const E=x instanceof Error&&x.name==="NotAllowedError"?"Enable your microphone to talk with the agent.":"Microphone unavailable. Check browser permissions and try again.";throw s(E),x}},[]),h=r.useCallback(C=>{l.current=C},[]),b=r.useCallback(async C=>{const w=l.current;if(w)try{await w.switchActiveDevice("audioinput",C),o(C)}catch(g){console.warn("[useMicrophoneState] switchDevice failed:",g)}},[]),p=r.useCallback(async()=>{const C=l.current,w=!e;if(n(w),!!C)try{await C.localParticipant.setMicrophoneEnabled(!w)}catch(g){console.warn("[useMicrophoneState] setMicrophoneEnabled failed:",g),n(!w)}},[e]),f=r.useCallback(()=>{const C=c.current,w=l.current;if(C&&w){try{w.localParticipant.unpublishTrack(C)}catch{}C.stop()}c.current=null,l.current=null,n(!1),o("")},[]),S=r.useCallback(()=>s(null),[]);return{isMuted:e,activeDeviceId:i,micError:a,toggleMute:p,setupMic:u,attachRoom:h,switchDevice:b,teardownMic:f,clearError:S}}const lr={resolution:{width:640,height:480,frameRate:24}};function _n(){const[e,n]=r.useState(!1),[i,o]=r.useState(null),[a,s]=r.useState(null),[c,l]=r.useState(""),u=r.useRef(null),h=r.useRef(null),b=r.useCallback(x=>{u.current=x},[]),p=r.useCallback(()=>{var R;const x=u.current,E=h.current;if(E&&x){const j=x.localParticipant.getTrackPublication(vt.Track.Source.Camera),y=(j==null?void 0:j.track)??E;try{x.localParticipant.unpublishTrack(y)}catch{}try{(R=y.stop)==null||R.call(y)}catch{}}h.current=null,s(null),n(!1)},[]),f=r.useCallback(async x=>{const E=u.current;if(E){o(null);try{const R={...lr};x&&(R.deviceId=x);const j=await vt.createLocalVideoTrack(R);await E.localParticipant.publishTrack(j),h.current=j;const O=j.attach();s(O),n(!0),x&&l(x);try{E.localParticipant.publishData(new TextEncoder().encode(JSON.stringify({type:"user_camera_on"})),{reliable:!0})}catch{}}catch(R){const j=R instanceof Error&&R.name==="NotAllowedError"?"Enable your camera in the browser to share video.":"Camera unavailable. Check permissions and try again.";o(j)}}},[]),S=r.useCallback(async()=>{e?p():await f(c||void 0)},[e,c,p,f]),C=r.useCallback(async x=>{p(),await f(x)},[p,f]),w=r.useCallback(()=>{p(),u.current=null,o(null),l("")},[p]),g=r.useCallback(()=>o(null),[]);return r.useEffect(()=>()=>{h.current&&h.current.stop()},[]),{isEnabled:e,error:i,previewEl:a,activeDeviceId:c,toggle:S,switchDevice:C,attachRoom:b,teardown:w,clearError:g}}function kn(){const[e,n]=r.useState(!1),[i,o]=r.useState(null),[a,s]=r.useState(null),c=r.useRef(null),l=r.useCallback(f=>{c.current=f},[]),u=r.useCallback(()=>s(null),[]),h=r.useCallback(async()=>{const f=c.current;if(f){if(e){try{await f.localParticipant.setScreenShareEnabled(!1)}catch{}u(),n(!1);return}o(null);try{await f.localParticipant.setScreenShareEnabled(!0);let S=0;const C=()=>{const w=f.localParticipant.getTrackPublication(vt.Track.Source.ScreenShare);if(w!=null&&w.track){const g=w.track.attach();s(g),n(!0);try{f.localParticipant.publishData(new TextEncoder().encode(JSON.stringify({type:"user_screen_share_on"})),{reliable:!0})}catch{}return}S++<10?setTimeout(C,100):n(!0)};C()}catch(S){const C=S instanceof Error?S.name:"";C!=="NotAllowedError"&&C!=="AbortError"&&o("Screen share unavailable. Try again."),n(!1)}}},[e,u]),b=r.useCallback(()=>{const f=c.current;if(f&&e)try{f.localParticipant.setScreenShareEnabled(!1)}catch{}u(),n(!1),o(null),c.current=null},[e,u]),p=r.useCallback(()=>o(null),[]);return{isEnabled:e,error:i,previewEl:a,toggle:h,attachRoom:l,teardown:b,clearError:p}}function Cn(){const[e,n]=r.useState([]),[i,o]=r.useState([]),a=r.useCallback(async()=>{if(!(typeof navigator>"u"||!navigator.mediaDevices))try{const s=await navigator.mediaDevices.enumerateDevices();n(s.filter(c=>c.kind==="audioinput")),o(s.filter(c=>c.kind==="videoinput"))}catch{}},[]);return r.useEffect(()=>{if(a(),typeof navigator>"u"||!navigator.mediaDevices)return;const s=()=>void a();return navigator.mediaDevices.addEventListener("devicechange",s),()=>navigator.mediaDevices.removeEventListener("devicechange",s)},[a]),{mics:e,cameras:i,refresh:a}}function Ln(e,n,i=!1){const[o,a]=r.useState(null),[s,c]=r.useState(null),[l,u]=r.useState(!i&&!!e);return r.useEffect(()=>{if(i||!e){u(!1);return}const h=new AbortController,b=n||"https://app.livelayer.studio";return u(!0),c(null),fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`,{signal:h.signal}).then(async p=>{if(!p.ok){const f=await p.json().catch(()=>({}));throw new Error(f.error||`HTTP ${p.status}`)}return p.json()}).then(p=>{h.signal.aborted||(a(p),u(!1))}).catch(p=>{h.signal.aborted||(c(p instanceof Error?p.message:"Agent lookup failed"),u(!1))}),()=>h.abort()},[e,n,i]),{info:o,error:s,loading:l}}function ar(e){if(typeof window>"u")return null;try{return window.localStorage.getItem(e)}catch{return null}}function cr(e,n){if(!(typeof window>"u"))try{window.localStorage.setItem(e,n)}catch{}}function En({value:e,defaultValue:n="expanded",onChange:i}={}){const o=e!==void 0,[a,s]=r.useState(n),c=o?e:a,l=r.useCallback(u=>{u!==c&&(o||s(u),i==null||i(u))},[c,o,i]);return[c,l]}const ur=["hidden","minimized","expanded"];function dr(e){return e&&ur.includes(e)?e:null}function jn({value:e,defaultValue:n="expanded",onChange:i,persistKey:o="ll-widget",disablePersistence:a=!1}={}){const s=`${o}:display-mode`,c=r.useRef(!1),[l,u]=En({value:e,defaultValue:n,onChange:h=>{e===void 0&&!a&&cr(s,h),i==null||i(h)}});return r.useEffect(()=>{if(c.current||(c.current=!0,a||e!==void 0))return;const h=dr(ar(s));h&&h!==l&&u(h)},[]),[l,u]}const fr=640;function Sn(e=fr){const[n,i]=r.useState(!1);return r.useEffect(()=>{if(e===!1){i(!1);return}if(typeof window>"u"||typeof window.matchMedia>"u")return;const o=`(max-width: ${e-1}px)`,a=window.matchMedia(o),s=()=>i(a.matches);return s(),typeof a.addEventListener=="function"?(a.addEventListener("change",s),()=>a.removeEventListener("change",s)):(a.addListener(s),()=>{a.removeListener(s)})},[e]),n}const Xt="__llHistoryPatched",bt="ll:pathname";function pr(){if(typeof window>"u"||window.history[Xt])return;const e=window.history.pushState,n=window.history.replaceState;window.history.pushState=function(...i){const o=e.apply(this,i);return window.dispatchEvent(new Event(bt)),o},window.history.replaceState=function(...i){const o=n.apply(this,i);return window.dispatchEvent(new Event(bt)),o},window.history[Xt]=!0}function Zt(){return typeof window>"u"?"/":window.location.pathname||"/"}function Rn(e){const[n,i]=r.useState(()=>e??Zt());return r.useEffect(()=>{if(e!==void 0)return;pr();const o=()=>i(Zt());return o(),window.addEventListener("popstate",o),window.addEventListener(bt,o),()=>{window.removeEventListener("popstate",o),window.removeEventListener(bt,o)}},[e]),e??n}const Qt=new Map,hr=/[\\^$+?.()|{}[\]]/g;function mr(e){return e.replace(hr,"\\$&")}function gr(e){const n=Qt.get(e);if(n)return n;const i=e.length>1&&e.endsWith("/")?e.slice(0,-1):e,o="
",a="",s=i.replace(/\*\*/g,o).replace(/\*/g,a),l=mr(s).replace(new RegExp(`\\/${o}`,"g"),"(?:\\/.*)?").replace(new RegExp(o,"g"),".*").replace(new RegExp(a,"g"),"[^/]+"),u=new RegExp(`^${l}\\/?$`);return Qt.set(e,u),u}function yr(e,n){const i=n.length>1&&n.endsWith("/")?n.slice(0,-1):n;return gr(e).test(i)}function Nn(e,n){return typeof e=="function"?e(n):e instanceof RegExp?e.test(n):yr(e,n)}function en(e,n){if(!e||e.length===0)return!1;for(const i of e)if(Nn(i,n))return!0;return!1}function An(e,n,i){return e===void 0?!0:en(i,e)?!1:n&&n.length>0?en(n,e):!0}function In(e,n,i){return r.useMemo(()=>An(e,n,i),[e,n,i])}function vr(e){return e===!1?{navigate:!1,thinking:!1,action:!1}:e===void 0||e===!0?{navigate:!0,thinking:!0,action:!0}:{navigate:e.navigate!==!1,thinking:e.thinking!==!1,action:e.action!==!1}}function br(e){const n=r.useMemo(()=>vr(e.config),[e.config]),i=e.baseUrl.replace(/\/+$/,""),o=r.useRef(null),a=r.useCallback(u=>{try{new Audio(`${i}${u}`).play().catch(()=>{})}catch{}},[i]),s=r.useCallback(()=>{n.navigate&&a("/audio/page-change-sound.mp3")},[n.navigate,a]),c=r.useCallback(()=>{n.action&&a("/audio/confirmation-sound.mp3")},[n.action,a]),l=r.useCallback(u=>{if(!n.thinking){if(o.current){try{o.current.pause()}catch{}o.current=null}return}if(u){if(o.current)return;try{const h=new Audio(`${i}/audio/thinking-sound.mp3`);h.loop=!0,h.volume=.3,h.play().catch(()=>{o.current=null}),o.current=h}catch{}}else if(o.current){try{o.current.pause()}catch{}o.current=null}},[i,n.thinking]);return r.useEffect(()=>()=>{if(o.current){try{o.current.pause()}catch{}o.current=null}},[]),r.useMemo(()=>({playPageChange:s,playConfirmation:c,setThinking:l}),[s,c,l])}const tn=({muted:e=!1,className:n})=>e?t.jsxs("svg",{className:n,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"}),t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2"})]}):t.jsx("svg",{className:n,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4M12 1a3 3 0 00-3 3v4a3 3 0 006 0V4a3 3 0 00-3-3z"})}),nn=({className:e})=>t.jsx("svg",{className:e,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"})}),xr=({className:e})=>t.jsx("svg",{className:e,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})}),wr={left:180,right:0,up:-90,down:90},rn=({direction:e="right",className:n})=>t.jsx("svg",{className:n,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,style:{transform:`rotate(${wr[e]}deg)`},"aria-hidden":"true",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 6l6 6-6 6"})});function _r(e){return e==="top-left"||e==="bottom-left"?"left":"right"}const Mn="ll-hidden-tab-center-y",kr=5,on=16;function Cr(){if(typeof window>"u")return null;try{const e=window.localStorage.getItem(Mn);if(!e)return null;const n=Number.parseFloat(e);return Number.isFinite(n)?n:null}catch{return null}}function sn(e){if(!(typeof window>"u"))try{window.localStorage.setItem(Mn,String(e))}catch{}}const Lr=({position:e,isMobile:n,isSpeaking:i,onExpand:o,label:a="Open widget",avatarImageUrl:s,agentName:c,containerEl:l})=>{const u=_r(e),h=u==="right"?"left":"right",b=n?80:72,p=!!s,f=!!l,[S,C]=r.useState(null),[w,g]=r.useState(!1),x=r.useRef(null),E=r.useRef(!1),R=r.useCallback(D=>{if(typeof window>"u")return D;const F=b/2,L=on+F,K=window.innerHeight-on-F;return K<L?Math.max(L,D):Math.max(L,Math.min(K,D))},[b]);r.useEffect(()=>{if(f){C(null);return}const D=Cr();C(R(D??window.innerHeight/2));const F=()=>{C(L=>L===null?null:R(L))};return window.addEventListener("resize",F),()=>window.removeEventListener("resize",F)},[R,f]);const j=r.useCallback(D=>{if(!f&&!(D.pointerType==="mouse"&&D.button!==0)&&S!==null){try{D.currentTarget.setPointerCapture(D.pointerId)}catch{}x.current={startClientY:D.clientY,startCenterY:S,moved:!1}}},[S,f]),O=r.useCallback(D=>{const F=x.current;if(!F)return;const L=D.clientY-F.startClientY;!F.moved&&Math.abs(L)>kr&&(F.moved=!0,g(!0)),F.moved&&C(R(F.startCenterY+L))},[R]),y=r.useCallback(D=>{const F=x.current;if(F){try{D.currentTarget.releasePointerCapture(D.pointerId)}catch{}x.current=null,F.moved&&(g(!1),E.current=!0,C(L=>(L!==null&&sn(L),L)))}},[]),A=r.useCallback(()=>{if(E.current){E.current=!1;return}o()},[o]),P=r.useCallback(D=>{if(D.key==="ArrowUp"||D.key==="ArrowDown"){D.preventDefault();const F=D.key==="ArrowUp"?-8:8;C(L=>{if(L===null)return L;const K=R(L+F);return sn(K),K})}},[R]),H=["ll-hidden",`ll-hidden--${u}`,n?"ll-hidden--mobile":"ll-hidden--desktop",i?"ll-hidden--speaking":null,w?"is-dragging":null,p?"ll-hidden--with-avatar":null,f?"ll-hidden--scoped":null].filter(Boolean).join(" "),Z=S===null?void 0:{top:`${S-b/2}px`,transform:"none"};return t.jsx("button",{type:"button",className:H,onPointerDown:j,onPointerMove:O,onPointerUp:y,onPointerCancel:y,onClick:A,onKeyDown:P,"aria-label":a,"data-position":e,style:Z,children:p?t.jsxs(t.Fragment,{children:[t.jsx(rn,{direction:h,className:"ll-hidden__chevron ll-hidden__chevron--mini"}),t.jsx("img",{src:s,alt:c?`${c} avatar`:"Agent avatar",className:"ll-hidden__avatar",draggable:!1})]}):t.jsx(rn,{direction:h,className:"ll-hidden__chevron"})})},Er=({audioLevel:e,bars:n=20,maxHeight:i=20,minHeight:o=4,className:a,barClassName:s})=>{const c=r.useRef(null),l=r.useRef([]),u=r.useMemo(()=>{const b=(Math.sqrt(5)-1)/2;return Array.from({length:n},(p,f)=>.5+f*b%1*.5)},[n]);r.useEffect(()=>e.subscribe(p=>{for(let f=0;f<n;f++){const S=l.current[f];if(!S)continue;const C=Math.max(o,p*i*u[f]);S.style.height=`${C}px`}}),[e,n,i,o,u]);const h=["ll-waveform",a].filter(Boolean).join(" ");return t.jsx("div",{ref:c,className:h,"aria-hidden":"true",children:Array.from({length:n},(b,p)=>t.jsx("div",{ref:f=>{l.current[p]=f},className:["ll-waveform__bar",s].filter(Boolean).join(" "),style:{height:`${o}px`}},p))})},jr=({position:e,isMobile:n,agentName:i,avatarImageUrl:o,agentState:a,isMuted:s,audioLevel:c,onExpand:l,onToggleMute:u,onClose:h})=>n?t.jsx("div",{className:"ll-minimized ll-minimized--mobile",role:"region","aria-label":`${i} widget`,children:t.jsxs("button",{type:"button",className:"ll-minimized__surface",onClick:l,"aria-label":`Expand ${i} widget`,children:[o?t.jsx("img",{src:o,alt:i,className:"ll-minimized__avatar"}):t.jsx("div",{className:"ll-minimized__avatar ll-minimized__avatar--placeholder"}),t.jsx(Er,{audioLevel:c,bars:16,maxHeight:18,className:"ll-minimized__waveform"}),t.jsx("span",{className:"ll-minimized__name",children:i}),t.jsxs("div",{className:"ll-minimized__controls",children:[t.jsx("span",{className:"ll-minimized__btn",role:"button",tabIndex:0,onClick:b=>{b.stopPropagation(),u()},onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.stopPropagation(),b.preventDefault(),u())},"aria-label":s?"Unmute microphone":"Mute microphone",children:t.jsx(tn,{muted:s,className:"ll-minimized__icon"})}),t.jsx(nn,{className:"ll-minimized__icon ll-minimized__icon--expand"})]})]})}):t.jsx("div",{className:"ll-minimized ll-minimized--desktop","data-position":e,role:"region","aria-label":`${i} widget`,children:t.jsxs("div",{className:"ll-minimized__surface",children:[o?t.jsx("img",{src:o,alt:i,className:"ll-minimized__avatar"}):t.jsx("div",{className:"ll-minimized__avatar ll-minimized__avatar--placeholder"}),t.jsxs("div",{className:"ll-minimized__meta",children:[t.jsx("span",{className:"ll-minimized__name",children:i}),t.jsx("span",{className:"ll-minimized__state",children:a==="speaking"?"Speaking":a==="thinking"?"Thinking":"Listening"})]}),t.jsxs("div",{className:"ll-minimized__controls",children:[t.jsx("button",{type:"button",className:"ll-minimized__btn",onClick:u,"aria-label":s?"Unmute microphone":"Mute microphone",children:t.jsx(tn,{muted:s,className:"ll-minimized__icon"})}),t.jsx("button",{type:"button",className:"ll-minimized__btn",onClick:l,"aria-label":`Expand ${i} widget`,children:t.jsx(nn,{className:"ll-minimized__icon"})}),t.jsx("button",{type:"button",className:"ll-minimized__btn ll-minimized__btn--close",onClick:h,"aria-label":"Close widget",children:t.jsx(xr,{className:"ll-minimized__icon"})})]})]})}),Sr=({src:e,alt:n,preCannedPlaying:i=!1,className:o,style:a})=>{const[s,c]=r.useState(!1),l=r.useRef(e);if(r.useEffect(()=>{l.current!==e&&(l.current=e,c(!1))},[e]),!e)return null;const u={position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"top",transition:"opacity 500ms ease, transform 500ms ease",transform:i?"scale(1.02)":"scale(1)",opacity:s?1:0,...a};return t.jsx("img",{src:e,alt:n,className:o,style:u,loading:"eager",fetchPriority:"high",onLoad:()=>c(!0)})},Rr="#E06540";function Nr({size:e=14,className:n,fill:i=Rr}){return t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 52 52",fill:"none",className:n,"aria-hidden":!0,children:[t.jsx("path",{d:"M44.5714 26C44.5714 23.5612 44.0908 21.146 43.1575 18.8928C42.2242 16.6397 40.8565 14.5924 39.132 12.868C37.4076 11.1435 35.3603 9.77577 33.1072 8.84247C30.854 7.90917 28.4388 7.42857 26 7.42857C23.5612 7.42857 21.146 7.90916 18.8928 8.84247C16.6397 9.77577 14.5924 11.1435 12.868 12.868C11.1435 14.5924 9.77577 16.6397 8.84247 18.8928C7.90917 21.146 7.42857 23.5612 7.42857 26C7.42857 28.4388 7.90916 30.854 8.84247 33.1072C9.77577 35.3603 11.1435 37.4076 12.868 39.132C14.5924 40.8565 16.6397 42.2242 18.8928 43.1575C21.146 44.0908 23.5612 44.5714 26 44.5714H48.2857C50.3371 44.5714 52 46.2344 52 48.2857C52 50.3371 50.3371 52 48.2857 52H26C22.5857 52 19.2049 51.3275 16.0505 50.021C12.896 48.7144 10.0293 46.7993 7.61501 44.385C5.20069 41.9707 3.28564 39.104 1.97902 35.9495C0.67247 32.7951 -3.54212e-07 29.4143 0 26C-1.68163e-07 22.5857 0.672469 19.2049 1.97902 16.0505C3.28564 12.896 5.20069 10.0293 7.61501 7.61501C10.0293 5.20069 12.896 3.28564 16.0505 1.97902C19.2049 0.67247 22.5857 0 26 0C29.4143 1.86048e-07 32.7951 0.67247 35.9495 1.97902C39.104 3.28564 41.9707 5.20069 44.385 7.61501C46.7993 10.0293 48.7144 12.896 50.021 16.0505C51.3275 19.2049 52 22.5857 52 26C52 28.0513 50.3371 29.7143 48.2857 29.7143C46.2344 29.7143 44.5714 28.0513 44.5714 26Z",fill:i}),t.jsx("path",{d:"M28.9717 23.7714C28.9717 21.3098 30.9672 19.3143 33.4288 19.3143C35.8904 19.3143 37.886 21.3098 37.886 23.7714C37.886 26.233 35.8904 28.2286 33.4288 28.2286C30.9672 28.2286 28.9717 26.233 28.9717 23.7714Z",fill:i}),t.jsx("path",{d:"M18.5714 19.3143C16.1098 19.3143 14.1143 21.3098 14.1143 23.7714C14.1143 26.233 16.1098 28.2286 18.5714 28.2286C21.033 28.2286 23.0285 26.233 23.0285 23.7714C23.0285 21.3098 21.033 19.3143 18.5714 19.3143Z",fill:i})]})}const Ar=8,ln=8,Ir=({open:e,onClose:n,anchorRef:i,children:o})=>{const a=r.useRef(null),[s,c]=r.useState(null);return r.useLayoutEffect(()=>{if(!e){c(null);return}const l=i.current;if(!l)return;const u=()=>{const h=l.getBoundingClientRect(),b={top:h.top-Ar,left:h.left+h.width/2},p=ln+90,f=window.innerWidth-ln-90;b.left<p&&(b.left=p),b.left>f&&(b.left=f),c(b)};return u(),window.addEventListener("scroll",u,!0),window.addEventListener("resize",u),()=>{window.removeEventListener("scroll",u,!0),window.removeEventListener("resize",u)}},[e,i]),r.useEffect(()=>{if(!e)return;const l=h=>{const b=h.target,p=a.current,f=i.current;p&&p.contains(b)||f&&f.contains(b)||n()},u=h=>{h.key==="Escape"&&(h.stopPropagation(),n())};return document.addEventListener("mousedown",l),document.addEventListener("keydown",u),()=>{document.removeEventListener("mousedown",l),document.removeEventListener("keydown",u)}},[e,n,i]),!e||s===null||typeof document>"u"?null:It.createPortal(t.jsx("div",{ref:a,className:"ll-overflow-popover",role:"menu",style:{position:"fixed",top:s.top,left:s.left,transform:"translate(-50%, -100%)"},children:o}),document.body)},Mr=({isMuted:e,onToggleMute:n,isCameraEnabled:i,onToggleCamera:o,allowCamera:a,isScreenShareEnabled:s,onToggleScreenShare:c,allowScreenShare:l,isSpeakerMuted:u,onToggleSpeaker:h,allowTyping:b,isTypingOpen:p,onToggleTyping:f,onDisconnect:S})=>{const[C,w]=r.useState(!1),g=r.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"ll-toolbar ll-toolbar--compact","data-testid":"compact-toolbar",onClick:x=>x.stopPropagation(),children:[t.jsx("button",{type:"button",className:`ll-tool ${e?"is-muted":""}`,onClick:n,"aria-label":e?"Unmute microphone":"Mute microphone",children:t.jsx(Dn,{muted:e})}),t.jsx("button",{ref:g,type:"button",className:`ll-tool ${C?"is-on":""}`,onClick:()=>w(x=>!x),"aria-label":"More controls","aria-haspopup":"menu","aria-expanded":C,children:t.jsx(Tr,{})}),t.jsx("button",{type:"button",className:"ll-tool ll-tool--danger",onClick:S,"aria-label":"End conversation",children:t.jsx(zn,{})})]}),t.jsxs(Ir,{open:C,onClose:()=>w(!1),anchorRef:g,children:[a&&t.jsxs("button",{type:"button",className:`ll-overflow-popover__item ${i?"is-on":""}`,onClick:()=>{o(),w(!1)},children:[t.jsx(Pn,{}),t.jsx("span",{children:i?"Stop camera":"Start camera"})]}),l&&t.jsxs("button",{type:"button",className:`ll-overflow-popover__item ${s?"is-on":""}`,onClick:()=>{c(),w(!1)},children:[t.jsx(Tn,{}),t.jsx("span",{children:s?"Stop sharing":"Share screen"})]}),t.jsxs("button",{type:"button",className:`ll-overflow-popover__item ${u?"is-on":""}`,onClick:()=>{h(),w(!1)},children:[t.jsx($n,{muted:u}),t.jsx("span",{children:u?"Unmute speaker":"Mute speaker"})]}),b&&t.jsxs("button",{type:"button",className:`ll-overflow-popover__item ${p?"is-on":""}`,onClick:()=>{f(),w(!1)},children:[t.jsx(Pr,{}),t.jsx("span",{children:p?"Hide typing":"Type a message"})]}),t.jsxs("button",{type:"button",className:"ll-overflow-popover__item is-active",disabled:!0,"aria-current":"true",children:[t.jsx("span",{className:"ll-overflow-popover__lang-code",children:"EN"}),t.jsx("span",{children:"English"})]})]})]})};function Tr(){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:[t.jsx("circle",{cx:"6",cy:"12",r:"1.5"}),t.jsx("circle",{cx:"12",cy:"12",r:"1.5"}),t.jsx("circle",{cx:"18",cy:"12",r:"1.5"})]})}function Pr(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:t.jsx("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})})}const Dr=({position:e,isMobile:n,agentName:i,avatarImageUrl:o,idleLoopUrl:a,greeting:s,branding:c,teamMembers:l,currentTeamMemberId:u,isSwitchingTeamMember:h,teamSwitcherOpen:b,onToggleTeamSwitcher:p,onSelectTeamMember:f,languageMenuOpen:S,onToggleLanguageMenu:C,connectionState:w,agentState:g,transcript:x,canResume:E,needsUserGesture:R,error:j,isMuted:O,micError:y,micDevices:A,activeMicId:P,isCameraEnabled:H,cameraPreviewEl:Z,cameraDevices:D,activeCameraId:F,isScreenShareEnabled:L,screenPreviewEl:K,isSpeakerMuted:ge,allowCamera:oe,allowScreenShare:Ie,allowTyping:Me,showMinimize:Y=!0,showClose:ke=!0,chromeless:ye=!1,compactControls:$=!1,transforming:ee,transformingLabel:W,avatarVideoContainerRef:ae,agentVideoEl:U,onConnect:Ge,onDisconnect:Ke,onRetry:lt,onResumeAudio:Je,onToggleMute:Ce,onSwitchMicDevice:Te,onToggleCamera:Le,onSwitchCameraDevice:Pe,onToggleScreenShare:Ee,onToggleSpeaker:je,onSendMessage:Se,onMinimize:Re,onClose:I,onClearMicError:xt})=>{var dt;const Ne=((l==null?void 0:l.length)??0)>1,De=w==="connecting"||w==="connected",ce=w==="connected",Xe=w==="idle"||w==="disconnected"||w==="error",[Ae,$e]=r.useState(!1);r.useEffect(()=>{if(!U){$e(!1);return}if(!U.paused&&U.readyState>=2){$e(!0);return}$e(!1);const m=()=>$e(!0);return U.addEventListener("playing",m),U.addEventListener("loadeddata",m),()=>{U.removeEventListener("playing",m),U.removeEventListener("loadeddata",m)}},[U]);const[wt,xe]=r.useState(!1);r.useEffect(()=>{if(!ce){xe(!1);return}if(Ae)return;const m=setTimeout(()=>xe(!0),8e3);return()=>clearTimeout(m)},[ce,Ae]);const te=w==="connecting"||ce&&!!o&&!Ae&&!wt,Ze=r.useRef(null),de=r.useRef(null);r.useEffect(()=>{const m=Ze.current;m&&(m.innerHTML="",Z&&(Z.style.width="100%",Z.style.height="100%",Z.style.objectFit="cover",Z.style.transform="scaleX(-1)",m.appendChild(Z)))},[Z]),r.useEffect(()=>{const m=de.current;m&&(m.innerHTML="",K&&(K.style.width="100%",K.style.height="100%",K.style.objectFit="contain",m.appendChild(K)))},[K]);const[ze,He]=r.useState(!1),[ne,se]=r.useState(!1),at=r.useRef(null),ct=r.useRef(null);r.useEffect(()=>{if(!ze&&!ne&&!S&&!b)return;const m=()=>{He(!1),se(!1),S&&C(),b&&p()};return document.addEventListener("click",m),()=>document.removeEventListener("click",m)},[ze,ne,S,b,C,p]);const[we,Qe]=r.useState(!1),ie=r.useCallback(()=>Qe(m=>!m),[]),[le,_e]=r.useState(""),et=r.useCallback(m=>{m.preventDefault();const G=le.trim();G&&(Se(G),_e(""))},[le,Se]),ut=c.productName||"Live Layer",tt=!c.productName;let fe=null,ve=null;for(let m=x.length-1;m>=0;m--){const G=x[m];if(!fe&&G.role==="agent"?fe=G:!ve&&G.role==="user"&&(ve=G),fe&&ve)break}const Oe=ce?(fe==null?void 0:fe.text)||null:s||null,Fe=ce&&(ve==null?void 0:ve.text)||null,_t=["ll-expanded",n?"ll-expanded--mobile":"ll-expanded--desktop"].join(" ");return t.jsxs("div",{className:_t,"data-position":e,"data-state":ce?"connected":De?"connecting":"idle",role:"dialog","aria-label":`${i} widget`,children:[t.jsxs("div",{className:"ll-expanded__bg",children:[o?t.jsx(Sr,{src:o,alt:i,className:"ll-expanded__bg-img"}):t.jsx("div",{className:"ll-expanded__bg-fallback",children:t.jsx("span",{className:"ll-expanded__bg-initial",children:((dt=i==null?void 0:i.charAt(0))==null?void 0:dt.toUpperCase())||"A"})}),a&&!ce&&t.jsx("video",{className:"ll-expanded__bg-idle",src:a,autoPlay:!0,loop:!0,muted:!0,playsInline:!0})]}),t.jsx("div",{ref:ae,className:"ll-expanded__video"}),te&&t.jsxs("div",{className:"ll-expanded__overlay ll-expanded__overlay--connecting",children:[t.jsx("div",{className:"ll-expanded__spinner"}),t.jsx("p",{className:"ll-expanded__overlay-text",children:h?"Switching...":"Connecting..."})]}),R&&ce&&t.jsxs("button",{type:"button",className:"ll-expanded__overlay ll-expanded__overlay--gesture",onClick:Je,children:[t.jsx("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:t.jsx("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z"})}),t.jsx("p",{className:"ll-expanded__overlay-text",children:"Tap to enable audio"})]}),ee&&t.jsxs("div",{className:"ll-expanded__overlay ll-expanded__overlay--transforming",role:"status","aria-live":"polite","aria-label":W,children:[t.jsx("div",{className:"ll-expanded__spinner"}),t.jsx("p",{className:"ll-expanded__overlay-text",children:W})]}),De?t.jsxs(t.Fragment,{children:[!$&&t.jsxs("div",{className:"ll-expanded__topbar",children:[!ye&&t.jsxs("div",{className:"ll-expanded__topbar-left",children:[t.jsxs("div",{className:"ll-expanded__pill-wrap",children:[t.jsxs("button",{type:"button",className:"ll-hpill",onClick:m=>{Ne&&(m.stopPropagation(),p())},"aria-haspopup":Ne?"listbox":void 0,"aria-expanded":Ne?b:void 0,children:[t.jsx("span",{className:"ll-hpill__label",children:i}),Ne&&t.jsx(mt,{})]}),Ne&&b&&t.jsx("div",{className:"ll-hmenu",onClick:m=>m.stopPropagation(),role:"listbox",children:l==null?void 0:l.map(m=>t.jsxs("button",{type:"button",className:`ll-hmenu__item ${m.id===u?"is-active":""}`,onClick:()=>f(m.id),role:"option","aria-selected":m.id===u,children:[m.avatarImageUrl&&t.jsx("img",{src:m.avatarImageUrl,alt:"",className:"ll-hmenu__avatar"}),t.jsx("span",{className:"ll-hmenu__name",children:m.name}),m.role&&t.jsx("span",{className:"ll-hmenu__role",children:m.role})]},m.id))})]}),t.jsxs("div",{className:"ll-expanded__pill-wrap",children:[t.jsxs("button",{type:"button",className:"ll-hpill ll-hpill--compact",onClick:m=>{m.stopPropagation(),C()},"aria-haspopup":"listbox","aria-expanded":S,"aria-label":"Language: English",title:"Language: English",children:[t.jsx("span",{className:"ll-hpill__label",children:"EN"}),t.jsx(mt,{})]}),S&&t.jsx("div",{className:"ll-hmenu",onClick:m=>m.stopPropagation(),role:"listbox",children:t.jsx("button",{type:"button",className:"ll-hmenu__item is-active",role:"option","aria-selected":!0,children:t.jsx("span",{className:"ll-hmenu__name",children:"English"})})})]}),t.jsx("span",{className:`ll-expanded__state ll-expanded__state--${g}`,children:g})]}),t.jsxs("div",{className:"ll-expanded__header-actions",children:[Y!==!1&&t.jsx("button",{type:"button",className:"ll-hbtn",onClick:Re,"aria-label":"Minimize widget",title:"Minimize",children:t.jsx(cn,{})}),ke!==!1&&t.jsx("button",{type:"button",className:"ll-hbtn ll-hbtn--danger",onClick:I,"aria-label":"End call",title:"End call",children:t.jsx(an,{})})]})]}),$&&t.jsxs("div",{className:"ll-compact-status","data-state":g,children:[t.jsx("span",{className:"ll-compact-status__dot","aria-hidden":!0}),t.jsx("span",{className:"ll-compact-status__label",children:g})]})]}):!$&&t.jsxs("div",{className:"ll-expanded__header ll-expanded__header--idle",children:[tt?t.jsxs("a",{className:"ll-expanded__brand ll-expanded__brand--link",href:"https://livelayer.studio?utm_source=widget&utm_medium=brand-badge",target:"_blank",rel:"noopener noreferrer","aria-label":"Powered by LiveLayer — opens livelayer.studio in a new tab",title:"Powered by LiveLayer — visit livelayer.studio",children:[t.jsx(Nr,{size:14,className:"ll-expanded__brand-mark"}),t.jsx("span",{children:ut})]}):t.jsx("span",{className:"ll-expanded__brand",children:ut}),t.jsxs("div",{className:"ll-expanded__header-actions",children:[Y!==!1&&t.jsx("button",{type:"button",className:"ll-hbtn ll-hbtn--ghost",onClick:Re,"aria-label":"Minimize widget",children:t.jsx(cn,{})}),ke!==!1&&t.jsx("button",{type:"button",className:"ll-hbtn ll-hbtn--danger",onClick:I,"aria-label":"Close widget",children:t.jsx(an,{})})]})]}),Xe&&(()=>{const m=E?"Resume session":w==="disconnected"?"Reconnect to agent":"Start video call",G=!j;return t.jsxs(t.Fragment,{children:[G&&t.jsxs("button",{type:"button",className:"ll-expanded__play",onClick:Ge,"aria-label":m,children:[t.jsx("div",{className:"ll-expanded__play-circle",children:t.jsx("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:t.jsx("polygon",{points:"6 3 20 12 6 21 6 3"})})}),$&&t.jsx("span",{className:"ll-expanded__play-label",children:m})]}),!$&&t.jsxs("div",{className:"ll-expanded__bottom ll-expanded__bottom--idle",children:[s&&t.jsx("div",{className:"ll-expanded__transcript",children:t.jsx("p",{className:"ll-expanded__transcript-text",children:s})}),t.jsx("button",{type:"button",className:"ll-expanded__cta",onClick:Ge,"aria-label":m,children:m})]})]})})(),t.jsxs("div",{className:`ll-expanded__pip ${De&&(H||L)?"is-visible":""}`,children:[t.jsx("div",{ref:de,className:L?"ll-expanded__pip-host":"ll-expanded__pip-host is-hidden"}),t.jsx("div",{ref:Ze,className:!L&&H?"ll-expanded__pip-host":"ll-expanded__pip-host is-hidden"})]}),De?t.jsxs("div",{className:"ll-expanded__bottom",children:[!$&&Oe&&t.jsx("div",{className:"ll-expanded__transcript ll-expanded__transcript--agent","data-role":"agent",children:t.jsx("p",{className:"ll-expanded__transcript-text",children:Oe})}),!$&&Fe&&t.jsx("div",{className:"ll-expanded__transcript ll-expanded__transcript--user","data-role":"user",children:t.jsx("p",{className:"ll-expanded__transcript-text",children:Fe})}),!ye&&!$&&t.jsxs("div",{className:"ll-toolbar",onClick:m=>m.stopPropagation(),children:[Ie&&t.jsx("button",{type:"button",className:`ll-tool ${L?"is-on":""}`,onClick:Ee,"aria-label":L?"Stop sharing screen":"Share screen",title:L?"Stop sharing":"Share screen",children:t.jsx(Tn,{})}),oe&&t.jsxs("div",{className:"ll-tool-split",children:[t.jsx("button",{type:"button",className:`ll-tool ll-tool--left ${H?"is-on":""}`,onClick:Le,"aria-label":H?"Turn off camera":"Turn on camera",title:H?"Stop camera":"Start camera",children:t.jsx(Pn,{})}),t.jsx("button",{ref:ct,type:"button",className:`ll-tool ll-tool--right ${H?"is-on":""}`,onClick:m=>{m.stopPropagation(),se(G=>!G),He(!1)},"aria-label":"Camera devices","aria-haspopup":"listbox","aria-expanded":ne,children:t.jsx(mt,{})}),ne&&D.length>0&&t.jsx(un,{label:"Camera",devices:D,activeId:F,anchorRef:ct,onPick:m=>{se(!1),Pe(m)}})]}),t.jsxs("div",{className:"ll-tool-split",children:[t.jsx("button",{type:"button",className:`ll-tool ll-tool--left ${O?"is-muted":""}`,onClick:Ce,"aria-label":O?"Unmute microphone":"Mute microphone",title:O?"Unmute":"Mute",children:t.jsx(Dn,{muted:O})}),t.jsx("button",{ref:at,type:"button",className:`ll-tool ll-tool--right ${O?"is-muted":""}`,onClick:m=>{m.stopPropagation(),He(G=>!G),se(!1)},"aria-label":"Microphone devices","aria-haspopup":"listbox","aria-expanded":ze,children:t.jsx(mt,{})}),ze&&A.length>0&&t.jsx(un,{label:"Microphone",devices:A,activeId:P,anchorRef:at,onPick:m=>{He(!1),Te(m)}})]}),t.jsx("button",{type:"button",className:`ll-tool ${ge?"is-muted":""}`,onClick:je,"aria-label":ge?"Unmute speaker":"Mute speaker",title:ge?"Unmute speaker":"Mute speaker",children:t.jsx($n,{muted:ge})}),t.jsx("button",{type:"button",className:"ll-tool ll-tool--danger",onClick:Ke,"aria-label":"End conversation",title:"End conversation",children:t.jsx(zn,{})})]}),!ye&&$&&t.jsx(Mr,{isMuted:O,onToggleMute:Ce,isCameraEnabled:H,onToggleCamera:Le,allowCamera:oe,isScreenShareEnabled:L,onToggleScreenShare:Ee,allowScreenShare:Ie,isSpeakerMuted:ge,onToggleSpeaker:je,allowTyping:Me,isTypingOpen:we,onToggleTyping:ie,onDisconnect:Ke}),!ye&&Me&&($?we:!0)&&t.jsxs("form",{className:"ll-message-input",onSubmit:et,children:[t.jsx("input",{type:"text",className:"ll-message-input__field",placeholder:"Message...",value:le,onChange:m=>_e(m.target.value),"aria-label":"Message the agent"}),le.trim()&&t.jsx("button",{type:"submit",className:"ll-message-input__send","aria-label":"Send message",children:t.jsx($r,{})})]})]}):null,(()=>{if(y&&w!=="error")return t.jsxs("div",{className:"ll-expanded__banner",role:"alert",children:[t.jsx("span",{children:y}),t.jsx("button",{type:"button",className:"ll-expanded__banner-x",onClick:xt,"aria-label":"Dismiss",children:"×"})]});if(!j||w!=="error")return null;let m="Failed to connect",G="Try again";return j==="MIC_PERMISSION_DENIED"?m="Microphone blocked. Allow access to talk.":j==="MIC_NOT_FOUND"?m="No microphone found. Plug one in + retry.":j==="MIC_UNAVAILABLE"?m="Mic unavailable. Check other apps using it.":j==="AGENT_TIMEOUT"?m="Agent didn't pick up. Try again.":j==="CONNECT_FAILED"?m="Connection failed. Check your network.":j.length<80&&(m=j),t.jsxs("div",{className:"ll-expanded__banner ll-expanded__banner--error",role:"alert",children:[t.jsx("span",{children:m}),t.jsx("button",{type:"button",className:"ll-expanded__banner-retry",onClick:lt,children:G})]})})()]})};function mt(){return t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":!0,children:t.jsx("polyline",{points:"6 9 12 15 18 9"})})}function an(){return t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}function cn(){return t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})})}function Tn(){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),t.jsx("line",{x1:"8",y1:"21",x2:"16",y2:"21"}),t.jsx("line",{x1:"12",y1:"17",x2:"12",y2:"21"})]})}function Pn(){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("path",{d:"M23 7l-7 5 7 5V7z"}),t.jsx("rect",{x:"1",y:"5",width:"15",height:"14",rx:"2"})]})}function Dn({muted:e}){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("path",{d:"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"}),t.jsx("path",{d:"M19 10v2a7 7 0 0 1-14 0v-2"}),t.jsx("line",{x1:"12",y1:"19",x2:"12",y2:"23"}),e&&t.jsx("line",{x1:"1",y1:"1",x2:"23",y2:"23"})]})}function $n({muted:e}){return t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("polygon",{points:"11 5 6 9 2 9 2 15 6 15 11 19 11 5"}),e?t.jsx("line",{x1:"23",y1:"9",x2:"17",y2:"15"}):t.jsxs(t.Fragment,{children:[t.jsx("path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14"}),t.jsx("path",{d:"M15.54 8.46a5 5 0 0 1 0 7.07"})]})]})}function $r(){return t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),t.jsx("polyline",{points:"12 5 19 12 12 19"})]})}function zn(){return t.jsx("svg",{width:"16",height:"16",viewBox:"-4 -4 32 32",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:t.jsx("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.93.37 1.84.71 2.7a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.38-1.38a2 2 0 0 1 2.11-.45c.86.34 1.77.58 2.7.71A2 2 0 0 1 22 16.92z",transform:"rotate(135 12 12)"})})}const un=({label:e,devices:n,activeId:i,onPick:o,anchorRef:a})=>{const[s,c]=r.useState(null);return r.useLayoutEffect(()=>{const l=()=>{const u=a.current;if(!u)return;const h=u.getBoundingClientRect(),b=126,p=window.innerWidth-16-110,f=h.left+h.width/2;c({top:h.top-8,left:Math.max(b,Math.min(p,f))})};return l(),window.addEventListener("scroll",l,!0),window.addEventListener("resize",l),()=>{window.removeEventListener("scroll",l,!0),window.removeEventListener("resize",l)}},[a]),s===null||typeof document>"u"?null:It.createPortal(t.jsxs("div",{className:"ll-device-menu ll-device-menu--floating",onClick:l=>l.stopPropagation(),role:"listbox",style:{position:"fixed",top:s.top,left:s.left,transform:"translate(-50%, -100%)"},children:[t.jsx("p",{className:"ll-device-menu__label",children:e}),n.map((l,u)=>{const h=i===l.deviceId;return t.jsxs("button",{type:"button",className:`ll-device-menu__item ${h?"is-active":""}`,onClick:()=>o(l.deviceId),role:"option","aria-selected":h,children:[h&&t.jsx("span",{className:"ll-device-menu__dot",children:"●"}),t.jsx("span",{className:"ll-device-menu__name",children:l.label||`${e} ${u+1}`})]},l.deviceId||u)})]}),document.body)},zr=["[data-ll-private]","[data-ll-skip]",".ll-widget"];function Mt(e){let n=e;for(;n;){for(const i of zr)if(n.matches(i))return!0;n=n.parentElement}return!1}function Nt(e){if(Mt(e))return!1;if(e instanceof HTMLInputElement){if(e.type==="password")return!1;const n=(e.getAttribute("autocomplete")||"").toLowerCase();if(n==="off"||n.startsWith("cc-"))return!1}return!0}const gt=4096,Hr=20,Or=20,Fr=10,Br=10,Wr=30,qr=20,dn=500,Ur=['[data-ll-private="true"]',".ll-widget","script","style","noscript","iframe"];function ot(e){if(e.getAttribute("aria-hidden")==="true"||e.hasAttribute("hidden"))return!0;let n=e;for(;n;){for(const i of Ur)if(n.matches(i))return!0;n=n.parentElement}return!1}function st(e){if(typeof window>"u")return!0;const n=e.getBoundingClientRect();if(n.width<=0||n.height<=0)return!1;const i=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth;return n.bottom>0&&n.right>0&&n.top<i&&n.left<o}function fn(e){const n=e.getAttribute("id");if(n){const s=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(n):n.replace(/"/g,'\\"'),c=document.querySelector(`label[for="${s}"]`);if(c!=null&&c.textContent)return c.textContent.trim()}const i=e.getAttribute("aria-label");if(i)return i.trim();const o=e.closest("label");if(o){const s=[];for(const l of Array.from(o.childNodes))if(l.nodeType===Node.TEXT_NODE){const u=(l.textContent||"").trim();u&&s.push(u)}else if(l instanceof HTMLElement){if(l instanceof HTMLInputElement||l instanceof HTMLTextAreaElement||l instanceof HTMLSelectElement||l instanceof HTMLButtonElement)continue;const u=(l.textContent||"").trim();u&&s.push(u)}const c=s.join(" ").trim();if(c)return c}const a=e.getAttribute("placeholder");return a?a.trim():""}function Q(e,n){return e.length<=n?e:e.slice(0,n-1)+"…"}function Vr(e){return e&&e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"").slice(0,60)||null}function Yr(e){const n=e.getAttribute("aria-label");if(n)return n.trim().slice(0,80);const i=e.getAttribute("aria-labelledby");if(i){const s=document.getElementById(i);if(s!=null&&s.textContent)return s.textContent.trim().slice(0,80)}const o=e.querySelector('button[type="submit"], input[type="submit"], button:not([type])');if(o){const s=o instanceof HTMLInputElement?o.value:(o.textContent??"").trim();if(s&&s.length<60&&!/^(submit|ok|continue)$/i.test(s))return s}let a=e.parentElement;for(let s=0;a&&s<4;s++,a=a.parentElement){const c=a.querySelector("h1, h2, h3, h4");if(c!=null&&c.textContent){const l=c.textContent.trim();if(l&&l.length<80)return l}}return null}function qe(e){return e.length}function Hn(e,n={}){const i=n.doc??(typeof document<"u"?document:null);if(!i)return{url:"",title:"",pathname:"/",regions:[],visibleText:"",visibleLinks:[],visibleFields:[],forms:[],extras:e};const o=typeof window<"u"&&window.location.href||"",a=typeof window<"u"&&window.location.pathname||"/",s=i.title||"",c=Array.from(i.querySelectorAll("[data-ll-region]")),l=[];for(const y of c){if(l.length>=Fr)break;if(ot(y)||!st(y))continue;const A=y.getAttribute("data-ll-region")??"",P=y.getAttribute("data-ll-intent")??void 0,H=Q((y.innerText||y.textContent||"").trim(),dn*2);!A||!H||l.push({id:A,intent:P,text:H})}const u=[],h=["H1","H2","H3","H4","H5","H6"],b=Array.from(i.querySelectorAll("h1, h2, h3, h4, h5, h6"));for(const y of b){if(ot(y)||!st(y))continue;const A=(y.textContent||"").trim();A&&u.push(`${y.tagName}: ${Q(A,200)}`)}const p=Array.from(i.querySelectorAll("p, li"));for(const y of p){if(ot(y)||!st(y)||h.includes(y.tagName))continue;const A=(y.textContent||"").trim();A.length>10&&u.push(Q(A,dn))}const f=u.join(`
+`),S=[],C=Array.from(i.querySelectorAll("a[href]"));for(const y of C){if(S.length>=Hr)break;if(ot(y)||!st(y))continue;const A=y.getAttribute("href")||"",P=(y.textContent||"").trim();!A||!P||S.push({href:A,text:Q(P,100)})}const w=[],g=Array.from(i.querySelectorAll("input, textarea, select"));for(const y of g){if(w.length>=Or)break;if(ot(y)||!Nt(y)||!st(y))continue;const A=fn(y),P=y instanceof HTMLInputElement?y.type:y.tagName.toLowerCase();A&&w.push({label:Q(A,100),type:P})}const x=Array.from(i.querySelectorAll("form")),E=[];let R=0;for(const y of x){if(E.length>=Br)break;if(Mt(y)||y.matches(".ll-widget *, .ll-widget"))continue;const A=y.getAttribute("id")||y.getAttribute("name")||Vr(y.getAttribute("data-ll-intent"))||`form_${R++}`,P=y.getAttribute("data-ll-intent")||Yr(y)||void 0,H=Array.from(y.querySelectorAll("input, textarea, select")),Z=[];let D=0;const F=new Set;for(const L of H){if(Z.length>=Wr)break;if(!Nt(L))continue;if(L instanceof HTMLInputElement){const $=L.type;if($==="submit"||$==="button"||$==="reset"||$==="hidden"||$==="image"||$==="file")continue}const K=L.getAttribute("name")||"",ge=L.getAttribute("id")||"";let oe=K||ge||`field_${D}`;F.has(oe)&&(oe=`${oe}__${D}`),F.add(oe),D++;const Ie=fn(L)||oe,Me=L instanceof HTMLInputElement?L.type:L.tagName.toLowerCase(),Y={name:oe,label:Q(Ie,100),type:Me};L.required===!0&&(Y.required=!0);const ke=L.getAttribute("placeholder");if(ke&&(Y.placeholder=Q(ke.trim(),100)),L instanceof HTMLInputElement||L instanceof HTMLTextAreaElement){const $=L.getAttribute("minlength");if($!==null){const W=parseInt($,10);!Number.isNaN(W)&&W>=0&&(Y.minLength=W)}const ee=L.getAttribute("maxlength");if(ee!==null){const W=parseInt(ee,10);!Number.isNaN(W)&&W>=0&&(Y.maxLength=W)}}if(L instanceof HTMLInputElement){const $=L.getAttribute("min");$!==null&&(Y.min=Q($,50));const ee=L.getAttribute("max");ee!==null&&(Y.max=Q(ee,50));const W=L.getAttribute("step");W!==null&&(Y.step=Q(W,20));const ae=L.getAttribute("pattern");ae!==null&&(Y.pattern=Q(ae,200));const U=(L.getAttribute("autocomplete")||"").toLowerCase();U&&U!=="off"&&!U.startsWith("cc-")&&(Y.autocomplete=Q(U,50))}if(L instanceof HTMLSelectElement){const $=[];for(let ee=0;ee<L.options.length&&!($.length>=qr);ee++){const W=L.options[ee];if(!W||W.disabled)continue;const ae=W.value||"",U=(W.textContent||"").trim()||ae;!ae&&!U||$.push({value:ae,label:Q(U,60)})}$.length>0&&(Y.options=$)}const ye=typeof L.validationMessage=="string"?L.validationMessage:"";ye&&(Y.validationMessage=Q(ye,200)),Z.push(Y)}E.push({id:A,intent:P,fields:Z})}const j={url:o,title:s,pathname:a,regions:l,visibleText:f,visibleLinks:S,visibleFields:w,forms:E,extras:e};let O=qe(JSON.stringify(j.regions))+qe(j.visibleText)+qe(JSON.stringify(j.visibleLinks))+qe(JSON.stringify(j.visibleFields));for(;O>gt&&j.visibleFields.length>0;)j.visibleFields.pop(),O=qe(JSON.stringify(j.visibleFields));for(;O>gt&&j.visibleLinks.length>0;)j.visibleLinks.pop(),O-=80;return qe(j.visibleText)>gt&&(j.visibleText=Q(j.visibleText,gt-100)),j}let Ue=null;function At(e,n={}){const i=Date.now(),a=`${typeof window<"u"&&window.location.pathname||"/"}::${typeof window<"u"?window.scrollY:0}`;if(Ue&&Ue.key===a&&i-Ue.at<1e3)return Ue.ctx;const s=Hn(e,n);return Ue={key:a,at:i,ctx:s},s}function On(){Ue=null}const Gr=200;function Fn(e){const n=String(e.href||"");return{href:n,text:String(e.text??e.title??n),internal:e.internal??!0,title:e.title,description:e.description}}function Kr(e){return!(!e||e.startsWith("#")||e.startsWith("javascript:")||e.startsWith("mailto:")||e.startsWith("tel:"))}function Bn(e){const n=e??(typeof document<"u"?document:null);if(!n)return[];const i=typeof window<"u"&&window.location.origin||"",o=new Set,a=[],s=Array.from(n.querySelectorAll("a[href]"));for(const c of s){if(a.length>=Gr)break;if(Mt(c))continue;const l=c.getAttribute("href")||"";if(!Kr(l))continue;let u=l,h=!0;try{if(typeof window<"u"){const p=new URL(l,i);h=p.origin===i,h&&l.startsWith("http")&&(u=p.pathname+p.search+p.hash)}}catch{continue}if(o.has(u))continue;o.add(u);const b=(c.textContent||"").trim().slice(0,120);a.push({href:u,text:b,internal:h})}return a}let Ve=null;const Jr=5e3;function yt(){const e=Date.now(),n=typeof window<"u"&&window.location.pathname||"/";if(Ve&&Ve.pathname===n&&e-Ve.at<Jr)return Ve.routes;const i=Bn();return Ve={at:e,pathname:n,routes:i},i}function Wn(){Ve=null}function pn(e){if(e instanceof HTMLInputElement){const n=e.type;if(n==="submit"||n==="button"||n==="reset"||n==="hidden"||n==="image"||n==="file")return!1}return!0}function Xr(e,n){return e.getAttribute("name")||e.getAttribute("id")||`field_${n}`}function Zr(e,n){if(!n)return null;try{const s=e.querySelector(`[name="${n.replace(/"/g,'\\"')}"]`);if(s&&pn(s))return s}catch{}const i=Array.from(e.querySelectorAll("input, textarea, select"));let o=0;const a=new Map;for(const s of i){if(!pn(s))continue;const c=Xr(s,o);let l=c;if(a.has(c)&&(l=`${c}__${o}`),l===n)return s;a.set(c,s),o++}return null}function hn(e,n){const i=Zr(e,n);return i?Nt(i)?{el:i}:{el:null,reason:"private"}:{el:null,reason:"not_found"}}function Qr(e,n){const i=e instanceof HTMLInputElement?HTMLInputElement.prototype:e instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLSelectElement.prototype,o=Object.getOwnPropertyDescriptor(i,"value"),a=o==null?void 0:o.set;a?a.call(e,n):e.value=n}function ei(e,n,i={}){const o=i.triggerInput??!0,a=i.triggerChange??!0;if(e instanceof HTMLInputElement&&(e.type==="checkbox"||e.type==="radio")){const s=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"checked"),c=s==null?void 0:s.set,l=n==="true"||n==="1"||n==="on";c?c.call(e,l):e.checked=l,o&&e.dispatchEvent(new Event("input",{bubbles:!0})),a&&e.dispatchEvent(new Event("change",{bubbles:!0}));return}Qr(e,n),o&&e.dispatchEvent(new Event("input",{bubbles:!0})),a&&e.dispatchEvent(new Event("change",{bubbles:!0}))}function mn(e,n){if(!n)return null;const i=n.replace(/"/g,'\\"');try{const c=e.querySelector(`form#${CSS.escape(n)}`);if(c)return c}catch{}const o=e.querySelector(`form[name="${i}"]`);if(o)return o;const a=e.querySelector(`form[data-ll-intent="${i}"]`);if(a)return a;const s=Array.from(e.querySelectorAll("form"));for(const c of s){const l=c.getAttribute("data-ll-intent");if(l&&ti(l)===n)return c}if(/^form_\d+$/.test(n)){const c=parseInt(n.slice(5),10);let l=0;for(const u of s)if(!(u.id||u.getAttribute("name")||u.getAttribute("data-ll-intent"))){if(l===c)return u;l++}}return null}function ti(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"").slice(0,60)||null}function ni(){if(typeof window>"u"||typeof document>"u")return!1;const e=document.scrollingElement||document.documentElement;if(!e||e.scrollHeight<=e.clientHeight+2)return!1;const n=window.getComputedStyle(e);return!(n.overflowY==="hidden"||n.overflowY==="clip")}function ri(e){if(!(e instanceof HTMLElement))return!1;const i=window.getComputedStyle(e).overflowY;return!(i!=="auto"&&i!=="scroll"||e.scrollHeight<=e.clientHeight+2)}function ii(){if(typeof document>"u")return null;const e=Array.from(document.querySelectorAll("body, body *"));let n=null,i=0;for(const o of e){if(!ri(o))continue;const a=o.getBoundingClientRect();if(a.bottom<=0||a.top>=window.innerHeight||a.right<=0||a.left>=window.innerWidth||a.width<=0||a.height<=0||o.closest(".ll-widget"))continue;const s=a.width*a.height;s>i&&(i=s,n=o)}return n}function oi(){if(typeof window>"u")return null;if(ni())return window;const e=ii();return e||window}function gn(e){return e instanceof Window?e.innerHeight||0:e.clientHeight||0}function si(e){var n,i;return e instanceof Window?typeof document>"u"?0:Math.max(((n=document.body)==null?void 0:n.scrollHeight)??0,((i=document.documentElement)==null?void 0:i.scrollHeight)??0):e.scrollHeight-e.clientHeight}const li=new Set(["agent_state","avatar_stream_ready","avatar_active","avatar_idle","bot_ready","agent_error","idle_warning","idle_timeout","navigate","scroll_to","request_page_context","scroll_page","click","fill_form","focus_field","submit_form","request_routes","task_field_updated","task_completed"]),qn=r.forwardRef(function(n,i){var qt,Ut,Vt,Yt,Gt,Kt,Jt;const{agentId:o,apiKey:a,baseUrl:s="https://app.livelayer.studio",sessionEndpoint:c,sessionBody:l,soundEffects:u,experienceMode:h="WIDGET",autoConnect:b=!1,displayMode:p,defaultDisplayMode:f="expanded",onDisplayModeChange:S,position:C="bottom-right",mobileBreakpoint:w=640,persistKey:g="ll-widget",disablePersistence:x=!1,teamMembers:E,currentTeamMemberId:R,onTeamMemberChange:j,idleLoopUrl:O,greeting:y,avatarImageUrl:A,agentName:P,branding:H={},allowCamera:Z=!0,allowScreenShare:D=!0,allowTyping:F=!0,showMinimize:L,showClose:K,chromeless:ge=!1,floatingChromeContainer:oe=null,compactControls:Ie=!1,transforming:Me=!1,transformingLabel:Y="Transforming…",showOn:ke,hideOn:ye,pathname:$,onNavigate:ee,onScrollToSelector:W,getPageContext:ae,pageContextExtras:U,getRoutes:Ge,onScrollPage:Ke,onClick:lt,capabilities:Je,onConnect:Ce,onDisconnect:Te,onTranscript:Le,onAgentState:Pe,onConnectionStateChange:Ee,onAgentEvent:je,onAgentCommand:Se,onCollect:Re,controlledSession:I,className:xt,style:Ne,zIndex:De=2147483647}=n,ce=Rn($),Xe=In(ce,ke,ye);r.useEffect(()=>{On(),Wn()},[ce]);const Ae=R!==void 0,[$e,wt]=r.useState(()=>{var v;return R??((v=E==null?void 0:E[0])==null?void 0:v.id)}),xe=Ae?R:$e,te=r.useMemo(()=>(E==null?void 0:E.find(v=>v.id===xe))??null,[E,xe]),Ze=(te==null?void 0:te.agentId)??o,de=h==="EMBEDDED",[ze,He]=jn({value:p,defaultValue:f,onChange:S,persistKey:g,disablePersistence:de||x}),ne=de?"expanded":ze,se=de?()=>{}:He,at=L??!de,ct=K??!de,we=Sn(w),Qe=xn(),ie=wn(),le=_n(),_e=kn(),et=Cn(),[ut,tt]=r.useState(!1),[fe,ve]=r.useState(!1),[Oe,Fe]=r.useState(!1),[_t,dt]=r.useState(!1),[m,G]=r.useState(!1),ft=br({baseUrl:s,config:u}),pt=r.useRef(ft);pt.current=ft;const kt=r.useRef(ee),Ct=r.useRef(W),Lt=r.useRef(Ke),Et=r.useRef(lt),Tt=r.useRef(ae),Pt=r.useRef(U),Dt=r.useRef(Ge),jt=r.useRef(Je),pe=r.useRef(null);kt.current=ee,Ct.current=W,Lt.current=Ke,Et.current=lt,Tt.current=ae,Pt.current=U,Dt.current=Ge,jt.current=Je;function he(v){const d=jt.current;return d?d.includes(v):!0}function me(v,d){console.warn(`[LiveLayer] Agent command "${v}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`)}const nt=r.useCallback(v=>{var V,ue,be,it;const d=v;if(!(!d.type||typeof d.type!="string")){if(je==null||je({eventName:d.type,data:v}),d.type==="navigate"){if(!he("navigate")){me("navigate","navigate");return}const _=typeof d.href=="string"?d.href:null;if(!_){console.warn(`[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`);return}if(pt.current.playPageChange(),kt.current){try{kt.current(_)}catch(N){console.warn(`[LiveLayer] onNavigate threw for "${_}". Falling back. Error:`,N)}return}if(typeof document<"u"){const N=document.querySelector(`a[href="${_.replace(/"/g,'\\"')}"]`);if(N){N.click();return}}if(typeof window<"u"&&typeof history<"u")try{history.pushState({},"",_),window.dispatchEvent(new PopStateEvent("popstate"))}catch(N){console.warn(`[LiveLayer] history.pushState fallback failed for "${_}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,N)}return}if(d.type==="scroll_to"){if(!he("scroll")){me("scroll_to","scroll");return}const _=typeof d.selector=="string"?d.selector:null;if(!_)return;const N=d.behavior==="instant"?"instant":"smooth";if(Ct.current){try{Ct.current(_,N)}catch(z){console.warn("[LiveLayer] onScrollToSelector threw.",z)}return}if(typeof document<"u"){let z=null;try{z=document.querySelector(_)}catch{console.warn(`[LiveLayer] scroll_to: invalid selector "${_}".`);return}if(!z){console.warn(`[LiveLayer] scroll_to: no element matched "${_}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`);return}z.scrollIntoView({behavior:N,block:"start"})}return}if(d.type==="request_page_context"){if(!he("read_page")){me("request_page_context","read_page");return}const _=typeof d.requestId=="string"?d.requestId:void 0,N=(V=pe.current)==null?void 0:V.call(pe),z=q=>{const M=N,X=M==null?void 0:M.localParticipant;if(X!=null&&X.publishData)try{const re=_?{...q,requestId:_}:q,We=new TextEncoder().encode(JSON.stringify(re));X.publishData(We,{reliable:!0})}catch(re){console.warn("[LiveLayer] publishData failed.",re)}},T=Pt.current,B=Tt.current;try{if(B){const q=B(T);if(q instanceof Promise){z({type:"page_context_pending"}),q.then(M=>z({type:"page_context",context:M})).catch(M=>{console.warn("[LiveLayer] getPageContext rejected; falling back to default walker.",M),z({type:"page_context",context:At(T)})});return}z({type:"page_context",context:q});return}z({type:"page_context",context:At(T)})}catch(q){console.warn("[LiveLayer] page-context extraction threw. Sending empty context.",q),z({type:"page_context",context:{url:"",title:"",pathname:"/",regions:[],visibleText:"",visibleLinks:[],visibleFields:[],forms:[],extras:T}})}return}if(d.type==="scroll_page"){if(!he("scroll")){me("scroll_page","scroll");return}const _=d.direction;if(_!=="up"&&_!=="down"&&_!=="top"&&_!=="bottom"){console.warn(`[LiveLayer] scroll_page: invalid direction "${String(_)}". Expected up | down | top | bottom.`);return}const N=d.behavior==="instant"?"instant":"smooth";if(Lt.current){try{Lt.current(_,N)}catch(M){console.warn("[LiveLayer] onScrollPage threw.",M)}return}if(typeof window>"u")return;const z={behavior:N},T=oi(),B=M=>{T instanceof Window?T.scrollBy({top:M,...z}):T.scrollBy({top:M,...z})},q=M=>{T instanceof Window?T.scrollTo({top:M,...z}):T.scrollTo({top:M,...z})};_==="up"?B(-gn(T)):_==="down"?B(gn(T)):q(_==="top"?0:si(T));return}if(d.type==="click"){if(!he("click")){me("click","click");return}const _=typeof d.selector=="string"?d.selector:null;if(!_){console.warn("[LiveLayer] click: missing selector.");return}if(Et.current){try{Et.current(_)}catch(z){console.warn("[LiveLayer] onClick threw.",z)}return}if(typeof document>"u")return;let N=null;try{N=document.querySelector(_)}catch{console.warn(`[LiveLayer] click: invalid selector "${_}".`);return}if(!N){console.warn(`[LiveLayer] click: no element matched "${_}". See https://livelayer.studio/docs/errors/click-no-match`);return}if(N.closest('[data-ll-private="true"], .ll-widget')){console.warn("[LiveLayer] click: refusing to click element inside a private subtree.");return}(ue=N.click)==null||ue.call(N);return}if(d.type==="fill_form"||d.type==="focus_field"){if(!he("fill_forms")){me(d.type,"fill_forms");return}if(typeof document>"u")return;d.type==="fill_form"&&pt.current.playConfirmation();const _=typeof d.formId=="string"?d.formId:null;if(!_){console.warn(`[LiveLayer] ${d.type}: missing formId.`);return}const N=mn(document,_);if(!N){console.warn(`[LiveLayer] ${d.type}: no <form> matched id="${_}" (or matching name / data-ll-intent slug). Forms are auto-discovered — make sure the form has an \`id\`, \`name\`, or \`data-ll-intent\` attribute the agent observed in PageContext.forms.`);return}if(N.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')){console.warn(`[LiveLayer] ${d.type}: refusing to touch a form in a private / opted-out subtree.`);return}if(d.type==="focus_field"){const T=typeof d.fieldName=="string"?d.fieldName:null;if(!T){console.warn("[LiveLayer] focus_field: missing fieldName.");return}const B=hn(N,T);if(B.el===null){B.reason==="private"?console.warn(`[LiveLayer] focus_field: field "${T}" is privacy-protected and not focusable.`):console.warn(`[LiveLayer] focus_field: no input matching key="${T}" in form "${_}". The agent should use the field.name it observed in PageContext.forms[].fields[].`);return}B.el.focus();return}const z=d.values&&typeof d.values=="object"?d.values:null;if(!z){console.warn("[LiveLayer] fill_form: missing or invalid values.");return}for(const[T,B]of Object.entries(z)){if(typeof B!="string")continue;const q=hn(N,T);if(q.el===null){q.reason==="private"?console.warn(`[LiveLayer] fill_form: field "${T}" is privacy-protected (password / cc-* / data-ll-private). Skipping.`):console.warn(`[LiveLayer] fill_form: no input matching key="${T}" in form "${_}". The agent should use the field.name it observed in PageContext.forms[].fields[]. Skipping.`);continue}try{ei(q.el,B)}catch(M){console.warn(`[LiveLayer] fill_form: failed to set "${T}".`,M)}}return}if(d.type==="submit_form"){if(!he("submit_forms")){me("submit_form","submit_forms");return}if(typeof document>"u")return;const _=typeof d.formId=="string"?d.formId:null;if(!_){console.warn("[LiveLayer] submit_form: missing formId.");return}pt.current.playConfirmation();const N=mn(document,_);if(!N){console.warn(`[LiveLayer] submit_form: no <form> matched id="${_}" (or matching name / data-ll-intent slug).`);return}if(N.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')){console.warn("[LiveLayer] submit_form: refusing to submit a form in a private / opted-out subtree.");return}const z=typeof d.requestId=="string"?d.requestId:void 0,T=(be=pe.current)==null?void 0:be.call(pe),B=X=>{const re=T,We=re==null?void 0:re.localParticipant;if(We!=null&&We.publishData)try{const or=z?{...X,requestId:z}:X,sr=new TextEncoder().encode(JSON.stringify(or));We.publishData(sr,{reliable:!0})}catch{}};let q=!1;const M=()=>{q=!0,B({type:"form_submitted",formId:_})};N.addEventListener("submit",M,{once:!0});try{typeof N.requestSubmit=="function"?N.requestSubmit():N.submit()}catch(X){console.warn("[LiveLayer] submit_form: requestSubmit threw.",X),N.removeEventListener("submit",M),B({type:"form_submit_blocked",formId:_,reason:"exception"});return}setTimeout(()=>{q||(N.removeEventListener("submit",M),B({type:"form_submit_blocked",formId:_,reason:"validation"}))},500);return}if(d.type==="request_routes"){if(!he("read_page")){me("request_routes","read_page");return}const _=typeof d.requestId=="string"?d.requestId:void 0,z=(it=pe.current)==null?void 0:it.call(pe),T=z==null?void 0:z.localParticipant;if(!(T!=null&&T.publishData))return;const B=M=>{try{const X=_?{type:"routes",routes:M,requestId:_}:{type:"routes",routes:M},re=new TextEncoder().encode(JSON.stringify(X));T.publishData(re,{reliable:!0})}catch(X){console.warn("[LiveLayer] request_routes: publishData failed.",X)}},q=Dt.current;if(q){try{const M=q(),X=re=>{if(!Array.isArray(re)){B([]);return}B(re.map(Fn).slice(0,200))};M instanceof Promise?M.then(X).catch(re=>{console.warn("[LiveLayer] getRoutes rejected; falling back to DOM walker.",re),B(yt())}):X(M)}catch(M){console.warn("[LiveLayer] getRoutes threw; falling back to DOM walker.",M),B(yt())}return}try{B(yt())}catch(M){console.warn("[LiveLayer] request_routes: extractRoutes threw.",M)}return}if(d.type==="task_field_updated"){if(!he("collect_data")){me("task_field_updated","collect_data");return}const _={phase:"field",fieldId:typeof d.fieldId=="string"?d.fieldId:"",fieldName:typeof d.fieldName=="string"?d.fieldName:typeof d.fieldId=="string"?d.fieldId:"",value:typeof d.value=="string"?d.value:"",kind:typeof d.kind=="string"?d.kind:"text",source:d.source==="slide"?"slide":d.source==="page"?"page":"agent",...typeof d.slideId=="string"?{slideId:d.slideId}:{},...typeof d.formId=="string"?{formId:d.formId}:{}};if(typeof document<"u")try{document.dispatchEvent(new CustomEvent("ll-collected",{detail:_}))}catch{}return}if(d.type==="task_completed"){if(!he("collect_data")){me("task_completed","collect_data");return}const _=d.result;if(!_||typeof _!="object"){console.warn("[LiveLayer] task_completed missing `result` payload.");return}if(typeof document<"u")try{document.dispatchEvent(new CustomEvent("ll-collected",{detail:{phase:"complete",result:_}}))}catch{}try{Re==null||Re(_)}catch(N){console.warn("[LiveLayer] onCollect threw.",N)}return}li.has(d.type)||Se==null||Se(d)}},[Se,je,Re]),J=bn({agentId:I?"__controlled__":Ze,baseUrl:s,apiKey:a,sessionEndpoint:c,sessionBody:l,onDataMessage:I?void 0:nt});r.useEffect(()=>{if(I!=null&&I.subscribeToDataMessages)return I.subscribeToDataMessages(nt)},[I,nt]),pe.current=()=>{var v;return(v=J.getRoom)==null?void 0:v.call(J)},r.useEffect(()=>{var V;if(typeof window>"u")return;const v=((V=window.location)==null?void 0:V.hostname)||"";if(v==="localhost"||v==="127.0.0.1"||v==="0.0.0.0"||v.endsWith(".local")||v.endsWith(".test"))return window.__livelayerSimulateCommand=ue=>{try{nt(ue)}catch(be){console.warn("[LiveLayer] simulate-command threw:",be)}},()=>{delete window.__livelayerSimulateCommand}},[nt]);const k=r.useMemo(()=>I?{connectionState:I.connectionState,agentState:I.agentState,transcript:I.transcript,videoElement:I.videoElement,audioElement:I.audioElement,canResume:I.canResume,error:I.error,agentConfig:null,connect:async()=>{await I.onConnect()},disconnect:()=>I.onDisconnect(),getRoom:J.getRoom,isControlled:!0}:{connectionState:J.connectionState,agentState:J.agentState,transcript:J.transcript,videoElement:J.videoElement,audioElement:J.audioElement,canResume:J.canResume,error:J.error,agentConfig:J.agentConfig,connect:J.connect,disconnect:J.disconnect,getRoom:J.getRoom,isControlled:!1},[I,J]),$t=r.useRef(k);$t.current=k;const zt=r.useRef(I);zt.current=I,r.useImperativeHandle(i,()=>({sendData:async v=>{var be,it;const d=zt.current;if(d!=null&&d.publishData){try{await d.publishData(v)}catch(_){console.warn("[AvatarWidget] sendData (controlled) failed:",_)}return}const V=(it=(be=$t.current)==null?void 0:be.getRoom)==null?void 0:it.call(be),ue=V==null?void 0:V.localParticipant;if(ue!=null&&ue.publishData)try{const _=new TextEncoder().encode(JSON.stringify(v));await ue.publishData(_,{reliable:!0})}catch(_){console.warn("[AvatarWidget] sendData failed:",_)}}}),[]);const Ht=r.useRef(null);r.useEffect(()=>{const v=k.videoElement,d=Ht.current;if(!(!v||!d))return d.appendChild(v),()=>{v.parentNode===d&&d.removeChild(v)}},[k.videoElement]),r.useEffect(()=>{const v=k.audioElement;if(!v)return;Qe.attach(v);const d=v.play();return d&&typeof d.catch=="function"&&d.catch(V=>{(V==null?void 0:V.name)==="NotAllowedError"&&tt(!0)}),()=>{Qe.detach()}},[k.audioElement]),r.useEffect(()=>{if(k.isControlled||k.connectionState!=="connected")return;const v=k.getRoom();if(v)return ie.setupMic(v).catch(()=>{}),()=>{ie.teardownMic()}},[k.isControlled,k.connectionState]),r.useEffect(()=>{var d;if(k.connectionState!=="connected")return;const v=k.isControlled?(d=I==null?void 0:I.getRoom)==null?void 0:d.call(I):k.getRoom();if(v)return le.attachRoom(v),_e.attachRoom(v),k.isControlled&&ie.attachRoom(v),et.refresh(),()=>{le.teardown(),_e.teardown()}},[k.isControlled,k.connectionState,I]),r.useEffect(()=>{const v=k.audioElement;v&&(v.muted=m)},[k.audioElement,m]);const Yn=r.useCallback(v=>{const d={type:"user_message",text:v};if(I!=null&&I.publishData){try{I.publishData(d)}catch{}return}const V=k.getRoom();if(V)try{const ue=new TextEncoder().encode(JSON.stringify(d));V.localParticipant.publishData(ue,{reliable:!0})}catch{}},[k,I]),Gn=r.useCallback(()=>{G(v=>!v)},[]);r.useEffect(()=>{Ee==null||Ee(k.connectionState),k.connectionState==="connected"?Ce==null||Ce():k.connectionState==="disconnected"&&(Te==null||Te())},[k.connectionState,Ce,Te,Ee]),r.useEffect(()=>{Le==null||Le(k.transcript)},[k.transcript,Le]),r.useEffect(()=>{Pe==null||Pe(k.agentState)},[k.agentState,Pe]),r.useEffect(()=>{ft.setThinking(k.agentState==="thinking")},[k.agentState,ft]);const Ot=r.useRef(!1);r.useEffect(()=>{!b||Ot.current||Xe&&k.connectionState==="idle"&&(Ot.current=!0,k.connect())},[b,k.connectionState,k,Xe]);const Kn=r.useCallback(v=>{const d=E==null?void 0:E.find(V=>V.id===v);d&&(Fe(!1),v!==xe&&(ve(!0),k.disconnect(),Ae||wt(v),j==null||j(d)))},[E,xe,k,Ae,j]);r.useEffect(()=>{fe&&k.connectionState==="connected"&&ve(!1)},[k.connectionState,fe]),r.useEffect(()=>{if(!Oe)return;const v=d=>{d.key==="Escape"&&Fe(!1)};return window.addEventListener("keydown",v),()=>window.removeEventListener("keydown",v)},[Oe]);const Jn=!!A||!!(te!=null&&te.avatarImageUrl)||k.isControlled,rt=Ln(Ze,s,Jn);Je===void 0&&((qt=rt.info)!=null&&qt.capabilities)&&(jt.current=rt.info.capabilities);const ht=(te==null?void 0:te.name)??P??((Ut=k.agentConfig)==null?void 0:Ut.name)??((Vt=rt.info)==null?void 0:Vt.name)??"Live Layer",St=(te==null?void 0:te.avatarImageUrl)??A??((Yt=k.agentConfig)==null?void 0:Yt.avatarImageUrl)??((Gt=rt.info)==null?void 0:Gt.avatarImageUrl)??null,Xn=O??((Kt=k.agentConfig)==null?void 0:Kt.idleLoopUrl)??((Jt=rt.info)==null?void 0:Jt.idleLoopUrl)??null,Zn=y??null,Qn=r.useCallback(()=>se("expanded"),[se]),er=r.useCallback(()=>se("minimized"),[se]),Ft=r.useCallback(()=>{k.disconnect(),se("hidden")},[k,se]),tr=r.useCallback(()=>{const v=k.audioElement;v&&v.play().then(()=>tt(!1)).catch(()=>{})},[k.audioElement]),nr=r.useCallback(()=>{tt(!1),k.connect()},[k]),Be={...Ne,...de?{}:{zIndex:De}};H.primaryColor&&(Be["--ll-color-primary"]=H.primaryColor),H.accentColor&&(Be["--ll-color-accent"]=H.accentColor),H.backgroundColor&&(Be["--ll-color-bg"]=H.backgroundColor),H.textColor&&(Be["--ll-color-fg"]=H.textColor);const rr=["ll-widget",`ll-widget--${ne}`,`ll-widget--${we?"mobile":"desktop"}`,xt].filter(Boolean).join(" ");if(!Xe)return null;const ir=t.jsx("div",{className:rr,style:Be,"data-display-mode":ne,"data-position":C,"data-experience-mode":h==="EMBEDDED"?"embedded":"widget",children:ne==="expanded"&&t.jsx(Dr,{position:C,isMobile:we,agentName:ht,avatarImageUrl:St,idleLoopUrl:Xn,greeting:Zn,branding:H,teamMembers:E,currentTeamMemberId:xe,isSwitchingTeamMember:fe,teamSwitcherOpen:Oe,onToggleTeamSwitcher:()=>Fe(v=>!v),onSelectTeamMember:Kn,connectionState:k.connectionState,agentState:k.agentState,transcript:k.transcript,isMuted:ie.isMuted,micDevices:et.mics,activeMicId:ie.activeDeviceId,isCameraEnabled:le.isEnabled,cameraPreviewEl:le.previewEl,cameraDevices:et.cameras,activeCameraId:le.activeDeviceId,isScreenShareEnabled:_e.isEnabled,screenPreviewEl:_e.previewEl,isSpeakerMuted:m,allowCamera:Z,allowScreenShare:D,allowTyping:F,showMinimize:at,showClose:ct,chromeless:ge,compactControls:Ie,transforming:Me,transformingLabel:Y,languageMenuOpen:_t,onToggleLanguageMenu:()=>dt(v=>!v),needsUserGesture:ut,canResume:k.canResume,micError:ie.micError,error:k.error,avatarVideoContainerRef:Ht,agentVideoEl:k.videoElement,onConnect:()=>void k.connect(),onDisconnect:()=>k.disconnect(),onRetry:nr,onResumeAudio:tr,onToggleMute:ie.toggleMute,onSwitchMicDevice:v=>void ie.switchDevice(v),onToggleCamera:()=>void le.toggle(),onSwitchCameraDevice:v=>void le.switchDevice(v),onToggleScreenShare:()=>void _e.toggle(),onToggleSpeaker:Gn,onSendMessage:Yn,onMinimize:er,onClose:Ft,onClearMicError:ie.clearError})}),Bt=!de&&(ne==="hidden"||ne==="minimized")?t.jsxs("div",{className:["ll-widget","ll-widget--floating",`ll-widget--${ne}`,`ll-widget--${we?"mobile":"desktop"}`].join(" "),style:Be,"data-display-mode":ne,"data-position":C,children:[ne==="hidden"&&t.jsx(Lr,{position:C,isMobile:we,isSpeaking:k.agentState==="speaking",onExpand:()=>se("expanded"),label:`Open ${ht} widget`,avatarImageUrl:St,agentName:ht,containerEl:oe}),ne==="minimized"&&t.jsx(jr,{position:C,isMobile:we,agentName:ht,avatarImageUrl:St,agentState:k.agentState,isMuted:ie.isMuted,audioLevel:Qe,onExpand:Qn,onToggleMute:ie.toggleMute,onClose:Ft})]}):null,Wt=oe??(typeof document<"u"?document.body:null);return t.jsxs(t.Fragment,{children:[ir,Bt&&Wt&&It.createPortal(Bt,Wt)]})});qn.displayName="AvatarWidgetInner";const Un=r.forwardRef(function(n,i){return t.jsx(vn,{children:t.jsx(qn,{...n,ref:i})})});Un.displayName="AvatarWidget";const ai=({agentId:e,baseUrl:n,apiKey:i,mode:o,onAgentEvent:a,className:s,style:c})=>{const l=r.useRef(null),u=r.useRef(null),h=r.useRef(a);h.current=a;const b=r.useCallback(p=>{var S;const f=p.detail;(S=h.current)==null||S.call(h,f)},[]);return r.useEffect(()=>{const p=l.current;if(!p)return;const f=document.createElement("livelayer-widget");return f.setAttribute("agent-id",e),n&&f.setAttribute("base-url",n),i&&f.setAttribute("api-key",i),o&&f.setAttribute("mode",o),f.addEventListener("agent-event",b),p.appendChild(f),u.current=f,()=>{f.removeEventListener("agent-event",b),p.removeChild(f),u.current=null}},[e]),r.useEffect(()=>{u.current&&(o?u.current.setAttribute("mode",o):u.current.removeAttribute("mode"))},[o]),t.jsx("div",{ref:l,className:s,style:c})},ci=r.forwardRef(function({id:n,intent:i,as:o="div",className:a,style:s,children:c},l){return r.createElement(o,{ref:l,"data-ll-region":n,"data-ll-intent":i,className:a,style:s},c)});function ui(e={}){const{onFieldUpdate:n,onComplete:i,source:o="all"}=e,[a,s]=r.useState({}),[c,l]=r.useState(!1),[u,h]=r.useState(null),b=r.useRef(n),p=r.useRef(i),f=r.useRef(o);r.useEffect(()=>{b.current=n,p.current=i,f.current=o},[n,i,o]);const S=r.useCallback(()=>{s({}),l(!1)},[]);return r.useEffect(()=>{if(typeof window>"u")return;const C=w=>{var x,E;const g=w.detail;if(g){if(g.phase==="field"){if(f.current!=="all"&&g.source!==f.current)return;l(!0),s(R=>R[g.fieldName]===g.value?R:{...R,[g.fieldName]:g.value});try{(x=b.current)==null||x.call(b,g)}catch(R){console.warn("[LiveLayer] useCollect onFieldUpdate threw.",R)}return}if(g.phase==="complete"){const R=g.result;if(f.current!=="all"&&R.source!==f.current)return;h(R),l(!1);try{(E=p.current)==null||E.call(p,R)}catch(j){console.warn("[LiveLayer] useCollect onComplete threw.",j)}}}};return document.addEventListener("ll-collected",C),()=>document.removeEventListener("ll-collected",C)},[]),{fields:a,isCollecting:c,lastResult:u,reset:S}}let yn=1;function di({onMount:e,defaultOpen:n=!1,storageKey:i="ll-debug-open"}){const[o,a]=r.useState(n),[s,c]=r.useState([]),[l,u]=r.useState(""),[h,b]=r.useState(!1),p=r.useRef(new Set),f=r.useRef([]),S=r.useRef(h);S.current=h,r.useEffect(()=>{try{const g=localStorage.getItem(i);g==="1"&&a(!0),g==="0"&&a(!1)}catch{}},[i]),r.useEffect(()=>{try{localStorage.setItem(i,o?"1":"0")}catch{}},[o,i]),r.useEffect(()=>{const g=x=>{(x.metaKey||x.ctrlKey)&&x.shiftKey&&x.key.toLowerCase()==="l"&&(x.preventDefault(),a(E=>!E))};return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[]),r.useEffect(()=>{const g=setInterval(()=>{if(f.current.length===0||S.current)return;const x=f.current.splice(0,f.current.length);c(E=>[...x.reverse(),...E].slice(0,200))},100);return()=>clearInterval(g)},[]);const C=r.useRef(!1);if(r.useEffect(()=>{!e||C.current||(C.current=!0,e(g=>{f.current.push({id:yn++,ts:Date.now(),kind:"event",type:g.eventName,data:g.data})}))},[e]),r.useEffect(()=>{const g=console.warn,x=console.log,E=(R,j)=>function(...O){try{const y=typeof O[0]=="string"?O[0]:"";y.startsWith("[LiveLayer]")&&f.current.push({id:yn++,ts:Date.now(),kind:R,type:y.slice(0,120),data:{args:O.slice(1).map(A=>pi(A))}})}catch{}return j.apply(this,O)};return console.warn=E("warn",g),console.log=E("log",x),()=>{console.warn=g,console.log=x}},[]),!o)return t.jsx("button",{type:"button",onClick:()=>a(!0),title:"Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)","aria-label":"Open LiveLayer debug panel",style:{position:"fixed",left:16,bottom:16,zIndex:2147483640,background:"#0d0d0d",color:"#fff",border:"1px solid rgba(255,255,255,0.18)",borderRadius:999,padding:"6px 10px",font:"500 11px -apple-system, BlinkMacSystemFont, system-ui, sans-serif",letterSpacing:"-0.1px",cursor:"pointer",boxShadow:"0 4px 12px rgba(0,0,0,0.35)",opacity:.85},children:"🛰 LL debug"});const w=s.filter(g=>{if(!l)return!0;const x=l.toLowerCase();return g.type.toLowerCase().includes(x)||JSON.stringify(g.data||{}).toLowerCase().includes(x)});return t.jsxs("div",{style:{position:"fixed",left:16,bottom:16,zIndex:2147483640,width:380,maxHeight:"60vh",background:"#0d0d0d",color:"#fff",border:"1px solid rgba(255,255,255,0.16)",borderRadius:12,boxShadow:"0 16px 48px rgba(0,0,0,0.5)",font:"500 11px -apple-system, BlinkMacSystemFont, system-ui, sans-serif",letterSpacing:"-0.1px",display:"flex",flexDirection:"column",overflow:"hidden"},children:[t.jsxs("div",{style:{padding:"8px 10px",background:"rgba(255,255,255,0.04)",borderBottom:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",gap:8},children:[t.jsx("span",{style:{fontWeight:600,fontSize:12},children:"LiveLayer debug"}),t.jsxs("span",{style:{fontSize:10,color:"rgba(255,255,255,0.4)"},children:[s.length," event",s.length===1?"":"s"]}),t.jsx("span",{style:{flex:1}}),t.jsx("button",{type:"button",onClick:()=>b(g=>!g),style:Rt(h?"#f59e0b":"transparent"),title:"Pause / resume capture",children:h?"▶ resume":"⏸ pause"}),t.jsx("button",{type:"button",onClick:()=>{c([]),f.current=[]},style:Rt("transparent"),title:"Clear buffer",children:"clear"}),t.jsx("button",{type:"button",onClick:()=>a(!1),style:Rt("transparent"),"aria-label":"Close",title:"Close (Cmd/Ctrl + Shift + L)",children:"✕"})]}),t.jsx("input",{type:"text",value:l,onChange:g=>u(g.target.value),placeholder:"filter by type or data…",style:{margin:8,padding:"6px 8px",background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:6,color:"#fff",fontSize:11,outline:"none"}}),t.jsx("div",{style:{flex:1,overflowY:"auto",padding:"0 8px 8px"},children:w.length===0?t.jsxs("div",{style:{padding:14,fontSize:11,color:"rgba(255,255,255,0.4)",lineHeight:1.5},children:["No events yet. Connect to the agent and trigger a tool call — the events will stream in here. You can also dispatch commands manually in DevTools:",t.jsx("pre",{style:{marginTop:6,background:"rgba(255,255,255,0.04)",padding:6,borderRadius:4,fontSize:10,whiteSpace:"pre-wrap"},children:`window.__livelayerSimulateCommand({
   type: "navigate",
   href: "/about"
-})`})]}):w.map(m=>t.jsx(ui,{entry:m,expanded:p.current.has(m.id),onToggle:()=>{p.current.has(m.id)?p.current.delete(m.id):p.current.add(m.id),c(x=>[...x])}},m.id))})]})}function ui({entry:e,expanded:n,onToggle:i}){const o=e.kind==="warn"?"#f59e0b":e.type.startsWith("[LiveLayer]")?"#94a3b8":e.type==="navigate"||e.type==="scroll_page"||e.type==="scroll_to"||e.type==="click"?"#22c55e":e.type==="fill_form"||e.type==="submit_form"||e.type==="focus_field"?"#a78bfa":e.type==="request_page_context"||e.type==="request_routes"?"#38bdf8":e.type==="agent_state"?"#facc15":"#cbd5e1",l=new Date(e.ts).toLocaleTimeString("en-US",{hour12:!1});return t.jsxs("button",{type:"button",onClick:i,style:{textAlign:"left",background:"transparent",border:0,color:"#fff",width:"100%",padding:"6px 4px",cursor:"pointer",borderBottom:"1px solid rgba(255,255,255,0.04)",fontSize:11,lineHeight:1.4},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[t.jsx("span",{style:{color:"rgba(255,255,255,0.4)",fontVariantNumeric:"tabular-nums",fontSize:10},children:l}),t.jsx("span",{style:{color:o,fontWeight:600,flexShrink:0},children:e.type.length>50?e.type.slice(0,50)+"…":e.type})]}),n&&e.data&&t.jsx("pre",{style:{marginTop:6,padding:6,background:"rgba(255,255,255,0.04)",borderRadius:4,fontSize:10,overflowX:"auto",whiteSpace:"pre-wrap",wordBreak:"break-all"},children:JSON.stringify(e.data,null,2)})]})}function Lt(e){return{background:e,color:"#fff",border:"1px solid rgba(255,255,255,0.16)",borderRadius:999,padding:"3px 8px",fontSize:10,cursor:"pointer"}}function di(e){try{return e instanceof Error?{message:e.message,stack:e.stack}:(JSON.stringify(e),e)}catch{return String(e)}}function Un(e){const n=JSON.stringify(e);r.useEffect(()=>Ve.registerFields(e),[n])}function fi({fields:e,children:n}){return Un(e),t.jsx(t.Fragment,{children:n})}function pi(){const[e,n]=r.useState([]),i=r.useCallback(l=>{n(s=>{const c=s.findIndex(a=>a.id===l.id);if(c>=0){const a=s.slice();return a[c]=l,a}return[...s,l]})},[]),o=r.useCallback(()=>n([]),[]);return{entries:e,pushSegment:i,clear:o,latest:e.length>0?e[e.length-1]:null}}Object.defineProperty(exports,"clearFieldRegistry",{enumerable:!0,get:()=>Ve.clearFieldRegistry});Object.defineProperty(exports,"getRegisteredFields",{enumerable:!0,get:()=>Ve.getRegisteredFields});Object.defineProperty(exports,"registerFields",{enumerable:!0,get:()=>Ve.registerFields});Object.defineProperty(exports,"setFieldValue",{enumerable:!0,get:()=>Ve.setFieldValue});exports.AvatarWidget=Wn;exports.ErrorBoundary=yn;exports.FieldProvider=fi;exports.LiveLayerDebugPanel=ci;exports.LiveLayerRegion=li;exports.LiveLayerWidget=si;exports.clearPageContextCache=On;exports.clearRoutesCache=Bn;exports.extractPageContext=zn;exports.extractRoutes=Hn;exports.getCachedPageContext=Nt;exports.getCachedRoutes=gt;exports.matchesPattern=Rn;exports.normalizeRouteInput=Fn;exports.shouldRenderAtPath=Nn;exports.useAgentInfo=Cn;exports.useAudioLevel=bn;exports.useCameraState=wn;exports.useCollect=ai;exports.useDisplayMode=Sn;exports.useDisplayModePersistence=jn;exports.useIsMobile=En;exports.useLiveKitSession=vn;exports.useMediaDevices=kn;exports.useMicrophoneState=xn;exports.usePathname=Ln;exports.useRegisterFields=Un;exports.useRouteMatch=An;exports.useScreenShareState=_n;exports.useTranscript=pi;
+})`})]}):w.map(g=>t.jsx(fi,{entry:g,expanded:p.current.has(g.id),onToggle:()=>{p.current.has(g.id)?p.current.delete(g.id):p.current.add(g.id),c(x=>[...x])}},g.id))})]})}function fi({entry:e,expanded:n,onToggle:i}){const o=e.kind==="warn"?"#f59e0b":e.type.startsWith("[LiveLayer]")?"#94a3b8":e.type==="navigate"||e.type==="scroll_page"||e.type==="scroll_to"||e.type==="click"?"#22c55e":e.type==="fill_form"||e.type==="submit_form"||e.type==="focus_field"?"#a78bfa":e.type==="request_page_context"||e.type==="request_routes"?"#38bdf8":e.type==="agent_state"?"#facc15":"#cbd5e1",a=new Date(e.ts).toLocaleTimeString("en-US",{hour12:!1});return t.jsxs("button",{type:"button",onClick:i,style:{textAlign:"left",background:"transparent",border:0,color:"#fff",width:"100%",padding:"6px 4px",cursor:"pointer",borderBottom:"1px solid rgba(255,255,255,0.04)",fontSize:11,lineHeight:1.4},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[t.jsx("span",{style:{color:"rgba(255,255,255,0.4)",fontVariantNumeric:"tabular-nums",fontSize:10},children:a}),t.jsx("span",{style:{color:o,fontWeight:600,flexShrink:0},children:e.type.length>50?e.type.slice(0,50)+"…":e.type})]}),n&&e.data&&t.jsx("pre",{style:{marginTop:6,padding:6,background:"rgba(255,255,255,0.04)",borderRadius:4,fontSize:10,overflowX:"auto",whiteSpace:"pre-wrap",wordBreak:"break-all"},children:JSON.stringify(e.data,null,2)})]})}function Rt(e){return{background:e,color:"#fff",border:"1px solid rgba(255,255,255,0.16)",borderRadius:999,padding:"3px 8px",fontSize:10,cursor:"pointer"}}function pi(e){try{return e instanceof Error?{message:e.message,stack:e.stack}:(JSON.stringify(e),e)}catch{return String(e)}}function Vn(e){const n=JSON.stringify(e);r.useEffect(()=>Ye.registerFields(e),[n])}function hi({fields:e,children:n}){return Vn(e),t.jsx(t.Fragment,{children:n})}function mi(){const[e,n]=r.useState([]),i=r.useCallback(a=>{n(s=>{const c=s.findIndex(l=>l.id===a.id);if(c>=0){const l=s.slice();return l[c]=a,l}return[...s,a]})},[]),o=r.useCallback(()=>n([]),[]);return{entries:e,pushSegment:i,clear:o,latest:e.length>0?e[e.length-1]:null}}Object.defineProperty(exports,"clearFieldRegistry",{enumerable:!0,get:()=>Ye.clearFieldRegistry});Object.defineProperty(exports,"getRegisteredFields",{enumerable:!0,get:()=>Ye.getRegisteredFields});Object.defineProperty(exports,"registerFields",{enumerable:!0,get:()=>Ye.registerFields});Object.defineProperty(exports,"setFieldValue",{enumerable:!0,get:()=>Ye.setFieldValue});exports.AvatarWidget=Un;exports.ErrorBoundary=vn;exports.FieldProvider=hi;exports.LiveLayerDebugPanel=di;exports.LiveLayerRegion=ci;exports.LiveLayerWidget=ai;exports.clearPageContextCache=On;exports.clearRoutesCache=Wn;exports.extractPageContext=Hn;exports.extractRoutes=Bn;exports.getCachedPageContext=At;exports.getCachedRoutes=yt;exports.matchesPattern=Nn;exports.normalizeRouteInput=Fn;exports.shouldRenderAtPath=An;exports.useAgentInfo=Ln;exports.useAudioLevel=xn;exports.useCameraState=_n;exports.useCollect=ui;exports.useDisplayMode=En;exports.useDisplayModePersistence=jn;exports.useIsMobile=Sn;exports.useLiveKitSession=bn;exports.useMediaDevices=Cn;exports.useMicrophoneState=wn;exports.usePathname=Rn;exports.useRegisterFields=Vn;exports.useRouteMatch=In;exports.useScreenShareState=kn;exports.useTranscript=mi;