[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-runway-rw-integrate-character-embed":3,"mdc-l3pfii-key":38,"related-org-runway-rw-integrate-character-embed":5322,"related-repo-runway-rw-integrate-character-embed":5481},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":27,"repoUrl":28,"updatedAt":29,"license":30,"forks":31,"topics":32,"repo":33,"sourceUrl":36,"mdContent":37},"rw-integrate-character-embed","embed Runway characters in React apps","Help users embed Runway Character avatar calls in React apps using the @runwayml\u002Favatars-react SDK",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"runway","Runway","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Frunway.png","runwayml",[13,17,18,21,24],{"name":14,"slug":15,"type":16},"React","react","tag",{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"API Development","api-development",{"name":22,"slug":23,"type":16},"UI Components","ui-components",{"name":25,"slug":26,"type":16},"Frontend","frontend",57,"https:\u002F\u002Fgithub.com\u002Frunwayml\u002Fskills","2026-04-08T04:42:08.849481",null,15,[],{"repoUrl":28,"stars":27,"forks":31,"topics":34,"description":35},[],"for Runway coding agent skills","https:\u002F\u002Fgithub.com\u002Frunwayml\u002Fskills\u002Ftree\u002FHEAD\u002Fskills\u002Frw-integrate-character-embed","---\nname: rw-integrate-character-embed\ndescription: \"Help users embed Runway Character avatar calls in React apps using the @runwayml\u002Favatars-react SDK\"\nuser-invocable: false\nallowed-tools: Read, Grep, Glob, Edit, Write\n---\n\n# Embed Characters in React (Avatars React SDK)\n\n> **PREREQUISITES:**\n> - `+rw-check-compatibility` — Project must have server-side capability (API key must never be exposed to the client)\n> - `+rw-fetch-api-reference` — Load the latest API reference from https:\u002F\u002Fdocs.dev.runwayml.com\u002Fapi\u002F before integrating\n> - `+rw-integrate-characters` — Character (Avatar) must be created and session endpoint must exist\n> - Project must use **React** (Next.js, Vite+React, Remix, etc.)\n>\n> **OPTIONAL:**\n> - `+rw-integrate-documents` — Add knowledge base before embedding\n\nEmbed real-time avatar video calls in React applications using the `@runwayml\u002Favatars-react` SDK.\n\n## Installation\n\n```bash\nnpm install @runwayml\u002Favatars-react\n```\n\nThis is a **client-side** package. The server-side `@runwayml\u002Fsdk` should already be installed from `+rw-integrate-characters`.\n\n## Option A: Simple — `AvatarCall` Component\n\nThe fastest way to embed a character. Handles WebRTC connection and renders a default UI automatically.\n\n```tsx\n'use client';\n\nimport { AvatarCall } from '@runwayml\u002Favatars-react';\nimport '@runwayml\u002Favatars-react\u002Fstyles.css';\n\nexport default function CharacterPage() {\n return (\n \u003CAvatarCall\n avatarId=\"your-avatar-id-here\"\n connectUrl=\"\u002Fapi\u002Favatar\u002Fsession\"\n onEnd={() => console.log('Call ended')}\n onError={(error) => console.error('Error:', error)}\n \u002F>\n );\n}\n```\n\n### `AvatarCall` Props\n\n| Prop | Type | Description |\n|------|------|-------------|\n| `avatarId` | `string` | The Avatar UUID from the Developer Portal or API |\n| `connectUrl` | `string` | Your server-side session endpoint (e.g., `\u002Fapi\u002Favatar\u002Fsession`) |\n| `onEnd` | `() => void` | Called when the call ends normally |\n| `onError` | `(error: Error) => void` | Called on connection or runtime errors |\n\n**For custom avatars** created in the Developer Portal, use the Avatar UUID as `avatarId`.\n\n## Option B: Fully Custom — Hooks\n\nFor full control over the UI, use `AvatarSession` with hooks.\n\n### Components & Hooks\n\n| Export | Type | Description |\n|--------|------|-------------|\n| `AvatarSession` | Component | Provider that manages the WebRTC session |\n| `AvatarVideo` | Component | Renders the avatar's video stream |\n| `UserVideo` | Component | Renders the user's camera feed |\n| `useAvatarSession` | Hook | Access session state: `state`, `sessionId`, `error`, `end()` |\n| `useLocalMedia` | Hook | Control user's media: `isMicEnabled`, `toggleMic()` |\n\n### Custom UI Example\n\n```tsx\n'use client';\n\nimport {\n AvatarSession,\n AvatarVideo,\n UserVideo,\n useAvatarSession,\n useLocalMedia,\n} from '@runwayml\u002Favatars-react';\nimport type { SessionCredentials } from '@runwayml\u002Favatars-react';\n\nfunction CallUI() {\n const { state, end } = useAvatarSession();\n const { isMicEnabled, toggleMic } = useLocalMedia();\n\n return (\n \u003Cdiv className=\"relative w-full h-screen\">\n {\u002F* Avatar video takes full screen *\u002F}\n \u003CAvatarVideo className=\"w-full h-full object-cover\" \u002F>\n\n {\u002F* User's camera in a small overlay *\u002F}\n \u003CUserVideo className=\"absolute bottom-4 right-4 w-48 rounded-lg\" \u002F>\n\n {\u002F* Controls *\u002F}\n \u003Cdiv className=\"absolute bottom-4 left-4 flex gap-2\">\n \u003Cbutton onClick={toggleMic}>\n {isMicEnabled ? 'Mute' : 'Unmute'}\n \u003C\u002Fbutton>\n \u003Cbutton onClick={end}>End Call\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\n {\u002F* Connection state *\u002F}\n {state === 'connecting' && (\n \u003Cdiv className=\"absolute inset-0 flex items-center justify-center bg-black\u002F50\">\n Connecting...\n \u003C\u002Fdiv>\n )}\n \u003C\u002Fdiv>\n );\n}\n\nexport function CustomAvatar({ credentials }: { credentials: SessionCredentials }) {\n return (\n \u003CAvatarSession credentials={credentials} audio video>\n \u003CCallUI \u002F>\n \u003C\u002FAvatarSession>\n );\n}\n```\n\n### Fetching Credentials for Custom UI\n\nWhen using the hooks approach, you need to fetch credentials from your server endpoint and pass them to `AvatarSession`:\n\n```tsx\n'use client';\n\nimport { useState, useCallback } from 'react';\nimport type { SessionCredentials } from '@runwayml\u002Favatars-react';\nimport { CustomAvatar } from '.\u002FCustomAvatar';\n\nexport default function CharacterPage() {\n const [credentials, setCredentials] = useState\u003CSessionCredentials | null>(null);\n const [loading, setLoading] = useState(false);\n\n const startCall = useCallback(async () => {\n setLoading(true);\n try {\n const res = await fetch('\u002Fapi\u002Favatar\u002Fsession', {\n method: 'POST',\n headers: { 'Content-Type': 'application\u002Fjson' },\n body: JSON.stringify({ avatarId: 'your-avatar-id-here' }),\n });\n const data = await res.json();\n setCredentials(data);\n } catch (error) {\n console.error('Failed to connect:', error);\n } finally {\n setLoading(false);\n }\n }, []);\n\n if (credentials) {\n return \u003CCustomAvatar credentials={credentials} \u002F>;\n }\n\n return (\n \u003Cbutton onClick={startCall} disabled={loading}>\n {loading ? 'Connecting...' : 'Start Conversation'}\n \u003C\u002Fbutton>\n );\n}\n```\n\n## Integration Patterns\n\n### Next.js App Router (Full Example)\n\n**Server route** (`app\u002Fapi\u002Favatar\u002Fsession\u002Froute.ts`):\nSee `+rw-integrate-characters` for the complete server-side session creation code.\n\n**Client page** (`app\u002Fcharacter\u002Fpage.tsx`):\n\n```tsx\n'use client';\n\nimport { AvatarCall } from '@runwayml\u002Favatars-react';\nimport '@runwayml\u002Favatars-react\u002Fstyles.css';\n\nconst AVATAR_ID = process.env.NEXT_PUBLIC_AVATAR_ID || 'your-avatar-id';\n\nexport default function CharacterPage() {\n return (\n \u003Cdiv className=\"flex items-center justify-center min-h-screen\">\n \u003CAvatarCall\n avatarId={AVATAR_ID}\n connectUrl=\"\u002Fapi\u002Favatar\u002Fsession\"\n onEnd={() => window.location.reload()}\n onError={(error) => {\n console.error('Avatar error:', error);\n alert('Connection failed. Please try again.');\n }}\n \u002F>\n \u003C\u002Fdiv>\n );\n}\n```\n\n### Conditional Rendering (Show\u002FHide)\n\n```tsx\n'use client';\n\nimport { useState } from 'react';\nimport { AvatarCall } from '@runwayml\u002Favatars-react';\nimport '@runwayml\u002Favatars-react\u002Fstyles.css';\n\nexport default function SupportPage() {\n const [showAvatar, setShowAvatar] = useState(false);\n\n return (\n \u003Cdiv>\n \u003Ch1>Customer Support\u003C\u002Fh1>\n\n {!showAvatar ? (\n \u003Cbutton onClick={() => setShowAvatar(true)}>\n Talk to an Agent\n \u003C\u002Fbutton>\n ) : (\n \u003CAvatarCall\n avatarId=\"support-agent-id\"\n connectUrl=\"\u002Fapi\u002Favatar\u002Fsession\"\n onEnd={() => setShowAvatar(false)}\n onError={(error) => {\n console.error(error);\n setShowAvatar(false);\n }}\n \u002F>\n )}\n \u003C\u002Fdiv>\n );\n}\n```\n\n## Error Handling\n\n### Verbose Error Logging\n\n```tsx\n\u003CAvatarCall\n avatarId=\"your-avatar-id\"\n connectUrl=\"\u002Fapi\u002Favatar\u002Fsession\"\n onError={(error) => {\n console.error('Avatar error:', error);\n console.error('Error name:', error.name);\n console.error('Error message:', error.message);\n if (error.cause) {\n console.error('Cause:', error.cause);\n }\n }}\n\u002F>\n```\n\n### Debug Session State\n\n```tsx\nimport { useAvatarSession } from '@runwayml\u002Favatars-react';\n\nfunction DebugPanel() {\n const { state, sessionId, error } = useAvatarSession();\n\n return (\n \u003Cpre style={{ fontSize: 12, position: 'fixed', top: 0, right: 0 }}>\n {JSON.stringify({ state, sessionId, error: error?.message }, null, 2)}\n \u003C\u002Fpre>\n );\n}\n```\n\n## Browser Support\n\n| Browser | Minimum Version |\n|---------|-----------------|\n| Chrome | 74+ |\n| Firefox | 78+ |\n| Safari | 14.1+ |\n| Edge | 79+ |\n\nUsers must grant **microphone permissions** when prompted. **Camera permissions** are needed if user video is enabled.\n\n## Tips\n\n- **Always import the styles**: `import '@runwayml\u002Favatars-react\u002Fstyles.css'` when using `AvatarCall`\n- **`'use client'` directive** is required in Next.js App Router for all components using the React SDK\n- **Session max duration is 5 minutes** — handle the `onEnd` callback to show a reconnect option\n- **Credentials are one-time use** — if connection fails, fetch new credentials (create a new session)\n- For the full SDK source, examples, and issue tracking: [github.com\u002Frunwayml\u002Favatars-sdk-react](https:\u002F\u002Fgithub.com\u002Frunwayml\u002Favatars-sdk-react)\n",{"data":39,"body":42},{"name":4,"description":6,"user-invocable":40,"allowed-tools":41},false,"Read, Grep, Glob, Edit, Write",{"type":43,"children":44},"root",[45,54,150,163,170,204,231,245,250,654,666,808,824,830,843,849,1020,1026,2089,2095,2106,3174,3180,3186,3210,3227,3734,3740,4377,4383,4389,4757,4763,5130,5136,5210,5229,5235,5316],{"type":46,"tag":47,"props":48,"children":50},"element","h1",{"id":49},"embed-characters-in-react-avatars-react-sdk",[51],{"type":52,"value":53},"text","Embed Characters in React (Avatars React SDK)",{"type":46,"tag":55,"props":56,"children":57},"blockquote",{},[58,68,128,136],{"type":46,"tag":59,"props":60,"children":61},"p",{},[62],{"type":46,"tag":63,"props":64,"children":65},"strong",{},[66],{"type":52,"value":67},"PREREQUISITES:",{"type":46,"tag":69,"props":70,"children":71},"ul",{},[72,85,106,117],{"type":46,"tag":73,"props":74,"children":75},"li",{},[76,83],{"type":46,"tag":77,"props":78,"children":80},"code",{"className":79},[],[81],{"type":52,"value":82},"+rw-check-compatibility",{"type":52,"value":84}," — Project must have server-side capability (API key must never be exposed to the client)",{"type":46,"tag":73,"props":86,"children":87},{},[88,94,96,104],{"type":46,"tag":77,"props":89,"children":91},{"className":90},[],[92],{"type":52,"value":93},"+rw-fetch-api-reference",{"type":52,"value":95}," — Load the latest API reference from ",{"type":46,"tag":97,"props":98,"children":102},"a",{"href":99,"rel":100},"https:\u002F\u002Fdocs.dev.runwayml.com\u002Fapi\u002F",[101],"nofollow",[103],{"type":52,"value":99},{"type":52,"value":105}," before integrating",{"type":46,"tag":73,"props":107,"children":108},{},[109,115],{"type":46,"tag":77,"props":110,"children":112},{"className":111},[],[113],{"type":52,"value":114},"+rw-integrate-characters",{"type":52,"value":116}," — Character (Avatar) must be created and session endpoint must exist",{"type":46,"tag":73,"props":118,"children":119},{},[120,122,126],{"type":52,"value":121},"Project must use ",{"type":46,"tag":63,"props":123,"children":124},{},[125],{"type":52,"value":14},{"type":52,"value":127}," (Next.js, Vite+React, Remix, etc.)",{"type":46,"tag":59,"props":129,"children":130},{},[131],{"type":46,"tag":63,"props":132,"children":133},{},[134],{"type":52,"value":135},"OPTIONAL:",{"type":46,"tag":69,"props":137,"children":138},{},[139],{"type":46,"tag":73,"props":140,"children":141},{},[142,148],{"type":46,"tag":77,"props":143,"children":145},{"className":144},[],[146],{"type":52,"value":147},"+rw-integrate-documents",{"type":52,"value":149}," — Add knowledge base before embedding",{"type":46,"tag":59,"props":151,"children":152},{},[153,155,161],{"type":52,"value":154},"Embed real-time avatar video calls in React applications using the ",{"type":46,"tag":77,"props":156,"children":158},{"className":157},[],[159],{"type":52,"value":160},"@runwayml\u002Favatars-react",{"type":52,"value":162}," SDK.",{"type":46,"tag":164,"props":165,"children":167},"h2",{"id":166},"installation",[168],{"type":52,"value":169},"Installation",{"type":46,"tag":171,"props":172,"children":177},"pre",{"className":173,"code":174,"language":175,"meta":176,"style":176},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @runwayml\u002Favatars-react\n","bash","",[178],{"type":46,"tag":77,"props":179,"children":180},{"__ignoreMap":176},[181],{"type":46,"tag":182,"props":183,"children":186},"span",{"class":184,"line":185},"line",1,[187,193,199],{"type":46,"tag":182,"props":188,"children":190},{"style":189},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[191],{"type":52,"value":192},"npm",{"type":46,"tag":182,"props":194,"children":196},{"style":195},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[197],{"type":52,"value":198}," install",{"type":46,"tag":182,"props":200,"children":201},{"style":195},[202],{"type":52,"value":203}," @runwayml\u002Favatars-react\n",{"type":46,"tag":59,"props":205,"children":206},{},[207,209,214,216,222,224,229],{"type":52,"value":208},"This is a ",{"type":46,"tag":63,"props":210,"children":211},{},[212],{"type":52,"value":213},"client-side",{"type":52,"value":215}," package. The server-side ",{"type":46,"tag":77,"props":217,"children":219},{"className":218},[],[220],{"type":52,"value":221},"@runwayml\u002Fsdk",{"type":52,"value":223}," should already be installed from ",{"type":46,"tag":77,"props":225,"children":227},{"className":226},[],[228],{"type":52,"value":114},{"type":52,"value":230},".",{"type":46,"tag":164,"props":232,"children":234},{"id":233},"option-a-simple-avatarcall-component",[235,237,243],{"type":52,"value":236},"Option A: Simple — ",{"type":46,"tag":77,"props":238,"children":240},{"className":239},[],[241],{"type":52,"value":242},"AvatarCall",{"type":52,"value":244}," Component",{"type":46,"tag":59,"props":246,"children":247},{},[248],{"type":52,"value":249},"The fastest way to embed a character. Handles WebRTC connection and renders a default UI automatically.",{"type":46,"tag":171,"props":251,"children":255},{"className":252,"code":253,"language":254,"meta":176,"style":176},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","'use client';\n\nimport { AvatarCall } from '@runwayml\u002Favatars-react';\nimport '@runwayml\u002Favatars-react\u002Fstyles.css';\n\nexport default function CharacterPage() {\n return (\n \u003CAvatarCall\n avatarId=\"your-avatar-id-here\"\n connectUrl=\"\u002Fapi\u002Favatar\u002Fsession\"\n onEnd={() => console.log('Call ended')}\n onError={(error) => console.error('Error:', error)}\n \u002F>\n );\n}\n","tsx",[256],{"type":46,"tag":77,"props":257,"children":258},{"__ignoreMap":176},[259,282,292,340,365,373,409,424,438,467,493,554,625,634,647],{"type":46,"tag":182,"props":260,"children":261},{"class":184,"line":185},[262,268,273,277],{"type":46,"tag":182,"props":263,"children":265},{"style":264},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[266],{"type":52,"value":267},"'",{"type":46,"tag":182,"props":269,"children":270},{"style":195},[271],{"type":52,"value":272},"use client",{"type":46,"tag":182,"props":274,"children":275},{"style":264},[276],{"type":52,"value":267},{"type":46,"tag":182,"props":278,"children":279},{"style":264},[280],{"type":52,"value":281},";\n",{"type":46,"tag":182,"props":283,"children":285},{"class":184,"line":284},2,[286],{"type":46,"tag":182,"props":287,"children":289},{"emptyLinePlaceholder":288},true,[290],{"type":52,"value":291},"\n",{"type":46,"tag":182,"props":293,"children":295},{"class":184,"line":294},3,[296,302,307,313,318,323,328,332,336],{"type":46,"tag":182,"props":297,"children":299},{"style":298},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[300],{"type":52,"value":301},"import",{"type":46,"tag":182,"props":303,"children":304},{"style":264},[305],{"type":52,"value":306}," {",{"type":46,"tag":182,"props":308,"children":310},{"style":309},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[311],{"type":52,"value":312}," AvatarCall",{"type":46,"tag":182,"props":314,"children":315},{"style":264},[316],{"type":52,"value":317}," }",{"type":46,"tag":182,"props":319,"children":320},{"style":298},[321],{"type":52,"value":322}," from",{"type":46,"tag":182,"props":324,"children":325},{"style":264},[326],{"type":52,"value":327}," '",{"type":46,"tag":182,"props":329,"children":330},{"style":195},[331],{"type":52,"value":160},{"type":46,"tag":182,"props":333,"children":334},{"style":264},[335],{"type":52,"value":267},{"type":46,"tag":182,"props":337,"children":338},{"style":264},[339],{"type":52,"value":281},{"type":46,"tag":182,"props":341,"children":343},{"class":184,"line":342},4,[344,348,352,357,361],{"type":46,"tag":182,"props":345,"children":346},{"style":298},[347],{"type":52,"value":301},{"type":46,"tag":182,"props":349,"children":350},{"style":264},[351],{"type":52,"value":327},{"type":46,"tag":182,"props":353,"children":354},{"style":195},[355],{"type":52,"value":356},"@runwayml\u002Favatars-react\u002Fstyles.css",{"type":46,"tag":182,"props":358,"children":359},{"style":264},[360],{"type":52,"value":267},{"type":46,"tag":182,"props":362,"children":363},{"style":264},[364],{"type":52,"value":281},{"type":46,"tag":182,"props":366,"children":368},{"class":184,"line":367},5,[369],{"type":46,"tag":182,"props":370,"children":371},{"emptyLinePlaceholder":288},[372],{"type":52,"value":291},{"type":46,"tag":182,"props":374,"children":376},{"class":184,"line":375},6,[377,382,387,393,399,404],{"type":46,"tag":182,"props":378,"children":379},{"style":298},[380],{"type":52,"value":381},"export",{"type":46,"tag":182,"props":383,"children":384},{"style":298},[385],{"type":52,"value":386}," default",{"type":46,"tag":182,"props":388,"children":390},{"style":389},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[391],{"type":52,"value":392}," function",{"type":46,"tag":182,"props":394,"children":396},{"style":395},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[397],{"type":52,"value":398}," CharacterPage",{"type":46,"tag":182,"props":400,"children":401},{"style":264},[402],{"type":52,"value":403},"()",{"type":46,"tag":182,"props":405,"children":406},{"style":264},[407],{"type":52,"value":408}," {\n",{"type":46,"tag":182,"props":410,"children":412},{"class":184,"line":411},7,[413,418],{"type":46,"tag":182,"props":414,"children":415},{"style":298},[416],{"type":52,"value":417}," return",{"type":46,"tag":182,"props":419,"children":421},{"style":420},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[422],{"type":52,"value":423}," (\n",{"type":46,"tag":182,"props":425,"children":427},{"class":184,"line":426},8,[428,433],{"type":46,"tag":182,"props":429,"children":430},{"style":264},[431],{"type":52,"value":432}," \u003C",{"type":46,"tag":182,"props":434,"children":435},{"style":189},[436],{"type":52,"value":437},"AvatarCall\n",{"type":46,"tag":182,"props":439,"children":441},{"class":184,"line":440},9,[442,447,452,457,462],{"type":46,"tag":182,"props":443,"children":444},{"style":389},[445],{"type":52,"value":446}," avatarId",{"type":46,"tag":182,"props":448,"children":449},{"style":264},[450],{"type":52,"value":451},"=",{"type":46,"tag":182,"props":453,"children":454},{"style":264},[455],{"type":52,"value":456},"\"",{"type":46,"tag":182,"props":458,"children":459},{"style":195},[460],{"type":52,"value":461},"your-avatar-id-here",{"type":46,"tag":182,"props":463,"children":464},{"style":264},[465],{"type":52,"value":466},"\"\n",{"type":46,"tag":182,"props":468,"children":470},{"class":184,"line":469},10,[471,476,480,484,489],{"type":46,"tag":182,"props":472,"children":473},{"style":389},[474],{"type":52,"value":475}," connectUrl",{"type":46,"tag":182,"props":477,"children":478},{"style":264},[479],{"type":52,"value":451},{"type":46,"tag":182,"props":481,"children":482},{"style":264},[483],{"type":52,"value":456},{"type":46,"tag":182,"props":485,"children":486},{"style":195},[487],{"type":52,"value":488},"\u002Fapi\u002Favatar\u002Fsession",{"type":46,"tag":182,"props":490,"children":491},{"style":264},[492],{"type":52,"value":466},{"type":46,"tag":182,"props":494,"children":496},{"class":184,"line":495},11,[497,502,507,512,517,521,526,531,535,540,544,549],{"type":46,"tag":182,"props":498,"children":499},{"style":389},[500],{"type":52,"value":501}," onEnd",{"type":46,"tag":182,"props":503,"children":504},{"style":264},[505],{"type":52,"value":506},"={()",{"type":46,"tag":182,"props":508,"children":509},{"style":389},[510],{"type":52,"value":511}," =>",{"type":46,"tag":182,"props":513,"children":514},{"style":309},[515],{"type":52,"value":516}," console",{"type":46,"tag":182,"props":518,"children":519},{"style":264},[520],{"type":52,"value":230},{"type":46,"tag":182,"props":522,"children":523},{"style":395},[524],{"type":52,"value":525},"log",{"type":46,"tag":182,"props":527,"children":528},{"style":309},[529],{"type":52,"value":530},"(",{"type":46,"tag":182,"props":532,"children":533},{"style":264},[534],{"type":52,"value":267},{"type":46,"tag":182,"props":536,"children":537},{"style":195},[538],{"type":52,"value":539},"Call ended",{"type":46,"tag":182,"props":541,"children":542},{"style":264},[543],{"type":52,"value":267},{"type":46,"tag":182,"props":545,"children":546},{"style":309},[547],{"type":52,"value":548},")",{"type":46,"tag":182,"props":550,"children":551},{"style":264},[552],{"type":52,"value":553},"}\n",{"type":46,"tag":182,"props":555,"children":557},{"class":184,"line":556},12,[558,563,568,574,578,582,586,590,594,598,602,607,611,616,621],{"type":46,"tag":182,"props":559,"children":560},{"style":389},[561],{"type":52,"value":562}," onError",{"type":46,"tag":182,"props":564,"children":565},{"style":264},[566],{"type":52,"value":567},"={(",{"type":46,"tag":182,"props":569,"children":571},{"style":570},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[572],{"type":52,"value":573},"error",{"type":46,"tag":182,"props":575,"children":576},{"style":264},[577],{"type":52,"value":548},{"type":46,"tag":182,"props":579,"children":580},{"style":389},[581],{"type":52,"value":511},{"type":46,"tag":182,"props":583,"children":584},{"style":309},[585],{"type":52,"value":516},{"type":46,"tag":182,"props":587,"children":588},{"style":264},[589],{"type":52,"value":230},{"type":46,"tag":182,"props":591,"children":592},{"style":395},[593],{"type":52,"value":573},{"type":46,"tag":182,"props":595,"children":596},{"style":309},[597],{"type":52,"value":530},{"type":46,"tag":182,"props":599,"children":600},{"style":264},[601],{"type":52,"value":267},{"type":46,"tag":182,"props":603,"children":604},{"style":195},[605],{"type":52,"value":606},"Error:",{"type":46,"tag":182,"props":608,"children":609},{"style":264},[610],{"type":52,"value":267},{"type":46,"tag":182,"props":612,"children":613},{"style":264},[614],{"type":52,"value":615},",",{"type":46,"tag":182,"props":617,"children":618},{"style":309},[619],{"type":52,"value":620}," error)",{"type":46,"tag":182,"props":622,"children":623},{"style":264},[624],{"type":52,"value":553},{"type":46,"tag":182,"props":626,"children":628},{"class":184,"line":627},13,[629],{"type":46,"tag":182,"props":630,"children":631},{"style":264},[632],{"type":52,"value":633}," \u002F>\n",{"type":46,"tag":182,"props":635,"children":637},{"class":184,"line":636},14,[638,643],{"type":46,"tag":182,"props":639,"children":640},{"style":420},[641],{"type":52,"value":642}," )",{"type":46,"tag":182,"props":644,"children":645},{"style":264},[646],{"type":52,"value":281},{"type":46,"tag":182,"props":648,"children":649},{"class":184,"line":31},[650],{"type":46,"tag":182,"props":651,"children":652},{"style":264},[653],{"type":52,"value":553},{"type":46,"tag":655,"props":656,"children":658},"h3",{"id":657},"avatarcall-props",[659,664],{"type":46,"tag":77,"props":660,"children":662},{"className":661},[],[663],{"type":52,"value":242},{"type":52,"value":665}," Props",{"type":46,"tag":667,"props":668,"children":669},"table",{},[670,694],{"type":46,"tag":671,"props":672,"children":673},"thead",{},[674],{"type":46,"tag":675,"props":676,"children":677},"tr",{},[678,684,689],{"type":46,"tag":679,"props":680,"children":681},"th",{},[682],{"type":52,"value":683},"Prop",{"type":46,"tag":679,"props":685,"children":686},{},[687],{"type":52,"value":688},"Type",{"type":46,"tag":679,"props":690,"children":691},{},[692],{"type":52,"value":693},"Description",{"type":46,"tag":695,"props":696,"children":697},"tbody",{},[698,725,756,782],{"type":46,"tag":675,"props":699,"children":700},{},[701,711,720],{"type":46,"tag":702,"props":703,"children":704},"td",{},[705],{"type":46,"tag":77,"props":706,"children":708},{"className":707},[],[709],{"type":52,"value":710},"avatarId",{"type":46,"tag":702,"props":712,"children":713},{},[714],{"type":46,"tag":77,"props":715,"children":717},{"className":716},[],[718],{"type":52,"value":719},"string",{"type":46,"tag":702,"props":721,"children":722},{},[723],{"type":52,"value":724},"The Avatar UUID from the Developer Portal or API",{"type":46,"tag":675,"props":726,"children":727},{},[728,737,745],{"type":46,"tag":702,"props":729,"children":730},{},[731],{"type":46,"tag":77,"props":732,"children":734},{"className":733},[],[735],{"type":52,"value":736},"connectUrl",{"type":46,"tag":702,"props":738,"children":739},{},[740],{"type":46,"tag":77,"props":741,"children":743},{"className":742},[],[744],{"type":52,"value":719},{"type":46,"tag":702,"props":746,"children":747},{},[748,750,755],{"type":52,"value":749},"Your server-side session endpoint (e.g., ",{"type":46,"tag":77,"props":751,"children":753},{"className":752},[],[754],{"type":52,"value":488},{"type":52,"value":548},{"type":46,"tag":675,"props":757,"children":758},{},[759,768,777],{"type":46,"tag":702,"props":760,"children":761},{},[762],{"type":46,"tag":77,"props":763,"children":765},{"className":764},[],[766],{"type":52,"value":767},"onEnd",{"type":46,"tag":702,"props":769,"children":770},{},[771],{"type":46,"tag":77,"props":772,"children":774},{"className":773},[],[775],{"type":52,"value":776},"() => void",{"type":46,"tag":702,"props":778,"children":779},{},[780],{"type":52,"value":781},"Called when the call ends normally",{"type":46,"tag":675,"props":783,"children":784},{},[785,794,803],{"type":46,"tag":702,"props":786,"children":787},{},[788],{"type":46,"tag":77,"props":789,"children":791},{"className":790},[],[792],{"type":52,"value":793},"onError",{"type":46,"tag":702,"props":795,"children":796},{},[797],{"type":46,"tag":77,"props":798,"children":800},{"className":799},[],[801],{"type":52,"value":802},"(error: Error) => void",{"type":46,"tag":702,"props":804,"children":805},{},[806],{"type":52,"value":807},"Called on connection or runtime errors",{"type":46,"tag":59,"props":809,"children":810},{},[811,816,818,823],{"type":46,"tag":63,"props":812,"children":813},{},[814],{"type":52,"value":815},"For custom avatars",{"type":52,"value":817}," created in the Developer Portal, use the Avatar UUID as ",{"type":46,"tag":77,"props":819,"children":821},{"className":820},[],[822],{"type":52,"value":710},{"type":52,"value":230},{"type":46,"tag":164,"props":825,"children":827},{"id":826},"option-b-fully-custom-hooks",[828],{"type":52,"value":829},"Option B: Fully Custom — Hooks",{"type":46,"tag":59,"props":831,"children":832},{},[833,835,841],{"type":52,"value":834},"For full control over the UI, use ",{"type":46,"tag":77,"props":836,"children":838},{"className":837},[],[839],{"type":52,"value":840},"AvatarSession",{"type":52,"value":842}," with hooks.",{"type":46,"tag":655,"props":844,"children":846},{"id":845},"components-hooks",[847],{"type":52,"value":848},"Components & Hooks",{"type":46,"tag":667,"props":850,"children":851},{},[852,871],{"type":46,"tag":671,"props":853,"children":854},{},[855],{"type":46,"tag":675,"props":856,"children":857},{},[858,863,867],{"type":46,"tag":679,"props":859,"children":860},{},[861],{"type":52,"value":862},"Export",{"type":46,"tag":679,"props":864,"children":865},{},[866],{"type":52,"value":688},{"type":46,"tag":679,"props":868,"children":869},{},[870],{"type":52,"value":693},{"type":46,"tag":695,"props":872,"children":873},{},[874,895,916,937,986],{"type":46,"tag":675,"props":875,"children":876},{},[877,885,890],{"type":46,"tag":702,"props":878,"children":879},{},[880],{"type":46,"tag":77,"props":881,"children":883},{"className":882},[],[884],{"type":52,"value":840},{"type":46,"tag":702,"props":886,"children":887},{},[888],{"type":52,"value":889},"Component",{"type":46,"tag":702,"props":891,"children":892},{},[893],{"type":52,"value":894},"Provider that manages the WebRTC session",{"type":46,"tag":675,"props":896,"children":897},{},[898,907,911],{"type":46,"tag":702,"props":899,"children":900},{},[901],{"type":46,"tag":77,"props":902,"children":904},{"className":903},[],[905],{"type":52,"value":906},"AvatarVideo",{"type":46,"tag":702,"props":908,"children":909},{},[910],{"type":52,"value":889},{"type":46,"tag":702,"props":912,"children":913},{},[914],{"type":52,"value":915},"Renders the avatar's video stream",{"type":46,"tag":675,"props":917,"children":918},{},[919,928,932],{"type":46,"tag":702,"props":920,"children":921},{},[922],{"type":46,"tag":77,"props":923,"children":925},{"className":924},[],[926],{"type":52,"value":927},"UserVideo",{"type":46,"tag":702,"props":929,"children":930},{},[931],{"type":52,"value":889},{"type":46,"tag":702,"props":933,"children":934},{},[935],{"type":52,"value":936},"Renders the user's camera feed",{"type":46,"tag":675,"props":938,"children":939},{},[940,949,954],{"type":46,"tag":702,"props":941,"children":942},{},[943],{"type":46,"tag":77,"props":944,"children":946},{"className":945},[],[947],{"type":52,"value":948},"useAvatarSession",{"type":46,"tag":702,"props":950,"children":951},{},[952],{"type":52,"value":953},"Hook",{"type":46,"tag":702,"props":955,"children":956},{},[957,959,965,967,973,974,979,980],{"type":52,"value":958},"Access session state: ",{"type":46,"tag":77,"props":960,"children":962},{"className":961},[],[963],{"type":52,"value":964},"state",{"type":52,"value":966},", ",{"type":46,"tag":77,"props":968,"children":970},{"className":969},[],[971],{"type":52,"value":972},"sessionId",{"type":52,"value":966},{"type":46,"tag":77,"props":975,"children":977},{"className":976},[],[978],{"type":52,"value":573},{"type":52,"value":966},{"type":46,"tag":77,"props":981,"children":983},{"className":982},[],[984],{"type":52,"value":985},"end()",{"type":46,"tag":675,"props":987,"children":988},{},[989,998,1002],{"type":46,"tag":702,"props":990,"children":991},{},[992],{"type":46,"tag":77,"props":993,"children":995},{"className":994},[],[996],{"type":52,"value":997},"useLocalMedia",{"type":46,"tag":702,"props":999,"children":1000},{},[1001],{"type":52,"value":953},{"type":46,"tag":702,"props":1003,"children":1004},{},[1005,1007,1013,1014],{"type":52,"value":1006},"Control user's media: ",{"type":46,"tag":77,"props":1008,"children":1010},{"className":1009},[],[1011],{"type":52,"value":1012},"isMicEnabled",{"type":52,"value":966},{"type":46,"tag":77,"props":1015,"children":1017},{"className":1016},[],[1018],{"type":52,"value":1019},"toggleMic()",{"type":46,"tag":655,"props":1021,"children":1023},{"id":1022},"custom-ui-example",[1024],{"type":52,"value":1025},"Custom UI Example",{"type":46,"tag":171,"props":1027,"children":1029},{"className":252,"code":1028,"language":254,"meta":176,"style":176},"'use client';\n\nimport {\n AvatarSession,\n AvatarVideo,\n UserVideo,\n useAvatarSession,\n useLocalMedia,\n} from '@runwayml\u002Favatars-react';\nimport type { SessionCredentials } from '@runwayml\u002Favatars-react';\n\nfunction CallUI() {\n const { state, end } = useAvatarSession();\n const { isMicEnabled, toggleMic } = useLocalMedia();\n\n return (\n \u003Cdiv className=\"relative w-full h-screen\">\n {\u002F* Avatar video takes full screen *\u002F}\n \u003CAvatarVideo className=\"w-full h-full object-cover\" \u002F>\n\n {\u002F* User's camera in a small overlay *\u002F}\n \u003CUserVideo className=\"absolute bottom-4 right-4 w-48 rounded-lg\" \u002F>\n\n {\u002F* Controls *\u002F}\n \u003Cdiv className=\"absolute bottom-4 left-4 flex gap-2\">\n \u003Cbutton onClick={toggleMic}>\n {isMicEnabled ? 'Mute' : 'Unmute'}\n \u003C\u002Fbutton>\n \u003Cbutton onClick={end}>End Call\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n\n {\u002F* Connection state *\u002F}\n {state === 'connecting' && (\n \u003Cdiv className=\"absolute inset-0 flex items-center justify-center bg-black\u002F50\">\n Connecting...\n \u003C\u002Fdiv>\n )}\n \u003C\u002Fdiv>\n );\n}\n\nexport function CustomAvatar({ credentials }: { credentials: SessionCredentials }) {\n return (\n \u003CAvatarSession credentials={credentials} audio video>\n \u003CCallUI \u002F>\n \u003C\u002FAvatarSession>\n );\n}\n",[1030],{"type":46,"tag":77,"props":1031,"children":1032},{"__ignoreMap":176},[1033,1052,1059,1070,1083,1095,1107,1119,1131,1159,1204,1211,1232,1280,1326,1333,1345,1385,1404,1443,1451,1468,1505,1513,1530,1567,1601,1655,1672,1720,1737,1745,1762,1802,1839,1848,1864,1877,1894,1906,1914,1922,1980,1992,2036,2053,2069,2081],{"type":46,"tag":182,"props":1034,"children":1035},{"class":184,"line":185},[1036,1040,1044,1048],{"type":46,"tag":182,"props":1037,"children":1038},{"style":264},[1039],{"type":52,"value":267},{"type":46,"tag":182,"props":1041,"children":1042},{"style":195},[1043],{"type":52,"value":272},{"type":46,"tag":182,"props":1045,"children":1046},{"style":264},[1047],{"type":52,"value":267},{"type":46,"tag":182,"props":1049,"children":1050},{"style":264},[1051],{"type":52,"value":281},{"type":46,"tag":182,"props":1053,"children":1054},{"class":184,"line":284},[1055],{"type":46,"tag":182,"props":1056,"children":1057},{"emptyLinePlaceholder":288},[1058],{"type":52,"value":291},{"type":46,"tag":182,"props":1060,"children":1061},{"class":184,"line":294},[1062,1066],{"type":46,"tag":182,"props":1063,"children":1064},{"style":298},[1065],{"type":52,"value":301},{"type":46,"tag":182,"props":1067,"children":1068},{"style":264},[1069],{"type":52,"value":408},{"type":46,"tag":182,"props":1071,"children":1072},{"class":184,"line":342},[1073,1078],{"type":46,"tag":182,"props":1074,"children":1075},{"style":309},[1076],{"type":52,"value":1077}," AvatarSession",{"type":46,"tag":182,"props":1079,"children":1080},{"style":264},[1081],{"type":52,"value":1082},",\n",{"type":46,"tag":182,"props":1084,"children":1085},{"class":184,"line":367},[1086,1091],{"type":46,"tag":182,"props":1087,"children":1088},{"style":309},[1089],{"type":52,"value":1090}," AvatarVideo",{"type":46,"tag":182,"props":1092,"children":1093},{"style":264},[1094],{"type":52,"value":1082},{"type":46,"tag":182,"props":1096,"children":1097},{"class":184,"line":375},[1098,1103],{"type":46,"tag":182,"props":1099,"children":1100},{"style":309},[1101],{"type":52,"value":1102}," UserVideo",{"type":46,"tag":182,"props":1104,"children":1105},{"style":264},[1106],{"type":52,"value":1082},{"type":46,"tag":182,"props":1108,"children":1109},{"class":184,"line":411},[1110,1115],{"type":46,"tag":182,"props":1111,"children":1112},{"style":309},[1113],{"type":52,"value":1114}," useAvatarSession",{"type":46,"tag":182,"props":1116,"children":1117},{"style":264},[1118],{"type":52,"value":1082},{"type":46,"tag":182,"props":1120,"children":1121},{"class":184,"line":426},[1122,1127],{"type":46,"tag":182,"props":1123,"children":1124},{"style":309},[1125],{"type":52,"value":1126}," useLocalMedia",{"type":46,"tag":182,"props":1128,"children":1129},{"style":264},[1130],{"type":52,"value":1082},{"type":46,"tag":182,"props":1132,"children":1133},{"class":184,"line":440},[1134,1139,1143,1147,1151,1155],{"type":46,"tag":182,"props":1135,"children":1136},{"style":264},[1137],{"type":52,"value":1138},"}",{"type":46,"tag":182,"props":1140,"children":1141},{"style":298},[1142],{"type":52,"value":322},{"type":46,"tag":182,"props":1144,"children":1145},{"style":264},[1146],{"type":52,"value":327},{"type":46,"tag":182,"props":1148,"children":1149},{"style":195},[1150],{"type":52,"value":160},{"type":46,"tag":182,"props":1152,"children":1153},{"style":264},[1154],{"type":52,"value":267},{"type":46,"tag":182,"props":1156,"children":1157},{"style":264},[1158],{"type":52,"value":281},{"type":46,"tag":182,"props":1160,"children":1161},{"class":184,"line":469},[1162,1166,1171,1175,1180,1184,1188,1192,1196,1200],{"type":46,"tag":182,"props":1163,"children":1164},{"style":298},[1165],{"type":52,"value":301},{"type":46,"tag":182,"props":1167,"children":1168},{"style":298},[1169],{"type":52,"value":1170}," type",{"type":46,"tag":182,"props":1172,"children":1173},{"style":264},[1174],{"type":52,"value":306},{"type":46,"tag":182,"props":1176,"children":1177},{"style":309},[1178],{"type":52,"value":1179}," SessionCredentials",{"type":46,"tag":182,"props":1181,"children":1182},{"style":264},[1183],{"type":52,"value":317},{"type":46,"tag":182,"props":1185,"children":1186},{"style":298},[1187],{"type":52,"value":322},{"type":46,"tag":182,"props":1189,"children":1190},{"style":264},[1191],{"type":52,"value":327},{"type":46,"tag":182,"props":1193,"children":1194},{"style":195},[1195],{"type":52,"value":160},{"type":46,"tag":182,"props":1197,"children":1198},{"style":264},[1199],{"type":52,"value":267},{"type":46,"tag":182,"props":1201,"children":1202},{"style":264},[1203],{"type":52,"value":281},{"type":46,"tag":182,"props":1205,"children":1206},{"class":184,"line":495},[1207],{"type":46,"tag":182,"props":1208,"children":1209},{"emptyLinePlaceholder":288},[1210],{"type":52,"value":291},{"type":46,"tag":182,"props":1212,"children":1213},{"class":184,"line":556},[1214,1219,1224,1228],{"type":46,"tag":182,"props":1215,"children":1216},{"style":389},[1217],{"type":52,"value":1218},"function",{"type":46,"tag":182,"props":1220,"children":1221},{"style":395},[1222],{"type":52,"value":1223}," CallUI",{"type":46,"tag":182,"props":1225,"children":1226},{"style":264},[1227],{"type":52,"value":403},{"type":46,"tag":182,"props":1229,"children":1230},{"style":264},[1231],{"type":52,"value":408},{"type":46,"tag":182,"props":1233,"children":1234},{"class":184,"line":627},[1235,1240,1244,1249,1253,1258,1262,1267,1272,1276],{"type":46,"tag":182,"props":1236,"children":1237},{"style":389},[1238],{"type":52,"value":1239}," const",{"type":46,"tag":182,"props":1241,"children":1242},{"style":264},[1243],{"type":52,"value":306},{"type":46,"tag":182,"props":1245,"children":1246},{"style":309},[1247],{"type":52,"value":1248}," state",{"type":46,"tag":182,"props":1250,"children":1251},{"style":264},[1252],{"type":52,"value":615},{"type":46,"tag":182,"props":1254,"children":1255},{"style":309},[1256],{"type":52,"value":1257}," end",{"type":46,"tag":182,"props":1259,"children":1260},{"style":264},[1261],{"type":52,"value":317},{"type":46,"tag":182,"props":1263,"children":1264},{"style":264},[1265],{"type":52,"value":1266}," =",{"type":46,"tag":182,"props":1268,"children":1269},{"style":395},[1270],{"type":52,"value":1271}," useAvatarSession",{"type":46,"tag":182,"props":1273,"children":1274},{"style":420},[1275],{"type":52,"value":403},{"type":46,"tag":182,"props":1277,"children":1278},{"style":264},[1279],{"type":52,"value":281},{"type":46,"tag":182,"props":1281,"children":1282},{"class":184,"line":636},[1283,1287,1291,1296,1300,1305,1309,1313,1318,1322],{"type":46,"tag":182,"props":1284,"children":1285},{"style":389},[1286],{"type":52,"value":1239},{"type":46,"tag":182,"props":1288,"children":1289},{"style":264},[1290],{"type":52,"value":306},{"type":46,"tag":182,"props":1292,"children":1293},{"style":309},[1294],{"type":52,"value":1295}," isMicEnabled",{"type":46,"tag":182,"props":1297,"children":1298},{"style":264},[1299],{"type":52,"value":615},{"type":46,"tag":182,"props":1301,"children":1302},{"style":309},[1303],{"type":52,"value":1304}," toggleMic",{"type":46,"tag":182,"props":1306,"children":1307},{"style":264},[1308],{"type":52,"value":317},{"type":46,"tag":182,"props":1310,"children":1311},{"style":264},[1312],{"type":52,"value":1266},{"type":46,"tag":182,"props":1314,"children":1315},{"style":395},[1316],{"type":52,"value":1317}," useLocalMedia",{"type":46,"tag":182,"props":1319,"children":1320},{"style":420},[1321],{"type":52,"value":403},{"type":46,"tag":182,"props":1323,"children":1324},{"style":264},[1325],{"type":52,"value":281},{"type":46,"tag":182,"props":1327,"children":1328},{"class":184,"line":31},[1329],{"type":46,"tag":182,"props":1330,"children":1331},{"emptyLinePlaceholder":288},[1332],{"type":52,"value":291},{"type":46,"tag":182,"props":1334,"children":1336},{"class":184,"line":1335},16,[1337,1341],{"type":46,"tag":182,"props":1338,"children":1339},{"style":298},[1340],{"type":52,"value":417},{"type":46,"tag":182,"props":1342,"children":1343},{"style":420},[1344],{"type":52,"value":423},{"type":46,"tag":182,"props":1346,"children":1348},{"class":184,"line":1347},17,[1349,1353,1358,1363,1367,1371,1376,1380],{"type":46,"tag":182,"props":1350,"children":1351},{"style":264},[1352],{"type":52,"value":432},{"type":46,"tag":182,"props":1354,"children":1355},{"style":420},[1356],{"type":52,"value":1357},"div",{"type":46,"tag":182,"props":1359,"children":1360},{"style":389},[1361],{"type":52,"value":1362}," className",{"type":46,"tag":182,"props":1364,"children":1365},{"style":264},[1366],{"type":52,"value":451},{"type":46,"tag":182,"props":1368,"children":1369},{"style":264},[1370],{"type":52,"value":456},{"type":46,"tag":182,"props":1372,"children":1373},{"style":195},[1374],{"type":52,"value":1375},"relative w-full h-screen",{"type":46,"tag":182,"props":1377,"children":1378},{"style":264},[1379],{"type":52,"value":456},{"type":46,"tag":182,"props":1381,"children":1382},{"style":264},[1383],{"type":52,"value":1384},">\n",{"type":46,"tag":182,"props":1386,"children":1388},{"class":184,"line":1387},18,[1389,1394,1400],{"type":46,"tag":182,"props":1390,"children":1391},{"style":264},[1392],{"type":52,"value":1393}," {",{"type":46,"tag":182,"props":1395,"children":1397},{"style":1396},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1398],{"type":52,"value":1399},"\u002F* Avatar video takes full screen *\u002F",{"type":46,"tag":182,"props":1401,"children":1402},{"style":264},[1403],{"type":52,"value":553},{"type":46,"tag":182,"props":1405,"children":1407},{"class":184,"line":1406},19,[1408,1413,1417,1421,1425,1429,1434,1438],{"type":46,"tag":182,"props":1409,"children":1410},{"style":264},[1411],{"type":52,"value":1412}," \u003C",{"type":46,"tag":182,"props":1414,"children":1415},{"style":189},[1416],{"type":52,"value":906},{"type":46,"tag":182,"props":1418,"children":1419},{"style":389},[1420],{"type":52,"value":1362},{"type":46,"tag":182,"props":1422,"children":1423},{"style":264},[1424],{"type":52,"value":451},{"type":46,"tag":182,"props":1426,"children":1427},{"style":264},[1428],{"type":52,"value":456},{"type":46,"tag":182,"props":1430,"children":1431},{"style":195},[1432],{"type":52,"value":1433},"w-full h-full object-cover",{"type":46,"tag":182,"props":1435,"children":1436},{"style":264},[1437],{"type":52,"value":456},{"type":46,"tag":182,"props":1439,"children":1440},{"style":264},[1441],{"type":52,"value":1442}," \u002F>\n",{"type":46,"tag":182,"props":1444,"children":1446},{"class":184,"line":1445},20,[1447],{"type":46,"tag":182,"props":1448,"children":1449},{"emptyLinePlaceholder":288},[1450],{"type":52,"value":291},{"type":46,"tag":182,"props":1452,"children":1454},{"class":184,"line":1453},21,[1455,1459,1464],{"type":46,"tag":182,"props":1456,"children":1457},{"style":264},[1458],{"type":52,"value":1393},{"type":46,"tag":182,"props":1460,"children":1461},{"style":1396},[1462],{"type":52,"value":1463},"\u002F* User's camera in a small overlay *\u002F",{"type":46,"tag":182,"props":1465,"children":1466},{"style":264},[1467],{"type":52,"value":553},{"type":46,"tag":182,"props":1469,"children":1471},{"class":184,"line":1470},22,[1472,1476,1480,1484,1488,1492,1497,1501],{"type":46,"tag":182,"props":1473,"children":1474},{"style":264},[1475],{"type":52,"value":1412},{"type":46,"tag":182,"props":1477,"children":1478},{"style":189},[1479],{"type":52,"value":927},{"type":46,"tag":182,"props":1481,"children":1482},{"style":389},[1483],{"type":52,"value":1362},{"type":46,"tag":182,"props":1485,"children":1486},{"style":264},[1487],{"type":52,"value":451},{"type":46,"tag":182,"props":1489,"children":1490},{"style":264},[1491],{"type":52,"value":456},{"type":46,"tag":182,"props":1493,"children":1494},{"style":195},[1495],{"type":52,"value":1496},"absolute bottom-4 right-4 w-48 rounded-lg",{"type":46,"tag":182,"props":1498,"children":1499},{"style":264},[1500],{"type":52,"value":456},{"type":46,"tag":182,"props":1502,"children":1503},{"style":264},[1504],{"type":52,"value":1442},{"type":46,"tag":182,"props":1506,"children":1508},{"class":184,"line":1507},23,[1509],{"type":46,"tag":182,"props":1510,"children":1511},{"emptyLinePlaceholder":288},[1512],{"type":52,"value":291},{"type":46,"tag":182,"props":1514,"children":1516},{"class":184,"line":1515},24,[1517,1521,1526],{"type":46,"tag":182,"props":1518,"children":1519},{"style":264},[1520],{"type":52,"value":1393},{"type":46,"tag":182,"props":1522,"children":1523},{"style":1396},[1524],{"type":52,"value":1525},"\u002F* Controls *\u002F",{"type":46,"tag":182,"props":1527,"children":1528},{"style":264},[1529],{"type":52,"value":553},{"type":46,"tag":182,"props":1531,"children":1533},{"class":184,"line":1532},25,[1534,1538,1542,1546,1550,1554,1559,1563],{"type":46,"tag":182,"props":1535,"children":1536},{"style":264},[1537],{"type":52,"value":1412},{"type":46,"tag":182,"props":1539,"children":1540},{"style":420},[1541],{"type":52,"value":1357},{"type":46,"tag":182,"props":1543,"children":1544},{"style":389},[1545],{"type":52,"value":1362},{"type":46,"tag":182,"props":1547,"children":1548},{"style":264},[1549],{"type":52,"value":451},{"type":46,"tag":182,"props":1551,"children":1552},{"style":264},[1553],{"type":52,"value":456},{"type":46,"tag":182,"props":1555,"children":1556},{"style":195},[1557],{"type":52,"value":1558},"absolute bottom-4 left-4 flex gap-2",{"type":46,"tag":182,"props":1560,"children":1561},{"style":264},[1562],{"type":52,"value":456},{"type":46,"tag":182,"props":1564,"children":1565},{"style":264},[1566],{"type":52,"value":1384},{"type":46,"tag":182,"props":1568,"children":1570},{"class":184,"line":1569},26,[1571,1576,1581,1586,1591,1596],{"type":46,"tag":182,"props":1572,"children":1573},{"style":264},[1574],{"type":52,"value":1575}," \u003C",{"type":46,"tag":182,"props":1577,"children":1578},{"style":420},[1579],{"type":52,"value":1580},"button",{"type":46,"tag":182,"props":1582,"children":1583},{"style":389},[1584],{"type":52,"value":1585}," onClick",{"type":46,"tag":182,"props":1587,"children":1588},{"style":264},[1589],{"type":52,"value":1590},"={",{"type":46,"tag":182,"props":1592,"children":1593},{"style":309},[1594],{"type":52,"value":1595},"toggleMic",{"type":46,"tag":182,"props":1597,"children":1598},{"style":264},[1599],{"type":52,"value":1600},"}>\n",{"type":46,"tag":182,"props":1602,"children":1604},{"class":184,"line":1603},27,[1605,1610,1615,1620,1624,1629,1633,1638,1642,1647,1651],{"type":46,"tag":182,"props":1606,"children":1607},{"style":264},[1608],{"type":52,"value":1609}," {",{"type":46,"tag":182,"props":1611,"children":1612},{"style":309},[1613],{"type":52,"value":1614},"isMicEnabled ",{"type":46,"tag":182,"props":1616,"children":1617},{"style":264},[1618],{"type":52,"value":1619},"?",{"type":46,"tag":182,"props":1621,"children":1622},{"style":264},[1623],{"type":52,"value":327},{"type":46,"tag":182,"props":1625,"children":1626},{"style":195},[1627],{"type":52,"value":1628},"Mute",{"type":46,"tag":182,"props":1630,"children":1631},{"style":264},[1632],{"type":52,"value":267},{"type":46,"tag":182,"props":1634,"children":1635},{"style":264},[1636],{"type":52,"value":1637}," :",{"type":46,"tag":182,"props":1639,"children":1640},{"style":264},[1641],{"type":52,"value":327},{"type":46,"tag":182,"props":1643,"children":1644},{"style":195},[1645],{"type":52,"value":1646},"Unmute",{"type":46,"tag":182,"props":1648,"children":1649},{"style":264},[1650],{"type":52,"value":267},{"type":46,"tag":182,"props":1652,"children":1653},{"style":264},[1654],{"type":52,"value":553},{"type":46,"tag":182,"props":1656,"children":1658},{"class":184,"line":1657},28,[1659,1664,1668],{"type":46,"tag":182,"props":1660,"children":1661},{"style":264},[1662],{"type":52,"value":1663}," \u003C\u002F",{"type":46,"tag":182,"props":1665,"children":1666},{"style":420},[1667],{"type":52,"value":1580},{"type":46,"tag":182,"props":1669,"children":1670},{"style":264},[1671],{"type":52,"value":1384},{"type":46,"tag":182,"props":1673,"children":1675},{"class":184,"line":1674},29,[1676,1680,1684,1688,1692,1697,1702,1707,1712,1716],{"type":46,"tag":182,"props":1677,"children":1678},{"style":264},[1679],{"type":52,"value":1575},{"type":46,"tag":182,"props":1681,"children":1682},{"style":420},[1683],{"type":52,"value":1580},{"type":46,"tag":182,"props":1685,"children":1686},{"style":389},[1687],{"type":52,"value":1585},{"type":46,"tag":182,"props":1689,"children":1690},{"style":264},[1691],{"type":52,"value":1590},{"type":46,"tag":182,"props":1693,"children":1694},{"style":309},[1695],{"type":52,"value":1696},"end",{"type":46,"tag":182,"props":1698,"children":1699},{"style":264},[1700],{"type":52,"value":1701},"}>",{"type":46,"tag":182,"props":1703,"children":1704},{"style":309},[1705],{"type":52,"value":1706},"End Call",{"type":46,"tag":182,"props":1708,"children":1709},{"style":264},[1710],{"type":52,"value":1711},"\u003C\u002F",{"type":46,"tag":182,"props":1713,"children":1714},{"style":420},[1715],{"type":52,"value":1580},{"type":46,"tag":182,"props":1717,"children":1718},{"style":264},[1719],{"type":52,"value":1384},{"type":46,"tag":182,"props":1721,"children":1723},{"class":184,"line":1722},30,[1724,1729,1733],{"type":46,"tag":182,"props":1725,"children":1726},{"style":264},[1727],{"type":52,"value":1728}," \u003C\u002F",{"type":46,"tag":182,"props":1730,"children":1731},{"style":420},[1732],{"type":52,"value":1357},{"type":46,"tag":182,"props":1734,"children":1735},{"style":264},[1736],{"type":52,"value":1384},{"type":46,"tag":182,"props":1738,"children":1740},{"class":184,"line":1739},31,[1741],{"type":46,"tag":182,"props":1742,"children":1743},{"emptyLinePlaceholder":288},[1744],{"type":52,"value":291},{"type":46,"tag":182,"props":1746,"children":1748},{"class":184,"line":1747},32,[1749,1753,1758],{"type":46,"tag":182,"props":1750,"children":1751},{"style":264},[1752],{"type":52,"value":1393},{"type":46,"tag":182,"props":1754,"children":1755},{"style":1396},[1756],{"type":52,"value":1757},"\u002F* Connection state *\u002F",{"type":46,"tag":182,"props":1759,"children":1760},{"style":264},[1761],{"type":52,"value":553},{"type":46,"tag":182,"props":1763,"children":1765},{"class":184,"line":1764},33,[1766,1770,1775,1780,1784,1789,1793,1798],{"type":46,"tag":182,"props":1767,"children":1768},{"style":264},[1769],{"type":52,"value":1393},{"type":46,"tag":182,"props":1771,"children":1772},{"style":309},[1773],{"type":52,"value":1774},"state ",{"type":46,"tag":182,"props":1776,"children":1777},{"style":264},[1778],{"type":52,"value":1779},"===",{"type":46,"tag":182,"props":1781,"children":1782},{"style":264},[1783],{"type":52,"value":327},{"type":46,"tag":182,"props":1785,"children":1786},{"style":195},[1787],{"type":52,"value":1788},"connecting",{"type":46,"tag":182,"props":1790,"children":1791},{"style":264},[1792],{"type":52,"value":267},{"type":46,"tag":182,"props":1794,"children":1795},{"style":264},[1796],{"type":52,"value":1797}," &&",{"type":46,"tag":182,"props":1799,"children":1800},{"style":309},[1801],{"type":52,"value":423},{"type":46,"tag":182,"props":1803,"children":1805},{"class":184,"line":1804},34,[1806,1810,1814,1818,1822,1826,1831,1835],{"type":46,"tag":182,"props":1807,"children":1808},{"style":264},[1809],{"type":52,"value":1575},{"type":46,"tag":182,"props":1811,"children":1812},{"style":420},[1813],{"type":52,"value":1357},{"type":46,"tag":182,"props":1815,"children":1816},{"style":389},[1817],{"type":52,"value":1362},{"type":46,"tag":182,"props":1819,"children":1820},{"style":264},[1821],{"type":52,"value":451},{"type":46,"tag":182,"props":1823,"children":1824},{"style":264},[1825],{"type":52,"value":456},{"type":46,"tag":182,"props":1827,"children":1828},{"style":195},[1829],{"type":52,"value":1830},"absolute inset-0 flex items-center justify-center bg-black\u002F50",{"type":46,"tag":182,"props":1832,"children":1833},{"style":264},[1834],{"type":52,"value":456},{"type":46,"tag":182,"props":1836,"children":1837},{"style":264},[1838],{"type":52,"value":1384},{"type":46,"tag":182,"props":1840,"children":1842},{"class":184,"line":1841},35,[1843],{"type":46,"tag":182,"props":1844,"children":1845},{"style":309},[1846],{"type":52,"value":1847}," Connecting...\n",{"type":46,"tag":182,"props":1849,"children":1851},{"class":184,"line":1850},36,[1852,1856,1860],{"type":46,"tag":182,"props":1853,"children":1854},{"style":264},[1855],{"type":52,"value":1663},{"type":46,"tag":182,"props":1857,"children":1858},{"style":420},[1859],{"type":52,"value":1357},{"type":46,"tag":182,"props":1861,"children":1862},{"style":264},[1863],{"type":52,"value":1384},{"type":46,"tag":182,"props":1865,"children":1867},{"class":184,"line":1866},37,[1868,1873],{"type":46,"tag":182,"props":1869,"children":1870},{"style":309},[1871],{"type":52,"value":1872}," )",{"type":46,"tag":182,"props":1874,"children":1875},{"style":264},[1876],{"type":52,"value":553},{"type":46,"tag":182,"props":1878,"children":1880},{"class":184,"line":1879},38,[1881,1886,1890],{"type":46,"tag":182,"props":1882,"children":1883},{"style":264},[1884],{"type":52,"value":1885}," \u003C\u002F",{"type":46,"tag":182,"props":1887,"children":1888},{"style":420},[1889],{"type":52,"value":1357},{"type":46,"tag":182,"props":1891,"children":1892},{"style":264},[1893],{"type":52,"value":1384},{"type":46,"tag":182,"props":1895,"children":1897},{"class":184,"line":1896},39,[1898,1902],{"type":46,"tag":182,"props":1899,"children":1900},{"style":420},[1901],{"type":52,"value":642},{"type":46,"tag":182,"props":1903,"children":1904},{"style":264},[1905],{"type":52,"value":281},{"type":46,"tag":182,"props":1907,"children":1909},{"class":184,"line":1908},40,[1910],{"type":46,"tag":182,"props":1911,"children":1912},{"style":264},[1913],{"type":52,"value":553},{"type":46,"tag":182,"props":1915,"children":1917},{"class":184,"line":1916},41,[1918],{"type":46,"tag":182,"props":1919,"children":1920},{"emptyLinePlaceholder":288},[1921],{"type":52,"value":291},{"type":46,"tag":182,"props":1923,"children":1925},{"class":184,"line":1924},42,[1926,1930,1934,1939,1944,1949,1954,1958,1962,1967,1971,1976],{"type":46,"tag":182,"props":1927,"children":1928},{"style":298},[1929],{"type":52,"value":381},{"type":46,"tag":182,"props":1931,"children":1932},{"style":389},[1933],{"type":52,"value":392},{"type":46,"tag":182,"props":1935,"children":1936},{"style":395},[1937],{"type":52,"value":1938}," CustomAvatar",{"type":46,"tag":182,"props":1940,"children":1941},{"style":264},[1942],{"type":52,"value":1943},"({",{"type":46,"tag":182,"props":1945,"children":1946},{"style":570},[1947],{"type":52,"value":1948}," credentials",{"type":46,"tag":182,"props":1950,"children":1951},{"style":264},[1952],{"type":52,"value":1953}," }:",{"type":46,"tag":182,"props":1955,"children":1956},{"style":264},[1957],{"type":52,"value":306},{"type":46,"tag":182,"props":1959,"children":1960},{"style":420},[1961],{"type":52,"value":1948},{"type":46,"tag":182,"props":1963,"children":1964},{"style":264},[1965],{"type":52,"value":1966},":",{"type":46,"tag":182,"props":1968,"children":1969},{"style":189},[1970],{"type":52,"value":1179},{"type":46,"tag":182,"props":1972,"children":1973},{"style":264},[1974],{"type":52,"value":1975}," })",{"type":46,"tag":182,"props":1977,"children":1978},{"style":264},[1979],{"type":52,"value":408},{"type":46,"tag":182,"props":1981,"children":1983},{"class":184,"line":1982},43,[1984,1988],{"type":46,"tag":182,"props":1985,"children":1986},{"style":298},[1987],{"type":52,"value":417},{"type":46,"tag":182,"props":1989,"children":1990},{"style":420},[1991],{"type":52,"value":423},{"type":46,"tag":182,"props":1993,"children":1995},{"class":184,"line":1994},44,[1996,2000,2004,2008,2012,2017,2022,2027,2032],{"type":46,"tag":182,"props":1997,"children":1998},{"style":264},[1999],{"type":52,"value":432},{"type":46,"tag":182,"props":2001,"children":2002},{"style":189},[2003],{"type":52,"value":840},{"type":46,"tag":182,"props":2005,"children":2006},{"style":389},[2007],{"type":52,"value":1948},{"type":46,"tag":182,"props":2009,"children":2010},{"style":264},[2011],{"type":52,"value":1590},{"type":46,"tag":182,"props":2013,"children":2014},{"style":309},[2015],{"type":52,"value":2016},"credentials",{"type":46,"tag":182,"props":2018,"children":2019},{"style":264},[2020],{"type":52,"value":2021},"} ",{"type":46,"tag":182,"props":2023,"children":2024},{"style":389},[2025],{"type":52,"value":2026},"audio",{"type":46,"tag":182,"props":2028,"children":2029},{"style":389},[2030],{"type":52,"value":2031}," video",{"type":46,"tag":182,"props":2033,"children":2034},{"style":264},[2035],{"type":52,"value":1384},{"type":46,"tag":182,"props":2037,"children":2039},{"class":184,"line":2038},45,[2040,2044,2049],{"type":46,"tag":182,"props":2041,"children":2042},{"style":264},[2043],{"type":52,"value":1412},{"type":46,"tag":182,"props":2045,"children":2046},{"style":189},[2047],{"type":52,"value":2048},"CallUI",{"type":46,"tag":182,"props":2050,"children":2051},{"style":264},[2052],{"type":52,"value":1442},{"type":46,"tag":182,"props":2054,"children":2056},{"class":184,"line":2055},46,[2057,2061,2065],{"type":46,"tag":182,"props":2058,"children":2059},{"style":264},[2060],{"type":52,"value":1885},{"type":46,"tag":182,"props":2062,"children":2063},{"style":189},[2064],{"type":52,"value":840},{"type":46,"tag":182,"props":2066,"children":2067},{"style":264},[2068],{"type":52,"value":1384},{"type":46,"tag":182,"props":2070,"children":2072},{"class":184,"line":2071},47,[2073,2077],{"type":46,"tag":182,"props":2074,"children":2075},{"style":420},[2076],{"type":52,"value":642},{"type":46,"tag":182,"props":2078,"children":2079},{"style":264},[2080],{"type":52,"value":281},{"type":46,"tag":182,"props":2082,"children":2084},{"class":184,"line":2083},48,[2085],{"type":46,"tag":182,"props":2086,"children":2087},{"style":264},[2088],{"type":52,"value":553},{"type":46,"tag":655,"props":2090,"children":2092},{"id":2091},"fetching-credentials-for-custom-ui",[2093],{"type":52,"value":2094},"Fetching Credentials for Custom UI",{"type":46,"tag":59,"props":2096,"children":2097},{},[2098,2100,2105],{"type":52,"value":2099},"When using the hooks approach, you need to fetch credentials from your server endpoint and pass them to ",{"type":46,"tag":77,"props":2101,"children":2103},{"className":2102},[],[2104],{"type":52,"value":840},{"type":52,"value":1966},{"type":46,"tag":171,"props":2107,"children":2109},{"className":252,"code":2108,"language":254,"meta":176,"style":176},"'use client';\n\nimport { useState, useCallback } from 'react';\nimport type { SessionCredentials } from '@runwayml\u002Favatars-react';\nimport { CustomAvatar } from '.\u002FCustomAvatar';\n\nexport default function CharacterPage() {\n const [credentials, setCredentials] = useState\u003CSessionCredentials | null>(null);\n const [loading, setLoading] = useState(false);\n\n const startCall = useCallback(async () => {\n setLoading(true);\n try {\n const res = await fetch('\u002Fapi\u002Favatar\u002Fsession', {\n method: 'POST',\n headers: { 'Content-Type': 'application\u002Fjson' },\n body: JSON.stringify({ avatarId: 'your-avatar-id-here' }),\n });\n const data = await res.json();\n setCredentials(data);\n } catch (error) {\n console.error('Failed to connect:', error);\n } finally {\n setLoading(false);\n }\n }, []);\n\n if (credentials) {\n return \u003CCustomAvatar credentials={credentials} \u002F>;\n }\n\n return (\n \u003Cbutton onClick={startCall} disabled={loading}>\n {loading ? 'Connecting...' : 'Start Conversation'}\n \u003C\u002Fbutton>\n );\n}\n",[2110],{"type":46,"tag":77,"props":2111,"children":2112},{"__ignoreMap":176},[2113,2132,2139,2188,2231,2271,2278,2305,2385,2440,2447,2489,2514,2526,2577,2606,2657,2725,2741,2782,2807,2839,2889,2905,2929,2937,2954,2961,2985,3020,3028,3035,3046,3091,3141,3156,3167],{"type":46,"tag":182,"props":2114,"children":2115},{"class":184,"line":185},[2116,2120,2124,2128],{"type":46,"tag":182,"props":2117,"children":2118},{"style":264},[2119],{"type":52,"value":267},{"type":46,"tag":182,"props":2121,"children":2122},{"style":195},[2123],{"type":52,"value":272},{"type":46,"tag":182,"props":2125,"children":2126},{"style":264},[2127],{"type":52,"value":267},{"type":46,"tag":182,"props":2129,"children":2130},{"style":264},[2131],{"type":52,"value":281},{"type":46,"tag":182,"props":2133,"children":2134},{"class":184,"line":284},[2135],{"type":46,"tag":182,"props":2136,"children":2137},{"emptyLinePlaceholder":288},[2138],{"type":52,"value":291},{"type":46,"tag":182,"props":2140,"children":2141},{"class":184,"line":294},[2142,2146,2150,2155,2159,2164,2168,2172,2176,2180,2184],{"type":46,"tag":182,"props":2143,"children":2144},{"style":298},[2145],{"type":52,"value":301},{"type":46,"tag":182,"props":2147,"children":2148},{"style":264},[2149],{"type":52,"value":306},{"type":46,"tag":182,"props":2151,"children":2152},{"style":309},[2153],{"type":52,"value":2154}," useState",{"type":46,"tag":182,"props":2156,"children":2157},{"style":264},[2158],{"type":52,"value":615},{"type":46,"tag":182,"props":2160,"children":2161},{"style":309},[2162],{"type":52,"value":2163}," useCallback",{"type":46,"tag":182,"props":2165,"children":2166},{"style":264},[2167],{"type":52,"value":317},{"type":46,"tag":182,"props":2169,"children":2170},{"style":298},[2171],{"type":52,"value":322},{"type":46,"tag":182,"props":2173,"children":2174},{"style":264},[2175],{"type":52,"value":327},{"type":46,"tag":182,"props":2177,"children":2178},{"style":195},[2179],{"type":52,"value":15},{"type":46,"tag":182,"props":2181,"children":2182},{"style":264},[2183],{"type":52,"value":267},{"type":46,"tag":182,"props":2185,"children":2186},{"style":264},[2187],{"type":52,"value":281},{"type":46,"tag":182,"props":2189,"children":2190},{"class":184,"line":342},[2191,2195,2199,2203,2207,2211,2215,2219,2223,2227],{"type":46,"tag":182,"props":2192,"children":2193},{"style":298},[2194],{"type":52,"value":301},{"type":46,"tag":182,"props":2196,"children":2197},{"style":298},[2198],{"type":52,"value":1170},{"type":46,"tag":182,"props":2200,"children":2201},{"style":264},[2202],{"type":52,"value":306},{"type":46,"tag":182,"props":2204,"children":2205},{"style":309},[2206],{"type":52,"value":1179},{"type":46,"tag":182,"props":2208,"children":2209},{"style":264},[2210],{"type":52,"value":317},{"type":46,"tag":182,"props":2212,"children":2213},{"style":298},[2214],{"type":52,"value":322},{"type":46,"tag":182,"props":2216,"children":2217},{"style":264},[2218],{"type":52,"value":327},{"type":46,"tag":182,"props":2220,"children":2221},{"style":195},[2222],{"type":52,"value":160},{"type":46,"tag":182,"props":2224,"children":2225},{"style":264},[2226],{"type":52,"value":267},{"type":46,"tag":182,"props":2228,"children":2229},{"style":264},[2230],{"type":52,"value":281},{"type":46,"tag":182,"props":2232,"children":2233},{"class":184,"line":367},[2234,2238,2242,2246,2250,2254,2258,2263,2267],{"type":46,"tag":182,"props":2235,"children":2236},{"style":298},[2237],{"type":52,"value":301},{"type":46,"tag":182,"props":2239,"children":2240},{"style":264},[2241],{"type":52,"value":306},{"type":46,"tag":182,"props":2243,"children":2244},{"style":309},[2245],{"type":52,"value":1938},{"type":46,"tag":182,"props":2247,"children":2248},{"style":264},[2249],{"type":52,"value":317},{"type":46,"tag":182,"props":2251,"children":2252},{"style":298},[2253],{"type":52,"value":322},{"type":46,"tag":182,"props":2255,"children":2256},{"style":264},[2257],{"type":52,"value":327},{"type":46,"tag":182,"props":2259,"children":2260},{"style":195},[2261],{"type":52,"value":2262},".\u002FCustomAvatar",{"type":46,"tag":182,"props":2264,"children":2265},{"style":264},[2266],{"type":52,"value":267},{"type":46,"tag":182,"props":2268,"children":2269},{"style":264},[2270],{"type":52,"value":281},{"type":46,"tag":182,"props":2272,"children":2273},{"class":184,"line":375},[2274],{"type":46,"tag":182,"props":2275,"children":2276},{"emptyLinePlaceholder":288},[2277],{"type":52,"value":291},{"type":46,"tag":182,"props":2279,"children":2280},{"class":184,"line":411},[2281,2285,2289,2293,2297,2301],{"type":46,"tag":182,"props":2282,"children":2283},{"style":298},[2284],{"type":52,"value":381},{"type":46,"tag":182,"props":2286,"children":2287},{"style":298},[2288],{"type":52,"value":386},{"type":46,"tag":182,"props":2290,"children":2291},{"style":389},[2292],{"type":52,"value":392},{"type":46,"tag":182,"props":2294,"children":2295},{"style":395},[2296],{"type":52,"value":398},{"type":46,"tag":182,"props":2298,"children":2299},{"style":264},[2300],{"type":52,"value":403},{"type":46,"tag":182,"props":2302,"children":2303},{"style":264},[2304],{"type":52,"value":408},{"type":46,"tag":182,"props":2306,"children":2307},{"class":184,"line":426},[2308,2312,2317,2321,2325,2330,2335,2339,2343,2348,2353,2358,2363,2368,2372,2377,2381],{"type":46,"tag":182,"props":2309,"children":2310},{"style":389},[2311],{"type":52,"value":1239},{"type":46,"tag":182,"props":2313,"children":2314},{"style":264},[2315],{"type":52,"value":2316}," [",{"type":46,"tag":182,"props":2318,"children":2319},{"style":309},[2320],{"type":52,"value":2016},{"type":46,"tag":182,"props":2322,"children":2323},{"style":264},[2324],{"type":52,"value":615},{"type":46,"tag":182,"props":2326,"children":2327},{"style":309},[2328],{"type":52,"value":2329}," setCredentials",{"type":46,"tag":182,"props":2331,"children":2332},{"style":264},[2333],{"type":52,"value":2334},"]",{"type":46,"tag":182,"props":2336,"children":2337},{"style":264},[2338],{"type":52,"value":1266},{"type":46,"tag":182,"props":2340,"children":2341},{"style":395},[2342],{"type":52,"value":2154},{"type":46,"tag":182,"props":2344,"children":2345},{"style":264},[2346],{"type":52,"value":2347},"\u003C",{"type":46,"tag":182,"props":2349,"children":2350},{"style":189},[2351],{"type":52,"value":2352},"SessionCredentials",{"type":46,"tag":182,"props":2354,"children":2355},{"style":264},[2356],{"type":52,"value":2357}," |",{"type":46,"tag":182,"props":2359,"children":2360},{"style":189},[2361],{"type":52,"value":2362}," null",{"type":46,"tag":182,"props":2364,"children":2365},{"style":264},[2366],{"type":52,"value":2367},">",{"type":46,"tag":182,"props":2369,"children":2370},{"style":420},[2371],{"type":52,"value":530},{"type":46,"tag":182,"props":2373,"children":2374},{"style":264},[2375],{"type":52,"value":2376},"null",{"type":46,"tag":182,"props":2378,"children":2379},{"style":420},[2380],{"type":52,"value":548},{"type":46,"tag":182,"props":2382,"children":2383},{"style":264},[2384],{"type":52,"value":281},{"type":46,"tag":182,"props":2386,"children":2387},{"class":184,"line":440},[2388,2392,2396,2401,2405,2410,2414,2418,2422,2426,2432,2436],{"type":46,"tag":182,"props":2389,"children":2390},{"style":389},[2391],{"type":52,"value":1239},{"type":46,"tag":182,"props":2393,"children":2394},{"style":264},[2395],{"type":52,"value":2316},{"type":46,"tag":182,"props":2397,"children":2398},{"style":309},[2399],{"type":52,"value":2400},"loading",{"type":46,"tag":182,"props":2402,"children":2403},{"style":264},[2404],{"type":52,"value":615},{"type":46,"tag":182,"props":2406,"children":2407},{"style":309},[2408],{"type":52,"value":2409}," setLoading",{"type":46,"tag":182,"props":2411,"children":2412},{"style":264},[2413],{"type":52,"value":2334},{"type":46,"tag":182,"props":2415,"children":2416},{"style":264},[2417],{"type":52,"value":1266},{"type":46,"tag":182,"props":2419,"children":2420},{"style":395},[2421],{"type":52,"value":2154},{"type":46,"tag":182,"props":2423,"children":2424},{"style":420},[2425],{"type":52,"value":530},{"type":46,"tag":182,"props":2427,"children":2429},{"style":2428},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[2430],{"type":52,"value":2431},"false",{"type":46,"tag":182,"props":2433,"children":2434},{"style":420},[2435],{"type":52,"value":548},{"type":46,"tag":182,"props":2437,"children":2438},{"style":264},[2439],{"type":52,"value":281},{"type":46,"tag":182,"props":2441,"children":2442},{"class":184,"line":469},[2443],{"type":46,"tag":182,"props":2444,"children":2445},{"emptyLinePlaceholder":288},[2446],{"type":52,"value":291},{"type":46,"tag":182,"props":2448,"children":2449},{"class":184,"line":495},[2450,2454,2459,2463,2467,2471,2476,2481,2485],{"type":46,"tag":182,"props":2451,"children":2452},{"style":389},[2453],{"type":52,"value":1239},{"type":46,"tag":182,"props":2455,"children":2456},{"style":309},[2457],{"type":52,"value":2458}," startCall",{"type":46,"tag":182,"props":2460,"children":2461},{"style":264},[2462],{"type":52,"value":1266},{"type":46,"tag":182,"props":2464,"children":2465},{"style":395},[2466],{"type":52,"value":2163},{"type":46,"tag":182,"props":2468,"children":2469},{"style":420},[2470],{"type":52,"value":530},{"type":46,"tag":182,"props":2472,"children":2473},{"style":389},[2474],{"type":52,"value":2475},"async",{"type":46,"tag":182,"props":2477,"children":2478},{"style":264},[2479],{"type":52,"value":2480}," ()",{"type":46,"tag":182,"props":2482,"children":2483},{"style":389},[2484],{"type":52,"value":511},{"type":46,"tag":182,"props":2486,"children":2487},{"style":264},[2488],{"type":52,"value":408},{"type":46,"tag":182,"props":2490,"children":2491},{"class":184,"line":556},[2492,2497,2501,2506,2510],{"type":46,"tag":182,"props":2493,"children":2494},{"style":395},[2495],{"type":52,"value":2496}," setLoading",{"type":46,"tag":182,"props":2498,"children":2499},{"style":420},[2500],{"type":52,"value":530},{"type":46,"tag":182,"props":2502,"children":2503},{"style":2428},[2504],{"type":52,"value":2505},"true",{"type":46,"tag":182,"props":2507,"children":2508},{"style":420},[2509],{"type":52,"value":548},{"type":46,"tag":182,"props":2511,"children":2512},{"style":264},[2513],{"type":52,"value":281},{"type":46,"tag":182,"props":2515,"children":2516},{"class":184,"line":627},[2517,2522],{"type":46,"tag":182,"props":2518,"children":2519},{"style":298},[2520],{"type":52,"value":2521}," try",{"type":46,"tag":182,"props":2523,"children":2524},{"style":264},[2525],{"type":52,"value":408},{"type":46,"tag":182,"props":2527,"children":2528},{"class":184,"line":636},[2529,2534,2539,2543,2548,2553,2557,2561,2565,2569,2573],{"type":46,"tag":182,"props":2530,"children":2531},{"style":389},[2532],{"type":52,"value":2533}," const",{"type":46,"tag":182,"props":2535,"children":2536},{"style":309},[2537],{"type":52,"value":2538}," res",{"type":46,"tag":182,"props":2540,"children":2541},{"style":264},[2542],{"type":52,"value":1266},{"type":46,"tag":182,"props":2544,"children":2545},{"style":298},[2546],{"type":52,"value":2547}," await",{"type":46,"tag":182,"props":2549,"children":2550},{"style":395},[2551],{"type":52,"value":2552}," fetch",{"type":46,"tag":182,"props":2554,"children":2555},{"style":420},[2556],{"type":52,"value":530},{"type":46,"tag":182,"props":2558,"children":2559},{"style":264},[2560],{"type":52,"value":267},{"type":46,"tag":182,"props":2562,"children":2563},{"style":195},[2564],{"type":52,"value":488},{"type":46,"tag":182,"props":2566,"children":2567},{"style":264},[2568],{"type":52,"value":267},{"type":46,"tag":182,"props":2570,"children":2571},{"style":264},[2572],{"type":52,"value":615},{"type":46,"tag":182,"props":2574,"children":2575},{"style":264},[2576],{"type":52,"value":408},{"type":46,"tag":182,"props":2578,"children":2579},{"class":184,"line":31},[2580,2585,2589,2593,2598,2602],{"type":46,"tag":182,"props":2581,"children":2582},{"style":420},[2583],{"type":52,"value":2584}," method",{"type":46,"tag":182,"props":2586,"children":2587},{"style":264},[2588],{"type":52,"value":1966},{"type":46,"tag":182,"props":2590,"children":2591},{"style":264},[2592],{"type":52,"value":327},{"type":46,"tag":182,"props":2594,"children":2595},{"style":195},[2596],{"type":52,"value":2597},"POST",{"type":46,"tag":182,"props":2599,"children":2600},{"style":264},[2601],{"type":52,"value":267},{"type":46,"tag":182,"props":2603,"children":2604},{"style":264},[2605],{"type":52,"value":1082},{"type":46,"tag":182,"props":2607,"children":2608},{"class":184,"line":1335},[2609,2614,2618,2622,2626,2631,2635,2639,2643,2648,2652],{"type":46,"tag":182,"props":2610,"children":2611},{"style":420},[2612],{"type":52,"value":2613}," headers",{"type":46,"tag":182,"props":2615,"children":2616},{"style":264},[2617],{"type":52,"value":1966},{"type":46,"tag":182,"props":2619,"children":2620},{"style":264},[2621],{"type":52,"value":306},{"type":46,"tag":182,"props":2623,"children":2624},{"style":264},[2625],{"type":52,"value":327},{"type":46,"tag":182,"props":2627,"children":2628},{"style":420},[2629],{"type":52,"value":2630},"Content-Type",{"type":46,"tag":182,"props":2632,"children":2633},{"style":264},[2634],{"type":52,"value":267},{"type":46,"tag":182,"props":2636,"children":2637},{"style":264},[2638],{"type":52,"value":1966},{"type":46,"tag":182,"props":2640,"children":2641},{"style":264},[2642],{"type":52,"value":327},{"type":46,"tag":182,"props":2644,"children":2645},{"style":195},[2646],{"type":52,"value":2647},"application\u002Fjson",{"type":46,"tag":182,"props":2649,"children":2650},{"style":264},[2651],{"type":52,"value":267},{"type":46,"tag":182,"props":2653,"children":2654},{"style":264},[2655],{"type":52,"value":2656}," },\n",{"type":46,"tag":182,"props":2658,"children":2659},{"class":184,"line":1347},[2660,2665,2669,2674,2678,2683,2687,2692,2697,2701,2705,2709,2713,2717,2721],{"type":46,"tag":182,"props":2661,"children":2662},{"style":420},[2663],{"type":52,"value":2664}," body",{"type":46,"tag":182,"props":2666,"children":2667},{"style":264},[2668],{"type":52,"value":1966},{"type":46,"tag":182,"props":2670,"children":2671},{"style":309},[2672],{"type":52,"value":2673}," JSON",{"type":46,"tag":182,"props":2675,"children":2676},{"style":264},[2677],{"type":52,"value":230},{"type":46,"tag":182,"props":2679,"children":2680},{"style":395},[2681],{"type":52,"value":2682},"stringify",{"type":46,"tag":182,"props":2684,"children":2685},{"style":420},[2686],{"type":52,"value":530},{"type":46,"tag":182,"props":2688,"children":2689},{"style":264},[2690],{"type":52,"value":2691},"{",{"type":46,"tag":182,"props":2693,"children":2694},{"style":420},[2695],{"type":52,"value":2696}," avatarId",{"type":46,"tag":182,"props":2698,"children":2699},{"style":264},[2700],{"type":52,"value":1966},{"type":46,"tag":182,"props":2702,"children":2703},{"style":264},[2704],{"type":52,"value":327},{"type":46,"tag":182,"props":2706,"children":2707},{"style":195},[2708],{"type":52,"value":461},{"type":46,"tag":182,"props":2710,"children":2711},{"style":264},[2712],{"type":52,"value":267},{"type":46,"tag":182,"props":2714,"children":2715},{"style":264},[2716],{"type":52,"value":317},{"type":46,"tag":182,"props":2718,"children":2719},{"style":420},[2720],{"type":52,"value":548},{"type":46,"tag":182,"props":2722,"children":2723},{"style":264},[2724],{"type":52,"value":1082},{"type":46,"tag":182,"props":2726,"children":2727},{"class":184,"line":1387},[2728,2733,2737],{"type":46,"tag":182,"props":2729,"children":2730},{"style":264},[2731],{"type":52,"value":2732}," }",{"type":46,"tag":182,"props":2734,"children":2735},{"style":420},[2736],{"type":52,"value":548},{"type":46,"tag":182,"props":2738,"children":2739},{"style":264},[2740],{"type":52,"value":281},{"type":46,"tag":182,"props":2742,"children":2743},{"class":184,"line":1406},[2744,2748,2753,2757,2761,2765,2769,2774,2778],{"type":46,"tag":182,"props":2745,"children":2746},{"style":389},[2747],{"type":52,"value":2533},{"type":46,"tag":182,"props":2749,"children":2750},{"style":309},[2751],{"type":52,"value":2752}," data",{"type":46,"tag":182,"props":2754,"children":2755},{"style":264},[2756],{"type":52,"value":1266},{"type":46,"tag":182,"props":2758,"children":2759},{"style":298},[2760],{"type":52,"value":2547},{"type":46,"tag":182,"props":2762,"children":2763},{"style":309},[2764],{"type":52,"value":2538},{"type":46,"tag":182,"props":2766,"children":2767},{"style":264},[2768],{"type":52,"value":230},{"type":46,"tag":182,"props":2770,"children":2771},{"style":395},[2772],{"type":52,"value":2773},"json",{"type":46,"tag":182,"props":2775,"children":2776},{"style":420},[2777],{"type":52,"value":403},{"type":46,"tag":182,"props":2779,"children":2780},{"style":264},[2781],{"type":52,"value":281},{"type":46,"tag":182,"props":2783,"children":2784},{"class":184,"line":1445},[2785,2790,2794,2799,2803],{"type":46,"tag":182,"props":2786,"children":2787},{"style":395},[2788],{"type":52,"value":2789}," setCredentials",{"type":46,"tag":182,"props":2791,"children":2792},{"style":420},[2793],{"type":52,"value":530},{"type":46,"tag":182,"props":2795,"children":2796},{"style":309},[2797],{"type":52,"value":2798},"data",{"type":46,"tag":182,"props":2800,"children":2801},{"style":420},[2802],{"type":52,"value":548},{"type":46,"tag":182,"props":2804,"children":2805},{"style":264},[2806],{"type":52,"value":281},{"type":46,"tag":182,"props":2808,"children":2809},{"class":184,"line":1453},[2810,2815,2820,2825,2829,2834],{"type":46,"tag":182,"props":2811,"children":2812},{"style":264},[2813],{"type":52,"value":2814}," }",{"type":46,"tag":182,"props":2816,"children":2817},{"style":298},[2818],{"type":52,"value":2819}," catch",{"type":46,"tag":182,"props":2821,"children":2822},{"style":420},[2823],{"type":52,"value":2824}," (",{"type":46,"tag":182,"props":2826,"children":2827},{"style":309},[2828],{"type":52,"value":573},{"type":46,"tag":182,"props":2830,"children":2831},{"style":420},[2832],{"type":52,"value":2833},") ",{"type":46,"tag":182,"props":2835,"children":2836},{"style":264},[2837],{"type":52,"value":2838},"{\n",{"type":46,"tag":182,"props":2840,"children":2841},{"class":184,"line":1470},[2842,2847,2851,2855,2859,2863,2868,2872,2876,2881,2885],{"type":46,"tag":182,"props":2843,"children":2844},{"style":309},[2845],{"type":52,"value":2846}," console",{"type":46,"tag":182,"props":2848,"children":2849},{"style":264},[2850],{"type":52,"value":230},{"type":46,"tag":182,"props":2852,"children":2853},{"style":395},[2854],{"type":52,"value":573},{"type":46,"tag":182,"props":2856,"children":2857},{"style":420},[2858],{"type":52,"value":530},{"type":46,"tag":182,"props":2860,"children":2861},{"style":264},[2862],{"type":52,"value":267},{"type":46,"tag":182,"props":2864,"children":2865},{"style":195},[2866],{"type":52,"value":2867},"Failed to connect:",{"type":46,"tag":182,"props":2869,"children":2870},{"style":264},[2871],{"type":52,"value":267},{"type":46,"tag":182,"props":2873,"children":2874},{"style":264},[2875],{"type":52,"value":615},{"type":46,"tag":182,"props":2877,"children":2878},{"style":309},[2879],{"type":52,"value":2880}," error",{"type":46,"tag":182,"props":2882,"children":2883},{"style":420},[2884],{"type":52,"value":548},{"type":46,"tag":182,"props":2886,"children":2887},{"style":264},[2888],{"type":52,"value":281},{"type":46,"tag":182,"props":2890,"children":2891},{"class":184,"line":1507},[2892,2896,2901],{"type":46,"tag":182,"props":2893,"children":2894},{"style":264},[2895],{"type":52,"value":2814},{"type":46,"tag":182,"props":2897,"children":2898},{"style":298},[2899],{"type":52,"value":2900}," finally",{"type":46,"tag":182,"props":2902,"children":2903},{"style":264},[2904],{"type":52,"value":408},{"type":46,"tag":182,"props":2906,"children":2907},{"class":184,"line":1515},[2908,2913,2917,2921,2925],{"type":46,"tag":182,"props":2909,"children":2910},{"style":395},[2911],{"type":52,"value":2912}," setLoading",{"type":46,"tag":182,"props":2914,"children":2915},{"style":420},[2916],{"type":52,"value":530},{"type":46,"tag":182,"props":2918,"children":2919},{"style":2428},[2920],{"type":52,"value":2431},{"type":46,"tag":182,"props":2922,"children":2923},{"style":420},[2924],{"type":52,"value":548},{"type":46,"tag":182,"props":2926,"children":2927},{"style":264},[2928],{"type":52,"value":281},{"type":46,"tag":182,"props":2930,"children":2931},{"class":184,"line":1532},[2932],{"type":46,"tag":182,"props":2933,"children":2934},{"style":264},[2935],{"type":52,"value":2936}," }\n",{"type":46,"tag":182,"props":2938,"children":2939},{"class":184,"line":1569},[2940,2945,2950],{"type":46,"tag":182,"props":2941,"children":2942},{"style":264},[2943],{"type":52,"value":2944}," },",{"type":46,"tag":182,"props":2946,"children":2947},{"style":420},[2948],{"type":52,"value":2949}," [])",{"type":46,"tag":182,"props":2951,"children":2952},{"style":264},[2953],{"type":52,"value":281},{"type":46,"tag":182,"props":2955,"children":2956},{"class":184,"line":1603},[2957],{"type":46,"tag":182,"props":2958,"children":2959},{"emptyLinePlaceholder":288},[2960],{"type":52,"value":291},{"type":46,"tag":182,"props":2962,"children":2963},{"class":184,"line":1657},[2964,2969,2973,2977,2981],{"type":46,"tag":182,"props":2965,"children":2966},{"style":298},[2967],{"type":52,"value":2968}," if",{"type":46,"tag":182,"props":2970,"children":2971},{"style":420},[2972],{"type":52,"value":2824},{"type":46,"tag":182,"props":2974,"children":2975},{"style":309},[2976],{"type":52,"value":2016},{"type":46,"tag":182,"props":2978,"children":2979},{"style":420},[2980],{"type":52,"value":2833},{"type":46,"tag":182,"props":2982,"children":2983},{"style":264},[2984],{"type":52,"value":2838},{"type":46,"tag":182,"props":2986,"children":2987},{"class":184,"line":1674},[2988,2993,2998,3003,3007,3011,3015],{"type":46,"tag":182,"props":2989,"children":2990},{"style":298},[2991],{"type":52,"value":2992}," return",{"type":46,"tag":182,"props":2994,"children":2995},{"style":264},[2996],{"type":52,"value":2997}," \u003C",{"type":46,"tag":182,"props":2999,"children":3000},{"style":189},[3001],{"type":52,"value":3002},"CustomAvatar",{"type":46,"tag":182,"props":3004,"children":3005},{"style":389},[3006],{"type":52,"value":1948},{"type":46,"tag":182,"props":3008,"children":3009},{"style":264},[3010],{"type":52,"value":1590},{"type":46,"tag":182,"props":3012,"children":3013},{"style":309},[3014],{"type":52,"value":2016},{"type":46,"tag":182,"props":3016,"children":3017},{"style":264},[3018],{"type":52,"value":3019},"} \u002F>;\n",{"type":46,"tag":182,"props":3021,"children":3022},{"class":184,"line":1722},[3023],{"type":46,"tag":182,"props":3024,"children":3025},{"style":264},[3026],{"type":52,"value":3027}," }\n",{"type":46,"tag":182,"props":3029,"children":3030},{"class":184,"line":1739},[3031],{"type":46,"tag":182,"props":3032,"children":3033},{"emptyLinePlaceholder":288},[3034],{"type":52,"value":291},{"type":46,"tag":182,"props":3036,"children":3037},{"class":184,"line":1747},[3038,3042],{"type":46,"tag":182,"props":3039,"children":3040},{"style":298},[3041],{"type":52,"value":417},{"type":46,"tag":182,"props":3043,"children":3044},{"style":420},[3045],{"type":52,"value":423},{"type":46,"tag":182,"props":3047,"children":3048},{"class":184,"line":1764},[3049,3053,3057,3061,3065,3070,3074,3079,3083,3087],{"type":46,"tag":182,"props":3050,"children":3051},{"style":264},[3052],{"type":52,"value":432},{"type":46,"tag":182,"props":3054,"children":3055},{"style":420},[3056],{"type":52,"value":1580},{"type":46,"tag":182,"props":3058,"children":3059},{"style":389},[3060],{"type":52,"value":1585},{"type":46,"tag":182,"props":3062,"children":3063},{"style":264},[3064],{"type":52,"value":1590},{"type":46,"tag":182,"props":3066,"children":3067},{"style":309},[3068],{"type":52,"value":3069},"startCall",{"type":46,"tag":182,"props":3071,"children":3072},{"style":264},[3073],{"type":52,"value":2021},{"type":46,"tag":182,"props":3075,"children":3076},{"style":389},[3077],{"type":52,"value":3078},"disabled",{"type":46,"tag":182,"props":3080,"children":3081},{"style":264},[3082],{"type":52,"value":1590},{"type":46,"tag":182,"props":3084,"children":3085},{"style":309},[3086],{"type":52,"value":2400},{"type":46,"tag":182,"props":3088,"children":3089},{"style":264},[3090],{"type":52,"value":1600},{"type":46,"tag":182,"props":3092,"children":3093},{"class":184,"line":1804},[3094,3098,3103,3107,3111,3116,3120,3124,3128,3133,3137],{"type":46,"tag":182,"props":3095,"children":3096},{"style":264},[3097],{"type":52,"value":1393},{"type":46,"tag":182,"props":3099,"children":3100},{"style":309},[3101],{"type":52,"value":3102},"loading ",{"type":46,"tag":182,"props":3104,"children":3105},{"style":264},[3106],{"type":52,"value":1619},{"type":46,"tag":182,"props":3108,"children":3109},{"style":264},[3110],{"type":52,"value":327},{"type":46,"tag":182,"props":3112,"children":3113},{"style":195},[3114],{"type":52,"value":3115},"Connecting...",{"type":46,"tag":182,"props":3117,"children":3118},{"style":264},[3119],{"type":52,"value":267},{"type":46,"tag":182,"props":3121,"children":3122},{"style":264},[3123],{"type":52,"value":1637},{"type":46,"tag":182,"props":3125,"children":3126},{"style":264},[3127],{"type":52,"value":327},{"type":46,"tag":182,"props":3129,"children":3130},{"style":195},[3131],{"type":52,"value":3132},"Start Conversation",{"type":46,"tag":182,"props":3134,"children":3135},{"style":264},[3136],{"type":52,"value":267},{"type":46,"tag":182,"props":3138,"children":3139},{"style":264},[3140],{"type":52,"value":553},{"type":46,"tag":182,"props":3142,"children":3143},{"class":184,"line":1841},[3144,3148,3152],{"type":46,"tag":182,"props":3145,"children":3146},{"style":264},[3147],{"type":52,"value":1885},{"type":46,"tag":182,"props":3149,"children":3150},{"style":420},[3151],{"type":52,"value":1580},{"type":46,"tag":182,"props":3153,"children":3154},{"style":264},[3155],{"type":52,"value":1384},{"type":46,"tag":182,"props":3157,"children":3158},{"class":184,"line":1850},[3159,3163],{"type":46,"tag":182,"props":3160,"children":3161},{"style":420},[3162],{"type":52,"value":642},{"type":46,"tag":182,"props":3164,"children":3165},{"style":264},[3166],{"type":52,"value":281},{"type":46,"tag":182,"props":3168,"children":3169},{"class":184,"line":1866},[3170],{"type":46,"tag":182,"props":3171,"children":3172},{"style":264},[3173],{"type":52,"value":553},{"type":46,"tag":164,"props":3175,"children":3177},{"id":3176},"integration-patterns",[3178],{"type":52,"value":3179},"Integration Patterns",{"type":46,"tag":655,"props":3181,"children":3183},{"id":3182},"nextjs-app-router-full-example",[3184],{"type":52,"value":3185},"Next.js App Router (Full Example)",{"type":46,"tag":59,"props":3187,"children":3188},{},[3189,3194,3195,3201,3203,3208],{"type":46,"tag":63,"props":3190,"children":3191},{},[3192],{"type":52,"value":3193},"Server route",{"type":52,"value":2824},{"type":46,"tag":77,"props":3196,"children":3198},{"className":3197},[],[3199],{"type":52,"value":3200},"app\u002Fapi\u002Favatar\u002Fsession\u002Froute.ts",{"type":52,"value":3202},"):\nSee ",{"type":46,"tag":77,"props":3204,"children":3206},{"className":3205},[],[3207],{"type":52,"value":114},{"type":52,"value":3209}," for the complete server-side session creation code.",{"type":46,"tag":59,"props":3211,"children":3212},{},[3213,3218,3219,3225],{"type":46,"tag":63,"props":3214,"children":3215},{},[3216],{"type":52,"value":3217},"Client page",{"type":52,"value":2824},{"type":46,"tag":77,"props":3220,"children":3222},{"className":3221},[],[3223],{"type":52,"value":3224},"app\u002Fcharacter\u002Fpage.tsx",{"type":52,"value":3226},"):",{"type":46,"tag":171,"props":3228,"children":3230},{"className":252,"code":3229,"language":254,"meta":176,"style":176},"'use client';\n\nimport { AvatarCall } from '@runwayml\u002Favatars-react';\nimport '@runwayml\u002Favatars-react\u002Fstyles.css';\n\nconst AVATAR_ID = process.env.NEXT_PUBLIC_AVATAR_ID || 'your-avatar-id';\n\nexport default function CharacterPage() {\n return (\n \u003Cdiv className=\"flex items-center justify-center min-h-screen\">\n \u003CAvatarCall\n avatarId={AVATAR_ID}\n connectUrl=\"\u002Fapi\u002Favatar\u002Fsession\"\n onEnd={() => window.location.reload()}\n onError={(error) => {\n console.error('Avatar error:', error);\n alert('Connection failed. Please try again.');\n }}\n \u002F>\n \u003C\u002Fdiv>\n );\n}\n",[3231],{"type":46,"tag":77,"props":3232,"children":3233},{"__ignoreMap":176},[3234,3253,3260,3299,3322,3329,3391,3398,3425,3436,3472,3483,3504,3528,3575,3603,3652,3685,3693,3701,3716,3727],{"type":46,"tag":182,"props":3235,"children":3236},{"class":184,"line":185},[3237,3241,3245,3249],{"type":46,"tag":182,"props":3238,"children":3239},{"style":264},[3240],{"type":52,"value":267},{"type":46,"tag":182,"props":3242,"children":3243},{"style":195},[3244],{"type":52,"value":272},{"type":46,"tag":182,"props":3246,"children":3247},{"style":264},[3248],{"type":52,"value":267},{"type":46,"tag":182,"props":3250,"children":3251},{"style":264},[3252],{"type":52,"value":281},{"type":46,"tag":182,"props":3254,"children":3255},{"class":184,"line":284},[3256],{"type":46,"tag":182,"props":3257,"children":3258},{"emptyLinePlaceholder":288},[3259],{"type":52,"value":291},{"type":46,"tag":182,"props":3261,"children":3262},{"class":184,"line":294},[3263,3267,3271,3275,3279,3283,3287,3291,3295],{"type":46,"tag":182,"props":3264,"children":3265},{"style":298},[3266],{"type":52,"value":301},{"type":46,"tag":182,"props":3268,"children":3269},{"style":264},[3270],{"type":52,"value":306},{"type":46,"tag":182,"props":3272,"children":3273},{"style":309},[3274],{"type":52,"value":312},{"type":46,"tag":182,"props":3276,"children":3277},{"style":264},[3278],{"type":52,"value":317},{"type":46,"tag":182,"props":3280,"children":3281},{"style":298},[3282],{"type":52,"value":322},{"type":46,"tag":182,"props":3284,"children":3285},{"style":264},[3286],{"type":52,"value":327},{"type":46,"tag":182,"props":3288,"children":3289},{"style":195},[3290],{"type":52,"value":160},{"type":46,"tag":182,"props":3292,"children":3293},{"style":264},[3294],{"type":52,"value":267},{"type":46,"tag":182,"props":3296,"children":3297},{"style":264},[3298],{"type":52,"value":281},{"type":46,"tag":182,"props":3300,"children":3301},{"class":184,"line":342},[3302,3306,3310,3314,3318],{"type":46,"tag":182,"props":3303,"children":3304},{"style":298},[3305],{"type":52,"value":301},{"type":46,"tag":182,"props":3307,"children":3308},{"style":264},[3309],{"type":52,"value":327},{"type":46,"tag":182,"props":3311,"children":3312},{"style":195},[3313],{"type":52,"value":356},{"type":46,"tag":182,"props":3315,"children":3316},{"style":264},[3317],{"type":52,"value":267},{"type":46,"tag":182,"props":3319,"children":3320},{"style":264},[3321],{"type":52,"value":281},{"type":46,"tag":182,"props":3323,"children":3324},{"class":184,"line":367},[3325],{"type":46,"tag":182,"props":3326,"children":3327},{"emptyLinePlaceholder":288},[3328],{"type":52,"value":291},{"type":46,"tag":182,"props":3330,"children":3331},{"class":184,"line":375},[3332,3337,3342,3346,3351,3355,3360,3364,3369,3374,3378,3383,3387],{"type":46,"tag":182,"props":3333,"children":3334},{"style":389},[3335],{"type":52,"value":3336},"const",{"type":46,"tag":182,"props":3338,"children":3339},{"style":309},[3340],{"type":52,"value":3341}," AVATAR_ID ",{"type":46,"tag":182,"props":3343,"children":3344},{"style":264},[3345],{"type":52,"value":451},{"type":46,"tag":182,"props":3347,"children":3348},{"style":309},[3349],{"type":52,"value":3350}," process",{"type":46,"tag":182,"props":3352,"children":3353},{"style":264},[3354],{"type":52,"value":230},{"type":46,"tag":182,"props":3356,"children":3357},{"style":309},[3358],{"type":52,"value":3359},"env",{"type":46,"tag":182,"props":3361,"children":3362},{"style":264},[3363],{"type":52,"value":230},{"type":46,"tag":182,"props":3365,"children":3366},{"style":309},[3367],{"type":52,"value":3368},"NEXT_PUBLIC_AVATAR_ID ",{"type":46,"tag":182,"props":3370,"children":3371},{"style":264},[3372],{"type":52,"value":3373},"||",{"type":46,"tag":182,"props":3375,"children":3376},{"style":264},[3377],{"type":52,"value":327},{"type":46,"tag":182,"props":3379,"children":3380},{"style":195},[3381],{"type":52,"value":3382},"your-avatar-id",{"type":46,"tag":182,"props":3384,"children":3385},{"style":264},[3386],{"type":52,"value":267},{"type":46,"tag":182,"props":3388,"children":3389},{"style":264},[3390],{"type":52,"value":281},{"type":46,"tag":182,"props":3392,"children":3393},{"class":184,"line":411},[3394],{"type":46,"tag":182,"props":3395,"children":3396},{"emptyLinePlaceholder":288},[3397],{"type":52,"value":291},{"type":46,"tag":182,"props":3399,"children":3400},{"class":184,"line":426},[3401,3405,3409,3413,3417,3421],{"type":46,"tag":182,"props":3402,"children":3403},{"style":298},[3404],{"type":52,"value":381},{"type":46,"tag":182,"props":3406,"children":3407},{"style":298},[3408],{"type":52,"value":386},{"type":46,"tag":182,"props":3410,"children":3411},{"style":389},[3412],{"type":52,"value":392},{"type":46,"tag":182,"props":3414,"children":3415},{"style":395},[3416],{"type":52,"value":398},{"type":46,"tag":182,"props":3418,"children":3419},{"style":264},[3420],{"type":52,"value":403},{"type":46,"tag":182,"props":3422,"children":3423},{"style":264},[3424],{"type":52,"value":408},{"type":46,"tag":182,"props":3426,"children":3427},{"class":184,"line":440},[3428,3432],{"type":46,"tag":182,"props":3429,"children":3430},{"style":298},[3431],{"type":52,"value":417},{"type":46,"tag":182,"props":3433,"children":3434},{"style":420},[3435],{"type":52,"value":423},{"type":46,"tag":182,"props":3437,"children":3438},{"class":184,"line":469},[3439,3443,3447,3451,3455,3459,3464,3468],{"type":46,"tag":182,"props":3440,"children":3441},{"style":264},[3442],{"type":52,"value":432},{"type":46,"tag":182,"props":3444,"children":3445},{"style":420},[3446],{"type":52,"value":1357},{"type":46,"tag":182,"props":3448,"children":3449},{"style":389},[3450],{"type":52,"value":1362},{"type":46,"tag":182,"props":3452,"children":3453},{"style":264},[3454],{"type":52,"value":451},{"type":46,"tag":182,"props":3456,"children":3457},{"style":264},[3458],{"type":52,"value":456},{"type":46,"tag":182,"props":3460,"children":3461},{"style":195},[3462],{"type":52,"value":3463},"flex items-center justify-center min-h-screen",{"type":46,"tag":182,"props":3465,"children":3466},{"style":264},[3467],{"type":52,"value":456},{"type":46,"tag":182,"props":3469,"children":3470},{"style":264},[3471],{"type":52,"value":1384},{"type":46,"tag":182,"props":3473,"children":3474},{"class":184,"line":495},[3475,3479],{"type":46,"tag":182,"props":3476,"children":3477},{"style":264},[3478],{"type":52,"value":1412},{"type":46,"tag":182,"props":3480,"children":3481},{"style":189},[3482],{"type":52,"value":437},{"type":46,"tag":182,"props":3484,"children":3485},{"class":184,"line":556},[3486,3491,3495,3500],{"type":46,"tag":182,"props":3487,"children":3488},{"style":389},[3489],{"type":52,"value":3490}," avatarId",{"type":46,"tag":182,"props":3492,"children":3493},{"style":264},[3494],{"type":52,"value":1590},{"type":46,"tag":182,"props":3496,"children":3497},{"style":309},[3498],{"type":52,"value":3499},"AVATAR_ID",{"type":46,"tag":182,"props":3501,"children":3502},{"style":264},[3503],{"type":52,"value":553},{"type":46,"tag":182,"props":3505,"children":3506},{"class":184,"line":627},[3507,3512,3516,3520,3524],{"type":46,"tag":182,"props":3508,"children":3509},{"style":389},[3510],{"type":52,"value":3511}," connectUrl",{"type":46,"tag":182,"props":3513,"children":3514},{"style":264},[3515],{"type":52,"value":451},{"type":46,"tag":182,"props":3517,"children":3518},{"style":264},[3519],{"type":52,"value":456},{"type":46,"tag":182,"props":3521,"children":3522},{"style":195},[3523],{"type":52,"value":488},{"type":46,"tag":182,"props":3525,"children":3526},{"style":264},[3527],{"type":52,"value":466},{"type":46,"tag":182,"props":3529,"children":3530},{"class":184,"line":636},[3531,3536,3540,3544,3549,3553,3558,3562,3567,3571],{"type":46,"tag":182,"props":3532,"children":3533},{"style":389},[3534],{"type":52,"value":3535}," onEnd",{"type":46,"tag":182,"props":3537,"children":3538},{"style":264},[3539],{"type":52,"value":506},{"type":46,"tag":182,"props":3541,"children":3542},{"style":389},[3543],{"type":52,"value":511},{"type":46,"tag":182,"props":3545,"children":3546},{"style":309},[3547],{"type":52,"value":3548}," window",{"type":46,"tag":182,"props":3550,"children":3551},{"style":264},[3552],{"type":52,"value":230},{"type":46,"tag":182,"props":3554,"children":3555},{"style":309},[3556],{"type":52,"value":3557},"location",{"type":46,"tag":182,"props":3559,"children":3560},{"style":264},[3561],{"type":52,"value":230},{"type":46,"tag":182,"props":3563,"children":3564},{"style":395},[3565],{"type":52,"value":3566},"reload",{"type":46,"tag":182,"props":3568,"children":3569},{"style":309},[3570],{"type":52,"value":403},{"type":46,"tag":182,"props":3572,"children":3573},{"style":264},[3574],{"type":52,"value":553},{"type":46,"tag":182,"props":3576,"children":3577},{"class":184,"line":31},[3578,3583,3587,3591,3595,3599],{"type":46,"tag":182,"props":3579,"children":3580},{"style":389},[3581],{"type":52,"value":3582}," onError",{"type":46,"tag":182,"props":3584,"children":3585},{"style":264},[3586],{"type":52,"value":567},{"type":46,"tag":182,"props":3588,"children":3589},{"style":570},[3590],{"type":52,"value":573},{"type":46,"tag":182,"props":3592,"children":3593},{"style":264},[3594],{"type":52,"value":548},{"type":46,"tag":182,"props":3596,"children":3597},{"style":389},[3598],{"type":52,"value":511},{"type":46,"tag":182,"props":3600,"children":3601},{"style":264},[3602],{"type":52,"value":408},{"type":46,"tag":182,"props":3604,"children":3605},{"class":184,"line":1335},[3606,3611,3615,3619,3623,3627,3632,3636,3640,3644,3648],{"type":46,"tag":182,"props":3607,"children":3608},{"style":309},[3609],{"type":52,"value":3610}," console",{"type":46,"tag":182,"props":3612,"children":3613},{"style":264},[3614],{"type":52,"value":230},{"type":46,"tag":182,"props":3616,"children":3617},{"style":395},[3618],{"type":52,"value":573},{"type":46,"tag":182,"props":3620,"children":3621},{"style":420},[3622],{"type":52,"value":530},{"type":46,"tag":182,"props":3624,"children":3625},{"style":264},[3626],{"type":52,"value":267},{"type":46,"tag":182,"props":3628,"children":3629},{"style":195},[3630],{"type":52,"value":3631},"Avatar error:",{"type":46,"tag":182,"props":3633,"children":3634},{"style":264},[3635],{"type":52,"value":267},{"type":46,"tag":182,"props":3637,"children":3638},{"style":264},[3639],{"type":52,"value":615},{"type":46,"tag":182,"props":3641,"children":3642},{"style":309},[3643],{"type":52,"value":2880},{"type":46,"tag":182,"props":3645,"children":3646},{"style":420},[3647],{"type":52,"value":548},{"type":46,"tag":182,"props":3649,"children":3650},{"style":264},[3651],{"type":52,"value":281},{"type":46,"tag":182,"props":3653,"children":3654},{"class":184,"line":1347},[3655,3660,3664,3668,3673,3677,3681],{"type":46,"tag":182,"props":3656,"children":3657},{"style":395},[3658],{"type":52,"value":3659}," alert",{"type":46,"tag":182,"props":3661,"children":3662},{"style":420},[3663],{"type":52,"value":530},{"type":46,"tag":182,"props":3665,"children":3666},{"style":264},[3667],{"type":52,"value":267},{"type":46,"tag":182,"props":3669,"children":3670},{"style":195},[3671],{"type":52,"value":3672},"Connection failed. Please try again.",{"type":46,"tag":182,"props":3674,"children":3675},{"style":264},[3676],{"type":52,"value":267},{"type":46,"tag":182,"props":3678,"children":3679},{"style":420},[3680],{"type":52,"value":548},{"type":46,"tag":182,"props":3682,"children":3683},{"style":264},[3684],{"type":52,"value":281},{"type":46,"tag":182,"props":3686,"children":3687},{"class":184,"line":1387},[3688],{"type":46,"tag":182,"props":3689,"children":3690},{"style":264},[3691],{"type":52,"value":3692}," }}\n",{"type":46,"tag":182,"props":3694,"children":3695},{"class":184,"line":1406},[3696],{"type":46,"tag":182,"props":3697,"children":3698},{"style":264},[3699],{"type":52,"value":3700}," \u002F>\n",{"type":46,"tag":182,"props":3702,"children":3703},{"class":184,"line":1445},[3704,3708,3712],{"type":46,"tag":182,"props":3705,"children":3706},{"style":264},[3707],{"type":52,"value":1885},{"type":46,"tag":182,"props":3709,"children":3710},{"style":420},[3711],{"type":52,"value":1357},{"type":46,"tag":182,"props":3713,"children":3714},{"style":264},[3715],{"type":52,"value":1384},{"type":46,"tag":182,"props":3717,"children":3718},{"class":184,"line":1453},[3719,3723],{"type":46,"tag":182,"props":3720,"children":3721},{"style":420},[3722],{"type":52,"value":642},{"type":46,"tag":182,"props":3724,"children":3725},{"style":264},[3726],{"type":52,"value":281},{"type":46,"tag":182,"props":3728,"children":3729},{"class":184,"line":1470},[3730],{"type":46,"tag":182,"props":3731,"children":3732},{"style":264},[3733],{"type":52,"value":553},{"type":46,"tag":655,"props":3735,"children":3737},{"id":3736},"conditional-rendering-showhide",[3738],{"type":52,"value":3739},"Conditional Rendering (Show\u002FHide)",{"type":46,"tag":171,"props":3741,"children":3743},{"className":252,"code":3742,"language":254,"meta":176,"style":176},"'use client';\n\nimport { useState } from 'react';\nimport { AvatarCall } from '@runwayml\u002Favatars-react';\nimport '@runwayml\u002Favatars-react\u002Fstyles.css';\n\nexport default function SupportPage() {\n const [showAvatar, setShowAvatar] = useState(false);\n\n return (\n \u003Cdiv>\n \u003Ch1>Customer Support\u003C\u002Fh1>\n\n {!showAvatar ? (\n \u003Cbutton onClick={() => setShowAvatar(true)}>\n Talk to an Agent\n \u003C\u002Fbutton>\n ) : (\n \u003CAvatarCall\n avatarId=\"support-agent-id\"\n connectUrl=\"\u002Fapi\u002Favatar\u002Fsession\"\n onEnd={() => setShowAvatar(false)}\n onError={(error) => {\n console.error(error);\n setShowAvatar(false);\n }}\n \u002F>\n )}\n \u003C\u002Fdiv>\n );\n}\n",[3744],{"type":46,"tag":77,"props":3745,"children":3746},{"__ignoreMap":176},[3747,3766,3773,3812,3851,3874,3881,3909,3962,3969,3980,3995,4027,4034,4055,4098,4106,4121,4137,4148,4173,4197,4233,4261,4293,4317,4325,4333,4344,4359,4370],{"type":46,"tag":182,"props":3748,"children":3749},{"class":184,"line":185},[3750,3754,3758,3762],{"type":46,"tag":182,"props":3751,"children":3752},{"style":264},[3753],{"type":52,"value":267},{"type":46,"tag":182,"props":3755,"children":3756},{"style":195},[3757],{"type":52,"value":272},{"type":46,"tag":182,"props":3759,"children":3760},{"style":264},[3761],{"type":52,"value":267},{"type":46,"tag":182,"props":3763,"children":3764},{"style":264},[3765],{"type":52,"value":281},{"type":46,"tag":182,"props":3767,"children":3768},{"class":184,"line":284},[3769],{"type":46,"tag":182,"props":3770,"children":3771},{"emptyLinePlaceholder":288},[3772],{"type":52,"value":291},{"type":46,"tag":182,"props":3774,"children":3775},{"class":184,"line":294},[3776,3780,3784,3788,3792,3796,3800,3804,3808],{"type":46,"tag":182,"props":3777,"children":3778},{"style":298},[3779],{"type":52,"value":301},{"type":46,"tag":182,"props":3781,"children":3782},{"style":264},[3783],{"type":52,"value":306},{"type":46,"tag":182,"props":3785,"children":3786},{"style":309},[3787],{"type":52,"value":2154},{"type":46,"tag":182,"props":3789,"children":3790},{"style":264},[3791],{"type":52,"value":317},{"type":46,"tag":182,"props":3793,"children":3794},{"style":298},[3795],{"type":52,"value":322},{"type":46,"tag":182,"props":3797,"children":3798},{"style":264},[3799],{"type":52,"value":327},{"type":46,"tag":182,"props":3801,"children":3802},{"style":195},[3803],{"type":52,"value":15},{"type":46,"tag":182,"props":3805,"children":3806},{"style":264},[3807],{"type":52,"value":267},{"type":46,"tag":182,"props":3809,"children":3810},{"style":264},[3811],{"type":52,"value":281},{"type":46,"tag":182,"props":3813,"children":3814},{"class":184,"line":342},[3815,3819,3823,3827,3831,3835,3839,3843,3847],{"type":46,"tag":182,"props":3816,"children":3817},{"style":298},[3818],{"type":52,"value":301},{"type":46,"tag":182,"props":3820,"children":3821},{"style":264},[3822],{"type":52,"value":306},{"type":46,"tag":182,"props":3824,"children":3825},{"style":309},[3826],{"type":52,"value":312},{"type":46,"tag":182,"props":3828,"children":3829},{"style":264},[3830],{"type":52,"value":317},{"type":46,"tag":182,"props":3832,"children":3833},{"style":298},[3834],{"type":52,"value":322},{"type":46,"tag":182,"props":3836,"children":3837},{"style":264},[3838],{"type":52,"value":327},{"type":46,"tag":182,"props":3840,"children":3841},{"style":195},[3842],{"type":52,"value":160},{"type":46,"tag":182,"props":3844,"children":3845},{"style":264},[3846],{"type":52,"value":267},{"type":46,"tag":182,"props":3848,"children":3849},{"style":264},[3850],{"type":52,"value":281},{"type":46,"tag":182,"props":3852,"children":3853},{"class":184,"line":367},[3854,3858,3862,3866,3870],{"type":46,"tag":182,"props":3855,"children":3856},{"style":298},[3857],{"type":52,"value":301},{"type":46,"tag":182,"props":3859,"children":3860},{"style":264},[3861],{"type":52,"value":327},{"type":46,"tag":182,"props":3863,"children":3864},{"style":195},[3865],{"type":52,"value":356},{"type":46,"tag":182,"props":3867,"children":3868},{"style":264},[3869],{"type":52,"value":267},{"type":46,"tag":182,"props":3871,"children":3872},{"style":264},[3873],{"type":52,"value":281},{"type":46,"tag":182,"props":3875,"children":3876},{"class":184,"line":375},[3877],{"type":46,"tag":182,"props":3878,"children":3879},{"emptyLinePlaceholder":288},[3880],{"type":52,"value":291},{"type":46,"tag":182,"props":3882,"children":3883},{"class":184,"line":411},[3884,3888,3892,3896,3901,3905],{"type":46,"tag":182,"props":3885,"children":3886},{"style":298},[3887],{"type":52,"value":381},{"type":46,"tag":182,"props":3889,"children":3890},{"style":298},[3891],{"type":52,"value":386},{"type":46,"tag":182,"props":3893,"children":3894},{"style":389},[3895],{"type":52,"value":392},{"type":46,"tag":182,"props":3897,"children":3898},{"style":395},[3899],{"type":52,"value":3900}," SupportPage",{"type":46,"tag":182,"props":3902,"children":3903},{"style":264},[3904],{"type":52,"value":403},{"type":46,"tag":182,"props":3906,"children":3907},{"style":264},[3908],{"type":52,"value":408},{"type":46,"tag":182,"props":3910,"children":3911},{"class":184,"line":426},[3912,3916,3920,3925,3929,3934,3938,3942,3946,3950,3954,3958],{"type":46,"tag":182,"props":3913,"children":3914},{"style":389},[3915],{"type":52,"value":1239},{"type":46,"tag":182,"props":3917,"children":3918},{"style":264},[3919],{"type":52,"value":2316},{"type":46,"tag":182,"props":3921,"children":3922},{"style":309},[3923],{"type":52,"value":3924},"showAvatar",{"type":46,"tag":182,"props":3926,"children":3927},{"style":264},[3928],{"type":52,"value":615},{"type":46,"tag":182,"props":3930,"children":3931},{"style":309},[3932],{"type":52,"value":3933}," setShowAvatar",{"type":46,"tag":182,"props":3935,"children":3936},{"style":264},[3937],{"type":52,"value":2334},{"type":46,"tag":182,"props":3939,"children":3940},{"style":264},[3941],{"type":52,"value":1266},{"type":46,"tag":182,"props":3943,"children":3944},{"style":395},[3945],{"type":52,"value":2154},{"type":46,"tag":182,"props":3947,"children":3948},{"style":420},[3949],{"type":52,"value":530},{"type":46,"tag":182,"props":3951,"children":3952},{"style":2428},[3953],{"type":52,"value":2431},{"type":46,"tag":182,"props":3955,"children":3956},{"style":420},[3957],{"type":52,"value":548},{"type":46,"tag":182,"props":3959,"children":3960},{"style":264},[3961],{"type":52,"value":281},{"type":46,"tag":182,"props":3963,"children":3964},{"class":184,"line":440},[3965],{"type":46,"tag":182,"props":3966,"children":3967},{"emptyLinePlaceholder":288},[3968],{"type":52,"value":291},{"type":46,"tag":182,"props":3970,"children":3971},{"class":184,"line":469},[3972,3976],{"type":46,"tag":182,"props":3973,"children":3974},{"style":298},[3975],{"type":52,"value":417},{"type":46,"tag":182,"props":3977,"children":3978},{"style":420},[3979],{"type":52,"value":423},{"type":46,"tag":182,"props":3981,"children":3982},{"class":184,"line":495},[3983,3987,3991],{"type":46,"tag":182,"props":3984,"children":3985},{"style":264},[3986],{"type":52,"value":432},{"type":46,"tag":182,"props":3988,"children":3989},{"style":420},[3990],{"type":52,"value":1357},{"type":46,"tag":182,"props":3992,"children":3993},{"style":264},[3994],{"type":52,"value":1384},{"type":46,"tag":182,"props":3996,"children":3997},{"class":184,"line":556},[3998,4002,4006,4010,4015,4019,4023],{"type":46,"tag":182,"props":3999,"children":4000},{"style":264},[4001],{"type":52,"value":1412},{"type":46,"tag":182,"props":4003,"children":4004},{"style":420},[4005],{"type":52,"value":47},{"type":46,"tag":182,"props":4007,"children":4008},{"style":264},[4009],{"type":52,"value":2367},{"type":46,"tag":182,"props":4011,"children":4012},{"style":309},[4013],{"type":52,"value":4014},"Customer Support",{"type":46,"tag":182,"props":4016,"children":4017},{"style":264},[4018],{"type":52,"value":1711},{"type":46,"tag":182,"props":4020,"children":4021},{"style":420},[4022],{"type":52,"value":47},{"type":46,"tag":182,"props":4024,"children":4025},{"style":264},[4026],{"type":52,"value":1384},{"type":46,"tag":182,"props":4028,"children":4029},{"class":184,"line":627},[4030],{"type":46,"tag":182,"props":4031,"children":4032},{"emptyLinePlaceholder":288},[4033],{"type":52,"value":291},{"type":46,"tag":182,"props":4035,"children":4036},{"class":184,"line":636},[4037,4042,4047,4051],{"type":46,"tag":182,"props":4038,"children":4039},{"style":264},[4040],{"type":52,"value":4041}," {!",{"type":46,"tag":182,"props":4043,"children":4044},{"style":309},[4045],{"type":52,"value":4046},"showAvatar ",{"type":46,"tag":182,"props":4048,"children":4049},{"style":264},[4050],{"type":52,"value":1619},{"type":46,"tag":182,"props":4052,"children":4053},{"style":309},[4054],{"type":52,"value":423},{"type":46,"tag":182,"props":4056,"children":4057},{"class":184,"line":31},[4058,4062,4066,4070,4074,4078,4082,4086,4090,4094],{"type":46,"tag":182,"props":4059,"children":4060},{"style":264},[4061],{"type":52,"value":1575},{"type":46,"tag":182,"props":4063,"children":4064},{"style":420},[4065],{"type":52,"value":1580},{"type":46,"tag":182,"props":4067,"children":4068},{"style":389},[4069],{"type":52,"value":1585},{"type":46,"tag":182,"props":4071,"children":4072},{"style":264},[4073],{"type":52,"value":506},{"type":46,"tag":182,"props":4075,"children":4076},{"style":389},[4077],{"type":52,"value":511},{"type":46,"tag":182,"props":4079,"children":4080},{"style":395},[4081],{"type":52,"value":3933},{"type":46,"tag":182,"props":4083,"children":4084},{"style":309},[4085],{"type":52,"value":530},{"type":46,"tag":182,"props":4087,"children":4088},{"style":2428},[4089],{"type":52,"value":2505},{"type":46,"tag":182,"props":4091,"children":4092},{"style":309},[4093],{"type":52,"value":548},{"type":46,"tag":182,"props":4095,"children":4096},{"style":264},[4097],{"type":52,"value":1600},{"type":46,"tag":182,"props":4099,"children":4100},{"class":184,"line":1335},[4101],{"type":46,"tag":182,"props":4102,"children":4103},{"style":309},[4104],{"type":52,"value":4105}," Talk to an Agent\n",{"type":46,"tag":182,"props":4107,"children":4108},{"class":184,"line":1347},[4109,4113,4117],{"type":46,"tag":182,"props":4110,"children":4111},{"style":264},[4112],{"type":52,"value":1663},{"type":46,"tag":182,"props":4114,"children":4115},{"style":420},[4116],{"type":52,"value":1580},{"type":46,"tag":182,"props":4118,"children":4119},{"style":264},[4120],{"type":52,"value":1384},{"type":46,"tag":182,"props":4122,"children":4123},{"class":184,"line":1387},[4124,4129,4133],{"type":46,"tag":182,"props":4125,"children":4126},{"style":309},[4127],{"type":52,"value":4128}," ) ",{"type":46,"tag":182,"props":4130,"children":4131},{"style":264},[4132],{"type":52,"value":1966},{"type":46,"tag":182,"props":4134,"children":4135},{"style":309},[4136],{"type":52,"value":423},{"type":46,"tag":182,"props":4138,"children":4139},{"class":184,"line":1406},[4140,4144],{"type":46,"tag":182,"props":4141,"children":4142},{"style":264},[4143],{"type":52,"value":1575},{"type":46,"tag":182,"props":4145,"children":4146},{"style":189},[4147],{"type":52,"value":437},{"type":46,"tag":182,"props":4149,"children":4150},{"class":184,"line":1445},[4151,4156,4160,4164,4169],{"type":46,"tag":182,"props":4152,"children":4153},{"style":389},[4154],{"type":52,"value":4155}," avatarId",{"type":46,"tag":182,"props":4157,"children":4158},{"style":264},[4159],{"type":52,"value":451},{"type":46,"tag":182,"props":4161,"children":4162},{"style":264},[4163],{"type":52,"value":456},{"type":46,"tag":182,"props":4165,"children":4166},{"style":195},[4167],{"type":52,"value":4168},"support-agent-id",{"type":46,"tag":182,"props":4170,"children":4171},{"style":264},[4172],{"type":52,"value":466},{"type":46,"tag":182,"props":4174,"children":4175},{"class":184,"line":1453},[4176,4181,4185,4189,4193],{"type":46,"tag":182,"props":4177,"children":4178},{"style":389},[4179],{"type":52,"value":4180}," connectUrl",{"type":46,"tag":182,"props":4182,"children":4183},{"style":264},[4184],{"type":52,"value":451},{"type":46,"tag":182,"props":4186,"children":4187},{"style":264},[4188],{"type":52,"value":456},{"type":46,"tag":182,"props":4190,"children":4191},{"style":195},[4192],{"type":52,"value":488},{"type":46,"tag":182,"props":4194,"children":4195},{"style":264},[4196],{"type":52,"value":466},{"type":46,"tag":182,"props":4198,"children":4199},{"class":184,"line":1470},[4200,4205,4209,4213,4217,4221,4225,4229],{"type":46,"tag":182,"props":4201,"children":4202},{"style":389},[4203],{"type":52,"value":4204}," onEnd",{"type":46,"tag":182,"props":4206,"children":4207},{"style":264},[4208],{"type":52,"value":506},{"type":46,"tag":182,"props":4210,"children":4211},{"style":389},[4212],{"type":52,"value":511},{"type":46,"tag":182,"props":4214,"children":4215},{"style":395},[4216],{"type":52,"value":3933},{"type":46,"tag":182,"props":4218,"children":4219},{"style":309},[4220],{"type":52,"value":530},{"type":46,"tag":182,"props":4222,"children":4223},{"style":2428},[4224],{"type":52,"value":2431},{"type":46,"tag":182,"props":4226,"children":4227},{"style":309},[4228],{"type":52,"value":548},{"type":46,"tag":182,"props":4230,"children":4231},{"style":264},[4232],{"type":52,"value":553},{"type":46,"tag":182,"props":4234,"children":4235},{"class":184,"line":1507},[4236,4241,4245,4249,4253,4257],{"type":46,"tag":182,"props":4237,"children":4238},{"style":389},[4239],{"type":52,"value":4240}," onError",{"type":46,"tag":182,"props":4242,"children":4243},{"style":264},[4244],{"type":52,"value":567},{"type":46,"tag":182,"props":4246,"children":4247},{"style":570},[4248],{"type":52,"value":573},{"type":46,"tag":182,"props":4250,"children":4251},{"style":264},[4252],{"type":52,"value":548},{"type":46,"tag":182,"props":4254,"children":4255},{"style":389},[4256],{"type":52,"value":511},{"type":46,"tag":182,"props":4258,"children":4259},{"style":264},[4260],{"type":52,"value":408},{"type":46,"tag":182,"props":4262,"children":4263},{"class":184,"line":1515},[4264,4269,4273,4277,4281,4285,4289],{"type":46,"tag":182,"props":4265,"children":4266},{"style":309},[4267],{"type":52,"value":4268}," console",{"type":46,"tag":182,"props":4270,"children":4271},{"style":264},[4272],{"type":52,"value":230},{"type":46,"tag":182,"props":4274,"children":4275},{"style":395},[4276],{"type":52,"value":573},{"type":46,"tag":182,"props":4278,"children":4279},{"style":420},[4280],{"type":52,"value":530},{"type":46,"tag":182,"props":4282,"children":4283},{"style":309},[4284],{"type":52,"value":573},{"type":46,"tag":182,"props":4286,"children":4287},{"style":420},[4288],{"type":52,"value":548},{"type":46,"tag":182,"props":4290,"children":4291},{"style":264},[4292],{"type":52,"value":281},{"type":46,"tag":182,"props":4294,"children":4295},{"class":184,"line":1532},[4296,4301,4305,4309,4313],{"type":46,"tag":182,"props":4297,"children":4298},{"style":395},[4299],{"type":52,"value":4300}," setShowAvatar",{"type":46,"tag":182,"props":4302,"children":4303},{"style":420},[4304],{"type":52,"value":530},{"type":46,"tag":182,"props":4306,"children":4307},{"style":2428},[4308],{"type":52,"value":2431},{"type":46,"tag":182,"props":4310,"children":4311},{"style":420},[4312],{"type":52,"value":548},{"type":46,"tag":182,"props":4314,"children":4315},{"style":264},[4316],{"type":52,"value":281},{"type":46,"tag":182,"props":4318,"children":4319},{"class":184,"line":1569},[4320],{"type":46,"tag":182,"props":4321,"children":4322},{"style":264},[4323],{"type":52,"value":4324}," }}\n",{"type":46,"tag":182,"props":4326,"children":4327},{"class":184,"line":1603},[4328],{"type":46,"tag":182,"props":4329,"children":4330},{"style":264},[4331],{"type":52,"value":4332}," \u002F>\n",{"type":46,"tag":182,"props":4334,"children":4335},{"class":184,"line":1657},[4336,4340],{"type":46,"tag":182,"props":4337,"children":4338},{"style":309},[4339],{"type":52,"value":1872},{"type":46,"tag":182,"props":4341,"children":4342},{"style":264},[4343],{"type":52,"value":553},{"type":46,"tag":182,"props":4345,"children":4346},{"class":184,"line":1674},[4347,4351,4355],{"type":46,"tag":182,"props":4348,"children":4349},{"style":264},[4350],{"type":52,"value":1885},{"type":46,"tag":182,"props":4352,"children":4353},{"style":420},[4354],{"type":52,"value":1357},{"type":46,"tag":182,"props":4356,"children":4357},{"style":264},[4358],{"type":52,"value":1384},{"type":46,"tag":182,"props":4360,"children":4361},{"class":184,"line":1722},[4362,4366],{"type":46,"tag":182,"props":4363,"children":4364},{"style":420},[4365],{"type":52,"value":642},{"type":46,"tag":182,"props":4367,"children":4368},{"style":264},[4369],{"type":52,"value":281},{"type":46,"tag":182,"props":4371,"children":4372},{"class":184,"line":1739},[4373],{"type":46,"tag":182,"props":4374,"children":4375},{"style":264},[4376],{"type":52,"value":553},{"type":46,"tag":164,"props":4378,"children":4380},{"id":4379},"error-handling",[4381],{"type":52,"value":4382},"Error Handling",{"type":46,"tag":655,"props":4384,"children":4386},{"id":4385},"verbose-error-logging",[4387],{"type":52,"value":4388},"Verbose Error Logging",{"type":46,"tag":171,"props":4390,"children":4392},{"className":252,"code":4391,"language":254,"meta":176,"style":176},"\u003CAvatarCall\n avatarId=\"your-avatar-id\"\n connectUrl=\"\u002Fapi\u002Favatar\u002Fsession\"\n onError={(error) => {\n console.error('Avatar error:', error);\n console.error('Error name:', error.name);\n console.error('Error message:', error.message);\n if (error.cause) {\n console.error('Cause:', error.cause);\n }\n }}\n\u002F>\n",[4393],{"type":46,"tag":77,"props":4394,"children":4395},{"__ignoreMap":176},[4396,4407,4431,4455,4483,4531,4588,4645,4678,4734,4741,4749],{"type":46,"tag":182,"props":4397,"children":4398},{"class":184,"line":185},[4399,4403],{"type":46,"tag":182,"props":4400,"children":4401},{"style":264},[4402],{"type":52,"value":2347},{"type":46,"tag":182,"props":4404,"children":4405},{"style":189},[4406],{"type":52,"value":437},{"type":46,"tag":182,"props":4408,"children":4409},{"class":184,"line":284},[4410,4415,4419,4423,4427],{"type":46,"tag":182,"props":4411,"children":4412},{"style":389},[4413],{"type":52,"value":4414}," avatarId",{"type":46,"tag":182,"props":4416,"children":4417},{"style":264},[4418],{"type":52,"value":451},{"type":46,"tag":182,"props":4420,"children":4421},{"style":264},[4422],{"type":52,"value":456},{"type":46,"tag":182,"props":4424,"children":4425},{"style":195},[4426],{"type":52,"value":3382},{"type":46,"tag":182,"props":4428,"children":4429},{"style":264},[4430],{"type":52,"value":466},{"type":46,"tag":182,"props":4432,"children":4433},{"class":184,"line":294},[4434,4439,4443,4447,4451],{"type":46,"tag":182,"props":4435,"children":4436},{"style":389},[4437],{"type":52,"value":4438}," connectUrl",{"type":46,"tag":182,"props":4440,"children":4441},{"style":264},[4442],{"type":52,"value":451},{"type":46,"tag":182,"props":4444,"children":4445},{"style":264},[4446],{"type":52,"value":456},{"type":46,"tag":182,"props":4448,"children":4449},{"style":195},[4450],{"type":52,"value":488},{"type":46,"tag":182,"props":4452,"children":4453},{"style":264},[4454],{"type":52,"value":466},{"type":46,"tag":182,"props":4456,"children":4457},{"class":184,"line":342},[4458,4463,4467,4471,4475,4479],{"type":46,"tag":182,"props":4459,"children":4460},{"style":389},[4461],{"type":52,"value":4462}," onError",{"type":46,"tag":182,"props":4464,"children":4465},{"style":264},[4466],{"type":52,"value":567},{"type":46,"tag":182,"props":4468,"children":4469},{"style":570},[4470],{"type":52,"value":573},{"type":46,"tag":182,"props":4472,"children":4473},{"style":264},[4474],{"type":52,"value":548},{"type":46,"tag":182,"props":4476,"children":4477},{"style":389},[4478],{"type":52,"value":511},{"type":46,"tag":182,"props":4480,"children":4481},{"style":264},[4482],{"type":52,"value":408},{"type":46,"tag":182,"props":4484,"children":4485},{"class":184,"line":367},[4486,4491,4495,4499,4503,4507,4511,4515,4519,4523,4527],{"type":46,"tag":182,"props":4487,"children":4488},{"style":309},[4489],{"type":52,"value":4490}," console",{"type":46,"tag":182,"props":4492,"children":4493},{"style":264},[4494],{"type":52,"value":230},{"type":46,"tag":182,"props":4496,"children":4497},{"style":395},[4498],{"type":52,"value":573},{"type":46,"tag":182,"props":4500,"children":4501},{"style":420},[4502],{"type":52,"value":530},{"type":46,"tag":182,"props":4504,"children":4505},{"style":264},[4506],{"type":52,"value":267},{"type":46,"tag":182,"props":4508,"children":4509},{"style":195},[4510],{"type":52,"value":3631},{"type":46,"tag":182,"props":4512,"children":4513},{"style":264},[4514],{"type":52,"value":267},{"type":46,"tag":182,"props":4516,"children":4517},{"style":264},[4518],{"type":52,"value":615},{"type":46,"tag":182,"props":4520,"children":4521},{"style":309},[4522],{"type":52,"value":2880},{"type":46,"tag":182,"props":4524,"children":4525},{"style":420},[4526],{"type":52,"value":548},{"type":46,"tag":182,"props":4528,"children":4529},{"style":264},[4530],{"type":52,"value":281},{"type":46,"tag":182,"props":4532,"children":4533},{"class":184,"line":375},[4534,4538,4542,4546,4550,4554,4559,4563,4567,4571,4575,4580,4584],{"type":46,"tag":182,"props":4535,"children":4536},{"style":309},[4537],{"type":52,"value":4490},{"type":46,"tag":182,"props":4539,"children":4540},{"style":264},[4541],{"type":52,"value":230},{"type":46,"tag":182,"props":4543,"children":4544},{"style":395},[4545],{"type":52,"value":573},{"type":46,"tag":182,"props":4547,"children":4548},{"style":420},[4549],{"type":52,"value":530},{"type":46,"tag":182,"props":4551,"children":4552},{"style":264},[4553],{"type":52,"value":267},{"type":46,"tag":182,"props":4555,"children":4556},{"style":195},[4557],{"type":52,"value":4558},"Error name:",{"type":46,"tag":182,"props":4560,"children":4561},{"style":264},[4562],{"type":52,"value":267},{"type":46,"tag":182,"props":4564,"children":4565},{"style":264},[4566],{"type":52,"value":615},{"type":46,"tag":182,"props":4568,"children":4569},{"style":309},[4570],{"type":52,"value":2880},{"type":46,"tag":182,"props":4572,"children":4573},{"style":264},[4574],{"type":52,"value":230},{"type":46,"tag":182,"props":4576,"children":4577},{"style":309},[4578],{"type":52,"value":4579},"name",{"type":46,"tag":182,"props":4581,"children":4582},{"style":420},[4583],{"type":52,"value":548},{"type":46,"tag":182,"props":4585,"children":4586},{"style":264},[4587],{"type":52,"value":281},{"type":46,"tag":182,"props":4589,"children":4590},{"class":184,"line":411},[4591,4595,4599,4603,4607,4611,4616,4620,4624,4628,4632,4637,4641],{"type":46,"tag":182,"props":4592,"children":4593},{"style":309},[4594],{"type":52,"value":4490},{"type":46,"tag":182,"props":4596,"children":4597},{"style":264},[4598],{"type":52,"value":230},{"type":46,"tag":182,"props":4600,"children":4601},{"style":395},[4602],{"type":52,"value":573},{"type":46,"tag":182,"props":4604,"children":4605},{"style":420},[4606],{"type":52,"value":530},{"type":46,"tag":182,"props":4608,"children":4609},{"style":264},[4610],{"type":52,"value":267},{"type":46,"tag":182,"props":4612,"children":4613},{"style":195},[4614],{"type":52,"value":4615},"Error message:",{"type":46,"tag":182,"props":4617,"children":4618},{"style":264},[4619],{"type":52,"value":267},{"type":46,"tag":182,"props":4621,"children":4622},{"style":264},[4623],{"type":52,"value":615},{"type":46,"tag":182,"props":4625,"children":4626},{"style":309},[4627],{"type":52,"value":2880},{"type":46,"tag":182,"props":4629,"children":4630},{"style":264},[4631],{"type":52,"value":230},{"type":46,"tag":182,"props":4633,"children":4634},{"style":309},[4635],{"type":52,"value":4636},"message",{"type":46,"tag":182,"props":4638,"children":4639},{"style":420},[4640],{"type":52,"value":548},{"type":46,"tag":182,"props":4642,"children":4643},{"style":264},[4644],{"type":52,"value":281},{"type":46,"tag":182,"props":4646,"children":4647},{"class":184,"line":426},[4648,4653,4657,4661,4665,4670,4674],{"type":46,"tag":182,"props":4649,"children":4650},{"style":298},[4651],{"type":52,"value":4652}," if",{"type":46,"tag":182,"props":4654,"children":4655},{"style":420},[4656],{"type":52,"value":2824},{"type":46,"tag":182,"props":4658,"children":4659},{"style":309},[4660],{"type":52,"value":573},{"type":46,"tag":182,"props":4662,"children":4663},{"style":264},[4664],{"type":52,"value":230},{"type":46,"tag":182,"props":4666,"children":4667},{"style":309},[4668],{"type":52,"value":4669},"cause",{"type":46,"tag":182,"props":4671,"children":4672},{"style":420},[4673],{"type":52,"value":2833},{"type":46,"tag":182,"props":4675,"children":4676},{"style":264},[4677],{"type":52,"value":2838},{"type":46,"tag":182,"props":4679,"children":4680},{"class":184,"line":440},[4681,4685,4689,4693,4697,4701,4706,4710,4714,4718,4722,4726,4730],{"type":46,"tag":182,"props":4682,"children":4683},{"style":309},[4684],{"type":52,"value":2846},{"type":46,"tag":182,"props":4686,"children":4687},{"style":264},[4688],{"type":52,"value":230},{"type":46,"tag":182,"props":4690,"children":4691},{"style":395},[4692],{"type":52,"value":573},{"type":46,"tag":182,"props":4694,"children":4695},{"style":420},[4696],{"type":52,"value":530},{"type":46,"tag":182,"props":4698,"children":4699},{"style":264},[4700],{"type":52,"value":267},{"type":46,"tag":182,"props":4702,"children":4703},{"style":195},[4704],{"type":52,"value":4705},"Cause:",{"type":46,"tag":182,"props":4707,"children":4708},{"style":264},[4709],{"type":52,"value":267},{"type":46,"tag":182,"props":4711,"children":4712},{"style":264},[4713],{"type":52,"value":615},{"type":46,"tag":182,"props":4715,"children":4716},{"style":309},[4717],{"type":52,"value":2880},{"type":46,"tag":182,"props":4719,"children":4720},{"style":264},[4721],{"type":52,"value":230},{"type":46,"tag":182,"props":4723,"children":4724},{"style":309},[4725],{"type":52,"value":4669},{"type":46,"tag":182,"props":4727,"children":4728},{"style":420},[4729],{"type":52,"value":548},{"type":46,"tag":182,"props":4731,"children":4732},{"style":264},[4733],{"type":52,"value":281},{"type":46,"tag":182,"props":4735,"children":4736},{"class":184,"line":469},[4737],{"type":46,"tag":182,"props":4738,"children":4739},{"style":264},[4740],{"type":52,"value":2936},{"type":46,"tag":182,"props":4742,"children":4743},{"class":184,"line":495},[4744],{"type":46,"tag":182,"props":4745,"children":4746},{"style":264},[4747],{"type":52,"value":4748}," }}\n",{"type":46,"tag":182,"props":4750,"children":4751},{"class":184,"line":556},[4752],{"type":46,"tag":182,"props":4753,"children":4754},{"style":264},[4755],{"type":52,"value":4756},"\u002F>\n",{"type":46,"tag":655,"props":4758,"children":4760},{"id":4759},"debug-session-state",[4761],{"type":52,"value":4762},"Debug Session State",{"type":46,"tag":171,"props":4764,"children":4766},{"className":252,"code":4765,"language":254,"meta":176,"style":176},"import { useAvatarSession } from '@runwayml\u002Favatars-react';\n\nfunction DebugPanel() {\n const { state, sessionId, error } = useAvatarSession();\n\n return (\n \u003Cpre style={{ fontSize: 12, position: 'fixed', top: 0, right: 0 }}>\n {JSON.stringify({ state, sessionId, error: error?.message }, null, 2)}\n \u003C\u002Fpre>\n );\n}\n",[4767],{"type":46,"tag":77,"props":4768,"children":4769},{"__ignoreMap":176},[4770,4809,4816,4836,4888,4895,4906,5008,5097,5112,5123],{"type":46,"tag":182,"props":4771,"children":4772},{"class":184,"line":185},[4773,4777,4781,4785,4789,4793,4797,4801,4805],{"type":46,"tag":182,"props":4774,"children":4775},{"style":298},[4776],{"type":52,"value":301},{"type":46,"tag":182,"props":4778,"children":4779},{"style":264},[4780],{"type":52,"value":306},{"type":46,"tag":182,"props":4782,"children":4783},{"style":309},[4784],{"type":52,"value":1271},{"type":46,"tag":182,"props":4786,"children":4787},{"style":264},[4788],{"type":52,"value":317},{"type":46,"tag":182,"props":4790,"children":4791},{"style":298},[4792],{"type":52,"value":322},{"type":46,"tag":182,"props":4794,"children":4795},{"style":264},[4796],{"type":52,"value":327},{"type":46,"tag":182,"props":4798,"children":4799},{"style":195},[4800],{"type":52,"value":160},{"type":46,"tag":182,"props":4802,"children":4803},{"style":264},[4804],{"type":52,"value":267},{"type":46,"tag":182,"props":4806,"children":4807},{"style":264},[4808],{"type":52,"value":281},{"type":46,"tag":182,"props":4810,"children":4811},{"class":184,"line":284},[4812],{"type":46,"tag":182,"props":4813,"children":4814},{"emptyLinePlaceholder":288},[4815],{"type":52,"value":291},{"type":46,"tag":182,"props":4817,"children":4818},{"class":184,"line":294},[4819,4823,4828,4832],{"type":46,"tag":182,"props":4820,"children":4821},{"style":389},[4822],{"type":52,"value":1218},{"type":46,"tag":182,"props":4824,"children":4825},{"style":395},[4826],{"type":52,"value":4827}," DebugPanel",{"type":46,"tag":182,"props":4829,"children":4830},{"style":264},[4831],{"type":52,"value":403},{"type":46,"tag":182,"props":4833,"children":4834},{"style":264},[4835],{"type":52,"value":408},{"type":46,"tag":182,"props":4837,"children":4838},{"class":184,"line":342},[4839,4843,4847,4851,4855,4860,4864,4868,4872,4876,4880,4884],{"type":46,"tag":182,"props":4840,"children":4841},{"style":389},[4842],{"type":52,"value":1239},{"type":46,"tag":182,"props":4844,"children":4845},{"style":264},[4846],{"type":52,"value":306},{"type":46,"tag":182,"props":4848,"children":4849},{"style":309},[4850],{"type":52,"value":1248},{"type":46,"tag":182,"props":4852,"children":4853},{"style":264},[4854],{"type":52,"value":615},{"type":46,"tag":182,"props":4856,"children":4857},{"style":309},[4858],{"type":52,"value":4859}," sessionId",{"type":46,"tag":182,"props":4861,"children":4862},{"style":264},[4863],{"type":52,"value":615},{"type":46,"tag":182,"props":4865,"children":4866},{"style":309},[4867],{"type":52,"value":2880},{"type":46,"tag":182,"props":4869,"children":4870},{"style":264},[4871],{"type":52,"value":317},{"type":46,"tag":182,"props":4873,"children":4874},{"style":264},[4875],{"type":52,"value":1266},{"type":46,"tag":182,"props":4877,"children":4878},{"style":395},[4879],{"type":52,"value":1271},{"type":46,"tag":182,"props":4881,"children":4882},{"style":420},[4883],{"type":52,"value":403},{"type":46,"tag":182,"props":4885,"children":4886},{"style":264},[4887],{"type":52,"value":281},{"type":46,"tag":182,"props":4889,"children":4890},{"class":184,"line":367},[4891],{"type":46,"tag":182,"props":4892,"children":4893},{"emptyLinePlaceholder":288},[4894],{"type":52,"value":291},{"type":46,"tag":182,"props":4896,"children":4897},{"class":184,"line":375},[4898,4902],{"type":46,"tag":182,"props":4899,"children":4900},{"style":298},[4901],{"type":52,"value":417},{"type":46,"tag":182,"props":4903,"children":4904},{"style":420},[4905],{"type":52,"value":423},{"type":46,"tag":182,"props":4907,"children":4908},{"class":184,"line":411},[4909,4913,4917,4922,4927,4932,4936,4942,4946,4951,4955,4959,4964,4968,4972,4977,4981,4986,4990,4995,4999,5003],{"type":46,"tag":182,"props":4910,"children":4911},{"style":264},[4912],{"type":52,"value":432},{"type":46,"tag":182,"props":4914,"children":4915},{"style":420},[4916],{"type":52,"value":171},{"type":46,"tag":182,"props":4918,"children":4919},{"style":389},[4920],{"type":52,"value":4921}," style",{"type":46,"tag":182,"props":4923,"children":4924},{"style":264},[4925],{"type":52,"value":4926},"={{",{"type":46,"tag":182,"props":4928,"children":4929},{"style":420},[4930],{"type":52,"value":4931}," fontSize",{"type":46,"tag":182,"props":4933,"children":4934},{"style":264},[4935],{"type":52,"value":1966},{"type":46,"tag":182,"props":4937,"children":4939},{"style":4938},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[4940],{"type":52,"value":4941}," 12",{"type":46,"tag":182,"props":4943,"children":4944},{"style":264},[4945],{"type":52,"value":615},{"type":46,"tag":182,"props":4947,"children":4948},{"style":420},[4949],{"type":52,"value":4950}," position",{"type":46,"tag":182,"props":4952,"children":4953},{"style":264},[4954],{"type":52,"value":1966},{"type":46,"tag":182,"props":4956,"children":4957},{"style":264},[4958],{"type":52,"value":327},{"type":46,"tag":182,"props":4960,"children":4961},{"style":195},[4962],{"type":52,"value":4963},"fixed",{"type":46,"tag":182,"props":4965,"children":4966},{"style":264},[4967],{"type":52,"value":267},{"type":46,"tag":182,"props":4969,"children":4970},{"style":264},[4971],{"type":52,"value":615},{"type":46,"tag":182,"props":4973,"children":4974},{"style":420},[4975],{"type":52,"value":4976}," top",{"type":46,"tag":182,"props":4978,"children":4979},{"style":264},[4980],{"type":52,"value":1966},{"type":46,"tag":182,"props":4982,"children":4983},{"style":4938},[4984],{"type":52,"value":4985}," 0",{"type":46,"tag":182,"props":4987,"children":4988},{"style":264},[4989],{"type":52,"value":615},{"type":46,"tag":182,"props":4991,"children":4992},{"style":420},[4993],{"type":52,"value":4994}," right",{"type":46,"tag":182,"props":4996,"children":4997},{"style":264},[4998],{"type":52,"value":1966},{"type":46,"tag":182,"props":5000,"children":5001},{"style":4938},[5002],{"type":52,"value":4985},{"type":46,"tag":182,"props":5004,"children":5005},{"style":264},[5006],{"type":52,"value":5007}," }}>\n",{"type":46,"tag":182,"props":5009,"children":5010},{"class":184,"line":426},[5011,5015,5020,5024,5028,5032,5036,5040,5044,5048,5052,5056,5060,5064,5069,5074,5079,5084,5089,5093],{"type":46,"tag":182,"props":5012,"children":5013},{"style":264},[5014],{"type":52,"value":1393},{"type":46,"tag":182,"props":5016,"children":5017},{"style":309},[5018],{"type":52,"value":5019},"JSON",{"type":46,"tag":182,"props":5021,"children":5022},{"style":264},[5023],{"type":52,"value":230},{"type":46,"tag":182,"props":5025,"children":5026},{"style":395},[5027],{"type":52,"value":2682},{"type":46,"tag":182,"props":5029,"children":5030},{"style":309},[5031],{"type":52,"value":530},{"type":46,"tag":182,"props":5033,"children":5034},{"style":264},[5035],{"type":52,"value":2691},{"type":46,"tag":182,"props":5037,"children":5038},{"style":309},[5039],{"type":52,"value":1248},{"type":46,"tag":182,"props":5041,"children":5042},{"style":264},[5043],{"type":52,"value":615},{"type":46,"tag":182,"props":5045,"children":5046},{"style":309},[5047],{"type":52,"value":4859},{"type":46,"tag":182,"props":5049,"children":5050},{"style":264},[5051],{"type":52,"value":615},{"type":46,"tag":182,"props":5053,"children":5054},{"style":420},[5055],{"type":52,"value":2880},{"type":46,"tag":182,"props":5057,"children":5058},{"style":264},[5059],{"type":52,"value":1966},{"type":46,"tag":182,"props":5061,"children":5062},{"style":309},[5063],{"type":52,"value":2880},{"type":46,"tag":182,"props":5065,"children":5066},{"style":264},[5067],{"type":52,"value":5068},"?.",{"type":46,"tag":182,"props":5070,"children":5071},{"style":309},[5072],{"type":52,"value":5073},"message ",{"type":46,"tag":182,"props":5075,"children":5076},{"style":264},[5077],{"type":52,"value":5078},"},",{"type":46,"tag":182,"props":5080,"children":5081},{"style":264},[5082],{"type":52,"value":5083}," null,",{"type":46,"tag":182,"props":5085,"children":5086},{"style":4938},[5087],{"type":52,"value":5088}," 2",{"type":46,"tag":182,"props":5090,"children":5091},{"style":309},[5092],{"type":52,"value":548},{"type":46,"tag":182,"props":5094,"children":5095},{"style":264},[5096],{"type":52,"value":553},{"type":46,"tag":182,"props":5098,"children":5099},{"class":184,"line":440},[5100,5104,5108],{"type":46,"tag":182,"props":5101,"children":5102},{"style":264},[5103],{"type":52,"value":1885},{"type":46,"tag":182,"props":5105,"children":5106},{"style":420},[5107],{"type":52,"value":171},{"type":46,"tag":182,"props":5109,"children":5110},{"style":264},[5111],{"type":52,"value":1384},{"type":46,"tag":182,"props":5113,"children":5114},{"class":184,"line":469},[5115,5119],{"type":46,"tag":182,"props":5116,"children":5117},{"style":420},[5118],{"type":52,"value":642},{"type":46,"tag":182,"props":5120,"children":5121},{"style":264},[5122],{"type":52,"value":281},{"type":46,"tag":182,"props":5124,"children":5125},{"class":184,"line":495},[5126],{"type":46,"tag":182,"props":5127,"children":5128},{"style":264},[5129],{"type":52,"value":553},{"type":46,"tag":164,"props":5131,"children":5133},{"id":5132},"browser-support",[5134],{"type":52,"value":5135},"Browser Support",{"type":46,"tag":667,"props":5137,"children":5138},{},[5139,5155],{"type":46,"tag":671,"props":5140,"children":5141},{},[5142],{"type":46,"tag":675,"props":5143,"children":5144},{},[5145,5150],{"type":46,"tag":679,"props":5146,"children":5147},{},[5148],{"type":52,"value":5149},"Browser",{"type":46,"tag":679,"props":5151,"children":5152},{},[5153],{"type":52,"value":5154},"Minimum Version",{"type":46,"tag":695,"props":5156,"children":5157},{},[5158,5171,5184,5197],{"type":46,"tag":675,"props":5159,"children":5160},{},[5161,5166],{"type":46,"tag":702,"props":5162,"children":5163},{},[5164],{"type":52,"value":5165},"Chrome",{"type":46,"tag":702,"props":5167,"children":5168},{},[5169],{"type":52,"value":5170},"74+",{"type":46,"tag":675,"props":5172,"children":5173},{},[5174,5179],{"type":46,"tag":702,"props":5175,"children":5176},{},[5177],{"type":52,"value":5178},"Firefox",{"type":46,"tag":702,"props":5180,"children":5181},{},[5182],{"type":52,"value":5183},"78+",{"type":46,"tag":675,"props":5185,"children":5186},{},[5187,5192],{"type":46,"tag":702,"props":5188,"children":5189},{},[5190],{"type":52,"value":5191},"Safari",{"type":46,"tag":702,"props":5193,"children":5194},{},[5195],{"type":52,"value":5196},"14.1+",{"type":46,"tag":675,"props":5198,"children":5199},{},[5200,5205],{"type":46,"tag":702,"props":5201,"children":5202},{},[5203],{"type":52,"value":5204},"Edge",{"type":46,"tag":702,"props":5206,"children":5207},{},[5208],{"type":52,"value":5209},"79+",{"type":46,"tag":59,"props":5211,"children":5212},{},[5213,5215,5220,5222,5227],{"type":52,"value":5214},"Users must grant ",{"type":46,"tag":63,"props":5216,"children":5217},{},[5218],{"type":52,"value":5219},"microphone permissions",{"type":52,"value":5221}," when prompted. ",{"type":46,"tag":63,"props":5223,"children":5224},{},[5225],{"type":52,"value":5226},"Camera permissions",{"type":52,"value":5228}," are needed if user video is enabled.",{"type":46,"tag":164,"props":5230,"children":5232},{"id":5231},"tips",[5233],{"type":52,"value":5234},"Tips",{"type":46,"tag":69,"props":5236,"children":5237},{},[5238,5261,5277,5294,5304],{"type":46,"tag":73,"props":5239,"children":5240},{},[5241,5246,5248,5254,5256],{"type":46,"tag":63,"props":5242,"children":5243},{},[5244],{"type":52,"value":5245},"Always import the styles",{"type":52,"value":5247},": ",{"type":46,"tag":77,"props":5249,"children":5251},{"className":5250},[],[5252],{"type":52,"value":5253},"import '@runwayml\u002Favatars-react\u002Fstyles.css'",{"type":52,"value":5255}," when using ",{"type":46,"tag":77,"props":5257,"children":5259},{"className":5258},[],[5260],{"type":52,"value":242},{"type":46,"tag":73,"props":5262,"children":5263},{},[5264,5275],{"type":46,"tag":63,"props":5265,"children":5266},{},[5267,5273],{"type":46,"tag":77,"props":5268,"children":5270},{"className":5269},[],[5271],{"type":52,"value":5272},"'use client'",{"type":52,"value":5274}," directive",{"type":52,"value":5276}," is required in Next.js App Router for all components using the React SDK",{"type":46,"tag":73,"props":5278,"children":5279},{},[5280,5285,5287,5292],{"type":46,"tag":63,"props":5281,"children":5282},{},[5283],{"type":52,"value":5284},"Session max duration is 5 minutes",{"type":52,"value":5286}," — handle the ",{"type":46,"tag":77,"props":5288,"children":5290},{"className":5289},[],[5291],{"type":52,"value":767},{"type":52,"value":5293}," callback to show a reconnect option",{"type":46,"tag":73,"props":5295,"children":5296},{},[5297,5302],{"type":46,"tag":63,"props":5298,"children":5299},{},[5300],{"type":52,"value":5301},"Credentials are one-time use",{"type":52,"value":5303}," — if connection fails, fetch new credentials (create a new session)",{"type":46,"tag":73,"props":5305,"children":5306},{},[5307,5309],{"type":52,"value":5308},"For the full SDK source, examples, and issue tracking: ",{"type":46,"tag":97,"props":5310,"children":5313},{"href":5311,"rel":5312},"https:\u002F\u002Fgithub.com\u002Frunwayml\u002Favatars-sdk-react",[101],[5314],{"type":52,"value":5315},"github.com\u002Frunwayml\u002Favatars-sdk-react",{"type":46,"tag":5317,"props":5318,"children":5319},"style",{},[5320],{"type":52,"value":5321},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":5323,"total":1387},[5324,5341,5350,5364,5379,5393,5406,5417,5431,5439,5450,5470],{"slug":5325,"name":5325,"fn":5326,"description":5327,"org":5328,"tags":5329,"stars":27,"repoUrl":28,"updatedAt":5340},"rw-api-reference","look up Runway API reference","Complete reference for Runway's public API: models, endpoints, costs, limits, and types",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5330,5333,5334,5337],{"name":5331,"slug":5332,"type":16},"AI Infrastructure","ai-infrastructure",{"name":19,"slug":20,"type":16},{"name":5335,"slug":5336,"type":16},"Reference","reference",{"name":5338,"slug":5339,"type":16},"Video","video","2026-04-08T04:41:58.820783",{"slug":5342,"name":5342,"fn":5343,"description":5344,"org":5345,"tags":5346,"stars":27,"repoUrl":28,"updatedAt":5349},"rw-check-compatibility","verify codebase compatibility with the Runway API","Analyze a user's codebase to verify it can use Runway's public API (server-side requirement)",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5347,5348],{"name":19,"slug":20,"type":16},{"name":9,"slug":8,"type":16},"2026-04-08T04:42:01.271257",{"slug":5351,"name":5351,"fn":5352,"description":5353,"org":5354,"tags":5355,"stars":27,"repoUrl":28,"updatedAt":5363},"rw-check-org-details","query Runway API for organization details","Query the Runway API for organization details: rate limits, credit balance, usage tier, and daily generation counts",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5356,5359,5362],{"name":5357,"slug":5358,"type":16},"Operations","operations",{"name":5360,"slug":5361,"type":16},"Reporting","reporting",{"name":9,"slug":8,"type":16},"2026-04-08T04:42:00.054235",{"slug":5365,"name":5365,"fn":5366,"description":5367,"org":5368,"tags":5369,"stars":27,"repoUrl":28,"updatedAt":5378},"rw-fetch-api-reference","retrieve Runway API reference","Retrieve the latest Runway API reference from docs.dev.runwayml.com and use it as the authoritative source before any integration work",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5370,5371,5374,5377],{"name":19,"slug":20,"type":16},{"name":5372,"slug":5373,"type":16},"Documentation","documentation",{"name":5375,"slug":5376,"type":16},"Research","research",{"name":9,"slug":8,"type":16},"2026-04-08T04:42:07.604739",{"slug":5380,"name":5380,"fn":5381,"description":5382,"org":5383,"tags":5384,"stars":27,"repoUrl":28,"updatedAt":5392},"rw-generate-audio","generate audio with Runway API","Generate audio using the Runway API via runnable scripts. Supports TTS, sound effects, voice isolation, dubbing, and voice conversion.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5385,5386,5388,5391],{"name":5331,"slug":5332,"type":16},{"name":5387,"slug":2026,"type":16},"Audio",{"name":5389,"slug":5390,"type":16},"Creative","creative",{"name":9,"slug":8,"type":16},"2026-04-17T04:51:59.892185",{"slug":5394,"name":5394,"fn":5395,"description":5396,"org":5397,"tags":5398,"stars":27,"repoUrl":28,"updatedAt":5405},"rw-generate-image","generate images with Runway API","Generate images directly using the Runway API via runnable scripts. Supports text-to-image with optional reference images.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5399,5400,5401,5404],{"name":5331,"slug":5332,"type":16},{"name":5389,"slug":5390,"type":16},{"name":5402,"slug":5403,"type":16},"Image Generation","image-generation",{"name":9,"slug":8,"type":16},"2026-04-17T04:52:01.158325",{"slug":5407,"name":5407,"fn":5408,"description":5409,"org":5410,"tags":5411,"stars":27,"repoUrl":28,"updatedAt":5416},"rw-generate-video","generate videos with Runway API","Generate videos directly using the Runway API via runnable scripts. Supports text-to-video, image-to-video, and video-to-video with seedance2, gen4.5, veo3, and more.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5412,5413,5414,5415],{"name":5331,"slug":5332,"type":16},{"name":5389,"slug":5390,"type":16},{"name":9,"slug":8,"type":16},{"name":5338,"slug":5339,"type":16},"2026-04-17T04:51:58.600919",{"slug":5418,"name":5418,"fn":5419,"description":5420,"org":5421,"tags":5422,"stars":27,"repoUrl":28,"updatedAt":5430},"rw-integrate-audio","integrate Runway audio APIs","Help users integrate Runway audio APIs (TTS, sound effects, voice isolation, dubbing)",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5423,5424,5425,5426,5427],{"name":19,"slug":20,"type":16},{"name":5387,"slug":2026,"type":16},{"name":5389,"slug":5390,"type":16},{"name":9,"slug":8,"type":16},{"name":5428,"slug":5429,"type":16},"Speech","speech","2026-04-08T04:42:10.081814",{"slug":4,"name":4,"fn":5,"description":6,"org":5432,"tags":5433,"stars":27,"repoUrl":28,"updatedAt":29},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5434,5435,5436,5437,5438],{"name":19,"slug":20,"type":16},{"name":25,"slug":26,"type":16},{"name":14,"slug":15,"type":16},{"name":9,"slug":8,"type":16},{"name":22,"slug":23,"type":16},{"slug":5440,"name":5440,"fn":5441,"description":5442,"org":5443,"tags":5444,"stars":27,"repoUrl":28,"updatedAt":5449},"rw-integrate-characters","integrate Runway conversational characters","Help users create Runway Characters (GWM-1 avatars) and integrate real-time conversational sessions into their apps",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5445,5446,5447,5448],{"name":19,"slug":20,"type":16},{"name":5387,"slug":2026,"type":16},{"name":5389,"slug":5390,"type":16},{"name":9,"slug":8,"type":16},"2026-04-08T04:42:06.171483",{"slug":5451,"name":5451,"fn":5452,"description":5453,"org":5454,"tags":5455,"stars":27,"repoUrl":28,"updatedAt":5469},"rw-integrate-documents","add documents to Runway Characters","Help users add knowledge base documents to Runway Characters for domain-specific conversations",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5456,5459,5462,5465,5468],{"name":5457,"slug":5458,"type":16},"Agents","agents",{"name":5460,"slug":5461,"type":16},"AI Context","ai-context",{"name":5463,"slug":5464,"type":16},"Documents","documents",{"name":5466,"slug":5467,"type":16},"Knowledge Management","knowledge-management",{"name":9,"slug":8,"type":16},"2026-04-08T04:42:04.95186",{"slug":5471,"name":5471,"fn":5472,"description":5473,"org":5474,"tags":5475,"stars":27,"repoUrl":28,"updatedAt":5480},"rw-integrate-image","integrate Runway image generation APIs","Help users integrate Runway image generation APIs (text-to-image with reference images)",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5476,5477,5478,5479],{"name":19,"slug":20,"type":16},{"name":5389,"slug":5390,"type":16},{"name":5402,"slug":5403,"type":16},{"name":9,"slug":8,"type":16},"2026-04-08T04:42:11.322008",{"items":5482,"total":1347},[5483,5490,5495,5501,5508,5515,5522],{"slug":5325,"name":5325,"fn":5326,"description":5327,"org":5484,"tags":5485,"stars":27,"repoUrl":28,"updatedAt":5340},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5486,5487,5488,5489],{"name":5331,"slug":5332,"type":16},{"name":19,"slug":20,"type":16},{"name":5335,"slug":5336,"type":16},{"name":5338,"slug":5339,"type":16},{"slug":5342,"name":5342,"fn":5343,"description":5344,"org":5491,"tags":5492,"stars":27,"repoUrl":28,"updatedAt":5349},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5493,5494],{"name":19,"slug":20,"type":16},{"name":9,"slug":8,"type":16},{"slug":5351,"name":5351,"fn":5352,"description":5353,"org":5496,"tags":5497,"stars":27,"repoUrl":28,"updatedAt":5363},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5498,5499,5500],{"name":5357,"slug":5358,"type":16},{"name":5360,"slug":5361,"type":16},{"name":9,"slug":8,"type":16},{"slug":5365,"name":5365,"fn":5366,"description":5367,"org":5502,"tags":5503,"stars":27,"repoUrl":28,"updatedAt":5378},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5504,5505,5506,5507],{"name":19,"slug":20,"type":16},{"name":5372,"slug":5373,"type":16},{"name":5375,"slug":5376,"type":16},{"name":9,"slug":8,"type":16},{"slug":5380,"name":5380,"fn":5381,"description":5382,"org":5509,"tags":5510,"stars":27,"repoUrl":28,"updatedAt":5392},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5511,5512,5513,5514],{"name":5331,"slug":5332,"type":16},{"name":5387,"slug":2026,"type":16},{"name":5389,"slug":5390,"type":16},{"name":9,"slug":8,"type":16},{"slug":5394,"name":5394,"fn":5395,"description":5396,"org":5516,"tags":5517,"stars":27,"repoUrl":28,"updatedAt":5405},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5518,5519,5520,5521],{"name":5331,"slug":5332,"type":16},{"name":5389,"slug":5390,"type":16},{"name":5402,"slug":5403,"type":16},{"name":9,"slug":8,"type":16},{"slug":5407,"name":5407,"fn":5408,"description":5409,"org":5523,"tags":5524,"stars":27,"repoUrl":28,"updatedAt":5416},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5525,5526,5527,5528],{"name":5331,"slug":5332,"type":16},{"name":5389,"slug":5390,"type":16},{"name":9,"slug":8,"type":16},{"name":5338,"slug":5339,"type":16}]