@oshara/voice-sdk 0.1.0

package/dist/ui.js

@@ -0,0 +1,1153 @@
+import { s as ke } from "./consent-CK9VXNPa.js";
+import { D as k, t as Ce, d as Se } from "./appearance-i6QBkpCk.js";
+const Le = ':host{all:initial;--va-primary: #6366f1;--va-primary-text: #ffffff;--va-accent: #22d3ee;--va-accent-text: #0b1020;--va-background: #ffffff;--va-surface: #f6f7fb;--va-text: #0f172a;--va-text-muted: #64748b;--va-user-bubble: #6366f1;--va-user-bubble-text: #ffffff;--va-agent-bubble: #f1f5f9;--va-agent-bubble-text: #0f172a;--va-fab-size: 64px;--va-panel-width: 380px;--va-panel-height: 620px;--va-border-radius: 24px;--va-edge-offset: 24px;--va-panel-offset: calc(var(--va-fab-size) + 20px);--va-font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;font-family:var(--va-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}.fab{position:fixed;width:var(--va-fab-size);height:var(--va-fab-size);border-radius:999px;background:var(--va-primary);background-image:linear-gradient(135deg,var(--va-primary),var(--va-accent));color:var(--va-primary-text);border:none;cursor:pointer;box-shadow:0 12px 30px -8px color-mix(in srgb,var(--va-primary) 55%,transparent),0 4px 12px #00000029;display:inline-flex;align-items:center;justify-content:center;z-index:2147483646;transition:transform .18s ease,box-shadow .18s ease,padding .2s ease;overflow:hidden;padding:0;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.005em;line-height:1;white-space:nowrap}.fab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.32),transparent 55%);pointer-events:none}.fab:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px color-mix(in srgb,var(--va-primary) 70%,transparent),0 6px 16px #0003}.fab:active{transform:translateY(0)}.fab .fab-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--va-fab-size) * .42);height:calc(var(--va-fab-size) * .42);flex-shrink:0}.fab .fab-icon svg{width:100%;height:100%}.fab .fab-text{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1;text-align:left}.fab .fab-label{display:block;font-size:14px;font-weight:600;letter-spacing:.005em;line-height:1.1}.fab .fab-sublabel{display:none;margin-top:3px;font-size:10.5px;font-weight:500;letter-spacing:.04em;line-height:1.1;opacity:.82}.fab.has-sublabel .fab-sublabel{display:block}.fab.has-label{width:auto;height:auto;min-height:calc(var(--va-fab-size) * .82);padding:8px 22px 8px 16px;gap:12px}.fab.has-sublabel{min-height:calc(var(--va-fab-size) * .95);padding:10px 22px 10px 16px}.fab.has-label .fab-icon{width:calc(var(--va-fab-size) * .58);height:calc(var(--va-fab-size) * .58);border-radius:50%;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #ffffff47,0 4px 10px -4px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.fab.has-label .fab-icon svg{width:56%;height:56%}.fab.has-label .fab-logo{border-radius:50%}.fab .fab-logo,.fab img.fab-logo{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%}.panel{position:fixed;width:min(var(--va-panel-width),calc(100vw - 2 * var(--va-edge-offset)));height:var(--va-panel-height);max-height:calc(100vh - var(--va-panel-offset) - var(--va-edge-offset));max-height:calc(100dvh - var(--va-panel-offset) - var(--va-edge-offset));background:var(--va-background);color:var(--va-text);border-radius:var(--va-border-radius);box-shadow:0 30px 70px -16px #0f172a52,0 10px 24px -10px #0f172a2e;display:flex;flex-direction:column;overflow:hidden;z-index:2147483647;border:1px solid color-mix(in srgb,var(--va-text) 7%,transparent);animation:va-panel-in .24s cubic-bezier(.16,1,.3,1);transition:transform .24s ease,opacity .24s ease,height .3s ease}.panel[data-screen=call]:not(.with-transcript){height:auto}@keyframes va-panel-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:host([data-position="bottom-right"]) .fab,:host(:not([data-position])) .fab{right:var(--va-edge-offset);bottom:var(--va-edge-offset)}:host([data-position="bottom-right"]) .panel,:host(:not([data-position])) .panel{right:var(--va-edge-offset);bottom:var(--va-panel-offset)}:host([data-position="bottom-left"]) .fab{left:var(--va-edge-offset);bottom:var(--va-edge-offset)}:host([data-position="bottom-left"]) .panel{left:var(--va-edge-offset);bottom:var(--va-panel-offset)}:host([data-position="top-right"]) .fab{right:var(--va-edge-offset);top:var(--va-edge-offset)}:host([data-position="top-right"]) .panel{right:var(--va-edge-offset);top:var(--va-panel-offset)}:host([data-position="top-left"]) .fab{left:var(--va-edge-offset);top:var(--va-edge-offset)}:host([data-position="top-left"]) .panel{left:var(--va-edge-offset);top:var(--va-panel-offset)}@media (max-width: 460px){:host(:not([data-inline])){--va-edge-offset: 12px;--va-panel-offset: calc(var(--va-fab-size) + 12px)}:host(:not([data-inline])) .panel{left:var(--va-edge-offset);right:var(--va-edge-offset);width:auto}}:host([data-inline]){display:block;width:100%;height:100%}:host([data-inline]) .fab{display:none}:host([data-inline]) .panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;border-radius:0;border:none;box-shadow:none;animation:none}.close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--va-text) 6%,transparent);border:none;color:var(--va-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:5;transition:background .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.close:hover{background:color-mix(in srgb,var(--va-text) 14%,transparent);transform:scale(1.06)}.close svg{width:16px;height:16px}:host([data-close-button-hide]) .close{display:none}.screen{flex:1;min-height:0;display:flex;flex-direction:column;animation:va-screen-in .3s cubic-bezier(.16,1,.3,1)}@keyframes va-screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen-welcome{background:radial-gradient(95% 70% at 50% -10%,color-mix(in srgb,var(--va-primary) 14%,transparent),transparent 65%),radial-gradient(75% 55% at 105% 115%,color-mix(in srgb,var(--va-accent) 14%,transparent),transparent 65%),var(--va-background);align-items:stretch;justify-content:space-between;padding:56px 28px 18px;text-align:center;position:relative}.welcome-inner{display:flex;flex-direction:column;align-items:center;gap:0;max-width:100%;margin:auto 0}.welcome-logo{position:relative;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--va-primary),var(--va-accent));display:flex;align-items:center;justify-content:center;color:var(--va-primary-text);box-shadow:0 18px 44px -16px color-mix(in srgb,var(--va-primary) 55%,transparent),inset 0 1px #ffffff4d;overflow:hidden}.welcome-logo:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--va-primary) 22%,transparent),transparent 70%);z-index:-1;filter:blur(6px)}.welcome-logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.42),transparent 55%);pointer-events:none}.welcome-logo-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;position:relative}.welcome-logo-fallback{position:relative;display:flex;align-items:center;justify-content:center;width:48%;height:48%;color:var(--va-primary-text)}.welcome-logo-fallback svg{width:100%;height:100%}.welcome-status{margin-top:18px;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--va-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--va-text) 7%,transparent);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--va-text-muted);text-transform:uppercase}.welcome-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e80;animation:va-pulse-status 1.8s ease-out infinite}@keyframes va-pulse-status{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.welcome-name{margin:14px 0 6px;font-size:22px;font-weight:600;letter-spacing:-.022em;color:var(--va-text);line-height:1.2}.welcome-desc{margin:0 0 18px;font-size:13.5px;line-height:1.55;color:var(--va-text-muted);max-width:260px;font-weight:400}.lang-picker{position:relative;margin:0 0 16px;width:100%;max-width:260px;display:flex;justify-content:center}.lang-trigger{display:inline-flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--va-text) 10%,transparent);background:color-mix(in srgb,var(--va-background) 92%,var(--va-text) 8%);color:var(--va-text);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;line-height:1;letter-spacing:-.005em;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease;box-shadow:0 1px 2px #0f172a0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lang-trigger:hover{border-color:color-mix(in srgb,var(--va-primary) 35%,transparent);background:color-mix(in srgb,var(--va-primary) 7%,var(--va-background));transform:translateY(-1px);box-shadow:0 6px 16px -10px color-mix(in srgb,var(--va-primary) 40%,transparent)}.lang-trigger:focus-visible{outline:none;border-color:var(--va-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--va-primary) 22%,transparent)}.lang-trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--va-primary);opacity:.9;flex-shrink:0}.lang-trigger-icon svg{width:100%;height:100%}.lang-trigger-text{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;gap:3px;min-width:0}.lang-trigger-eyebrow{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--va-text-muted);opacity:.8}.lang-trigger-label{font-size:13px;font-weight:600;color:var(--va-text);letter-spacing:-.005em;white-space:nowrap}.lang-trigger-code{font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,var(--va-primary),var(--va-accent));color:var(--va-primary-text);line-height:1;box-shadow:inset 0 1px #ffffff40}.lang-trigger-chev{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--va-text-muted);transition:transform .18s ease,color .18s ease}.lang-trigger-chev svg{width:100%;height:100%}.lang-picker[data-open=true] .lang-trigger-chev{transform:rotate(180deg);color:var(--va-primary)}.lang-picker[data-open=true] .lang-trigger{border-color:color-mix(in srgb,var(--va-primary) 45%,transparent);background:color-mix(in srgb,var(--va-primary) 6%,var(--va-background))}.lang-menu{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);min-width:min(220px,calc(100vw - 2 * var(--va-edge-offset) - 24px));max-width:min(280px,calc(100vw - 2 * var(--va-edge-offset) - 24px));background:var(--va-background);border:1px solid color-mix(in srgb,var(--va-text) 10%,transparent);border-radius:16px;padding:6px;z-index:4;box-shadow:0 18px 40px -14px #0f172a52,0 6px 16px -8px #0f172a29;display:flex;flex-direction:column;gap:2px;animation:va-lang-menu-in .16s cubic-bezier(.16,1,.3,1)}.lang-menu[hidden]{display:none}@keyframes va-lang-menu-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.lang-option{display:flex;align-items:center;gap:10px;padding:9px 10px 9px 12px;border:none;background:transparent;border-radius:11px;cursor:pointer;font-family:inherit;text-align:left;color:var(--va-text);transition:background .12s ease,color .12s ease}.lang-option:hover{background:color-mix(in srgb,var(--va-text) 6%,transparent)}.lang-option-text{display:inline-flex;flex-direction:column;gap:2px;flex:1;min-width:0}.lang-option-native{font-size:13.5px;font-weight:600;line-height:1.15;letter-spacing:-.005em;color:var(--va-text)}.lang-option-label{font-size:11px;line-height:1.1;color:var(--va-text-muted);letter-spacing:.01em}.lang-option-code{font-size:10px;font-weight:700;letter-spacing:.1em;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--va-text) 8%,transparent);color:var(--va-text-muted);line-height:1}.lang-option-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--va-primary);opacity:0;transform:scale(.6);transition:opacity .14s ease,transform .14s ease}.lang-option-check svg{width:100%;height:100%}.lang-option.is-active{background:color-mix(in srgb,var(--va-primary) 10%,transparent)}.lang-option.is-active .lang-option-code{background:linear-gradient(135deg,var(--va-primary),var(--va-accent));color:var(--va-primary-text)}.lang-option.is-active .lang-option-check{opacity:1;transform:scale(1)}.start-btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--va-primary),var(--va-accent));color:var(--va-primary-text);font-family:inherit;font-size:14.5px;font-weight:600;letter-spacing:.005em;cursor:pointer;box-shadow:0 14px 30px -12px color-mix(in srgb,var(--va-primary) 60%,transparent),0 2px 8px #00000014,inset 0 1px #ffffff40;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;overflow:hidden}.start-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 45%);pointer-events:none}.start-btn:hover{transform:translateY(-1px);box-shadow:0 18px 36px -12px color-mix(in srgb,var(--va-primary) 70%,transparent),0 4px 12px #0000001f,inset 0 1px #ffffff4d;filter:brightness(1.04)}.start-btn:active{transform:translateY(0);filter:brightness(.96)}.start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.start-btn-icon{display:inline-flex;position:relative}.start-btn-icon svg{width:17px;height:17px}.start-btn-label{position:relative}.consent{margin:12px auto 0;max-width:280px;font-size:11.5px;line-height:1.45;color:var(--va-text-muted);text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.consent[hidden]{display:none}.consent-text{opacity:.85}.consent-link{color:var(--va-primary);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--va-primary) 35%,transparent);text-underline-offset:2px;transition:text-decoration-color .15s ease,color .15s ease}.consent-link:hover{text-decoration-color:var(--va-primary)}.consent-link:focus-visible{outline:none;border-radius:4px;box-shadow:0 0 0 3px color-mix(in srgb,var(--va-primary) 22%,transparent)}.welcome-foot{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--va-text-muted);opacity:.55;text-decoration:none;font-weight:500;padding-top:14px;margin-top:14px;border-top:1px solid color-mix(in srgb,var(--va-text) 6%,transparent);transition:opacity .15s ease}.welcome-foot.is-link{cursor:pointer}.welcome-foot.is-link:hover{opacity:.9}.screen-call{position:relative;background:radial-gradient(120% 70% at 50% -10%,color-mix(in srgb,var(--va-primary) 13%,transparent),transparent 70%),radial-gradient(80% 50% at 100% 110%,color-mix(in srgb,var(--va-accent) 10%,transparent),transparent 70%),var(--va-background)}.call-header{padding:20px 56px 8px 22px;display:flex;align-items:center;gap:12px}.call-timer{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--va-text) 6%,transparent);border:1px solid color-mix(in srgb,var(--va-text) 10%,transparent);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--va-text-muted);letter-spacing:.02em;line-height:1;flex-shrink:0;transition:background .2s ease,color .2s ease,border-color .2s ease}.call-timer[hidden]{display:none}.call-timer.warning{background:color-mix(in srgb,#ef4444 14%,transparent);border-color:color-mix(in srgb,#ef4444 35%,transparent);color:#ef4444;animation:va-timer-pulse 1s ease-in-out infinite}@keyframes va-timer-pulse{0%,to{opacity:1}50%{opacity:.65}}.call-id{display:flex;align-items:center;gap:12px;min-width:0}.call-logo{position:relative;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--va-primary),var(--va-accent));display:flex;align-items:center;justify-content:center;color:var(--va-primary-text);overflow:hidden;flex-shrink:0;box-shadow:inset 0 1px #ffffff38}.call-logo-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.call-logo-fallback{width:55%;height:55%;display:flex;align-items:center;justify-content:center}.call-logo-fallback svg{width:100%;height:100%}.call-id-text{min-width:0}.call-name{font-size:14.5px;font-weight:600;color:var(--va-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-status{font-size:12px;color:var(--va-text-muted);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.call-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--va-accent);box-shadow:0 0 color-mix(in srgb,var(--va-accent) 60%,transparent);animation:va-pulse-dot 1.6s ease-out infinite;flex-shrink:0}@keyframes va-pulse-dot{0%{box-shadow:0 0 color-mix(in srgb,var(--va-accent) 50%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--va-accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--va-accent) 0%,transparent)}}.call-stage{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px 16px 12px}.orb{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.orb-core{position:relative;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 30% 28%,color-mix(in srgb,var(--va-primary) 25%,white) 0%,var(--va-primary) 55%,color-mix(in srgb,var(--va-primary) 70%,black) 100%);box-shadow:inset 0 -12px 22px #00000038,inset 0 5px 10px #ffffff47,0 12px 32px -8px color-mix(in srgb,var(--va-primary) 55%,transparent);transition:transform .3s ease}.orb-core:before{content:"";position:absolute;top:12%;right:28%;bottom:50%;left:16%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.5),transparent 70%);filter:blur(2px);pointer-events:none}.orb-ring{position:absolute;border-radius:50%;border:2px solid color-mix(in srgb,var(--va-primary) 35%,transparent);opacity:0;top:0;right:0;bottom:0;left:0}.orb-ring-1{animation:va-ring 2.6s ease-out infinite}.orb-ring-2{animation:va-ring 2.6s ease-out .65s infinite}.orb-ring-3{animation:va-ring 2.6s ease-out 1.3s infinite}@keyframes va-ring{0%{transform:scale(.55);opacity:0}20%{opacity:.7}to{transform:scale(1);opacity:0}}.orb:not(.listening):not(.speaking):not(.connecting) .orb-ring{animation-play-state:paused;opacity:0}.orb.connecting .orb-ring{border-color:color-mix(in srgb,var(--va-text-muted) 40%,transparent)}.orb.listening .orb-ring{border-color:color-mix(in srgb,var(--va-accent) 55%,transparent)}.orb.speaking .orb-core{animation:va-orb-pulse 1.1s ease-in-out infinite}.orb.speaking .orb-ring{border-color:color-mix(in srgb,var(--va-primary) 60%,transparent)}@keyframes va-orb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.orb.thinking .orb-ring{animation-play-state:running;border-color:color-mix(in srgb,var(--va-accent) 50%,transparent)}.orb.thinking .orb-core{animation:va-orb-think 2.4s ease-in-out infinite}.orb.thinking:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid transparent;border-top-color:color-mix(in srgb,var(--va-accent) 70%,transparent);border-right-color:color-mix(in srgb,var(--va-primary) 45%,transparent);animation:va-orb-spin 1.6s linear infinite;pointer-events:none}@keyframes va-orb-think{0%,to{transform:scale(.96);opacity:.85}50%{transform:scale(1.04);opacity:1}}@keyframes va-orb-spin{to{transform:rotate(360deg)}}.orb-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--va-text-muted);font-weight:600}.agent-status-line{margin-top:2px;max-width:86%;text-align:center;font-size:12px;line-height:1.35;color:var(--va-text-muted);opacity:.9;animation:va-status-fade .18s ease-out}.agent-status-line[hidden]{display:none}@keyframes va-status-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:.9;transform:translateY(0)}}.transcript{flex:1;min-height:0;overflow-y:auto;padding:6px 18px 14px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;mask-image:linear-gradient(to bottom,transparent 0,black 14px,black calc(100% - 14px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 14px,black calc(100% - 14px),transparent 100%)}.transcript::-webkit-scrollbar{width:6px}.transcript::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--va-text) 14%,transparent);border-radius:999px}.transcript:empty:before{content:attr(data-placeholder);display:block;font-size:12px;color:var(--va-text-muted);text-align:center;padding-top:22px;opacity:.7}.transcript-msg{max-width:86%;padding:9px 13px;border-radius:16px;font-size:13.5px;line-height:1.45;white-space:normal;word-wrap:break-word;animation:va-msg-in .2s ease-out}.transcript-msg p{margin:0 0 .4em}.transcript-msg p:last-child{margin-bottom:0}.transcript-msg strong{font-weight:700}.transcript-msg em{font-style:italic}.transcript-msg code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;background:#0000001a;padding:.1em .3em;border-radius:3px}.transcript-msg.user code{background:#fff3}.transcript-msg pre{margin:.4em 0;padding:.5em .7em;background:#00000014;border-radius:6px;overflow-x:auto;white-space:pre;font-size:.88em}.transcript-msg.user pre{background:#ffffff26}.transcript-msg pre code{background:none;padding:0}.transcript-msg ul,.transcript-msg ol{margin:.3em 0;padding-left:1.4em}.transcript-msg li{margin:.15em 0}.transcript-msg h1,.transcript-msg h2,.transcript-msg h3{margin:.3em 0 .2em;font-weight:700;line-height:1.2}.transcript-msg h1{font-size:1.1em}.transcript-msg h2{font-size:1.05em}.transcript-msg h3{font-size:1em}.transcript-msg a{color:inherit;text-decoration:underline;opacity:.85}@keyframes va-msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.transcript-msg.user{align-self:flex-end;background:var(--va-user-bubble);color:var(--va-user-bubble-text);border-bottom-right-radius:6px;box-shadow:0 2px 8px -4px color-mix(in srgb,var(--va-user-bubble) 60%,transparent)}.transcript-msg.agent{align-self:flex-start;background:var(--va-agent-bubble);color:var(--va-agent-bubble-text);border-bottom-left-radius:6px;box-shadow:0 2px 8px -6px #0f172a2e}.transcript-msg.system{align-self:center;background:transparent;color:var(--va-agent-bubble-text);opacity:.7;font-size:.85em;font-style:italic;box-shadow:none;text-align:center}.transcript-msg.interim{opacity:.78}.transcript-msg.interim:after{content:"▍";display:inline-block;margin-left:2px;font-style:normal;animation:va-caret 1s steps(2,end) infinite}@keyframes va-caret{0%,60%{opacity:1}61%,to{opacity:0}}.text-input-row{display:flex;align-items:flex-end;gap:8px;padding:8px 14px 4px;border-top:1px solid color-mix(in srgb,var(--va-text) 8%,transparent)}.text-input-row[hidden]{display:none}.text-input{flex:1;font-family:inherit;font-size:13px;line-height:1.45;padding:9px 12px;border-radius:18px;border:1px solid color-mix(in srgb,var(--va-text) 14%,transparent);background:color-mix(in srgb,var(--va-text) 5%,var(--va-background));color:var(--va-text);resize:none;overflow-y:hidden;max-height:96px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.text-input::placeholder{color:var(--va-text-muted);opacity:.7}.text-input:focus{border-color:var(--va-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--va-primary) 20%,transparent)}.text-send-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--va-primary);color:var(--va-primary-text);padding:0;transition:transform .15s ease,background .15s ease,opacity .15s ease}.text-send-btn svg{width:15px;height:15px}.text-send-btn:hover{transform:scale(1.08)}.text-send-btn:active{transform:scale(.96)}.text-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.call-controls{display:flex;justify-content:center;align-items:center;gap:22px;padding:16px 18px 24px}.ctl-btn{position:relative;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--va-text);background:color-mix(in srgb,var(--va-text) 8%,transparent);transition:transform .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease;padding:0}.ctl-btn svg{width:22px;height:22px}.ctl-btn:hover:not(:disabled){background:color-mix(in srgb,var(--va-text) 14%,transparent);transform:translateY(-1px)}.ctl-btn:active:not(:disabled){transform:translateY(0)}.ctl-btn:disabled{opacity:.38;cursor:not-allowed}.ctl-mute.is-active{background:var(--va-text);color:var(--va-background);box-shadow:0 8px 18px -8px color-mix(in srgb,var(--va-text) 70%,transparent)}.ctl-end{background:#ef4444;color:#fff;box-shadow:0 12px 26px -10px #ef4444a6}.ctl-end:hover:not(:disabled){background:#dc2626;box-shadow:0 16px 32px -10px #ef4444bf}.ctl-end:disabled{background:color-mix(in srgb,#ef4444 50%,transparent)}.screen-form{background:radial-gradient(110% 65% at 50% -10%,color-mix(in srgb,var(--va-primary) 12%,transparent),transparent 70%),var(--va-background);flex-direction:column}.form-header{position:relative;display:flex;align-items:center;gap:12px;padding:18px 96px 8px 14px}.form-header-text{flex:1 1 auto}.form-call-controls{position:absolute;top:14px;right:56px;display:flex;align-items:center;gap:6px;z-index:4}.form-call-controls[hidden]{display:none}.form-call-controls button{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--va-text);background:color-mix(in srgb,var(--va-text) 6%,transparent);transition:background .15s ease,transform .15s ease,box-shadow .15s ease,color .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-call-controls button svg{width:15px;height:15px}.form-call-controls button:hover:not(:disabled){background:color-mix(in srgb,var(--va-text) 14%,transparent);transform:translateY(-1px)}.form-call-controls button:disabled{opacity:.5;cursor:not-allowed}.form-call-controls .form-mute.is-active{background:var(--va-text);color:var(--va-background)}.form-call-controls .form-end{background:#ef4444;color:#fff;box-shadow:0 6px 14px -6px #ef44448c}.form-call-controls .form-end:hover:not(:disabled){background:#dc2626;box-shadow:0 10px 18px -8px #ef4444b3}.form-transcript{max-height:130px;flex-shrink:0;overflow-y:auto;padding:6px 16px 8px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid color-mix(in srgb,var(--va-text) 8%,transparent);background:color-mix(in srgb,var(--va-text) 3%,var(--va-background));scroll-behavior:smooth;mask-image:linear-gradient(to bottom,transparent 0,black 10px,black calc(100% - 10px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 10px,black calc(100% - 10px),transparent 100%)}.form-transcript[hidden]{display:none}.form-transcript::-webkit-scrollbar{width:4px}.form-transcript::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--va-text) 14%,transparent);border-radius:999px}.form-back{width:32px;height:32px;border-radius:50%;border:none;background:color-mix(in srgb,var(--va-text) 6%,transparent);color:var(--va-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,transform .15s ease}.form-back svg{width:16px;height:16px;transform:rotate(90deg)}.form-back:hover{background:color-mix(in srgb,var(--va-text) 12%,transparent);transform:translateY(-1px)}.form-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.form-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--va-primary);opacity:.85}.form-title{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--va-text)}.form-body{flex:1;min-height:0;overflow-y:auto;padding:6px 18px 18px;display:flex;flex-direction:column;gap:12px}.form-body::-webkit-scrollbar{width:6px}.form-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--va-text) 14%,transparent);border-radius:999px}.form-subtitle{margin:0 0 4px;font-size:12.5px;line-height:1.5;color:var(--va-text-muted)}.form-fields{display:flex;flex-direction:column;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--va-text);opacity:.85}.form-input{font-family:inherit;font-size:13px;line-height:1.4;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--va-text) 14%,transparent);background:var(--va-background);color:var(--va-text);width:100%;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.form-input::placeholder{color:var(--va-text-muted);opacity:.7}.form-input:focus{border-color:var(--va-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--va-primary) 22%,transparent)}.form-input:disabled{opacity:.55;cursor:not-allowed}.form-textarea{resize:vertical;min-height:76px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer}.form-error,.form-success{font-size:12.5px;line-height:1.45;padding:9px 12px;border-radius:10px;border:1px solid transparent}.form-error{background:color-mix(in srgb,#ef4444 10%,transparent);border-color:color-mix(in srgb,#ef4444 30%,transparent);color:#b91c1c}.form-success{background:color-mix(in srgb,#10b981 10%,transparent);border-color:color-mix(in srgb,#10b981 28%,transparent);color:#047857}.form-actions{display:flex;gap:10px;padding:12px 18px 18px;border-top:1px solid color-mix(in srgb,var(--va-text) 6%,transparent)}.form-cancel,.form-submit{flex:1;font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:.005em;padding:11px 16px;border-radius:999px;cursor:pointer;border:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.form-cancel{background:color-mix(in srgb,var(--va-text) 8%,transparent);color:var(--va-text)}.form-cancel:hover:not(:disabled){background:color-mix(in srgb,var(--va-text) 14%,transparent)}.form-submit{background:linear-gradient(135deg,var(--va-primary),var(--va-accent));color:var(--va-primary-text);box-shadow:0 10px 24px -12px color-mix(in srgb,var(--va-primary) 60%,transparent)}.form-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.form-submit:disabled,.form-cancel:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-submit.is-busy .form-submit-label:after{content:"…";margin-left:2px}.form-stepper{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 18px 0}.form-stepper[hidden]{display:none}.form-stepper-dot{width:22px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--va-text) 14%,transparent);transition:background .2s ease,transform .2s ease}.form-stepper-dot.is-done{background:color-mix(in srgb,var(--va-primary) 60%,transparent)}.form-stepper-dot.is-active{background:linear-gradient(90deg,var(--va-primary),var(--va-accent));transform:scaleY(1.4)}.form-fields.is-grid{flex-direction:row;flex-wrap:wrap}.form-fields.is-grid>.form-field{flex:1 1 100%;min-width:0}.form-fields.is-grid>.form-field.is-half{flex:1 1 calc(50% - 6px)}.form-fields.is-compact{gap:8px}.form-fields.is-compact .form-field{gap:4px}.form-fields.is-compact .form-input{padding:8px 11px;font-size:12.5px}.form-fields.is-inline-labels .form-field{flex-direction:row;align-items:center;gap:10px}.form-fields.is-inline-labels .form-label{flex:0 0 38%;margin:0}.form-fields.is-inline-labels .form-input,.form-fields.is-inline-labels .form-choice-group{flex:1 1 auto}.form-help{font-size:11.5px;line-height:1.4;color:var(--va-text-muted)}.form-field-error{font-size:11.5px;line-height:1.4;color:#b91c1c}.form-field.is-invalid .form-input,.form-field.is-invalid .form-textarea,.form-field.is-invalid .form-select{border-color:#ef4444}.form-field.is-invalid .form-input:focus,.form-field.is-invalid .form-textarea:focus,.form-field.is-invalid .form-select:focus{box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 22%,transparent)}.form-display{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--va-primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--va-primary) 14%,transparent)}.form-display-title{font-size:13px;font-weight:600;color:var(--va-text)}.form-display-body{margin:0;font-size:12.5px;line-height:1.45;color:var(--va-text-muted)}.form-choice-group{display:flex;flex-direction:column;gap:6px}.form-choice{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--va-text);cursor:pointer;padding:6px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--va-text) 10%,transparent);background:color-mix(in srgb,var(--va-background) 92%,var(--va-text) 8%);transition:border-color .15s ease,background .15s ease}.form-choice:hover{border-color:color-mix(in srgb,var(--va-primary) 35%,transparent);background:color-mix(in srgb,var(--va-primary) 6%,var(--va-background))}.form-choice input[type=radio],.form-choice input[type=checkbox]{accent-color:var(--va-primary);margin:0}.form-field.is-inline-bool{flex-direction:row;align-items:center;gap:10px}.form-field.is-inline-bool .form-label{order:2;flex:1 1 auto}.form-field.is-inline-bool .form-checkbox{order:1;accent-color:var(--va-primary);width:18px;height:18px;margin:0}.form-step-back{font-family:inherit;font-size:13.5px;font-weight:600;padding:11px 14px;border-radius:999px;border:none;cursor:pointer;background:color-mix(in srgb,var(--va-text) 8%,transparent);color:var(--va-text);transition:background .15s ease}.form-step-back:hover:not(:disabled){background:color-mix(in srgb,var(--va-text) 14%,transparent)}.form-step-back:disabled{opacity:.55;cursor:not-allowed}.form-step-back[hidden]{display:none}.ctl-settings.is-active{background:color-mix(in srgb,var(--va-primary) 22%,transparent);color:var(--va-primary)}.ctl-settings[hidden]{display:none}.audio-drawer{position:absolute;left:0;right:0;bottom:0;max-height:80%;background:var(--va-background);border-top:1px solid color-mix(in srgb,var(--va-text) 8%,transparent);box-shadow:0 -16px 32px -16px #0000002e;display:flex;flex-direction:column;border-top-left-radius:18px;border-top-right-radius:18px;z-index:6;transform:translateY(8px);opacity:0;transition:transform .18s ease,opacity .18s ease;pointer-events:none}.audio-drawer.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.audio-drawer[hidden]{display:none}.audio-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;border-bottom:1px solid color-mix(in srgb,var(--va-text) 6%,transparent)}.audio-drawer-title{font-weight:600;font-size:14px;color:var(--va-text)}.audio-drawer-close{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--va-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.audio-drawer-close svg{width:16px;height:16px}.audio-drawer-close:hover{background:color-mix(in srgb,var(--va-text) 8%,transparent);color:var(--va-text)}.audio-drawer-body{padding:12px 16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.audio-row{display:flex;flex-direction:column;gap:6px}.audio-row-label{font-size:12px;font-weight:500;color:var(--va-text-muted);display:flex;justify-content:space-between;align-items:center}.audio-volume-value{font-variant-numeric:tabular-nums;color:var(--va-text);font-size:12px}.audio-row-meter .audio-meter{height:6px;border-radius:999px;background:color-mix(in srgb,var(--va-text) 10%,transparent);overflow:hidden}.audio-meter-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--va-primary),var(--va-accent));transition:width .08s linear}.audio-row-select select,.audio-row-slider input[type=range]{width:100%;font-family:inherit}.audio-row-select select{padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--va-text) 14%,transparent);background:var(--va-surface);color:var(--va-text);font-size:13px}.audio-row-select select:focus{outline:2px solid color-mix(in srgb,var(--va-primary) 35%,transparent);outline-offset:1px}.audio-row-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:color-mix(in srgb,var(--va-text) 12%,transparent);border-radius:999px}.audio-row-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--va-primary);cursor:pointer;box-shadow:0 2px 6px #0000002e}.audio-row-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--va-primary);border:none;cursor:pointer}.audio-toggles{display:flex;flex-direction:column;gap:2px;margin-top:2px}.audio-toggle{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--va-text) 6%,transparent)}.audio-toggle:last-child{border-bottom:none}.audio-toggle-text{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.audio-toggle-label{font-size:13px;font-weight:500;color:var(--va-text)}.audio-toggle-hint{font-size:11.5px;color:var(--va-text-muted)}.audio-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--va-text) 18%,transparent);position:relative;cursor:pointer;transition:background .15s ease;flex-shrink:0;margin:0}.audio-toggle input[type=checkbox]:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:left .15s ease;box-shadow:0 1px 3px #00000040}.audio-toggle input[type=checkbox]:checked{background:var(--va-primary)}.audio-toggle input[type=checkbox]:checked:after{left:18px}.audio-toggle input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.audio-diag{margin-top:4px;border-top:1px solid color-mix(in srgb,var(--va-text) 6%,transparent);padding-top:8px}.audio-diag summary{font-size:12px;font-weight:500;color:var(--va-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.audio-diag summary::marker{color:var(--va-text-muted)}.audio-diag-list{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0 0;font-size:11.5px}.audio-diag-list dt{color:var(--va-text-muted)}.audio-diag-list dd{color:var(--va-text);margin:0;font-variant-numeric:tabular-nums}', pe = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+  <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+  <line x1="12" y1="19" x2="12" y2="23"/>
+  <line x1="8" y1="23" x2="16" y2="23"/>
+</svg>`, K = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="18" y1="6" x2="6" y2="18"/>
+  <line x1="6" y1="6" x2="18" y2="18"/>
+</svg>`, Te = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.72 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.35 1.85.59 2.81.72A2 2 0 0 1 22 16.92z"/>
+</svg>`, O = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+  <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+  <line x1="12" y1="19" x2="12" y2="23"/>
+  <line x1="8" y1="23" x2="16" y2="23"/>
+</svg>`, Ee = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="1" y1="1" x2="23" y2="23"/>
+  <path d="M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"/>
+  <path d="M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"/>
+  <line x1="12" y1="19" x2="12" y2="23"/>
+  <line x1="8" y1="23" x2="16" y2="23"/>
+</svg>`, W = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91"/>
+  <line x1="23" y1="1" x2="1" y2="23"/>
+</svg>`, J = `
+<svg viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2a4 4 0 0 0-4 4v2a4 4 0 0 0 8 0V6a4 4 0 0 0-4-4zm6 8a1 1 0 0 0-2 0 4 4 0 0 1-8 0 1 1 0 0 0-2 0 6 6 0 0 0 5 5.91V19H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2h-3v-3.09A6 6 0 0 0 18 10z"/>
+</svg>`, Ae = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="9"/>
+  <path d="M3 12h18"/>
+  <path d="M12 3a13.5 13.5 0 0 1 0 18"/>
+  <path d="M12 3a13.5 13.5 0 0 0 0 18"/>
+</svg>`, Q = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="6 9 12 15 18 9"/>
+</svg>`, Be = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="20 6 9 17 4 12"/>
+</svg>`, ze = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="22" y1="2" x2="11" y2="13"/>
+  <polygon points="22 2 15 22 11 13 2 9 22 2"/>
+</svg>`, _e = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="3"/>
+  <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/>
+</svg>`;
+function Ie(e, a = {}) {
+  const o = document.createElement("div");
+  o.id = e, a.closeButtonHide && o.setAttribute("data-close-button-hide", ""), a.inline ? (o.setAttribute("data-inline", ""), o.style.position = "absolute", o.style.inset = "0", o.style.zIndex = "1") : (o.style.position = "fixed", o.style.inset = "auto", o.style.zIndex = "2147483647"), (a.parent ?? document.body).appendChild(o);
+  const t = o.attachShadow({ mode: "open" }), r = document.createElement("style");
+  r.textContent = Le, t.appendChild(r);
+  const s = document.createElement("button");
+  s.className = "fab", s.setAttribute("aria-label", "Open voice agent"), s.style.visibility = "hidden", s.innerHTML = `
+    <span class="fab-icon">${pe}</span>
+    <span class="fab-text">
+      <span class="fab-label"></span>
+      <span class="fab-sublabel"></span>
+    </span>
+  `, t.appendChild(s);
+  const c = document.createElement("div");
+  c.className = "panel", c.style.display = "none", c.innerHTML = `
+    <button class="close" aria-label="Close">${K}</button>
+
+    <section class="screen screen-welcome" data-screen="welcome">
+      <div class="welcome-inner">
+        <div class="welcome-logo">
+          <div class="welcome-logo-fallback">${J}</div>
+          <img class="welcome-logo-img" alt="" style="display:none" />
+        </div>
+        <div class="welcome-status"><span class="welcome-status-dot"></span><span class="welcome-status-text">Online</span></div>
+        <h1 class="welcome-name">Assistant</h1>
+        <p class="welcome-desc">Tap below to start a voice conversation.</p>
+        <div class="lang-picker" data-open="false">
+          <button class="lang-trigger" type="button" aria-haspopup="listbox" aria-expanded="false">
+            <span class="lang-trigger-icon">${Ae}</span>
+            <span class="lang-trigger-text">
+              <span class="lang-trigger-eyebrow">Language</span>
+              <span class="lang-trigger-label">English</span>
+            </span>
+            <span class="lang-trigger-code">EN</span>
+            <span class="lang-trigger-chev">${Q}</span>
+          </button>
+          <div class="lang-menu" role="listbox" hidden></div>
+        </div>
+        <button class="start-btn" aria-label="Start call">
+          <span class="start-btn-icon">${Te}</span>
+          <span class="start-btn-label">Start Call</span>
+        </button>
+        <div class="consent" hidden>
+          <span class="consent-text"></span>
+          <a class="consent-link" target="_blank" rel="noopener noreferrer"></a>
+        </div>
+      </div>
+      <a class="welcome-foot" target="_blank" rel="noopener noreferrer"></a>
+    </section>
+
+    <section class="screen screen-form" data-screen="form" style="display:none">
+      <header class="form-header">
+        <button class="form-back" type="button" aria-label="Back">${Q}</button>
+        <div class="form-header-text">
+          <div class="form-eyebrow">Review before submit</div>
+          <div class="form-title">Form</div>
+        </div>
+        <div class="form-call-controls" hidden>
+          <button class="form-mute" type="button" aria-label="Mute">${O}</button>
+          <button class="form-end" type="button" aria-label="End call">${W}</button>
+        </div>
+      </header>
+      <div class="form-transcript" hidden aria-live="polite"></div>
+      <div class="form-stepper" hidden></div>
+      <div class="form-body">
+        <p class="form-subtitle"></p>
+        <div class="form-fields"></div>
+        <div class="form-error" hidden></div>
+        <div class="form-success" hidden></div>
+      </div>
+      <footer class="form-actions">
+        <button class="form-step-back" type="button" hidden>Back</button>
+        <button class="form-cancel" type="button">Cancel</button>
+        <button class="form-submit" type="button">
+          <span class="form-submit-label">Confirm &amp; send</span>
+        </button>
+      </footer>
+    </section>
+
+    <section class="screen screen-call" data-screen="call" style="display:none">
+      <header class="call-header">
+        <div class="call-id">
+          <div class="call-logo">
+            <div class="call-logo-fallback">${J}</div>
+            <img class="call-logo-img" alt="" style="display:none" />
+          </div>
+          <div class="call-id-text">
+            <div class="call-name">Assistant</div>
+            <div class="call-status">Connecting…</div>
+          </div>
+        </div>
+        <div class="call-timer" hidden aria-live="polite">
+          <span class="call-timer-text">0:00</span>
+        </div>
+      </header>
+
+      <div class="call-stage">
+        <div class="orb">
+          <span class="orb-ring orb-ring-1"></span>
+          <span class="orb-ring orb-ring-2"></span>
+          <span class="orb-ring orb-ring-3"></span>
+          <span class="orb-core"></span>
+        </div>
+        <div class="orb-label">Idle</div>
+        <div class="agent-status-line" aria-live="polite" hidden></div>
+      </div>
+
+      <div class="transcript" aria-live="polite" style="display: none;"></div>
+
+      <div class="text-input-row" hidden>
+        <textarea class="text-input" placeholder="Type a message…" rows="1" aria-label="Type a message"></textarea>
+        <button class="text-send-btn" type="button" aria-label="Send message">${ze}</button>
+      </div>
+
+      <div class="call-controls">
+        <button class="ctl-btn ctl-mute" aria-label="Mute" disabled>
+          ${O}
+        </button>
+        <button class="ctl-btn ctl-settings" aria-label="Audio settings" hidden>
+          ${_e}
+        </button>
+        <button class="ctl-btn ctl-end" aria-label="End call" disabled>
+          ${W}
+        </button>
+      </div>
+
+      <div class="audio-drawer" hidden aria-label="Audio settings">
+        <header class="audio-drawer-head">
+          <div class="audio-drawer-title">Audio settings</div>
+          <button class="audio-drawer-close" type="button" aria-label="Close audio settings">${K}</button>
+        </header>
+        <div class="audio-drawer-body">
+          <div class="audio-row audio-row-meter">
+            <span class="audio-row-label">Microphone level</span>
+            <div class="audio-meter"><div class="audio-meter-bar"></div></div>
+          </div>
+          <label class="audio-row audio-row-select">
+            <span class="audio-row-label">Microphone</span>
+            <select class="audio-mic-select"></select>
+          </label>
+          <label class="audio-row audio-row-select audio-row-speaker">
+            <span class="audio-row-label">Speaker</span>
+            <select class="audio-speaker-select"></select>
+          </label>
+          <label class="audio-row audio-row-slider">
+            <span class="audio-row-label">Speaker volume <span class="audio-volume-value">85%</span></span>
+            <input class="audio-volume" type="range" min="0" max="100" step="1" value="85" />
+          </label>
+          <label class="audio-row audio-row-select">
+            <span class="audio-row-label">Noise cancellation engine</span>
+            <select class="audio-nc-engine">
+              <option value="off">Off (browser only)</option>
+              <option value="krisp">Krisp (default)</option>
+              <option value="deepfilter">DeepFilterNet3</option>
+            </select>
+          </label>
+          <label class="audio-row audio-row-slider audio-row-df-strength" hidden>
+            <span class="audio-row-label">DeepFilter strength <span class="audio-df-strength-value">80</span></span>
+            <input class="audio-df-strength" type="range" min="0" max="100" step="1" value="80" />
+          </label>
+          <div class="audio-toggles">
+            <label class="audio-toggle">
+              <span class="audio-toggle-text">
+                <span class="audio-toggle-label">Echo cancellation</span>
+                <span class="audio-toggle-hint">Browser AEC</span>
+              </span>
+              <input class="audio-tog-aec" type="checkbox" />
+            </label>
+            <label class="audio-toggle">
+              <span class="audio-toggle-text">
+                <span class="audio-toggle-label">Noise suppression</span>
+                <span class="audio-toggle-hint">Browser noise filter</span>
+              </span>
+              <input class="audio-tog-ns" type="checkbox" />
+            </label>
+            <label class="audio-toggle">
+              <span class="audio-toggle-text">
+                <span class="audio-toggle-label">Auto gain</span>
+                <span class="audio-toggle-hint">Normalize my volume</span>
+              </span>
+              <input class="audio-tog-agc" type="checkbox" />
+            </label>
+            <label class="audio-toggle audio-toggle-vi">
+              <span class="audio-toggle-text">
+                <span class="audio-toggle-label">Voice isolation</span>
+                <span class="audio-toggle-hint">Edge/Chrome only</span>
+              </span>
+              <input class="audio-tog-vi" type="checkbox" />
+            </label>
+            <label class="audio-toggle">
+              <span class="audio-toggle-text">
+                <span class="audio-toggle-label">Headphones mode</span>
+                <span class="audio-toggle-hint">Disable mic ducking</span>
+              </span>
+              <input class="audio-tog-hp" type="checkbox" />
+            </label>
+            <label class="audio-toggle">
+              <span class="audio-toggle-text">
+                <span class="audio-toggle-label">Live Transcription</span>
+                <span class="audio-toggle-hint">Show conversation text</span>
+              </span>
+              <input class="audio-tog-transcription" type="checkbox" />
+            </label>
+            <label class="audio-toggle">
+              <span class="audio-toggle-text">
+                <span class="audio-toggle-label">Text Input</span>
+                <span class="audio-toggle-hint">Type messages to the agent</span>
+              </span>
+              <input class="audio-tog-text-input" type="checkbox" />
+            </label>
+          </div>
+          <details class="audio-diag">
+            <summary>Diagnostics</summary>
+            <dl class="audio-diag-list">
+              <dt>NC engine</dt><dd class="audio-diag-engine">—</dd>
+              <dt>Echo cancellation</dt><dd class="audio-diag-aec">—</dd>
+              <dt>Noise suppression</dt><dd class="audio-diag-ns">—</dd>
+              <dt>Auto gain</dt><dd class="audio-diag-agc">—</dd>
+              <dt>Voice isolation</dt><dd class="audio-diag-vi">—</dd>
+              <dt>Sample rate</dt><dd class="audio-diag-sr">—</dd>
+              <dt>Packet loss</dt><dd class="audio-diag-loss">—</dd>
+              <dt>Jitter</dt><dd class="audio-diag-jitter">—</dd>
+              <dt>RTT</dt><dd class="audio-diag-rtt">—</dd>
+            </dl>
+          </details>
+        </div>
+      </div>
+    </section>
+  `, t.appendChild(c);
+  const n = (d) => c.querySelector(d);
+  return {
+    host: o,
+    shadow: t,
+    fab: s,
+    panel: c,
+    closeBtn: n(".close"),
+    welcomeScreen: n(".screen-welcome"),
+    welcomeLogo: n(".welcome-logo-img"),
+    welcomeLogoFallback: n(".welcome-logo-fallback"),
+    welcomeName: n(".welcome-name"),
+    welcomeDesc: n(".welcome-desc"),
+    langPicker: n(".lang-picker"),
+    langTrigger: n(".lang-trigger"),
+    langTriggerLabel: n(".lang-trigger-label"),
+    langTriggerCode: n(".lang-trigger-code"),
+    langMenu: n(".lang-menu"),
+    startBtn: n(".start-btn"),
+    startBtnLabel: n(".start-btn-label"),
+    consent: n(".consent"),
+    consentText: n(".consent-text"),
+    consentLink: n(".consent-link"),
+    poweredBy: n(".welcome-foot"),
+    callScreen: n(".screen-call"),
+    callLogo: n(".call-logo-img"),
+    callLogoFallback: n(".call-logo-fallback"),
+    callName: n(".call-name"),
+    callStatus: n(".call-status"),
+    callTimer: n(".call-timer"),
+    callTimerText: n(".call-timer-text"),
+    orb: n(".orb"),
+    orbLabel: n(".orb-label"),
+    agentStatusLine: n(".agent-status-line"),
+    transcript: n(".transcript"),
+    transcriptSegments: /* @__PURE__ */ new Map(),
+    transcriptInterimBubble: /* @__PURE__ */ new Map(),
+    textInputRow: n(".text-input-row"),
+    textInput: n(".text-input"),
+    textSendBtn: n(".text-send-btn"),
+    muteBtn: n(".ctl-mute"),
+    endBtn: n(".ctl-end"),
+    settingsBtn: n(".ctl-settings"),
+    audioDrawer: n(".audio-drawer"),
+    audioDrawerClose: n(".audio-drawer-close"),
+    audioMeterBar: n(".audio-meter-bar"),
+    audioMicSelect: n(".audio-mic-select"),
+    audioSpeakerSelect: n(".audio-speaker-select"),
+    audioSpeakerRow: n(".audio-row-speaker"),
+    audioVolume: n(".audio-volume"),
+    audioVolumeValue: n(".audio-volume-value"),
+    audioNcEngine: n(".audio-nc-engine"),
+    audioDfStrengthRow: n(".audio-row-df-strength"),
+    audioDfStrength: n(".audio-df-strength"),
+    audioDfStrengthValue: n(".audio-df-strength-value"),
+    audioTogAec: n(".audio-tog-aec"),
+    audioTogNs: n(".audio-tog-ns"),
+    audioTogAgc: n(".audio-tog-agc"),
+    audioTogVi: n(".audio-tog-vi"),
+    audioTogViRow: n(".audio-toggle-vi"),
+    audioTogHp: n(".audio-tog-hp"),
+    audioTogTranscription: n(".audio-tog-transcription"),
+    audioTogTextInput: n(".audio-tog-text-input"),
+    audioDiagEngine: n(".audio-diag-engine"),
+    audioDiagAec: n(".audio-diag-aec"),
+    audioDiagNs: n(".audio-diag-ns"),
+    audioDiagAgc: n(".audio-diag-agc"),
+    audioDiagVi: n(".audio-diag-vi"),
+    audioDiagSr: n(".audio-diag-sr"),
+    audioDiagLoss: n(".audio-diag-loss"),
+    audioDiagJitter: n(".audio-diag-jitter"),
+    audioDiagRtt: n(".audio-diag-rtt"),
+    formScreen: n(".screen-form"),
+    formTranscript: n(".form-transcript"),
+    formTranscriptSegments: /* @__PURE__ */ new Map(),
+    formTranscriptInterimBubble: /* @__PURE__ */ new Map(),
+    formTitle: n(".form-title"),
+    formEyebrow: n(".form-eyebrow"),
+    formSubtitle: n(".form-subtitle"),
+    formStepper: n(".form-stepper"),
+    formFields: n(".form-fields"),
+    formError: n(".form-error"),
+    formSuccess: n(".form-success"),
+    formSubmitBtn: n(".form-submit"),
+    formBackBtn: n(".form-back"),
+    formCancelBtn: n(".form-cancel"),
+    formStepBackBtn: n(".form-step-back"),
+    formCallControls: n(".form-call-controls"),
+    formMuteBtn: n(".form-mute"),
+    formEndBtn: n(".form-end"),
+    formInputs: /* @__PURE__ */ new Map(),
+    appearance: k,
+    selectedLanguage: k.default_language
+  };
+}
+function y(e, a) {
+  return `${e}: ${a};`;
+}
+function X(e, a) {
+  e.appearance = a;
+  const o = a.theme, t = a.dimensions, r = le(o.primary_color), s = le(o.accent_color), c = [
+    y("--va-primary", o.primary_color),
+    y("--va-primary-text", r),
+    y("--va-accent", o.accent_color),
+    y("--va-accent-text", s),
+    y("--va-background", o.background_color),
+    y("--va-surface", Xe(o.background_color)),
+    y("--va-text", o.text_color),
+    y("--va-text-muted", Ze(o.text_color, o.background_color)),
+    y("--va-user-bubble", o.user_bubble_color),
+    y("--va-user-bubble-text", o.user_bubble_text_color),
+    y("--va-agent-bubble", o.agent_bubble_color),
+    y("--va-agent-bubble-text", o.agent_bubble_text_color),
+    y("--va-fab-size", `${t.fab_size}px`),
+    y("--va-panel-width", `${t.panel_width}px`),
+    y("--va-panel-height", `${t.panel_height}px`),
+    y("--va-border-radius", `${t.border_radius}px`),
+    y("--va-font", a.layout.font_family)
+  ], n = e.host.hasAttribute("data-inline");
+  e.host.style.cssText = n ? `position: absolute; inset: 0; z-index: 1; ${c.join(" ")}` : `position: fixed; inset: auto; z-index: 2147483647; ${c.join(" ")}`, n || e.host.setAttribute("data-position", a.layout.position), e.transcript.setAttribute(
+    "data-placeholder",
+    a.labels.transcript_placeholder || k.labels.transcript_placeholder
+  );
+  const d = a.name || k.name, p = a.subtitle || k.subtitle;
+  e.welcomeName.textContent = d, e.welcomeDesc.textContent = p, e.callName.textContent = d, e.fab.setAttribute("aria-label", `Open ${d}`), e.startBtnLabel.textContent = a.start_button_text || k.start_button_text, e.startBtn.setAttribute(
+    "aria-label",
+    a.start_button_text || k.start_button_text
+  );
+  const v = a.powered_by_text ?? "";
+  e.poweredBy.textContent = v, e.poweredBy.style.display = v ? "" : "none";
+  const x = ge(a.powered_by_url);
+  x ? (e.poweredBy.href = x, e.poweredBy.classList.add("is-link")) : (e.poweredBy.removeAttribute("href"), e.poweredBy.classList.remove("is-link"));
+  const l = ue(a.logo_url), g = !!(l && l !== "https://example.com/logo.png");
+  g ? (e.welcomeLogo.src = l, e.welcomeLogo.alt = d, e.welcomeLogo.style.display = "", e.welcomeLogoFallback.style.display = "none", e.callLogo.src = l, e.callLogo.alt = d, e.callLogo.style.display = "", e.callLogoFallback.style.display = "none") : (e.welcomeLogo.removeAttribute("src"), e.welcomeLogo.style.display = "none", e.welcomeLogoFallback.style.display = "", e.callLogo.removeAttribute("src"), e.callLogo.style.display = "none", e.callLogoFallback.style.display = ""), Fe(e, a, g, d), $e(e, a), Me(e, a), e.fab.style.visibility = "";
+}
+function Me(e, a) {
+  const o = (a.terms_url || "").trim();
+  if (!o) {
+    e.consent.hidden = !0;
+    return;
+  }
+  e.consent.hidden = !1;
+  const t = a.consent_text || k.consent_text, r = a.terms_label || k.terms_label;
+  e.consentText.textContent = `${t} `, e.consentLink.textContent = r, e.consentLink.href = ge(o), e.consentLink.setAttribute("aria-label", r);
+}
+function $e(e, a) {
+  const o = a.languages.length ? a.languages : k.languages, t = e.selectedLanguage, r = o.find((c) => c.code === t) ?? o.find((c) => c.code === a.default_language) ?? o[0];
+  if (e.selectedLanguage = r.code, o.length <= 1) {
+    e.langPicker.style.display = "none";
+    return;
+  }
+  e.langPicker.style.display = "";
+  const s = e.langTrigger.querySelector(
+    ".lang-trigger-eyebrow"
+  );
+  s && (s.textContent = a.labels.language_label || k.labels.language_label), e.langMenu.innerHTML = "";
+  for (const c of o) {
+    const n = document.createElement("button");
+    n.type = "button", n.className = "lang-option", n.setAttribute("role", "option"), n.dataset.code = c.code, n.innerHTML = `
+      <span class="lang-option-text">
+        <span class="lang-option-native">${A(c.native_label)}</span>
+        <span class="lang-option-label">${A(c.label)}</span>
+      </span>
+      <span class="lang-option-code">${A(c.code.toUpperCase())}</span>
+      <span class="lang-option-check">${Be}</span>
+    `, n.addEventListener("click", (d) => {
+      d.stopPropagation(), Z(e, o, c.code), _(e);
+    }), e.langMenu.appendChild(n);
+  }
+  Z(e, o, r.code), Ne(e);
+}
+function Ne(e) {
+  const a = e.langPicker;
+  a.dataset.wired !== "1" && (a.dataset.wired = "1", e.langTrigger.addEventListener("click", (o) => {
+    o.stopPropagation(), a.dataset.open === "true" ? _(e) : De(e);
+  }), e.shadow.addEventListener("click", (o) => {
+    if (a.dataset.open !== "true") return;
+    const t = o.target;
+    t && a.contains(t) || _(e);
+  }), e.shadow.addEventListener("keydown", (o) => {
+    o.key === "Escape" && a.dataset.open === "true" && (_(e), e.langTrigger.focus());
+  }));
+}
+function De(e) {
+  e.langPicker.dataset.open = "true", e.langMenu.hidden = !1, e.langTrigger.setAttribute("aria-expanded", "true");
+}
+function _(e) {
+  e.langPicker.dataset.open = "false", e.langMenu.hidden = !0, e.langTrigger.setAttribute("aria-expanded", "false");
+}
+function Z(e, a, o) {
+  const t = a.find((s) => s.code === o) ?? a[0];
+  e.selectedLanguage = t.code, e.langTriggerLabel.textContent = t.native_label || t.label, e.langTriggerCode.textContent = t.code.toUpperCase(), e.langTrigger.setAttribute(
+    "aria-label",
+    `${e.appearance.labels.language_label || "Language"}: ${t.label}`
+  ), e.langMenu.querySelectorAll(".lang-option").forEach((s) => {
+    const c = s.dataset.code === t.code;
+    s.classList.toggle("is-active", c), s.setAttribute("aria-selected", c ? "true" : "false");
+  });
+}
+function A(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function ge(e) {
+  if (!e) return "";
+  try {
+    const a = new URL(e, location.href).protocol;
+    return ["https:", "http:", "mailto:"].includes(a) ? e : "";
+  } catch {
+    return "";
+  }
+}
+function ue(e) {
+  if (!e) return "";
+  try {
+    const a = new URL(e, location.href).protocol;
+    return ["https:", "http:"].includes(a) ? e : "";
+  } catch {
+    return "";
+  }
+}
+function L(e) {
+  return A(e).replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/__(.+?)__/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/_(.+?)_/g, "<em>$1</em>").replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>');
+}
+function ee(e) {
+  const a = e.split(`
+`), o = [];
+  let t = 0;
+  for (; t < a.length; ) {
+    const r = a[t], s = r.match(/^### (.+)/), c = r.match(/^## (.+)/), n = r.match(/^# (.+)/);
+    if (s) {
+      o.push(`<h3>${L(s[1])}</h3>`), t++;
+      continue;
+    }
+    if (c) {
+      o.push(`<h2>${L(c[1])}</h2>`), t++;
+      continue;
+    }
+    if (n) {
+      o.push(`<h1>${L(n[1])}</h1>`), t++;
+      continue;
+    }
+    if (r.match(/^[-*] /)) {
+      const p = [];
+      for (; t < a.length && a[t].match(/^[-*] /); )
+        p.push(`<li>${L(a[t].slice(2))}</li>`), t++;
+      o.push(`<ul>${p.join("")}</ul>`);
+      continue;
+    }
+    if (r.match(/^\d+\. /)) {
+      const p = [];
+      for (; t < a.length && a[t].match(/^\d+\. /); )
+        p.push(`<li>${L(a[t].replace(/^\d+\. /, ""))}</li>`), t++;
+      o.push(`<ol>${p.join("")}</ol>`);
+      continue;
+    }
+    if (r.startsWith("```")) {
+      const p = [];
+      for (t++; t < a.length && !a[t].startsWith("```"); )
+        p.push(A(a[t])), t++;
+      t < a.length && t++, o.push(`<pre><code>${p.join(`
+`)}</code></pre>`);
+      continue;
+    }
+    if (!r.trim()) {
+      t++;
+      continue;
+    }
+    const d = [];
+    for (; t < a.length && a[t].trim() && !a[t].match(/^(#{1,3} |[-*] |\d+\. |```)/); )
+      d.push(L(a[t])), t++;
+    d.length && o.push(`<p>${d.join("<br>")}</p>`);
+  }
+  return o.join("");
+}
+function Fe(e, a, o, t) {
+  const r = (a.fab_label || "").trim(), s = (a.fab_sublabel || "").trim(), c = e.fab.querySelector(".fab-icon"), n = e.fab.querySelector(".fab-text"), d = e.fab.querySelector(".fab-label"), p = e.fab.querySelector(".fab-sublabel");
+  !c || !n || !d || !p || (o ? c.innerHTML = `<img class="fab-logo" alt="${ce(t)}" src="${ce(ue(a.logo_url))}" />` : c.innerHTML = pe, r ? (d.textContent = r, e.fab.classList.add("has-label"), e.fab.setAttribute(
+    "aria-label",
+    s ? `${r}, ${s} — open ${t}` : `${r} — open ${t}`
+  )) : (d.textContent = "", e.fab.classList.remove("has-label"), e.fab.setAttribute("aria-label", `Open ${t}`)), r && s ? (p.textContent = s, e.fab.classList.add("has-sublabel")) : (p.textContent = "", e.fab.classList.remove("has-sublabel")), n.style.display = r ? "" : "none");
+}
+function E(e, a) {
+  e.panel.setAttribute("data-screen", a), e.welcomeScreen.style.display = a === "welcome" ? "flex" : "none", e.callScreen.style.display = a === "call" ? "flex" : "none", e.formScreen.style.display = a === "form" ? "flex" : "none";
+}
+function je(e, a) {
+  var h;
+  const { definition: o, values: t, cancelLabel: r } = a, s = Ce(o), c = Math.max(0, Math.min(a.stepIndex ?? 0, s - 1)), n = s > 1, d = c === s - 1, p = (h = o.steps) == null ? void 0 : h[c];
+  e.formTitle.textContent = (p == null ? void 0 : p.title) ?? o.title, e.formEyebrow.textContent = n ? `Step ${c + 1} of ${s}${o.title ? ` · ${o.title}` : ""}` : "Review before submit";
+  const v = (p == null ? void 0 : p.subtitle) ?? (c === 0 ? o.subtitle : "");
+  e.formSubtitle.textContent = v ?? "", e.formSubtitle.style.display = v ? "" : "none", Ve(e, s, c);
+  const x = e.formSubmitBtn.querySelector(".form-submit-label");
+  x && (x.textContent = d ? o.submit_label ?? "Confirm & send" : (p == null ? void 0 : p.next_label) ?? "Continue"), e.formCancelBtn.textContent = r ?? "Cancel";
+  const l = n && c > 0;
+  e.formStepBackBtn.hidden = !l, l && (e.formStepBackBtn.textContent = (p == null ? void 0 : p.back_label) ?? "Back");
+  const g = o.layout ?? {};
+  e.formFields.classList.toggle("is-grid", g.field_layout === "grid"), e.formFields.classList.toggle("is-compact", g.density === "compact"), e.formFields.classList.toggle("is-inline-labels", g.label_position === "inline"), I(e, ""), R(e, ""), e.formFields.innerHTML = "", e.formInputs.clear();
+  for (const u of Se(o, c))
+    e.formFields.appendChild(
+      He(
+        e,
+        u,
+        u.name ? t[u.name] ?? "" : "",
+        a.onFieldChange
+      )
+    );
+}
+function Ve(e, a, o) {
+  if (a <= 1) {
+    e.formStepper.hidden = !0, e.formStepper.innerHTML = "";
+    return;
+  }
+  e.formStepper.hidden = !1, e.formStepper.innerHTML = "";
+  for (let t = 0; t < a; t++) {
+    const r = document.createElement("span");
+    r.className = "form-stepper-dot", t < o && r.classList.add("is-done"), t === o && r.classList.add("is-active"), e.formStepper.appendChild(r);
+  }
+}
+function j(e) {
+  return e ? e.map(
+    (a) => typeof a == "string" ? { value: a, label: a } : { value: a.value, label: a.label ?? a.value }
+  ) : [];
+}
+function He(e, a, o, t) {
+  let r = () => {
+  };
+  const s = () => {
+    r(), t && t();
+  };
+  if (a.type === "display") {
+    const l = document.createElement("div");
+    if (l.className = "form-display", a.label) {
+      const g = document.createElement("div");
+      g.className = "form-display-title", g.textContent = a.label, l.appendChild(g);
+    }
+    if (a.help_text) {
+      const g = document.createElement("p");
+      g.className = "form-display-body", g.textContent = a.help_text, l.appendChild(g);
+    }
+    return l;
+  }
+  const c = a.name, n = document.createElement("label");
+  n.className = "form-field", a.width === "half" && n.classList.add("is-half");
+  const d = document.createElement("span");
+  d.className = "form-label", d.textContent = a.required ? `${a.label} *` : a.label, n.appendChild(d);
+  let p;
+  if (a.type === "textarea") {
+    const l = document.createElement("textarea");
+    l.rows = a.rows ?? 4, l.placeholder = a.placeholder ?? "", l.value = o, l.name = c, l.className = "form-input form-textarea", a.required && (l.required = !0), l.addEventListener("input", s), n.appendChild(l), p = {
+      read: () => l.value.trim(),
+      setDisabled: (g) => {
+        l.disabled = g;
+      }
+    };
+  } else if (a.type === "select") {
+    const l = document.createElement("select");
+    l.className = "form-input form-select", l.name = c, a.required && (l.required = !0);
+    const g = j(a.options), h = new Set(g.map((m) => m.value)), u = !o || h.has(o) ? g : [...g, { value: o, label: o }];
+    for (const m of u) {
+      const b = document.createElement("option");
+      b.value = m.value, b.textContent = m.label, m.value === o && (b.selected = !0), l.appendChild(b);
+    }
+    l.addEventListener("change", s), n.appendChild(l), p = {
+      read: () => l.value.trim(),
+      setDisabled: (m) => {
+        l.disabled = m;
+      }
+    };
+  } else if (a.type === "radio") {
+    n.classList.add("is-choice-group");
+    const l = `${c}-${Math.random().toString(36).slice(2, 8)}`, g = document.createElement("div");
+    g.className = "form-choice-group";
+    const h = [];
+    for (const u of j(a.options)) {
+      const m = document.createElement("label");
+      m.className = "form-choice";
+      const b = document.createElement("input");
+      b.type = "radio", b.name = l, b.value = u.value, u.value === o && (b.checked = !0), a.required && (b.required = !0), b.addEventListener("change", s);
+      const C = document.createElement("span");
+      C.textContent = u.label, m.appendChild(b), m.appendChild(C), g.appendChild(m), h.push(b);
+    }
+    n.appendChild(g), p = {
+      read: () => {
+        var u;
+        return ((u = h.find((m) => m.checked)) == null ? void 0 : u.value.trim()) ?? "";
+      },
+      setDisabled: (u) => h.forEach((m) => {
+        m.disabled = u;
+      })
+    };
+  } else if (a.type === "checkbox")
+    if (n.classList.add("is-choice-group"), a.options && a.options.length) {
+      const l = new Set(
+        o.split(",").map((u) => u.trim()).filter(Boolean)
+      ), g = document.createElement("div");
+      g.className = "form-choice-group";
+      const h = [];
+      for (const u of j(a.options)) {
+        const m = document.createElement("label");
+        m.className = "form-choice";
+        const b = document.createElement("input");
+        b.type = "checkbox", b.value = u.value, l.has(u.value) && (b.checked = !0), b.addEventListener("change", s);
+        const C = document.createElement("span");
+        C.textContent = u.label, m.appendChild(b), m.appendChild(C), g.appendChild(m), h.push(b);
+      }
+      n.appendChild(g), p = {
+        read: () => h.filter((u) => u.checked).map((u) => u.value).join(","),
+        setDisabled: (u) => h.forEach((m) => {
+          m.disabled = u;
+        })
+      };
+    } else {
+      const l = document.createElement("input");
+      l.type = "checkbox", l.name = c, l.className = "form-checkbox", (o === "true" || o === "1" || o === "on") && (l.checked = !0), a.required && (l.required = !0), l.addEventListener("change", s), n.appendChild(l), n.classList.add("is-inline-bool"), p = {
+        read: () => l.checked ? "true" : "",
+        setDisabled: (g) => {
+          l.disabled = g;
+        }
+      };
+    }
+  else {
+    const l = document.createElement("input");
+    l.type = a.type, l.placeholder = a.placeholder ?? "", l.value = o, l.name = c, l.className = "form-input", a.required && (l.required = !0), a.pattern && (l.pattern = a.pattern), a.type === "number" && (a.min !== void 0 && (l.min = String(a.min)), a.max !== void 0 && (l.max = String(a.max))), l.addEventListener("input", s), n.appendChild(l), p = {
+      read: () => l.value.trim(),
+      setDisabled: (g) => {
+        l.disabled = g;
+      }
+    };
+  }
+  if (a.help_text) {
+    const l = document.createElement("span");
+    l.className = "form-help", l.textContent = a.help_text, n.appendChild(l);
+  }
+  const v = document.createElement("span");
+  v.className = "form-field-error", v.hidden = !0, n.appendChild(v);
+  const x = (l) => {
+    v.textContent = l, v.hidden = !l, n.classList.toggle("is-invalid", !!l);
+  };
+  return r = () => x(""), e.formInputs.set(c, { ...p, setError: x }), n;
+}
+function Oe(e, a) {
+  const o = new Map(a.map((t) => [t.name, t.message]));
+  for (const [t, r] of e.formInputs.entries())
+    r.setError(o.get(t) ?? "");
+}
+function Re(e) {
+  for (const a of e.formInputs.values()) a.setError("");
+}
+function te(e) {
+  const a = {};
+  for (const [o, t] of e.formInputs.entries())
+    a[o] = t.read();
+  return a;
+}
+function V(e, a) {
+  e.formSubmitBtn.disabled = a, e.formCancelBtn.disabled = a, e.formBackBtn.disabled = a, e.formStepBackBtn.disabled = a;
+  for (const o of e.formInputs.values()) o.setDisabled(a);
+  e.formSubmitBtn.classList.toggle("is-busy", a);
+}
+function I(e, a) {
+  e.formError.textContent = a, e.formError.hidden = !a;
+}
+function R(e, a) {
+  e.formSuccess.textContent = a, e.formSuccess.hidden = !a;
+}
+function me(e, a) {
+  e.callStatus.textContent = a;
+}
+function qe(e, a) {
+  if (a === null) {
+    e.callTimer.hidden = !0, e.callTimer.classList.remove("warning"), e.callTimerText.textContent = "";
+    return;
+  }
+  e.callTimer.hidden = !1;
+  const o = Math.max(0, Math.ceil(a / 1e3));
+  e.callTimerText.textContent = Ye(o), e.callTimer.classList.toggle("warning", o <= 30);
+}
+function Ye(e) {
+  const a = Math.floor(e / 60), o = e % 60;
+  return `${a}:${o.toString().padStart(2, "0")}`;
+}
+function Pe(e, a) {
+  e.orb.classList.remove("listening", "speaking", "connecting", "thinking"), a !== "idle" && e.orb.classList.add(a);
+  const o = e.appearance.labels;
+  e.orbLabel.textContent = a === "listening" ? o.listening : a === "speaking" ? o.speaking : a === "connecting" ? o.connecting : a === "thinking" ? o.thinking : o.idle, a !== "thinking" && be(e, null);
+}
+function be(e, a) {
+  const o = (a || "").trim();
+  if (!o) {
+    e.agentStatusLine.hidden = !0, e.agentStatusLine.textContent = "";
+    return;
+  }
+  e.agentStatusLine.textContent = o, e.agentStatusLine.hidden = !1;
+}
+function Ue(e, a) {
+  const o = a ? "Unmute" : "Mute", t = a ? Ee : O;
+  for (const r of [e.muteBtn, e.formMuteBtn])
+    r.classList.toggle("is-active", a), r.setAttribute("aria-label", o), r.innerHTML = t;
+}
+function ae(e, a) {
+  e.formCallControls.hidden = !a;
+}
+function oe(e, a) {
+  e.audioDrawer.hidden = !a, e.audioDrawer.classList.toggle("is-open", a), e.settingsBtn.classList.toggle("is-active", a), e.settingsBtn.setAttribute("aria-expanded", a ? "true" : "false");
+}
+function ne(e, a) {
+  const o = Math.max(0, Math.min(1, a));
+  e.audioMeterBar.style.width = `${(o * 100).toFixed(1)}%`;
+}
+function re(e, a, o, t) {
+  const r = o || "";
+  e.innerHTML = "";
+  const s = document.createElement("option");
+  s.value = "", s.textContent = t, e.appendChild(s);
+  for (const c of a) {
+    const n = document.createElement("option");
+    n.value = c.deviceId, n.textContent = c.label || `Device ${c.deviceId.slice(0, 6)}`, e.appendChild(n);
+  }
+  Array.from(e.options).some((c) => c.value === r) ? e.value = r : e.value = "";
+}
+const S = /* @__PURE__ */ new WeakMap(), Ge = 2, Ke = 18;
+function ie(e, a, o, t, r, s, c) {
+  const n = `${t}:${r}`;
+  let d = a.get(n), p = !d;
+  if (!d) {
+    const x = o.get(t);
+    x ? (d = x, a.set(n, d), p = !1) : (d = document.createElement("div"), d.className = `transcript-msg ${t} interim`, e.appendChild(d), a.set(n, d));
+  }
+  const v = S.get(d);
+  if (v !== void 0 && (window.clearInterval(v), S.delete(d)), p && c && s.length > 3) {
+    d.classList.add("interim"), d.classList.remove("final"), d.textContent = "";
+    let x = 0;
+    const l = () => {
+      if (x = Math.min(s.length, x + Ge), d.textContent = s.slice(0, x), e.scrollTop = e.scrollHeight, x >= s.length) {
+        const h = S.get(d);
+        h !== void 0 && window.clearInterval(h), S.delete(d), t === "agent" ? d.innerHTML = ee(s) : d.textContent = s, d.classList.remove("interim"), d.classList.add("final");
+      }
+    }, g = window.setInterval(l, Ke);
+    S.set(d, g), l(), o.delete(t);
+    return;
+  }
+  t === "agent" ? d.innerHTML = ee(s) : d.textContent = s, d.classList.toggle("interim", !c), d.classList.toggle("final", c), e.scrollTop = e.scrollHeight, c ? o.delete(t) : o.set(t, d);
+}
+function We(e, a, o, t, r) {
+  const s = (t || "").trim();
+  s && (ie(
+    e.transcript,
+    e.transcriptSegments,
+    e.transcriptInterimBubble,
+    a,
+    o,
+    s,
+    r
+  ), e.formTranscript.hidden || ie(
+    e.formTranscript,
+    e.formTranscriptSegments,
+    e.formTranscriptInterimBubble,
+    a,
+    o,
+    s,
+    r
+  ));
+}
+function q(e, a, o) {
+  for (const t of a.values()) {
+    const r = S.get(t);
+    r !== void 0 && (window.clearInterval(r), S.delete(t));
+  }
+  e.innerHTML = "", a.clear(), o.clear();
+}
+function Je(e) {
+  q(e.transcript, e.transcriptSegments, e.transcriptInterimBubble), q(e.formTranscript, e.formTranscriptSegments, e.formTranscriptInterimBubble);
+}
+function Qe(e, a) {
+  const t = `Connecting you with ${(a || "").trim() || "the next agent"}...`;
+  for (const r of [e.transcript, e.formTranscript]) {
+    if (!r) continue;
+    const s = document.createElement("div");
+    s.className = "transcript-msg system agent-transition", s.textContent = t, r.appendChild(s), r.scrollTop = r.scrollHeight;
+  }
+  me(e, t);
+}
+function se(e, a) {
+  if (e.formTranscript.hidden = !a, a) {
+    q(e.formTranscript, e.formTranscriptSegments, e.formTranscriptInterimBubble);
+    for (const [o, t] of e.transcriptSegments) {
+      const r = t.cloneNode(!0);
+      e.formTranscript.appendChild(r), e.formTranscriptSegments.set(o, r);
+    }
+    for (const [o, t] of e.transcriptInterimBubble)
+      for (const [r, s] of e.transcriptSegments)
+        if (s === t) {
+          const c = e.formTranscriptSegments.get(r);
+          c && e.formTranscriptInterimBubble.set(o, c);
+          break;
+        }
+    e.formTranscript.scrollTop = e.formTranscript.scrollHeight;
+  }
+}
+function le(e) {
+  const a = M(e);
+  if (!a) return "#ffffff";
+  const [o, t, r] = a, s = (n) => {
+    const d = n / 255;
+    return d <= 0.03928 ? d / 12.92 : Math.pow((d + 0.055) / 1.055, 2.4);
+  };
+  return 0.2126 * s(o) + 0.7152 * s(t) + 0.0722 * s(r) > 0.5 ? "#111111" : "#ffffff";
+}
+function Xe(e) {
+  const a = M(e);
+  if (!a) return "#f6f7f9";
+  const [o, t, r] = a, c = (0.2126 * o + 0.7152 * t + 0.0722 * r) / 255 > 0.5 ? -10 : 18, n = (d) => Math.max(0, Math.min(255, d + c));
+  return `rgb(${n(o)}, ${n(t)}, ${n(r)})`;
+}
+function Ze(e, a) {
+  const o = M(e), t = M(a);
+  if (!o || !t) return "rgba(0,0,0,0.55)";
+  const r = (s) => Math.round(o[s] * 0.55 + t[s] * 0.45);
+  return `rgb(${r(0)}, ${r(1)}, ${r(2)})`;
+}
+function M(e) {
+  const a = e.trim(), o = a.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  if (o) {
+    let r = o[1];
+    return r.length === 3 && (r = r.split("").map((s) => s + s).join("")), [
+      parseInt(r.slice(0, 2), 16),
+      parseInt(r.slice(2, 4), 16),
+      parseInt(r.slice(4, 6), 16)
+    ];
+  }
+  const t = a.match(/^rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/i);
+  return t ? [Number(t[1]), Number(t[2]), Number(t[3])] : null;
+}
+function ce(e) {
+  return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function nt(e, a = {}) {
+  const o = a.target ?? document.body, t = Ie(a.rootId ?? "voice-agent-widget-root", {
+    inline: a.inline,
+    parent: o,
+    closeButtonHide: a.closeButtonHide
+  });
+  X(t, e.getAppearance()), E(t, "welcome");
+  const r = e.getAudioCapabilities(), s = [], c = [];
+  let n = !1, d = !1, p = !1, v = null, x = null, l = null;
+  const g = (i, f) => {
+    const w = window.setInterval(i, f);
+    return c.push(w), w;
+  }, h = (i) => {
+    n = i, t.panel.style.display = i ? "flex" : "none";
+  }, u = () => {
+    n || h(!0);
+  }, m = () => e.isActive() ? "call" : "welcome";
+  s.push(
+    e.on("appearance", (i) => X(t, i)),
+    e.on("state", ({ orb: i, statusLabel: f }) => {
+      Pe(t, i), be(t, i === "thinking" ? f : null);
+    }),
+    e.on("call:status", ({ status: i }) => me(t, i)),
+    e.on("call:timer", ({ remainingMs: i }) => qe(t, i)),
+    e.on("mute", ({ muted: i }) => Ue(t, i)),
+    e.on("controls", ({ canStart: i, canMute: f, canEnd: w }) => {
+      t.startBtn.disabled = !i, t.muteBtn.disabled = !f, t.endBtn.disabled = !w;
+    }),
+    e.on("connection", ({ phase: i }) => {
+      i === "connecting" ? d || E(t, "call") : (i === "disconnected" || i === "failed") && (d || E(t, "welcome"));
+    }),
+    e.on(
+      "transcript",
+      ({ role: i, segmentId: f, text: w, isFinal: F }) => We(t, i, f, w, F)
+    ),
+    e.on("transcript:clear", () => Je(t)),
+    e.on(
+      "agent:handoff",
+      ({ agentName: i }) => Qe(t, i)
+    ),
+    e.on(
+      "audio",
+      (i) => de(t, i, r)
+    )
+  );
+  const b = () => {
+    const i = e.getActiveForm();
+    i && je(t, {
+      definition: i.definition,
+      values: i.values,
+      stepIndex: i.stepIndex,
+      cancelLabel: e.isActive() ? "Back to call" : "Cancel",
+      onFieldChange: () => e.updateFormValues(te(t))
+    });
+  };
+  s.push(
+    e.on("form:show", ({ inCall: i, transcriptionEnabled: f }) => {
+      d = !0, u(), E(t, "form"), ae(t, i), se(t, i && f), b();
+    }),
+    e.on("form:update", () => b()),
+    e.on("form:validation", ({ errors: i }) => {
+      I(t, ""), Oe(t, i);
+    }),
+    e.on("form:submitting", () => {
+      I(t, ""), R(t, ""), Re(t), V(t, !0);
+    }),
+    e.on("form:submitted", ({ successMessage: i }) => {
+      R(t, i), V(t, !1);
+    }),
+    e.on("form:error", ({ message: i }) => {
+      I(t, i), V(t, !1);
+    }),
+    e.on("form:close", () => {
+      d = !1, ae(t, !1), se(t, !1), E(t, m());
+    })
+  );
+  const C = () => e.updateFormValues(te(t));
+  t.formBackBtn.addEventListener("click", () => e.closeForm()), t.formCancelBtn.addEventListener("click", () => e.closeForm()), t.formStepBackBtn.addEventListener("click", () => {
+    C(), e.stepForm("back");
+  }), t.formSubmitBtn.addEventListener("click", () => {
+    C(), e.submitForm();
+  });
+  const xe = async () => {
+    try {
+      const { inputs: i, outputs: f } = await e.enumerateAudioDevices(), w = e.getAudioState();
+      re(
+        t.audioMicSelect,
+        i,
+        w.prefs.micDeviceId,
+        "System default"
+      ), re(
+        t.audioSpeakerSelect,
+        f,
+        w.prefs.speakerDeviceId,
+        "System default"
+      );
+    } catch (i) {
+      console.warn("[voice-agent] device enumeration failed:", i);
+    }
+  }, $ = () => {
+    l !== null && (cancelAnimationFrame(l), l = null), x && (x.close().catch(() => {
+    }), x = null), ne(t, 0);
+  }, Y = async () => {
+    if ($(), !!e.isActive())
+      try {
+        const i = e.getAudioState(), f = await navigator.mediaDevices.getUserMedia({
+          audio: i.prefs.micDeviceId ? { deviceId: { exact: i.prefs.micDeviceId } } : !0,
+          video: !1
+        }), w = new (window.AudioContext || window.webkitAudioContext)();
+        x = w;
+        const F = w.createMediaStreamSource(f), B = w.createAnalyser();
+        B.fftSize = 1024, F.connect(B);
+        const T = new Float32Array(B.fftSize), U = () => {
+          if (!x) return;
+          B.getFloatTimeDomainData(T);
+          let G = 0;
+          for (let z = 0; z < T.length; z++) G += T[z] * T[z];
+          const he = Math.sqrt(G / T.length), ye = 20 * Math.log10(Math.max(he, 1e-6)), we = Math.max(0, Math.min(1, (ye + 50) / 50));
+          ne(t, we), l = requestAnimationFrame(U);
+        };
+        l = requestAnimationFrame(U);
+      } catch (i) {
+        console.warn("[voice-agent] mic-level meter unavailable:", i);
+      }
+  }, N = () => {
+    v !== null && (window.clearInterval(v), v = null);
+  }, fe = () => {
+    N();
+    const i = async () => {
+      const f = await e.getAudioStats();
+      if (!f) {
+        t.audioDiagLoss.textContent = "—", t.audioDiagJitter.textContent = "—", t.audioDiagRtt.textContent = "—";
+        return;
+      }
+      t.audioDiagLoss.textContent = String(f.packetsLost), t.audioDiagJitter.textContent = `${f.jitter.toFixed(1)} ms`, t.audioDiagRtt.textContent = f.roundTripTime ? `${f.roundTripTime.toFixed(0)} ms` : "—";
+    };
+    i(), v = g(() => void i(), 2e3);
+  }, ve = async () => {
+    p = !0, oe(t, !0), de(t, e.getAudioState(), r), await xe(), await Y(), fe();
+  }, D = () => {
+    p = !1, oe(t, !1), $(), N();
+  };
+  g(() => {
+    p && !e.isActive() && D();
+  }, 1e3), t.fab.addEventListener("click", () => {
+    n || e.trackEvent("bubble_clicked"), h(!n);
+  }), t.closeBtn.addEventListener("click", () => {
+    e.isActive() && e.end(), e.closeForm(), h(!1);
+  }), (a.openChat || a.inline) && u(), t.startBtn.addEventListener("click", () => {
+    const i = t.appearance.terms_url;
+    i && ke(e.agentSlug || "default", i), e.start();
+  }), t.endBtn.addEventListener("click", () => void e.end()), t.muteBtn.addEventListener("click", () => void e.toggleMute()), t.formMuteBtn.addEventListener("click", () => void e.toggleMute()), t.formEndBtn.addEventListener("click", () => {
+    e.closeForm(), e.end();
+  }), t.settingsBtn.addEventListener("click", () => {
+    e.isActive() && (p ? D() : ve());
+  }), t.audioDrawerClose.addEventListener("click", D), t.audioMicSelect.addEventListener("change", () => {
+    e.updateAudioSettings({ micDeviceId: t.audioMicSelect.value }), Y();
+  }), t.audioSpeakerSelect.addEventListener("change", () => {
+    e.updateAudioSettings({
+      speakerDeviceId: t.audioSpeakerSelect.value
+    });
+  }), t.audioVolume.addEventListener("input", () => {
+    const i = Number(t.audioVolume.value);
+    t.audioVolumeValue.textContent = `${i}%`, e.updateAudioSettings({ outputVolume: i });
+  }), t.audioNcEngine.addEventListener("change", () => {
+    const i = t.audioNcEngine.value;
+    e.updateAudioSettings({ noiseFilter: i }), t.audioDfStrengthRow.hidden = i !== "deepfilter";
+  }), t.audioDfStrength.addEventListener("input", () => {
+    const i = Number(t.audioDfStrength.value);
+    t.audioDfStrengthValue.textContent = String(i), e.updateAudioSettings({ deepFilterStrength: i });
+  }), t.audioTogAec.addEventListener(
+    "change",
+    () => void e.updateAudioSettings({ echoCancellation: t.audioTogAec.checked })
+  ), t.audioTogNs.addEventListener(
+    "change",
+    () => void e.updateAudioSettings({ noiseSuppression: t.audioTogNs.checked })
+  ), t.audioTogAgc.addEventListener(
+    "change",
+    () => void e.updateAudioSettings({ autoGainControl: t.audioTogAgc.checked })
+  ), t.audioTogVi.addEventListener(
+    "change",
+    () => void e.updateAudioSettings({ voiceIsolation: t.audioTogVi.checked })
+  ), t.audioTogHp.addEventListener(
+    "change",
+    () => void e.updateAudioSettings({ headphonesMode: t.audioTogHp.checked })
+  ), t.audioTogTranscription.addEventListener(
+    "change",
+    () => void e.updateAudioSettings({
+      transcriptionEnabled: t.audioTogTranscription.checked
+    })
+  ), t.audioTogTextInput.addEventListener(
+    "change",
+    () => void e.updateAudioSettings({
+      textInputEnabled: t.audioTogTextInput.checked
+    })
+  ), g(() => {
+    const i = e.isActive();
+    t.settingsBtn.hidden = !i || !t.appearance.show_audio_settings;
+    const f = i && e.getAudioState().prefs.textInputEnabled;
+    t.textInputRow.hidden = !f, t.textSendBtn.disabled = !f;
+  }, 500), t.textInput.addEventListener("input", () => {
+    t.textInput.style.height = "auto", t.textInput.style.height = `${t.textInput.scrollHeight}px`;
+  });
+  const P = () => {
+    const i = t.textInput.value.trim();
+    !i || !e.isActive() || (t.textInput.value = "", t.textInput.style.height = "auto", e.sendText(i));
+  };
+  return t.textSendBtn.addEventListener("click", P), t.textInput.addEventListener("keydown", (i) => {
+    i.key === "Enter" && !i.shiftKey && (i.preventDefault(), P());
+  }), { destroy: () => {
+    for (const i of s.splice(0))
+      try {
+        i();
+      } catch {
+      }
+    for (const i of c.splice(0)) window.clearInterval(i);
+    $(), N(), t.host.remove();
+  }, refs: t };
+}
+function de(e, a, o) {
+  const { prefs: t, applied: r, noiseFilter: s } = a;
+  e.audioNcEngine.value = t.noiseFilter, e.audioDfStrength.value = String(t.deepFilterStrength), e.audioDfStrengthValue.textContent = String(t.deepFilterStrength), e.audioDfStrengthRow.hidden = t.noiseFilter !== "deepfilter", e.audioTogAec.checked = t.echoCancellation, e.audioTogNs.checked = t.noiseSuppression, e.audioTogAgc.checked = t.autoGainControl, e.audioTogVi.checked = t.voiceIsolation, e.audioTogHp.checked = t.headphonesMode, e.audioTogTranscription.checked = t.transcriptionEnabled, e.audioTogTextInput.checked = t.textInputEnabled, e.transcript.style.display = t.transcriptionEnabled ? "flex" : "none", t.transcriptionEnabled ? e.panel.classList.add("with-transcript") : e.panel.classList.remove("with-transcript"), e.audioVolume.value = String(t.outputVolume), e.audioVolumeValue.textContent = `${t.outputVolume}%`, e.audioTogViRow.style.display = o.voiceIsolationSupported ? "" : "none", e.audioSpeakerRow.style.display = o.setSinkIdSupported ? "" : "none", e.audioDiagEngine.textContent = et(s), e.audioDiagAec.textContent = H(r.echoCancellation), e.audioDiagNs.textContent = H(r.noiseSuppression), e.audioDiagAgc.textContent = H(r.autoGainControl), e.audioDiagVi.textContent = r.voiceIsolation === void 0 ? "Unsupported" : r.voiceIsolation ? "On" : "Off", e.audioDiagSr.textContent = r.sampleRate !== void 0 ? `${r.sampleRate} Hz` : "—";
+}
+function H(e) {
+  return e === void 0 ? "—" : e ? "On" : "Off";
+}
+function et(e) {
+  const a = e.engine === "krisp" ? "Krisp" : e.engine === "deepfilter" ? "DeepFilterNet3" : "Off";
+  return e.engine === "off" ? "Off" : e.status === "active" ? `${a} (active)` : e.status === "unsupported" ? `${a} (unsupported)` : e.status === "failed" ? `${a} (failed)` : a;
+}
+export {
+  nt as mountVoiceUI
+};
+//# sourceMappingURL=ui.js.map